/* Allgemeine Formatierungen */
*{
 margin:0;
 padding:0;
}

body{
 background:#AFB2CB;
 font:.8em "trebuchet ms", arial, sans-serif;
 text-align:center;
}


/* Formatierungen Layout (grob) */
#seite{
 background:#fff; //url("http://www.wunderschule.com/fileadmin/images/hintergrund850.jpg") repeat-y;
 margin:0 auto;
 padding:10px 10px 5px 13px;
 text-align:left;
 width:847px;
 BORDER-RIGHT: #999999 1px solid;
 BORDER-LEFT: #999999 1px solid;
 BORDER-TOP: #999999 1px solid;
 BORDER-BOTTOM: #999999 1px solid
}

#oben{
 background:#fff url("http://www.wunderschule.com/fileadmin/templates/images/WunderschuleTrainerLogo.jpg");
 clear:both;
 height:168px;
 width:844px;
 align:center;
 }

#links{
 float:left;
 margin:0 0 20px 0;
 width:700px;
}

#rechts{
 float:left;
 margin:0 0 20px 20px;
 width:144px;
}

#unten{
 background:#999;
 clear:both;
 text-align:center;
 width:844px;
}

/* Formatierungen Navigationsleiste */
#navigation{
 background:#fff;
 float:left;
 width:450px;
 padding:0 0 4px 0;
}

#navigation ul{
}

#navigation ul li{
 display: inline;
 margin:0 10px 0 0;
}

#navigation ul li a{
 text-decoration:none;
 border-bottom:4px solid #fff;
 color:#666;
 font-size:.9em; 
 font-weight:bold;
}

#navigation ul li a:hover{
 text-decoration:none;
 border-bottom:4px solid #666
}



/* Sonstige Formatierungen */
.titel{
 float:right;
 width:90px;
 padding:0 10px 0 0;
}

.titel img{
 border:0;
}



/* Schrift-Formatierungen */
h1,h2,h3,h4,h5,h6{
 border-bottom:1px solid #ccc;
 color:#666;
 font-size:1.5em;
 letter-spacing:0.01em;
 margin:25px 0 0 0;
}

#links p{
 text-align:justify;
}

#unten p{
 color:#eee;
 font:.85em "trebuchet ms", verdana, sans-serif;
 padding:5px;
}

/* Formatierungen Navigation (Rechte Spalte) */
#rechts ul{
list-style:none;
 margin:0 0 0 0;
}

#rechts ul li{
 background:url("http://www.321loesung.de/fileadmin/images/liste.jpg") no-repeat;
 display:block;
  margin:0 0px 0 0;
 padding:0 0 0 16px;
}

#rechts ul li a{
 text-decoration:none;
  color:#666;
}

#rechts ul li a:hover{
  color:#000;
}



/* Link-Formatierungen */
a:link,a:visited,a:active{
 color:#000;
 text-decoration:underline;
}

a:hover{
 text-decoration:none;
}


#unten a{
 color:#fff;
 text-decoration:underline;
}

#unten a:hover{
 text-decoration:none;
}