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

/*

Website:    Termors Makelaar
---------------------------------------
Design:     ClickSite
---------------------------------------
Startdate:  23-12-2009
---------------------------------------
Coded by:   Ralph van Vugt
---------------------------------------
Website:    www.clicksite.nl

*/

body {
	margin:0;
	padding:0;
	background-color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:18px;
	color:#58626e;
}

a, a:link, a:visited {
	color:#58626e;
}

#content a {
	color:#004595;
}

#content h3 a {
	color:#d90043;
	text-decoration:none;
}


a img {
	border:none;
}

h1 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:20px;
	line-height:22px;
	color:#fff;
	margin:0px;
}
h1.caps {
	text-transform:uppercase;
	font-size:16px;
	*margin-bottom:10px;
}

h1.grijs {
	color:#8b8c8e;
	margin-bottom:5px;
}

h3 {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:16px;
	color:#d90043;
	margin-top:0px;
	margin-bottom:5px;
}

h6 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#fff;
	font-weight:normal;
	margin-top:4px;
	margin-bottom:20px;
}
	

/* divs */

#clear {
	width:950px;
	float:left;
	clear:both;
	padding-bottom:50px;
}

#wrapper {
	width:950px;
	margin:0 auto;
}

#header {
	width:950px;
	height:100px;
	float:left;
	border-bottom:1px solid #9c9e9f;
}

#topnav {
	width:225px;
	height:20px;
	float:right;
	margin-top:20px;
	text-align:right;
	font-size:9px;
	text-transform:uppercase;
	color:#CCC;
}

#topnav a {
	text-decoration:none;
}

#navigatie {
	width:950px;
	height:25px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#9c9e9f;
	margin-bottom:10px;
}

#content {
	width:950px;
	float:left;
	margin-top:5px;
}

#links {
	float:left;
}

#midden {
	float:left;
}
#rechts {
	float:left;
}

/* div classes */

/* homepage */

#links.home {
	width:313px;
}

#midden.home {
	width:318px;
	padding-right:6px;
}

#rechts.home {
	width:313px;
}

#midden.zoeken{
	width:600px;
	margin-left: 30px;
	padding-right:6px;
}

#midden.details{
	width:956px;
	padding-right:6px;
}

/* algemeen */

#midden.algemeen {
	width:423px;
	padding:0px 25px 0px 25px;
}

#rechts.algemeen {
	width:164px;
}
#rechts.algemeen img {
	margin:10px 0px 10px 0px;
}

/* nieuwbouw */
#midden.nieuwbouw {
	width:600px;
	padding:0px 0px 0px 25px;
}

/* woning */

#links.woning {
	width:360px;
}

#midden.woning {
	width:355px;
	padding:0px 25px 0px 25px;
}

#rechts.woning {
	width:185px;
}


/* navigatie */

#navigatie ul {
	text-decoration:none;
	margin:0;
	padding:0;
}

#navigatie li {
	display:block;
	float:left;
	height:10px;
	padding:5px 9px 0px 10px;
	border-left:1px solid #9c9e9f;
}

#navigatie li a {
	text-decoration:none;
}

#navigatie li a:hover {
	color:#d90043;
}

.actief a {
	color:#d90043;
}

/* homepageblokken */

#blok1 {
	width:313px;
	float:left;
}

#blok2 {
	width:312px;
	float:left;
	margin:0px 6px 0px 6px;
}

#blok3 {
	width:273px;
	height:245px;
	float:left;
	background:url(/data/images/background_rood.jpg) top center no-repeat;
	padding:55px 15px 25px 25px;
	color:#fff;
}

#blok4 {
	width:283px;
	height:96px;
	float:left;
	background-color:#b1b3b4;
	padding:15px;
	margin-top:17px;
	color:#fff;
	line-height:16px;
}

#blok4 h3 a {
	color:#fff;
	display:block;
	width:270px;
	text-align:right;
}

#blok5 {
	width:312px;
	float:left;
	margin:17px 6px 0px 6px;
}

#nieuwsheader {
	position:absolute;
	margin-left:-40px;
	margin-top:-15px;
	z-index:4;
}
.nieuwsheader {
	clear:both;
	text-transform:uppercase;
	line-height:15px;
}
.nieuwsheader a {
	color:#d90043;
	float:right;
	text-transform:none;
	font-weight:bold;
	text-decoration:none;
}

#blok6 {
	width:312px;
	float:left;
	background:#fff;
	margin-top:17px;

}

	#blok6 ul {
		margin-left:20px;
		margin-top:0px;
		line-height:17px;
		padding:0;
		list-style:none;
	}
	
	#blok6 li {
		display:block;
		width:292px;
		color:#d90043;
		border-bottom:1px dotted #d90043;
	}
	
	#blok6 li a {
		text-decoration:none;
		color:#d90043;
	}
	#blok6 li:hover {
		background-color:#f5f5f5;
		cursor:pointer;
	}

/* blokken zoekpagina */

/* 
blok 1 en 4 zijn indentiek aan homepage, de nieuwe kleine blokken aan de rechterkant worden blok 7 en 8
*/


#blok7 {
	width:273px;
	height:245px;
	float:left;
	background:url(/data/images/zoeken_background.jpg) top center no-repeat;
	padding:55px 15px 25px 25px;
	color:#58585a;
}

.select {
	width:80px;
	margin-right:10px;
}
.inputbox {
	width:170px;
	border:1px solid #999;
}
.intro {
	font-weight:bold;
}
.pasfoto {width:130px;}

/* huizen zoeken */
.txtSearchHouses{
	margin-right: 10px;
}

.ddlCity{
	width: 160px;
	margin-right: 10px;
}

.ddlSequence{
	width: 160px;
	margin-right: 10px;
}

.ddlPrice{
	width: 160px;
	margin-right: 10px;
}

.houseList{
	width: 575px;
}

.houseListHeight{
	height: 420px;
}

.houseOverview{
	width: 100%;
}

.houseOverviewTdLeft{
	width: 105px;
	vertical-align: top;
}

.houseOverviewTdRight{
	width: 470px; 
	vertical-align: top;
}

.houseDescription{
	margin-top: 5px;
}

.houseLine{
	color: a0abb8;	
}

.houseHeader{
	color: #d90043;
	font-weight: bold;
	font-size: 12px;
}

.housePrice{
	margin-top: 5px;
	font-size: 13px;
	font-weight: bold;
}
.houseNone{
	margin-top: 10px;
	font-size: 13px;
	font-weight: bold;
}

.housePager{
	margin-left: auto; 
	margin-right: auto; 
	width:200px;
}

/* huis details */

.houseWrapper { 
    width: 996px; 
    position: relative; 
    clear: both; 
    } 

    .houseImages  { 
    width: 420px; 
    position: relative; 
    float: left; 
    } 

    .houseDetails { 
    width: 471px; 
    position: relative; 
    float: left;
    margin-left: 15px;
    } 
    
    .houseDescriptionDiv
    {
    	width: 260px; 
        position: relative; 
        float: left;
    }

    
    .houseObjectMap a,
    .houseObjectMap a:visited,
    .houseObjectMap a:hover
    {
    	text-decoration: none;
    	margin-top: 2px;
    	margin-bottom: 2px;
    }

    .houseLinks
    {
    	width: 176px; 
        position: relative; 
        float: left;
        margin-left: 15px;
    }
    
    .houseLinks a,
    .houseLinks a:visited,
    .houseLinks a:hover
    {
    	text-decoration: none;
    	margin-top: 2px;
    	margin-bottom: 2px;
    }

    .housePhotos
    {
    	width: 408px;
    	background-color: #d90043;
    	margin-top: 6px;
    	margin-bottom: 6px;
    	color: #FFFFFF;
    	padding-left: 10px;
    }
    
    .houseMainImage
    {
    	margin-left: 8px;
    }
    
    .houseProperties
    {
    	margin-top: 10px;
    	margin-left: -3px;
    }
    
    .houseDetailsTable
    {
    	margin: 0px; 
    	padding: 0px;
    }
    
    .houseDetailsTableTdLeft
    {
    	width: 200px;
    	vertical-align: top;
    }
    
    .houseDetailsTableTdRight
    {
    	width: 300px;
    	vertical-align: top;
    }
    
    .hrRed
    {
    	color:#d90043;
    	background-color:#d90043;
    	height:1px;
    	border:none;
    	margin-top: 2px;
    	margin-bottom: 2px;
    }


















































/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */