/* CSS Document */

body {
    background:#FFFFFF;
}
 * {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	color:#000044;
 }

/*   ALLGEMEINE TEXT-STYLES:    */

.klein {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.8em;
	color:#000044;
 }
.text {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	color:#000044;
 }
.textrot {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1em;
	background-color: #FF9999;
 }
.rot {
	font-family: Arial, Verdana, sans-serif;
    font-style: italic;
	font-size: 1em;
	color: #CC0000;
 }
.titel {
	font-family: Arial, Verdana, sans-serif;
	font-size: 2.2em;
	font-weight: bold;
	color:#000000;
 }
.mega {
	font-family: Arial, Verdana, sans-serif;
	font-size: 3.5em;
	font-weight: bold;
	color:#000000;
 }
.ut {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.8em;
	font-weight: bold;
	color:#000044;
 }

.ut2 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color:#000044;
 }
.ut3 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.1em;
	font-weight: bold;
	color:#000044;
 }
.wichtig {
	font-family: Arial, Verdana, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color:#000044;
 }

 .grau {
	font-family: Arial, Verdana, sans-serif;
	font-size: 0.7em;
	color:#555555;
 }

/*   ALLGEMEINE LINK-STYLES:    */

a:link {
	color:#0000FF;
	text-decoration: underline;	
}

a:visited {
	color:#0000FF;
	text-decoration: underline;	
}

a:hover {
	color:#0000FF;
	text-decoration: underline;	
	background: #DDFF00;
}


/*   BILDER MIT ABGERUNDETER KANTE:    */

.img-rund {
 	border-radius: 5px;
   
    
    
/*   ALLGEMEINE TABELLEN-STYLES:    */
    
}
.t-rund {
	border-radius: 6px;
	border: 1px solid #666666;
	padding: 6px;
	border-spacing: 4px;
	background: #EEEEEE;
}
.t-rund td {
    border-radius: 5px;
	padding: 6px;	

}
.t-odd {
	background:#D8ECF9;
}

.t-evn {
	background:#ECF5FA;
}

.t-rot {
	background: #FF6666;
}

.t-gelb {
	background:#FFFF33;
}

.t-oro {
	background:#F4B07F
}
.t-colevn {
	background:#B7E4F9;
}

.t-colodd {
	background:#A4DAFF;
}

.t-titel {
	font-size: 1.2em;
	font-weight: bold;
	color: #000444;
	
	background:#7FC0D3;
	border: 1px solid #2890CB;
}
 .t-top {
	font-weight: bold;
	color: #000444;
	
	background:#7FC0D3;
	border: 1px solid #2890CB;
}
 .t-topodd {
	font-weight: bold;
	color: #000444;
	
	background:#93E1F8;
	border: 1px solid #2890CB;
}

 .t-grau {
	color:#363636;
    background: #6C6C6C;
	border-radius: 5px 5px 5px 5px;
	padding: 5px;	
}

 .t-ok {
	background: #4BEE67;
	border-radius: 5px 5px 5px 5px;
	padding: 5px;	
}

 .t-nok {
	background: #F04F52;
	border-radius: 5px 5px 5px 5px;
	padding: 5px;	
}


/*   AUSWERTUNGS-TABELLE   */

.t-stat {
    border-radius: 3px;
	border: 1px solid #5058C1;
	padding: 5px;
	border-spacing: 5px;
    color: #000000;
	background: #CCCCCC;

}

.t-stat td {
    border-radius: 5px;
	padding: 6px;	

}
.t-stat tr {
    background:#FFFFFF; 
    
}

.stat-titel {
    font-size: 1.1em;
	font-weight: bold;
	color: #000444;
	background:#7FC0D3; 
    
}

.t-stat tr {
    background:#FFFFFF; 
    
}

/*   MESSAGE-BALKEN   */

 .msg-ok {
	background: #8CFC7F;
    border-style: solid;
    border-width: 1px;
    border-color: #2E7209; 
	border-radius: 5px;
	padding: 5px 15px 5px 15px;	
}
 .msg-err {
	background: #F04F52;
	border-style: solid;
    border-width: 1px;
    border-color: #780103; 
	border-radius: 5px;
	padding: 5px 15px 5px 15px;		
}

 .msg {
	background: #FFD88B;
    border-style: solid;
    border-width: 1px;
    border-color: #A46303;
	border-radius: 5px;
	padding: 5px 15px 5px 15px;		
}

/*   ALLGEMEINER BUTTON-STYLE: GRÜN MIT HOVER-EFFEKT   */

.button {
 	font-size: 1.5em;
	background: #66CC00; 
 }

.button:hover {
 	font-size: 1.5em;
	background: #DDFF00;
 }

.btn {
 	background: #FF9900; 
 }

.btn:hover {
 	background: #DDFF00;
 }

/*   HILFEBUTTON TRANSP. MIT HOVER     */

.hilfe {
	opacity: 0.5;
	height: 25px;
	vertical-align:middle;
}

.hilfe:hover { 
	opacity: 1;
}

/*   INFOFELD (DIV) AN FESTER POSITION NUR SICHTBAR WENN INHALT DRINSTEHT    */

.info_feld {
	right: 20px;
    top: 150px;
    width: 200px;
    position: fixed;
    z-index: 10;
	border-radius: 6px;
	border: 1px solid #666666;
	padding: 5px;
	border-spacing: 1px;
	background: #F7D963;
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}
.info_feld:empty { display:none; }


/*  AUFFÄLLIGES FELD FÜR ABFRAGEN */

.fragefeld {
	top: 150px;
    left: 80px;
    width: 800px;
    position: fixed;
    z-index: 10;
	border-radius: 6px;
	border: 3px solid #A46303;
	background: #FFD88B;
    padding: 15px;
	border-spacing: 5px;
    font-family: Arial, Verdana, sans-serif;
	font-size: 2 em;
	font-weight: bold;
	color:#000000;

    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}


/* SHORTCUT-DIV IMMER UNTEN */

.shortcuts {
	left: 80px;
    bottom: 10px;
    /* width: 60%;  */
    height: 45px;
    position: fixed;
    z-index: 20;
    border-radius: 8px;
	border: 1px solid #003AAA;
	padding: 5px;
	border-spacing: 1px;
	background: #FFCC88;
    opacity: 0.7;
}
.shortcuts:empty { display:none; }

/*   TRANSPARENTE DIVs ( inaktive buttons )   */

 div.trans {
        opacity: 0.3;
}	

.schatten {
    box-shadow: rgb(38, 57, 77) 0px 20px 30px -10px;
}