/* ----------------  reset  -------------------- */

html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td 
{margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

ol, ul {list-style: none; }

.clear{clear:both;font-size:0px;line-height:0px;height:0px;}


/* ----------------  general  -------------------- */

body {font-family: "Trebuchet MS", Helvetica, Verdana, Arial, sans-serif; color: #415782;}
#container {position:absolute; width:100%; background-color: #fff; overflow: auto; text-align:center; background-image: url(images/top_bg2.jpg); background-repeat: repeat-x; }
#vdb {text-align:left; margin:0px auto; width:950px; background:url(images/top_bg.jpg) top left no-repeat; }
#top {height:247px;}
#content {min-height:500px; font-size:10pt; }
#text {width:700px; float:right; margin-top:30px; }
#text p {padding-right:22px; text-align:justify; margin-bottom:13pt; line-height:140%;}
#main {width:680px; line-height:32px; font-size:17pt; text-align:right; color:#fff; background:url(images/h1_bg.jpg) top right no-repeat; text-transform:uppercase; padding-right:25px; font-weight:300; float:right; }
#mainactueel {width:680px; line-height:32px; font-size:17pt; text-align:right; color:#fff; background:url(images/h1_actueel.jpg) top right no-repeat; text-transform:uppercase; padding-right:25px; font-weight:300; float:right; }
#text h1 {width:675px; line-height:32px; font-size:17pt; text-align:right; color:#fff; background:url(images/h1_bg.jpg) top right no-repeat; text-transform:uppercase; font-weight:300; margin-top:30px; margin-bottom:20px; padding-right:25px; }

#text p em {color:#FF0033; font-weight:700; font-style:normal;}
#text p a.standout {color:#FF0033;}
#text p a.standout:hover {background:#BCA99A; color:#fff;}

/* -------------- text and thumbs ------------------ */


ul.picblock {background:#D9E0E1; margin:12px 22px 22px 0; text-align:center; padding:18px 0 10px 0;}
ul.picblock li {padding:0 8px 0 8px; display:inline;}
ul.picblock li a img {border:2px solid #fff;}
ul.picblock li a:hover img {border:2px solid #FF0033;}

ul.picblock2 {background:#E5E4E9; margin:12px 22px 22px 0; text-align:center; padding:18px 0 10px 0;}
ul.picblock2 li {padding:0 15px 0 15px; display:inline;}
ul.picblock2 li a img {border:4px solid #BCA99A;}
ul.picblock2 li a:hover img {border:4px solid #0C3283;}



h2 {font-size:10pt; text-transform:uppercase; margin-bottom:16px; font-weight:700; }
img.product {float:left; margin:0 20px 4px 0; border:4px solid #AC9889; border-bottom:24px solid #AC9889; }

a.readmore {color:#fff; padding:3px 40px 3px 20px; background:url(images/readmore.png) top left no-repeat; text-decoration:none; width:450px;}
a.readmore:hover {background:url(images/readmore_over.png) top left no-repeat;}
				  
a.readmore2 {color:#fff; padding:3px 40px 3px 20px; background:url(images/readmore.png) top left no-repeat; text-decoration:none; width:450px;}
a.readmore2:hover {background:url(images/readmore_over.png) top left no-repeat;}


hr {height:0px; border-bottom:1px solid #D2D9E7; margin:0 25px 15px 0;}


dl.left {float:left; margin:0 30px 20px 0;}
dl.right {float:right; margin:0 15px 20px 25px;}
dd {font-size:9pt; font-weight:bold; text-align:center; margin-top:4px;}




/* ----------------   nav bar   -------------------- */

#navcontainer {}
#navlist {padding:0 0 30px 14px; }
#navlist li {}
#navlist li a {text-decoration:none; display:block; width:179px; padding:5px 0 5px 5px; border-bottom:1px solid #DEE2EB; color: #415782;}
#navlist li a.last {border-bottom:0; }
#navlist li a:link, #navlist a:visited {}
#navlist li a:hover {background:#FF0033; color:#fff;}
#navlist li #currentpage {background:#FF0033; color:#fff;}
#navlist li #currentpage:hover {}



/* ----------------  left bar  -------------------- */

#left {width:240px; float:left; display:block;  }
#left img {border:4px solid #D7C9BC;}

#homebanking {display:block; width:240px; background:url(images/homebanking.jpg) top left no-repeat; color:#fff; line-height:37px; font-size:12pt; text-transform:uppercase; text-decoration:none; padding-left:52px; font-style:italic;}
#crossfader {margin-left:8px; display:block; height:340px; margin-top:30px; }

#gallery { position: relative; height:340px; overflow:hidden;}
#gallery a img {padding:0; margin-bottom:100px; border:4px solid #D2D2D4;}
#gallery { display: block;}

#counter {text-align:right;}
#counter a {color:#A2A2A2; text-decoration:none;}





/* ----------------  footer  -------------------- */

#footercontainer {clear:both; width:100%; background: #f7f7f8 url(images/footer_bg2.jpg) top left repeat-x; color:#a2a2a2; }
#footer {text-align:left; margin:0px auto; width:950px; padding-top:50px; color:#fff; font-size:11pt; background: #f7f7f8 url(images/footer_bg.jpg) top left no-repeat; min-height:200px; }

#footer p {margin-top:55px; padding-bottom:20px; color:#A2A2A2; font-size:10pt; text-align:center;}
#footer p a {color:#A2A2A2; font-size:10pt;}
#footer p a:hover {color:#FF0033;}

#footer p span {margin:0 10px 0 200px;}



#coordinates-1 {width:388px; margin-left:24px; float:left;}
#coordinates-2 {width:260px; float:left;}
#coordinates-3 {text-align:right; margin-right:32px;}

#coordinates-1 li, #coordinates-2 li, #coordinates-3 li {font-size:10pt; font-weight:700; line-height:15pt;}
#coordinates-1 li a {font-size:10pt; font-weight:900; color:#fff;}

#coordinates-1 li span {color:#D0C2B9; padding-right:10px;}

#coordinates-1 li.topleft, #coordinates-2 li.topleft {font-size:11pt; font-weight:700; text-transform:uppercase; line-height:22px; margin-bottom:20px; }
#coordinates-3 li.topright {font-size:11pt; font-weight:700; text-transform:uppercase; line-height:22px; margin-bottom:20px; }


/* ----------------  nuttige informatie  -------------------- */

ul.infolist, ul.infolist2, ul.infolist3 {float:left; list-style-type: none; margin:20px 0 15px 0;}
ul.infolist li, ul.infolist2 li, ul.infolist3 li {margin: 0 0 5px 0;  }
ul.infolist li a {display: block; padding: 7px 0px 5px 30px; width:318px; background: url(images/infolist_bg.jpg) top left no-repeat; text-decoration:none; color: #415782;}
ul.infolist li a:hover {display: block; padding: 7px 0px 5px 30px; width:318px; background: url(images/infolist_bg_over.jpg) top left no-repeat; text-decoration:none; color: #0B3383;}

ul.infolist2 li a {display: block; padding: 7px 0px 5px 30px; width:318px; background: url(images/infolist2_bg.jpg) top left no-repeat; text-decoration:none; color: #415782;}
ul.infolist2 li a:hover {display: block; padding: 7px 0px 5px 30px; width:318px; background: url(images/infolist2_bg_over.jpg) top left no-repeat; text-decoration:none; color: #0B3383;}

ul.infolist3 li a {display: block; padding: 7px 0px 5px 30px; width:318px; background: url(images/infolist3_bg.jpg) top left no-repeat; text-decoration:none; color: #415782;}
ul.infolist3 li a:hover {display: block; padding: 7px 0px 5px 30px; width:318px; background: url(images/infolist3_bg_over.jpg) top left no-repeat; text-decoration:none; color: #0B3383;}

ul.linklist {float:left; list-style-type: none; margin:20px 0 15px 0;}
ul.linklist li {float:left; margin: 0 10px 12px 0; }
ul.linklist li.right {float:left; margin: 0 0 12px 0; }
ul.linklist li a {display:block; background: url(images/link_bg.jpg) top left no-repeat; padding: 6px;   }
ul.linklist li a:hover {display:block; background: url(images/link_over_bg.jpg) top left no-repeat; padding: 6px;   }



/* ----------------  route  -------------------- */

#map {width:660px; height:320px; border:4px solid #D2DDE3; margin-bottom:20px; margin-top:30px;}
img.route {border:4px solid #D2DDE3; margin-right:10px;}
img.route2 {border:4px solid #D2DDE3;}

/* ----------------  nieuws  -------------------- */

h2.newstitle {border-bottom:1px solid #D2D9E7; font-size:12pt; font-weight:700; margin:40px 70px 15px 0; padding:0 0 6px 0; color:#0B3383;}
h2.newstitle span {font-weight:100; color :#AA8F7B; font-size:8pt; margin-left:15px; }
div.newscentered {text-align:center; margin-bottom:16px; margin-top:6px;}
div.newscentered a img {border:4px solid #D7C9BC;}
div.newscentered a:hover img {border:4px solid #FF0033;}
a.extern2 {background:#AA8F7B; padding:2px 5px; text-decoration:none; color:#fff;}
a.extern2:hover {background:#0B3383; text-decoration:none; color:#fff;}
img.muurplaat2{margin-left:105px;}
img.leftsticker2 {float:right; margin-left:10px;margin-right:20px;}

/* ----------------   contact   -------------------- */

#vdbform {line-height:18pt; text-align:right;}
#vdbform span { margin-right:25px;}
#vdbform label { width:250px; margin-bottom:3px;}
#vdbform input { width:320px; border:1px solid #D2D9E7; font-size:10pt; padding:2px; margin-right:25px; margin-bottom:3px;}
#vdbform textarea { width:570px; border:1px solid #D2D9E7; font-size:10pt; padding:2px; overflow:hidden; margin-right:25px;}
#vdbform fieldset {border:1px solid #D2D9E7; margin-right:25px;}
#vdbform fieldset legend {font-weight:700; color:#FF0033; text-transform:uppercase; padding:0 5px 0 5px;}
#vdbform input#submitgeneral {background:#0B3383; color:#fff; width:150px; text-transform:uppercase; font-size:9pt;}

/* ----------------   medewerkers   -------------------- */

a.medewerkers img {margin-right:12px;}

div.medewerker {width:674px; height:174px; background:url(images/medewerker.jpg) top left no-repeat; color:#fff; margin-bottom:20px;}
img.medewerkers {border:2px solid #D6CABE; margin:7px 7px 0 7px; float:left;}
h2.medewerkers {float:left; width:130px; text-align:center; margin:70px 30px 50px 0; font-weight:700;}
p.medewerkers {margin-top:7px; line-height:14px;}
a.medewerkers {color:#E0D6CD; text-decoration:none; font-weight:700;}
a.medewerkers:hover {color:#fff; text-decoration:underline; font-weight:700;}	

/* ----------------   home   -------------------- */

ul.sluiting {width:670px; clear:left;}
ul.sluiting li {float:left; width:108px; border:1px solid #eee; background:#fff; text-align:center; padding:2px;}
ul.sluiting li.maand {background:#0C3283; width:80px; color:#fff; font-weight:bold; text-transform:uppercase; }

img.leftsticker {float:left; margin-top: 10px; margin-right:30px;}
img.muurplaat{margin-left:-10px;}

/* ----------------   historiek   -------------------- */

img.overzicht{height:600px;width:600px;margin-left:50px;}
img.historiek{margin-left:206px;}