body {background-image: url(grafiken/baum50.jpg); background-repeat: repeat; font-size: 10pt; font-family: Eurostyle Condensed,Helvetica,Sans Serif,Arial;}

div.oben {position: absolute; left: 0%; top: 1%; width: 100%; height: 4%; text-align:center; z-index: 5;}
div.mitte {position: absolute; left: 3%; top: 5%; width: 94%; z-index: 4; height: 90%;}
div.unten {position: absolute; left: 0%; top: 93%; width: 100%; height: 5%; text-align:center; z-index: 5;}
div.testoben {position: absolute; left:0%; top:0%; width: 100%; height: 50%; text-align:center; background-color: #EEEEEE;}
div.testunten {position: absolute; left:0%; top:50%; width: 100%; height: 50%; text-align:center; background-color: #CCCCCC;}
div.testbutton {position: absolute; left:0%; top: 50%; width: 100%; height: 50%; text-align:center; background-color: #AAAAAA;}


div.mitte90t {position: absolute; left: 2%; width: 96%; height: 10%; z-index: 2;}
div.mitte90hr {position: absolute; left: 2%; top: 10%; width: 96%; height: 2%; z-index: 2;}

div.mitte60 {position: absolute; top: 9%; left: 20%; width: 60%; height: 90%; z-index: 3; background-color: #EEEEEE; border: 1px solid #32A032;}
div.mittelinks30_10 {position: absolute; top: 9%; left: 10%; width: 30%; height: 90%; z-index: 3; background-color: #EEEEEE; border: 1px solid #32A032;}
div.mittelinks30_05 {position: absolute; top: 9%; left: 5%; width: 30%; height: 90%; z-index: 3; background-color: #EEEEEE; border: 1px solid #32A032;}
div.mittelinks25_01 {position: absolute; top: 9%; left: 1%; width: 25%; height: 90%; z-index: 3; background-color: #EEEEEE; border: 1px solid #32A032;}
div.mittelinks30_10_t_c_10_0 {position: absolute; top: 19%; left: 10%; width: 30%; z-index: 3; text-align:center;}
div.mitte30_t_c_10_0 {position: absolute; top: 19%; left: 35%; width: 30%; z-index: 3; text-align:center;}
div.mittelinks40_10 {position: absolute; top: 9%; left: 10%; width: 40%; height: 90%; z-index: 3; background-color: #EEEEEE; border: 1px solid #32A032;}
div.mitterechts50_40 {position: absolute; top: 9%; left: 40%; width: 50%; height: 90%; z-index: 3;}
div.mitterechts40_50 {position: absolute; top: 9%; left: 50%; width: 40%; height: 90%; z-index: 3;}
div.mitterechts60_35 {position: absolute; top: 9%; left: 35%; width: 60%; height: 90%; z-index: 3; background-color: #EEEEEE; border: 1px solid #32A032;}
div.mitterechts73_26 {position: absolute; top: 9%; left: 26%; width: 73%; height: 90%; z-index: 3; background-color: #EEEEEE; border: 1px solid #32A032;}

div.mitteinnen_t_c {position: absolute; top: 2%; left: 2%; width: 96%; height: 96%;  z-index: 3; text-align: center;}
div.mitteinnen_t_l {position: absolute; top: 2%; left: 2%; width: 96%; height: 96%;  z-index: 3; text-align: left;}
div.mitteinnen_D_c {position: absolute; top: 2%; left: 2%; width: 96%; height: 96%;  z-index: 3; text-align: center; background-color: #DDDDDD;}
div.mitteinnen_D_c_hinweis {position: absolute; top: 5%; left: 5%; width: 90%; height: 90%;  z-index: 3; text-align: center; background-color: #DDDDDD; border: 4px solid #FF0000;}
div.mitteinnen_D_l {position: absolute; top: 2%; left: 2%; width: 96%; height: 96%;  z-index: 3; text-align: left; background-color: #DDDDDD;}
div.mitteinnenterm1 {position: absolute; top: 2%; left: 2%; width: 46%; height: 96%; z-index: 3; background-color: #DDDDDD;}
div.mitteinnenterm2 {position: absolute; top: 2%; left: 52%; width: 46%; height: 96%; z-index: 3; background-color: #DDDDDD;}

div.fehlermeldung {color: #FF0000; font-size: 9pt; font-weight: bold; text-align: center;}
h1.gruen {color: #32A032; font-size: 15pt; font-weight: bold; margin-bottom: 1px;}
h3.gruen {color: #32A032; font-size: 12pt; font-weight: bold; margin-bottom: 1px;}
h1.rot {color: #FF0000; font-size: 10pt; font-weight: bold; margin-bottom: 1px;}
hr.gruen {color: #32a032; height: 3px;}
input.indexunten {font-size: 8pt; background-color: #32A032; color: #000000; border: 0px; margin-left: 50px; margin-right: 50px;}
input.indexaktiv {font-size: 9pt; background-color: #FFFFFF; color: #32A032; border: 0px; margin-left: 10px; margin-right: 10px;}
input.indexnormal {font-size: 9pt; background-color: #32A032; color: #FFFFFF; border: 0px; margin-left: 10px; margin-right: 10px;}
input.buttongruengross {font-size: 12pt; background-color: #32A032; color: #FFFFFF; border: 0px; margin-left: 10px; margin-right: 10px;}
input.mail_id {font-size: 8pt; background-color: #32A032; color: #000000; border: 0px; margin-left: 50px; margin-right: 50px;}
input.gruen {font-size: 15pt; background-color: #32A032; color: #FFFFFF; border: 2px solid #FFFFFF; margin-top: 30px;}
input.gruentab {font-size: 10pt; background-color: #32A032; color: #FFFFFF; border: 2px solid #FFFFFF;}
input.graublau {font-size: 9pt; border: 1px solid #0000FF; background-color: #CCCCCC; text-align: center;}
input.graurot {font-size: 9pt; border: 1px solid #FF0000; background-color: #CCCCCC; text-align: center;}
input.ohne {font-size: 9pt; border: 0px; text-align: center; background-color: #DDDDDD; font-weight: bold;}
img {border-collapse: collapse;}
table.registrierung {border: 0px; font-size: 9pt; position: absolute; left: 20%; width: 60%;}
table.evaluation {border: 0px; font-size: 9pt;}
table.ergebnis {border: 1px solid; font-size: 10pt; text-align:center;}
td.richtig {background-color: #32A032;}
td.falsch {background-color: #FF3232;}
td.nicht {background-color: #CCCCCC;}
td.frei {background-color: #EEEEEE;}
select.testauswahl {border: 0px; font-size: 9pt;}