* {
	margin-left: auto;
	margin-right:auto;	
}

html, body {
	height:auto;
	min-height:100%;
}

body{

	color:#000000;
	background-color:#ffffff;
	overflow-y: none;
	margin: 0px 0px 0px 0px;
	
	background-image: url('afbeeldingen/background.jpg');
	background-repeat:repeat-x;
	
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size:0.85em;
	letter-spacing:.02em;
	
}

	h1, h2, h3{
		font-size:1.5em;
		color:#41583d;
		text-shadow: 1px 1px #030403;

	}

	a, a:visited, a:active {
		color: #000000;
		text-decoration: none;
		font-weight: normal;
		border:none;
	}

	a:hover {
		color: #000000;
		text-decoration: underline;
		font-weight: normal;
		border:none;
	}

	img, a.img{
		border:0px;
		color:#000000;
	}

	#container{
		width:896px;
		margin-top:10px;
	}

	#header{
		width:100%;
	}
	
		#header-left{
			float:left;
		}
		
		#header-right{
			float:right;
		}
		
			#zoeken{
				font-size: 0.9em;
				color: #FFFFFF;
				background-color: #999999;
				border: 1px solid #3f7a37;
			}
			
			#adres{
				padding-top:10px;
				font-size:0.8em;
			}
			
			#policy{
				font-size:0.65em;
				padding-top:10px;
			}

	#content{
		margin-top:20px;
		width:100%;
	}
	
	#left{
		width:500px;
		float:left;
	}
	
	#right img{
		padding-left:50px;
	}
	
		#content-left{
			width:500px;
			float:left;
			
			border-left:1px solid #41583d;
			border-top:1px solid #41583d;
			border-right:1px solid #41583d;
			
			padding:10px;
			
			background: #d0cbcb;
			background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
			background: -moz-linear-gradient(top,  #d0cbcb 0%, #ffffff 74%, #ffffff 82%);
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0cbcb), color-stop(74%,#ffffff), color-stop(82%,#ffffff));
			background: -webkit-linear-gradient(top,  #d0cbcb 0%,#ffffff 74%,#ffffff 82%);
			background: -o-linear-gradient(top,  #d0cbcb 0%,#ffffff 74%,#ffffff 82%);
			background: -ms-linear-gradient(top,  #d0cbcb 0%,#ffffff 74%,#ffffff 82%);
			background: linear-gradient(to bottom,  #d0cbcb 0%,#ffffff 74%,#ffffff 82%);
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0cbcb', endColorstr='#ffffff',GradientType=0 );
			
			-webkit-border-top-left-radius: 15px;
			-webkit-border-top-right-radius: 15px;
			-moz-border-radius-topleft: 15px;
			-moz-border-radius-topright: 15px;
			border-top-left-radius: 15px;
			border-top-right-radius: 15px;

			margin-bottom:30px;
		}
		
			#content-right{
				float:right;
				width:330px;
				margin-left:29px;

				border-left:1px solid #41583d;
				border-top:1px solid #41583d;
				border-right:1px solid #41583d;

				padding:10px;
		
				background: #d0cbcb;
				background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QwY2JjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijc0JSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjgyJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
				background: -moz-linear-gradient(top,  #d0cbcb 0%, #ffffff 74%, #ffffff 82%);
				background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d0cbcb), color-stop(74%,#ffffff), color-stop(82%,#ffffff));
				background: -webkit-linear-gradient(top,  #d0cbcb 0%,#ffffff 74%,#ffffff 82%);
				background: -o-linear-gradient(top,  #d0cbcb 0%,#ffffff 74%,#ffffff 82%);
				background: -ms-linear-gradient(top,  #d0cbcb 0%,#ffffff 74%,#ffffff 82%);
				background: linear-gradient(to bottom,  #d0cbcb 0%,#ffffff 74%,#ffffff 82%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d0cbcb', endColorstr='#ffffff',GradientType=0 );
				
				-webkit-border-top-left-radius: 15px;
				-webkit-border-top-right-radius: 15px;
				-moz-border-radius-topleft: 15px;
				-moz-border-radius-topright: 15px;
				border-top-left-radius: 15px;
				border-top-right-radius: 15px;
			}
		
	
	#footer{
		margin-top:10px;
		height:40px;
		font-size:0.75em;
		text-align:center;
	}
		
		#footer a{
			text-decoration:none;
		}
		
	#clear{
		clear:both;
	}
		

/* menu */
			.home {			
				float:left;
				width:145px;
				height:55px;
				text-align:center;
			}
			
			.branches {		
				float:left;
				width:145px;
				height:55px;
				text-align:center;
			}	

			.kwaliteit {
				float:left;
				width:145px;
				height:55px;
				text-align:center;
			}
			
			.aanbieding {	
				float:left;
				width:145px;
				height:55px;
				text-align:center;
			}

			.vacature {		
				float:left;
				width:145px;
				height:55px;
				text-align:center;
			}

			.contact {		
				float:left;
				width:145px;
				height:55px;
				text-align:center;
			}

				
	/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) and (max-device-width : 480px) {
  /* Styles */
  
}



/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 320px) {
  /* Styles */
  
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  /* Styles */
}

/* iPads (landscape) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
  /* Styles */
}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
  /* Styles */
}

/* iPhone 4 ----------- */
@media only screen and (-webkit-min-device-pixel-ratio:1.5), only screen and (min-device-pixel-ratio:1.5) {
  /* Styles */
}