body{
background-color:#CED6E1;
overflow: auto;
scrollbar-arrow-color: #ffffff;
scrollbar-Base-Color: #CED6E1;
scrollbar-track-color:#CED6E1;
scrollbar-face-color: #CED6E1;
scrollbar-highlight-color:#CED6E1;
scrollbar-3dlight-color: #CED6E1;
scrollbar-shadow-color: #ffffff;
overflow-x: hidden;
}

td,tr,li,ul,form{
font-family: "Trebuchet MS",Verdana,sans-serif;
color: #051C3F;
}


/***gesamte seite***/ 
#big{ 
position: absolute;
width:960px; 
height:100%;
left:50%; 
margin-left: -480px; 
background-color:#ffffff;
top:0;
z-index:1;
}

:root #big{
border-left: 1px solid #051C3F;
border-right: 1px solid #051C3F;
}

/***logo***/
#header {
width:958px; 
height: 100px; 
top:1px;
left:1px;
position:absolute;
z-index:2;
background-image: url(img/logohp.png);
background-color:#CED6E1;
}


/***Hauptseiten***/
#content{
color: #051C3F;
padding-top:120px;
padding-bottom:20px;
z-index:2;
height: auto !important;
height:100%;
background-color:#ffffff;

}
*html #content{
border-left: 1px solid #051C3F;
border-right: 1px solid #051C3F;
}

.text{
padding-left:30px;
padding-top:20px;
padding-right:30px;
padding-bottom:40px;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:13px;
line-height:22px;
}
.text td{ 
padding-left:10px;
padding-right:10px;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:13px;
}
.text a{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:12px;color:#065D1B; font-weight: bold; text-decoration: none;}
.text a:hover{color:#09AC2F}

.textsearch {
padding-left:10px;
padding-top:20px;
font-family:"Trebuchet MS",Verdana,sans-serif;
font-size:13px;
line-height:22px;
scrollbar-arrow-color: #ffffff;
scrollbar-Base-Color: #ffffff;
scrollbar-track-color:#ffffff;
scrollbar-face-color: #ffffff;
scrollbar-highlight-color:#CED6E1;
scrollbar-3dlight-color: #ffffff;
scrollbar-shadow-color: #CED6E1;
overflow-x: hidden;
}

h2{font-size: 15px;font-weight:bold; color: #050B9F;}
h3{font-size: 14px;font-weight:bold; color: #2F5A16;}
h4{font-size: 14px;font-weight:bold; color: #EF7537;}
h1,.betreff{font-size: 14px;font-weight:bold; color: #10531B;}
.infobox a {font-family: Trebuchet MS,Verdana,sans-serif; font-size:11px; line-height:30px; padding-left:15px;color:#003366; font-weight: bold;} 
.infobox a:hover {font-family: Trebuchet MS,Verdana,sans-serif; font-size:11px; line-height:30px; padding-left:15px;color:#5F9AF2} 

/***Fusszeile***/
#foot {
height:20px; 
background-image:url(img/botton.gif);
font-family: Trebuchet MS,Verdana,sans-serif; 
font-size: 11px;
color:#ffffff;
text-decoration: none; 
text-align:center; 
bottom:0px;
width:960px;
z-index:3;
position:fixed;
}
/***hack für ie6-8 darstellung***/
*html #foot{position: absolute}

#foot a{color: white; text-decoration: none;}
#foot a:hover{color: #797DFB;}



/*** Navigation ***/
#navi{
position: absolute; 
background-image:url(img/botton.gif); 
width:959px; 
height:20px;
z-index:3;
top:100px;
left:1px;

}

#navi a{display:block;  height:20px;width:137px; font: 13px "Trebuchet MS",Verdana,sans-serif; color:#ffffff;
text-decoration: none; text-align:center;}
#navi a:hover{display:block; background-image:url(img/bottonhover.gif);color:#000066;}
#navi .clink a {background-image:url(img/bottonon.gif);display:block; height:20px; width:137px; font: 13px "Trebuchet MS",Verdana,sans-serif; 
color:#ffffff;text-decoration: none; text-align:center; top:5;}
  
/*** Sidebar der Schulseiten***/
#sidebar{width: 135px; width:100%; margin-top:20px; margin-left:10px; border-right:1px solid #DADADC; line-height: 25px; list-style-type: none;}
  #sidebar a{color:#051C3F; text-decoration: none; font-size: 13px; font-weight: bold;} 
  #sidebar a:hover{color:#073170; text-decoration: underline overline;}         
#sidebar .schullink {color: red}
.link{font-size:12px; line-height:20px; padding-left:15px;font-weight: bold;} 

/***Formular***/
#formular,td{font-family:"Trebuchet MS",Verdana,sans-serif; font-size: 11px;}
input, textarea,{font-family:verdana;font-size: 11px;line-height:14px;color:#523A3A;}
select{font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-style: normal;font-weight: normal;}


.aginfo {
font-family: "Trebuchet MS",Verdana,sans-serif;
color: #051C3F;
font-size: 12px;
background-color:#FFFFFF;
padding: 30 30 30 30;
}

.sos{
width:357px;
height:366px;
right:100px;
top:100px;
position: absolute;
z-index:666;
background-image:url(img/sos.gif);
background-color: transparent;
}

.formular{
width:300px;
height:200px;
right:0px;
top:0px;
padding: 30 30 30 30;
position: absolute;
z-index:2;
background-color:transparent;
border: 1px none #003399;
font-size:11px;
font-weight:bold;
}

#infobox{
padding-left:10px;
width: 130px; 
border:1px solid #10531B; 
background-color:#C6CDC8;
}


a.info 
{
position:relative;
z-index:1;
background-color:#8DFF80; 
color:#084C00; 
text-decoration:none;
} 

a.info:hover
{
z-index:2;
background-color:#C0FF3E;
} 

a.info span
{
display: none;
} 

a.info:hover span
{ 
display:block;
position:absolute; 
top:2em;
left:2em;
width:400px;
border:1px solid #297000; 
background-color:#60B82E;
color:#000; 
text-align: center;
padding: 5px;
font-size: 0.9em;
} 

.aktuell
{
font-family: "Trebuchet MS",Verdana,sans-serif;
color:#414F6B;
font-size:12px;
}
.aktuell a{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:12px;color:#B7170E; font-weight: bold; text-decoration: none;}
.aktuell a:hover{color:#09AC2F}
.aktuell .top{font-family:"Trebuchet MS",Verdana,sans-serif;font-size:12px;color:red;}

hr{
border:1px solid #0B1948 ;
background-color:#5C7EED;
width: 90%;
text-align:left;
height:0px;
margin:5px 5px;
}