@charset "utf-8";
/* CSS Document */

/*body*/
body{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
margin:0;
padding:0;
background-color:#323232;
}


/*container*/
#container{
background-color:#FFFFFF;
width:960px;
margin:auto;
}

/*header*/
#header{
background-image:url(../img/header.jpg);
height:200px;
background-repeat:no-repeat;
}

/*navigatie*/

/*zowel op sub als hoofdnavigatie*/
#nav{
font-size:16px;
}

/*subnavigatie*/
#nav ul li a:hover{
background-color:#323232;
}

/*hoofdnavigatie*/
#nav a:hover{
background-color:#323232;
}

/*actieve navigatie*/
#nav a.current{
background-color:#FFFFFF;
color:#009900;
}

/*subnavigatie*/
#nav ul li a{
text-decoration:none;
text-align:center;
font-size:14px;
}

/*zowel op sub als hoofdnavigatie*/
ul li{
background-color: #009900;
}

/*zowel op sub als hoofdnavigatie*/
#nav, #nav ul {
padding: 0;
margin: 0;
list-style: none;
}

/*hoofdnavigatie*/
#nav li {
float: left;
width: 137px;
}

/*subnavigatie*/
#nav ul {
position: absolute;/*zo kan je de navigatie makkelijk manipuleren*/
width: 137px;
left:-1000px;/*zorgt ervoor dat de subnavigatie niet zichtbaar is*/
} 

/*subnavigatie*/
#nav li:hover ul, #nav li.ie_does_hover ul {/*, #nav li.ie_does_hover ul -->duid op het javascriptje zodat het ook werkt in IE*/
left: auto;/*zorgt ervoor dat je de linker coordinaat zelf moet bepalen*/
background-position: 0 0;/*zorgt ervoor dat de subnavigatie terug op de normale positie komt te staan dus Opx inplaats van -1000 */
} 

/*zowel op sub als op hoofd navigatie*/
#nav a {
display: block;
text-decoration:none;
text-align:center;
color:#FFFFFF;
} 

/*content*/
#content{
margin-top:40px;
}

/*footer*/

/*footer img*/
#footer{
background-image:url(../img/footer.jpg);
background-repeat:no-repeat;
height:64px;
clear:both;
}

/*footertekst*/
#footertekst{
text-align:center;
padding-top:40px;
color:white;
}

/*footerlink*/
#footertekst a{
text-decoration:none;
color:#ffffff; 
cursor:text;
}