body{
background-color:#999999;
/* background-color:white;   = Hintergrund weiss*/
/* background-color:#990000; = Hintergrund rot  */ 
/* background-color:#999999; = Hintergrund grau */
font-family: verdana;
color:#990000;
text-align: center; /* fuer IE */
font-weight:bold;
padding:0;		
margin:0;}



#center{
width:996px; /* 1024 - Scrolleiste 16 px*/
margin:0 auto;
background-color:fff;
overflow:hidden;
height:652px;
}

.boTopLeft{
background:url('../img/frame/bo_top_left.gif') top left no-repeat;
width:8px;
height:8px;
margin:0px;
padding:0px;
border:0px;
float:left;
}
.boTopRight{
background:url('../img/frame/bo_top_right.gif') top left no-repeat;
width:8px;
height:8px;
margin:0px;
padding:0px;
border:0px;
float:left;
}
.boBottomLeft{
background:url('../img/frame/bo_bottom_left.gif') top left no-repeat;
width:8px;
height:8px;
margin:0px;
padding:0px;
border:0px;
float:left;
}
.boBottomRight{
background:url('../img/frame/bo_bottom_right.gif') top left no-repeat;
width:8px;
height:8px;
margin:0px;
padding:0px;
border:0px;
float:left;
display:inline;
}
.verticalleft{
width:6px;
background-color:#990000;
margin-right:2px;
float:left;
border:0px;
padding:0px;
}
.verticalright{
width:6px;
background-color:#990000;
margin-left:2px;
float:left;
border:0px;
padding:0px;
}
.horizontaltop{
height:6px;
background-color:#990000;
margin-bottom:2px;
float:left;
border:0px;
padding:0px;
}
.horizontalbottom{
height:6px;
background-color:#990000;
margin-top:2px;
float:left;
border:0px;
padding:0px;
}



#logo{
width:168px;
height:168px;
float:left;
overflow:hidden;
margin:5px 5px 5px 8px;
padding:0px;
}
#logo .horizontaltop,
#logo .horizontalbottom{
width:152px;
}
#logo .verticalleft,
#logo .verticalright{
height:152px;
}
#logo .entry{
width:152px;
height:152px;
float:left;
background:url('../img/logo_gr.jpg') top center no-repeat;
}



#header{
height: 168px;
width:800px;
float:left;
overflow:hidden;
margin: 5px;
}

#header2{
height: 106px;
width:800px;
float:left;
overflow:hidden;
margin: 5px;
}

#header3{
height: 46px;
width:800px;
float:left;
overflow:hidden;
margin: 5px;
}
#header .horizontaltop,
#header .horizontalbottom{
width:784px;
}
#header2 .horizontaltop,
#header2 .horizontalbottom{
width:784px;
}
#header3 .horizontaltop,
#header3 .horizontalbottom{
width:784px;
}
#header .verticalleft,
#header .verticalright{
height:152px;
}
#header2 .verticalleft,
#header2 .verticalright{
height:90px;
}
#header3 .verticalleft,
#header3 .verticalright{
height:30px;
}
#header .entry{
width: 788px;	/*um ein Bild flächig im Header darzustellen, muss das Bild sowohl unter MozFirefox*/
height:156px;	/*als auch unter IE genau die Abmessungen von 788x156 px haben*/
float:left;
font-size:12px;
margin:-2px;
padding:0px;
background-image:url('../img/lhtor-panorama.jpg'); 
background-repeat:no-repeat; 	   	 /*NEUES Background image in den CSS nicht im HTML  RH 22.12.09*/
}
#header2 .entry{
width: 784px;
height:90px;
float:left;
font-size:12px;
}
#header3 .entry{
width: 784px;
height:36px;
float:left;
font-size:12px;
}
#header3 .firstleft,
#header2 .firstleft,
#header .firstleft{
float:left;
/*background:url('../img/frame/line.gif') top center repeat-x; RH 22.12.09 - Rausgenommen*/
margin:-2px 0px 0px -2px; /*diese margin-Einstellung ändert nix an der Ausrichtung des Bildes*/
/* margin:30px 30px 0 -2px;*/
width:290px;
height:10px;
}
#header3 .firstmiddle,
#header2 .firstmiddle,
#header .firstmiddle{
float:left;
margin:04px 20px 0 0;
text-align:right;
}
#header3 .firstright,
#header2 .firstright,
#header .firstright{
float:right;
margin:04px 5px 0 0;
text-align:right;
}
#header .secondleft{
margin:66px 10px 5px 0px;
float:left;
color:white;
/* color:#666666; */ 
/* bislang kein Farbeintrag */ 
/* ohne Farbangabe wird Schriftzug willkommen rot dargestellt */
padding-left:2px;
}
#header .secondleft b{
color:white;
/* color:#666666; */ 
/* ursprünglich black*/ 
/* #666666 verändert die Textfarbe nach willkommen... in dunkelgrau */
}
#header .secondright{
/*margin:62px 0px 0px 0px; RH 22.12.09 Margin kleiner, damit IE es auch frisst....*/
margin:62px 0px 0px 0px; /*frisst er statt mit 58 auch mit 62, nachdem ich den header-Kopf geändert habe*/
float:right;
color:white;
}
#header2 td,
#header2 .warning{
width: 784px;
float:left;
font-size:12px;
font-weight:bold;
color:white;
}
#header3 td,
#header3 .warning{
width: 784px;
float:left;
font-size:12px;
font-weight:bold;
color:white;
}
#header .secondright a,
#header .secondright a:link,
#header .secondright a:active,
#header .secondright a:visited,
#header .secondright a:hover{
text-decoration:none;
font-weight:bold;
color:white; 
/* ursprünglich #999999 */ 
/* 666666 = dunkelgrau */
margin-left:10px;
}



#navi{
width:168px;
height:420px;
float:left;
overflow:hidden;
background:url('../img/frame/box_background-navi.jpg') top left repeat-x;
/*dieser Befehl bewirkt den Schattierungseffekt in der Navileiste oben*/
background-color:#DDDDDD;
/* background-color:#dcdcdc;*/  /* ursprünglich=white */
margin:5px 5px 5px 8px;
}

#navi .horizontaltop,
#navi .horizontalbottom{
width:152px;
}
#navi .verticalleft,
#navi .verticalright{
height:404px;
}
#navi .entry{
width: 152px;
height:394px;
float:left;
font-size:11px;  
margin-top:2px;
text-align:left;
}
#navi a,
#navi a:link,
#navi a:visited{
text-decoration:none;
font-weight:bold;
color:#111111; 	/* ursprünglich #990000 */
}
#navi a:active{
color:black!important;
}
#navi a:hover{
color:#666666; 	/* ursprünglich #999999 */
}
#navi p{
margin:0 0 4px 2px;
}
#navi ul{
margin: 0 0 6px 0;
padding:0px;
}
#navi li {
font-size: 11px;
margin: 0 0 2px 20px;
list-style-type:none;
padding:0px;
}
#navi .bottomlogo{
margin: 02px 0 0 0; 
/* ursprünglich 10px 0 0 0 */
width: 152px;
background:url('../img/logo_kl.jpg') top center no-repeat; 
height: 40px
}
#navi .bottom{
margin: 5px -2px 0 -2px;
background:url('../img/frame/line.gif') top center repeat-x; 
width: 156px;
padding: 8px 2px 0 5px; 
/* ursprünglich 12px 2px 0 8px; */ 
color:black;
}
#navi .bottom p{
color:#111111;
margin-left:36px;
}
#navi table{
color:#111111;
font-size:11px;  
/* ursprünglich 12px */
font-weight:bold;
}
#navi .td1{
width:56px; 
/* ursprünglich 46px */
height:20px;
}



#content{
/* 426 px ist die optimale Einstellung für das content-Feld mit header unter moziallafirefox 2.0 und 3.0 */
/* für mozilla vor 2.0 sowie IE6 IE7 und IE8 gelten geringfügig abweichende Vorgaben */ 
height: 426px;
width:800px;
float:left;
text-align:left;
overflow-y:auto;
/* margin 2px für den Abstand nach unten ist die optimale Einstellung unter mozilla firefox 2.0 und 3.0 */
/* für mozilla vor 2.0 sowie IE6 IE7 und IE8 gelten geringfügig abweichende Vorgaben */ 
margin: 5px 5px 2px 5px;	
color:#000000;
}

#contenttop{
/* 602 px ist die optimale Einstellung für ein Feld ohne header */
height:602px;			
width:800px;
float:left;
text-align:left;
overflow-y:auto;
margin:-170px 5px 0px 5px;
color:#000000;
}

#contentfull{
/* ist eine neue Einstellung für die privaten homepage-Seiten */
height:648px;
width:1020px;
float:left;
text-align:left;
overflow-y:auto;
margin:10px 5px 5px 12px;
color:#666666;
}

#contentdemifull{
/* ist eine spezielle Einstellung für die homepage-Seiten schule-sb */
height:468px;
width:1020px;
float:left;
text-align:left;
overflow-y:auto;
margin:10px 5px 5px 12px;
color:#666666;
}


#footer{
height:30px; 
width:978px;
overflow:hidden;
margin:0px 5px 5px 8px;
font-size: 11px; 	/* ursprünglich 12px */
}
#footer a,
#footer a:link,
#footer a:active,
#footer a:visited{
text-decoration:none;
font-weight:bold;
color:#880000; 		/* ändert die Farbe der drei Links im footer */
margin-left:17px; 
}
#footer a:hover{
color:#666666;} 	/* dieser Befehl bewirkt das Verfärben der Links im Footer bei Mausberührung */

#footer .horizontaltop,
#footer .horizontalbottom{
width:962px;
}
#footer .verticalleft,
#footer .verticalright{
height:14px; 
}
#footer .entry{
width:962px;
height:14px; 
float:left;
}
#footer .left{
width:158px;
height:14px; 
float:left;
color:black;
vertical-align:top;
/* visibility:hidden; */
}
#footer .right{
float:left;
color:#222222;	/*ändert die Farbe des Eintrags bödiger&müller im footer */
vertical-align:bottom;
margin-left:12px;
}


#player{ 
/* dieser Befehl produziert keinen funktionierenden Player,*/ 
/* sondern lediglich ein Image in die Fusszeile */
/* Durch Installation des mediaplayers hat sich dieser Befehl erübrigt */
height:17px; 
/* ursprünglich 14px */
width:158px;
float:left;
background:url('../img/player.jpg');
}


.clear{
height:1px;
width:1px;
clear:both;
overflow:hidden;
}