body {
	margin: 0px;
	padding: 0px;
	background-color: #666666;
	font-size: 11px;
	font-family:Verdana, Geneva, sans-serif;
	color: #000;
}

h1, h2, h3, h4, h5, h6 {
	color: #000;
}

h2 {
	font-size: 12px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #000000;
}
h1 { 
	font-size: 14px;
	padding: 0px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #b30810;
}

a {
	color: #b30810;
	text-decoration: underline;
	outline: none;
	}
	a:hover {
		text-decoration: none;
	}

.clr {
	clear: both;
}

.input {
	width:120px;
	border:1px solid #B30810;
	padding: 5px;
}

.loginbox_knop {
	background-color:#B30810;
	color:#FFFFFF;
	border:0px;
}

.melding {
	margin-top:10px;
	margin-bottom:10px;
	border: 2px solid #373737;
	padding:5px 5px 5px 5px ;
	color:#373737;
	font-weight:bold;
}

form {
	margin: 0px;
	padding: 0px;
}
.pagina-houder {
	margin: 0px auto;
	width: 990px;
	}
	.site_tabs {
	width: 990px;
	float: left;
}

	.site_tabs ul {
		float: right;
		padding: 0;
		margin: 0;
	}
	
	.site_tabs li  {
		float: left;
		margin: 0;
		background: url("../images/tabs_achtergrond.jpg") repeat-x top;
		border: 2px solid #9d373c;
		border-bottom: 0px;
		height: 30px;
		list-style: none;
		margin-left: 5px;
		display: inline;
	}
	
	.site_tabs li a {
		color: #FFFFFF;
		font-weight: bold;
		padding: 8px 10px 9px 35px;
		text-decoration: none;
		float: left;
		background: url("../images/futurehome-button.png") no-repeat 10px 7px;
	}
	
	.site_tabs li:hover {
		background: url("../images/tabs_achtergrond.jpg") repeat-x bottom;
	}
	
	.site_tabs .tabs_actief {
		background: url("../images/tabs_achtergrond.jpg") repeat-x bottom;
		border: 2px solid #b30810;
		border-bottom: 0px;
	}
	
	.header {
		height: 293px;
		width: 990px;
		color: #fff;
		}
		.plaatje {
			float: left;
			width: 426px;
			height: 261px;
			position:relative;
			padding: 0;  
			margin:  0;
			}
			
			.header_slideshow {
				overflow:hidden;
				height:261px;
			}

			.plaatje img {  
				top:  0; 
				left: 0 ;
			}
			
			.plaatje .stelletje {
				position: absolute;
				bottom: -69px;
				right: 25px;
				background-image:url(../images/wk_billie.png);
				width: 122px;
				height: 154px;
				z-index:99;
			}
			
			.plaatje .billiebaksteen {
				position: absolute;
				bottom: -9px;
				right: 55px;
				width: 122px;
				height: 154px;
				z-index:99;
			}
			
			.plaatje .hoek {
				background-image:url(../images/pijl.png);
				width: 24px;
				height: 49px;
				position: absolute;
				top: 0px;
				right: 0px;
			}
		.topright {
			float: left;
			width: 524px;
			height: 221px;
			padding: 20px 20px 20px 20px;
			/*background:  url(../images/menu_left.jpg) no-repeat center #b30810;*/
			background: #b30810;
			position: relative;
			overflow:hidden;
			}
			.topright .huistitel {
				width:240px;
				float:left;
				height:22px;
				padding:0px 0px 5px 0px;
				margin:0px;
			}
			
			.topright .huistitel img {
				border:0px;
			}
			
			.topright .knoppen_houder
			{
				float: right;
				width: 200px;
			}
				.topright .knoppen_houder a
				{
					float: left;
				}
			.topright .box {
				float: left;
				width: 300px;
				height: 173px;
				margin: 0px 20px 0px 0px;
				padding: 25px 0px;
				background-color: #bb2128;
				background-image:url(../images/leesmeerblok_onder.jpg);
				background-position: bottom;
				background-repeat: no-repeat;
				font-size: 13px;
				position: relative;
				}
			.topright .box2 {
			    background-color: #BB2128;
				background-image: url(../images/leesmeerblok_onder.jpg);
				background-position: right bottom;
				background-repeat: no-repeat;
				float: left;
				font-size: 13px;
				height: 173px;
				margin: 0 23px 0 0;
				padding: 15px 10px 0;
				position: relative;
				width: 214px;	
			}
				.box .leesmeer {
					position: absolute;
					bottom: 9px;
					right: 50px;
					font-size: 13px;
					color: #fff;
					}
					.box .leesmeer a {
						color: #fff;
						text-decoration: none;
						}
						.box .leesmeer a:hover {
							text-decoration: underline;	
						}
			.topright img {
				float: left;
				border: 0px solid #fff;
			}
			.topright .ruimte {
				float: left;
				width: 257px;
				height: 240px;
			}
			.topright .stappen {
				position: absolute;
				left: -24px;
				top: 0px;
				height: 261px;
				width: 262px;
				}
				.topright .stap a {
					float: left;
					height: 52px;
					width: 208px;
					line-height: 49px;
					font-size: 12px;
					color: #fff;
					text-decoration: none;
					padding: 0px 0px 0px 54px;
					display: block;
					font-weight: bold;
					}
					.topright .stap a:hover {
						background-image:url(../images/pijl.png);
						background-position: left;
						background-repeat: no-repeat;
					}
	.content {
		width: 990px;
		background-color: #fff;
		min-height: 200px;
		}
		.content .links {
			float: left;	
			width: 406px;
			padding: 10px 0 0 20px;
			}
			.content .links #logo {
				float: left;
				width: 193px;
				height: 69px;
				background-image:url(../images/logo.jpg);
				text-indent: -9999px;
				margin: 0px 0px 10px 0px;
			}
			.content .links .welkom {
				float: left;
				width: 390px;
				min-height: 280px;
				padding: 8px 8px 0px 8px;
				margin: 0px 0px 10px 0px;
				background-color: #e1e1e1;
				background-image:url(../images/welkom_onder.jpg);
				background-repeat: no-repeat;
				background-position: bottom right;
				font-size: 11px;
				position: relative;
				}
				.content .links .welkom .leesmeer {
					position: absolute;
					bottom: 6px;
					right: 61px;
					color: #b30810;
					font-size: 11px;
					font-weight: bold;
					}
					.content .links .welkom .leesmeer a {
						text-decoration: none;	
						}
						.content .links .welkom .leesmeer a:hover {
							text-decoration: underline;	
						}
			.content .links .fotoalbum {
				float: left;
				width: 380px;
				height: 235px;
				padding: 0px 0px 0px 0px;
				margin: 0px 0px 0px 0px;
				font-size: 11px;
				position: relative;
				overflow: hidden;
				}
				.content .links .fotoalbum .foto_houder {
					float: left;
					padding: 5px 0 10px 6px;
					background-color: #e1e1e1;
					height: 190px;
					width:372px;
					}
					.content .links .fotoalbum .foto_houder h1 {
						padding: 1px 0 1px 0;
						margin: 5px 0 5px 5px;
					}
				.content .links .fotoalbum .foto {
					float: left;
					padding: 1px 1px 1px 1px;
					border: 1px solid #878787;
					margin: 0 0 5px 5px;
					width:112px;
					height:72px;
					background-repeat:no-repeat;
					background-position:center center;
					display:block;
					overflow: hidden;
					}
					
					.content .links .fotoalbum .foto a{
						display:block;
						text-decoration:none;
						line-height:74px;
						height:72px;
						width:112px;
						
					}
					.content .links .fotoalbum .foto img {
						border: 0px;
						overflow: hidden;
					}
				.content .links .fotoalbum .navigatie {
					color: #b30810;
					font-size: 11px;
					font-weight: bold;
					margin: 0px;
					padding: 0px;
					list-style: none;
					width: 380px;
					float: right;
					background-image:url(../images/welkom_onder.jpg);
					background-repeat: no-repeat;
					background-position: right top;
					}
					.text {
						float: left;
						padding: 5px 0 0 20px;
						margin: 0 0 0 0 ;
						line-height: 18px;
					}
					#paginas {
						float: left;
						margin: 0px 0px 0px 10px;
						padding: 0px;
						list-style: none;
						}
						#paginas li {
							display: inline;
							}
							#paginas li a {
								float: left;
								width: 18px;
								height: 20px;
								display: block;
								line-height: 18px;
								margin: 0px 3px 0px 0px;
								text-decoration: none;
								text-align: center;
								color: #b30810;
								border: 1px solid #b30810;
								
							}
							#paginas li.ui-tabs-selected a {
								background-color: #b30810;
								color: #fff;
								
							}
				.ui-tabs-hide {
					display: none;
				}	
		.content .rechts {
			float: left;
			width: 524px;
			background-color: #fff;
			padding: 0px 20px;
			}
			.menu {
				float: left;
				height: 45px;
				width: 544px;
				background-color: #fff;
				}
				/* 1e niveau PARENT */
				#nav ul, #nav {
					padding: 0px;
					margin: 0px;
					list-style: none;
					height: 45px;
					display: block;
					}
					#nav li#current a {
						color: #ff00f6;
					}
					
					#nav li {
						float: left;	
					}
					/*1e niveau CHILD */
						#nav li a {
						display: block;
						height: 43px;
						text-indent: -9999px;
						outline: none;
						color: #000;
						padding-bottom:2px;
						}
						
						#nav li a.current {
						background-position: bottom;
						}
						
						#nav li#home a {
							background:url(../images/home.jpg) top center;
							width: 65px;
						}
						#nav li#home a:hover, #nav li#home a.current { background:url(../images/home.jpg) bottom center; }
						#nav li#bedrijf a {
							background-image:url(../images/bedrijf.jpg);
							width: 78px;
						}
						#nav li#bedrijf a:hover, #nav li#bedrijf a.current { background:url(../images/bedrijf.jpg) bottom center; }
						#nav li#referenties a {
							background-image:url(../images/referenties.jpg);
							width: 109px;
						}
						#nav li#referenties a:hover, #nav li#referenties a.current { background:url(../images/referenties.jpg) bottom center; }
						#nav li#ervaringen a {
							background-image:url(../images/ervaringen.jpg);
							width: 109px;
						}
						#nav li#ervaringen a:hover, #nav li#ervaringen a.current { background:url(../images/ervaringen.jpg) bottom center; }
						#nav li#contact a {
							background:url(../images/contact.jpg) top center;
							width: 93px;
						}
						#nav li#contact a:hover, #nav li#contact a.current { background:url(../images/contact.jpg) bottom center; }
						
						
						#nav li ul li a:hover {
							background: #b30810 !important;
							color: #FFF !important;
						}
						
						#nav li:hover ul, #nav li.sfhover ul {
							left: auto;
							background-position: 0 0;
							}
							#nav ul {
								position: absolute;
								width: 200px;
								left: -1000px;
								background-color:#000;
								height: auto;
								border: 1px solid #b30810;
							}
							/*2e niveau CHILD */
							#nav ul li a:link, #nav ul li a:visited{
								font-weight: bold;
								cursor: pointer;
							}
							/* ////////////////OPMAAK SUBMENU//////////////////*/
							#nav ul li {
								color: #000; 
								background-color: #fff;
								background-image: none;
								}
								#nav li#home ul li a, #nav li#bedrijf ul li a, #nav li#kavels ul li a, #nav li#referenties ul li a, #nav li#contact ul li a {
									background-image: none;
									width: 180px;
								}
								#nav ul li a{
									height: 35px;
									line-height: 35px;
									background-color: #fff;
									background-image: none;
									color: #b30810;
									text-indent: 0px;
									padding: 0px 10px 0px 10px;
									width: 180px;
									border-bottom: 1px solid #b30810;
									text-decoration: none;
									}
									#nav ul li:last-child a {
										border: none;	
									}
									#nav ul li a:hover {
										background-color: #b30810;
										color: #fff;
										cursor: pointer;
										height: 34px;
									}
			.rechts .inhoud {
				float: left;
				padding: 14px 0px 4px 0px;
				width: 540px;
						
				}
				.inhoud img {
					float: right;
					border: 1px solid #b30810;
					clear: right;
					margin: 0px 0px 19px 0px;
				}
			.overzichten {
				float: left;
				width: 970px;
				padding: 0px 10px 10px 10px;
				}
				.overzichten .overzichtbox {
					float: left;
					display: inline;
					background-color: #e1e1e1;
					width: 287px;
					height: 112px;
					margin: 10px 10px 10px 10px;
					padding: 8px;
					}
					.overzichten .overzichtbox:hover {
						background: #d6d6d6;
					}
					.overzichten .overzichtbox img {
						float: left;
						margin: 8px 10px 0px 0px;
						border: 1px solid #878787;
					}
					.overzichten .overzichtbox p {
						margin: 8px 0px 0px 0px;
						padding: 0px;
						
					}
					.overzichten .overzichtbox h3 {
						font-size: 12px;
						font-weight: bold;
						color: #b30810;
						margin: 0px;
						padding: 0px;
					}
					.overzichten .overzichtnav {
						float: right;
						color: #b30810;
						font-size: 11px;
						font-weight: bold;
						margin: 0 0 0 0;
						padding: 0px;
						list-style: none;
						min-height: 46px;
						width:914px;
						padding: 0px 0px 0px 10px;
						}
						.overzichtnav .text {
							float: left;
							line-height: 18px;
							margin: 12px 10px 0px 0px;
							color: #000;
						}
							.overzichtnav a {
									float: left;
									width: 18px;
									height: 20px;
									display: block;
									line-height: 18px;
									margin: 12px 3px 0px 0px;
									text-decoration: none;
									text-align: center;
									color: #b30810;
									border: 1px solid #b30810;
									
								}
								.overzichtnav strong {
									float: left;
									width: 18px;
									height: 20px;
									display: block;
									line-height: 18px;
									margin: 12px 3px 0px 0px;
									text-decoration: none;
									text-align: center;
									color: #b30810;
									border: 1px solid #b30810;
									background-color: #b30810;
									color: #fff;
								}
								.overzichtnav p a {
									float: none;
									display: inline;
									width: auto;
									height: auto;
									border: 0px;
									background: none;
									text-decoration: underline;
								}
								.overzichtnav a:hover {
									background-color: #b30810;
									color: #fff;
								}
								
								.overzichtnav .text_right {
									float:right;
								}								
				
			.home-configurator {
				margin: 0px auto;
				width: 788px;
				height: 636px;
				position: absolute;
				background-color:#FFF;
				border: 2px solid #b30810;
				z-index: 100;
				}
				.titel {
					height: 28px;
					line-height: 28px;
					background-color: #b30810;
					color: #fff;
					font-weight: bold;
					position: relative;
					}
					.titel .kruis a {
						position: absolute;
						height: 19px;
						width: 17px;
						top: 3px;
						right: 15px;
						background-image:url(../images/kruis.jpg);
						background-repeat: no-repeat;
						text-indent: -9999px;
						outline: none;
					}
					
					
.referentie_links {
	padding:5px 0px 15px 0px;
	}
	
	.vorige {
		float:left;	
	}
	
	.volgende {
		float:right;
	}
	
.footer { 
	font-size:10px;
	background-color:#666666;
	color:#FFFFFF;
	padding:5px 5px 5px 10px ;
}

.footer a{ 
	color:#FFFFFF;
}

.spacer {
	height:20px;
	line-height:20px;
	width:800px;
}

/*
.site_tabs {
			   width: 924px;
			   float: left;
}

.site_tabs ul {
			   float: right;
			   padding: 0;
			   margin: 0;
}

.site_tabs li  {
			   float: left;
			   margin: 0;
			   background-image: url("../images/tabs_achtergrond_inactief.jpg");
			   background-repeat: repeat-x;
			   border: 2px solid #9d373c;
			   border-bottom: 0px;
			   height: 30px;
			   list-style: none;
			   margin-left: 5px;
			   display: inline;
}

.site_tabs li a {
			color: #FFFFFF;
			font-weight: bold;
			padding: 8px 10px 9px 35px;
			text-decoration: none;
			float: left;
			background: url("../images/futurehome-button.png") no-repeat 10px 7px;
}

.site_tabs li:hover {
			   background-image: url("../images/tabs_achtergrond_hover.jpg"); 
			   background-repeat: repeat-x;
}

.site_tabs .tabs_actief  {
			   background-image: url("../images/tabs_achtergrond_actief.jpg");
			   border: 2px solid #b30810;
			   border-bottom: 0px;
}
.site_tabs .tabs_actief:hover {
			   background-image: url("../images/tabs_achtergrond_actief.jpg");
}
*/
.film_home {
	background-image:url(../images/film.jpg);
	width:482px;
	height:160px;
	margin-bottom:10px;
	cursor:pointer;
}

.film_home:hover {
	background-position:bottom;
}

.huistoevoegen {
	position: absolute;
	background-image:url(../images/huistoevoegen.jpg);
	width: 301px;
	height: 46px;
	text-indent: -9999px;
	display: block;
	right: 18px;
	top: 10px;
	}
	.huistoevoegen:hover{
	background-image:url(../images/huistoevoegen_hover.jpg);

	}
.googlemaps {
	margin: 20px 0px 0px 0px;
	float: left;
	width: 392px;
	height: 260px;
	padding: 5px 0 10px 6px;
}

.melding {
    border: 1px solid;
    border-radius: 3px 3px 3px 3px;
    display: block;
    line-height: 20px;
    margin: 10px auto;
    min-height: 20px;
    padding: 7px 7px 7px 30px;
    position: relative;
    text-align: left;
    width: 949px;
}
.succes {
    background: url("../images/tick.png") no-repeat scroll 7px 9px #D5FFCE;
    border-color: #9ADF8F !important;
    color: #556652;
}
.error {
    background: url("../images/exclamation.png") no-repeat scroll 7px 9px #FFCECE;
    border-color: #DF8F8F !important;
    color: #665252;
}