/* PAGE STYLES */
body { margin:0; padding:0; background:#edeaf8; font:small Arial; color:#444 }
div#wrapper  { background:white; position:relative; width:980px; margin:0 auto; border:1px solid white; min-height:600px; }

/* INHOUD STYLES */
h1, h2, h3, h4 { color:#6d4ec6; }
h1 { font-size:160%; margin:0 0 9px 0;  }
h2 { font-size:120% }
h3 { font-size:100% }
h4 { font-size:90%; }
h5 { font-size:12px; margin: 0 0 5px 0;}
p { margin:0 0 1em 0 }
a { color:#6d4ec6 }
a:hover { color:#666 }
a img { border:0 }

hr { border-color:#6d4ec6; }

ol { margin:0 25px 1em 25px; padding:0 }
ul { margin:0 25px 1em 25px; padding:0 }
li { margin:3px 0 }

table { border-left:1px solid #bcbfba; border-top:1px solid #bcbfba; margin:0 0 1em 0 }
td,th { border-right:1px solid #bcbfba; border-bottom:1px solid #bcbfba; font-size:85%; padding:6px 12px; vertical-align:top; }

div.kader { border:1px solid #bcbfba; font-size:85%; padding:10px 12px 4px; margin:0 0 9px;}
div.kader h2 { font-size:120%; margin:0 0 5px; }
div.kader ul { margin-left:16px; padding:0;}
div.kader div.links { width:260px; float:left;}

label { font-size:13px; }

p.right { width:100%; text-align:right; }


/* HEADER */
div#header { height:100px; margin:0; padding:0;  }
div#header img.titel { position:absolute; top:25px; left:3px; }
div#header img.rijksoverheid { position:absolute; top: 0; left: 477px; }
div#header div#logos #logo1 { position:absolute; right: 10px; top: 20px; }
div#header div#logos #logo2 { position:absolute; right: 235px; top: 20px; }

/* MENU STYLES */
div#menu { background:#6d4ec6; padding:15px 0 0 201px; margin:0; border-bottom:15px solid #c5b8e8; }
div#menu ul { padding:0; margin:0; height: 25px; }
div#menu ul li { display:block; list-style-type:none; margin:0; padding:5px 0; float:left; }
div#menu ul li a { font-size:14px; color:white; text-decoration:none; padding:6px 10px; height:25px; margin:0;}
div#menu ul li a:hover, div#menu ul li a.selected { color:#6d4ec6; background:#c5b8e8; }

/* LINKS */
div#links {width: 170px;}

/* MENU 2 */
div#menu2 {margin-left:5px; position:absolute; top:207px; left:15px; width:180px; }
div#menu2 ul { margin:0; padding:0; }
div#menu2 ul li { display:block; float:none; border:0; margin:0; padding:0; }
div#menu2 ul li a { color:#6d4ec6; font-weight:normal; float:none; display:block; margin:0 0 3px; padding:3px 0 0 0; text-decoration:none;  font-size:13px;  }
div#menu2 ul li ul { display:none; }
div#menu2 ul li.selected ul { display:block; padding-bottom: 4px; }
div#menu2 ul li ul li {background:none; height: 16px;}
div#menu2 ul li ul li a { font-size: 11px; font-weight:normal; padding: 4px 0 4px 10px;}
div#menu2 a.selected { color: #444; }
div#menu2 a:hover { color: #444; text-decoration:underline; }

/* STAPPENPLAN - MENU 3 */
div#rechts h2 {margin:0 0 10px 0; padding:0;}
div#rechts ul {margin:0; padding:0; }
div#rechts ul li { width:203px; height:46px; list-style-type:none; padding:0; margin:0; }
div#rechts ul li a { background:url(../gfx/stap_blok_midden.gif) no-repeat left top; 
  width:203px; height:46px; display:block; color:white; text-decoration:none; font-size: 13px; padding: 10px 0 0 20px; }
div#rechts ul li a:hover, div#rechts ul li.selected a {background-position: 0px -46px;}
div#rechts ul li a#samenwerking {background:url(../gfx/stap_blok_boven.gif) no-repeat left top; }
div#rechts ul li a#samenwerking:hover, 
div#rechts ul li.selected a#samenwerking {background-position: 0px -57px;}
div#rechts ul li a#borging { height:37px; background:url(../gfx/stap_blok_onder.gif) no-repeat left top; }
div#rechts ul li a#borging:hover, 
div#rechts ul li.selected a#borging {background-position:0px -47px;}

/* ZOEK FUNCTIE */
div#zoek {position:absolute; left:-140px; top:165px; width:200px; }
div#zoek form {margin:0; padding:0;}
div#zoek input.text {position:absolute; top:10px; left:10px; color:#515151; width:95px; padding:2px 4px; font:12px "Arial";}
div#zoek input.submit {position:relative; left:120px; padding:0 3px; top:-4px; height:20px; }

/* PAGE */
div#page { min-height:440px; width: 520px; float:left; margin: 21px 22px 0 200px; /*border:1px solid red; */}
div#page .doc img { float:right; margin:0; padding:0; } 

/* RECHTER FOTO */
div#rechts { width:203px; height: 400px; position:absolute; top:175px; right:20px;}
div#rechts img { width:203px; height: 400px; margin:0; padding:0; }

/* FOOTER */
div#footer { clear: left;margin:15px; font-size:11px;}

div#footer p { font-style:italic; margin:15px; text-align:center;}

/* FORMULIER */
form { font-size:85% }
input.text, textarea { display:block; width:280px; border:1px solid #6d4ec6; margin:0 0 8px 150px }
label { display:block; width:150px; float:left }
input.submit { background:#6d4ec6; color:white; border:0; font-size:11px; padding:2px 12px; margin:14px 0 14px 150px; cursor: pointer; }

/* SLIDESHOW */
div.slideshow { height:190px; margin-bottom:24px }
div.slideshow { position:relative }
div.slideshow img { position:absolute; top:0; left:0; z-index:8 }
div.slideshow img.bovenop { z-index:10 }
div.slideshow img.erachter { z-index:9 }

/* MENU PULLDOWN */
/*div#menu li div.container { z-index:10000; position:absolute; visibility:hidden; overflow:hidden; left:-4px; top:31px; width:100px }
div#menu li div.container ul { display:block; position:absolute; left:0; top:0; padding:8px 0; background:#9370DB ; z-index:1000; height:auto;  }
div#menu li div.container ul li { display:block; float:none; border:0; margin:0; padding:0px 0  }
div#menu li div.container ul a { color:white; font-weight:normal; float:none; display:block; margin:0; padding:2px 16px  }
div#menu li div.container ul a.selected { color:#CCC }
div#menu li div.container ul a:hover { background:#BBB; color:black }*/