/* CSS Document */
html,body{
padding:0px;
margin:0px;
background-color:#cccccc;
text-align:center;
}
#container{
padding:0px;
margin:20px auto;
width:1045px;
background-color:#ffffcd;
text-align:left;
}
#logo{
position:absolute;
top:20px;
border-right:1px solid #cccccc;
width:155px;
height:260px;
}
#header{
position:relative;
top:10px;
left:165px;
font-size:24px;
font-style:italic;
text-align:center;
width:850px;
height:160px;
}
#nav{
position:absolute;
top:320px;
border-right:1px solid #cccccc;
font-size:18px;
font-weight:bold;
width:156px;
height:250px;
}
#nav ul {
list-style-type:none;
line-height:1.7em;
}
#nav ul li{
padding-left:20px;
}
#nav ul li a{
text-decoration:none;
color:#000;
}
#nav li.aktuell a{
color:#c71b1b;
}
#nav ul li a:hover{
color:#c71b1b;
}
#content{
height:1300px;
width:850px;
position:relative;
top:55px;
left:166px;
padding-bottom:20px;
}
#footer{
clear:both;
padding-bottom:60px;
position:relative;
left:70px;
}

#nice_matin{
width:370px;
float:left;
background-color:#CCCC66;
padding:30px;
margin-left:45px;
}
#titel{
position:relative;
}
ul#kontakt li{
 list-style-type:none;
 font-size:16px;
 }
 ul#kontakt{
 float:left;
 width:200px; 
 position:relative;
 top:20px;
 left:30px;
 }
 ul#unterrichtsort{
 background-color:#CCCCCC;
 float:right;
width:400px;
 position:relative;
 left:-10px;
top:10px;
padding:20px;
 margin:15px;
 list-style-type:none;
 }