/* CSS Document */
a{
	color: #008b6e;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

h1{
	color: #FFF;
	font-size: 130%;
	font-weight: normal;
	text-transform:uppercase;
	margin: 0 0 10px 0;
	padding: 0;
}

h2{
	color: #FFF;
	font-size: 75%;
	text-transform:uppercase;
	margin: 0;
	padding: 0;
}
h3{
	color:#008b6e;
	text-transform:uppercase;
	margin: 0;
	font-size: 75%;
}

h5{
	color: #008b6e;
	font-size: 100%;
	font-weight: bold;
	text-transform:uppercase;
	margin: 0 ;
	padding: 0;
}

p{
	color:#5e4f4a;
	font-size: 75%;
	margin: 0 0 15px 0;
	padding: 0;
	line-height: 150%;
}

p.white{
	color:#FFFFFF;
}

ul{
	color: #89807a;
	font-size: 75%;
	line-height: 150%;
	list-style:square;
}

table{
}

tr{
}

td{
	 color: #89807a;
	 font-size: 75%;
	 line-height: 150%;
	 padding: 3px;
}



td h2, td h3, ul li ul{
	font-size: 100%;
}


input, select, textarea{
	 color: #89807a;
	 border: 1px solid #008b6e;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 font-size: 11px;
	 width: 200px;
	 padding: 2px;
}

input.submit{
	background: #008b6e;
	color: #FFF;
	font-weight: bold;
	width: auto;
}

input.radio{
	border:none;
	width: auto;
}


body{
	margin: 0;
	font-family: "Trebuchet MS", Trebuchet, Arial, Verdana;
}

#container {
	position: absolute;
	top: 0;
	left: 0;
	background:url(../images/content_bg.gif) 25% 0 repeat-y;
}
html, body, #container {
	width: 100%;
	height: 100%;	
	min-height: 100%;
} 

html>body, html>body #container {
	height: auto;
}

#main {
	margin-left: 25%;
	height: auto;
	margin-bottom: 80px;
}

#logo{
	height: 60px;
	padding: 30px 0 0 5%;
	background: #FFF;
}

#logo a img{
	border: none;
}

#top{
	background: #8d817b;
}

/*#infobalk{
	height: 100px;
	padding: 25px 5% 0 5%;
}*/

#infobalk{
	height: 60px;
	padding: 15px 5% 0 5%;
}

#infobalk h1{
	padding: 10px 0 0 0;
}


#infobalk td{
	color:#FFFFFF;
	font-weight: bold;
	padding: 2px 10px 2px 2px;
}

#infobalk td input{
 	width: 100px;
	font-weight: normal;
	border: none;
}

#infobalk td select{
	width: auto;
	font-weight: normal;
	border: none;
}

#infobalk td input.results{
	width: 26px;
	height: 23px;
}

#content{
	min-height: 300px;
	height: 300px;
	padding: 25px 5% 0 5%;
}

html>body #content{
	height: auto;
}

#content_left{
	float: left;
	width: 45%;
	max-width: 400px;
	position: relative;
}


#content_right{
	margin-left: 55%;
	max-width: 400px;
	position: relative;
}

html>body #content_right{
	width: auto;
}

.title{
	height: 20px;
	padding: 4px 0 2px 25px;
	background:url(../images/menu_list_item.gif) 10px 7px no-repeat;
	margin: 0 0 15px 0;
}

#content_left .title{
	background-color: #008b6e;
}

#content_right .title{
	background-color: #857771;
}

.personeel_vlak{
	width: 70%;
	max-width: 600px;
	position: relative;
	margin: 0 0 20px;
}
.personeelfoto{
	 float: left;
	 margin: 0 0 20px 0;
	 border: 1px solid #008b6e;
}

.personeel{
	margin: 0 0 0 130px;
}

.clear{
	clear:both;
}


.clear_left{
	clear:left;
}

.woning{
	position: relative;
	border-bottom: 1px solid #b4b5b7;
	border-left: 1px solid #b4b5b7;
	width: 100%;
	margin:  0 0 15px 0;
	background:url(../images/woning_aanbod_hoekje.gif) right bottom no-repeat;
}

.woning img{
	border-top: 1px solid #b4b5b7;
	border-right: 1px solid #b4b5b7;
	float: left;
	margin: 0 15px 0 0;
	
}
.woning_info{
	margin:  0 0 0 123px;
	background:url(../images/meer.gif) left bottom no-repeat;
	height: 84px;
}

.woning_info p{
	margin: 0;
	color: #89807a;
	line-height: 120%;
}

.woning_info p a{	
	font-style:italic;
	color: #89807a;
	padding: 0 0 0 25px;
	text-decoration: none;
	margin: 0;
	line-height:normal;
	position: absolute;
	bottom: 0;
}
.woning_info p a:hover{	
	color: #008b6e;
}


ul#nieuws{
	list-style: none;
	margin: 0 0 15px 0;
	padding:0;
}

ul#nieuws li{
	width: 100%;
	border-bottom: 1px solid #b4b5b7;
	padding: 4px 0;
}

ul#nieuws li a{
	display: block;
	color:#5e4f4a;
	text-decoration: none;
}

ul#nieuws li a:hover{
	color: #008b6e;
}

.noborder{
	border: none;
}

.navigatie{
	position: relative;
	margin: 0 5px 25px 0;
	max-width: 700px;
	width: 700px;
}

html>body .navigatie{
	width: auto;
}


.navigatie p{
	margin: 0;
	padding: 2px;
	text-align: center;
}
.navigatie #next{
	position: absolute;
	right: 0;
	top: 0;
	margin: 0 15px 0 0;
	background:url(../images/volgende.gif) right 4px no-repeat;
	padding: 0 15px 0 0;
}
.navigatie #previous{
	position: absolute;
	left: 0;
	top: 0;
	margin: 0 0 15px 0;
	background:url(../images/terug.gif) left 4px no-repeat;
	padding: 0 0 0 15px;
}

.navigatie #previous ul, .navigatie #next ul{
	margin: 0;
	padding: 0;
	list-style: none;
}

.navigatie #previous ul li a, .navigatie #next ul li a{
	border: none;
	color: #89807a;
	text-decoration: none;
}

.navigatie #previous ul li a:hover, .navigatie #next ul li a:hover{
	color: #008b6e;
}

body.vervolg .woning{
	width: 100%;
	border-bottom: none;
	background: none;
	margin: 0 0 30px 0;
}

body.vervolg .woning img{
	border-bottom: 1px solid #b4b5b7;
}

html>body.vervolg .woning{
	width: auto;
}

body.vervolg .woning h5{
	width: auto;
	background:url(../images/woning_aanbod_hoekje.gif) right bottom no-repeat;
	border-bottom: 1px solid #b4b5b7;
}

body.vervolg .woning_info{
	margin:  0 0 0 123px;
	background:url(../images/meer.gif) left bottom no-repeat;
	border-bottom: 1px solid #b4b5b7;
	height: 84px;
}

body.vervolg .woning h5 .adres, body.vervolg .woning h5 .prijs{
	font-size: 70%;
	color: #3e3e40;
	font-weight: normal;
	text-transform: none;
}

body.vervolg .woning h5 .prijs{
	position:absolute;
	right: 0;
	margin: 0 15px 0 0;
	top: 5px;
}


#footer {
	position: absolute;
	bottom: 0;
	width: 95%;
	height: 50px;
	padding: 0 5% 0 0;
}

#footer img{
	float: left;
	padding-left: 2%;
}

#footer p{
	color: #89807a;
	font-size: 65%;
	text-align: right;
	padding: 15px 0 0 0;
	margin: 0;
}

#footer p a{
	color: #89807a;
	text-decoration: none;
}

#footer p a:hover{
	text-decoration: underline;
}



#menu{
	position:absolute;
	top: 0;
	left: 0;
	width: 25%;
	background:url(../images/menu_bg-stripes.gif) 0 90px repeat-x #008b6e;
}

#menu_ele{
	width: 90%;
	background:url(../images/menu_bg.gif) left top no-repeat #FFF;
	padding: 210px 0 0 10%;
}

#menu_ele p{
	color:#5a504c;
	font-size:70%;
	line-height: 170%;
	margin: 0;
	padding: 0;
}

#menu_ele p a{
	color:#5a504c;
	padding: 0 0 0 15px;
	font-weight: bold;
	text-decoration: none;
	background:url(../images/contact.gif) 0 3px no-repeat;
}

#menu_ele p.terug a{
	background:url(../images/logo_groep.gif) 0 1px no-repeat;
}

#menu_ele p a:hover{
	text-decoration: underline;
}


#menu ul#nav{
	position:relative;
	width: 200px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 11px;
	z-index: 1;
	line-height: 100%;
}


ul#nav li{
	color:#FFFFFF;
	margin: 0;
	padding: 7px 0;
	position: relative;
	text-transform:uppercase;
}


ul#nav li a{
	color:#FFFFFF;
	text-decoration: none;
	padding: 0 0 0 25px;
	display: block;
}


ul#nav li a:hover{
	background:url(../images/menu_list_item.gif) 10px 0 no-repeat;
	color:#FFFFFF;
}

ul#nav li ul{
	display:none;
	position: absolute;
	background:#FFFFFF;
	left:200px;
	top: 0;
	width: 175px;
	font-size:100%;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 150%;
	z-index:3;
}


ul#nav li ul li{
	padding: 5px 0 4px 25px;
	margin: 0;
	color: #666666;
	background:url(../images/sub_menu.gif) 5px 5px no-repeat #FFF;
	text-transform: none;
	position: relative;
	width: 150px;
}
ul#nav li ul li a{
	color: #89807a;
	padding: 0;
}

ul#nav li ul li a:hover{
	color: #008b6e;
	background: none;
}

#menu ul#nav li ul li ul{
	left: 175px !important;
}

ul#nav li:hover ul{
	display:block;
}
ul#nav li:hover ul li ul{
	display:none;
}
ul#nav li ul li:hover ul{
	display:block;
}


#pijldown{
	position:absolute;
	top: 0;
	left: 25%;
	margin-left: -21px;
}

.table-aanbod{
	text-align: left;	
	
}
.table-aanbod-top{
	background-color: #EEECEB;
	line-height:100%;	
	font-size:100%;	
}
.table-aanbod-nav{
	padding: 3px;
	line-height:100%;	
	font-size:100%;	
}
.table-aanbod-1{
	background-color: #EEECEB;
	padding: 3px;
	line-height:100%;	
	font-size:100%;	
}
.table-aanbod-2{
	background-color: #EEECEB;
	padding: 3px;
	line-height:100%;	
	font-size:100%;	
}
.table-aanbod-price{
	background-color: #008B6E;
	color: #ffffff;
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	line-height:100%;	
	font-size:100%;	
}
.moreinfo{
	color: #008B6E;
	text-decoration:none
	font-weight: bold;
	line-height:100%;	
	font-size:100%;	
	
}
a{
text-decoration:none;
}

.table-content{
	text-align: left;
	line-height:100%;	
	font-size:100%;	
}
.table-tabs-active{
	border: 1px solid #000000;
	border-bottom: none;
	background-color: #990000;
	color: #FF6600;
	height: 14px;
	width: 50px;
	padding: 2px 2px 2px 10px;
	font-weight: bold;
	line-height:100%;	
	font-size:100%;	
}
.table-tabs-inactive{
	border: 1px solid #000000;
	background-color: #660000;
	color: #FFFFFF;
	height: 14px;
	width: 50px;
	padding: 2px 2px 2px 10px;
	cursor: pointer;
	font-weight: bold;
	line-height:100%;
	font-size:100%;	
}
.table-tabs-empty{
	border-bottom: 1px solid #000000;
	width: 2px;
}
.table-tabs-content{
	background-color: #990000;
	border: 1px solid #000000;
	border-top: none;
	padding: 8px;
}
.aanbod-photo-main{
	width: 153px;
	height: 114px;
	border: 0px solid #008B6E;
}
.aanbod-photo{
	width: 126px;
	height: 85px;
	border: 0px solid #FF6600;
}
.aanbod-photo-large{
	height: 220px;
	border: 2px solid #FF6600;
	vertical-align: top;
	margin-top: 2px;
	cursor: pointer;
}
a:link.redlink, a:hover.redlink, a:visited.redlink{
	color: #FF6600;
}
.hidediv{
	display: none;
}
.showdiv{
	display: block;
}

.image{
	border: 2px solid #FF6600;
}
.button{
	background-color: #FF6600;
	color: #FFFFFF;
	height: 19px;
	width: 85px;
	border: none;
	font-size: 12px;
	padding-bottom: 2px !important;
	padding-bottom: 0px;
	cursor: pointer;
}
.zoom a, .zoom a:link, .zoom a:visited, .zoom a:hover {
	background-color: #FFFFFF;
	color: #000000;
	border: 2px solid #FF6600;
	padding: 2px;
	width: 30px;
	text-decoration: none;	
}

TD.header {
	COLOR: #ffffff;
	BACKGROUND-COLOR: #008B6E;
	line-height:100%;	
	font-size:11px;
	}
	
TD.details {
	COLOR: #8D817B;	
	line-height:100%;	
	font-size:100%;
	font-size:11px;
	}	
	
TD.foto {
	height:161px;
	width:241px;
	
	}		
	
DIV#tekstInternetContainer {
	PADDING-RIGHT: 20px;
	PADDING-LEFT: 20px;	
	PADDING-BOTTOM: 20px; 
	OVERFLOW: auto; 
	WIDTH: 450px; 
	PADDING-TOP: 20px; 
	font-size:11px;
	HEIGHT: 100%; 
	BACKGROUND-COLOR: #dadada	
	}

DIV#thumbnailsContainer {
	OVERFLOW-Y: auto;
	OVERFLOW-X: hidden;
	WIDTH: 330px; 
	HEIGHT:   240px; 
	max-height: 200px
}