/* CSS Document */

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	margin:0px;
	padding:0px;
	height:100%;
	background-color:#dddddd;
	background-image:url(../images/bg_body.jpg);
	background-repeat:repeat-x;
}

.font_light
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCCCCC;
}

.font_light2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
}

.font_klein
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000000;
}

.footer
{
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
}

.error
{
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
	background-color:#FFFF00;	
}

.menu
{
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}

#menutop
{
	width:160px;
	height:10px;
	background-image:url(../images/menu_top.gif);
}

#menubottom
{
	width:160px;
	height:16px;
	background-image:url(../images/menu_bottom.gif);
}

#menubox
{
	text-align:center;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
/*	font-weight:bold; */
	width:160px;
	background-color:#9999ff;
	background-image:url(../images/menubg.jpg);
	background-repeat:no-repeat;
	max-width:160px;
}

.header
{
	display:block;
	clear:both;
	float:left;
	height:auto;
	width:95%;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:1px;
	color:#000000;
	padding:4px;
	margin-bottom:10px;
	border-bottom: dashed 1px #CCCCCC;
}

.paginaheader
{
	display:block;
	text-align:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:1px;
	color:#000000;
	padding:3px;
	border-bottom: dashed 1px #666666;
}

.header_winkelwagenhome
{
	text-align:left;
	font-family:Verdana;
	letter-spacing:1px;
	font-size:10px;
	color:#ffff99;
	padding:0px;
	border-bottom: dotted 1px #CCCCCC;
}

.menuheader
{
	display:block;
	width:80%;
	text-align:center;
	font-family:Verdana;
	font-weight:bold;
	letter-spacing:1px;
	font-size:12px;
	color:#ffff00;
	padding:4px;
	margin-bottom: 6px;
	margin-left:4px;
	border: solid 1px #cccccc;
}

.berichtheader
{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	letter-spacing:1px;
	color:#666666;
	border-bottom:solid 1px #f4f4f4;
	border-top:solid 1px #f4f4f4;
	border-left:solid 1px #f4f4f4;
	border-right:solid 1px #f4f4f4;
	width:100%;
	background-color:#ffffff;
}

.vergelijk
{
	display:block;
	float:left;
	margin-right:15px;
	margin-top:10px;
	color:#ffffff;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
/*	font-weight:bold; */
	width:250px;
	min-height:400px;
	padding-left:1px;
	padding-top:3px;
	background-color:#9999ff;
	border: 1px solid #0000FF;
	overflow:visible;
}

hr { width:90%; }
img { border:none; }
/* Rowcolors opgestapelde berichten */
.rowcol1
{
	background:#eeeeee;
} 
.rowcol
{
	background:#f2f2f2;
} 

/* Form opmaak: */
table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
/*	border-color:#0066ff;*/
}

input
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	background-color:#FFFFFF; 
	color: #000000; 
	margin-right: 6px;
}

radio
{
	background-color: none;
}

select
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:13px; 
	background-color:#9999FF; 
	color: #ffffff; 
	margin-right: 6px;
}

textarea
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	background-color:#FFFFFF; 
	color: #000000; 
	margin-right: 6px;
}

/* Lay-out DIV's */

#maincontainer
{
position:relative;
margin: 0 auto 0 auto;
padding-top:0px;
padding-bottom:20px;
padding-left:0px;
padding-right:0px;
width:950px;
min-height: 800px;
height:auto;
text-align:left;
overflow:hidden;
background-image:url(../images/bg.jpg);
background-repeat:repeat-x;
background-color:#FFFFFF;
border-right:1px solid #666666;
border-left:1px solid #666666;
border-bottom:1px solid #666666;
}

#left_top
{
clear:left;
float:left;
width:200px;
height:160px;
padding-left:0px;
left:0px;
top:10px;
position:relative;
/*background-image:url(../images/bg_menu.jpg);*/
overflow:visible;
}

#left
{
clear:left;
float:left;
width:180px;
height:auto;
left:0px;
top:10px;
padding-left:20px;
position:relative;
/*background-image:url(../images/bg_menu.jpg);*/
overflow:visible;
}

#midden_top
{
float:left;
height:160px;
left:0px;
top:10px;
width:500px;
position:relative;
overflow:visible;
}

#midden
{
float:left;
height:auto;
min-height:750px;
left:0px;
top:0px;
width:550px;
z-index:0;
position:relative;
overflow:visible;
padding-bottom:20px;
}

#rechts_top
{
float:right;
height:160px;
left:0px;
top:10px;
width:180px;
position:relative;
overflow:visible;
}

#rechts
{
float:left;
width:180px;
min-height:750px;
height:750px;
right:0px;
top:0px;
position:relative;
padding-left:20px;
/*background-image:url(../images/bg_menu.jpg);*/
overflow:visible;
vertical-align:top;
}


#footer
{
position:relative;
margin: 0 auto 0 auto;
clear:both;
width:860px;
height:auto;
padding:3px;
margin-bottom:0px;
position:relative;
text-align:right;
overflow:visible;
}

/* Link opmaak */

a:link
{
	color:#3333ff;
	text-decoration:none;
}
a:visited
{
	color:#3333ff;
	text-decoration:none;
}
a:active
{
	color:#3333ff;
	text-decoration:none;
}
a:hover
{
	color:#cccccc;
	text-decoration:none;
}
.menulink a:link
{
	display:inline-block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#ffffff;
	width:160px;
	height:19px;
	text-decoration:none;
	margin-bottom:3px;
}
.menulink a:visited
{
	display:inline-block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#ffffff;
	width:160px;
	height:19px;
	text-decoration:none;
	margin-bottom:3px;
}
.menulink a:active
{
	display:inline-block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#ffffff;
	width:160px;
	height:19px;
	text-decoration:none;
	margin-bottom:3px;
}
.menulink a:hover
{
	display:inline-block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#ffff00;
	width:160px;
	height:18px;
	text-decoration:none;
	margin-bottom:3px;
	border-bottom:solid 1px #6666ff;
}


.winkellink a:link
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#0000ff;
	width:160px;
	text-decoration:none;
}
.winkellink a:visited
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#0000ff;
	width:160px;
	text-decoration:none;
}
.winkellink a:active
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#0000ff;
	width:160px;
	text-decoration:none;
}
.winkellink a:hover
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#666666ff;
	width:160px;
	text-decoration:none;
}


.categorielink a:link
{
	display:block;
	clear:both;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#3333ff;
	width:240px;
	height:auto;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	margin:2px;
	border:1px solid #dddddd;
}
.categorielink a:visited
{
	display:block;
	clear:both;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#3333ff;
	width:240px;
	height:auto;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	margin:2px;
	border:1px solid #dddddd;
}
.categorielink a:active
{
	display:block;
	clear:both;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#3333ff;
	width:240px;
	height:auto;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	margin:2px;
	border:1px solid #dddddd;
}
.categorielink a:hover
{
	display:block;
	clear:both;
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	letter-spacing:1px;
	color:#6666ff;
	width:240px;
	height:auto;
	text-decoration:none;
	text-align:left;
	vertical-align:middle;
	padding:5px;
	margin:2px;
	border:1px solid #9999ff;
}

/* De 'pop-up' in de winkel */
a span
{ 
 display:none; 			/*verbergt span*/ 
}
 
a:hover span
{ 
 display:block;		/*maakt span zichtbaar*/
 width:130px;
 position:relative;
 left:0px;
 top:0px;
 color:#ffffff;
 font-size:12px;
 background-color:#9999ff;
 visibility:visible;
 padding:10px;
 z-index:100;
}