/* CSS algemeen */

html {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
}

body {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-align: center;
	background-color:#FFFFFF;
}

td, div {
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

img {
	border: 0px;
}

hr {
	height: 0px;
	border:0;
	border-top: 1px solid #738e9c;
}

select, option, input, textarea {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin:1px 0 0 0;
}
textarea{
	width:250px;

}
label{
	float:left;
	width:220px;
	margin:1px 20px 0 0;
	cursor:pointer;
}

p {
	margin: 0px;
}

strong {
	color: #00285e;
}

a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-decoration: underline;
	color: #333333;
}
a:hover, a.selected {
	color: #666666;
}
ol, ul {
	margin-top: 0px;
	margin-left: -25px;
	margin-bottom: 0px;
}

*html ol {
	margin-left: 25px;
}

*html ul {
	margin-left: 16px;
}

h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	margin:0;
}
h2 {
	margin:23px 0 18px 0;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
}

/* einde CSS algemeen */

/* CSS opbouw site */

#website_container_home{
	width:971px;
	margin:0 auto;
	padding:0 14px 0 15px;
	text-align:left;
}
* html #website_container_home{
	width:1000px;
}


#website_vervolg_container{
	width:971px;
	margin:0 auto;
	text-align:left;
	background:url(../images/interface/vervolg_bg.gif) center repeat-y;
	border-bottom:20px solid #FFFFFF;
	overflow:hidden;
}
#top_container{
	height:148px;
}
#top_left{
	float:left;
	width:485px;
	height:148px;
	background:url(../images/interface/top_left-bg.gif) no-repeat #4d525e;
}
#logo{
	position:absolute;
	margin:80px 0 0 104px;
}
#top_menu_left_container{
	margin:131px 0 0 0;
	border-top:1px solid #FFFFFF;
	width:385px;
	float:right;
}
#top_menu_left{
	float:right;
	height:17px;				
	width:auto;
	color:#FFFFFF;
}
#top_right{
	clear:right;
	float:left;
	width:485px;
	height:148px;
	margin-left:1px;
	background:url(../images/interface/top_right-bg.jpg) no-repeat #9ebcd1;
}
#top_menu_right_container{
	clear:both;
	float:left;
	height:17px;
	margin:131px 0 0 0;
	border-top:1px solid #FFFFFF;
}
#top_menu_right{
	float:left;
	height:17px;
	width:370px;
	color:#FFFFFF;			
}
#top_menu_inloggen{
	float:left;
	height:17px;
	width:115px;					
}
#top_menu_inloggen a:hover{
	color:#cffb03;				
}
#top_menu_left a, #top_menu_right a{
	font:11px Verdana, Arial, Helvetica;
	color:#FFFFFF;
	padding: 0 10px;
	text-decoration:none;
}
#top_menu_left a:hover, #top_menu_right a:hover, #top_menu_left a.selected, #top_menu_right a.selected{
	color:#cffb03;
}
#top_menu_inloggen a{
	font:11px Verdana, Arial, Helvetica;
	color:#FFFFFF;
	padding: 0 30px 0 20px;
	text-decoration:none;
}
#streepjes, #pijltjes_home{
	position:absolute;
	margin:2px 0 0 0;
}
#stappen_container{
	border-top:1px solid #FFFFFF;
	border-bottom:2px solid #FFFFFF;
	clear:both;
	height:190px;
}
#stap_1{
	background:url(../images/interface/) no-repeat #d4e1eb;
	height:190px;
	width:485px;
	float:left;
}
#stap_flash_container{
	width:150px;
	height:140px;
	position:absolute;
	margin:-6 0 0 310px;
	z-index:100;
}
#stap_titel{
	padding:10px 0 0 10px;
	width:270px;
}
#gemeenten_rij{
	margin:10px 0 0 0;
	width:320px;
}
.gemeenten_kolom{
	float:left;
	margin:0 0 0 10px;
	width:133px;
	padding:0 0 0 17px;
	line-height:14px;				
}
* html .gemeenten_kolom{
	width:145px;			
}
.gemeenten_kolom a{
	color:#000000;	
	text-decoration:none;
	display:block;
	margin:0;
	width:118px	;	
}
.gemeenten_kolom a:hover{
	text-decoration:none;	
}
.gemeenten_kolom input{
	position:absolute;
	margin:2px 0 0 -17px;
}
*html .gemeenten_kolom input{
	margin:-5px 0 0 -20px;
}
	
#stap_2{
	background:url(../images/interface/stap_2_bg.jpg) 0 45px no-repeat #d4e1eb;
	height:190px;
	margin-left:1px;
	width:369px;
	float:left;
}
#stap_2_rij{
	width:369px;
}
.stap_2_rij_kolom{
	float:left;
	margin:10px 0 0 10px;
	width:93px;
	padding:0 0 0 17px;
	line-height:14px;				
}
* html .stap_2_rij_kolom{
	width:109px;			
}
.stap_2_rij_kolom b, .stap_2_rij_kolom strong{
	margin:2px 0 0 -17px;			
}
.stap_2_rij_kolom input{
	position:absolute;
	margin:2px 0 0 -17px;
}
*html .stap_2_rij_kolom input{
	margin:-5px 0 0 -20px;
}
.stap_2_rij_kolom select{
	margin:0px 0 10px -17px;
	width:110px;
}
*html .stap_2_rij_kolom select{
	margin:0 0 10px -20px;
}
.stap_2_rij_kolom_select{
	margin:10px 0 0 0;
}
#stap_3{
	background:url(../images/interface/stap_3_bg.jpg) 0 45px no-repeat #d4e1eb;
	height:190px;
	margin-left:1px;
	width:115px;
	float:left;
}
.stap_titel{
	height:33px;
	border-bottom:1px solid #FFFFFF;
	background-color:#9bbad1;
	color:#FFFFFF;
	font-size:15px;
	padding:13px 15px 0 15px;
}
*html .stap_titel{
	height:46px;
}
.stap_3_rij_kolom{
	float:left;
	margin:10px 0 0 10px;
	width:90px;
	line-height:14px;				
}
* html .stap_3_rij_kolom{
	width:95px;			
}
.stap_3_rij_kolom strong{
	font-size:17px;
	font-weight:bold;			
}
.zoek_button{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
	background:url(../images/interface/button_bg_up.gif) right;
	padding:2px 30px 2px 15px;
	text-align:right;
	margin-top:5px;
}
.zoek_button:hover{
	text-decoration:none;
	background:url(../images/interface/button_bg_down.gif) right;
}
.content_container{
	clear:both;
}
#footer_webdesign_home{
	clear:both;
	position:absolute; 
	text-align:right; 
	width:971px; 
	margin:40px 0 0 0;
}
*html #footer_webdesign_home{
	margin:10px 0 0 0;
}
#footer_webdesign{
	text-align:left;
	width:544px;
	clear:both;
	margin:-50px 0 0 198px;
	border-top: 1px solid #768c9a;
	padding:10px;
	position:absolute;
	text-align:right
}
*html #footer_webdesign{
	width:564px;
} 
#footer_webdesign a, #footer_webdesign_home a{
	text-decoration:none;
}
#footer_webdesign a{
	text-decoration:none;
}
#footer_menu{
	clear:both;
	margin:20px 0 0 0;
	border-top: 1px solid #768c9a;
	border-bottom:20px solid #FFFFFF;
	padding:10px;
}
#footer_menu_vervolg{
	text-align:left;
	width:400px;
	clear:both;
	margin:-50px 0 0 198px;
	border-top: 1px solid #768c9a;
	padding:10px;
	position:absolute;

}

	
#content_vervolg_left{
	float:left;
	width:177px;
}
#content_vervolg_middle{
	float:left;
	width:604px;
	margin-left:1px;
	min-height:600px;
	padding-right:1px;
	background:url(../images/interface/lijn.gif) 604px 0 no-repeat;
	border-bottom: 50px dotted #FFFFFF ;
}
*html #content_vervolg_middle{
	width:605px;
	height:600px;
}
#content_vervolg_right{
	float:left;
	width:188px;
}
.vervolg_titel{
	height:33px;
	border-bottom:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	background-color:#768c9a;
	padding:13px 15px 0 15px;
}
*html .vervolg_titel{
	height:46px;
}
.vervolg_titel h1{
	color:#FFFFFF;
	font-size:14px;
	font-weight:normal;
}
.vervolg_titel h1 b, .vervolg_titel h1 strong{
	color:#4d525e;
}

/* Einde css opbouw site */

/* Menu links */

#menu_left{
	background-color:#ececea;
	margin-bottom:20px;
}
#menu_left b, #menu_left strong{
	background:url(../images/interface/blokje1.gif) 18px 5px no-repeat #FFFFFF;
	padding:4px 15px 4px 35px;
	display:block;
	font-size:11px;
	
}
.menu_left_1, .menu_left_1 a, .menu_left_1 a:hover, .menu_left_2, .menu_left_2 a,  .menu_left_2 a:hover{
	display:block;
	text-decoration:none;
	color:#494846;
	font-size:11px;
	list-style:none;
	margin-left:0;
	cursor:default;
}
.menu_left_1 input, .menu_left_2 input{
	position:absolute;
	margin:0 0 0 -18px;
}
*html .menu_left_1 input, *html .menu_left_2 input{
	margin:-4px 0 0 -22px;
}
#menu_left select{
	margin:3px 0 3px 34px;
	width:130px;
}
.menu_left_1{
	padding:4px 15px 4px 38px;
}
.menu_left_2{
	padding:4px 15px 4px 48px;
}

/* einde menu links */

/* bovenkant middencontainer */

#pad{
	width:564px;
	margin:10px 20px 10px 20px;
	border-bottom:1px solid #768c9a;
	padding:0 0 5px 0;	
	color:#768c9a;
}
#pad a, strong{
	color:#768c9a;
	text-decoration:none;
}
#pad a:hover{
	color:#768c9a;
	text-decoration:underline;
}
#titel{
	float:left;
	margin-left:20px;
}

/* einde bovenkant middencontainer */

/* Opbouw rechts */

.rechts{
	margin:20px 15px 0 10px;
}
.links_margin{
	margin:27px 0 0 0;
}
.rechts_margin{
	margin:27px 0 150px 0;
}
.rechts_ook-interessant{
	margin:15px 17px 0 23px;
}
.rechts_link a, .zoekresultaat_info a{
	display:block;
	border-top:5px solid #FFFFFF;
	border-bottom:5px solid #FFFFFF;
	text-align:right;
}

.rechts_beschrijving{
	margin:3px 0 2px 0;

}
.rechts_beschrijving a, .rechts_beschrijving a:hover{
	text-decoration:none;
	color:#000000;
}
#menu_rechts{
	margin:16px 0 20px 0;
}

.rechts_logo a{
	color:#4d525e;
}
.rechts_logo a:hover{
	text-decoration:none;
}
.rechts_logo img{
	margin: 5px 0 0 0;
}

/* Einde opbouw rechts */

/* CSS decoratie images */

.meer-info_tekst, .overige_woningen a img, #meer-info_foto_vergroting img, .meer-info_thumbnail img, .meer-info_thumbnail1 img, #meer-info_interesse, .home_geselecteerde-projecten_thumb img, .thumbnails img{
	border:1px solid #6a6966;
}	

/* einde decoratie images */

#bottom_container{
	text-align:left;
	width:971px;
	margin:0 auto;
}
#line-bug_fix{
	position:absolute;
	width:1px;
	height:60px;
	background-color:#768c9a;
	margin:-90px 0 0 782px;
}

#meer-info_beschrijving{
	clear:both;
	margin:10px 20px;
	color:#4d525e;
}

/* CSS zoeken */

#zoekresultaten{
	clear:both;
	width:564px;
	margin:40px 20px 20px 20px;
	overflow:hidden;
}
.zoekresultaat{
	clear:both;
	margin:10px 0 0 0;
	height:105px;
	border-bottom: solid #FFFFFF 15px;
}
.zoekresultaat_foto img, .rechts_afbeelding img{
	border:1px solid #6a6966;
}
.zoekresultaat_foto{
	clear:both;
	width:142px;
}

.zoekresultaat_foto, .zoekresultaat_80, .zoekresultaat_113{
	float:left;
	height:87px;
	overflow:auto;
}
*html .zoekresultaat_foto, *html .zoekresultaat_80, *html .zoekresultaat_113{
	height:97px;
}

.zoekresultaat_80, .zoekresultaat_113{
	background-color:#ececea;
	margin-left:9px;
	padding:5px;
}
.zoekresultaat_80{			width:87px;}
*html .zoekresultaat_80{	width:97px;}
.zoekresultaat_113{			width:86px;}
*html .zoekresultaat_113{	width:96px;}

.zoekresultaat_80 a, .zoekresultaat_113 a, .zoekresultaat_80 a:hover, .zoekresultaat_113 a:hover{
	text-decoration:none;
	color:#000000;
	cursor:default;
}
.zoekresultaat_info{		
	clear:both;
}
.zoekresultaat_verwijder{
	text-align:right;
	width:564px;
	height:16px;
}
/* einde zoeken */

/* CSS inschrijfformulier */
.inschrijfformulier input{
	clear:left; 
	float:left
}
.checkbox_container input{
	float:left;
}
.checkbox_container label{
 	float:left;
}
.inschrijfformulier div{
	float:left; 
	margin: 4px 4px 0 4px; 
	width:520px;
}
.checkbox_container div{
	float:left; 
	margin: 4px 4px 0 auto;
	width:290px;
}
.inschrijfformulier_gemeenten, .inschrijfformulier_gemeenten_ontwikkelingen{
	width:520px;
	margin: 0 0 0 24px;
}
.inschrijfformulier_gemeenten div, .inschrijfformulier_gemeenten_ontwikkelingen div{
	width:150px; 
	float:left;
}
.inschrijfformulier_clear{
	clear:left;
}
/* Einde inschrijfformulier */

/* Vergroting foto */
#fixedtipdiv{
	position:absolute;
	padding: 2px;
	border:1px solid black;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
}
/* Einde vergroting foto */
