body {
        background-image: url(afbeeldingen/achtergrond2.jpg);
        background-attachment: fixed;
        background-color: #000000;
}
#container
{
background-color: #fff;
color: #000;
width: 990px;
margin: 20px auto;
background-color:#ffffff;
behavior: url(PIE.htc)
border-width:9px;
border-color:#442d00;
-moz-border-radius:15px 15px 0px 0px;
-webkit-border-radius:15px 15px 0px 0px;
border-radius:15px 15px 0px 0px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow:10px 10px 10px 2px #000000;
-webkit-box-shadow:10px 10px 10px 2px #000000;
box-shadow:10px 10px 10px 2px #000000;
filter: progid:DXImageTransform.Microsoft.Shadow(strength=10, direction=135, color='#000000');
-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(strength=10, Direction=135, Color='#000000')";
/*Shadows look very different in IE (Only cardinal directions supported)*/
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element should have a background-color*/
/*All filters must be placed together*/
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
/*IE 7 AND 8 DO NOT SUPPORT SPREAD PROPERTY OF SHADOWS*/

}

#top
{
background-image: url(afbeeldingen/achtergrond.png);
background-repeat: no-repeat;
background-position: top right;
border-bottom: 1px dashed gray;
height: 200px;
margin: 0;
padding: 0;
}

#top h1
{
padding: 0;
margin: 0;
valign: bottom;
}

#leftnav
{
float: left;
width: 200px;
height: 100%;
margin: 0;
padding: 0em;
border-right: 1px dashed gray;
min-height:100%;
}

#content
{
border-left: 1px dashed gray;
margin-left: 200px;
font: 13px "Lucida Grande", "Trebuchet MS", Verdana;
padding: 1em;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #fff;
background-color: #442D00;
border-top: 1px solid gray;
}

#leftnav p { margin: 0 0 1em 0; }
#content h2 { margin: 0 0 .5em 0; }

.slidedoormenu{
list-style-type: none;
margin: 0;
padding: 0;
width: 200px; /* width of menu (don't forget to add border with below!) */
border-left: 0px solid #ffa1a3; /* thick left border of menu */

}

.slidedoormenu li{
border-bottom: 1px solid #885b5c; /* Gray border beneath each menu item */
}

.slidedoormenu li a{
background: white url(afbeeldingen/vstrip.gif) repeat-y left top; /* Background image positioned to the left(v) top(h) corner initially */
font: bold 16px "Lucida Grande", "Trebuchet MS", Verdana;
display: block;
color: black;
width: auto;
border-bottom: 1px solid white; /* White border beneath each menu item link, to add depth */
padding: 7px 0; /* Vertical (top/bottom) padding for each menu link */
text-indent: 8px;
text-decoration: none;
}

.slidedoormenu li a:visited, .slidedoormenu li a:active{
color: black;
}

.slidedoormenu li a:hover{
background-position: -387px 0; /* Shift background image horizontally 387px, or the start of the 2nd background image */
color: black;
}

.slidedoormenu li.lastitem, .slidedoormenu li.lastitem a{
border-bottom-width: 0; /* For last menu item within menu, remove bottom border */
}

.slidedoormenu li.lastitem a{
padding: 8px 0; /* increase vertical border of last menu link by 2px (default is padding: 7px 0) to account for removed border width */
}

.transparent{
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
}


</style>

<!--[if IE]>
<style type="text/css">
.slidedoormenu li a{ /* Menu link width value for IE */
width: 100%;
}