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

html,body{
	font-family: Arial, Helvetica, sans-serif;
	background-color:#666666;
	background-position:center;
	font-size: 14px; /* Resets 1em to 11px 1em equals 16px;*/
	color:#333333;
	padding:0;
	margin:0;
}
a
{
  outline: none;
}
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:18px;
	color:#522959;
}
h2
{
	font-size:16px;
	color:#522959;
}
h3
{
	font-size:14px;
	color:#522959;
	top: 10px;
	position: relative;
}

/*ALGEMENE LAYOUT*/

/*de wrapper bepaalt de buitengrenzen van de site*/
#wrapper{
	position: relative;
	width: 990px;
	margin: 0 auto;
	text-align: left;
	overflow:auto;
	padding:0;
	background-color: #CCCCCC;
	border: 1px solid #FFFFFF;
	top: 20px;
}
/*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:25%;

}
.half
{
width:50%;

}
.driekwart
{
	width:74%;
}
.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-repeat:no-repeat;
	background-color: #FFFFFF;
	height:0px;
	background-position:10px 10px;
	display: none;
}
.leader{
	background-repeat:no-repeat;
	background-color: #333333;
	height:300px;
}

.banner{
text-align:center;

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

}

.crumb{
padding:5px;
font-size:10px;

}

/*product opsommingen*/
.product_frame{
	border:1px solid #999999;
	padding:5px;
	margin: 0 5px 5px 0;
	width:200px;
	height:190px;
	float:left;
	position:relative;
	background-color: #c3c3c3;
}
.product_frame_afbeelding{
	width:200px;
	height:150px;
	overflow:hidden;
	text-align:center;
	float:left;
	position:relative;
}
.product_frame_tekst{
	width:200px;
	margin-top:5px;
	height:30px;
	overflow:hidden;
	text-align:left;
	float:left;
	position:relative;
	background-color:#c3c3c3;
}
.product_afbeelding
{
	width:auto;
	height:auto;
	float:left;
	position:relative;
	border: 1px solid #999999;
}
.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:100%;
	margin-bottom:10px;

}
.storedetail_image{
	float:left;
	position:relative;
	width:150px;
	margin-right:10px;
}
.storedetail_image img{
	float:left;
	position:relative;
}
.storedetail_txt{
		float:left;
	position:relative;
		width:500px;
}
.storedetail_openingstijden {
	width:250px;
	}
.storedetail_openingstijden th{
	text-align:left;
	width:100px;
	}
/*sideblocks layout*/
.sideblock{
	padding:10px;
	text-align:left;
	width:200px;
	overflow:auto;
	background-color: #c3a6cf;
	margin-right: 15px;
	margin-left: 15px;
}
#map{
	border:thin solid #333333;
}

/*navigatie balk*/
.navbar{
	background-color: #522959;
	height:20px;
	}
#nav{
	position:absolute;
	left:0px;
	top:300px;
	height:20px;
	width:100%;
	font-weight:bold;
	color:#FFFFFF;
	font-size:12px;
}
	/*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:#FFFFFF;
	text-decoration:none;
	padding: 0 10px;
	}
#nav a:hover {
	color: #;
	background-color: #632b77;
	}

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


#nav li ul { /* second-level lists */
	position: absolute;
	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 #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	color: #FFFFFF;
	background-color: #666666;
}
#nav li ul a{
	color: #FFFFFF;
}
#nav li li, #nav li li li { /* lists nested under hovered list items */
		border-bottom: 1px solid #cccccc;
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -21px 0 0 10em;
	border-left: 1px solid #cccccc;
}
#nav li ul ul a{ /* third-and-above-level lists */
	background-color: #999999;
}

#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;  
}
 
.more a
{
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 a{
background-image:none;
}
 
#nav li li.more a:hover{
background-image:none;
}
 
/*derde nivo een pijltje*/
#nav li li li.more a{
background-image:none);
}

#nav li li li.more a:hover{ 
background-image:url(../images/navpijltje.gif);
}