/* reset */
*{border:none;list-style:none;margin:0px;padding:0px;text-decoration:none}
/* typo */
p, label{font-size:12px;color:#111}
h1{font-size:18px}
h2{font-size:14px}
h3{font-size:14px}
a:link, a:visited{color:#662C91}
a:hover, a:active{color:#842A2D}
form{margin-top:10px;padding-bottom:50px;}
input, #bericht{font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;font-size:12px;color:#222;padding:2px;border:1px solid #CCC;width:544px;margin-bottom:5px}
label, #dhr, #mvr{display:inline;width:auto;margin:0 5px 0 0}
label{margin:0 25px 0 0;line-height:21px}
#bericht{height:200px}
.required{background:#F66;border:#F00 1px solid}
p.red{color:#F00;}
#form_submit{width:150px;float:right;}
table{width:650px;}
tr{}
td{padding:20px 5px;text-align:center}
/* layout */
body{background:#FFF url(/img/bg.gif) repeat-y center top;font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;height:100%;overflow:-moz-scrollbars-vertical;}
#top{background:url(img/paars.gif) repeat-x center top;width:100%;height:47px;}
#top_flap{margin:0 auto;height:47px;width:600px;padding-left:350px;background:url(img/top.gif) no-repeat 304px bottom;}
#wrapper{margin:0 auto;width:950px;position:relative;height:100%}

/* home */
#home{background:#E8E8E8 url(img/bg_home.gif) repeat-x center top !important}
#logohome{position:absolute;left:150px;top:100px}
h1.titel{display:none}
.portal{position:absolute}
.home1{left:20px;top:440px}
.home2{left:250px;top:440px}
.home3{left:480px;top:440px}
.home4{left:710px;top:440px}
.home1 a:link, .home1 a:visited{display:block;height:122px;width:224px;background:url(img/knop_ob.gif) no-repeat left top}
.home1 a:hover, .home1 a:active{display:block;height:122px;width:224px;background:url(img/knop_ob.gif) no-repeat left bottom}
.home2 a:link, .home2 a:visited{display:block;height:122px;width:224px;background:url(img/knop_po.gif) no-repeat left top}
.home2 a:hover, .home2 a:active{display:block;height:122px;width:224px;background:url(img/knop_po.gif) no-repeat left bottom}
.home3 a:link, .home3 a:visited{display:block;height:122px;width:224px;background:url(img/knop_ph.gif) no-repeat left top}
.home3 a:hover, .home3 a:active{display:block;height:122px;width:224px;background:url(img/knop_ph.gif) no-repeat left bottom}
.home4 a:link, .home4 a:visited{display:block;height:122px;width:224px;background:url(img/knop_iii.gif) no-repeat left top}
.home4 a:hover, .home4 a:active{display:block;height:122px;width:224px;background:url(img/knop_iii.gif) no-repeat left bottom}
.portal a span{display:none;}
.homecontent{position:absolute;left:490px;top:120px;width:370px;font-weight:bold}
.homecontent h1{color:#662C91}
.homecontent h2{color:#111;margin-top:20px}
.homecontent p{color:#842A2D;margin-top:10px}
.homecontent a:hover, .homecontent a:active{color:#111}

#footer{position:absolute;left:0px;top:620px;display:block;width:825px;text-align:right}
#footer p{font-size:10px}

/* vervolg */
#eenderde{background:url(img/logo.gif) no-repeat 60px 30px;width:325px;position:absolute;left:0px;top:0px}
#eenderde h1{margin-left:30px;padding-top:260px;font-size:18px}
#menu{margin:30px 0 30px 30px}
#menu li{background:url(img/bullet.gif) no-repeat left center;padding:10px 0 10px 30px}
#menu li a:link, #menu li a:visited{color:#111;font-size:14px;font-weight:bold}
#menu li a:hover, #menu li a:active{color:#842A2D;font-size:14px;font-weight:bold}
#menu li.active{background:url(img/active.gif) no-repeat left center;margin-left:-30px;padding:45px 0 45px 60px;display:block;width:264px}
#menu li.active a{color:#662C91}
#tweederde{position:relative;left:355px;top:0px;width:560px}
#portal_menu{margin:10px 0 0 -13px}
#portals_sitemap{margin:30px 0 30px 45px}
a:link.een, a:visited.een{float:left;display:block;height:78px;margin-right:30px;width:161px;background:url(img/portal_ob.png) no-repeat left top}
a:hover.een , a:active.een{float:left;display:block;height:78px;margin-right:30px;width:161px;background:url(img/portal_ob.png) no-repeat left bottom}
a:link.twee, a:visited.twee {float:left;display:block;height:78px;margin-right:30px;width:161px;background:url(img/portal_po.png) no-repeat left top}
a:hover.twee, a:active.twee{float:left;display:block;height:78px;margin-right:30px;width:161px;background:url(img/portal_po.png) no-repeat left bottom}
a:link.drie, a:visited.drie{float:left;display:block;height:78px;margin-right:30px;width:161px;background:url(img/portal_ph.png) no-repeat left top}
a:hover.drie, a:active.drie{float:left;display:block;height:78px;margin-right:30px;width:161px;background:url(img/portal_ph.png) no-repeat left bottom}
a:link.vier, a:visited.vier{float:left;display:block;height:78px;width:161px;background:url(img/portal_iii.png) no-repeat left top}
a:hover.vier, a:active.vier{float:left;display:block;height:78px;width:161px;background:url(img/portal_iii.png) no-repeat left bottom;}
#portal_menu a span, #portals_sitemap a span{display:none}
#portal_menu a.geen{margin-right:0px}
#broodkruimels{padding-top:120px}
#broodkruimels p{text-transform:lowercase}
.content{width:550px;margin-top:45px;padding-bottom:30px}
.content h1{color:#842A2D}
.content h3{color:#662C91;margin-top:20px}
.content p{margin-top:10px}
.content ul{font-size:12px}
.content li{background:url(img/bullet.jpg) no-repeat 5px 7px;padding:2px 0 2px 15px;color:#222}
.content img{float:right;padding:0 0 10px 10px;}
.ervaring{margin:20px 0;border-bottom:1px solid #E8E8E8;}
.ervaring h3 {margin: 0;padding:5px;border-top: 1px solid #E8E8E8;font-size:12px;cursor:pointer}
.ervaring div {background:#FAFAFA;padding:5px}