/*Legt die Hintergrundfarbe des HTML-Dokumentes fest*/
body{
background-color:#4E799E;
}

/*legt das Format für den div-Bereich eines normalen Link fest*/
.menunormal {
font-family:Comic Sans MS;
color:#ffffcc;
font-size:14pt;
text-decoration:underline;
text-align:center;
}

/*legt das Format für den Normalzustand für einen normalen Link fest*/
.menunormal a{
font-family:Comic Sans MS;
text-align:center;
font-size:14pt;
text-decoration:none;
color:#ffffcc;
}

/*legt das Format für den Rollover-Effekt eines normalen Links fest*/
.menunormal a:hover {
font-family: Comic Sans MS;
font-size:14pt;
text-align:center;
text-decoration:none;
color:#336699;
}



/*legt das Format für den div-Bereich der linken Menüleiste fest*/
.menu {
font-family:Comic Sans MS;
color:#ffffcc;
font-size:10pt;
text-decoration:none;
text-align:center;
width:150px;
height: 25px;
padding:10px;
margin:2px;
}

/*legt das Format für den Normalzustand der linken Menüleiste fest*/
.menu a{
font-family:Comic Sans MS;
text-align:center;
font-size:10pt;
text-decoration:none;
width:150px;
height: 25px;
color:#ffffcc;
background-color:#2B3E5E;
display:block;
padding:2px;
margin:2px;}

/*legt das Format für den Rollover-Effekt der linken Menüleiste fest*/
.menu a:hover {
font-family: Comic Sans MS;
font-size:10pt;
text-align:center;
width:150px;
height: 25px;
text-decoration:none;
color:#336699;
display:block;
padding:2px;
margin:2px;
}

/*legt das Format für den div-Bereich der Hyperlinks
für die PDFs fest, die sich unten in der Mitte befinden */
.menub {
font-family:Comic Sans MS;
color:#ffffcc;
font-size:10pt;
text-decoration:none;
text-align:center;
width:150px;
height: 25px;
padding:10px;
margin:2px 120px 2px 105px;}

/*legt den Normalzustand des Hyperlinks für das PDF fest*/
.menub a{
font-family:Comic Sans MS;
text-align:center;
font-size:10pt;
text-decoration:none;
width:150px;
height: 25px;
color:#ffffcc;
background-color:#2B3E5E;
display:block;
padding:2px;
margin:2px 120px 2px 105px;}

/*legt den Rollover-Effekt des Hyperlinks für das PDF fest*/
.menub a:hover {
font-family: Comic Sans MS;
font-size:10pt;
text-align:center;
width:150px;
height: 25px;
text-decoration:none;
color:#336699;
display:block;
padding:2px;
margin:2px 120px 2px 105px;
}

/*Hier werden vier verschiedene Schriftgrößen festgelegt*/
.font1 {
font-family:Comic Sans MS;
font-size:20pt;
color:#ffffcc;
padding:10px;
margin:10px;
}

.font2 {font-family:Comic Sans MS;
font-size:14pt;
text-align: center;
color:#FFFFCC;
padding:10px;
margin:10px;
}

.font3 {
font-family:Comic Sans MS;
font-size:12pt;
color:#FFFFCC;
padding:10px;
margin:10px;}

.font4 {
font-family:Comic Sans MS;
font-size:18pt;
text-align: center;
color:#FFFFCC;
padding:10px;
margin:10px;}

.font41 {
font-family:Comic Sans MS;
font-size:16pt;
text-align: justify;
color:#FFFFCC;
padding:10px;
margin:10px;}

.font5 {
font-family:Comic Sans MS;
font-size:12pt;
text-align: justify;
color:#FFFFCC;
padding:10px;
margin:10px;}

/*Hier wird Farbe und Schriftfarbe für den Submit-Button festgelegt*/
.button{
font-family:Comic Sans MS;
color:#ffffcc;
background-color:#2B3E5E;
font-size:10pt;
text-decoration:none;
text-align:center;
width:170px;
border:0px;
margin:2px 2px 2px 2px;
}

/*Format für Aufzählung*/
.list ul{
margin: 0;
padding: 0px;
list-style: none;
background-color:#2B3E5E;

text-align:center;
}

/*Format für einzelne Aufzählungspunkte*/
.list li{
float:right;
width:150px;
list-style: none;
text-align:center;
margin: 0 0 0 10px;
}

/*legt das Format für den div-Bereich der Hyperlinks
für die Menüleiste fest, die sich rechts oben befindet */
.list {
font-family:Comic Sans MS;
color:#ffffcc;
font-size:10pt;
text-decoration:none;
text-align:center;
width:100%;
height: 100%;
display: block;
padding:5px 0 5px 0;
}

/*legt das Format für den Normalzustand der Hyperlinks
für die Menüleiste fest, die sich rechts oben befindet */
.list a{
font-family:Comic Sans MS;
text-align:center;
font-size:10pt;
text-decoration:none;
color:#ffffcc;
background-color:#2B3E5E;
width:100%;
height: 100%;
display: block;
padding:5px 0 5px 0;
}

/*legt das Format für den div-Bereich der Hyperlinks
für die Menüleiste fest, die sich rechts oben befindet */
.list a:hover {
font-family: Comic Sans MS;
font-size:10pt;
text-align:center;
width:100%;
height: 100%;
text-decoration:none;
color:#336699;
display:block;
padding:5px 0 5px 0;
}

/*Kasten der Höhe 100 und der Breite 800, der sich ganz oben befindet*/
.box1{
position:absolute;
top: 0px;
left: 0px;
height: 100 px;
width: 800px;
}

/*Kasten der Höhe 50 und der Breite 800, der sich
100 px vom oberen Rand weg befindet*/
.variablebox{
position:absolute;
max-height: 50px;
top: 100px;
left: 0px;
height: 50px;
width: 800px;
/*align:left;
text-align:center;*/
}

/*Kasten der Höhe 400 und der Breite 200, der sich
150 px vom oberen Rand weg befindet*/
.box2{
position:absolute;
top: 150px;
left: 0px;
float:left;
width: 200px;
height: 400px;
padding: 0px 0px 0px 0px;
margin: 0px;
}

/*Kasten der Höhe 400 und der Breite 600, der sich
150 px vom oberen und 200px vom linken Rand weg befindet*/
.box3{
position:absolute;
top: 150px;
left: 200px;
text-align:center;
width: 600px;
height: 400px;
/*color:#FFFFCC;*/
}

/*Kasten der Höhe 400 und der Breite 600, der sich
150 px vom oberen und 200px vom linken Rand weg befindet und Blocksatz hat*/
.box4{
position:absolute;
top: 150px;
left: 200px;
text-align:justify;
width: 600px;
height: 400px;
/*color:#FFFFCC;*/
}

/*Kasten der Höhe 100 und der Breite 800 px, der sich direkt
am linken oberen Rand befindet*/
.boxOben{
position:absolute;
top: 0px;
left: 0px;
width: 800px;
height: 100px;
border:1px solid black;
}

/*Kasten der Höhe 400 und der Breite 200 px,
der sich 100 px weg vom oberen Rand befindet*/
.boxLinks{
position:absolute;
top: 100px;
left: 0px;
/*float:left bedeutet, dass sich das Element links
befindet und von dem nächsten Element umflossen wird*/
float:left;
width: 200px;
height: 400px;
border:1px solid black;
}

/*Kasten der Höhe 400 und der Breite 600 px, der sich 100 px weg
vom oberen Rand und 200 px weg vom linken Rand befindet*/
.boxRechts{
position:absolute;
top: 100px;
left: 200px;
text-align:center;
width: 600px;
height: 400px;
border:1px solid black;
}