/* algemene pagina opmaak met logo en iframe */
#body
{
height:100%;
padding:0px;
margin:0px;
background-color: #000;
overflow:hidden;
}

#container
{
margin:0px auto;
padding: 0px;
width: 1000px;
height: 655px;
background-color: #000;
overflow:hidden;

}




#container iframe
{
margin:auto;
padding:0px;
max-width:1000px;
border: none;
background-color: #000;
width: 1000px;
height: 420px;
left:0%;
position:relative;
}

#navigatie
{
margin: 0px 0px 0px 2px;
padding: 0px;
height: 25px;
width: 996px;
background-color: #fff;
top:auto;
position:relative;
}

/* knoppen opmaak */

#navigatie ul 
{
margin: 0px;
padding: 0px;
list-style-type: none;
position:relative;

}

#navigatie li,
#navigatie li a
{
margin:auto;
padding:0px;
float:left;
background-repeat: no-repeat;
position: relative;
}

#navigatie li a 
{
padding:0px;
margin: auto;
display:block;
height:25px;
width:166px;
position: relative;
font-color: black;
font-size: 1px;
} 

#navigatie li a hoever:hover
{
opacity:0.4;
filter:alpha(opacity=40);
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; // first!
filter: alpha(opacity=50);					// second!
}

#navigatie li.thuis,
#navigatie li.thuis a
{
background-image: url(buttons/thuis.jpg);
}

#navigatie li.muziek,
#navigatie li.muziek a
{
background-image: url(buttons/muziek.jpg);
}

#navigatie li.fotos,
#navigatie li.fotos a
{
background-image: url(buttons/fotos.jpg);
}

#navigatie li.info,
#navigatie li.info a
{
background-image: url(buttons/info.jpg);
}

#navigatie li.agenda,
#navigatie li.agenda a
{
background-image: url(buttons/agenda.jpg);
} 

#navigatie li.band,
#navigatie li.band a
{
background-image: url(buttons/band.jpg);
}