@charset "UTF-8";
/* CSS Document *//*

SIESQO 
	Inhoud:
	Donkergrijs = #333;
	groen = #999900;

*/

*{margin: 0px; padding: 0px; }
html,body{margin: 0px; padding: 0px; font-size: 14px; background:#999900; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 20px; color: #fff;}

#container{height: auto;}

#header{background:#000000 url(../images/header_bg.jpg) repeat-x; background-position:50%; height: 387px;}
#header_short{background:#000000 url(../images/header_bg_short.jpg) repeat-x; height: 100px;}
	#header_ct{position: absolute; margin-left: 50%; left: -480px;}
		/* LOGO */
		#logo {background:url(../images/logo-kensington.jpg); width: 233px; height: 50px; margin-top: 22px; margin-left: 25px; outline: none;}
		#logo img{border:none;outline:none;}
		
		/* NAVIGATIE */	
		#nav {position:absolute; top: 45px; left: 400px; width: 560px; height: 23px; display: block;}
		#nav ul { margin: 0px; padding: 0px; list-style: none;}
		#nav ul li, #nav ul li a, #nav ul li a.current{outline: none; margin: 0px; margin-right: 1px; padding: 0px; list-style-type: none; display: block; height: 23px; margin-top: 0px;line-height:0px; cursor: pointer; float: left;}
		/*#nav ul.nl li a{ background-image:url(../images/nav_nl.jpg); height: 26px; }*/
		.nl a{ background-image:url(../images/nav_nl.jpg); height: 23px;}
		
		/* over-ons */
		#nav #over-ons:link, #nav #over-ons:visited {width:53px; background-position: -17px -28px;}
		#nav #over-ons:hover, #nav #over-ons.hover, #nav #over-ons:active, #nav #over-ons.current:link, #nav #over-ons.current:visited, #nav #over-ons.current:hover, #nav #over-ons.current:active {width:53px; background-position: -17px -2px;}
		
		/* kopen */
		#nav #kopen:link, #nav #kopen:visited {width:58px; background-position: -90px -28px;}
		#nav #kopen:hover, #nav #kopen.hover, #nav #kopen:active, #nav #kopen.current:link, #nav #kopen.current:visited, #nav #kopen.current:hover, #nav #kopen.current:active {width:58px; background-position: -90px -2px;}
		
		/* huren */
		#nav #huren:link, #nav #huren:visited {width:58px; background-position: -157px -28px;}
		#nav #huren:hover, #nav #huren.hover, #nav #huren:active, #nav #huren.current:link, #nav #huren.current:visited, #nav #huren.current:hover, #nav #huren.current:active {width:58px; background-position: -157px -2px;}
		
		/* projectontwikkeling */
		#nav #projectontwikkeling:link, #nav #projectontwikkeling:visited {width:169px; background-position: -225px -28px;}
		#nav #projectontwikkeling:hover,#nav #projectontwikkeling.hover, #nav #projectontwikkeling:active, #nav #projectontwikkeling.current:link, #nav #projectontwikkeling.current:visited, #nav #projectontwikkeling.current:hover, #nav #projectontwikkeling.current:active {width:169px; background-position: -225px -2px;}
		
		/* projectontwikkeling */
		#nav #referenties:link, #nav #referenties:visited {width:98px; background-position: -405px -28px;}
		#nav #referenties:hover, #nav #referenties.hover, #nav #referenties:active, #nav #referenties.current:link, #nav #referenties.current:visited, #nav #referenties.current:hover, #nav #referenties.current:active {width:98px; background-position: -405px -2px;}
		
		/* contact */
		#nav #contact:link, #nav #contact:visited {width:68px; background-position: -515px -28px;}
		#nav #contact:hover, #nav #contact.hover, #nav #contact:active, #nav #contact.current:link, #nav #contact.current:visited, #nav #contact.current:hover, #nav #contact.current:active {width:68px; background-position: -515px -2px;}
		
		/* IN DE KIJKERS */
		#indekijkers{position: absolute; left: 20px; top:112px; width: 550px;}
		#indekijkers{text-decoration: none;}
			#indekijkers h3{margin-left:15px;font-size:18px;}
			#indekijker-1-title{color:white;font-size:12px; display:block;margin-left:15px;margin-top:10px;margin-bottom: -5px;}
			#indekijker-2-title{color:white;font-size:12px; display:block;margin-left:298px;margin-top:-20px;margin-bottom: -5px;}			
			#indekijker-1, #indekijker-2{background:url(../images/indekijker.png) no-repeat; width:268px; height: 220px;display: inline-block;}
			#indekijker-1{float:left;}#indekijker-2{margin-left: 10px;float:right;}
			#indekijkers .afb{position: absolute; margin-left: 15px; margin-top: 15px; width: 238px; height: 156px; overflow:hidden; display:block; background: #333333; color: white;text-decoration: none;}
				#indekijkers .afb img {border: none; outline: none; width:238px;}
			#indekijkers .titel{position: absolute; top: 227px; margin-left: 15px; color: white; width: 240px; height: 40px; overflow: hidden; font-size: 12px;}
			#indekijkers a{display: block;width: 238px; height: 156px;}
				#indekijkers a:link .titel, #indekijkers a:visited .titel, #indekijkers a:hover .titel, #indekijkers a:active .titel {color: white; text-decoration: none;}
		
		/* KOPEN-HUREN */
		#kopen_huren{position: absolute; left: 610px; top: 187px; width: 320px; height:110px; display: block;}
			#kopen_huren #kp, #kopen_huren #hu {background:url(../images/kopen_huren.png) no-repeat; height:110px; width:155px; display: inline-block;}
			#kopen_huren a#kp:link, #kopen_huren a#kp:visited {background-position: -315px 0px;}
			#kopen_huren a#kp:hover,#kopen_huren a#kp.hover, #kopen_huren a#kp:active, #kopen_huren a#kp.current:link, #kopen_huren a#kp.current:visited, #kopen_huren a#kp.current:hover, #kopen_huren a#kp.current:active {background-position: -475px 0px;}
			
			#kopen_huren a#hu:link, #kopen_huren a#hu:visited {background-position: 0px 0px;}
			#kopen_huren a#hu:hover,#kopen_huren a#hu.hover, #kopen_huren a#hu:active, #kopen_huren a#hu.current:link, #kopen_huren a#hu.current:visited, #kopen_huren a#hu.current:hover, #kopen_huren a#hu.current:active {background-position: -155px 0px;}
			
/* CONTENT */
#content{position: relative;float:left;background: #333333;width:100%;}
	#content_ct{position: relative;margin-left: auto; margin-right: auto; padding-top: 40px;width:960px;}
	#content_txt a:link,#content_txt a:visited{color:white;border-bottom:thin dotted;text-decoration: none;}
	#content_txt a:hover,#content_txt a:active{color:white; text-decoration: none;border:none;}
	#content_txt ul{margin-left: 15px;}
		#home_foto{position: absolute; left: 30px; top: 104px; display: inline-block; width: 332px;}
		#content_txt{position: relative; margin-left: 397px; margin-top: 0px; width: 500px; display: inline-block;}
			#content_txt a:link, #content_txt a:visited{text-decoration: none; border-bottom: thin dotted;color: white;}
			#content_txt a:hover, #content_txt a:active{text-decoration: none; border: none; color: white;}
	#content_foot{position: relative;float:left;background:url(../images/content_foot.jpg) repeat-x; height: 12px; width: 100%; margin-top: 40px;z-index:0;}
	
	#site_links{color:#444; margin-left: 397px; width: 500px; margin-top: 30px; margin-bottom: -15px;}
	#site_links a:link, #site_links a:visited, #site_links a:hover, #site_links a:active{color:#444; text-decoration: none; border:none;} 
/* FOOTER */
#footer{position:relative; display:block;float:left;background:#999900; color: black; min-height: 50px!important;width:100%;}
	#footer_txt{position: relative; margin-left: auto; margin-right: auto; text-align:left; display:block; padding-left: 35px; font-size: 12px;width:940px;margin-top: 5px;}
		#footer_txt a:link,#footer_txt a:visited{border: none;text-decoration: none; color: black;}
		#footer_txt a:hover,#footer_txt a:active{border-bottom: thin dotted; text-decoration: none; color: black;}
	#footer_txt #webdesign-by-siesqo{text-align:right;float: right;color:black;margin-right:52px;}
		#footer_txt #webdesign-by-siesqo a:link, #footer_txt #webdesign-by-siesqo a:visited{color:black;text-decoration:none;}
		#footer_txt #webdesign-by-siesqo a:hover, #footer_txt #webdesign-by-siesqo a:active{color:black;text-decoration:none;}

h1{font-size: 30px; color:#999900; padding-bottom: 30px; line-height: 30px;}

/* bekijk projectontwikkeling */
#bekijk-projectontwikkeling{margin-top: 10px;width:254px; height:23px; display:block; background:url(../images/bekijk-projectontwikkeling.png);}
a#bekijk-projectontwikkeling:link,a#bekijk-projectontwikkeling:visited{background-position: left;border: none;}
a#bekijk-projectontwikkeling:hover, a#bekijk-projectontwikkeling:active{background-position: right;border: none;}


/* KOPEN-HUREN-REFERENTIES */
#panden{position: relative; margin-left: 25px; height: 460px!important;width: 910px; display: block;}
	#panden a{width: 226px; height: 152px; display:inline-block; cursor: pointer;}
	#panden .tTip {background: white; width: 226px; height: 152px; display:block; cursor: pointer;z-index:3;}
	#panden .afb {position:absolute;display: block; width: 214px; height: 141px; overflow:hidden; margin-left: 6px; top: 5px;z-index:1;}
	#panden .afb img {width: 214px; min-height: 141px; border: none;} #panden a img{border: none;}
	#panden .tTip .verkocht, #panden_fotos .verkocht{position: absolute; top: 70px; left: 6px; background:url(../images/lbl_verkocht.png) no-repeat; width:214px; height: 43px; display:block;z-index:2;background-position: -60px;}
	#panden .tTip .verhuurd, #panden_fotos .verhuurd{position: absolute; top: 70px; left: 6px; background:url(../images/lbl_verhuurd.png) no-repeat; width:214px; height: 43px; display:block;z-index:2;background-position: -60px;}	
	
	#panden #pand_1 {position: absolute; left:0px; top: 0px;}
	#panden #pand_2 {position: absolute; left:227px; top: 0px;}
	#panden #pand_3 {position: absolute; left:454px; top: 0px;}
	#panden #pand_4 {position: absolute; left:681px; top: 0px;}
	#panden #pand_5 {position: absolute; left:0px; top: 153px;}	
	#panden #pand_6 {position: absolute; left:227px; top: 153px;}
	#panden #pand_7 {position: absolute; left:454px; top: 153px;}
	#panden #pand_8 {position: absolute; left:681px; top: 153px;}	
	#panden #pand_9 {position: absolute; left:0px; top: 306px;}
	#panden #pand_10 {position: absolute; left:227px; top: 306px;}
	#panden #pand_11 {position: absolute; left:454px; top: 306px;}
	#panden #pand_12 {position: absolute; left:681px; top: 306px;}
#pagenumbers{position: absolute; top: -32px; left: 5px; color: white; font-weight: bold; line-height: 26px;width: 900px;}
	#pagenumbers b{background-color: #cc0099; width: 26px; height: 26px;display: inline-block;padding:0px; margin:0px;text-align: center;}
	#pagenumbers a{background-color: #666; width: 26px; height: 26px;display: inline-block;padding:0px; margin:0px;text-align: center;}
	#pagenumbers a:link,#pagenumbers a:visited,#pagenumbers a:hover,#pagenumbers a:active {color: white; text-decoration: none; cursor: pointer;}
	
/* detail 1 pand */
#panden_nav{width: 100%; background-color:#999900;display: block; height: 60px;}
#panden_nav_ct{position: relative; margin-left: auto; margin-right: auto; width: 960px;top: 20px; display:block;height: auto;}
	#panden_nav_kot{width:330px;height: 23px;display: block;}
	#panden_nav_ct #sep1{width: 1px; height: 23px;display: inline-block;float:right;}
	#panden_nav_ct #vorig, #panden_nav_ct #vorig:hover{background:url(../images/btns_details.png); width:64px; height: 23px; display:inline-block; background-position: top left;float:right;}
	#panden_nav_ct #vorig:hover{background-position: bottom left;}
	#panden_nav_ct #volgend, #panden_nav_ct #volgend:hover{background:url(../images/btns_details.png); width:80px; height: 23px; display:inline-block;background-position: -64px 0px;float:right;}
	#panden_nav_ct #volgend:hover{background-position: -64px -23px;}
	#panden_nav_ct #terug, #panden_nav_ct #terug:hover{background:url(../images/btns_details.png); width:151px; height: 23px; top: 0px;display:inline-block; float: left;background-position: top right;}
	#panden_nav_ct #terug:hover{background-position: bottom right;}
	#panden_nav h1{position: absolute; left: 407px; top: 0px;margin-top: 0px;padding:0px; line-height: 18px;font-size: 18px; color: black; display: inline-block;}
	
	/* routeplan */
	#footer-nav{position:relative;display:inline-block;float:left;margin-top: 29px;margin-bottom: -57px;height: 23px;z-index:1;}
	#footer-nav-ct{margin-left:406px;width: 400px; }
	#panden_nav_ct #sep2{position:relative;width: 2px; height: 23px;display: inline-block;float:left;}
	#printen, #printen:hover{position:relative;background:url(../images/printen.png); width:59px; height: 23px; display:inline-block; background-position: top left;float:left;}
	#printen:hover{background-position: bottom left;}
	/* routeplan */
	#routeplan, #routeplan:hover{position:relative;background:url(../images/routeplan.png); width:71px; height: 23px; display:inline-block; background-position: top left;float:left;margin-right:2px;}
	#routeplan:hover{background-position: bottom left;}
	
#panden_info{position: relative;float:right;width:550px;display: inline-block;} /* margin-left: 407px; */
	#panden_info a:link,#panden_info a:visited{color:white; text-decoration: none;}
	#panden_info a:hover,#panden_info a:active{color:white; text-decoration: none;}
#panden_fotos{position: relative;float:left;margin-left:0px;margin-bottom: 0px;margin-left: 0px; margin-top: 0px;width: 332px;display: block;}
	#panden_fotos .verkocht, #panden_fotos .verhuurd{position: absolute; top: 150px; left: 0px; width:330px;display:block;z-index:2;background-position: 0px;}

	#big{position:relative;width: 330px; height: 250px; display: block; overflow: hidden;}
		a#big_img img{width: 330px!important;min-height:250px!important}a#big_img{outline:none;border: none;}
	#panden_fotos .thumbs{margin-top:2px;}
		.thumb{width: 81px; height: 61px; display:inline-block; float:left;overflow: hidden;margin-right:2px;margin-bottom: 2px;}
			a.thumb img{max-width: 81px;min-height:61px; border: none; outline: none;}
	#vergroot{font-size:11px; color:#cccccc;display:block;float:left;width: 330px; text-align:left;}

h2{font-size: 14px; color:#999900;}
.tip i{color: #999999;font-style: normal;}

ul.fotogalerij{list-style:none;}
li#big{margin-bottom:2px;}
/*li#big img{min-height:250px!important;min-width:330px;} 
li #big_img_url{max-height:250px;}*/
li a#big_url img{min-height:250px;max-width:330px;}
li.thumbs{list-style-type:none;display:inline;}

/* HIDE NON-PRINT ITEMS */
#contactInfo{display:none;}
#logoPrint{display:none;}

/*-------------------*/
/*   TOOLTIP STYLES  */
/*-------------------*/
.tip{width: 230px;
	padding-top: 25px;
	overflow: hidden;
	display: none;
	position: absolute;
	z-index: 500;
	font-size: 12px;
	background: transparent url(../images/tipTop.png) no-repeat top;}
	
.tipMid {background: transparent url(../images/tipC.png) repeat-y; padding: 0 40px 10px 35px;}
.tipBtm {background: transparent url(../images/tipBottom.png) no-repeat bottom; height: 34px;}
	
/* ----------------- */
/* CONTACT FORMULIER */
/* ----------------- */
#form_contact{text-align:left; border: none; width: 350px; margin-left: 0px; margin-top: -5px;color: #999999;}
#form_contact h4 {margin-bottom: 10px;}
#form_contact fieldset { border: none; margin: 0; padding-left: 0px; padding-right: 0px; }

/* form rows / labels / input  */
#form_contact .form_row{display: block; height:35px; width: 383px;}
#form_contact .form_row label.label {min-width: 83px!important; width: 83px; display: inline-block;margin-left: 0px; padding-top: 0px; vertical-align:top;}
#form_contact .form_row input, #form_contact .form_row textarea {background-color: #333333; color: white; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px;width: 227px; display: inline-block; border: thin solid #ccc; padding: 2px;margin:0px;}
#form_contact .form_row input:focus, #form_contact .form_row textarea:focus { font-family: Verdana, Arial, Helvetica, sans-serif; color: white; font-weight: normal; font-size: 12px; background-color:#666666;}

/* required */
#form_contact .required { color: #999999; margin-left: 2px; margin-right: 2px; }
#form_contact .required_red { color: #cc0099; margin-left: 2px; margin-right: 2px; }
#form_contact .text_required { background-color: #eee; }
#form_contact .simple_message {color: #cc0099; text-align: left;}

/* submit button  */
#form_contact .form_row .submit{width: 106px; height: 23px; color: white; border: none; padding: 0px;display: inline-block; cursor: pointer;}
#form_contact .form_row #nl.submit:hover{background-position: right;}
	#form_contact .form_row #nl { background: url(../images/btn_verzenden.png);}