html, body{ 
 margin:0; 
 padding:0; 
 text-align:center; 
 font-size: 12px;
 font-family: Arial, Sans-serif;
 cursor: default;
 height: 100%;
 
 scrollbar-3dlight-color: #000000;
 scrollbar-arrow-color: #000000;
 scrollbar-base-color: #FFFFFF;
 scrollbar-darkshadow-color: #000000;
 scrollbar-face-color: #ffffff; 
 scrollbar-highlight-color: #000000; 
 scrollbar-shadow-color: #000000;
 scrollbar-track-color: #FFFFFF;
} 

img {border: 0px;}
h1 {display: inline;}
h2 {margin: 0px; font-variant: small-caps; font-size: 18px;}
div {background-color: transparent;}


#borderborder{
margin-left:auto; 
margin-right:auto;
width: 772px;
}

#border{
align:center; 

text-align:center; 
width: 770px; 
border: 1px dotted #cccccc; 
background: #FFFFFF url(left.gif) repeat-x;}

#pagewidth{ 
 width: 770px;
 text-align:left;  
margin-left:auto; 
 margin-right:auto;
 background: transparent url(unten.jpg) repeat-x bottom; 
} 
 
#leftcol{
	width:10px;
	float:left;
	position:relative;
  }
 
#twocols{
	width:760px;
	float:right;
	position:relative;
	background-color: transparent;
  }
 
#rightcol{
 width:10px; 
 float:right; 

 }
 
#maincol{  
 float: left; 
 display:inline; 
 position: relative; 
 width:750px;
 font-size: 14px; 
background-color: white;
 }
 
#menue{letter-spacing: 2px; font-family: "Arial Black", Arial, Sans-serif; background-color: #FFFFFF;} 
#content{clear:left; clear:right; background-color: white;}
#textdiv{background-color: transparent; float: right; width: 600px; margin-right: 10px;} 
#menue_left{ margin:0px; width: 120px; float:left;  background-color: #FFFFFF;}
#innermenue{text-align: left; margin: 10px; border-right: 3px solid #000000; line-height: 19px;}
 
 a:link{color:#000000; text-decoration: none; }
 a:visited{color:#000000; text-decoration: none;}
 a:hover{color:#000000; text-decoration: none;}
 a:active{color:#000000; text-decoration: none;}

#footer{clear: both; background-color: transparent;}
 
.fotocaption {text-aling: left; width:500px;} 
 
#bottom{
	position: relative;
	height:10px;
	padding: 0px;
	clear:both;


 } 

#aktuell{width: 500px; align: left; text-align: left; font-size: 13px; border: 2px solid #000000;}
#aktuell h3{font-size:15px; line-height: 16px; margin: 0px;}

#lehrerfoto{margin-left: 0px; margin-right: 10px; border: 2px solid #000000;}
#personenrahmen{border: 1px solid #000000; width:560px; }
#tanzrahmen{border: 1px solid #000000; width:300px; align: left; text-align: left; }
#hometd{border: 3px solid #000000; font-size: 13px;}



.stundenplan {
font-size: 12px;
cursor: default;
}

td.stundenplan{
border-bottom: 1px solid #000000;
border-right: 1px dashed #000000;
}
.stundenplan#wochentage {
font-weight: bold;
}
#time{float:right; font-size:11px; }
.stundenplan em{float:right; font-size:11px; }


/* Hides from IE-mac \*/
* html #left_menue {height: 1%;}
/* End hide from IE-mac */


 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
height: 0; 
 clear: both; 
 visibility: hidden;
 }
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}