﻿/* algemene tags */
body {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; font-size:0.7em; color:#616161; font-family:tahoma, verdana, arial, helvetica; text-align:center;}
input, textarea {font-family: verdana, Tahoma, Arial, Helvetica; font-size: 1em;}
a {font-weight:normal; color:#0D3979; text-decoration:underline;}
a:hover {text-decoration:underline; color:#999999;}
form {border:0; padding:0; margin:0;}
a img {border:0;}

h1 {font-size:1.7em; font-weight:normal; color:#4C4B42; padding-top: 0px; margin-top:0px;}
h2 {font-size:1.2em; font-weight:bold; color:#4C4B42; padding-top: 0px; margin-top:0px;}
h2 a {color:#4C4B42; font-weight:bold;}
h2 a:hover {color:#7C7B6E; font-weight:bold;}
h3 {font-size:1em; font-weight:bold; color:#4C4B42; padding: 0 0 5px 0; margin: 0 0 5px 0;}


/* font opvangen */
font {font-family:verdana, tahoma, arial, helvetica; clear:none;}
p {clear:none; margin:0; padding:0;}

/* background stijlen */
body.backgroundhome {background: #ffffff url(/images/bg-1px-home.gif) repeat-x left top;}
body.backgroundvolg {background: #ffffff url(/images/bg-1px-volg.gif) repeat-x left top;}

/* structureel ID div */
#divoverallposition {width:100%; text-align:left; display:block;}
#divoverallsite {width:979px; margin-left:auto; margin-right:auto; display:block;}
#divoverallsitehome {width:979px; margin-left:auto; margin-right:auto; display:block;}
#divheadercontainer {float:left; width:959px; height:241px; padding-left:10px; padding-right:10px; background-color:#ADAB9B;}
#divheadercontainerhome {float:left; width:959px; padding-left:10px; padding-right:10px; background-color:#ADAB9B;}
#divnavcontainer {float:left; height:25px; padding-top:10px; display:block;}
#divnavcontainerhome {float:left; height:25px; padding-top:10px; display:block;}
#divkruimelcontainer {float:left; width:659px; padding-left:320px; height:25px;}
#divcontentcontainer {float:left; width:959px; padding-left:10px; padding-right:10px; display:block;}
#divcontentcontainerhome {float:left; width:959px; padding-left:10px; padding-right:10px; padding-top:10px; display:block;}
#divsubnavblock {float:left; width:310px; display:block;}
#divwelkom {float:right; background-color:#7C7B6E; display:block; width:567px; height:226px;}
#divwelkomhomecontent {float:left; padding: 65px 25px 0px 25px; display:block; color:#ffffff;}
#divfotolargehome {float:left; overflow:hidden; height:226px; width:380px; display:block;}
#divlogo {float:left; display:block; width:953px;}
#divblokfotoshome {float:left; width:386px; display:block;}
#divblokcenterhome {float:left; width:380px; height:118px;}
#divnieuwsbrief {float:left; padding-top:6px;}
#divtvspot {float:left; padding-top:6px; padding-left:6px;}
#divkijkercontainer {float:left; width:187px; padding-left:6px; padding-top:20px; overflow:hidden; background: url(/images/title-home-indekijker.gif) no-repeat right top;}
#divkijkercontent {float:left; width:167px; background-color:#F7F6F5; height:190px; overflow:hidden; padding:10px;}
#divfooterleft {float:left; width:650px;}
#divfooterright {float:right;}
#divfotosheadercontainer {float:left; width:959px; border-top: solid 1px #7E7C6C; padding-top:5px;}
#divfotoscontent {float:left; width:252px; padding-top:45px;}
#divtextcontent {float:left; width:370px; padding-right:18px;}

/* divclasses */
.divlogo {float:left; height:88px; width:953px;}
.divfotoshomeleft {float:left; width:193px; height:118px; overflow:hidden;}
.divfotoheadervolg {float:left; width:193px; height:112px; overflow:hidden;}
.divfotoheadervolgright {float:left; width:187px; height:112px;overflow:hidden;}

/* divbloknewshome*/
div.bloknewscontainerhome {float:left; width:350px; height:82px; padding:15px; background-color:#E2E2DC; overflow:hidden;}
div.bloknewscontainerhome ul {padding:0px 0px 5px 0px; margin:0;}
div.bloknewscontainerhome ul li {list-style-type:none; padding-bottom:7px;}
div.bloknewscontainerhome ul li a {color:#4C4B42; background: url(/images/li-arrow-news-home.gif) no-repeat left 3px; font-weight:bold; text-decoration:underline; padding-left:15px;}
div.bloknewscontainerhome ul li a:hover {color:#7C7B6E; background: url(/images/li-arrow-news-home-over.gif) no-repeat left 3px; text-decoration:underline;}
div.bloknewscontainerhome a {color:#4C4B42; font-weight:normal; text-decoration:underline; padding-left:15px;}
div.bloknewscontainerhome a:hover {color:#7C7B6E; text-decoration:underline;}

/* indekijkerhome */
a.titel {font-weight:bold; color:#4C4B42;}
a.titel:hover {font-weight:bold; color:#7C7B6E;}

/*  navigaties */
div.hoofdnav {float:left; width:959px; padding-top:5px; height:20px; background-color:#4C4B42; text-align:center;}
div.hoofdnav ul {margin:0px; padding:0px;}
div.hoofdnav ul li {display:inline; border-right: solid 1px #ffffff;}
div.hoofdnav ul li.right {border: 0px;}
div.hoofdnav ul li a {color:#ffffff; font-weight:bold; text-decoration:none; padding: 0px 10px; font-size:1em;}
div.hoofdnav ul li a:hover {color:#ADAB9B; text-decoration:none;}

div.subnav {float:left; width:285px; display:block; background-color:#D6D5CD; padding:20px 0px 20px 0px; margin-bottom:25px;}
div.subnav ul {margin:0; padding:0; border-top: solid 1px #ffffff;}
div.subnav li {width:285px; border-bottom: solid 1px #ffffff; list-style-type:none;}
div.subnav li a {width:260px; color:#4C4B42; display: block; padding: 6px 0px 6px 25px; background: url(/images/li-arrow-news-home.gif) no-repeat 10px 7px; text-decoration:none; font-weight:bold;}
div.subnav li a:hover {width:260px;color:#ffffff;  padding: 6px 0px 6px 25px; background:#ADAB9B url(/images/li-arrow-news-home-over.gif) no-repeat 10px 7px; display: block;}
div.subnav li a.selected {width:260px;color:#ffffff;  padding: 6px 0px 6px 25px; background:#ADAB9B url(/images/li-arrow-news-home-over.gif) no-repeat 10px 7px; display: block;}
div.subnav ul li ul {margin:0; padding:0px 0px 5px 0px; background-color:#EBEAE6; border:0px;}
div.subnav ul li ul li {width:265px; list-style-type:none; border:0px;}
div.subnav ul li ul li a {width:248px; color:#4C4B42; display: block; padding: 4px 0px 4px 37px; background: url(/images/li-arrow-subsub.gif) no-repeat 25px 7px; text-decoration:none; font-weight:normal;}
div.subnav ul li ul li a:hover {width:248px; color:#ffffff;  padding: 4px 0px 4px 37px; background:#ADAB9B url(/images/li-arrow-subsub-over.gif) no-repeat 25px 7px; display: block;}
div.subnav ul li ul li a.selected {width:248px; color:#ffffff;  padding: 4px 0px 4px 37px; background:#ADAB9B url(/images/li-arrow-subsub-over.gif) no-repeat 25px 7px; display: block;}

div.project {float:left; width:200px; display:block; background-color:#D6D5CD;}
div.project ul {margin:0; padding:0;}
div.project li {width:200px;list-style-type:none;list-style-image:none;border-top: solid 2px #ffffff;}
div.project li a {list-style-type:none;width:200px; color:#4C4B42; display: block; padding: 4px 0px 3px 0px; text-decoration:none; text-align:center; font-weight:bold;}
div.project li a:hover {list-style-type:none;color:#ffffff;}

/* printknop */
div.printcontainer {float:right; width:959px; height:35px;}
a.butprint {color:#ADAB9B; font-size:0.9em; padding-left: 20px; padding-bottom:6px; padding-top:3px; background: url(/images/picto-print.gif) no-repeat; text-decoration:underline; font-weight:normal; text-transform:uppercase;}
a.butprint:hover {color:#4C4B42; background: url(/images/picto-print-over.gif) no-repeat; text-decoration:underline;}
.divprint {float:right; margin-top:7px; padding-top:3px; height:15px;}

/* kruimelnav */
div.kruimelnav {float:left; color:#ADAB9B; padding-top:10px; font-size:0.9em; text-transform:uppercase;}
div.kruimelnav a {color:#ADAB9B;}
div.kruimelnav a:hover {color:#4C4B42;}


/* content */
.divcontentblock {float:left; padding-top:15px; display:block; width:640px;}
.divcontentblock h1 {font-size:1.7em; font-weight:normal; color:#4C4B42; padding-top: 0px; margin-top:0px;}
.divcontentblock h2 {font-size:1.2em; font-weight:bold; color:#4C4B42; padding-top: 0px; margin-top:0px;}
.divcontentblock h3 {font-size:1em; font-weight:bold; color:#4C4B42; padding: 0 0 5px 0; margin: 0 0 5px 0;}
.divcontentblock li {list-style-image: url(/images/li-picto-text.gif); list-style-type:none; padding-bottom:4px;}
a.leesmeer {color:#4C4B42; padding-right: 12px; padding-bottom:6px; padding-top:0px; background: url(/images/picto-leesmeer.gif) no-repeat right 4px; text-decoration:underline;}
a.leesmeer:hover {color:#7C7B6E; background: url(/images/picto-leesmeer-over.gif) no-repeat right 4px; text-decoration:underline;}
a.terug {color:#4C4B42; font-size:0.9em; padding-left: 15px; padding-bottom:6px; padding-top:0px; background: url(/images/picto-terug.gif) no-repeat; background-position:0px 1px; text-decoration:none; font-weight:normal; text-transform:uppercase;}
a.terug:hover {color:#7C7B6E; background: url(/images/picto-terug-over.gif) no-repeat; text-decoration:none;}

/* pdf */
a.pdf {color:#0D3979;font-size:0.9em; padding-left: 22px;padding-bottom:5px;padding-top:3px;background: url(/images/picto-pdf.gif) no-repeat;text-decoration:none;text-transform:uppercase}
a.pdf:hover {color:#999999;background: url(/images/picto-pdf-over.gif) no-repeat;text-decoration:none;}


div.pictureright {float:left; display:block; padding-bottom:15px; overflow:hidden;}
div.pictureright img {border:solid #A8ABAD 1px;}
div.voetnoot {float:left; font-style:italic; color:#A8ABAD; padding-bottom:20px;}

/* afbeeldingen */
img.inline {float:left; margin:0 20px 20px 0;}
.border1px {border:solid 1px #ADAB9B; display:table;}
a.border1px {border:solid 1px #ADAB9B; display:table;}
a.border1px:hover {border:solid 1px #4C4B42; display:table;}

img.picto {margin-bottom:-3px;}

/* button */
a.button {display:inline-block; border-left:solid 1px ButtonHighlight; border-top:solid 1px ButtonHighlight; border-right:solid 1px ButtonShadow; border-bottom:solid 1px ButtonShadow; padding: 3px 5px 3px 5px; color:black; background-color:ButtonFace; text-decoration:none; font-weight:bold;}
a.button:hover {background-color:white;}

/* footer */
div.footer {float:left; border-top: solid 10px #FFFFFF; width:959px; font-size:0.9em; color:#ADAB9B; padding-top:5px;background-color:White;background-image:url(/images/bg-1px-footer.gif);background-repeat:repeat-x; background-position:left top; height:80px;}
div.footer a {color:#A8ABAD;}
div.footer a:hover {color:#122162;}

.provincies a {font-size:1.2em;}
.provincies a.active {color:#4c4b42;}