* {
    margin: 0;
}

html, body#top {
    height:100%;
}

body
{
    background-image:url(../images/layout/body_bg.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    background-color:#e8e696;
    font: normal 10px "Verdana"; color: #000000;
}

a
{
    font: normal 10px "Verdana"; color: #000000;
    text-decoration:underline;
}

#wrapper
{
    min-height: 100%; 
    height: auto !important; 
    height: 100%;
    
    margin:0px auto -41px;
    width:940px;
    padding-left:10px;
    padding-right:10px;
    overflow:hidden;
}

#site_header
{
    margin-top:82px;
    background-image:url(../images/layout/header.jpg);
    background-repeat:no-repeat;
    background-position:left top;
    width:940px;
    height:166px;
    position:relative;
}

#site_header h2
{
    display:block;
    position:absolute;
    bottom:8px;
    left:37px;    
    font: bold 20px "Verdana"; color: #ffffff;
}

#footer, #push { height: 41px; clear: both; }
#footer 
{
    height:41px;
    background-image:url(../images/layout/bg_footer.jpg);
    background-repeat:no-repeat;
    background-position:center top;
    
    width:970px; /* groter dan wrapper zodat je overgang niet ziet */
    margin:0px auto;
}


#footer_container
{
    width:950px;
    margin:0px auto;
    text-align:center;
    overflow:hidden;
}

#footer_data, #footer_data a
{
    font: normal 11px "Verdana"; color: #ffffff;
    text-decoration:none;
}

#footer_data
{
        
    height:15px;
    line-height:15px;
    padding-top:5px;
}

#footer_data ul
{
    padding-left:70px;
}

#footer_data ul li.first
{
    background:none;
}

#footer_data ul li
{
    float:left;
    list-style-type:none;
    background-image:url(../images/layout/footer_item_bg.jpg);
    background-position:left center;
    background-repeat:no-repeat;
    height:15px;
    padding-right:5px;
    padding-left:10px;
}

#footer_data ul li.last
{
    padding-right:38px;
}


#copyright
{
    font: normal 8px "Verdana"; color: #000000;    
    text-decoration:none;
    padding-top:10px;
    display:block;
}

#content_wrapper, #promoties_wrapper, #contactpersonen_wrapper, #form_wrapper, #verkooppunten_wrapper, #faq_wrapper, #merken_wrapper, #soorten_wrapper, #search_wrapper
{
    overflow:hidden;
}

#header_forms
{
    width:350px;
    overflow:hidden;
    position:absolute;
    /*
    bottom:7px;
    */
    top:105px;
    right:40px;
}

#loginform
{
    float:right;
    width:160px;
}

#zoekform
{
    float:right;
    margin-left:16px;
    width:110px;
}

#header_forms ol 
{
    list-style: none; 
    overflow:hidden;
}
#header_forms ol li 
{ 
    list-style-position:outside;
    margin-bottom: 5px;
    overflow:auto;
}

#header_forms ol li.last
{
    margin-bottom:2px;
}

#header_forms ol li label 
{ 
    font: normal 10px "Verdana"; color: #ffffff;
    text-align:left;
    display: inline-block;
    vertical-align: top;
    padding-right:1px;
    width:46px;
    padding-top: 3px;
    float:left;
    clear:left;
}

#header_forms ol li input
{ 
    background-color:Transparent;
    border:solid 1px #ffffff;
    height: 13px; 
    width:108px;
    font: normal 10px "Verdana"; color: #000000;
}

li.header_formknoppen, li.header_formknoppen a
{
    list-style-position:outside;
    list-style-type:none;
    font: normal 10px "Verdana"; color: #ffffff;        
    text-decoration:none;
}

.header_formknop
{
    float:right;
    color: #000000 !important;        
    text-decoration:none;
}

#inhoud, #promoties_inhoud, #contactpersonen_inhoud, #form_inhoud, #verkooppunten_inhoud, #faq_inhoud, #search_inhoud, #folder_inhoud
{
    padding-top:37px;
    padding-left:37px;
    padding-right:215px;
    margin-left:300px;
}

#merken_inhoud, #soorten_inhoud
{
    /*margin-left:219px;*/
    padding-top:37px;
    padding-right:39px;
    padding-left:61px;
    /*width:440px;*/
    width:387px;
    float:left;
}

#merken_inhoud h3, #soorten_inhoud h3, .merkkop, .soortkop
{
    font: bold 10px "Verdana"; color: #ffffff;
    
    background-color:#bab600;
    padding-left:6px;
    padding-top:1px;
    padding-bottom:1px;
    display:block;
}

#inhoud ul
{
    padding-left:36px;
}

#inhoud_afbeeldingen, #contactpersonen_afbeeldingen, #form_afbeeldingen, #verkooppunten_afbeeldingen, #faq_afbeeldingen, #search_afbeeldingen, #folder_afbeeldingen
{
    float:left;
    width:300px;
}

#merken_afbeeldingen, #soorten_afbeeldingen
{
    width:180px;
    margin-left:760px;
}

#merken_afbeeldingen img, 
#soorten_afbeeldingen img
{
    width:180px;
    margin-top:10px;
}

#merken_afbeeldingen img.first, 
#soorten_afbeeldingen img.first
{
    margin-top:0px;
}

#inhoud_afbeeldingen div
{
    height:155px;
    background-image:url(../images/layout/streep_tussen_afbeelding.jpg);
    background-repeat:no-repeat;
    background-position:center bottom;
}

#inhoud_afbeeldingen div
{
    margin-top:4px;
}

#inhoud_afbeeldingen div.first
{
    margin-top:0px;
}

#inhoud_afbeeldingen div.last
{
    height:150px;
    background-image:none;
}

#logo
{
    position:absolute;
    top:0px;
    left:0px;
    display:block;
    text-indent:-9999px;
    height:98px;
    width:179px;
    background-image:url(../images/layout/logo.jpg);
    background-repeat:no-repeat;
    background-position:left top;
}

#lbl_ingelogd
{
    font: normal 10px "Verdana"; color: #bab600;
    padding-top:6px;
    margin-left:4px;
    float:left;
    display:block;
}

#promoties_afbeeldingen
{
    width:300px;
    float:left;
}

/* PROMOTIESLIST */
#promotieslist
{
    list-style-type:none;
    
}

#promotieslist li
{
    /*
    float:left;
    width:471px;    
    */
    /*padding-left:20px;*/
    margin-bottom:28px;
    overflow:hidden;
}

#promotieslist li.last
{
    margin-bottom:0px;
}

#promotieslist li h3, #contactpersonenlist h3
{
    font: bold 10px "Verdana"; color: #ffffff;
    margin-bottom:12px;
    display:block;
    background-color:#bab600;
    padding-left:6px;
    padding-top:1px;
    padding-bottom:1px;
}

#promotieslist li ul li
{
    margin:0px;
    list-style-type:disc;
}

div.promotie_afbeelding
{
    width:156px;
    float:left;
    margin-left:9px;
}

div.promotie_afbeelding img
{
    border:solid 1px #bab600;
}

div.promotieitem_inhoud
{
    margin-left:165px;    
}

a.knop_downloadpdf
{
    background-color:#ffffff;
    font: normal 10px "Verdana"; color: #000000;
    float:left;
    margin-top:6px;
    text-decoration:none;
    padding-left:4px;
    padding-right:4px;
    line-height:16px;
}

/* CONTACTPERSONENLIST */
#contactpersonenlist, #contactpersonenlist ul li
{
    list-style-type:none;
    list-style-position:outside;
}

#contactpersonenlist ul li
{
    overflow:hidden;
    margin-bottom:14px;
}

div.contactpersonen_afbeelding
{
    float:left;
    width:154px;
}

div.contactpersonen_afbeelding img
{
    border:solid 1px #bab600;
}

#contactpersonenlist ul
{
    margin-left:9px;
}


span.contactpersoon_functie
{
    display:block;
    margin-bottom:4px;
}

div.contactpersonenitem_inhoud
{
    margin-left:154px;
}

#contactpersonenlist ul li h4
{
    font: bold 10px "Verdana"; color: #000000;
    border-bottom:solid 1px #2da3e1;
    padding-bottom:1px;
    margin-bottom:6px;
}

#contactgegevens
{
    width:381px;
    margin-top:37px;
}

#vergrootglas, #print
{
    display:block;
    width:17px;
    height:16px;
    text-indent:-9999px;
    margin-top:4px;
}

#contactmap
{
    float:right;
}

#contactmap img
{
    float:right;
}

#vergrootglas
{
    background-image:url(../images/layout/icoon_vergroot.jpg);
    background-repeat:no-repeat;
    background-position:center top;    
    float:right;
    margin-right:4px;
}

#print
{
    clear:both;
    background-image:url(../images/layout/icoon_print.jpg);
    background-repeat:no-repeat;
    background-position:center top;    
    float:right;  
}    

#verkoopselectie
{
    list-style: none; 
    overflow:hidden;
}
#verkoopselectie li 
{ 
    list-style-position:outside;
    margin-bottom: 18px;
    overflow:auto;
}

#verkoopselectie li.last
{
    margin-bottom:0px;
}

#verkoopselectie li label 
{ 
    font: bold 10px "Verdana"; color: #000000;
    text-align:left;
    display: inline-block;
    vertical-align: top;
    padding-right:1px;
    width:80px;
    padding-top: 3px;
    float:left;
    clear:left;
}

#verkoopselectie li select
{ 
    background-color:Transparent;
    border:solid 1px #000000;
    height: 13px; 
    width:108px;
    background-color:#ffffff;
    height:18px;
    font: normal 10px "Verdana"; color: #000000;
}


#verkooppunten_resultaten
{
    margin-top:33px;
    list-style: none; 
    overflow:hidden;
}
#verkooppunten_resultaten li 
{ 
    list-style-position:outside;
    padding-bottom:17px;
    margin-bottom: 20px;
    overflow:auto;
    border-bottom:solid 1px #2da3e1;
}

#verkooppunten_resultaten li a
{
    text-decoration:none;
}

#verkooppunten_resultaten li label
{
    float:left;
    width:80px;
    font: bold 10px "Verdana"; color: #000000;
}

#verkooppunten_resultaten li div.verkooppunten_data
{
    margin-left:80px;
}

#verkooppunten_resultaten li.last
{
    margin-bottom:0px;
    padding-bottom:0px;
    border:none;
}

/* FAQLIST */
/* PROMOTIESLIST */
#faqlist, #faqtoc
{
    list-style-type:none;
    
}

#faqlist li, #faqtoc li
{
    overflow:hidden;
}

#faqlist li.last, #faqtoc li.last
{
    margin-bottom:0px;
}

#faqlist
{
    margin-top:20px;
}

#faqtoc li.last
{
}

#faqlist li div.faqitem_inhoud
{
    margin-bottom:22px;
}

#faqlist li h3, #faqtoc li h3
{
    cursor:pointer;
    font: bold 10px "Verdana"; color: #ffffff;
    margin-bottom:9px;
    display:block;
    background-color:#bab600;
    padding-left:6px;
    padding-top:1px;
    padding-bottom:1px;
}

#faqtoc li.last h3
{
    
    margin-bottom:20px !important;
    padding-bottom:0px !important;
}


#faqtocend
{
    background-image:url(../images/layout/faqtocend.jpg);
    background-repeat:no-repeat;
    background-position:center top;    
    width:381px;
    height:1px;
}

#productcode
{
    display:block;
    float:right;
    font: italic 10px "Verdana"; color: #2da3e1;
    margin-top:1px;
}

#zoekresultaten
{
    margin-left:10px;    
}

#zoekresultaten li
{
    list-style-position:inside;
}

#zoekresultaten li a
{
    text-decoration:none;
}

#search_inhoud h3
{
    font: bold 10px "Verdana"; color: #ffffff;
    background-color:#bab600;
    padding-left:6px;
    padding-top:1px;
    padding-bottom:1px;    
    margin-bottom:10px;
}

/* FOLDER LIST */
#folderlist
{
    list-style-type:none;
    
}

folderlist li
{
    /*
    float:left;
    width:471px;    
    */
    /*padding-left:20px;*/
    margin-bottom:28px;
    overflow:hidden;
    font: bold 10px "Verdana"; color: #ffffff;
}

folderlist li.last
{
    margin-bottom:0px;
}