@charset "utf-8";
@import url("reset.css");
@import url("typography.css");

html, body {
	height: 100%;
}

body {
  background: url("../images/css/banner.gif") no-repeat center top;
}
  
	#wrapper {
		position: relative;
		min-height: 100%;
	}
	
  #container {
    width: 863px;
		margin: 0 auto;
		padding-top: 18px;
		padding-bottom: 185px !important;
	}	
	 	/* BANNNER */
			 	
	  #logo {
			width: 169px;
			height: 57px;
			margin-left: -3px;
		}
		  #logo a {
  		  background: url("../images/css/logo.jpg") no-repeat top left;
				display: block;
				width: 169px;
				height: 57px;
			}
		#menu {
  	  		background: url("../images/css/menu_background.jpg") no-repeat top left;
			width: 839px;
			height: 20px;
			margin-top: 19px;
			padding: 4px 12px;
			font-size: 1.1em;
		}
			#menu_left {
				font-weight: bold;
  		  		float: left;
				margin-top: 3px;
			}
			#menu_right {
  		  		float: right;
  		  		position: relative;
			}
				a.language {
					background: url("../images/css/language.png") no-repeat center;
					width: 23px;
					height: 14px;
					padding: 1px 6px;
					margin-top: 2px;
					float: right;
					font-size: 10px;
					display: block;
				}
				#select_language {
					background: url("../images/css/select_language.png") no-repeat 0 0;
					cursor: pointer;
					height: 19px;
					line-height: 19px;
					padding-left: 6px;
					width: 105px;
				}
				#pick {
					background: #fff;
					border: 1px solid #cacaca;
					display: none;
					padding: 9px;
					position: absolute;
					right: 0;
					top: 24px;
					width: 265px;
				}
					#pick h3 {
						font-size: 1.091em;
						margin-bottom: 6px;
					}
					#pick li {
						line-height: 1.273;
					}
					#pick a {
						color: #b6b2b2;
					}
					#pick a:hover {
						color: #E68433;
					}
					#pick a.active {
						color: #838383;
					}
					#languages {
						float: left;
						width: 88px;
					}
					#translations {
						float: left;
					}
						#translations ul {
							float: left;
						}
		
		/* einde banner */
		
		
		
		#breadcrum {
  	  		font-size: 1.1em;
			margin-top: 40px;
		}
		
		
		
		/* HOMEPAGE */
		
		#description {
		  width: 100%;
			margin-top: 55px;
  		font-size: 1.6em;
			line-height: 1.4375em;
		}
		  .about {
  		  margin-top: 4px;
				font-size: 0.6875em;
			}
		
		#flash {
			width: 863px;
			margin-top: 55px;
		}
		
		#content_home {
  	  width: 100%;
			margin-top: 30px;
			background: url("../images/css/border_vertical.gif") no-repeat top center;
			font-size: 1.1em;
		}
		  #home_left {
  		  width: 431px;
				float: left;
			}
			  #home_left td, #home_right td {
  			  vertical-align: middle;
					line-height: 1.364em;
				}
				
			#home_right {
  			width: 417px;
				float: right;
				padding-left: 15px;
			}				
				#home_right p {
  			  line-height: 1.364em;
				}
				
		/* einde homepage */
		
		
		
		/* CONTENT */
		
		#content {
  	  width: 100%;
  	  margin-top: 40px;
		}
			/* LINKER KOLOM */
			
		  #left {
				width: 215px;
				float: left;
  			font-size: 1.1em;
				line-height: 1.364em;
			}
			  #nav_shop {
				  margin-bottom: 50px;
				}
			  #left td {
				  vertical-align: middle;
				}
				#submenu {
					margin-bottom: 50px;
				}
				  #submenu h4 {
					  margin-bottom: 6px !important;
					}
				#left .text {
  				width: 108px;
				}
			
			/* einde linker kolom */
				
			
			
			/* MIDDENKOLOM */
			
		 	#center {
  		  width: 404px;
				float: left;
				margin: 0 19px;
  			font-size: 1.1em;
				line-height: 1.364em;
			}
			  #center table {
				  width: 100%;
				}			
				  #center td {
				    vertical-align: middle;
					}
				
			 	/* INLEIDING TEKSTPAGINA */
			  
				.intro {
				  font-size: 1.273em;
					font-weight: bold;
					color: #e68433;
					line-height: 1.357em;
				}
				
				/* einde inleiding tekstpagina */
			
			
			
				/* SHOP ITEM */
				
  		  #product_image {
    		  width: 374px;
					padding: 15px;
					margin-bottom: 15px;
					border: 1px solid #dedede;
					text-align: center;
					overflow: hidden;
					position: relative;
  			}
					#image_page {
					  position: absolute;
						bottom: 2px;
						left: 0;
						width: 18px;
					}
					  #image_page a, #image_page span {
						  display: block;
							float: left;
							padding: 2px 6px;
							color: #fff;
							font-weight: bold;
							margin-left: 2px;
						}
						
				#bestellen {
				  width: 374px;
					margin: 15px 0;
					padding: 6px 15px;
					border: 1px solid #dedede;
					background: url("../images/css/bestellen.gif") no-repeat 2px 2px;
					color: #fff;
					font-weight: bold;
				}
				  #bestellen table {
					  width: 100%;
						margin: 20px 0;
						color: #656565;
						font-weight: normal;
					}
					  #bestellen td {
						  vertical-align: middle;
							width: auto;
						}
						  #bestellen td img {
								float: right;
								margin-top: -1px;
							}
					#bestellen input {
						width: 25px !important;
						float: none;
					}
				.gerelateerde_artikelen {
				  width: 64px;
					height: 64px;
					padding: 4px;
					border: 1px solid #dedede;
					display: block;
					background-repeat: no-repeat;
					background-position: center;
				}
				
				/* einde shop item */
				
				
				
				/* WINKELWAGEN */
				
				.winkelwagen_1, .winkelwagen_2 {
					font-size: 1.091em;
				}
				.winkelwagen_1 {
				  border: 1px solid #eeeeee;
					width: 408px;
					height: 65px;
					padding: 8px;
				}
				.winkelwagen_2 {
					height: 67px;
					width: 408px;
					padding: 10px;
					margin-left: -1px;
				}
				.winkelwagen_1 td, .winkelwagen_2 td, .winkelwagen_1 td img, .winkelwagen_2 td img {
					vertical-align: middle;
					font-weight: bold;
				}
				.totaal {
					font-weight: bold;
					float: right;
					margin-right: 9px;
				}
				  .totaal span {
						margin-right: 10px;
					}
				  .totaal a:link, .totaal a:visited {
					  color: #cb5521;
					}
					.totaal a:active, .totaal a:hover {
						color: #e68433;
					}
				
				/* einde winkelwagen */
				
				
				
				/* UW GEGEVENS */
				
				.gegevens td {
				  padding-bottom: 10px;
				}
				  .gegevens td select {
					  width: 260px;
					}
				
				/* einde uw gegevens */
				
				
				
				/* DEALER LOCATER */
				
				#dealer_locater_groot1 {
					width: 380px;
					padding: 15px;
					border: 1px solid #dedede;
				}
				#dealer_locater_groot2 {
					width: 380px;
					padding: 16px;
				}
				#dealer_locater_groot1 a, #dealer_locater_groot2 a {
					color: #e68433;
				}
				
				/* einde dealer locater */
				
			/* einde middenkolom */	
			
			
			
			/* KOLOM RECHTS */
			
			#right {
  				width: 200px;
				float: right;
  				font-size: 1.1em;
				line-height: 1.364em;
			}
				/* WINKELWAGEN */
				
				.winkelwagen_item1 {
					width: 178px;
					padding: 5px 10px;
					border: 1px solid #dedede;
					background: #ececec;
				}
				  .winkelwagen_kop1 {
					  font-weight: bold;
					  color: #cb5521;
					}
				.winkelwagen_item2 {
				  width: 178px;
					padding: 6px 11px;
				}
				  .winkelwagen_kop2 {
					  font-weight: bold;
					  color: #e68433;
					}
				#totaal {
				  width: 176px;
					padding: 0 12px;
					color: #cb5521;
					clear: left;
				}
					
				/* einde winkelwagen */
								
				
				
				/* AGENDA */
				
				.agenda-item {
				  clear: both;
					display: block;
					cursor: hand;
					cursor: pointer;
				}
				.agenda_links {
				 	/*
					float: left;
					*/
					width: 7px;
				}
				.agenda_rechts {
				  float: right;
					width: 189px;
					margin-bottom: 10px;
				}
				#right .text {
				  width: 160px;
				}
				
				/* einde agenda */
				
		/* einde kolom rechts */
	
	/* einde content */
	
	
	
	/* FOOTER */
	
	#bottom {
  	background: url("../images/css/footer_backgroundrepeat.gif") repeat-x bottom;
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 185px;
		clear: both;
  }
	 	#footer_background {
		  background: url("../images/css/footer_background.gif") no-repeat bottom center;
			height: 185px;
		}
	  #footer, #footer_background {
		  width: 863px;
			font-size: 1.1em;
			position: absolute;
			bottom: 0;
			left: 50%;
			margin-left: -431.5px;
		}
		  #footer_left {
  		  width: 411px;
				float: left;
				background: #a7a7a7;
				padding: 9px 10px;
			}
			  #footer_left a:link, #footer_left a:visited {
				  color: #fff;
				}
				#footer_left a:hover, #footer_left a:active {
				  color: #656565;
				}
			#footer_right {
  		  width: 412px;
				float: right;
				background: #c4c4c4;
				padding: 9px 10px;
			}
	
	/* einde footer */





/* FORMS */
				
.text {
  width: 310px;
	height: 1.273em;
  border: 1px solid #e7e7e7;
	padding: 2px 5px;
	float: left;
	color: #959595;
}
.text2 {
  width: 250px;
	height: 1.273em;
	background: #ececec;
	font-size: 1em;
	color: #656565;
	padding: 3px 5px;
}
select {
	height: 1.818em;
	font: 11px Arial, sans-serif;
	color: #656565;
	padding-top: 1px;
	border: 1px solid #dedede;
}
.button {
  width: 92px;
	height: 1.818em;
	border: 1px solid #dedede;
	background: #ececec;
	color: #656565;
	float: right;
}
.radio {
  vertical-align: middle;
	margin: 2px 8px 5px 0;
	_margin: 0 8px 0 -5px;
	#margin: 0 8px 0 -5px;
}
textarea {
  width: 255px;
	height: 136px;
	padding: 3px 0 3px 5px;
	background: #ececec;
	font: 1em Arial, sans-serif;
	color: #656565;
	border: 0;
}
				
/* einde forms */



/* HEADERS */
			
#content h1 {
  font-size: 2.545em;
	color: #cb5521;
	line-height: 1.1em;
}
#content h2 {
  font-size: 2.182em;
	color: #e68433;
}
#content h3, #content_home h3 {
  font-size: 1.636em;
	line-height: 1.1em;
}
#content h4, #content_home h4 {
  font-size: 1.273em;
	margin-bottom: 7px;
}
#content h5 {
  font-size: 1.273em;
	margin-bottom: 1px;
	color: #cb5521;
}
#content h6 {
  font-size: 1.273em;
}

/* einde headers */



/* ARROW ITEMS */
	
.item {
  margin: 0 15px 0 6px;
}	
.menu-item {
  margin: 0 12px 0 6px;
}	
.breadcrum_item {
  margin: 0 6px 0 6px;
}	
.nieuwsitem {
  margin-left: 12px;
}

/* einde arrow items */



/* KLEUREN */

.grey {
  color: #afafaf;
}
.grey a {
  color: #afafaf;
}
.orange {
  color: #cb5521;
}
.yellow {
  color: #e68433;
}

/* einde kleuren */
		 		


/* BORDERS */

.border {
	float: left;
	margin: 15px 0 15px 1px;
}
				
.border2 {
  float: left;
	margin: 10px 0;
}

/* einde borders */



#qTip {
	display: none;
	background: url("../images/css/tooltip.png") no-repeat top left;
	color: #fff;
	font: 11px Arial, sans-serif;
	position: absolute;
	z-index: 1000;
	height: 25px;
}
#tooltip {
	background: #cb5521;
	height: 14px;
	padding: 4px 7px;
}


/* Producten right content bar */
.r-product {
	margin: 15px 0 0;
}
	
	.first-product .product-image {
		border-color: #f7dac1;
	}
	div#content .first-product h2, div#content .first-product h3 {
		color: #e68433;
	}
	.first-product del {
		background-color: #;
		color: #;
	}
	.first-product .product-price {
		background-color: #e68433;
	}
	.first-product .product-price a {
		background-color: #b16527;
	}
	.second-product .product-image {
		border-color: #f0cdbd;
	}
	div#content .second-product h2, div#content .second-product h3 {
		color: #cb5521;
	}
	.second-product del {
		background-color: #efccbc;
		color: #cb5521;
	}
	.second-product .product-price {
		background-color: #cb5521;
	}
	.second-product .product-price a {
		background-color: #9c4119;
	}
	.third-product .product-image {
		border-color: #d2d2d2;
	}
	div#content .third-product h2, div#content .third-product h3 {
		color: #656565;
	}
	.third-product del {
		background-color: #d0d0d0;
		color: #656565;
	}
	.third-product .product-price {
		background-color: #656565;
	}
	.third-product .product-price a {
		background-color: #4e4e4e;
	}
	
	.r-product .product-image {
		border-style: solid;
		border-width: 1px 1px 0;
		padding: 11px;
		position: relative;
	}
	
	.r-product .product-price {
		padding: 7px;
	}
	
	div#content .r-product h2 {
		font-size: 14px;
	}
	
	div#content .r-product h3 {
		font-size: 16px;
		margin-bottom: 5px;
	}
	
	.r-product img {
		display: block;
		margin: 11px auto 5px;
	}
	
	.r-product del {
		bottom: 0;
		font-size: 13px;
		font-weight: bold;
		left: 0;
		padding: 4px 7px;
		position: absolute;
	}
	
	.r-product .price {
		color: #fff;
		float: left;
		font-size: 15px;
		font-weight: bold;
		margin: 3px;
	}
	
	.r-product .product-price a {
		-moz-border-radius: 2px;
		-webkit-border-radius: 2px;
		border-radius: 2px;
		color: #fff;
		float: right;
		font-weight: bold;
		padding: 4px 8px;
	}
	
#banner-home {
	border: 1px solid #e7e7e7;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	height: 83px;
	overflow: hidden;
	padding: 22px;
	position: relative;
}
#banner-home h2 {
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 12px;
}
#banner-home img {
	left: 3px;
	position: absolute;
	top: 3px;
	z-index: -1;
}
#banner-link {
	background: #d86827 url("../images/css/border-left.gif") no-repeat 0 0;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	height: 23px;
	line-height: 23px;
	padding: 0 45px 0 11px;
	position: relative;
}
#border-right {
	background: url("../images/css/border-right.gif") no-repeat 0 0;
	position: absolute;
	height: 23px;
	right: 0;
	top: 0;
	width: 32px;
}