/*------------  RESET------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, h6, blockquote, pre, code, p, ul, ol, li, dl, dt, dd, form, fieldset, legend, label, div, span, table, tr, th, td {
margin: 0px; padding: 0px; }

/*------------  Body/HTML  ------------------------------------------------*/
html {
overflow-y:scroll !important;/*------------ zorgt voor een verticale scroll  in ff, zodat de pagina niet springt------------*/
}
html, body {
height:100%;
}
body {
font-family:Trebuchet MS, Verdana, Arial, Tahoma;
font-size:13px;
line-height:19px;
text-align:left;
}
div#body { /*------------  Deze Div dient als Body van de gehele pagina. Dit voorkomt dat de tekst gecentreerd word in het CCMS beheer gedeelte  ------------------------------------------------*/
text-align:center;
height:100%;
}

/*------------  Opmaak  ------------------------------------------------*/
h1 {
text-transform:uppercase;
font-size:20px;
line-height:20px;
margin-bottom:17px;
}
h2 {
text-transform:uppercase;
font-size:20px;
line-height:20px;
margin-bottom:17px;
}
p {
margin-bottom:10px;
}
span.kop {
font-size:13px;
font-weight:bold;
margin-bottom:10px;
}
span.kopzwart {
font-size:13px;
font-weight:bold;
}
a:link, a:active, a:visited {
font-weight:bold;
text-decoration:underline;
}
a:hover {
text-decoration:underline;
}

/*------------  Container  ------------------------------------------------*/
div#container {
background:url(/grafix/container.gif) repeat-y;
width:1000px;
min-height:78%;
height:auto !important;
height:78%;
margin:0px auto -40px auto; /* margin-bottom moet dezelfde hoogte krijgen als je footer maar dan in negatieve waarde */
text-align:left;
}

/*------------  Header  ------------------------------------------------*/
div#header {
position: relative;
background:url(/grafix/header.jpg) no-repeat;
margin: 0px auto;
height:180px;
width:1000px;
}

div#logo a  {
text-decoration:none;
border:none;
position:absolute;
width:455px;
height:65px;
left:10px;
top:70px;
}

/*------------  Navigatie   ------------------------------------------------*/
div#siteNavigation {
position:absolute;
bottom:10px;
left:45px;
z-index:100 !important;
height:13px;
}
div#siteNavigation ul#hoofdmenu {
position:relative;
list-style: none;
z-index: 100;
}
div#siteNavigation ul#hoofdmenu li {
background:url(/grafix/navBorder.gif) no-repeat 100% 50%;
position:relative;
line-height:13px;
height:13px;
float:left;
}
div#siteNavigation ul#hoofdmenu li a.active {
text-decoration:underline;
}

div#siteNavigation ul#hoofdmenu a:hover {
text-decoration:underline;
}
div#siteNavigation ul#hoofdmenu li a {
font-size:13px;
padding-right:15px;
padding-left:15px;
float:left;
text-decoration: none;
text-align:center;
font-weight:bold;
}

/*------------right---------------*/
div#right{
display:inline;
float:right;
width: 223px;
margin-right:27px;

}
div#right div.rightFooter{
background:url(/grafix/rightFooter.gif) no-repeat;
position:absolute;
z-index:100;
width: 223px;
height:14px;
display:inline;
line-height:14px;

}

/*------------content ------------------*/
div#content {

position:relative;
width:690px;
margin-left:60px;
display:inline;
float: left;
height: auto !important;
}
div#content  div.content_bb {

position:relative;
width:670px;
margin:17px 0px 20px 0px;
}
div#content div.content_bb ul {
margin:-10px 0 10px 15px;
}
div#content div.content_bb ul li {
list-style:disc;
}
div#content div.content_bb ol {
margin:0px 0 10px 20px;
}

/*------------featured products------------------*/
div#content  div.content_bb h2 {
margin-top:20px;
margin-bottom:27px;
}
div.featuredProducts {
margin-right:8px;
margin-bottom:8px;
float:left;
position:relative;
text-align:center;
background:url(/grafix/bgProducts.gif) no-repeat;
display:block;
width:215px;
height:194px;
}
div.featuredProducts:hover {
background:url(/grafix/bgProducts_hover.gif) no-repeat;
}
div.featuredProducts h2 {
text-transform:none;
line-height:22px;
font-size:12px;
font-weight:normal;
margin-top:0px !important;
margin-bottom:0px !important;
}

div.featuredProducts img{
border:none;
margin-top:15px;
}
div.featuredProducts a.moreButton {
text-decoration:none;
position:absolute;
display:block;
width:211px;
height:189px;
right:5px;
bottom:6px;
z-index:100;
background:url(/grafix/moreButton.gif) no-repeat 100% 100%;
}
div.featuredProducts:hover a.moreButton {
background:url(/grafix/moreButton_hover.gif) no-repeat 97% 96%;
right:0px;
bottom:0px;
}
a#productButton{
background:url(/grafix/productButton.gif) no-repeat;
text-decoration:none;
border:none;
margin-top:7px;
margin-bottom:15px;
font-size:12px;
font-weight:bold;
float:left;
cursor:pointer;
text-align:center;
width:127px;
height:20px;
line-height:20px;
}
a#productButton:hover{
background:url(/grafix/productButton_hover.gif) no-repeat;
font-size:11px;
}

div.clear {
clear:both;
}

/*-------------------- Footer ----------------------------------------*/
div#footer {
position:relative;
text-align:left;
background:url(/grafix/footer.gif) no-repeat;
width:1000px;
margin: 0px auto;
}
div#push, div#footer {
height:40px;
clear:both;
}

/*-------------------- Latest-News ----------------------------------------*/
div#latest_news_geheel{
margin-top:20px;
}
div#latest_news_head{
background:url(../grafix/latestNews_head.gif) no-repeat;

width: 223px;
height:14px;
line-height:14px;
}
div#latest_news{
background:url(/grafix/bg_right.gif) repeat-y;
width:223px;
}
div#latest_news #latest_news_inhoud{
padding-top:10px;
margin-left:12px;

padding-bottom:15px;

width:199px;
}
div#latest_news #latest_news_inhoud p{
height:150px;
overflow:hidden;
}

/* ---------------- email ------------------- */
.celemail, .celemail h1 { font-size: 12px !important; line-height: 14px !important; margin-bottom: 10px !important; margin-top: 10px !important;}