/* CSS Document */
html 

{
scrollbar-arrow-color: #505D6E;
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #505D6E;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-shadow-color: #FFFFFF;
scrollbar-darkshadow-color: #505D6E;
scrollbar-track-color: #FFFFFF;
}

#nav, #nav ul, #nav ul ul{
padding: 5px;
margin: 15px;
list-style: none;
background: url(none.gif) repeat 0 0;
font: Verdana;
font-size: 75%;
}

#nav{
width: 95px;
}

#nav li{
width: 95px;
}

#nav ul{
position: absolute;
width: 100px;
left: -1000px;
margin: -22px 0 0 95px;
font-size: 100%;
}

* html #nav ul{
margin: -23px 0 0 95px;
}

#nav li li{
width: 100px;
}

#nav ul ul{
width: 140px;
margin: -22px 0 0 100px;
font-size: 100%;
}

* html #nav ul ul{
margin: -23px 0 0 100px;
}

#nav li li li{
width: 140px;
}

#nav li:hover ul, #nav li.tekst ul{
left: auto;
}

#nav li:hover ul ul, #nav li.tekst ul ul{
left: -1000px;
}

#nav ul li:hover ul, #nav ul li.tekst ul{
left: auto;
}

#nav a {
display: block;
text-decoration: none;
padding: 3px 4px 4px 5px;
margin: 6px;
}

#nav a:link, #nav a:visited{
background-color:#FFFFFF ;
border: 1px solid #494980;
border-style: groove ;
color: #130A65;
}

#nav a:hover, #nav a:active{
background: #E0DEFE;
border: 1px solid #494980;
color: #130A65;
}

h1{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: center; color: #FFFFFF;
font-variant: small-caps;
font-size: 2.2em;
text-align: center;
letter-spacing:3px;
margin: 0px;
}

h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: left; color: #003366;
font-size: 1.1em;
margin: 30px;
padding: 0px;
}

h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;   color: #003366;
font-size: 0.8em;
font-weight:normal;
margin: 10px;
padding: 4px;
}

h4{
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align: justify;
text-indent: 30px;  color: #003366;
font-size: 90%;
font-weight:normal;
margin: 35px;
padding: 0px;
}

a{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}

a:link, a:visited{
color: #130A65;
text-decoration: none;
font-weight:500;

}

a:hover, a:active{
color: #130A65;
text-decoration: underline;
font-weight:500;
}

body{
margin: 0px;
text-align: center;
cursor: pointer;
background-color: #E6E6E6;

}

p.uitlijnen{
text-align: justify;
} 

div#main_container{
margin: 0 auto 0 auto;
margin-top:0px;
width: 700px;
height:100%;
position: relative;
height: 100%;
text-align: left;

}

div#box1{
background-color: #FFFFFF;
text-align: right;
float:left;
width: 700px;
height: 100px;
background-image:url(afbeeldingen/logo%20inleiding.png);
background-repeat:no-repeat;
background-position: center;
background-color: #FFFFFF;

}


div#box2{
background-color:#FFFFFF;
float: left;
width: 700px;
height: 150px;
}

div#midden{
background-color: #FFFFFF;
float: left;
width: 700px;
height: 100%;

}


div#box3{
background-color: #FFFFFF;
float: left;
width: 150px;

}


div#box4{
background-color: #FFFFFF;
border: 1px solid #505D6E;
border-bottom-color:#FFFFFF;
border-right-color:#FFFFFF;
border-top-color:#FFFFFF;
float: right;
width: 548px;
height:100%;
}

div#box5{
background-color:#0A1450;
text-align: center;
border-bottom: hidden;
table-layout:fixed;
float: left;
width: 700px;
height: 25px;


}