/*
Berechnung in Prozent:
Navigation: 20% width + 2x0,5% padding + 1% margin-right = 22%
Content: 76% width + 2x1% padding = 78%
= 100%
Wegen Box-Modell Fehler wird im IE 5.x ein groesserer Abstand angezeigt.
Ab IE 6 mittels DTD richtig.     
*/


body {
   position:absolute;
   width:900px;
   margin-top:20px;
   margin-left:5%;
   margin-right:5%;
   color: black;
   background-color:#8fa38f;
   font-family: 'trebuchet ms', verdana, sans-serif;
}

a:link {
   text-decoration:none;
}

a:hover {
   text-decoration:underline;
}



#header {
   width:100%;
   margin-bottom:0px;
}

#nav {
   float:left;
   width:200px;
   margin-top:20px;
   background-image: url(images/academia3.gif);
   background-repeat:no-repeat;
   padding:0px;
   font-weight:bold;
}

#nav ul {
   margin-top:20px;
}

#nav ul li {
   list-style:none;
   margin-top:10px;
}

#nav ul li a:link, #nav ul li a:visited{
   color:black;
   text-decoration:none;
}

#nav ul li a:hover {
   text-decoration: underline;
}

#nav ul li a#active {
   color:maroon;
   text-decoration:underline;
   }


.abstand {
   background-color:#8fa38f;
   height:10px;
}

.box {
   text-align:center;
}

.box img {
   border:1px solid white;
   display:block;
   }

.ro {
   background:url(images/ro.gif) top right no-repeat;
   margin:0;
   padding:0;
}

.lo {
   background:url(images/lo.gif) top left no-repeat;
   margin:0;
   padding:0;
}


.conti {
   float:right;
   width:670px;
   padding: 0px;
}


.innen {
   padding:30px;
   margin-top:20px;
}


/* Schrift und Text*/
.center {
   text-align:center;
   }