@charset "UTF-8";
/* CSS Document */
/* Willemse */

html,body{
	font-family: Arial, Helvetica, sans-serif;
	background-color:#333333;
	background-image:url(../images/achtergrond.jpg);
	background-repeat:repeat-y;
	background-position:center;
	font-size: 90%; /* Resets 1em to 11px 1em equals 16px;*/
	color:#000000;
	padding:0;
	margin:0;
}
a:hover {
	color: #333333;
}
a:link {
	color: #333333;
}
a:visited {
	color: #333333;
}
a:active {
	color: #333333;
}
h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#CC3300;
}
h2
{
	font-size:12px;
	color:#CC3300;
}

h3
{
	font-size:14px;
	color:#000000;
	line-height: normal;
	position: relative;
	top: 13px;
}

/*ALGEMENE LAYOUT*/

/*de wrapper bepaalt de buitengrenzen van de site*/
#wrapper{
position: relative;
width: 990px;
margin: 0 auto;
text-align: left;  
border:none;
overflow:auto;
padding:0;
}
/*box om de rijen uit elkaar te houde*/
.row
{
position:relative;
float:left;
width:100%;
margin:0;
padding:0;
border:none;
}
.col{
position:relative;
float:left;
margin:0;
padding:0;
border:none;
}
.kwart
{
	width:200px;
	margin-right: 20px;
	margin-left: 20px;
}
.half
{
width:50%;

}
.driekwart
{
	width:72%;
	padding-right: 10px;
	padding-left: 20px;
}
.margin_right_20{
margin-right:20px;
}

.margin_top_20{
margin-top:20px;
}


.border{
border:1px solid #EEEEEe;

}
.padding10{
padding:10px;
}
.padding5{
padding:5px;
}

.logo{
background-image:;
	background-repeat:no-repeat;
	background-color: #333333;
	height:80px;
	background-position:10px 10px;
}
.leader{
	background-repeat:no-repeat;
	background-color: #333333;
	height:260px;
}

.banner{
text-align:center;

}
.banner img
{
border:none;
margin-bottom:10px;

}
.input_zoek{
width: 120PX;
}

.crumb{
	padding:5px;
	font-size:10px;
	margin-left: 30px;
}
.meer{
	font-style: italic;
	color: #FFFFFF;
	top: -12px;
	position: relative;
	font-weight: bolder;
	font-size: 11px;
}
.datum{
	color: #0099CC;
	font-size: 0px;
	line-height: 0px;
}

/*product opsommingen*/
.product_frame{
	border:0px solid #DADDFE;
	width:200px;
	height:227px;
	float:left;
	position:relative;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.product_frame_afbeelding{
width:200px;
height:200px;
overflow:none;
text-align:center;
float:left;
position:relative;
}
.product_frame_tekst{
width:200px;
margin-top:0px;
height:27px;
overflow:hidden;
text-align:left;
float:left;
position:relative;
background-color:#;
}
.product_afbeelding
{
	width:400px;
	height:auto;
	float:left;
	position:relative;
}
.product_tekst{
width:300px;
height:100px;
overflow:none;
text-align:left;
float:left;
position:relative;
}
.product_frame_tekst h2
{
margin:0 0 5px 0;
padding:0px;

}
/*form layout*/
.input_100
{
width:100px;
height:20px;
line-height:20px;
border:1px solid #999999;

}

.input_100_box
{
width:100px;
height:50px;
line-height:20px;
border:1px solid #999999;

}
.input_150
{
width:150px;
height:20px;
line-height:20px;
border:1px solid #999999;

}

.input_150_box
{
width:150px;
height:50px;
line-height:20px;
border:1px solid #999999;

}
.input_300
{
width:300px;
height:20px;
line-height:20px;
border:1px solid #999999;

}

.input_300_box
{
width:300px;
height:100px;
line-height:20px;
border:1px solid #999999;

}

/*winkel-gegevens opmaak*/
.storedetail{
	float:left;
	position:relative;
	width:45%;
	margin-bottom:15px;
	margin-right:15px;
	background-color: #ffffff;
	height: 440px;
	padding: 10px;
}
.storedetail_image{
	float:left;
	position:relative;
	width:150px;
	margin-right:10px;
}
.storedetail_image img{
	float:left;
	position:relative;
}
.storedetail_txt{
	float:left;
	position:absolute;
	width:320px;
	top: 240px;
}
.storedetail_openingstijden {
	width:200px;
	font-size: 9px;
	}
.storedetail_openingstijden th{
	text-align:left;
	width:70px;
	}
#map{
	border:10px solid #FFFFFF;
	background-color: #FFFFFF;
	left: -10px;
	top: -10px;
}
/*sideblocks layout*/
.sideblock{
margin:0px 0 0 5px;
padding:0px;
border:0px solid #F0F0F0;
text-align:left;
width:180px;
overflow:visible;

}

/*navigatie balk*/
#nav{
position:absolute;
left:0px;
top:340px;
height:20px;
width:100%;
font-weight:bold;
color:#FFFFFF;
font-size:12px;

}
#nav a:hover {
	color: #CC3300;
}
.navbar{
background-color: #ffffff;
height:20px;
}
/*instellingen navigatie menu*/
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 20px;
}
#nav a {
	display: block;
	width: 100px;
	color:#333333;
	text-decoration:none;
	padding: 0 10px;
}

#nav li { /* all list items */
	float: left;
	width: 120px; /* width needed or else Opera goes nuts */
	border-right:px solid #e0dfdf;
	top: 10px;
}


#nav li ul { /* second-level lists */
	position: absolute;
	background: #ffffff;
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-top: 1px solid #e0dfdf;
	border-left: 1px solid #e0dfdf;
	border-right:1px solid #e0dfdf;

}
#nav li li, #nav li li li { /* lists nested under hovered list items */
		border-bottom: 1px solid #e0dfdf;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -21px 0 0 10em;
	border-left: 1px solid #e0dfdf;

}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
/*algemene definitie voor pijltje*/
.more
{
background-repeat:no-repeat;
background-position: right top;  
}
 
/*eerste nivo geen pijltje*/
#nav li.more {
background-image:none;
}
 
/*tweede nivo een pijltje*/
#nav li li.more {
background-image:url(../images/navpijltje.gif);
}
 
/*derde nivo een pijltje*/
#nav li li li.more {
background-image:url(../images/navpijltje.gif);
}