@CHARSET "utf8";

body {
	font-family:  Tahoma, Arial, Verdana;
	font-size: 0.80em;
	margin: 0px;
	padding: 0px;
	color: #333333;
}


a {
		color: #5F92B2 ;
		text-decoration: none;
	}

a:hover { 
	text-decoration: underline;
}


#page {
	width: 1004px;
	margin: 0px;
	padding: 0px;

}

#header {
	height: 35px;
	background-image: url('../stdimg/header.png');
}

#footer {
	text-align: center;
	padding-top: 6px;
	clear: both;
	height: 25px;
	background-image: url('../stdimg/footer.png');
	color: #888888;

}

#bottommenu	{
	color: #888888;
	padding: 5px;
	border-bottom: 1px solid #5F92B2;
	margin-top: 0px;
	background: #ffffff url('../stdimg/col-background-3.png') repeat-x top	left;
}	


#bottommenu ul {
	list-style: none;
	padding: 0px;
	margin:0px;
}
#bottommenu li {
	list-style: none;
}

#bottommenu li a {
	color: #888888;
}

#banner {
	height: 100px;
	margin: 0px;
	padding: 0px;
	xbackground-image: url('../stdimg/banner.jpg');
	background-position: top right;
	background-repeat: no-repeat;
}

#bannerclear {
	height: 100px;
	margin: 0px;
	padding: 0px;
}


#contentheader {
	xheight: 35px;
	background-image: url('../stdimg/menu-header.png');
	background-repeat: no-repeat;
	width: 1004px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}

#contentheader-filter {
	xheight: 31px;
	background-image: url('../stdimg/menu-header-filter.png');
	background-repeat: no-repeat;

	width: 1004px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
}


#left {
	float: left;
	width: 231px;
	overflow: hidden;
}

#right {
	float: right;
	width: 754px;
	margin-right: 10px;
	overflow: hidden;

}


#col1	{
		margin: 0px; 
		padding: 0px;
		width: 544px;
		float: left;
		overflow: hidden;
	}
#col2	{
		margin: 0px; 
		padding: 0px;
		width: 199px;
		float: right;
		overflow: hidden;
}

/** Menu style **/
#left ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

#left ul a {
	padding-top: 2px;
	margin-left: 0px;
	height: 20px;
	display: block;
}

#left .lvl_0_a {
	margin-left: 10px;
}

#left .lvl_1_a {
	margin-left: 20px;
}

#left .lvl_2_a {
	margin-left: 30px;
}

#left .lvl_0_li {
	background-image: url('../stdimg/menu-r.png');
}

#left .lvl_1_li {
	background-image: url('../stdimg/menu-c.png');
}

#left .lvl_2_li {
	background-image: url('../stdimg/menu-s.png');
}


#left li.active	{
	background-image: url('../stdimg/menu-active.png');
	}

#searchbox {
	float: right;
	padding: 4px;
}
#topmenu	{
		float: left;
	}


#topmenu ul	{
		list-style: none;
		margin: 6px;
		padding: 0px;
	}

#topmenu ul	li {
		display: block;
		float: left;
		padding-left: 1px;
	}

/**Filter menu style **/
.filter	{
		padding: 10px;
	}
#col2 ul {
	list-style: none;
	padding: 0px;
	margin: 5px;
}

#col2 ul li a {
		color: #FF6F06;
	}


/** actiebox style **/
.actiecol {
	
	margin-top: 20px;
	margin-bottom: 10px;
	border: 1px solid #e708cd;
	padding: 4px;
	background: url(../stdimg/col-background.png) repeat-x;
	font-size: 90%;
	font-family: arial;
}



/**Zoekbox style **/

#searchbox .box {
	width: 217px;
	height: 23px;
	background-image: url('../stdimg/searchbox.png');
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-top: 0px;
	background-color: transparent;
	vertical-align: middle;
	display: inline-block;
}

#searchbox .button {
	background-color: white;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 3px;
	height: 23px;
	background-color: transparent;
}

/**Zoekbox Filter style **/

#searchboxf .box {
	width: 150px;
	height: 23px;
	background-image: url('../stdimg/searchfbox.png');
	background-repeat: no-repeat;
	border: 0px;
	margin: 0px;
	padding: 0px;
	padding-left: 5px;
	padding-top: 3px;
	background-color: transparent;
	vertical-align: middle;
	display: inline-block;
}

#searchboxf .button {
	background-color: white;
	display: inline-block;
	vertical-align: middle;
	padding-bottom: 3px;
	height: 23px;
	background-color: transparent;
}


/** Header styles **/
div.barHeader {
	height: 21px;	
	padding: 0px;
	margin: 5px;
	margin-top: 6px;
	margin-bottom: 4px;
	margin-left: 10px;
	font-size: 110%;
	line-height: normal;
	font-weight: bold;
	color: white;
}


#left h1 {
	height: 21px;
	padding: 0px;
	margin: 5px;
	margin-top: 6px;
	margin-bottom: 4px;
	margin-left: 10px;
	font-size: 110%;
	line-height: normal;
	color: white;
}

#right h1 {
	height: 21px;
	padding: 0px;
	margin: 5px;
	margin-top: 6px;
	margin-bottom: 4px;
	margin-left: 0px;
	font-size: 110%;
	line-height: normal;
	color: white;
	
}

#right h2 {
	font-size: 105%;
	line-height: normal;
	
}

#right h3,.dialogstyle h3{
	font-size: 95%;
	line-height: normal;
	color: #1c94c4;
	
}

.breadcrump {
		font-size: 85%;
	}



/**Product styles **/
.product {
	float: left;
	width: 352px;
	margin: 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #e708cd;
	
	}
	
.product h2	{
		color: #1c94c4;
		display: inline-block;
		float: left;
		vertical-align: middle;
		font-size: 110% !important;
		margin:0px;
		padding:0px;

	}
		
	
.product h2 a	{
		color: #1c94c4;
		font-size: inherit;
		margin: 0px;
		padding: 0px;
	}	
	
.product .desc {
		clear: both;
	}	
.product .center	{
		text-align: center;
	}	
	
.product .desc img	{
	float: left;
	margin-right: 10px;
	}

.product .price {
		float: right;
		font-weight: bold;
		color: #ef8c08;
		margin: 0px;
		padding-top: 5px;

	}

.product .pricel {
		font-size: 130%;
		font-weight: bold;
		color: #ef8c08;
		margin: 0px;
		padding-top: 5px;

	}

.product .price2 {
		font-size: 130%;
		font-weight: bold;
		color: #ef8c08;
		margin: 0px;
		padding-top: 0px;

	}

.product .price3 {
		
		font-weight: bold;
		color: #ef8c08;
		margin: 0px;
		padding-top: 0px;

	}


.product .price_old {
		float: right;
		font-weight: bold;
		color: #666666;
		margin: 0px;
		padding: 0px;
		text-decoration:line-through;
	}

.product .button {
		clear: both; float: right;
		color: #cccccc
	}
	
.show {
		margin: 0px;
		width: 100%;
		clear: both;
}
	
.show .price, .show .price_old	{
		float: none;
	}	
	
.show h1	{
		display: block;
		float: none;
	}
	
	
/**Product List styles **/
.list, .smalllist {
	float: left;
	width: 524px;
	margin: 10px;
	clear: both;
}

.table	{
	float: left;
	width: 100%;
	margin: 10px;
	clear: both;
}

.tile	{
		width: 252px;
		margin: 10px;
		overflow: hidden;
	}


.smalllist .col1{	width: 55px float: left; }
.smalllist .col2{	width: 459px; float: right;}
.smalllist h2 { font-weight: normal;}

/** Paragraf styles **/


.incol	{
		width: 48%;
		padding: 0px;	
		margin: 0px;	
		margin-bottom: 10px;
		background-repeat: repeat-x;
		background-position: left bottom;	
		
	}
.incol h2 { 		
		font-size: 180%;
		margin: 0px 0px;
}

.incol a {
		color: 	#ff7800;
}



.incol .green { background: url(../stdimg/bg_box-green.png) repeat-x left bottom; border: 1px solid #AFEA70; margin-bottom: 10px;}
.incol .green h2 { xcolor: #08E751;}

.incol .red { 		background: url(../stdimg/bg_box-red.png) repeat-x left bottom; border: 1px solid #EA7070;  margin-bottom: 10px;}
.incol .red h2 { }

.incol .yellow { background: url(../stdimg/bg_box-yellow.png) repeat-x left bottom; border: 1px solid #EAE070;  margin-bottom: 10px;}
.incol .yellow h2 { }

.incol .blue { background: url(../stdimg/bg_box-blue.png) repeat-x left bottom; border: 1px solid #7070EA;  margin-bottom: 10px;}
.incol .blue h2 { }

.incol .purple { background: url(../stdimg/bg_box-purple.png) repeat-x left bottom; border: 1px solid #EA70C9;  margin-bottom: 10px;}
.incol .purple h2 { }

.incol .grey { background: url(../stdimg/bg_box-grey.png) repeat-x left bottom; border: 1px solid #CCCCCC;  margin-bottom: 10px;}
.incol .grey h2 { }

	
	
	
/** Link styles **/

#topmenu a { 
	text-decoration: none;
	color: #fcfcfc;
	display: inline;
	

}

#menu a	{
		text-decoration: none;
		color: #222222;
	}
#menu a.active	{
		text-decoration: none;
		color: #f9f9f9;
	}


.breadcrump a	{
		display: inline-block;
		color: #333333;
		
	}


/** Button styles **/
	.bestel	{
		display: inline-block;
		border: 1px solid #e708cd;
		padding: 3px 5px;
		margin-top: 5px;
		padding-left: 20px;
		/*background: url("../stdimg/icons/cart_add.png") no-repeat #0F8D2A;*/
		background: url("../stdimg/icons/cart_go.png") no-repeat #f628d9;
		color: #ffffff !important;
		font-weight: normal;
		text-decoration: none;
		background-position: 2px 5px;
	
	}
	.chart	{
		display: inline-block;
		border: 1px solid #EF5A08;
		padding: 3px 5px;
		margin-top: 5px;
		padding-left: 20px;
		/*background: url("../stdimg/icons/cart_add.png") no-repeat #0F8D2A;*/
		background: url("../stdimg/icons/cart_put.png") no-repeat #ef8c08;
		color: #ffffff !important;
		font-weight: normal;
		text-decoration: none;
		background-position: 2px 5px;
	
	}	
	
	.delete	{
		display: inline-block;
		border: 1px solid #FF0000;
		padding: 3px 5px;
		margin-top: 5px;
		padding-left: 20px;
		/*background: url("../stdimg/icons/cart_add.png") no-repeat #0F8D2A;*/
		background: url("../stdimg/icons/cart_delete.png") no-repeat #aa0000;
		color: #ffffff !important;
		font-weight: normal;
		text-decoration: none;
		background-position: 2px 5px;
	
	}		

	.reserve	{
		display: inline-block;
		border: 1px solid #555555;
		padding: 3px 5px;
		margin-top: 5px;
		padding-left: 20px;
		/*background: url("../stdimg/icons/cart_add.png") no-repeat #0F8D2A;*/
		background: url("../stdimg/icons/cart.png") no-repeat #cccccc;
		color: #333333 !important;
		font-weight: normal;
		text-decoration: none;
		background-position: 2px 5px;
	}		


	.reserved	{
		display: inline-block;
		border: 1px solid #999999;
		padding: 3px 5px;
		margin-top: 5px;
		padding-left: 20px;
		/*background: url("../stdimg/icons/cart_add.png") no-repeat #0F8D2A;*/
		background: url("../stdimg/icons/cart_add.png") no-repeat #eeeeee;
		color: #cccccc !important;
		font-weight: normal;
		text-decoration: none;
		background-position: 2px 5px;
	}		
	.reserveddel	{
		display: inline-block;
		border: 1px solid #999999;
		padding: 3px 5px;
		margin-top: 5px;
		padding-left: 20px;
		background: url("../stdimg/icons/cart_delete.png") no-repeat #eeeeee;
		color: #cccccc !important;
		font-weight: normal;
		text-decoration: none;
		background-position: 2px 5px;
	}	

	
	.info	{
		display: inline-block;
		border: 1px solid #299FCE;
		padding: 3px 5px;
		margin-top: 5px;
		padding-left: 20px;
		background: url("../stdimg/icons/information.png") no-repeat #1c94c4;
		color: #FFFFFF !important;

		text-decoration: none;
		background-position: 2px 5px;
	
	}

	.bestel:hover, .info:hover, .filterbutton:hover	{
		text-decoration: underline;
	}	
	
.filterbutton	{
		display: inline-block;
		border: 1px solid #299FCE;
		padding: 3px 5px;
		margin-top: 5px;
		padding-left: 20px;
		background: url("../stdimg/icons/bullet_go.png") no-repeat #1c94c4;
		color: #FFFFFF;

		text-decoration: none;
		background-position: 2px 5px;
	
	}





	.actie	{
		padding: 5px;
		border-bottom: 1px solid #5F92B2;
		margin-bottom: 10px;
		background: #ffffff url('../stdimg/col-background-4.png') repeat-x top	left;
	}
	
	.actie a	{
		color: #e56e04 !important;
		text-decoration: none;
	}
	.actie a:hover	{
		text-decoration: underline;
	}
	
	.actie	h2 {
		color: #6596B6;
		font-size: 110% !important;
		margin:0px;
	}
	.actie .extra	{
		display: block;
		background: url(../stdimg/extra-info.png) repeat-x;
		padding: 3px;
		margin: 0px 0px;
	}
	.actie .date	{
		font-weight: bold;
	}

	.code	{
		display: inline-block;
		border: 1px solid #5F92B2;
		padding: 3px 5px;
		xmargin-top: 5px;
		margin-bottom: 5px;
		padding-left: 20px;
		background: url("../stdimg/icons/star.png") no-repeat white;
		color: #5F92B2 !important;
		font-weight: bold;
		font-size: 180%;
		text-decoration: none;
		background-position: 2px 8px;
		float: right;
	
	}	
	
	
	/** Misc **/
	.error { color: red; }
	.clear { clear: both; font-size: 0.1em; line-height: 0.1em;}
	.count { font-size: 70%;}
	.small { font-size: 85%;}
	a img { border: 0px; }
	 form {	margin: 0px; padding: 0px;}
	 img { vertical-align: middle; }
	 .mtr5 {	margin-top: 7px; margin-right: 5px;}
	 .mt20 {	margin-top: 20px;}
	 .mt10 {	margin-top: 10px;}
	 .mr10 {	margin-right: 10px;}
		.mt2 {	margin-top: 2px;}
	.mb20 {	margin-bottom: 20px;}
	 .right { float: right; display: inline;}
	 .left { float: left; display: inline;}
	 .rightblock { float: right; }
	 .leftblock { float: left; }
		.p4 { padding: 4px;}
	 .pt20 { padding-top: 20px;}
	 .color { padding:0px; margin:1px; width: 18px; height: 18px; float: left; line-height: 0.1em; cursor: pointer; border:1px solid #cccccc; }
	 #selectedcolor { border:1px solid #cccccc; margin:1px; }
	 .justify { text-align: justify; }
	 
/** Fomulier **/

.tab {
width: 50%; float: right;	
	
	}


.review {
	width: 98%;
	border: 0px;
	border-top: 1px solid #4D9AE4;
	background: #ffffff url('../stdimg/col-background-3.png') repeat-x top
		left;
}


.verkopen fieldset {
	width: 98%;
	border: 0px;
	border-top: 1px solid #0b729d;
	background: #ffffff url('../stdimg/col-background-3.png') repeat-x top
		left;
}

.verkopen legend {
	font-size: 18px;
	font-weight: normal;
	color: #0b729d;
}

.form input.line,.form select {
	width: 98%;
	border: 1px solid #0b729d;
	font-size: 100%;
}

.form textarea {
	width: 98%;
	height: 150px;
	border: 1px solid #0b729d;
	font-size: 100%;
}

.form select {
	
}

.form td {
	padding: 4px;
}

.form label {
}	 
	 
	 
.tagsize1	{
	font-size:100%;
	padding: 5px;
}

.tagsize2	{
	font-size:120%;
	padding: 5px;
}

.tagsize3	{
	font-size:130%;
	padding: 5px;
	font-weight: bold;
}

.tagsize4	{
	font-size:150%;
	padding: 5px;
	font-weight: bold;
}

/** advertenties **/

.topadvert { 
	float: right; padding:5px;
	}


/** Paging styles **/

.pages	{
		text-align: center;
		padding-top: 20px;  
		
	}

.pages a.page_active	{
		text-decoration: underline;
		color: #e56e04;
	}

.pages a	{
		color: blue;
	}

.page_xsmall {
	font-size: 70%;
}

.page_small {
	font-size: 80%;
}

.page_medium {
	font-size: 100%;
}

.page_normal {
	font-size: 120%;
}


.page_active	{
		font-weight: bold;
		text-decoration: underline;
	}

	


.colorPop	{
		padding: 5px;
		border: 1px solid black;
		width: 20px;
		height: 20px;
	}

.selectBox	{	
	border: 1px solid #5F92B2;
	padding: 2px;
	zpadding-left: 10px;
	zfont-size: 85%;
	zfont-family: verdana;

}

.xfilterchecked	{
		z-index: 55;
		position: relative;
		top: -500px;
		left: -5px;
		padding: 0px;
		border: 1px solid #5F92B2;
	}

	 .sorteer { padding:0px; margin:1px; width: 20px; height: 20px; float: left;  width: 180px; cursor: pointer; border:1px solid #cccccc; }

	
/** Filter Styles **/
ul.filterx { height: 180px; overflow: auto; }
.filterSort { height: 73px !important; }
.filterView { height: 73px !important; }
.filterx div, .filterx li { padding-left: 18px; margin: 2px 0; background-color: #f9f9f9; }
.filterxHover { background: url('../stdimg/icons/accept-grey.png') #1c94c4 no-repeat !important; color: white;}
.filterxSelected { color: white;  background: url('../stdimg/icons/accept.png') #FF6F06 no-repeat !important; }

.filterColorHover { background-image: url('../stdimg/icons/accept-grey.png'); background-repeat: no-repeat;}
.filterColorSelected {  background-image: url('../stdimg/icons/accept.png'); background-repeat: no-repeat;}

.filterStyle {padding: 0px; margin: 0xp; padding-top: 10px;}
.filterPrice {padding: 10px; margin: 0xp; }
.filterColor {padding: 0px; margin: 0xp; }
.filterColorBox { float: left; width: 16px; height: 16px; margin: 2px; border: 1px solid silver;}	

.filterViewtile	{ background:  url(../stdimg/icons/application_view_tile.png)  no-repeat; }
.filterViewlist	{ background:  url(../stdimg/icons/application_view_detail.png)  no-repeat; }
.filterViewsmalllist	{ background:  url(../stdimg/icons/application_view_list.png)  no-repeat; }



.storelist	{
	padding: 0px;
	margin: 0px;
	width: 99%;
}

.storelist	td {
	padding: 0px;
	margin: 0px;
	width: 33%;
}

.storelist ul	{
	padding: 0px;
	margin: 0px;
}

.storelist li	{
	padding: 0px;
	margin: 0px;
	padding-left: 18px;
	list-style: none;
	background: url(../stdimg/icons/bullet_pink.png) no-repeat;
	
}


	
#col2 h3	{
	color: #999999;
	margin: 0px;
	padding:0px;
	font-weight: normal;

}

.busy {
	background-image: url(../stdimg/busy.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
	}