body {
eight:100%;
width:100%;
margin:0; 
padding:0;
border:0; 
background-color: #D9F1FF;
background-image:url(images/poweryoga_strook.jpg);
background-repeat:repeat-y;
background-position: top right;
overflow:auto;
}

body#home{
height:100%;
width:100%;
margin:0; 
padding:0;
border:0; 
overflow:auto;
background-color: #D9F1FF;
background-image:none;
}


div#infohome{
position:relative;
width:754px;
float:left;
margin:0 0 0 200px;
}

div#info{
position:relative;
float:left;
margin:30px 180px 0 176px;
padding-bottom:60px;
font: normal 12px Verdana,sans-serif;
line-height:18px;
}

table#rooster2 {
border:0;
}

table#rooster2 td{
padding:3px 0;
vertical-align:top;
}

table#rooster {
border:0;
}

table#rooster td{
padding:1px 0;
}

div#lesinfo{
position:relative;
float:left;
width:700px;
margin:0 180px 0 176px;
padding-bottom:60px;
font: normal 12px Verdana,sans-serif;
line-height:18px;
}

div#clear{
clear:left;
margin:0;
padding:0;
}

h2{
margin-top:0;
font: bold 18px Verdana,sans-serif;
color: #DC2351;
}

h2.black{
margin:20px auto ;
font: bold 18px Verdana,sans-serif;
color: #000;
}

h1{
margin:20px auto;
font: bold 20px Verdana,sans-serif;
text-align:center;
}

h3{
font: bold 12px Verdana,sans-serif;
color: #DC2351;
line-height:18px;
}

h3.black{
font: bold 12px Verdana,sans-serif;
color: #000;
line-height:18px;
}

body>div#info a
{
color: #DC2351;
text-decoration: none;
font: bold 12px Verdana,sans-serif;
}

body>div#info a:hover
{
color:#000;
text-decoration: none;
font: bold 12px Verdana,sans-serif;
}



/* ----------------- NAVIGATIE MENU ----------------- */


#navigatie {
position:absolute;
top:20px;
left:20px;
/*background-color:#f6fcf1;*/
background-color:transparent;
font: bold 12px Arial,Verdana,sans-serif;
/*letter-spacing: 1px;*/
/*line-height:18px;*/
padding:0;
margin:0;
width:116px;

}

#navigatie ul {
 position:relative;
 float :left;
 height:auto;
 width:112px;
 border-top: 2px  #E0DCD2 solid;
 border-right: 2px #E0DCD2  solid;
 border-bottom: 0  #E0DCD2  solid;
 border-left: 2px  #E0DCD2  solid;
 margin:0;
 padding:0;
 text-align:left;
 list-style-type:none;
}

#navigatie ul li{
 height: 20px;
 width: auto;
 margin:0;
 padding:0;
 border-bottom: 2px  #E0DCD2  solid;
 }


 #navigatie ul li a,  #navigatie ul li a:visited,  #navigatie ul li a:active{
height: 20px;
display: block;
margin:0;
padding:0 0 4px 10px;
font: bold 12px Arial,Verdana,sans-serif;
color:#DC2351;
text-align:left;
line-height:20px;
text-decoration: none;
}

 #navigatie ul li a#aan{
height: 20px;
display: block;
margin:0;
padding:0 0 2px 10px;
background-color:  #E0DCD2;
font: bold 12px Arial,Verdana,sans-serif;
color:#000;
text-align:left;
line-height:20px;
text-decoration: none;
}

  
#navigatie ul li a:hover{
height: 20px;
display: block;
margin:0;
padding:0 0 2px 10px;
background-color:   #E0DCD2;
font: bold 12px Arial,Verdana,sans-serif;
color:#000;
text-align:left;
line-height:20px;
text-decoration: none;
}