/* ----------------  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: Verdana, "Trebuchet MS", Helvetica, Arial, sans-serif; color: #5D5F5A; font-size:10pt;  background: #EBEBEB;}
#container {position:absolute; width:100%; overflow: auto; text-align:center; background: #EBEBEB url(images/bg.jpg) top left repeat-x; }
#header {text-align:left; margin:0px auto; width:960px; background:  url(images/top.jpg) top left no-repeat; min-height:320px;  }
#buysebody {text-align:left; margin:0px auto; width:960px; background: url(images/content.jpg) top left repeat-y; padding-top:10px;}
#footer {clear:both; margin:0px auto; width:960px; background: url(images/footer.jpg) top left no-repeat;}


/* ----------------  header  -------------------- */

#rotator {float:right; margin:35px 20px 0 0; }
#rotator img {background:#fff; padding:12px; border:1px solid #D0CFCF; }

#navcontainer {float:right; margin:150px 14px 0 0;  }
#navlist li a {color:#BBBDBB; text-transform:uppercase; width:280px; display:block; text-decoration:none; padding:6px 0 5px 10px; border-bottom:1px solid #ECECEC; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}
#navlist li a:hover {color:#5D5F5A; background:url(images/nav_hover.jpg) no-repeat; border-bottom:1px solid #FFFFFF; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}
#navlist li a#currentpage {color:#FFFFFF; background:url(images/nav_over.jpg) no-repeat; border-bottom:1px solid #FFFFFF; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;}

#openingsuren {padding:162px 0 0 25px; float:left; width:145px; }
#openingsuren p {text-align:center;color:#fff; font-weight:700; line-height:120%; margin-bottom:8px; font-family: "Trebuchet MS", Helvetica, Arial, sans-serif; font-size:9pt;}
#openingsuren p span {text-transform:uppercase; margin-bottom:10px; color:#A2C2DF; font-size:10pt; font-weight:900;}


/* ----------------  headings  -------------------- */

h1 span {text-indent:-9000px; display:none;}
#h1_welkom {width: 601px; height: 74px; position: relative; background: #fff url(images/h1_welkom.jpg) 0 0;}
#h1_hersteldienst {width: 601px; height: 74px; position: relative; background: #fff url(images/h1_hersteldienst.jpg) 0 0;}
#h1_laatstenieuws {width: 601px; height: 74px; position: relative; background: #fff url(images/h1_recentnieuws.jpg) 0 0;}
#h1_realisaties {width: 601px; height: 74px; position: relative; background: #fff url(images/h1_realisaties.jpg) 0 0;}
#h1_producten {width: 601px; height: 74px; position: relative; background: #fff url(images/h1_producten.jpg) 0 0;}
#h1_contact {width: 601px; height: 74px; position: relative; background: #fff url(images/h1_contact.jpg) 0 0;}
#h1_route {width: 601px; height: 74px; position: relative; background: #fff url(images/h1_route.jpg) 0 0;}
#h1_bedankt {width: 601px; height: 74px; position: relative; background: #fff url(images/h1_bedankt.jpg) 0 0;}

h2 span {text-indent:-9000px; display:none;}
#h2_laatstenieuws {width: 359px; height: 74px; position: relative; background: #fff url(images/h2_laatstenieuws.jpg) 0 0;}
#h2_promofolder {width: 359px; height: 74px; position: relative; background: #fff url(images/h2_promofolder.jpg) 0 0;}
#h2_gegevens {width: 359px; height: 74px; position: relative; background: #fff url(images/h2_onzegegevens.jpg) 0 0;}


/* ----------------  right bar  -------------------- */

#right {float:left; }

.linkbox {border:1px solid #D0CFCF; background:#F2F2F2; width:340px; margin:12px 0 0px 0; line-height:100%; }
.linkbox a {color:#699DCD; font-weight:bold; text-decoration:none; display:block; padding:12px; text-align:justify; font-size:12px; line-height:120%; }
.linkbox a:hover {color:#55667D; background:#ACB7C4; font-weight:bold; text-decoration:none; padding:12px; font-size:12px;}

.linkbox a span {font-size:9px; font-variant:bold; letter-spacing:0; color:#5DB703;}



.linkbox a em {color:#545352; font-weight:normal; font-size:11px; font-variant:normal; }
.linkbox a:hover em {color:#fff;}

.linkbox a strong {color:#699DCD; font-weight:bold; font-size:13px; text-transform:uppercase;  }
.linkbox a:hover strong {color:#fff; font-size:13px; text-transform:uppercase; }

#promofolder {width:310px; background:url(images/folder_bg.jpg) 0 0; padding:12px 18px 15px 15px; background-repeat:no-repeat; }
#promofolder p {text-align:justify; line-height:150%; font-size:11px; margin-bottom:8px;}
#promofolder p a {color:#5DB703; font-weight:700; }
#promofolder p a:hover {color:#3C7107;}
#promofolder h3 {color:#699DCD; font-weight:900; font-size:13px; text-transform:uppercase; text-align:right; padding:15px 0 20px 0;}
#promofolder h3 a {color:#699DCD; font-weight:900; font-size:13px; text-transform:uppercase; text-decoration:none; }
#promofolder img {float:left; margin-right:20px;}

#promofolder a img.promofolder {border-bottom:2px solid #ACACAC; border-top:1px solid #D0CFCF; border-right:1px solid #D0CFCF; border-left:1px solid #D0CFCF; padding:4px; background:#fff;}



#gegevens {width:310px; background:url(images/gegevens_bg.jpg) 0 0; padding:12px 18px 24px 15px; }
#gegevens h3 {color:#699DCD; font-weight:900; font-size:13px; text-transform:uppercase; text-align:right; padding:15px 0 15px 0;}
#gegevens p {text-align:justify; line-height:170%; margin-bottom:6px; font-size:11px; }
#gegevens p a {color:#5DB703; font-weight:700; }
#gegevens p a:hover {color:#3C7107;}




/* ----------------  content  -------------------- */

#content {float:left; width:549px; padding-right:52px;}
#content p {padding:10px 0 0 22px; font-size:8.5pt; line-height:180%; text-align:justify;  }
#content p a {color:#5DB703; font-weight:700; }
#content p a:hover {; color:#3C7107;}
#content p strong {font-weight:700;}
#content p img.topborder {background:#fff; padding:12px; border:1px solid #D0CFCF;}
#crossfader {padding:10px 0 0 22px; margin:15px 0 15px 0;}
#gallery { position: relative; width:520px; height:300px; margin:0; padding:0;  }



#gallery img.topborder {background:#fff; padding:12px; border:1px solid #D0CFCF;}



#content p.news {margin-left:22px; background:url(images/news_bg.jpg) 0 0 no-repeat; }

div.newsitem {margin-left:22px;}
div.newsitem a img.newsborder {padding:4px; background:white; border-left:1px solid #D9D9D7; border-right:1px solid #D9D9D7; border-bottom:1px solid #AAAAA8; margin-right:20px; float:left;}




/* ----------------  producten  -------------------- */

ul.merkenlijst {padding:0 0 0 21px;}
ul.merkenlijst li {float:left; margin:0 8px 12px 0;}
ul.merkenlijst li.last {float:left; margin:0 0 12px 0;}
ul.merkenlijst li a {background:url(images/merken_bg.jpg) top center no-repeat; display:block;}
ul.merkenlijst li a:hover {background:url(images/merken_over_bg.jpg) top center no-repeat; display:block;}
ul.merkenlijst li a img {padding:6px 5px;}

#content h3 {padding:0 0 0 21px; color:#699DCD; text-transform:uppercase; font-size:11pt; font-weight:700; line-height:60px;}
#content h3 span {color:#5DB703; text-transform:uppercase; font-size:8pt; font-weight:700; letter-spacing:0;}

#pagination {text-align:center;}
#pagination a.vorige, a.volgende {padding:4px 10px; line-height:20pt; color:#fff; text-decoration:none; font-size:9pt; font-weight:bold; background:#699DCD; margin-right:8px; }
#pagination a.vorige:hover, a.volgende:hover {background:#5DB703; color:#fff;}



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

#map {width:523px; height:320px; border:1px solid #D2DDE3; margin:24px 0 0 22px; font-size:9pt; font-family: Verdana, "Trebuchet MS";} 

#buyseform {font-size:9pt; line-height:14pt; margin:20px 0 0 12px;}
#buyseform label {font-size:8pt; margin:0 0 6px 12px; font-family: Verdana, "Trebuchet MS";}
#buyseform input {color:#5D5F5A; background:#F9F8F8; border:1px solid #D2DDE3; padding:4px 5px 4px 5px; margin:0 0 2px 10px; width:243px; font-size:9pt;}
#buyseform textarea {color:#5D5F5A; background:#F9F8F8; border:1px solid #D2DDE3; padding:4px; width:514px; font-size:9pt; margin:0 0 2px 10px; }
#buyseform #submitgeneral {border:1px solid #699DCD; background:#699DCD; color:#fff; width:180px; text-transform:uppercase; letter-spacing:1px; font-size:8pt; text-align:center; padding:2px 0 2px 0; font-weight:700;}

div.val, input.val {display:none;}


/* ----------------  footer  -------------------- */
#footer p {text-align:center; padding:30px 0 20px 0; font-size:11px;}
#footer a {color:#699DCD;}
#footer a:hover {color:#5DB703;}




/* ----------------  realisaties  -------------------- */
#realisaties {margin: 1em 0 1em 22px; width: 540px; float: left; }
#realisaties li {background: #fff; border-top:1px solid #D6D4D4; border-left:1px solid #D6D4D4; border-right:1px solid #D6D4D4; border-bottom:2px solid #D6D4D4; width: 240px; padding: 5px 5px 10px 5px; float: left; display: inline; text-align: center; margin-left: 20px; margin-bottom: 2em; line-height: 1.2em; color: #699DCC; }
#realisaties .first {margin-left: 0px;}
#realisaties .img {background: #EBEBEB; position: relative; width: 240px; height: 169px; overflow: hidden; text-align: center; text-decoration: none; display: block; margin-bottom: 0.6em; }
#content #realisaties a {display: block; text-decoration: none;color: #699DCC; font-size:8.5pt; font-weight:bold;}
#content #realisaties a:hover {text-decoration: underline;color:#5DB703;  }
#content #realisaties a.img:hover {background: #E0E0E0;}
#realisaties img {margin: 0 auto;}