body {
		background-image:	url(../img_vodoz/background.png);
		background-repeat: 	repeat-x;
		background-color:   #f5f5f5;
		padding: 			0;
		margin: 			0;
		font-family: 		Garamond,Times New Roman, sans serif;
}

h1 {
		color:				#44648f;
		font-size:			20px;
		margin:				0;
		padding: 			10px 10px 5px 10px;
}

p {
		font-family: 		Georgia,Times New Roman, sans serif;
		/*color:				#6d6d6d;*/
		color:				#555555;
		margin:				15px 15px 5px 15px;
		font-size: 			14px;
}

a {
		color:				#44648f;
		text-decoration:	none;
}

a:hover {
		color:				#6d6d6d;
}

#content {
		margin:				20px auto 5px auto;
		background-color: 	#ffffff;
		padding:			10px;
		width:				981px;
		border: 			1px solid #dedede;
}

#contentBox {
		margin:				0 auto;
		background-image:	url(../img_vodoz/contentBox.jpg);
		background-repeat:	repeat-x; 
		background-color: 	#ffffff;
		padding:			10px;
		width:				963px;
}

/* box
 * float boxen op de index
 */

#boxLarge{
		margin:				0px auto 0px auto;
		background-color: 	#ffffff;
		width:				960px;
}
 
#boxLeft {
		float: 				left;
		margin:				0 auto 5px auto;
		background-color: 	#ffffff;
		width:				545px;
}

#boxRight {
		float: 				right;
		margin:				0 auto 5px auto;
		background-color: 	#ffffff;
		width:				397px;
}

#laden {
		float: 				right;
		margin:				0 auto 5px auto;
		padding:			100px 20px 100px 20px;
		background-color: 	#ffffff;
		width:				357px;
		font-family: 		Georgia;
		font-size:			12px;
		text-align:			center;
		background-image:	url(../img_vodoz/loading.gif);
		background-position:center; 
		background-repeat:	no-repeat; 
}

#wrapper {
		display:none;	
}
/* offer
 * stijlen voor het aanbod op de index
 */

#offerLarge {
		margin:				5px 15px 0 15px;
		background-color: 	#ffffff;
		background-image:	url(../img_vodoz/offerBackground.jpg);
		background-repeat:	repeat-x; 
		padding: 			10px;
		width:				920px;
}

#offerLarge img {
		margin: 			5px;
		border: 			1px solid #dedede;
		width:				280px;
}

.large {
		font-size:			16px;
}

.hoofdFoto {
		width:				280px;
		border: 			1px solid #dedede;
		margin:				20px;
		float: 				left;
}
 
.offer {
		margin:				5px 15px 0 15px;
		background-image:	url(../img_vodoz/offerBackground.jpg);
		background-repeat:	repeat-x; 
		padding: 			10px;
}

.offerHead {
		color:				#44648f;
		font-size:			16px;		
}

.offerSeparator {
		margin: 			0;
		font-size:			16px;
		color:				#d6d6d6;		
}

.offerPrice {
	 	color:				#6d6d6d;
}

img.offerPhoto {
		float: 				left;
		margin: 			10px 10px 5px 0;
		border: 			1px solid #d8dee6;
		width:				120px;
		height:				90px;
}

/* css voor verkochte huizen */
.image {
   position: relative;
   width: 100%; /* for IE 6 */
}

.image p {
   position: absolute;
   font-size: 20px;
   top: 60px;
   left: 5px;
   width: 100%;
   color: #ffffff;
}


/* aanbod pagina stijl zelf */
.offerLeft {
		float: 				left;
		margin:				0 auto 5px auto;
		background-color: 	#ffffff;
		width:				50%;
}

.offerRight {
		float: 				right;
		margin:				0 auto 5px auto;
		background-color: 	#ffffff;
		width:				50%;
}

#offerPageNumbers {
		font-family: 		Georgia;
		font-size:			11px;
		margin:				15px 20px 15px 15px;
		padding-left:		10px;
		background-color: 	#ffffff;
		width:				95%;
}

#offerPageNumbers a {
		padding:			6px;
		margin-left:		2px;	
		margin-right:		2px;	
		background-color: 	#44648f;
		color:				#ffffff;
		text-decoration: 	none;
}

#offerPageNumbers a:hover {
		padding:			6px;
		background-color: 	#cccccc;
		color:				#ffffff;
		text-decoration: 	none;
}

#offerPageNumbers a.active {
		padding:			6px;
		text-decoration: 	none;
		background-color: 	#ffffff;
		color: 				#6d6d6d;

}

/* zoekfunctie voor huizen*/

form.offer {
		margin:				15px;	
		font-family: 		Georgia,Times New Roman, sans serif;
		color:				#6d6d6d;		
}

form.offer #submit {
		background-color: 	#ffffff;
		border:				1px solid #cccccc;
		font-family: 		Verdana,Times New Roman, sans serif;
		padding:			3px;
		font-size: 			12px;		
		}

/* Contact
 * contact box op de index pagina
 */

#contact {
		width: 				100%;
		height:				72px;
		background-image:	url(../img_vodoz/contact.jpg);
		background-repeat:	repeat-x; 
		/*background:			#3a5a87;*/
}

#contact p {
		color: 				#ffffff;
		margin: 			0;
		font-size:			16px;
}

#contact .left {
		float: 				left;
		width:				140px;
		padding:			8px 10px 8px 10px;
		background-image:	url(../img_vodoz/contactSeparator.jpg);
		background-repeat:	no-repeat; 
		background-position: right;		
}

#contact .right {
		float: 				left;
		width:				180px;
		padding:			8px 10px 8px 10px;
		background-image:	url(../img_vodoz/contactSeparator.jpg);
		background-repeat:	no-repeat; 
		background-position: right;		
}


/* Clear div om floats te clearen
 */

#clear {
		clear: 				both;
}

/* Footer
 * footer website + link naar fusiox
 */

#footer {
		margin:				0 auto;
		padding: 			0 5px 0 5px;
		width:				975px;
		height:				20px;
}

#footer p {
		margin: 			0;
		line-height:		19px;
		color: 				#aaaaaa;
		font-weight:		bold;
		font-family: 		Arial, sans serif;
		font-size:			11px;	
}

#footer a {
		margin: 			0;
		line-height:		19px;
		color: 				#aaaaaa;
		font-weight:		bold;
		font-family: 		Arial, sans serif;
		font-size:			11px;	
}

#footer a:hover {
		color: 				#cccccc;	
}

#footer .left {
		float: 				left;
}

#footer .right {
		float:				right;
}

#footer img {
		vertical-align:		middle;
}

/* Menu css 
 * stijl voor het bovenste menu op de vodoz website
 */

ul#menu {
		margin: 		8px 0 9px 0;
		padding:			0;
		width: 				983px;
		background-image:	url(../img_vodoz/menu.jpg);
		background-repeat:	repeat-x; 
		position: 			relative;
		display: 			block;
		height: 			36px;
		font-size: 			16px;
		text-decoration: 	none;
}

ul#menu li{
		display: 			block;
		float: 				left;
		text-align: 		center;
		margin: 			0;
		padding: 			0;
}


ul#menu li a {
		display: 			block;
		float: 				left;
		background-image:	url(../img_vodoz/menuSeparator.jpg);
		background-repeat:	no-repeat; 
		background-position: right;
		width: 				102px;
		text-align:			center;
		color: 				#ffffff;
		text-decoration: 	none;
		padding: 			10px 0 0 0;
		height: 			26px;
}

ul#menu li a.active {
		display: 			block;
		float: 				left;
		/*color: 				#375986;*/
		color: 				#6d6d6d;
		text-decoration: 	none;
		padding: 			10px 0 0 0;
		height: 			26px;
		background:			#ffffff;
}
ul#menu li a:hover.active {
		display: 			block;
		float: 				left;
		/*color: 				#375986;*/
		color: 				#6d6d6d;
		text-decoration: 	none;
		padding: 			10px 0 0 0;
		height: 			26px;
		background:			#ffffff;
}

ul#menu li a:hover {
		background: 		#e8e8e8;
		color: 				#6d6d6d;	
}