@charset "UTF-8";
/* CSS Document */
body,html{
margin:0;
padding:0;
}

body{
text-align:center;
}



a{
outline:none;
}

img{
border:none;
}

#cleardiv{
clear:both;
}

#container{
width:1000px;
min-height:800px;
height:auto !important;
height:800px;
margin-left:auto;
margin-right:auto;

}

#shadowleft{
float:left;
width:20px;
height:880px;
background-image:url(../imgs/shadowleft.jpg);
background-repeat:repeat-y;
}

#shadowright{
float:left;
width:20px;
height:880px;
background-image:url(../imgs/shadowright.jpg);
background-repeat:repeat-y;
}

#center{
float:left;
width:1000px;
min-height:800px;
height:auto !important;
height:800px;
}

#nav{
float:left;
width:1000px;
height:40px;
background-image:url(../imgs/navbg.jpg);
background-repeat:repeat-x;
}

#button{
float:left;
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
height:40px;
}

#header{
float:left;
width:1000px;
height:220px;
background-image:url(../imgs/header.jpg);
}

#sidebar{
float:left;
width:210px;
min-height:600px;
height:auto !important;
height:600px;
}

#content{
float:left;
width:580px;
min-height:520px;
height:auto !important;
height:520px;
}

#bestelformulier{
float:left;
width:560px;

font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
text-align:left;
}

#pagebar{
float:left; 
width:540px;
text-align:center;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
padding-top:10px;
color:#000000;
}

#pagebar a{
color:#666666;
}

#width20spacer{
height:100%; 
width:20px; 
float:left;
}

/*linkse navigatieblock--------------------------------------------------------------------------------------------*/
#leftblock{
float:left;
width:170px;
}

#titlebar{
float:left;
width:160px;
height:30px;
background-color:#218bcd;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
color:#FFFFFF;
text-align:left;
}


#titlebarwhite{
float:left;
width:160px;
height:30px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#555555;
font-weight:bold;
text-align:left;
}

#aanbodbar{
float:left;
width:160px;
/*height:30px;*/
border-top:1px #FFFFFF solid;
background-color:#DDDDDD;
text-align:left;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#666666;
padding-top:6px;
padding-bottom:6px;
}

#aanbodbar a{
color:#666666;
}

#aanbodbarfiller{
padding-top:3px; 
padding-left:10px;
}


/*productview-------------------------------------------------------------------------------------------------*/

#productsquare{
position:relative;
float:left; 
width:160px;  
}

#productimg{
position:relative;
float:left;
width:158px;
height:190px;
text-align:center;
border:1px solid #333333;
margin-bottom:5px;
}

#productname{
float:left;
width:160px;
height:40px;
text-align:left;
}

#productname a{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:11px;
color:#555555;
font-weight:bold;
}

table.productsquareinfo{
width:123px; 
height:30px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
text-align:left;
border-collapse:collapse;
}

#filter{
float:left;
width:560px;
height:30px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
text-align:left;
}

#productinfo{
float:left; 
width:310px; 
text-align:left;
/*font-family:Geneva, Arial, Helvetica, sans-serif;*/
font-family: 'Lato', sans-serif;
font-size:12px;
padding-bottom:15px;
line-height:17px;
color:#555555;
}

#productzoomimg{
position:relative;
float:left; 
width:260px; 
height:298px; 
text-align:center; 
border:1px solid #333333;
}

/*winkelkar-------------------------------------------------------------------------------------------------*/

#winkelkar{
float:left;
width:580px;
min-height:529px;
height:auto !important;
height:529px;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
padding-top:10px;
}

#text{
float:left;
width:580px;
text-align:justify;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
color:#333333;
}

#text p.title{
font-size:14px;
font-weight:bold;
margin-top:0px;
padding-top:0px;
}

#text p{
margin:0;
padding:0;
padding-top:10px;
}

#text a{
color:#999999;
text-decoration:none;
}


/*hoverbox----------------------------------------------------------------------------

li{
margin:0;
}

ul{
list-style-type:none;
margin:0;
padding:0;
}

.hoverbox
{
	cursor: default;
	list-style: none;
}

.hoverbox a
{
	cursor: default;
	text-decoration:none;
	color:#000000;
}

.hoverbox a .preview
{
	display: none;
}

.hoverbox a:hover .preview
{
	display: block;
	position: absolute;
	z-index: 1;
	top:10px;
	left:20px;
}

.preview:hover{
visibility:hidden;
}

.hoverbox img
{
	width: 20px;
	height: 20px;
}

.hoverbox li
{
	color: inherit;
	display: inline;
	float: left;
	position: relative;
}

.hoverbox .preview
{
	width:150px;
}

#hoverblock{
border:1px solid #999999;
background-color:#FFFFFF;
padding:5px;
}

*/

/*popup---------------------------------------------------------------------------------------------------------------------------*/



#popup a, #popup a:visited {
position: relative;
display: block;
text-align: left;
text-decoration:none;
}

#popup a span {display: none;}

#popup a:hover { background-color: #ffffff; z-index:100; }

/* the IE correction rule */
#popup a:hover	{
color: #f00; background-color: #ffffff;
text-indent: 0; /* added the default value */
}

#popup a:hover span{
display: block;
position: absolute;
top: 0px;
left: 40px;
width: 120px;
margin: 0px;
padding: 5px;
color: #666666;
font-weight: normal;
background: #ffffff;
text-align: left;
border: 1px solid #666666;
text-decoration:none;
}

span:hover{
visibility:hidden;
}




#popup2 a, #popup2 a:visited {
position: relative;
display: block;
text-align: left;
text-decoration:none;
}

#popup2 a span {display: none;}

#popup2 a:hover { background-color: #ffffff; z-index:100; }

/* the IE correction rule */
#popup2 a:hover	{
color: #f00; background-color: #ffffff;
text-indent: 0; /* added the default value */
}

#popup2 a:hover span{
font-family:Tahoma;
font-size:12px;
display: block;
position: absolute;
top: -115px;
left: 170px;
width: 250px;
margin: 0px;
padding: 10px;
color: #666666;
font-weight: normal;
background: #ffffff;
text-align: left;
border: 1px solid #666666;
text-decoration:none;
}




#popup3 a, #popup3 a:visited {
position: relative;
display: block;
text-align: left;
text-decoration:none;
}

#popup3 a span {display: none;}

#popup3 a:hover { background-color: #ffffff; z-index:100; }

/* the IE correction rule */
#popup3 a:hover	{
color: #f00; background-color: #ffffff;
text-indent: 0; /* added the default value */
}

#popup3 a:hover span{
font-family:Tahoma;
font-size:12px;
display: block;
position: absolute;
top: -20px;
left: 20px;
width: 250px;
margin: 0px;
padding: 10px;
color: #666666;
font-weight: normal;
background: #ffffff;
text-align: left;
border: 1px solid #666666;
text-decoration:none;
}



#footer{
float:left;
width:1000px;
height:20px;
}





/*==========================================================================================================================================*/

#promoblock{
float:left; 
width:160px; 
min-height:240px; 
height:auto !important;
height:240px;
background-color:#6E1F66; 
margin-left:50px;
text-align:left;
color:#FFFFFF;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:14px;
}

#promoblock a{
text-decoration:none;
}


#galslide{
width:130px; 
height:100px; 
float:left; 
margin-right:20px; 
margin-bottom:30px;
text-align:center;
}

#galslide td{
width:130px; 
height:100px; 
}