/* raamwerk */
body
{
margin : 0px;
font-family : Arial;
font-size : 12px;
margin-top : 1em;
margin-bottom : 1em;
}

a, a:visited
{
text-decoration : underline;
color : #000000;
}

a:hover
{
color : #808080;  
}

#center
{
margin-left : auto;
margin-right : auto;
width : 950px;
}

/* top */
#top
{
float : left;
width : 950px;
margin-top :118px;
}

#top ul
{
float : left;
width : 900px;
margin : 0px;
padding : 0px;  
background : url(../images/bg_menu.png) repeat-x left bottom; 
padding-left : 50px;
} 

#top li
{
display : inline;
list-style-type : none;  
}

#top li a, #top li a:visited
{
text-decoration : none;
color : #808080;  
width : 100px;
height : 20px;
text-align : center; 
font-size : 11px;
background : url(../images/tab.png) no-repeat left top;
float : left;
padding-top : 3px;
}

#top li a:hover
{
background : url(../images/tab.png) no-repeat left bottom;
color : #000000;
}

#top li a.selected
{
background : url(../images/tab.png) no-repeat left bottom;   
color : #000000;
}

/* content */
#content
{
float : left;
width : 946px;
line-height : 140%;
color : #000000;
border : 2px solid #b4b4b4;
border-top : none;
min-height : 500px;
background : url(../images/bg_content.gif) no-repeat left bottom;
}

#content ul
{
margin : 0px;
padding-left : 20px;   
}

#content #bar
{
width : 946px;
background : url(../images/bg_bar.gif) repeat-x left top;
height : 80px;   
position : relative;
z-index : 1000;
}

#submenu
{
position : absolute;
top : 50px;
left : 50px;
font-size : 11px;    
}

#submenu a, #submenu a:visited
{
float : left;
height : 20px;
background : url(../images/bg_menu_left.gif) no-repeat left top;  
text-decoration : none;
color : #505050;
text-align : center;
}

#submenu a:hover
{
background : url(../images/bg_menu_left.gif) no-repeat left bottom;  
}

#submenu a span
{
margin-left : 10px;
padding-right : 10px;
height : 20px;
background : url(../images/bg_menu.gif) no-repeat right top;
display : block; 
line-height : 20px;
vertical-align : middle;
}

#submenu a:hover span
{
background : url(../images/bg_menu.gif) no-repeat right bottom;
color : #000000;
cursor : pointer;
}

#submenu a.selected
{
background : url(../images/bg_menu_left.gif) no-repeat left bottom;  
color : #000000;
}

#submenu a span.selected
{
background : url(../images/bg_menu.gif) no-repeat right bottom;  
}

#content #bar #kruimelspoor
{
font-size : 12px;
float : left;
color : #000000;
padding-top : 16px;
padding-left : 50px;
width : 575px;
}

#content #bar #kruimelspoor a:hover
{
color : #000000;
}

#content #bar #slogan
{
font-size : 18px;
float : right;
padding-right : 50px;
padding-top : 17px;
}

#content #leftcol
{
width : 500px;
padding-left : 50px;  
padding-top : 1em; 
padding-bottom : 2em;
text-align : justify;
float : left;
}

#content #container_product
{
width : 846px;
padding-left : 50px;  
padding-right : 50px;  
padding-top : 1em; 
padding-bottom : 2em;
float : left;
}

#content #leftcol_product
{
width : 500px;
float : left;
}

#content #rightcol_product
{
width : 296px;
padding-left : 50px;  
float : left;
}

#content #rightcol
{
width : 300px;
padding-left : 50px;  
padding-top : 1em; 
padding-bottom : 2em;
float : left;
}

#content #rightcol a, #content #rightcol a:visited
{
display : inline-block;
}

#content #rightcol a img
{
    margin-right : 10px;
}

#content .block_top
{
    width : 250px;
    height : 24px;
    background : url('../images/block_top.png') no-repeat left top;
    font-size : 13px;
    color : #000000;
    font-weight : bold;
    padding-top : 9px;
    padding-left : 50px;
}

#content .block_body
{
    width : 280px;
    background : url('../images/block_body.png') repeat-y left top;
    padding-left : 20px;
    padding-top : 5px;
}

#content .block_bottom
{
    width : 300px;
    height : 12px;
    background : url('../images/block_bottom.png') no-repeat left top;
}

.youtubetitel
{
    width : 124px;
    float : left;  
}

.youtube
{
    width : 124px;
    float : left; 
    margin-right : 50px; 
}

.button
{
    height : 16px;
    margin-left : 4px;
    background : url('../images/button_body.png') no-repeat right top;    
    color : #000000;
    display : block;
    padding-left : 10px;
    padding-right : 14px;
    padding-top : 2px;
    font-weight : bold;
}

a.buttonlink, a.buttonlink:visited
{
    margin-top : 5px;
    float : left;
    background : url('../images/button_left.png') no-repeat top left;
    text-decoration : none;
}

a.buttonlink:hover
{
    text-decoration : none;
    cursor : pointer;
}

.login_text
{
    color : Red;
    margin-bottom : 1em;
}

.terug
{
    font-size : 10px;
    padding-left : 1em;  
    margin : 0px; 
}

/* producten */

.item_container
{
width : 846px;
}

.item
{
float : left;
width : 233px;
height : 114px;
position : relative;
margin-bottom : 25px;
padding-left : 155px;
padding-right : 10px;
padding-top : 10px;
}

.item a span
{
display : none;
}

.item a, .item a:visited
{
text-decoration : none;
width : 398px;
height : 124px;
background : url('../images/masker_product.png') no-repeat left top;
position : absolute;
left : 0;
top : 0;
}

.item_foto
{
width : 144px;
height : 124px;
background : url('../images/masker_foto.png') no-repeat right top;
position : absolute;
left : 0;
top : 0;
}

#content .productfoto
{
width : 225px;
float : left;
margin-bottom : 1em;
}

#content .foto_omschrijving
{
font-style : italic;
font-size : 11px;
}

#content #productomschrijving_container
{
clear : both;
width : 500px;
margin-bottom : 1em;
}

#content #eigenschappen_container
{
clear : both;
width : 500px;
margin-bottom : 1em;
}

#content .producttypes
{
text-align : left;
border-collapse : collapse;
margin-bottom : 1em;
clear : both;
}

#content .producttypes th
{
background-color : #ffe23d;
vertical-align : top;
font-weight : normal;
padding : 3px;
}

#content .producttypes td
{
vertical-align : top;
padding : 3px;
}

#content .opties
{

}


/* bottom */
#vlaggen
{
float : left;
padding-top : 5px;
padding-left : 10px;
}

#adres
{
font-size : 11px;
color : #777777;
float : right;   
padding-top : 5px;
}

#adres a, #adres a:visited
{
color : #777777;
text-decoration : none;
}

/* overig */
p
{
margin : 0px;   
padding : 0px;
}

form
{
margin : 0px;   
}

input
{
font-family : Arial;
font-size : 10pt;   
}

textarea
{
font-family : Arial;
font-size : 10pt;   
}

select
{
font-family : Arial;
font-size : 10pt;   
}

h1
{
margin : 0px;
padding : 0px;
font-size : 13px;
color : #000000;
font-weight : bold; 
letter-spacing : 1px;
line-height : 100%;
padding-bottom : 10px;
}

h2
{
margin : 0px;
padding : 0px;
font-size : 12px;
font-weight : bold; 
letter-spacing : 1px;
}

h3
{
margin : 0px;
padding : 0px;
font-size : 8pt;
font-weight : bold;
color : #0C2A7D;  
margin-left : 15px;  
margin-bottom : 14px;  
}

img
{
border : 0;
margin : 0;
padding : 0px;
}

.image
{
float : left;
}

strong
{
}

td
{
vertical-align : top; 
}

table
{
border-collapse : collapse;
}

br
{
line-height : 100%;   
letter-spacing : 0px;
}

.clearfix:after {
content : ".";
display : block;
clear : both;
visibility : hidden;
line-height : 0;
height : 0;
}

#dropcontainer 
{
    position:absolute;
    right:46px;
    top:50px;
    float:right;
    width:300px;
    overflow-y:hidden;
}

#dropmenus 
{
    width:300px;
    
}

#dropmenus ul.triggers 
{
    margin:0;
    padding:0;
    min-height:23px;
    overflow-y:hidden;
    height:23px;
    width:300px;
}

#dropmenus ul.triggers li 
{
    
    width:100px;
    display:block;
    text-align:center;
    float:right;
    margin:0;
    list-style-type:none;
    height:23px;
    position:absolute;
    bottom:0;
}

#dropmenus ul.triggers li:hover 
{
    
}

#dropmenus ul.triggers li a.trigger
{
    background:url("../images/tab.png") no-repeat right top;
    display:block;
    height:20px;
    width:100px;
    position:absolute;
    bottom:0;
    right:0;
    text-decoration : none;
    font-size : 11px;
    color : Black;
    padding-top : 3px;
}

#dropmenus .dropmenu 
{
    height:90px;
    width:280px;
    background:#ffe23d;
    position:absolute;
    bottom:23px;
    right:0;
    display:none;
    padding-left : 20px;
    text-align : left;
}

#dropmenus .dropmenu form
{
    margin-top : 5px;
}

#dropmenus #dealerlogin .dropmenu 
{
    right:-100px;
} 

#dropmenus #dealerlogin 
{
    left:100px;
}


#dropmenus #zoeken 
{
    left:200px;
}