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,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
font-weight: inherit;
font-style: inherit;
font-size: 100%;
font-family: inherit;
text-align: left;
vertical-align: top;
}
a img, :link img, :visited img {border: 0;}
strong{font-weight:bold;}
table {border-collapse: collapse;border-spacing: 0;}
ol, ul {list-style: none;}
q:before, q:after,blockquote:before, blockquote:after {content: "";}
/* start: shortkeys */
.bg1{
background-color: #F7F7F7;
}
.bg2{
background-color: #FFF;
}
a.button{
display: block;
float: left;
border: 1px solid #DEDEDE;
padding: 4px 10px;
margin: 15px 0px 0px 0px;
}
/* end: shortkeys */
.clear{clear:both;height: 1px;overflow: hidden;}
body{
margin: 0px;
padding: 0px;
border-top: 9px solid #EE7311;
background: #EAEAEA;
font: 11px Verdana;
}
body div#container{
background: #FFF;
}
body div#container #left{}
body div#container #left div{
height: 184px;
margin-top: 98px;
background: #EE7311 url(../images/left_top.gif) no-repeat right bottom;
}
body div#container #center{
width: 892px;
}
body div#container #right{}
body div#container #right div{
height: 26px;
background: #000;
margin-top: 98px;
}
/* start: header */
body div#container div#header{
height: 98px;
position: relative;
}
/* start: logo */
body div#container div#header img#logo{
position: absolute;
left: 63px;
top: 19px;
}
/* start: topnav */
body div#container div#header div#topnav{
padding-top: 13px;
}
body div#container div#header ul.topnav{
float: right;
width: 340px;
clear: both;
padding: 5px 0px 5px 31px;
font-size: 80%;
overflow: hidden;
}
body div#container div#header ul#top1{border-bottom: 1px solid #EAEAEA;}
body div#container div#header ul.topnav li{
float: left;
padding-top: 5px;
padding: 7px 0px 3px 20px;
width: 61px;
background-position: 0px 5px;
background-repeat: no-repeat;
color: #6A737C;
}
body div#container div#header ul.topnav li#icon_home{background-image: url(../images/icon_home.gif);}
body div#container div#header ul.topnav li#icon_contact{background-image: url(../images/icon_contact.gif);}
body div#container div#header ul.topnav li#icon_sitemap{background-image: url(../images/icon_sitemap.gif);}
body div#container div#header ul.topnav li#icon_service{background-image: url(../images/icon_service.gif);}
body div#container div#header ul.topnav li#icon_faq{background-image: url(../images/icon_faq.gif);}
body div#container div#header ul.topnav li#icon_nieuwsbrief{background-image: url(../images/icon_nieuwsbrief.gif);}
body div#container div#header ul.topnav li#icon_zoeken{background-image: url(../images/icon_zoeken.gif);}
body div#container div#header ul.topnav li#zoekForm{padding-top: 5px;width: 165px;padding-left:0px;}
body div#container div#header ul.topnav li a{color: #6A737C;text-decoration: none;}
body div#container div#header ul.topnav li a:hover{color: #000;font-weight: bold;}
body div#container div#header ul.topnav li form{
}
body div#container div#header ul.topnav li input.text{
color: #69737C;
font-size: 100%;
border: 1px solid #EAEAEA;
background: #EAEAEA;
color: #ED7511;
width: 93px;
padding: 1px 5px;
}
body div#container div#header ul.topnav li input.button{
color: #69737C;
font-size: 100%;
border: 1px solid #EAEAEA;
background: #EAEAEA;
color: #ED7511;
cursor: pointer;
}
/* end: topnav */
/* end: header */
/* start: navigatie */
body div#container div#nav{
background: #000;
height: 26px;
margin-left: 1px;
position: relative;
padding-left: 18px;
}
/* start: primaire navigatie */
body div#container div#nav ul#pnav li{
float: left;
border-right: 1px solid #323234;
padding: 6px 25px;
}
body div#container div#nav ul#pnav li.active{
font-weight: bold;
}
body div#container div#nav ul#pnav li a{
color: #FFF;
text-decoration: none;
}
body div#container div#nav ul#pnav li a:hover{
text-decoration: underline;
}
/* end: primaire navigatie */
/* start: sub navigatie */
body div#container div#nav ul#snav{
position: absolute;
top: 26px;
right: 0px;
background: url(../images/snav_bg.gif) no-repeat;
height: 27px;
width: 738px;
padding-left: 20px;
}
body div#container div#nav ul#snav li{
float: left;
padding-left: 5px;
padding-top: 7px;
color: #000;
}
body div#container div#nav ul#snav li a{
color: #000;
text-decoration: none;
}
body div#container div#nav ul#snav li.active a{
font-weight: bold;
}
body div#container div#nav ul#snav li a:hover{
color: #000;
text-decoration: underline;
}
/* end: sub navigatie */
/* end: navigatie */
/* start: toppic */
body div#container div#toppic{
height: 84px;
background: url(../images/toppic.jpg) no-repeat;
margin-left: 1px;
}
/* end: toppic */
/* start: main */
body div#container div#main{
position: relative;
height: 420px;
min-height: 420px;
width: 100%;
background: url(../images/main_bottom.gif) no-repeat bottom right;
padding-bottom: 50px;
}
html>body div#container div#main{
height: auto;
}
/* start: breadrcumble */
body div#container div#main div#breadcrumble{
color: #C8C8C8;
margin: 10px 0px 0px 50px;
font-size: 10px;
}
body div#container div#main div#breadcrumble a{
color: #C8C8C8;
}
body div#container div#main div#breadcrumble a:hover{
color: #000;
}
body div#container div#main div#breadcrumble span{
font-weight: bold;
}
/* end: breadcrumble */
/* start: content */
body div#container div#main div#content{
width: 478px;
margin: 25px 0px 0px 50px;
position: relative;
}
body div#container div#main div#content h1{
color: #ED7511;
font-size: 15px;
font-weight: bold;
padding-bottom: 15px;
}
body div#container div#main div#content p{
padding-bottom: 15px;
line-height: 18px;
}
body div#container div#main div#content a{
color: #EA7511;
text-decoration: none;
}
body div#container div#main div#content a:hover{
background: #EA7511;
color: #FFF;
}
/* end: content */
/* start: nieuws */
body div#container div#main div#laatste_nieuws{
position: absolute;
left: 622px;
top: -26px;
}
html>body div#container div#main div#laatste_nieuws{
top: -26px;
}
body div#container div#main div#laatste_nieuws div.item{
position: absolute;
padding: 20px;
width: 150px;
height: 131px;
background: url(../images/nieuws_item_bg.gif) no-repeat;
line-height: 16px;
}
body div#container div#main div#laatste_nieuws div.item h4{
font-weight: bold;
padding-bottom: 5px;
}
body div#container div#main div#laatste_nieuws div.item a{
color: #EA7511;
text-decoration: none;
}
body div#container div#main div#laatste_nieuws div.item a:hover{
background: #EA7511;
color: #FFF;
}
body div#container div#main div#laatste_nieuws div#item2{
position: absolute;
left: 20px;
top: 150px;
}
body div#container div#main div#laatste_nieuws div.meer{
padding-top: 330px;
padding-left: 50px;
}
body div#container div#main div#laatste_nieuws div.meer a{
color: #EA7511;
text-decoration: none;
}
body div#container div#main div#laatste_nieuws div.meer a:hover{
background: #EA7511;
color: #FFF;
}
/* end: nieuws */
/* end: main */
/* start: footer */
body div#footer {
background: #EAEAEA;
}
body div#footer div.wrapper{
width: 892px;
margin-left: auto;
margin-right: auto;
text-align: left;
}
body div#footer div#onze_producten{
height: 44px;
background: #E1E1E1;
text-align: center;
}
body div#footer div#onze_producten div.wrapper{
background: url(../images/icon_partners.gif) no-repeat 250px 13px;
height: 38px;
}
body div#footer div#onze_producten div.wrapper select{
color: #888888;
width: 170px;
font-size: 100%;
margin: 13px 0px 0px 50px;
}
body div#footer ul{
clear: both;
margin-top: 5px;
margin-left: 45px;
}
body div#footer ul li{
float: left;
padding-left: 5px;
padding-top: 10px;
color: #5A5A5A;
}
body div#footer ul li a{
color: #5A5A5A;
}
body div#footer ul li a:hover{
color: #000;
}
/* end: footer */