body {
	background-color:#f0f0f0;
	font-size:12px;
	font-family:Arial;
	line-height:1.5em;
	margin:0;
	padding:0;
	border-top: 7px solid #918e66;
}
a img {
	border: none;
}
a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:focus {
 outline: none;
}
.clear {
	clear:both;	
}
h1 {
	font-size: 20px;
}
h2 {
	font-size: 18px;
	margin-bottom: 0;
}
h3 {
	font-size: 16px;
	margin-bottom: 0;
}
h4 {
	font-size: 14px;
}



/* reset items */
form {
	margin:0;
}
p {
	padding:0;
}



/* div pos */
.wrapper {
	background-color:#eee;
	margin:0 auto;
	width:1014px;
}
.container_header {
	background:url('../img/bg_header.jpg') no-repeat;
	height:142px;	
}
.container_content {
	background:url('../img/bg_content.jpg') repeat;
	position: relative;
	padding-bottom: 60px;
	min-height: 470px;
	_height: 470px; /*fix voor superbrowser */
}
.content_links {
	background:url('../img/bg_container_links.jpg') repeat;
	float:left;
	width:373px;
}
.content_rechts {
	_background:#fff; /*fix voor superbrowser */
	float:left;
	width:629px;
	_width:609px;
	padding-bottom: 10px; 
}
.container_footer {
	background:url('../img/bg_footer.jpg') no-repeat;
	_border-bottom: 1px solid #f0f0f0;
}
.content_logo {
	width: 83px;
	height: 63px;
	position: absolute;
	bottom: 0px;
	right: 25px;
	background: #fff url('../img/logo_ramen.jpg') no-repeat center;
}


/* home extra div backgroundimage */
.home_pagina_achtergrond {
	background:url('../bestanden/home_content_background.jpg') 373px 0px no-repeat;
}


/* externe link naar klantenvertellen */
.externe_link {
	margin:0 0 10px 32px;	
}



/* header */
.container_zoek {
	float:left;
	margin:50px 20px 0 40px;
	_margin: 50px 10px 0 20px;
	width:260px;
}
.container_home_link {
	float:left;
	margin:50px 30px 0 40px;
	_margin:50px 15px 0 20px;
	width:300px;
	height: 80px;
	display: block;
	cursor: pointer;
}
.container_login {
	float:left;
	margin:50px 20px 0 0;
	width:260px;
}
.header_titel {
	border-bottom:3px solid #b8b8b8;
	font-weight:900;
	font-style:italic;
	margin:0 0 5px 0;
}
.submit_zoek {
	background:url('../img/icon/zoek.jpg') no-repeat;
	border:0;	
	cursor:pointer;
	height:17px;
	width:22px;
}
.submit_login {
	background:url('../img/icon/login.jpg') no-repeat;
	border:0;
	cursor:pointer;
	height:17px;
	width:16px;
}
.input_veld {
	border:1px solid #b8b8b8;
}



/* menu left */
.container_menu {
	background:url('../img/bg_menu_content.jpg');	
	margin:0 0 0 12px;
}
.menu_content {
	background:url('../img/bg_menu_top.jpg') no-repeat;
}
.menu_content ul {
	margin:0 30px 15px 30px;
	padding:20px 0 0 0;
}
.menu_content ul li {
	border-bottom:1px solid #b8b8b8;
	list-style:none;
}
.menu_content ul li a {
	color:#000;
	display:block;
	height:22px;
	line-height:22px;
	padding:0 0 0 35px;
	text-decoration:none;
}
.menu_content li a:hover {
	background-color:#fbbf27;
}
.menu_content ul li a.open {
	border-bottom:2px solid #a2a2a2;
	font-weight:900;
}
.menu_content ul li a#actief {
	border-bottom:3px solid #918e66;
	color:#918e66;
	font-weight:900;
	font-style:italic;
	xpadding:0;
}
.menu_content ul li a#actief:hover {
	background:none;
}
.menu_content ul li ul {
	margin:0 0 0 30px;
	padding:0;
}
.menu_content ul li ul li {
	border-bottom: 1px dotted #a2a2a2;
}
.menu_content ul li ul li.last {
	border:0;
}
.menu_content ul li ul li a {
	display:block;
	height:22px;
	line-height:22px;
}
.menu_content ul li ul li#sub_actief a {
	font-weight:900;
}
.menu_bottom {
	background:url('../img/bg_menu_bottom.jpg') no-repeat;
	height:23px;
}



/* blocks home left */
a.containerlink {
	display: block;
	cursor: pointer;
	text-decoration: none;
}
a:hover.containerlink span.blok_link {
	text-decoration: underline;
}
.container_blokken {
	background:url('../img/bg_blok_kozijn.jpg') no-repeat;
	height:151px;
	margin:0px 0 0 28px;	
	width:333px;
}
.blokken_content {
	padding:30px 0 0 10px;
	width:196px;
}
.blokken_content h3 {  /* cufon toelie */
	color:#573f02;
	font-size:1.8em;
	margin:0;
	font-weight:normal;
	line-height: 1.1em;
	padding: 0;
}
.blokken_content p {
	margin: 0;
}
.blokken_content span.blok_link {
	color:#573f02;
	float:right;
	line-height:1em;
	margin-right: 15px;
}



/* home product */
.home_product {
	background:url('../img/white_70.png') repeat;
	height:164px;
	margin:0 12px 0 19px;
	padding:10px 0 0 0;
}
.home_product .product {
	float:left;
	height:150px;
	margin:7px 14px 0 15px;
	_margin:7px 7px 0 7px; /* IE6 */
	width:296px;
}
.home_product .product a {
	display: block;
	cursor: pointer;
	text-decoration: none;
	color:#573f02;
}
.home_product a .product_link {
	background:#fab404 url('../img/icon/home_arrow.jpg') right no-repeat;
	display:block;
	font-size:1.2em;
	font-weight:900;
	height:20px;
	padding:0 0 0 10px;
	text-decoration:none;
	width:286px;
}
.home_product a:hover {
	color: #fff;
}




/* footer content */
.container_footer .vestigingen {
	float:left;
	height:30px;
	margin:20px 0 30px 25px;
	width:650px;
}
.vestigingen .vestigingen_item {
	border-right:1px solid #fab404;
	float:left;
	height:30px;
	padding:0 6px 0 6px;
}
.container_footer .footer_links {
	float:right;
	height:30px;
	margin:20px 20px 0 0;
}
.container_footer .footer_links a {
	color:#000;
	text-decoration:none;
}
.container_footer .footer_links a:hover {
	text-decoration:underline;
}



/* extra toelie */
.pagina_titel {
	background-color:#fab405;
	color:#fff;
	height:75px;
	position:absolute;
	top:17px;
	width:629px;
	opacity:.85;
	filter: alpha(opacity=85); 
	-moz-opacity: 0.85;
}
.pagina_titel h1 { /* cufon toelie */
	font-size:2.4em;
	margin:0;
	padding:10px 0 0 10px;
}
.pagina_titel h2 {
	font-weight:900;
	font-size:1.7em;
	margin:0;
	padding:5px 30px 0 0;
	text-align:right;
}
.home_content {
	background-image:url('../img/white_80.png');
	background-repeat: repeat;
	right:250px;
	padding:10px;
	position:absolute;
	top:92px;
	width:320px;
}
.home_content ul {
	list-style:square;
	padding:0 0 0 20px;
	margin:0;
}



/* blocks home pagina */
a.blocks_links {
	color: #fff;
	display:block;
	text-decoration:none;
	cursor: pointer;
}
.blocks_pagina {
	margin:0 0 10px 32px;
	width:289px;
	font-size:1.2em;
	font-weight:900;
	height:35px;
	padding:10px 0 0 70px;
}
.keurmerken {
	background-image: url('../img/keurmerken.jpg');
	width: 178px;
	height: 48px;
	position: absolute;
	bottom: 5px;
	left: 30px;
}
.keurmerken_home {
	background-image: url('../img/keurmerken.jpg');
	width: 178px;
	height: 48px;
	margin-left: 30px;
	float: left;
}
.tekst_home {
	width: 500px;
	float: left;
	margin:20px 20px 0px 200px;
}

/* paginas */
.pagina_content {
}
.content {
	padding:10px 15px 10px 20px;
	_padding: 10px 0px 10px 0px;
}
.content p {
	margin-bottom: 10px;
}
.kolom_renovatie {
	width: 285px;
	float: left;
}
.kolom_nieuwbouw {
	float: left;
	width: 285px;
}
.opsomming {
	border: 1px solid #ccc;
	padding: 10px;
}
a.opsomming_item {
	display: block;
	padding: 0px;
	color: #111;
	text-decoration: none;
	border-bottom: 1px solid #333;
	margin: 3px 0;
	padding: 1px;
}
a:hover.opsomming_item {
	border-bottom: 1px solid #ddd;
}
a.opsomming_nieuws {	
	display: block;
	border-bottom: 1px solid #ccc;
	color: #111;
	text-decoration: none;
}
a:hover.opsomming_nieuws {
	color: #333;
	border-bottom: 1px solid #999;
}
.opsomming_foto {
	float: left;
	height: 70px;
	width: 123px;
	margin: 0 10px 0 0;
	display: block;
	background-position: center;
	background-repeat: no-repeat;
}
a.opsomming_project {
	display: block;
	width: 132px;
	height: 132px;
	border: 1px solid #999;
	padding: 2px;
	float: left;
	margin: 2px;
	color: #222;
	cursor: pointer;
}
a.opsomming_project:hover {
	border: 1px solid #ddd;
	color: #999;
	text-decoration: none;
}
a.opsomming_project div {
	width: 131px;
	height: 131px;
	background-position: center;
	background-repeat: no-repeat;
}
.opsomming_downloads {
	border: 1px solid #ccc;
}
.opsomming_downloads a.opsomming_item {
	width: 280px;
	float: left;
	margin: 5px;
}
.referentie_link {
	display: block;
	margin-bottom: 5px;
	font-size: 17px;
	line-height: 28px;
	height: 28px;
	background-image: url('../img/referenties.jpg');
	text-align: center;
	width: 277px;
}
.locatie_links {
	float: left;
}
.locatie_rechts {
	float: right;
	text-align: right;
	margin-right: 10px;
	width: 280px;
}
.content_item_foto {
	width: 275px;
	height: 110px;
	display: block;
	border: 1px solid #aaa;
}
.content_item_foto div {
	width: 275px;
	height: 110px;
	background-repeat: no-repeat;
	background-position: center center;
}
.showroom_images {
	float: right;
	width: 250px;
	margin-top: 10px;
}
.map {
	background-color: #fff;
	background-image: url('../img/refentiekaart.jpg');
	background-position: top right;
	background-repeat: no-repeat;
	width: 582px;
	height: 460px;
	position: relative;
}
	.map .legenda {
		width: 250px;
		z-index: 80;
		position: absolute;
	}
	.map a.arrow {
		width: 33px;
		height: 33px;
		display: block;
		position: absolute;
	}
		.map a.arrow#a1 {
			background-image: url('../img/arrow_1.png');
			left: 369px;
			top: 194px;
			z-index: 15;
		}
			.map a.arrow.hover#a1 {
				background-image: url('../img/arrow_1_donker.png');
			}
		.map a.arrow#a2 {
			background-image: url('../img/arrow_2.png');
			left: 385px;
			top: 172px;
			z-index: 16;
		}
			.map a.arrow.hover#a2 {
				background-image: url('../img/arrow_2_donker.png');
			}
		.map a.arrow#a3 {
			background-image: url('../img/arrow_3.png');
			left: 368px;
			top: 109px;
			z-index: 17;
		}
			.map a.arrow.hover#a3 {
				background-image: url('../img/arrow_3_donker.png');
			}
		.map a.arrow#a4 {
			background-image: url('../img/arrow_4.png');
			left: 411px;
			top: 215px;
			z-index: 18;
		}
			.map a.arrow.hover#a4 {
				background-image: url('../img/arrow_4_donker.png');
			}
		.map a.arrow#a5 {
			background-image: url('../img/arrow_5.png');
			left: 322px;
			top: 188px;
			z-index: 19;
		}
			.map a.arrow.hover#a5 {
				background-image: url('../img/arrow_5_donker.png');
			}
	.map .info {
		width: 582px;
		height: 452px;
		position: absolute;
		top: 1px;
		left: 2px;
		background-repeat: no-repeat;
		display: none;
		z-index: 5;
	}
		.map .info#m1 {
			background-image: url('../img/chart_1.png');
		}
		.map .info#m2 {
			background-image: url('../img/chart_2.png');
		}
		.map .info#m3 {
			background-image: url('../img/chart_3.png');
		}
		.map .info#m4 {
			background-image: url('../img/chart_4.png');
		}
		.map .info#m5 {
			background-image: url('../img/chart_5.png');
		}
			.map .info .informatie {
				margin-top: 295px;
				margin-left: 10px;
				display: block;
				cursor: pointer;
			}
				.map .info .informatie h2 {
					margin: 0px 0px 5px 0;
				}
.contact_item {
	float: left;
	width: 172px;
	border-right: 1px solid #ccc;
	margin-bottom: 20px;
	margin-right: 20px;
}
.contact_item.eind {
	border: none;
}
/* zoeken */
.zoeken {
	border-bottom: 1px solid #ccc;
	margin: 3px;
	margin-bottom: 20px;
	padding: 4px;
}
.zoeken h3 {
	padding: 0;
	margin: 0;
}
.zoeken a h3 {
	color: #000;
}
.zoeken a:hover h3 {
	color: #888;
}
.zoeken .highlighted {
	background-color: #ff0;
}
a.terug {
	display: block;
	color: #111;
	text-decoration: none;
	background-image:url('../img/terug.jpg');
	width: 162px;
	height: 24px;
}
a.terug:hover {
	background-image:url('../img/terug_over.jpg');
}