/* CSS Document */
body {
	margin: 0;
	padding: 0;
	color: #000;   
	background-color: #fff;  
	font-family: verdana, helvetica, sans-serif;
	font-size:100%;
	width: 100%;
    height: 100%;
	}

html, body #wrapper {
min-height: 100%;
width: 100%;
height: 100%;
position:absolute;
top:0;
left:0;
}

html {
overflow: -moz-scrollbars-vertical;
}

html>body,  html>body #wrapper {
height:auto;
}

* html, body #wrappper{height:100%;}

#links {
   position: absolute;
   top: 0px;
   left:0px;
   padding: 0px; 
   width: 230px;
   z-index:1;
   height: 100%;
   background:url(images/blauw.gif) repeat-y left top;
   _height:3000px;
}

#flash01 {
padding: 0px;
text-align:center;
}

#links1 {
   top: 0px;
   left:0px;
   border-right:1px solid #cdd9ef;
   padding: 0px; 
   width: 60px;
   height: 100%;
}

#rechts {
   position:absolute;
   background-color: #f1f1f1;
   top: 0px;
   right:50px;
   padding: 0px; 
   width: 180px;
   border-right:1px solid #cdd9ef;
   height: 100%;
   _height:3000px;
}



#midden {
margin: 0px 180px 30px 200px;
padding-top:85px;
height: 100%;
}


#footer {
position: absolute;
bottom: 0; /* heel belangrijk */
}


/* Layout pagina */

#logo {
   position: absolute;
   top: 25px;
   left:15px;
   padding: 0px; 
   width: 152px;
   z-index:3;
   border:none;
}

#links2 {
   position: absolute;
   top: 188px;
   left:70px;
   padding: 0px; 
   color:#1D3774;
   width: 150px;
}



#links2 ul {
list-style:none;
list-style-image:none;
margin:0px;
padding:0px;
font-size:80%;
}

#links2 li {
margin-bottom:0em 0em 0.3em 0em;
padding: 0px 6px 0px 3px;
list-style-image:none;
font-weight:bold;
}

#links2 a, #links2 a:link, #links2  a:visited {
text-decoration:none;
font-weight:normal;
color:#1D3774;
padding: 2px 2px 5px 0px;
background-image: none;
background-repeat: no-repeat;
background-color:transparent;
border:none;
}

#links2 a:hover {
text-decoration:none;
color:#cdd9ef;
font-weight:normal;
padding: 2px 2px 5px 0px;
background-image: none;
border:none;
}

#links2 a.actief, #links2 a.actief:link, #links2 a.actief:visited {
text-decoration:none;
color:#cdd9ef;
font-weight:normal;
padding: 2px 2px 5px 0px;
background-image: none;
border:none;
}

#links2 a.actief:hover {
text-decoration:none;
color:#cdd9ef;
font-weight:normal;
padding: 2px 2px 5px 0px;
background-image: none;
border:none;
}

#rechts1 {
   position:absolute;
   top: 0px;
   right:0px;
   padding: 0px; 
   width: 180px;
}

#rechts2 {
   position:absolute;
   top: 70px;
   left:10px;
   right:5px;
   padding: 15px; 
   width: 130px;
   font-size:80%;
   color: #999;
}


form {
margin:0px;
padding:0px;
}


#middentitel {
top: 160px;
padding:10px 5px 5px 35px;
font-size:100%;
color:#cdd9ef;
font-weight:bold;
background-color:#fff;
}

h1 {
color:#f50;
font-size:90%
}

#midden1 {
top: 60px;
left:200px;
padding:0px 10px 2px 35px;
font-size:90%;
color:#999;
font-weight:bold;
background-color:#fff;
}

#midden1 ul {
list-style:none;
list-style-image:none;
margin:0px;
padding:0px;
font-size:90%;
display:inline;
}

#midden1 li {
margin-bottom:0em 0em 0.3em 0em;
padding: 0px 6px 0px 0px;
list-style-image:none;
font-weight:bold;
display:inline;
}

#midden1 a, #midden1 a:link, #midden1  a:visited {
text-decoration:none;
font-weight:bold;
color:#1D3774;
padding: 2px 2px 5px 0px;
background-image: none;
background-repeat: no-repeat;
background-color:transparent;
border:none;
}

#midden1 a:hover {
text-decoration:none;
color:#999;
font-weight:bold;
padding: 2px 2px 5px 0px;
background-image: none;
border:none;
}

#midden1 a.actief, #midden1 a.actief:link, #midden1 a.actief:visited {
text-decoration:none;
color:#999;
font-weight:bold;
padding: 2px 2px 5px 0px;
background-image: none;
border:none;
}

#midden1 a.actief:hover {
text-decoration:none;
color:#999;
font-weight:bold;
padding: 2px 2px 5px 0px;
background-image: none;
border:none;
}

#midden2 {
top: 195px;
left:200px;
padding:0px 10px 2px 35px;
font-size:80%;
color:#000;
font-weight:normal;
background-color:#fff;
width: 500px;
}

#broodkruimels {
margin-left:35px;
padding:35px 0px 5px 0px;
font-size:70%;
color:#ccc;
border-bottom:1px dotted #cdd9ef;
background-color:#fff;
width: 490px;
font-style:italic;
}

.actief {
color:#cdd9ef;
}

.oranje {
color:#f50;
}

p {
margin:0px;
font-size:100%;
font-family: verdana, helvetica, sans-serif;
}

img {
border-color:#cdd9ef;
}

a, a:link, a:visited {
text-decoration:none;
font-weight:normal;
color:#f50;
border-bottom: 1px dotted #cdd9ef;
}

a:hover {
text-decoration:none;
color:#cdd9ef;
font-weight:normal;
border-bottom: 1px dotted #cdd9ef;
}

a.logo, a.logo:link, a.logo:visited {
text-decoration:none;
font-weight:normal;
color:#f50;
border-bottom: none;
}

a.logo:hover {
text-decoration:none;
color:#cdd9ef;
font-weight:normal;
border-bottom: none;
}

a.flash, a.flash:link, a.flash:visited {
text-decoration:underline;
font-weight:normal;
color:#1D3774;
border-bottom: none;
}

a.flash:hover {
text-decoration:underline;
color:#cdd9ef;
font-weight:normal;
border-bottom: none;
}