*{
	margin: 0;
	padding: 0;
}

#top {
	display: none;
	}

body{
	width:100%;
	text-align:center;
	font-family: "Trebuchet MS", Arial, Helvetica,  sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #000;
	margin-top: 20px;
	background: transparent url("../images/bg.gif") repeat top left;
}

a{
	color: #39c;
	text-decoration: none;
}

a:hover{
	color: #39c;
	text-decoration: none;
}

#bodyBg{
	width:100%;
	
	text-align:center;
	background: transparent url("../images/body_bg.gif") repeat-x 0px 20px;
}

#container{
	width: 900px;
	margin: 0 auto;
	text-align: left;
	position: relative;
	background: white;
}

#contentWrap{
	width: 900px;
	background: #F5F5F1 url("../images/content_wrap.gif") repeat-y top left;
	float: left;
}

.clear{
	clear: both;
}

.error_message {
	color: #CC0000;
}
/******************************************* LEFT */
#leftContainer{
	float: left;
	width: 270px;
	padding-left: 35px;
	padding-top: 20px;
	padding-bottom: 20px;
	/*border: 1px solid #0c0;*/
}

#leftTop{
	background: transparent url("../images/left_top.gif") no-repeat top left;
	height: 10px;
	font-size: 1px;
}

#left{
	background: transparent url("../images/left.gif") repeat-y top left;
	padding: 3px 12px 0 12px;
}

#leftBottom{
	background: transparent url("../images/left_bottom.gif") no-repeat bottom left;
	height: 10px;
	margin-bottom: 12px;
	font-size: 1px;
}

#left h1{
	background: transparent url("../images/nieuws.gif") no-repeat top left;
	width: 247px; 
	height: 23px;
}

#left h1 span{
	display: none;
}

.in-de-kijker-small {
	background: url("../images/in-de-kijker-small.gif") no-repeat top left;
	width: 247px; 
	height: 23px;
	margin:0px 0px 10px 0px;
}

.in-de-kijker-small span{
	display: none;
}

.date{
	margin-top: 12px;
	margin-bottom: 6px;
	font-size: 10px;
	background: transparent url("../images/date.gif") no-repeat top left;
	padding-left: 20px;
}

.readMore{
	margin: 12px 0px 10px 0px;
	font-size: 10px;
	background: transparent url("../images/read_more.gif") no-repeat top left;
	padding-left: 25px;
	padding-top: 1px;
	color: #39c;
	width: 247px; 
	height: 21px;
	clear:both;
}

.readMore a{
	color: #39c;
	text-decoration: none;
}

.readMore a:hover{
	color: #39c;
	text-decoration: underline;
}

.stippellijn{
	background: transparent url("../images/stippellijn_kort.gif") no-repeat bottom left;
	padding-bottom: 0px;
	margin: 0px;
	font-size: 10px;
	padding-left: 25px;
	width: 247px; 
	height: 11px;
	clear:both;
}



.newstitle{
   font-size: 12px;
   color: #666552;
   margin-bottom: 0.5em;
   font-weight: bold;
	}


.archief{
	background: transparent url("../images/archief.gif") no-repeat top right;
	width: 83px;
	height: 36px;
	position: relative;
	top: 41px;
	left: 174px;
}

.archief span{
	visibility: hidden;
}

/*--------------------------------------------------*/


/******************************************* COTENT */


#contentContainer{
	float: left;
	width: 555px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 8px;
}

#contentContainer{
	margin-left: -27px;
}
#form1 table{
	border-collapse: collapse; 
	border: solid 1px #ffffff;
	width: 100%;
}
#form1 table .cell {
	width: 100px;
}
#form1 table .trDark {
	background:#EDEDE5;
}
#form1 table .trLight {
	background:#F6F6F1;
}
#form1 .trDark td, #form1 .trLight td{
	padding:2px 3px;
	vertical-align: top;
}
#form1 input, #form1 textarea{
	font-family: "Trebuchet MS", Arial, Helvetica,  sans-serif;
	font-size: 12px;
}

html>body #contentContainer{
	margin-left: 0;
}


#contentTop{
	background: transparent url("../images/content_top.gif") no-repeat top left;
	height: 10px;
	font-size: 1px;
}


#content{
	background: transparent url("../images/content.gif") repeat-y top left;
	padding: 3px 12px 0 12px;
	float: left;
	/*border:1px solid #c00;*/
}

#contentBottom{
	background: transparent url("../images/content_bottom.gif") no-repeat bottom left;
	height: 10px;
	clear: both;
	font-size: 1px;
}

#content h1{
	background: transparent url("../images/in_de_kijker.gif") no-repeat top left;
	width: 526px; 
	height: 23px;
	margin-bottom: 10px;
}

#content h1 span{
	display: none;
}



.allesoverdiemat {
	background: url("../images/alles-over-diemat-big.gif") no-repeat top left;
	width: 526px; 
	height: 23px;
	margin-bottom: 10px;
	}
.allesoverdiemat span{
	display: none;
	}
	
.contacteerons {
	background: url("../images/contacteer-ons-big.gif") no-repeat top left;
	width: 526px; 
	height: 23px;
	margin-bottom: 10px;
	}
.contacteerons span{
	display: none;
	}
	
/************************************ CONTENT ITEM */

.contentItem{
	margin: 5px 0 5px 5px;
	float: left;
	height: 133px;

}

.imageItem{
	/*background: transparent url("../images/image_item_bg.gif") no-repeat center center;*/
	border:2px solid #cdcdcd;
	padding: 0px;
}
.imageItemSpan{
	width: 133px;
	float: left;
}

.contentItemDescription{
	float: left;
	width: 340px;
	padding-left: 15px;
}

.contentItemDescription h2{
	font-size: 12px;
	color: #666552;
	margin-bottom: 0.5em;
}


.img{
	border: none;
	text-decoration: none;
	padding-top: 3px;
}

.panno{
	margin: 0px 10px 4px 0px;
}

/*--------------------------------------------------*/


/******************************************** NAVIGATIE */

#navigation li span{
	display: none;
}

#navigation{
    width: 900px; 
	height: 43px;
    background: url("../images/nav.gif");
    margin: 0px auto; 
    position: relative;
	/*background-color: none;*/
	display: none;
}

#navigation li {
	margin: 0; 
	padding: 0; 
	list-style: none;
	position: absolute; 
	top: 0;
}

#navigation li, #navigation a {
	height: 43px; 
	display: block;
}

#homepage{
	left: 0; 
	width: 180px;
}

#allesOverDiemat{
	left: 190px; 
	width: 180px;
}

#verkoop{
	left: 360px; 
	width: 180px;

}

#verhuur{
	left: 540px; 
	width: 180px;

}

#contacteerOns{
	left: 710px; 
	width: 180px;
}

#homepage a:hover {
    background: transparent url("../images/nav.gif")
    0 -43px no-repeat;
}

#homepage.selected {
    background: transparent url("../images/nav.gif")
    0 -43px no-repeat;
}



#allesOverDiemat a:hover {
    background: transparent url("../images/nav.gif")
    -190px -43px no-repeat;
}

#allesOverDiemat.selected {
    background: transparent url("../images/nav.gif")
    -190px -43px no-repeat;
}


#verkoop a:hover {
    background: transparent url("../images/nav.gif")
    -360px -43px no-repeat;
}

#verkoop.selected {
    background: transparent url("../images/nav.gif")
    -360px -43px no-repeat;
}



#verhuur a:hover {
    background: transparent url("../images/nav.gif")
    -540px -43px no-repeat;
}

#verhuur.selected {
    background: transparent url("../images/nav.gif")
    -540px -43px no-repeat;
}


#contacteerOns a:hover {
    background: transparent url("../images/nav.gif")
    -710px -43px no-repeat;
}

#contacteerOns.selected {
    background: transparent url("../images/nav.gif")
    -710px -43px no-repeat;
}

/*--------------------------------------------------*/



/******************************************* FOOTER */

#footer{
	clear: both;
	width: 880px;
	height: 69px;
	background: transparent url("../images/footer.gif") no-repeat top left;
	text-align:center;
	padding-right: 20px;
}

#footer p{
	font-size: 11px;
	color: #666552;
	padding: 1em 0 1em 30px;
}

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

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

/*-----------------------------------------------------*/














/*--------------------------------------*/
/*	Detail - LEFT						*/
/*--------------------------------------*/

	#detail-leftContainer{
		/*float: left;*/
		width: 420px;
		padding-left: 35px;
		/*padding-top: 20px;*/
		/*padding-bottom: 10px;*/
		/*border: 1px solid #c00;*/
		/*text-align:center;*/
		clear: both;
		}
	#detail-leftContainer table{
		border-collapse: collapse;
		margin: 0 auto;
		}
	#detail-leftContainer table .foto-boven{
		background: url("../images/foto-boven.gif") repeat-x top left;
		}
	#detail-leftContainer table .foto-onder{
		background: url("../images/foto-onder.gif") repeat-x top left;
		}
	#detail-leftContainer table .foto-links{
		background: url("../images/foto-links.gif") repeat-y top left;
		}
	#detail-leftContainer table .foto-rechts{
		background: url("../images/foto-rechts.gif") repeat-y top left;
		}



/*--------------------------------------*/
/*	Detail - RIGHT						*/
/*--------------------------------------*/

	#detail-rightContainer{
		float: left;
		width: 600px;
		padding:0;
		margin:10px 0px 10px 28px;
		/*border: 1px solid #0c0;*/
		}
	#detail-rightTop{
		background: transparent url("../images/right_top.gif") no-repeat top left;
		height: 10px;
		font-size: 1px;
		}
	#detail-right{
		background: transparent url("../images/right.gif") repeat-y top left;
		padding: 3px 12px 0px 14px;
		}
	#detail-rightBottom{
		background: transparent url("../images/right_bottom.gif") no-repeat bottom left;
		height: 10px;
		margin-bottom: 12px;
		font-size: 1px;
		}
	#detail-right h1{
		background: transparent url("../images/nieuws.gif") no-repeat top left;
		width: 247px; 
		height: 23px;
		}
	#detail-right h1 span{
		display: none;
		}
		
	#detail-rightContainer table{
		border-collapse: collapse; 
		border: solid 1px #ffffff;
		}
	#detail-rightContainer table .cel1 {
		width:120px;
		}
	#detail-rightContainer table .trDark {
		background:#EDEDE5;
		}
	#detail-rightContainer table .trLight {
		background:#F6F6F1;
		}
	#detail-rightContainer .trDark td, #detail-rightContainer .trLight td{
		padding:2px 3px;
		}
	#detail-rightContainer table .stiplijn{
		height:10px;
		}

	.mailnaarvriend {
		background: url("../images/mailnaarvriend.gif") no-repeat top left;
		width: 126px;
		height: 24px;
		float:left;
		margin:14px 4px 0px 0px;
		}
	.mailnaarvriend span {
		visibility: hidden;
		}
	.meerinfovragen {
		background: url("../images/meerinfovragen.gif") no-repeat top left;
		width: 139px;
		height: 24px;
		float:left;
		margin:14px 0px 0px 0px;
		}
	.meerinfovragen span {
		visibility: hidden;
		}

/*--------------------------------------*/
/*	SCROLL tmb 							*/
/*--------------------------------------*/

	#scrolltmb-placeholder {
		/*border: 1px solid #00c;*/
		text-align:center;
		padding:10px 0px 0px 0px;
		display: none;
		}
	.scrollhandle {
		vertical-align:middle;
		border:0;
		}
	.scrolltmb {
		vertical-align:middle;
		margin:3px;
		border:2px solid #fff;
		}
	.scrolltmb:hover {
		border:2px solid #cdcdcd;
		}



/*--------------------------------------*/
/*	Alles over diemat					*/
/*--------------------------------------*/

	.indekijker-left-tmb {
		float:left;
		margin: 0px 3px 0px 0px;
		border:2px solid #fff;
		}

/*--------------------------------------*/
/*	Te koop / Te huur					*/
/*--------------------------------------*/

	#overviewContainer{
		float: left;
		width: 830px;
		padding-left: 35px;
		padding-top: 20px;
		padding-bottom: 20px;
		/*border: solid 1px green;*/
		}
	#overviewTop{
		background: url("../images/overview_top.gif") no-repeat bottom left;
		height: 10px;
		/*margin-bottom: 12px;*/
		font-size: 1px;
		}
	#overview { 
		background: url("../images/overview.gif") repeat-y top left;
		padding: 3px 12px 0 12px;
		}
	#overviewBottom{
		background: url("../images/overview_bottom.gif") no-repeat bottom left;
		height: 10px;
		margin-bottom: 12px;
		font-size: 1px;
		}	
		
	#overview a{
		color: #39c;
		text-decoration: none;
	}
	
	#overview a:hover{
		color: #39c;
		text-decoration: underline;
	}	
		
		
	#overview table{
		border-collapse: collapse; 
		width:100%;
		}
	#overview table .oddrow {
		background:#EDEDE5;
		}
	#overview table .evenrow {
		background:#F6F6F1;
		}
	#overview td {
		padding:2px 3px;
		}
	#overview th {
		padding:0px 10px 0px 0px;
		white-space: nowrap;
		}
		
	#overview table .cel-foto { width:133px; }
	#overview table .cel-prijs { width:80px; }
	#overview table .cel-tuin { width:40px; }
	#overview table .cel-totaleopp { width:90px; }
	#overview table .cel-bebouwdeopp { width:90px; }
	#overview table .cel-type { width:40px; }
	#overview table .cel-plaats { width:100px; }

	#pagination {
		text-align:center;
		}