*{
	margin:0;
	padding:0;
	outline:none;
}

html{
	/* Weggehaald door Bart op 20-01-2010 */
	/* overflow-x:hidden; */
	overflow-y:scroll;
}

body{
	background:#adbe24 url(../img/bg_body.gif) top repeat-x;
	font-family:Verdana, Arial, Helvetica;
	font-size:13px;
	color:#373738;
	line-height:1.7;
}
	.layout2{
	background:#adbe24 url(../img/bg_body_b.gif) top repeat-x;
	}
	.layout3{
	background:#adbe24 url(../img/bg_body_c.gif) top repeat-x;
	}


/*-- PNG-fix for browsers older then IE7 -------------------------------*/
img, div {
	behavior: url(/css/iepngfix.htc);
}

img{
	border: none;
}
img.greyborder{
	border: 1px solid #aaa;
}

h1{
	font-family:Verdana, Arial, Helvetica;
	font-size:28px;
	color:#262627;
	line-height:1;
}
h2{
	font-family:Arial, Arial, Helvetica;
	font-size:12px;
	color:#7c0e11;
	text-transform: uppercase;
	text-align: left;
	line-height:1.3em;
}
h3{
	font-family:Verdana, Arial, Helvetica;
	font-size:10px;
	color:#000;
	line-height:1.2em;	
	font-weight: bold;
	margin-top: 3px;
}

h4{
	font-family:Arial, Arial, Helvetica;
	font-size:16px;
	color:#000;
	line-height:1em;	
	font-weight: bold;
	margin-top: 5px;
}

h5 {
	font-family:Arial, Arial, Helvetica;
	font-size:12px;
	color:#7c0e11;
	text-transform: uppercase;
	text-align: left;
	line-height:1.3em;
	color:#7c0e11;
	margin:0 0 20px 0;
}

select{
	font-size:11px;
	width:140px;
	margin-bottom:8px;
}

p{
	padding-bottom:16px;
}

.block {
	padding:10px;
	margin-bottom:20px;
	background:#ecebeb;
	border:1px solid #cccccc;
}

#applicationDiv{
	width:550px;
	padding: 20px;
}
#brochureDiv{
	width:650px;
	padding: 20px;
}
#contactDiv{
	width:650px;
	padding: 20px;
}
form p {
	margin-bottom:10px;
}

form#HypotheekAddForm label {
	float: left;
	width: 215px;
	font-weight: normal;
	padding-top: 2px;
}

form#HypotheekAddForm div {
	margin-bottom: 10px;
}
#HypotheekAddForm .error-message {
	display: none;
}
#HypotheekAddForm .form-error {
	border:1px solid #ff0000;
}
form#ApplicationAddForm label {
	float: left;
	width: 215px;
	font-weight: normal;
	padding-top: 2px;
}

form#ApplicationAddForm div {
	margin-bottom: 10px;
}
#ApplicationAddForm .error-message {
	display: none;
}
#ApplicationAddForm .form-error {
	border:1px solid #ff0000;
}
form#BrochureAddForm label {
	float: left;
	width: 215px;
	font-weight: normal;
	padding-top: 2px;
}

form#BrochureAddForm div {
	margin-bottom: 10px;
}
#BrochureAddForm .error-message {
	display: none;
}
#BrochureAddForm .form-error {
	border:1px solid #ff0000;
}
form#ContactAddForm label {
	float: left;
	width: 215px;
	font-weight: normal;
	padding-top: 2px;
}
form#BezichtigingAddForm div {
	margin-bottom: 10px;
}
#BezichtigingAddForm .error-message {
	display: none;
}
#BezichtigingAddForm .form-error {
	border:1px solid #ff0000;
}
form#BezichtigingAddForm label, #HuismailAddForm label, .label, form#PuzzleAddForm label {
	float: left;
	width: 215px;
	font-weight: normal;
	padding-top: 2px;
}

form#ContactAddForm div, form#PuzzleAddForm div {
	margin-bottom: 10px;
}
#ContactAddForm .error-message, #HuismailAddForm .error-message, #PuzzleAddForm .error-message{
	display: none;
}
#ContactAddForm .form-error, #HuismailAddForm .form-error,  #PuzzleAddForm .form-error{
	border:1px solid #ff0000;
}

input {
	border:1px solid #cccccc;
	padding:2px;
	font: 11px Arial, Helvetica, sans-serif;
}
input:hover{
	border:1px solid #aaa;
}

select:hover{
	border:1px solid #aaa;
}
.clickable:hover{
	border:1px solid #aaa;
	cursor: pointer;
}

input.radio {
	border: none;
}
input.noborder{
	border:none;
}


textarea {
	border:1px solid #cccccc;
	padding:2px;
	height:75px;
	width:430px;
}
div.line {
	border-top:1px solid #cccccc;
}

/*-------------------------------------------------------------------------------------------*/
#container{
	width:980px;
	margin:0 auto;
}

#header{
	width:980px;
	height:385px;
	overflow:hidden;
	padding-bottom:9px;
	background:url(../img/headers/home.jpg) top left no-repeat;
}
#header_houses{
	width:980px;
	height:385px;
	overflow:hidden;
	padding-bottom:9px;
	background:none;
}


#headernopic{
	width:980px;
	height:82px;
	overflow:hidden;
	padding-bottom:9px;
}

body.layout3 #headernopic {
	height:120px;
}

#househeader {
	width:100%;
	height:213px;
	background:url(../img/househeader.gif);
	padding:67px 0 0 0;
	font:10px verdana;
	overflow:hidden;
}
	#househeader #left {
		width:610px;
		height:140px;
		float:left;
		margin:0 60px 0 30px;
		overflow:hidden;
	}
		#househeader #thumb {
			width:190px;
			height:126px;
			background: url(../img/bg_house.gif);
			padding:7px 0 0 10px;
			float:left;
			margin:0 32px 0 0;
		}
	#househeader #right {
		float:left;
	}
	
	#househeader #right h2 {
		color:#000000;
		font-size:12px;
		margin:0 0 9px 0;
	}
	
	#househeader #right h3 {
		font-weight:bold;
		
	}
	
	#househeader #info {
		width:197px;
		height:102px;
		background:#f8f7f2;
		/* padding:30px 0 0 24px; */
		padding:20px 0 0 24px;
	}
#househeader #woningenaanbod{
	height: 135px;
	float: left;
	padding: 0 0px 0 0px; 
	margin:0;
	overflow: hidden;
	font:10px verdana;
	no-repeat top left;	
}

	#househeader #woningenaanbodfoto{
		float: left;
		overflow: hidden;
	}

#searchbar {

	height:32px;
	background:#4d4d4c;
	padding:12px 0 0 220px;
}
	#searchbar select {
		float:left;
		margin:0 13px 0 0;
	}
	#searchbar .submit {
		float:right;
		margin-top:-5px;
	}

#logo{
	width:184px;
	height:72px;
	background:url(../img/logo.gif) top left no-repeat;
	float:left;
	overflow:hidden;
}

#menu {
	
}

	#menu ul{
		position: relative;
		height:21px;
		padding-top:20px;
		padding-bottom:31px;
		float:right;
		list-style:none;
	}
		#menu ul li{
			float:left;
			margin-left:20px;
			list-style:none;
		}
		#menu ul li.back {
		    background: url('../img/lava.gif') no-repeat right -30px;
		    width: 9px; height: 30px;
		    z-index: 8;
		    position: absolute;
		    margin:0;
		}
			#menu ul li.back .left {
                background: url('../img/lava.gif') no-repeat top left;
                height: 30px;
                margin:0 9px 0 0; /* 7px is the width of the rounded shape */
            }
			#menu ul li a{
				height:21px;
				display:block;
				z-index: 10;
				position: relative;
				padding:0 4px;
				font: normal 13px Verdana;
                text-decoration: none;
                color: #fff;
                outline: none;
                text-align: center;
                float:left;
                top: 7px;
                text-transform: lowercase;
                letter-spacing: 1.3px;
			}
			#menu ul li a:hover,ul li .active{
				background-position:bottom;
				color: #fff;
			}

#header_tekst{
	width:330px;
	height:258px;
	padding:55px 0px 0px 0px;
	font-size:11px;
	float:left;
	overflow:hidden;
	line-height:16px;
	clear:both;
}

#header_tekst_puzzle {
	width:230px;
	height:258px;
	padding:55px 100px 0 0;
	font-size:11px;
	float:left;
	overflow:hidden;
}

#header_tekst_puzzle p {
	line-height:13px;
}
#header_zoeken_xl {
	width:970px;
	height:258px;
	padding:40px 0 0 50px;
	font-size:11px;
	float:left;
	overflow:hidden;
}
	#header_zoeken_xl h2 {
		margin:0 0 7px 0;
	}
	#header_zoeken_xl label {
		display:block;
		color:#515151;
		font:9px verdana;
	}
	#header_zoeken_xl .col {
		float:left;
		heigth:1px;
		border-right:1px solid #c2c1bd;
		padding-right:36px;
	}
	
	#header_zoeken_xl .spacer {
		float:left;
		width:45px;
		height:1px;
		
	}
	#header_zoeken_xl select{
		margin:0 0 3px 0;
	}
#header_zoeken{
	width:140px;
	height:400px;
	padding-left:500px;
	padding-top:55px;
	float:left;
}
#tabdiv{
	margin-top:-29px;
	overflow:hidden;
}

#blok{
	height:176px;
	padding:15px 30px 15px 30px;
	margin-bottom:6px;
	background-color:#FFF;
	border:1px solid #9ca828;
	float:left;
	overflow:hidden;
}
	.klein{
		width:176px;
	}
	.medium{
		width:424px;
	}
	.groot{
		width:916px;
	}
	.links{
		margin-right:6px;
	}
	.rechts{
		margin-left:6px;		
	}
	.clear{
		clear:left;
	}
#poll{
	height:176px;
	width: 176px;
	margin: 0 0 6px 6px;
	padding:15px 30px 15px 30px;
	background-color:#FFF;
	border:1px solid #9ca828;
	float:left;
	overflow:hidden;
}

	#poll a{
		color:#555;
	}

#news{
	width:474px;
	height:176px;
	padding:15px 5px 15px 9px;
	margin-bottom:0px;
	background-color:#FFF;
	border:1px solid #9ca828;
	float:left;	
	overflow:hidden;	
}

#woningaanbod_scroll{
	width:920px;
	height:260px;
	float:left;
	overflow:hidden;
}

	#woningaanbod_scroll ul{
		list-style-type:none;
		margin:0;
		padding:0;
	}
	
		#woningaanbod_scroll li{
			width: 225px;
			height: 260px;
			overflow: hidden;
			float:left;
		}
		
#woningscroller{
	float:left;
	width:6000px;
	height:260px;
}
		
#woning{
	width: 195px;
	height: 260px;
	float: left;
	/* padding: 0 40px 0 0;  */
	padding: 0 40px 0 0;
	overflow: hidden;
	background: url(../img/bg_house.gif) no-repeat;	
}
	#woning img{
		padding: 9px 0 0 11px;
	}
#woninginfo{
	margin: 10px 5px 5px 5px;
}	
	#woninginfo img{
		float: right;
	}
	.woningbig{
		width: 418px; 
		padding: 3px; 
		border:1px solid #ccc;
	}	
/*	
.woning_2,.woning_3,.woning_4,.woning_5,.woning_6,.woning_7{
	display:none;
	width: 0px;
	height: 260px;
}
*/

#content{
	font-size: 11px;
	padding:15px 30px 15px 30px;
	border:1px solid #9ca828;
	background:url(../img/bg_content.gif) top repeat-x #e4e0c9;
	overflow:hidden;
}
#content a{
	color: #7C0E11;
	text-decoration:;
}
#content a:hover {
	text-decoration:underline;
}
	.page1{
		width:670px;
		/*
		min-height:454px;
		height:auto !important;
		height:454px;
		*/
	
		min-height:514px;
		height:auto !important;
		height:514px;
	
		float:right;
	}
	.page2{
		width:916px;
		float:left;
		overflow:hidden;
	}
	
#subnav {
	border:1px solid #9ca828;
	width:176px;
	padding:30px;
	margin:0 0 6px 0;
	background:#202120 url(../img/bg_submenu.gif) repeat-x scroll center top;
	overflow:hidden;
}
	#subnav h2 {
		font-size:11px;
		font-weight:bold;
		color:#CDE22B;
		letter-spacing:1px;
	}
	
	#subnav ul {
		list-style:none;
		padding:10px 0 0 0;
	}

	#subnav ul li {
		display:block;
		padding:7px 0 7px 20px;
		background: url(../img/bullet.gif) no-repeat left;
		border-bottom:1px #4d4d4d solid;
	}
	
	#subnav ul li a, #subnav ul li a:visited, #subnav ul li a:active {
		color:#ffffff;
		font-size:11px;
		text-decoration:none;
	}
	
	#subnav ul li a:hover {
		color:#000000;
	}
	
	#subnav ul li#active {
		background:url(../img/bullet_active.gif) no-repeat left;
	}
	
	#subnav ul li#active a {
		color:#cde22b;
	}


#beheerlogin{
	width:276px;
	min-height:120px;
	height:auto !important;
	height:120px;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 10px 0px 10px;
	background:#202120;
	border:1px solid #9ca828;
}
#footernav{
	font-size: 11px;
	padding:15px 30px 15px 30px;
	margin-top: 5px;
	border:1px solid #9ca828;
	background: #e4e0c9;	
	width:918px;
	float:left;	
}
	#footernav th{
		font-family:Arial, Arial, Helvetica;
		font-size:12px;
		color:#7c0e11;
		text-transform: uppercase;
		text-align: left;
		line-height:2em;			
	}
	#footernav td{
		vertical-align:top;
	}
	#footernav td li:hover{
		background-color:#f4f0d9;
	}	
	#footernav ul{
		list-style:none;
	}
    #footernav li {
        border-bottom: 1px dotted #9a9a9a;
        margin: 5px 15px 5px 0px;
    }
	#footernav ul li a{
		font-family:Verdana, Arial, Helvetica;
		font-size:10px;
		text-decoration: none;
		color:#373738;
		line-height:1.3;		
	}
	#footernav ul li a:hover,ul li a:active,ul li a:visited{
		color: #000;	
	}	
#footercopy a, #footercopy a:active, #footercopy a:visited{color: #fff; text-decoration:none;}
	#footercopy a:hover{ color: #fff; text-decoration:underline; }	
#copyright {
		float:right;
		font-size:10px;
	}
	#copyright a{
		text-decoration:none;
		display:block;
		height:17px;
		padding:0 0 0 25px;
		line-height:15px;
		background:url('../img/sjonic_logo.gif') left bottom no-repeat;
		color:#fff;
	}
	#copyright a:hover {
		background-position:left top;
	}	
#footerimages{
	font-size: 11px;
	padding:15px 30px 0px 0px;
	margin-top: 5px;	
	/*width:916px;*/
	width:616px;
	float:left;	
}
	#footerimages img{
		margin-right: 20px;
	}
#footer{
	width:100%;
	height:38px;
	margin-top:20px;
	padding-top:11px;
	background:url(../img/bg_footer.gif) top repeat-x;
	float:left;
	font-size:10px;
	color:#FFF;
}
#footer_container{
	width:980px;
	margin:0 auto;
}
#footer_left{
	float:left;
}
#footer_left a, #footer_left a:active, #footer_left a:visited{color: #fff; text-decoration:none;}
	#footer_left a:hover{ color: #fff; text-decoration:underline; }	
#footer_right{
	float:right;
}
.footertext{
	font-size:10px;
}

.block label{
	display: block;
}

/*-- Global website messages holder ---------------------------------*/
#flashMessage
{
	color:#ffffff;
	background:#da676d;
	padding:3px;
	font-size: 10px;
	border:1px solid #c54047;
	margin-bottom:10px;
}

#flashMessage.succes
{
	color:#ffffff;
	background:#91c341;
	padding:3px;
	font-weight:bold;
	border:1px solid #96b742;
}

.error-message
{
	margin-left:120px;
	color:#ff0000;
}



/*-- Photo lists uploader ---------------------------------*/

ul#list_photos {
	list-style:none;
	padding:0;
	margin:0;
	float:left;
	width: 100%;
}
ul#list_photos li.item {
	float:left;
	margin:0 20px 10px 0;
	height:90px;
	background:#e9e9e9;
	width:100px;
}
ul#list_photos li.item div {
	float:left;
	height:70px;
	width:100px;
	overflow:hidden;
}
.ui-placeholder {
	background:#e9e9e9;
}


/*-- Woningaanbod ---------------------------------*/
#contentwoningen{
	font-size: 11px;
	padding:15px 30px 15px 30px;
	border:1px solid #9ca828;
	background: #fafaf8;
	width:918px;
	float:left;
}	

#woningenaanbod {
	width:415px;
	height:138px;
	float:left;
	overflow:hidden;
	padding:0 20px 0 0;
	margin:0 0 10px 0;
	background:url(../img/bg_house.gif) no-repeat top left;
}
	#woningenaanbodfoto {
		width:195px;
		float: left;
		padding: 10px 0 10px 10px;
		overflow: hidden;
	}
		#woningenaanbodfoto .thumb {
			width:180px;
			height:115px;
			display:block;
			overflow: hidden;
		}
	#woningenaanodinfo {
		float:left;
		margin:3px 0 0 0;
		width:160px;
		height:132px;
	}
	
	#woningenaanodinfo-small h2 {
		font-size:10px;
	}
	
	#woningenaanodinfo-small h3 {
		font-size:9px;
	}
	
	#woningenaanbodbuttons {
		float:left;
		width:50px;
	}
#woningenaanbod.small {
	width:320px;
	float:left;
	margin:0;
	padding:0 10px 0 0;
}
		
.woningaanbodspacer {
	height:125px;
	width:35px;
	float:left;
}

#housecontainer{
	height: 125px;
	overflow: hidden;
}

.c_house{
	overflow: hidden;
	width: 90px;
	height: 59px;
	padding: 2px;
	border: 1px solid #ccc;
	margin: 15px 3px 10px 3px;
}	
.c_li{
	width: 100px;
	height: 90px;
	overflow: hidden;
}
.greyline {border-bottom: solid 1px #eee; border-top: solid 1px #eee; } 
.slidebutton {float:left; padding:35px 3px 0 3px;  outline:none;}
	.prev{cursor:pointer;}
	.next{cursor:pointer;}

#contactDiv a {
	text-decoration:none;
}
/*-- Nieuws ---------------------------------*/	
#nieuws table {
	width:500px;
	border-collapse: collapse;
	text-align:left;
	margin-bottom:10px;
	border: 1px solid #555;
}

#nieuws th{
	width:auto;
	height: 1.5em;
	padding:2px 5px;
	background:#555;
	color: #fff;	
}

#nieuws td {
	width:auto;
	padding:2px 5px;
}

#nieuws tr {
	background:#eee;
}
	#nieuws tr:hover {
		background:#e3e7c0;
	}

#nieuws tr.darker {
	background:#ddd;
}
	#nieuws tr.darker:hover {
		background:#e3e7c0;
	}	
#nieuws a{
	color:#373738;
	text-decoration:none;
}
#nieuws a:hover{
	text-decoration:underline;
}
.newsimage{
	float: left;
	text-align: left;
	border: 1px solid #bbb ;
	padding: 2px;
	margin: 0 10px 1px 0;'
}
.newslink a{
	color:#444;
}

/* Pagenumber styles */
.pagination {
	text-align:center;
	margin-top:25px;
	font-size: 9px;
}

.DisabledPgLk {
  width: 100px;
  display: inline;
}

.pagination span, .PrevPg, .NextPg {
	padding:1px 4px;
	margin:0 1px;
}

.pagination a, .pagination a:visited, .pagination a:active {
	color:#000000;
	text-decoration: none;
}
.pagination a:hover{
	color:#93a11f;
}

.pagination span.current {
	background:#adbe24;
	border:1px solid #93a11f;
	color:#ffffff;
}

.PrevPg DisabledPgLk {
	display:none;
}


#jcropimg{
	position:absolute;
	padding:10px;
	background:#ecebeb;
	border:1px solid #cccccc;
}

/* Kenmerkentab styles */
#kenmerken_container label {
	float:left;
	color:#444444;
	width:200px;
	height:20px;
	display:block;
}

#kenmerken_container span {
	font-weight:bold;
	border-bottom:1px solid #dddddd;
	padding:2px 0;
	width:100%;
	display:block;
}
#kenmerken_container div.kenmerk_row {
	border-bottom:1px solid #dddddd;
	padding:2px 0;
}


/* huismail pagina styles */
#huismailform{
	
}

#huismailform form label, .label{
	display:block;
	float:left;
	width:150px;
}

#huismailform div{
	margin-bottom: 10px;
}

#searchitems{
	padding:2px 2px 2px 25px;
	background:#cde4af url(../img/message.gif) no-repeat 5px 5px;
	border:1px solid #c6d6ae;
}

#congratsflash{
	cursor:pointer;
}

/* Meest gestele vragen anchor links */
ul#meestgesteldevragen {
	list-style:none;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #bbbbbb;
}

ul#meestgesteldevragen li a, ul#meestgesteldevragen li a:active  {
	text-decoration:none;
}

/* Kenmerken cols */
.kennmerkcol {
	width:400px;
	float:left;
	border:0;
}

.kenmerkenspacer {
	width:20px;
	height:1px;
	float:left;
}

hr {
	color:#c2c2c2;
	background:#c2c2c2;
	height:1px;
	border:none;
	margin:20px 0;
}

.nwwi a{ display:block; width:210px; height:24px; background:url(../img/nwwi-taxatie.jpg) no-repeat; cursor:pointer; text-indent:-3333px; }

.onrequest_link, a.onrequest_link:hover, a.onrequest_link:active, a.onrequest_link:visited{
	color:#000;
	font-size:12px;
	text-decoration:underline;
}

a.onrequest_head, a.onrequest_head:active, a.onrequest_head:visited{
	font-size:10px;
}

a.onrequest_link:hover{
	font-size:10px;
	text-decoration:none;
}

a.onrequest_head:hover{
	font-size:10px;
	text-decoration:none;
}

a.link360 {
	
}
	a.link360 img {
		display:block;
		float:left;
	}
#pano_box, #pano-overlay {
	display:none;
}
div#pano_box {
	position:fixed;
	top:50%;
	margin-top:-300px;
	left:50%;
	margin-left:-457px;
	padding:10px;
	background:#fff;
	z-index:32;
}
	div#pano_box div#pano-close {
		text-align:right;
		padding:10px 0 0 0;
	}
div#pano-overlay {
	position:fixed;
	height:100%;
	width:100%;
	left:0;
	top:0;
	background:#000;
	overflow:hidden;
	z-index:31;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	/* default class no-right */
}
* html div#pano-overlay, * html div#pano_box {
	position:absolute;
}

#socialmedia{
	width:333px;
	float:left;
	padding-top:20px;
}

#socialmedia2{
	width:110px;
	float:right;
}

	#socialmedia p{
		font-size:10px;
		margin:8px 0 0 10px;
		display:inline;
		font-weight:bold;
	}

	#socialmedia ul, #socialmedia2 ul{
		list-style-type:none;
		float:right;
	}
		
		#socialmedia ul li, #socialmedia2 ul li{
			display:inline;
		}

.twitts{
	color:#555;
}