@charset "utf-8";
/* CSS Document */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		/*background: transparent;
		color:#2d1414;*/
	}

	body {
		background: #e8e8e8; 
		font-family: Calibri,Arial, verdana, sans-serif;
		
	}
	
	 .container {
	 	margin: 0 auto ;	 
	 	width: 960px;
		
		}
		
	 #header-stretch {background: #2d1414 url(images/header-slice.jpg) repeat-x top;}
	 
	 	#header h1 a {
		background: url(images/logo.jpg) no-repeat;
		float: left;
		height: 65px;
		margin-top: 20px;
		text-indent: -9999px;
		width: 250px;
	}
	
	
	#header {
		overflow: hidden;
		padding-bottom: 30px;
	}

	#header ul {
		float: right;
		list-style: none;
		margin-top: 30px; 
	}

	#header ul li {
		float: left;
		margin-left: 10px;
		padding: 10px 0 10px 12px;
	}

	#header ul li a {
		color: #fff;
		text-decoration: none;
		font-size: 20px;
		padding: 15px 14px 15px 2px;
	}

		#header ul li.active {background: url(images/nav-left.jpg) no-repeat left;}

	#header ul li.active a {background: url(images/nav-right.jpg) no-repeat right;}
	
	
	
	
	#navigatie-stretch {background: #499f7c /*url(images/header-slice.jpg) repeat-x top*/;}
	 

	#navigatie {
		overflow: hidden;
		padding-bottom: 10px;
	}

	#navigatie ul {
		float: left;
		list-style: none;
		margin-top: 10px; 
	}

	#navigatie ul li {
		float: left;
		margin-left: 10px;
		padding: 10px 0 10px 12px;
	}

	#navigatie ul li a {
		color: #fff;
		text-decoration: none;
		font-size: 20px;
		border: 1px solid #499f7d;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
    display: block;
  font-weight: bold;
  font-size:15px;
  padding: 3px 15px;
  text-align: center;
  text-transform: uppercase;
  text-decoration:none;
		
		
	}
	
	
	#navigatie ul li a:hover {
  border: 1px solid #2A7054;
  color: #d9e5e0;
  background: #2A7054;
}

#navigatie ul li a:active {
  background: #60675E;
  border: 1px solid #60675E;
  color: #fff;
}

	
	 
	 	#slider-stretch {background:#f4f4f4 url(images/slider-slice.jpg) repeat-x;}
	
	
	#slider {padding-top: 10px;}

	#slider h2 {
		background: url(images/welcome.jpg) no-repeat;
		text-indent: -9999px;
		height: 289px;
		width: 854px;
		margin-left: 15px;
	} 
	
	 	#titel-stretch {background:#f4f4f4 url(images/slider-slice.jpg) repeat-x;}
	
	#titel {padding: 15px 0px 15px 45px;}

	#titel h2 {
		/*background: url(images/navbloem.jpg) no-repeat;
		text-indent: -9999px;
		height: 55px;
		width: 854px;*/
		margin-left: 15px;
		 font-weight: bold;
  font-size:20px;
  text-transform: uppercase;
  text-decoration:none;
  text-shadow:#666666 2px 2px 2px;
  color:#FFFFFF;
	} 
	
	
	
	
	
#mainCenter {margin-top:50px;}
	 
	 
	
#mcontainer-stretch { background: #ffffff url(images/background.jpg) repeat-x top;

}

	
	
	#content-top {
		background: url(images/shadow.jpg) no-repeat bottom;
		padding-top: 50px;
		overflow: hidden;
		padding-left:35px;
		padding-bottom: 40px;
	}
	

	#content-top p {font-size: 14px; line-height: 1.3; padding-bottom:30px;}

	#content-top h4 {
		/*text-indent: -9999px;*/
		padding-bottom: 15px;
		color:#C7729F;
	}
	
	#disclaimer p{
	font-size:10px;
	font-style:italic;
	padding-bottom:20px;
	}
	
	#vragen p{padding-bottom:10px;}

	#kvk p{
	font-size:12px;
	

	}
	
	

	/*#wie h4 {
		background: url(images/who.jpg) no-repeat;
		width: 163px;
		height: 22px;
	}

	#assortiment h4 {
		background: url(images/behindlogo.jpg) no-repeat;
		width: 216px;
		height: 27px;
	}

	#team h4 {
		background: url(images/team.jpg) no-repeat;
		height: 22px;
		width: 135px;
	}*/
	
		#reacties blockquote {
		background: /*url(images/quotes.jpg) no-repeat  #CC3333 */;
		color: #8B6D74;
		padding: 8px 0 16px 20px; /*laatste padding was 50, kies voor quote teken*/
		margin-top: 16px;
		ine-height: 1.3;
		font-size: 14px;
		font-style: italic;
		}
		
			#reacties {
		float: left;
		width: 303px;
		padding-left: 35px;
		display: inline;
		overflow: hidden;
		border-left: 1px solid #E7E6E6;
	}
	
		#about {
		float: left;
		width: 555px;
		padding-right: 30px;
		border-right: 1px solid #eeeedb;
	}




		
#features {
		
		padding-top: 100px;
		overflow: hidden;
		padding-bottom: 40px;
	

	}
	
	.feature {
		width: 178px;
		padding: 0px 60px 0px 60px;
		float: left;
		display: inline-block; 
		border-right: 1px solid #eeeedb;
		border-left: 1px solid #E7E6E6;
 
		
	}
	
		
	 
	
	.feature p {
		line-height: 1.3;
		font-size: 14px;
		height: 100px;
		padding-bottom: 20px;
	}
	
	 .feature h3 {
		text-indent: -9999px;
		margin-bottom: 20px;
		height: 27px;
		margin-top:20px;
	
	}
	
		 .feature a {
		background: url(images/ga-verder.jpg) no-repeat;
		text-indent: -1200px;
		height: 29px;
		width: 99px;
		margin: 0 auto;
		display: block;
	}
	 
	

#kies h3 {background: url(images/kies.jpg) no-repeat;}
#bestel h3 {background: url(images/bestel.jpg) no-repeat;}
#betaal h3 {background: url(images/betaal.jpg) no-repeat;}

#kies {/*background: url(images/kies.png) no-repeat top;*/
 border-left: none;}

#bestel {/*background: url(images/bestel.png) no-repeat top;*/
}

#betaal{/*background: url(images/betaal.png) no-repeat top; */
 border-right: none;} 
	
	/*.feature {
		width: 180px;
		padding: 80px 60px 0 60px;
		float: left;
		
	}
*/
	#content-bottom-stretch {
		background: #F33 url(images/bottom-slice.jpg) repeat-x;
		border-bottom: 1px solid #181818;
		margin-top: 50px;
		padding: 50px 0 30px 0;
	}
	
	 
	 
	 	#content-bottom {overflow: hidden;}

	#content-bottom h4 {
		height: 29px;
		text-indent: -9999px;
		margin-bottom: 5px;
	}

	#contact h4 {
		background: url(images/talk.jpg) no-repeat;
		width: 160px;
	}

	#testimonials h4 {
		background: url(images/testimonials.jpg) no-repeat;
		width: 173px;
	}

	#blog h4 {
		background: url(images/latest-blog.jpg) no-repeat;
		width: 231px;
	}
	
	
	 	#footer-stretch {
		background: #2d1414;
		border-top: 1px solid #2f2f2f;
	}
	
	#footer {padding:10px;}
	
	#footer p{ color:#FFFFFF;}
	
	#footer a{ color:#FFC4C8;
	text-decoration:none;}
	
	/*#footer {
	background-color:#2d1414;}
	
	
		#footer p a {color: #FFC4C8; text-decoration: none; background:#2d1414;}


	
		#footer p {
		float: left;
		color:#FFFFFF;
		padding:10px;
		
	}

*/

  input { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Calibri, Arial, Tahoma, sans-serif;
	width: 250px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #F5F5f5), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #F5F5f5 1px, #FFFFFF 35px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

textarea { 
	width: 300px;
	max-width: 300px;
	height: 150px;
	line-height: 150%;
	}
	
	textarea { 
	padding: 9px;
	border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Calibri, Arial, Tahoma, sans-serif;
	width: 250px;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #F5F5f5), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #F5F5f5 1px, #FFFFFF 105px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	}

.invulbak { vertical-align:top;} 
.dropdown { padding:9px;
width:270px;
border: solid 1px #E5E5E5;
	outline: 0;
	font: normal 13px/100% Calibri, Arial, Tahoma, sans-serif;
	background: #FFFFFF url('bg_form.png') left top repeat-x;
	background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF));
	background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px);
	box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;
	-webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px;}

.ftelefoon {
margin-bottom: 0px;}



input:hover, textarea:hover { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}

.dropdown:hover { 
	border-color: #C9C9C9; 
	-webkit-box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 8px;
	}


input:focus, textarea:focus { background: #FFFFFF;}

.dropdown:focus { background: #FFFFFF;

}

.form label { 
	margin-left: 10px; 
	color: #999999; 
	}

.submit input {
	width: auto;
	padding: 9px 15px;
	background: #2A7054;
	border: 0;
	font-size: 14px;
	color: #FFFFFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	}