/**
*	Default CSS for all browsers
*/
/* site elementen */	
* { 
	margin:0px;
	padding:0px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	letter-spacing:0px;
	color:black;
}
body {
	margin:auto;
	background:#CCCCCC; 
	background-image:url(../img/top-rpt.jpg);
	background-position:left 68px;
	background-repeat:repeat-x;
	}
/* basis site elementen */	
#site{
	background-image:url(../img/top-rpt.jpg);
	background-position:left 68px;
	background-repeat:repeat-x;	
	width:766px !important;
	margin:auto;
	border-left:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	border:0px solid #00CC66;
	background-color:#DEDBDE;
	}
	
#head{
	height:137px;
	display:block;
	clear:both;
	}
	#logo{
		background-image:url(../img/logo.jpg);
		background-position:left top;
		background-repeat:no-repeat;
		display:block;
		height:67px;
		width:354px;
		float:left;
		clear:left;
		}

	#topimg{
		background-image:url(../img/topimg.jpg);
		background-position:right top;
		background-repeat:no-repeat;
		height:67px;
		width:261px;
		float:right;
		display:block;
		}
	/*ul*/ #topmenu{
			margin-top:3px;
			display:block;
			clear:both;
			width:693px;
			height:61px;
			float:left !important;
			margin-left:208px;
			}

		/*li*/
div	span{
	display:none;
}

li{
	list-style-type:none;
}
	
#content ul{
	padding-left:20px;
}
#content li{
	display:block;
	margin-bottom:10px;
	}
		

		#topmenu a{
		display:block;
		float:left;
		height:61px;
		width:137px;
		background-repeat:no-repeat;
		background-position:right top;
		border-top:2px solid #FFFFFF;
		border-left:2px solid #FFFFFF;
		cursor:pointer;
		}
		
		#topmenu .home{
		background-image:url(../img/home-0.jpg);
		display:none;
		}
		#topmenu .home:hover{
		background-image:url(../img/home-1.jpg);
		}
		#topmenu .wonen{
		background-image:url(../img/wonen-0.jpg);
		}
		#topmenu .wonen:hover{
		background-image:url(../img/wonen-1.jpg);
		}
		#topmenu .financieel{
		background-image:url(../img/financieel-0.jpg);
		}
		#topmenu .financieel:hover{
		background-image:url(../img/financieel-1.jpg);
		}
		#topmenu .woonbladen{
		background-image:url(../img/woonbladen-0.jpg);  
		}
		#topmenu .woonbladen:hover{
		background-image:url(../img/woonbladen-1.jpg);
		}
		#topmenu .contact{
		background-image:url(../img/contact-0.jpg);
		border-right:2px solid #FFFFFF;
		}
		#topmenu .contact:hover{
		background-image:url(../img/contact-1.jpg);
		}				
/* ----- */
#subwonen,
#subfinacieel,
#subwoonbladen{
		width:186px;
		display:block;
		float:left;
		clear:left;
		margin-top:10px;
		margin-bottom:10px;
		margin-left:10px;
		padding-top:40px;
		background-position:left top;
		background-repeat:no-repeat;
}


		
/*ul*/ #subwonen{
		background-image:url(../img/subwonen.jpg);
	}
	
/*ul*/ #subfinacieel{
		background-image:url(../img/subfinancieel.jpg);
	}	
/*ul*/ #subwoonbladen{
		background-image:url(../img/subwoonbladen.jpg);
	}		
	#subwonen li,
	#subfinacieel li
	#subwoonbladen li{
		display:block;
		clear:both;
	}
	#subwonen li a,
	#subfinacieel li a,
	#subwoonbladen li a{
		border-top:1px solid #FFFFFF !important;
		height:15px !important;
		width:135px !important;
		padding-top:3px;
		padding-bottom:3px;
		padding-left:50px;
		background-color:#21496B;
		background-image:url(../img/pijltje.gif);
		background-position:35px;
		background-repeat:no-repeat;
		display:block;
		text-decoration:none;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		text-transform:uppercase;
		color:#cccccc;
	}
	#subwonen li a:hover,
	#subfinacieel li a:hover, 
	#subwoonbladen li a:hover{
		background-image:url(../img/pijltje2.gif);
		background-position:38px;
	}	
	/*li*/
#content{
	float:right;
	display:block;
	clear:right;
	width:540px;
	margin-right:10px;
	margin-top:10px;
	margin-bottom:10px;	
	}
	#content img{
		margin-top:0px;
		margin-left:0px;
		margin-right:5px;
		margin-bottom:3px;
		}
	/* tekst en element opmaak */	
	h1 {
		font-size:18px;
		}
	
		#content h1 a{ 
			font-size:18px;
			display:inline; 
			color:#21496B;
			text-decoration:none;
			}
		#content a:hover{ 
			color:#21496B;
			text-decoration:underline;
			}
		#content a:hover strong{ 
			color:#21496B; 
			}
	
	#footer{
		border-top:2px solid #21496B;
		height:25px;;
		width:756px;
		clear:both;
		padding-top:5px;
		padding-left:10px;
		}

#content a{
	display:block;
	clear:both;	
	font-weight:bold;
	}		
#content p{
	line-height:normal;
	display:block;
	clear:both;
	padding-bottom:5px;
	}		
				
	iframe{
		background:none;
		border:0px solid red;
		clear: both;
		width:540px;
		height:600px;
		overflow:auto;
		margin-top:20px;
		margin-bottom:20px;
		}	

#contact{
	margin:20px;
	width:500px;
	}	
	#form_contact label{
		margin-bottom:10px;
		clear:both;
		display:block;
		}	
	#form_contact p{
		display:block;
		float:left;
		width:200px;
		height:15px;
		border:0px solid red;
		clear:left;
		}
	#form_contact input{
		border:1px solid #000000;
		width:200px;
		height:15px;
		float:left;
		clear:right;
		text-indent:5px;
		}
	#form_contact textarea{
		border:1px solid #000000;
		width:195px;
		height:95px;
		float:left;
		clear:right;
		padding-left:5px;	
		}
	#form_contact button{
		border-bottom:2px solid #21496b;
		border-left:2px solid #dedbde;
		border-right:2px solid #21496b;
		border-top:2px solid #dedbde;
		width:200px;
		}	
	#form_contact button:hover{
		border-bottom:2px solid #dedbde;
		border-left:2px solid #21496b;
		border-right:2px solid #dedbde;
		border-top:2px solid #21496b;
		}		
		#form_contact{
			border:0px solid red;
			margin-top:10px;
			}	
	#form_contact label{
		border:0px solid red;
		}		
		
	input { 
		background:none;
		background-color:#FFFFFF;
		}
	button {
		background:none;
		background-color:#FFFFFF;
		}