body{font-family:arial, sans-serif;font-size:13px;background-color:white;
	--default-input-background:PaleTurquoise;
	--default-border-color:DarkSlateBlue;
	--default-background-color:#fbb809;
	--second-background-color:LightCyan;
	--default-header-color:DarkSlateBlue;
}
#intranetHeader{position:absolute;left:180px;top:0}
#intranetHeader a{color:white;background-color:var(--default-background-color);font-weight:bold;padding:1px 7px 1px 7px;font-size:14px}
#intranetLeftmenu{position:absolute;left:10px;top:120px;}
#intranetLeftStripe{position:absolute;top:0;left:0;width:160px;height:1820px;background-color:var(--default-background-color);z-index:0}
#intranetLeftmenu{position:absolute;top:200px;left:10px;z-index:3}
#intranetLeftmenu a{color:white;font-weight:bold}
#intranetLeftmenu a:hover{color:mediumblue}
#intranetTopmenu{background-color:#fbb809;color:white;margin-bottom:10px}
#intranetTopmenu td{padding-left:3px;padding-right:10px}
#leftSpaltenSelect{position:absolute;top:420px;left:10px;width:120px;padding:15px 0 25px 5px;font-size:11px}
#leftSpaltenSelect p{margin-bottom:0;padding-bottom:0;color:white}
#leftSpaltenSelect td{color:white;background-color:#DD2C1C;padding:0 3px 0 3px}
#leftSpaltenSelect td.noBGcolor{background-color:white;color:black;padding:0}
#leftSpaltenSelect input, #intranetHeader input{border:none;color:white;background-color:var(--default-background-color);cursor:pointer;font-weight:bold}
#intranetMain{position:absolute;left:180px;top:140px}
#intranetMain table{border:1px solid var(--default-input-background)}
#intranetMain h2{color:var(--default-header-color)}
#feedback{position:absolute;left:80px;top:110px;width:500px;height:400px;opacity:1;background-color:PaleGreen;color:Sienna;opacity:1;display:none;padding:0 5px 0 8px}
#feedbackBackground{position:fixed;top:0;left:0;width:100%;height:100%;background-color:silver;opacity:0.8;display:none;}
button.feedback{color:Sienna;background-color:PaleGreen}
div.feedbackclose{position:absolute;top:0;right:0}

#intranetMain div.letters form{display:flex;gap:10px}
#intranetMain div.letters form input[type=submit]{background-color:transparent;border:none;padding:0;cursor:pointer}
#intranetMain div.letters form span.selectedLetter{color:red;font-weight:bold}

.warning{color:red}
.error{color:red}
.info{color:green}
.top{vertical-align:top}
.right{text-align:right}
.center{text-align:center}
.dark{background-color:LightCyan}
.digital{font-family:courier,serif}
.bold{font-weight:bold}
.width50{width:50px}
.width80{width:80px}
.width100{width:100px}
.width120{width:120px}
.width150{width:150px}
.width180{width:180px}
.width200{width:200px}
.width250{width:250px}
.width300{width:300px}
.width400{width:400px}
.width500{width:500px}
input.tag[type="number"]{width:3em}
input.jahr[type="number"]{width:5em}
select.monat{font-size:15px}
a{text-decoration:none;color:mediumblue}

/* Topmenu */
div.topmenu{display:flex;background-color:var(--default-background-color);gap:5px;padding:3px 10px 3px 10px;margin-bottom:15px;color:white;vertical-align:bottom}
div.topmenu > form > div{display:flex;gap:5px}
div.topmenu :is(select, input, button){color:var(--default-header-color);background-color:var(--second-background-color)}
div.topmenu label{padding-top:10px}

/* popup Window */
div.pWWindow{position:absolute;background-color:white;opacity:1;display:none;border:3px solid var(--default-border-color);box-shadow:silver 5px 5px 15px;z-index:5;border-radius:10px}
div.pWHeader{height:30px;background-color:var(--default-background-color);opacity:1;border-radius:7px 7px 0 0}
div.pWError{height:30px;background-color:red;opacity:1;border-radius:7px 7px 0 0}
div.pWHeaderLeft{position:absolute;left:0;top:0;width:99%;height:25px;color:white;padding:5px 0 0 5px}
div.pWHeaderClose{position:absolute;right:5px;color:silver;cursor:pointer}
div.pWHeaderClose:hover{color:black;font-size:1.2em}
div.pWBody{background-color:white;opacity:1;padding:20px 10px 20px 12px;border-radius:0 0 7px 7px}
div.pWBody form{display:inline}
div.pWBody > form > input[type=submit]{margin-left:120px;background-color:var(--default-input-background)}
div.pWBody > form select{background-color:var(--default-input-background)}
div.pWBody > form > input[type=submit].loeschen{color:red}
div.pWBody > form input[type=file]::file-selector-button{background-color:var(--default-input-background)}
div.pWBody > h3{margin-left:80px;color:#00837c}
div.pWBody > p{margin-left:80px;}
div.pWBody > form > table tr td{padding:7px}
div.pWBody input[type=submit]{cursor:pointer}
div.pWBody button{cursor:pointer;background-color:var(--default-input-background)}
div.pWBody button.firstRight{cursor:pointer;background-color:var(--default-input-background);position:absolute;top:40px;right:15px}
div.pWBody hr{border:1px dashed silver;margin:20px}
div.pWBody details > form > div > div{display:flex;margin-top:7px}
div.pWBody details > form input[type=submit]{margin:15px 0 15px 80px;background-color:var(--default-input-background)}
div.pWBody details > form > div > div > div:first-child{width:70px}
div.pWBody details[open]{border:1px solid var(--default-border-color);padding:7px}
div.pWBody details summary{cursor:pointer}
div.pWBackground{position:fixed;top:0;left:0;width:100%;height:100%;background-color:silver;opacity:0.4;display:none}

div.standardDetails > div{display:flex;flex-wrap:wrap;border-radius:5px 5px 0 0}
div.standardDetails > div > div{margin:7px}
div.standardDetails > div > div:first-child{width:100px;text-align:right;padding-right:7px;color:#00837c} 

table.standardList tr:nth-child(2n){background-color:var(--second-background-color)}
table.standardList th{text-align:left;color:var(--default-header-color);vertical-align:top}
table.standardList th input[type=submit]{border:none;background-color:transparent;color:red;cursor:pointer}
table.standardList th span.selectedCol{background-color:CornflowerBlue;color:white;padding:2px 5px 2px 5px;z-index:5;border-radius:3px}
table.standardList tr td{vertical-align:top;padding:5px}
table.standardList tr td:first-child{cursor:pointer}

table.standardDetails tr > td:first-child{text-align:right;font-style:italic}
