ccharset "UTF-8";
/* CSS Document */
html{padding:0; margin:0; border-width:0;}

body{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 85%; /* Resets 1em to 11px 1em equals 16px;*/ 
background-color: #000000;
color:#ffffff;
line-height:1.8em;
margin:0px;
padding:0px;
border-width: 0px;
}

p{
margin-top:0px;
padding-top:0px;
}

th{
text-align: left;
}

h1{
font-size: 24px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #cccccc;
padding:0px;
margin:0px 0px 20px 0px;
line-height: 24px;
}

h2{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 18px;
line-height: 18px;
padding:0px;
margin:0px 0px 20px 0px;
}

h3{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 13px;
padding: 0px;
margin: 10px 0px 0px 0px;
}

h4{
margin: 0;
padding: 0;
}

ul{
padding-left: 20px;
}

a{
color:#FFFFFF;
}

#wrapper{
position: absolute; 
width: 990px;
left:50%;
margin: 0 0 0 -495px;
padding:0;
border-width: 0;
}

/* LAYOUT */

#rij1, #rij1_shop {
position: relative;
float: left;
height: 150px;
width: 660px;
background-repeat: no-repeat;
padding: 0 0 0 330px;
margin: 0;
overflow:none; 
background-image: url(../images/logo.jpg);
}



#rij1_o{
position: relative;
float: left;
height: 150px;
width: 660px;
background-repeat: no-repeat;
padding: 0 0 0 330px;
margin: 0;
overflow:none;
background-image: url(../images/logo_outlet.jpg);
background-color: #ff0000;
}

#navigatie{
position: relative;
float: left;
height: 28px;
width: 989px;
background-image: url(../images/menuboven.jpg);
line-height: 28px;
margin:0;
padding:0;
}

#navigatie ul{
margin: 0px 75px 0px 74px;
padding: 0px;
border-left:1px solid #000000;
height:28px;

}

#navigatie li{
float: left;
list-style: none;
width: 135px;
height: 28px;
text-align: center;
padding:0;
margin:0;
}

#navigatie li a{
display: block;
text-decoration: none;
font-size: 12px;
color: #ffffff;
font-weight: bold;
width: 134px;
height: 28px;
line-height:28px;
border-right:1px solid #000000;
}

#navigatie li a:hover, .selected{
background-image: url(../images/menubovenover.jpg);
}

#navigatie li ul li{
float: left;
width: auto;
}

#navigatie li ul li a{
display: inline;
font-weight: normal;
background-image: url(../images/pipeline.gif);
background-position:right;
background-repeat:no-repeat;
width: auto;
border: none;
/*background-color: #FF0000;*/
/*height:28px;*/
border:none;
padding:0 10px;
}

#navigatie li ul li a:hover{
display: inline;
background-image: url(../images/pipeline.gif);
background-position:right;
background-repeat:no-repeat;
color:#000000;
/*background-color:#FF0000;*/
/*height:28px;*/
border:none;
}

#navigatie li ul { /* second-level lists */
position: absolute;
width: 800px;
left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
border-left:none;
padding-left:1px;
height:28px;
background-image: url(../images/background_wrapper.jpg);
background-position:0px -178px;

}

#navigatie li:hover ul, #navigatie li.sfhover ul { /* lists nested under hovered list items */
	left: 0px;
	/*background-color:#FF0000;*/
}

.mainnav_border_light{
border-left: 1px solid #333333;
}

.mainnav_border_dark{
border-left: 1px solid #000000;
}

.mainnav_border_end{
border-left: 1px solid #000000;
border-right: 1px solid #333333;
}
#navigatie li ul li a.last{
background-image: none;

}
#rij3{
position: relative;
float: left;
height: 28px;
width: 990px;
margin: 0px auto 0px auto; /* in full to help IE5Mac */
padding: 0px;
background-color: #ff0000;
line-height: 28px;
}

#rij3 ul{
margin: 0;
padding: 0;
list-style-type: none;
text-align: center;
line-height: 28px;
}

#rij3 ul li{
display: inline;
}

#rij3 ul li a{
text-decoration: none;
padding: 0 20px 0 20px;
/*border-right: 1px solid #fff;*/
color: #fff;
}

#rij3 ul li a:hover{
color: #333333;
background-image: url(../images/menuonderover.gif);
}

.pipeline{
height: 20px;
width: 2px;
border-left: 1px solid #fff;
}

#breadcrumb{
position: relative;
float: left;
height: 40px;
width: 990px;
color: #ffffff;
font-size: 12px;
line-height: 40px;
margin-top:28px;
}

#breadcrumb a{
color: #ffffff;
}

#breadcrumb a:hover{
color: #999999;
}

#content{
position: relative;
float: left;
width: 990px;
}
#content_col1
{width:195px;
padding: 10px 10px 10px 25px;
float:left;
font-size:10px;
text-align:right;
line-height:13px;


}
#content_col1 p
{background-color:#333333;
 margin:0 0 5px 0;
 padding:5px;
 text-align:left;


}
#content_col1 h2
{
 font-size:17px;
 font-family:"Times New Roman", Times, serif;
 background-color:#333333;
 margin:0;
 padding:5px 5px 5px 21px;
 text-align:left;


}
#content_col2
{width:750px;
padding: 10px 0px 10px 10px;
float:left;}
.leftmenu a
{
color:#FFFFFF;

}
.leftmenu a.selected, .leftmenu a:hover{
color: #FF0000;
background-image:none;
background-color:#000000;

}
.leftmenu{
font-size:10px;
text-align:left;
padding:10px;
margin:10px 30px 0px 0px;
list-style-type:none;
line-height:13px;
width:200px;
position:relative;
float:left;
border:1px solid #333333;

}
.leftmenu li{
margin-bottom:7px;

}
/*schoenopsomming*/
#schoen_list{
float:left;
width:150px;
height:165px;
border: 2px solid #ffffff;
background-color: #999999;
margin: 0px 10px 10px 0px;
}

#schoen_list_o{
float:left;
width:150px;
height:185px;
border: 2px solid #ff0000;
background-color: #999999;
margin: 0px 10px 10px 0px;
}

#schoen_list_img{
width:160px;
height:105px;
}

#schoen_list_1{
float:left;
width:150px;
height:267px;
border: 2px solid #ffffff;
background-color: #999999;
margin: 0px 10px 10px 0px;
}
#schoen_list_1_o{
float:left;
width:150px;
height:287px;
border: 2px solid #ff0000;
background-color: #999999;
margin: 0px 10px 10px 0px;
}
#schoen_list_img_1{
width:140px;
height:207px;
}

#schoen_list_txt{
width:140px;
height:45px;
padding:10px 5px 5px 5px;
margin:0px;
line-height:18px;
font-size:12px;
}

/*selectieboxen schoenopsomming*/
#schoen_select_holder{
width:100%;
text-align:left;
}

.schoen_detail{
border: 2px solid #ffffff;
background-color: #999999;
}

.schoen_detail_o{
border: 2px solid #ff0000;
background-color: #999999;
}

.schoendetailtext{
font-size: 12px;
}

#schoen_select_list{
float:left;
width:203px;
height:100px;
border: 1px solid #FFFFFF;
padding: 2px;
margin: 2px;
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
background-color:#FFFFFF;
color:#000000;
font-size:11px;
}

#schoen_select_list a{
color:#000000;
text-decoration:none;
width:200px;
height:20px;
display:block;
background-color:#FFFFFF;

}
#schoen_select_list a:hover{
color:#000000;
text-decoration:none;
width:200px;
height:20px;
display:block;
background-color: #CCCCCC;

}
#schoen_select_list h1{
font-size:16px;
padding:0px;
margin:0px;
}
.schoen_select_item{
width:90px;
overflow:none;
border-bottom:1px solid #CCCCCC;
text-align:left;
}

#winkelmandje{
position:relative;
font-size:10px;
color:#FFFFFF;
margin-bottom:10px;
margin-top:10px;
float:right;
width:185px;

}

#winkelmandje strong{
color:#FFFFFF;
font-size:12px;
}

.maatlijst{
width: 140px;
font-family: Verdana, Arial, Helvetica, sans-serif;
border: none;
}

.winkelmandje_btn{
width: 140px;
background-color: #ff0000;
border: 2px solid #ffffff;
color: #fff;
font-size: 10px;
height: 25px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.winkelmandje_btn2{
background-color: #ff0000;
border: 2px solid #ffffff;
color: #fff;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
display: block;
height: 20px;
text-align: center;
line-height: 20px;
}

.winkelmandje_btn3{
background-color: #ff0000;
border: 2px solid #ffffff;
color: #fff;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
height: 20px;
text-align: center;
line-height: 20px;
}

.formfield_def{
width: 155px;
background-color: #ffffff;
border: 2px solid #ffffff;
color: #000000;
font-size: 10px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}

.formfield_bestel{
width: 150px;
border: 1px solid #000000;
}

.table_bestel{
background-color: #999999;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}
.schoen_select_list{
float:left;
width:150px;
height:auto;
border-left: 1px solid #DADADA;
padding: 0px;
margin: 0px;
overflow: -moz-scrollbars-vertical;
overflow-x: hidden;
overflow-y: auto;
background-color:#FFFFFF;
color:#000000;


}
.schoen_select_list a{
color:#000000;
text-decoration:none;
width:150px;
height:20px;
display:block;
background-color:#FFFFFF;

}
.schoen_select_list a:hover{
color:#000000;
text-decoration:none;
width:150px;
height:20px;
display:block;
background-color: #F4F4F4;

}
.schoen_select_list h1{
font-size:16px;
padding:0px;
margin:0px;
}

.showhide{ 
position:absolute; 
left:-151px; 
margin-top:-26px;
width:150px; 
height:auto;
z-index:99;  
visibility:hidden;
}
.schoen_select_list_top{
width:100%;
height:5px;
background-image:url(../images/filter-top.gif);

}
.schoen_select_list_bottom{
width:100%;
height:5px;
background-image:url(../images/filter-bottom.gif);

}



#filter, #filter ul { /* all lists */
padding: 0;
margin: 0;
list-style: none;
float : right;
width : 155px;
font-size:12px;
text-align:left;
line-height:16px;
background-color: #000000;
}
	
#filter li { /* all list items */
position : relative;
float : left;
line-height : 20px;
background-image: url(/website2/images/filter_back.gif);
margin-bottom : 1px;
width: 155px;
height: 30px;
background-repeat:no-repeat;
}

#filter li ul li
{
background-image:none;
background-color:#FFFFFF;
margin-bottom:3px;
height:28px;

}
	
#filter li ul { /* second-level lists */
position : absolute;
left: -999em;
margin-left : 157px;
margin-top : -28px;
}
	
#filter li ul ul { /* third-and-above-level lists */
left: -999em;
}
	
#filter li a {
width: 153px;
display : block;
color : black;
text-decoration : none;
/*background-color : white;*/
/*border : 1px solid black;*/
padding : 0 2px;
height:29px;
line-height:29px;
}
	
#filter li ul li a:hover {
color : white;
background-color: #ff0000;
}
	
#filter li:hover ul ul, #filter li:hover ul ul ul, #filter li.sfhover ul ul, #filter li.sfhover ul ul ul {
left: -999em;
}
	
#filter li:hover ul, #filter li li:hover ul, #filter li li li:hover ul, #filter li.sfhover ul, #filter li li.sfhover ul, #filter li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
	}
	#smarttools
	{
	position:relative;
	float:right;
	width:155px;
	}
        .locatie{
            width:230px;
            position:relative;
            float:left;
            border-collapse:collapse;
            border:none;
            margin-right:20px;
            height:440px;


        }
                .locatie_txt{
            width:100%;
            border-collapse:collapse;
            border:2px solid #FFFFFF;
            background-color: #333333;
            padding:0px;
            margin:0px;
            font-size:10px;
            height:400px;

        }
        .locatie_txt td{
           
            border-collapse:collapse;
            border:2px solid #FFFFFF;
            vertical-align:top;
            padding:0 10px;

        }
        .last{

             margin-right:0px;
        }
        .none{
                width:100%;
            border-collapse:collapse;
            border:none;

        }
                .none td{

            border-collapse:collapse;
            border:none;
            padding:0;

        }
        .coltxt{

            padding:5px;
        }
        .colimg{
            height:80px;
             padding:0;
        }