@charset "utf-8";
/* CSS Document */

body { font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0px; font-size: 12px; font-weight:normal;background:#FFFFFF; padding-bottom: 10px;}

a:link { color:#969494; text-decoration: underline; }
a:active { color:#969494; text-decoration: underline; }
a:visited { color:#969494; text-decoration: underline; }
a:hover { color:#969494; text-decoration: underline;}

h1 { font-size: 25px; margin: 0px;}
h2 { margin: 0px; margin-bottom: 14px; font-size:16px;}
*:first-child+html h2 {margin-top:10px;}
h3 { margin: 0px; color:#ffac00; font-size: 17px;margin-left: 6px;}
h4 { color:#3e3e3e; font-size: 14px; background:url(images/klaver-4-bullit.png) no-repeat 0px 1px; padding-left: 20px; font-weight: normal; margin: 0px;}
h4 a { color:#3e3e3e; text-decoration: none; }
h5 { font-size: 18px; margin: 0px;}

img { behavior: url("pngbehavior.htc"); border:none;}

#container { position: relative; width: 990px; margin-left: auto; margin-right: auto; min-height: 907px; height:auto !importent; margin-top: 27px;}

#navigatie { position:relative; background:url(images/bg-nav.png) repeat-x; height: 84px; margin-top: 27px; color:#FFFFFF; text-transform: uppercase;}

#nav, #nav ul { padding: 0; margin: 0; list-style: none; line-height: 1;}
#nav a { display: block; width: 10em;}
#nav li { float: left; width: 10em; }
#nav li ul { position: absolute; background: orange; width: 10em;left: -999em; }
#nav li:hover ul, #nav li.sfhover ul { left: auto;}

#header-content {position:relative;}

#banner {position:absolute; float:left; margin-top: 158px; z-index:10; width:295px; height:260px; overflow:hidden;}

#nav-header {position:absolute; color:#c7c7c7; margin-top:-19px;}
#nav-header a { color:#c7c7c7; text-decoration: none;}
#nav-header a:hover { color:#c7c7c7; text-decoration:underline;}

#content-top { position:relative; width: 685px; height: 226px; margin-left: 295px; background:#f6fbff;padding-top:31px; padding-left:10px; margin-top:4px;}
#content-top a:link {color: #000000; text-decoration:none;}
#content-top a:active { color:#000000; text-decoration: none; }
#content-top a:visited { color:#000000; text-decoration: none; }
#content-top a:hover { color:#000000; text-decoration: underline;}

#afbeelding-content-top { position: absolute; margin-left: 460px; margin-top: 28px;}

#navigatie-left { height: 258px; width: 295px; position: absolute; margin-top:440px; margin-left: 23px; }
#navigatie-left ul { padding: 0px; padding-left: 18px;}
*:first-child+html #navigatie-left ul { padding: 0px; padding-top:5px; padding-left: 18px; margin-left: 0px; }
#navigatie-left li { list-style:none; line-height: 20px;}
#navigatie-left li a { background:url(images/bullit-pijltje.png) 0px 3px no-repeat; padding-left: 16px; color:#3e3e3e; text-decoration: none;}
#navigatie-left li a:active { background:url(images/bullit-pijltje.png) 0px 3px no-repeat; padding-left: 16px; color:#3e3e3e; text-decoration: none;}
#navigatie-left li a:visited { background:url(images/bullit-pijltje.png) 0px 3px no-repeat; padding-left: 16px; color:#3e3e3e; text-decoration: none;}
#navigatie-left li a:hover { background:url(images/bullit-pijltje.png) 2px 3px no-repeat; padding-left: 16px; color:#3e3e3e; text-decoration: underline;}

#terug-bellen { width: 269px; height: auto; background: #3a3a3a; margin-left: 20px;}



#content { position:relative; width: 643px; min-height: 307px; height:auto !importent; background:url(images/bg-content-top.png) top no-repeat; margin-left: 312px;margin-top: -28px; padding-top: 20px; padding-left: 20px;padding-right: 20px;line-height: 19px;}
#content a:link { color:#000000; text-decoration: none;}
#content a:active { color:#000000; text-decoration: none;}
#content a:visited { color:#000000; text-decoration: none;}
#content a:hover { color:#000000; text-decoration: underline;}

#breadcrumbs {color:#c7c7c7;}

#padding  { padding-left:10px; padding-right: 10px; padding-bottom: 10px;}

#footer { position:relative; background:url(images/bg-footer.png) repeat-x #ffae00; height: 236px; width: 990px;margin-top: 40px;}

#footer-bottom {position: relative; width:990px; margin-top:5px; text-align: center; height: auto;}


#button-home { position:absolute; display:block; width: 92px; height: 67px; margin-left: 290px; background: url(images/button-home.jpg) no-repeat 0 0;}
#button-home:hover { background: url(images/button-home-hover.png) no-repeat 0 0; height: 72px; margin-top: -5px;}
#button-home span { display: none;}

	

#button-producten { position:absolute; display:block; width: 242px; height: 67px; margin-left: 386px; background: url(images/button-producten.png) no-repeat 0 0;}
#button-producten:hover {  background: url(images/button-producten-hover.png) no-repeat 0 0; height: 72px; margin-top: -5px;}
#button-producten span { display: none;}

#button-referenties { position:absolute; display:block; width: 141px; height: 67px;	margin-left: 637px;	background: url(images/button-referenties.png) no-repeat 0 0;}
#button-referenties:hover {   background: url(images/button-referenties-hover.png) no-repeat 0 0; height: 72px; margin-top: -5px;}
#button-referenties span { display: none;}

#button-contact { position:absolute; display:block; width: 141px; height: 67px; margin-left: 786px; background: url(images/button-contact.png) no-repeat 0 0;}
#button-contact:hover { background: url(images/button-contact-hover.png) no-repeat 0 0; height: 72px; margin-top: -5px;}
#button-contact span { display: none;}

#navigatie-footer { position:relative;	line-height: 20px; padding-top:20px; width: 980px; height: auto;}
#navigatie-footer a:link, a:visited, a:active { color:#000000; text-decoration: none;}
#navigatie-footer a:hover { text-decoration:underline;}

#navigatie-footer ul { padding:0px; list-style:none; line-height: 20px; margin: 0px;}
#navigatie-footer li { padding: 0px;}
#navigatie-footer li a:link, a:visited, a:active, { color:#000000; text-decoration: none;}
#navigatie-footer li a:hover { text-decoration:underline;}

Textfield { border: 9px solid #CC3399; background:#33CCFF;}
input { border: solid 1px  #ffad00;}
textarea { 	border: solid 1px  #ffad00; height: 90px;}
#checkbox1 { margin-left:3px; padding: 0px; margin-right:2px; }
#textfield { height: 18px; padding-top:3px;}

#portfolio a:link { font-weight: bold; color:#000000;}
#portfolio a:active { font-weight: bold; color:#000000;}
#portfolio a:visited { font-weight: bold; color:#000000;}
#portfolio a:hover { font-weight: bold; color:#000000; text-decoration: underline;}

#formulier a:link { color:#FFFFFF;}
#formulier a:active { color:#FFFFFF;}
#formulier a:visited { color:#FFFFFF;}
#formulier a:hover { color:#FFFFFF;}

#content a:link { color:#00000; text-decoration:}
#content a:active { color:#00000; text-decoration:}
#content a:visited { color:#00000; text-decoration:}
#content a:hover { color:#00000; text-decoration: underline;}

.bg-lijn { background:url(images/bg-lijn.gif) center repeat-x; height: 16px;}
.bg-lijn-zwart { background:url(images/bg-lijn-zwart.gif) center repeat-x;}
.font14{ font-size:14px;}
.grey { color:#9a9898; font-style:italic; font-size:10px;}
.padding { padding-left: 10px;}
.orange {color: #ffac00}
.font-c {font-size: 18px}

#snelle-links {padding-left: 42px;}
.padding-footer{padding-left: 42px;}


#button-meer-info {width: 106px; display:block; height: 24px; background: url(images/button-meer-info.png) no-repeat 0 0;}
#button-meer-info:hover { background:url(images/button-meer-info-a.png) no-repeat 0 0;}
#button-meer-info span { display: none;}

#button-website {width: 106px; display:block; height: 24px; background: url(images/button-website.png) no-repeat 0 0;}
#button-website:hover { background:url(images/button-website-a.png) no-repeat 0 0;}
#button-website span { display: none;}

#footer-bottom a:link { color:#969494; text-decoration: none; }
#footer-bottom a:active { color:#969494; text-decoration: none; }
#footer-bottom a:visited { color:#969494; text-decoration: none; }
#footer-bottom a:hover { color:#969494; text-decoration: underline;}

.addthis_toolbox { position:absolute; margin-top:5px; margin-left:870px; text-align:right;   height:20px; width: auto; display:inline;}
