/* Layout */
body 
{
	background: #a6b7c9 url(/images/bg.gif) repeat-y center top;
	color:#00386E;
}
#wrap
{
	width: 980px;
	margin: 0 auto;
}

/* Header */
#header
{
	height: 128px;
	position: relative;
	z-index:20;
}
#header a.logo
{
	float: left;
	margin: 20px 0 0 -1px;
}

a#waard:link, a#waard:visited
{
	background: url(/images/waard.png) no-repeat left top;
	text-indent: -9999px;
	display: block;
	width: 120px;
	height: 97px;
	position: absolute;
	right: 17px;
	top: 10px;
	z-index: 100;
}
a#waard:hover, a#waard:active
{
	opacity: 0.7;
}
a#live-chat:link, a#live-chat:visited
{
	/* background: url(/images/livechat.gif) no-repeat left top; 
	text-indent: -9999px; */
	display: block;
	width: 90px;
	height: 68px;
	position: absolute;
	right: 0px;
	top: 13px;
}
a#live-chat:hover, a#live-chat:active
{
	opacity: 0.7;
}

#navigation 
{
	background: #00964d;
	width: 727px;
	height: 33px;
	float: right;
	margin: 88px 0 0 0;
	position:relative;
	z-index:555;
}

/* Banner */
#banner 
{
	height: 152px;
	overflow: hidden;
	margin: 0 0 4px;
	z-index:1;
	position:relative;
}
#banner-left 
{
	width: 247px;
	height: 152px;
	float: left;
	background: #f4f7f9;
	text-align: center;
	font-size: 12px;
}
#banner-left p 
{
	font-size: 11px;
}
#banner-left a:link, #banner-left a:visited
{
	color: #01904a;
	font-weight: bold;
}
#exclusief {
	width:247px;
	height:62px;
	background:url(/images/bg-exclusief.jpg) no-repeat 0 0;
	}
#exclusief a {
	display:block;
	height:62px;
	text-indent:-9000px;
	background:url(/images/bg-exclusief.jpg) no-repeat 0 0;
	}
#exclusief a:hover {
	background:url(/images/bg-exclusief.jpg) no-repeat 0 -62px;
	}
#tekstlichtkrant
{
	width: 227px;
	/*height: 132px;*/
	float: left;
	background: #f4f7f9;
	text-align: center;
	font-size: 12px;
	padding:10px;
}

img.lichtkrant {
	float:left;
	margin:0px;
	}






#banner-left1
{
	width: 179px;
	height: 132px;
	float: left;
	background: #fff;
	text-align: center;
	font-size: 12px;
}
#banner-left1 a:link, #banner-left1 a:visited 
{
	font-weight: bold;
	text-decoration: none;
}
#banner-left2
{
	width: 247px;
	height: 120px;
	background: #f4f7f9;
	text-align: center;
	font-size: 12px;
	margin: 0 0 4px;
}
#banner-left2 a:link, #banner-left2 a:visited 
{
	color: #01904a;
	font-weight: bold;
}
#banner-left2 p 
{
	font-size: 11px;
}


#banner-main 
{
	float: left;
	width: 727px;
	padding: 0 0 0 6px;
	height:152px;
}

/* Sidebar */
#sidebar 
{
	width: 247px;
	float: left;
}
h2.map
{
	background: #00386e;
	display: block;
	width: 237px;
	font-size:12px;
	padding-left:10px;
	height:20px;
	padding-top:2px;
}
#map 
{
	width: 247px;
	height: 307px;
	background: url(/images/map1.gif) no-repeat left top;
	position: relative;
	border-bottom: 1px solid #99afc5;
	padding-bottom: 3px;
}
#map {
	margin-top:9px;
	}
#map p
{
	font-size: 11px;
	line-height: 15px;
	position: absolute;
	color: #00386e;
}
#map .adr1 
{
	bottom: 39px;
	left: 12px;
	padding:5px;
}
#map .adr2 
{
	bottom: 39px;
	left: 117px;
	padding:5px;
}
#map .contact 
{
	bottom: 9px;
	left: 17px;
}
#map .contact a:link, #map1 .contact a:visited
{
	color: #00386e;
	text-decoration: none;
}

/* Content */
#content
{
	float: left;
	width: 727px;
	padding: 0 0 0px 6px;
}
#content-wrap 
{
	background: url(/images/content-bottom.gif) no-repeat bottom right;
	padding-bottom: 7px;
}

body.vervolg #content
{
	float: left;
	width: 727px;
	padding: 0 0 10px 6px;
	background: url(/images/content-bottom.gif) no-repeat bottom right;
	
}
body.vervolg #content-wrap 
{
	background:#E3E9EF;
	padding: 10px 20px 20px 20px;
	font-family:arial;
	font-size:11px;
	overflow:hidden;
}

h1 {
	font-size:24px;
	margin:0px;
	}
h2 {
	font-size:18px;
	margin:0px;
}	

#content-wrap p { 
	line-height:19px;
}


h2.titel
{
	background: #00386e;
	display: block;
	width: 717px;
	font-size:12px;
	padding-left:10px;
	height:20px;
	padding-top:2px;
}

blockquote {
    margin: 1em 3em;
    padding: .5em 1em;
    border-left: 5px solid #00964D;
    background-color: #B6C6D6; 
	font-size:16px;
	font-style:italic;
	}
	
blockquote p {
    margin: 0; }

	
#content-inner
{
	width: 383px;
	min-height: 270px;
	padding: 20px;
	padding-bottom:13px;
	float: left;
	background: #e3e9ef;
}

body.home #content-inner {
	margin-top:9px;
}
#content-wrap ul {
	margin-bottom:12px;
	}
#content-wrap ul li {
	line-height:19px;
	}

#a-side
{
	width: 294px;
	float: left;
	padding: 0 0 0 10px;
}
#a-side h3 {
	color:#F39400;
	text-transform:uppercase;
	font-weight:bold;
	margin:6px 0 0;
	line-height:1;
	font-size:18px;
	}
#photo-p 
{
	background: #e3e9ef;
	font-size: 11px;
	overflow: hidden;
	margin: 0;
	float:left;
	width:294px;
}
#photo-p img 
{
	float: left;
	margin-right: 8px;
}
#photo-p p 
{
	padding-top: 29px;
	font-size: 11px;
}

/* SPECIAL */

div.special_container {
	float:left;
}
div.special_container span.woonplaatstext,
div.special_container span.adrestext,
div.special_container span.prijstext,
div.special_container span.woningtypetext {
	float:left;
	width:120px;
}
div.special_container span.woonplaatstext {
	margin-top:20px;
}
div.special_container span.prijstext {
	margin-top:20px;
	font-weight:bold;
}
div.special_container span.woningtypetext {
	display:none;
	visibility:hidden;
	}

#ban-group {
	float:left;
	margin-top:9px;
	}
#ban-group img
{
	margin: 0 0 1px;
}

span.banner1 {
	height:46px;
	width:274px;
	background:#00386E url(/images/b1.gif) no-repeat left bottom;
	float:left;
	position:relative;
	margin-bottom:0;
	font-size:14px;
	padding:10px 10px 5px;
}

span.banner2{
	height:46px;
	width:274px;
	background:#00964D url(/images/b2.gif) no-repeat left bottom;
	float:left;
	position:relative;
	margin-bottom:10px;
	font-size:14px;
	padding:10px 10px 5px;
}
span.banner3{
	width:274px;
	background:#F19206;
	float:left;
	position:relative;
	margin-bottom:10px;
	padding:0px 10px;
	margin-top:10px;
}

/* Footer */
#footer 
{
	height: 77px;
	width: 980px;
	margin: 0 auto;
	/*background: url(/images/footer-bg.gif) no-repeat top left;*/
}
#footer-inner
{
	width: 727px;
	margin: 0 0 0 253px;
	position: relative;
}
#footer-inner img	
{
	position: absolute;
	top: 10px;
}
#footer-inner .b1 
{
	left: 0px;
	top: 16px;
}
#footer-inner .b2
{
	left: 192px;
	top: 15px;
}
#footer-inner .b3
{
	left: 345px;
}
#footer-inner .b4
{
	left: 433px;
	top:  18px;
}
/* FORMULIER */
#forms legend
{
	display:block;
	color:#00386E;
	}
#forms fieldset
{
    border:solid 1px #ccc;
    padding:10px;
	margin-bottom:10px;
}
.row
{
    clear:left;
    overflow:hidden;
	margin-bottom:5px;
}
.row label
{
    display:block;
    width:120px;
    float:left;
    cursor:pointer;
    margin-bottom:2px;
}

.row input, .row textarea
{
    width:300px;
}
.row #geslacht {
	width:20px;
}
.row span {
	font-size:12px;
}
.row #Woonwensen
{
	width:520px;
}
.postcode input, .telefoon input
{
    width:100px !important;
}
.sendlink
{
    margin-top:10px;
    float:left;
}
.sendlink a
{
    float:left;
}

h3.formulier {
	color:#FFFFFF !important;
	font-size:11px;
	background:#406A92 none repeat scroll 0 0;
    padding-left:12px;
	color:#FFF;
	text-transform:uppercase;
	font-weight:bold;	
	margin-top:20px;
	}
	
/* wie zijn wij */
div.wiezijnwij-item {
	float:left;
	overflow:hidden;
	padding:10px;
	background:#C9D5E1;
	width:655px;
	margin-bottom:10px;
}	
div.wiezijnwij-item  img{
	float:left;
	border:5px solid #FFF;
	margin-right:10px;;
}

div.wiezijnwij-item  span.email,
div.wiezijnwij-item  span.mobiel {
	float:left;
	display:block;
	width:50px;
}

/* Prospect */

#locatieframe	 {
	margin-bottom:5px;
	height:85px;
	background:#E3E9EF;
	}

	
#selectbox {
	width:300px;
	}
	
#strKnoppen {
margin:5px 0px 5px 0px;
float:left+
}

.buurtgegevens_header
{
    background-color:#406A92;
    width:655px;
    color:#fff;
	padding:2px;
	font-weight:bold;
}

#fout {
	color:#FF0000;
	font-weight:bold;
	}
	
.woonnieuwsHeadlines {  
padding: 5px 5px 30px;  
font-family: Trebuchet MS,Helvetica,sans-serif;  
font-size: 12px;  
border:0px !important;  
background:#E3E9EF url(http://www.woonnieuws.nl/gfx/logo_small.gif) no-repeat scroll center 98% !important;  
}  
.woonnieuwsClear {  
clear:both;  
display:block;  
font-size:1px;  
height:1px;  
line-height:1px;  
margin-top:-1px;  
overflow: hidden;  
}  
.woonnieuwsHeading {  
margin: 4px 0;  
border-bottom: 1px solid #3A476C ;  
display:none;
visibility:hidden;
}  
h3.woonnieuwsHeading a {  
font-size: 15px;  
}  
.woonnieuwsHeadlines ul {  
margin: 0;  
padding: 0;  
list-style: none;  
}  
.woonnieuwsHeadlines li {  
margin: 0;  
padding: 0;  
}  
.woonnieuwsHeadlines a {  
color: #3A476C;  
text-decoration: none;  
}  
.woonnieuwsHeadlines a:hover {  
text-decoration: underline;  
}  
.woonnieuwsMoreWrapper {  
text-align: right;  
}

/* Contactmenu */
#contactmenu {
	list-style:none;
	padding:0px;
	margin:0px;
	width:100%;
	float:left;
	margin-bottom:10px;
	}
#contactmenu li{
	list-style:none;
	padding:0px;
	margin:0px;
	float:left;
	margin-right:2px;
	}
#contactmenu li.searchpage a {
	display:block;
	height:20px;
	line-height:20px;
	width:130px;
	text-align:center;
	color:#fff;
	background:#00386e;
	font-weight:bold;
	text-decoration:none;
	}
#contactmenu li.searchpage a:hover {
	background:#F19206;
	}
	
/* mijn teksten foto's */
img.MijnTekstImgRightTop,
img.MijnTekstImgLeftTop,
img.MijnTekstImgLeftBottom,
img.MijnTekstImgRightBottom {
	padding:5px;
	background:#FFFFFF;
	width:300px;
	height:auto;
}

img.MijnTekstImgRightTop {
	margin:0px 0px 10px 10px;
	float:right;
}

img.MijnTekstImgLeftTop {
	margin:0px 10px 10px 0px;
	float:left;
	}
img.MijnTekstImgLeftBottom	{
	margin:10px 10px 0px 0px;
	float:left;
}
 
img.MijnTekstImgRightBottom {
	margin:10px 0px 0px 10px;
	float:right;
}

#belofmail  input{
	width:auto !important;
	float:left;
	margin-right:10px;
}
#belofmail  label{
	width:auto !important;
	float:left;
}


a.woonnieuwsMore {
	display:none;
	visibility:hidden;
	}
	
div.Hoveradr1Bg #map {
	background: url(/images/map-denham.gif) no-repeat left top;
	}
div.Hoveradr2Bg #map {
	background: url(/images/map-vriezenveen.gif) no-repeat left top;
	}

	
div.Hoveradr1Bg #map p.adr1 {
	background: url(/images/achtergrond-adres.png);
}

div.Hoveradr2Bg #map p.adr2 {
	background: url(/images/achtergrond-adres.png);
}

	  #crossfade {
		width: 	727px;
		height: 152px;
		position:relative;
		z-index:1;

	  }
	  
#slideshow {
    position:relative;
    height:350px;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}