body{
	margin:0;
	padding:0;
	background:url(../images/bg-repeat.gif) repeat-y center #e5eecc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
}

img, object{
	display:block;
	padding:0;
	margin:0;
}

a{
	color:#1a3e94;
	text-decoration:underline;
	font-weight:bold;
}

a:hover{
	color:#1a3e94;
	text-decoration:none;
	font-weight:bold;
}

ul{
	margin:0 0 15px 0;
	padding:0;
	list-style:none;
}

ul li{
	margin:0;
	padding:0 0 0 15px;
	color:#1c3e96;
	background:url(../images/li.gif) 0 5px no-repeat;
	line-height:20px;
}

h1{
	font-size:16px;
	color:#1a3e94;
	font-weight:bold;
	text-transform:uppercase;
	text-indent:-2000px;
}

#vastgoed{
	padding:0;
	margin:0;
	width:133px;
	height:35px;
	background:url(../images/vastgoedaanbod.gif) 0 0 no-repeat;
}

#onsvastgoed{
	padding:0;
	margin:0;
	width:250px;
	height:35px;
	background:url(../images/onsvastgoed.gif) 0 0 no-repeat;
}

#nieuwaanbod{
	padding:0;
	margin:0;
	width:250px;
	height:35px;
	background:url(../images/nieuwaanbod.gif) 0 0 no-repeat;
}

#sitemap{
	padding:0;
	margin:0;
	width:62px;
	height:35px;
	background:url(../images/sitemap.gif) 0 0 no-repeat;
}


#historietitel{
	padding:0;
	margin:0;
	width:250px;
	height:35px;
	background:url(../images/overons-titel.gif) 0 0 no-repeat;
}

#bedrijfsprofiel{
	padding:0;
	margin:0;
	width:117px;
	height:35px;
	background:url(../images/bedrijfsprofiel.gif) 0 0 no-repeat;
}

#disclaimer{
	padding:0;
	margin:0;
	width:84px;
	height:35px;
	background:url(../images/disclaimer.gif) 0 0 no-repeat;
}

#contacttitel{
	padding:0;
	margin:0;
	width:65px;
	height:35px;
	background:url(../images/contact.gif) 0 0 no-repeat;
}

#titelhome{
	padding:0;
	margin:0 0 0 130px;
	width:224px;
	height:35px;
	background:url(../images/A.M.Zevenbergen.gif) 0 0 no-repeat;
}

#titeldordrecht{
	padding:0;
	margin:0;
	width:220px;
	height:35px;
	background:url(../images/h1-dordrechtl.jpg) 0 0 no-repeat;
}


h2{
	font-size:12px;
	color:#1a3e94;
	font-weight:bold;
	margin-bottom:7px;
}

h3{
	font-size:12px;
	color:#87be16;
	font-weight:bold;
	margin-top:7px;
}
	
#historie h3{
	font-size:12px;
	color:#87be16;
	font-weight:bold;
	margin-top:67px;
}	
	
p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	line-height:22px;
	padding:0;
	margin:0;
}

#container{
	position:relative;
	margin:0 auto;
	padding:0;
	width:1000px;
	background:url(../images/bg-container-home.gif) right top no-repeat #FFFFFF;
}

#vervolg #container, #historie #container{
	position:relative;
	margin:0 auto;
	padding:0;
	width:1000px;
	background:url(../images/bg-container-vervolg.gif) right top no-repeat #e3e8f2;
}

.wit, .wit a{
	color:#FFFFFF;
	font-weight:bold;
}
.wit a{
	text-decoration:none;
	}
.wit a:hover{
	text-decoration:underline;
	}

.lees_meer{
	margin-top:-18px;
}

.searchfield{
	background-color:#E2E9F3;
	border:1px solid #FFFFFF;
	font-size:11px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#003D98;	
}

hr{
	border:1px solid #dce2ef;
	background:none;
}

table p{
	font-size:10px;
	margin-left:10px;
}

table p a{
	color:#1a3e94;
	font-weight:bold;
	text-decoration:none;
}

table p a:hover{
	color:#1a3e94;
	font-weight:bold;
	text-decoration:underline;
}

.verzenden{
	background-color:#1a3e94;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:1px 35px 1px 10px;
	margin-right:50px;
	border:1px solid #FFFFFF;
	text-align:left;
}




/*-------------------------------------- pagina-elementen --------------------------------------*/
#flash1{
	position:relative;
	height:251px;
	width:100%;
	z-index:10;
}

#flashtop{
	position:relative;
	z-index:100;
	height:317px;
	width:100%;
	background:url(../images/home-flash-top.jpg) 0 0 no-repeat #CCCCCC;
}

#vervolg #flashtop{
	position:relative;
	height:251px;
	width:100%;
	z-index:10;
	background:url(../images/top_vervolg_foto_contact.jpg) 0 0 no-repeat #CCCCCC;
}

#historie #flashtop{
	position:relative;
	height:251px;
	width:100%;
	z-index:10;
	background:url(../images/top_vervolg_foto_overons.jpg) 0 0 no-repeat #CCCCCC;
}

#flash_am{
	position:absolute;
	top:158px;
	right:0;
	left:auto;
	z-index:50;
	width:423px;
	height:119px;
}

#flash_am div{
	position:absolute;
	top:158px;
	right:0;
	left:auto;
	z-index:50;
	width:423px;
	height:119px;
	background:url(../images/AM.png) 0 0 no-repeat;
}


#tekstvlak{
	position:relative;
	margin:60px 0 0 43px;
	width:375px;
	min-height:310px;
}

.floatleft{
	float:left;
	border:1px solid #1a3e94;
	margin: 0 22px 10px 0;
}

/*----- navigatie -----*/

#menu{
	position:relative;
	background-color:#87be16;
	padding:0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	height:26px;
	z-index:5;
	color:#FFFFFF;
}

#menu ul#nav{
	list-style:none;
	margin:0;
	padding:0;
}

#menu ul#nav li{
	padding:0;
	margin:0;
	background:none;
	list-style-type:none;
	display:inline;
} 

#menu ul#nav li a{
	display:block;
	height:26px;
	border:none;
	text-indent:-2000px;
	margin:0;
	padding:0;
	text-decoration:none;
	float:right;
	/*width:100%;/* Make list items do what they're supposed to in IE6 */
}

#vervolg #menu ul#nav li a, #historie #menu ul#nav li a{
	float:left;
	/*width:100%;/* Make list items do what they're supposed to in IE6 */
}


#menu ul#nav li a:hover{
	display:block;
	height:26px;
	text-decoration:none;
	background-position:0 -27px;
	margin:0;
	padding:0;
}

#vastgoed a{
	padding:0;
	margin:0;
	text-decoration:none;
	display:block;
	width:137px;
	background:url(../images/nav-onsvastgoed.gif) 0 0 no-repeat;
}

#aanbod a{
	padding:0;
	margin:0;
	text-decoration:none;
	display:block;
	width:144px;
	background:url(../images/nav-nieuwaanbod.gif) 0 0 no-repeat;
}

#overons a{
	padding:0;
	margin:0;
	text-decoration:none;
	display:block;
	width:102px;
	background:url(../images/nav-overons.gif) 0 0 no-repeat;
}

#contact a{
	padding:0;
	margin:0;
	text-decoration:none;
	display:block;
	width:96px;
	background:url(../images/nav-contact.gif) 0 0 no-repeat;
}

#home a{
	padding:0;
	margin:0;
	text-decoration:none;
	display:block;
	width:102px;
	background:url(../images/nav-home.gif) 0 0 no-repeat;
}


html>body ul#nav li {
	padding:0;
}

#menu ul#nav li ul{
	position:absolute;
	display:none;
	top:25px;
	left:685px;
	/*width:305px; the width of submenu items, used again bellow (1)  */
	font-size:10px;
	background-color:#FFFFFF;
	padding:10px 20px 4px 20px; 
	margin:0;
	border:1px solid #8c9ec9;
}

#vervolg #menu ul#nav li ul, #historie #menu ul#nav li ul{
	left:232px;
	/*width:305px; the width of submenu items, used again bellow (1)  */
}

#menu ul#nav li ul li{ 
	clear:left; /* It inherits float:left. No float:none, because that creates a whitespace beneath the last item in IE6 */
	display:block;
	/*width:280px; /* Make list items do what they're supposed to in IE6*/ 
	padding:0 0 0 14px;
	margin:0;
	background:#FFFFFF;
	color:#1b3f95;
	font-size:10px;
}

#menu ul#nav li ul li a {
	display:block;
	height:auto;
	width:auto;
	margin:0 0 0 -19px;
	padding:0px 10px 7px 10px;
	color:#1b3f95;
	text-decoration:none;
	text-indent:0;
	background:url(../images/li-bg-icon.gif) no-repeat #FFFFFF;
	font-weight:normal;
	float:none;
}
#menu ul#nav li ul li a:hover{
	display:block;
	height:auto;
	width:auto;
	color:#1b3f95;
	margin:0 0 0 -19px;
	padding:0px 10px 7px 10px;
	text-decoration:underline;
	text-indent:0;
	background:url(../images/li-bg-icon.gif) no-repeat #FFFFFF;
	font-weight:normal;
}
#menu ul#nav li ul li ul{
	top:-1px; /* the height of the top border */
	left:13.5em; /* (1) the width of submenu items */
	font-size:12px; /* font reset for submenu's after the first*/
	z-index:100;
	margin:0;
	padding:0;
}

/*switch submenu's for full css supporting browsers*/
#menu ul#nav li:hover ul{display:block;}
#menu ul#nav li:hover ul li ul{display:none;}
#menu ul#nav li ul li:hover ul{display:block;}
#menu ul#nav li ul li:hover ul li ul{display:none;}
#menu ul#nav li ul li ul li:hover ul{display:block;}
#menu ul#nav li ul li ul li:hover ul li ul{display:none;}
#menu ul#nav li ul li ul li ul li:hover ul{display:block;}
#menu ul#nav li ul li ul li ul li:hover ul li ul{display:none;}
#menu ul#nav li ul li ul li ul li ul li:hover ul{display:block;}
#menu ul#nav li ul li ul li ul li ul li:hover ul li ul{display:none;}
/*add styles if needed*/



/*----- contactblokje -----*/

#contact-blokje{
	position:relative;
	margin-top:65px;
	background:url(../images/contact-blokje-compleet.gif) top left no-repeat;
	border-bottom:6px solid #1a3e94;
	color:#FFFFFF;
	height:78px;
	margin-left:43px;
}

.contact{
	width:236px;
	color:#FFFFFF;
	padding:5px 0 0 20px;
	font-size:10px;
}

.contact a{
	color:#FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}

.contact a:hover{
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

/*----- footer -----*/

#footer{
	position:relative;
	background-color:#8c9ec9;
	color:#e8ecf4;
	font-size:10px;
	padding:5px 0 7px 43px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	clear:left;
}

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

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

.adres{
	position:absolute;
	right:30px;
	color:#FFFFFF;
	font-weight:bold;
	width:auto;
	
}

/*------------------------------------------- vervolg pagina -------------------------------------------*/

body#vervolg, body#historie {
	background:url(../images/bg-repeat.gif) repeat-y center #e5eecc;
	margin:0;
	padding:0;
}

#vervolg #menu, #historie #menu{
	padding:0 0 0 43px;
}


#vervolg #menu ul#nav, #historie #menu ul#nav{
	float:none;
}


#vervolg #tekstvlak{
	margin:60px 0 35px 43px;
	width:57%;
	min-height:420px;
}

#historie #tekstvlak{
	margin:60px 0 35px 43px;
	width:40%;
	min-height:420px;
} 

#adres-blokje{
	position:absolute;
	top:380px;
	right:0;
	width:261px;
	height:175px;
	background-color:#87be16;
	color:#FFFFFF;
	font-size:10px;
	font-weight:bold;
	border:1px solid #FFFFFF;
	line-height:18px;
}

#historie #adres-blokje{
	top:680px;
	right:0;
	height:100px;
	width:262px;
}

#historie #adres-blokje img{
	float:left;
	padding-bottom:0;
}

#adres-blokje img{
	padding-bottom:10px;
}

#adres-blokje a{
	color:#FFFFFF;
	text-decoration:underline;
}

#adres-blokje a:hover{
	color:#FFFFFF;
	text-decoration:none;
}

#blokjevastgoed{
	position:absolute;
	right:0;
	top:625px;
	color:#FFFFFF;
	font-size:10px;
	line-height:18px;
	background-image:url(../images/blokje-vastgoed.gif);
	height:84px;
	width:260px;
	clear:both;
}

#blokjevastgoed a{
	text-decoration:underline;
	color:#FFFFFF;
	font-weight:bold;
}

#blokjevastgoed a:hover{
	text-decoration:none;
	color:#FFFFFF;
	font-weight:bold;
}

/*-----contactformulier-----*/
table#contact, iframe{
	background-color:#FFFFFF;
	padding: 5px;
	margin: 0px;
	color:#1a3e94;
	border:1px solid #8c9ec9;
}

#contact td{
	border-bottom:1px solid #e3e8f2;
}

p#contact table{
	font-size: 11px;
}

#contact input{
	border:1px solid #8c9ec9;
	background-color:#e3e8f2;
}

.bordertextearea{
	border:1px solid #8c9ec9;
}


textarea{
	border:1px solid #FFFFFF;
	background-color:#e3e8f2;
	font-size:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

#contact .noborder{
	border:none;
	background:none;	
}

#contact .verzenden{
	background-color:#1a3e94;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	padding:2px;
}

table#tablehome{
	position:absolute;
	top:414px;
	right:33px;
	border:0px;
	background:#8c9ec9;
	padding: 0px;
	margin: 0px;
	color:#FFFFFF;
	font-size:10px;
}

.border1px{
	border:1px solid #FFFFFF;
}

.lokatie{
	color:#FFFFFF;
	padding:14px;
	border-right:1px solid #FFFFFF;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	line-height:18px;
}
.lokatie a{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:none;
}
.lokatie a:hover{
	color:#FFFFFF;
	font-weight:bold;
	text-decoration:underline;
}

.green{
	background:#87BE16;
	width:100%;
	color:#FFFFFF;
	font-weight:bold;
	margin:10px 0 0 0;
	padding:0 0 0 5px;
}

.bordertop{
	border-top:1px solid #E2E9F3;
}

.bladeren a{
	text-decoration:none;
	color:#1a3e94;
	font-weight:bold;
}

.bladeren a:hover{
	text-decoration:underline;
	color:#1a3e94;
	font-weight:bold;
}



/* --------------------------------------- historie ---------------------------------------*/

#historieflash{
	position:absolute;
	top:365px;
	right:0;
	margin:0 auto;
	border:1px solid #FFFFFF;
}

