/* Broersma BedrijfsonroerendGoed */
	/* Blauwgroen: #1a9ea6; */
	/* Donkerbruin: #464134; */
	/* Lichtbruin: #696152; */

/* Body / Algemeen */
	  
	html, body { 
		width: 100%; 
		height: 100%;
		padding: 0px; 
		margin: 0px; }
		
	body { 
		font-family : Arial, Helvetica; 
		margin: 0px; 
		background-color: #464134; 
		text-align: center; }
		
	body * {
		margin: 0;
		padding: 0; }
		
	table#container {
		width: 850px; 
		height: 100%; 
		border: 0px; 
		margin: 0 auto 0 auto; }
		
		table#container td { height: 600px; padding: 10px 0px 30px 0px; }
				
	a img { border: none; }
		
/* Content algemeen */

	#content { 
		width: 600px; 
		margin: 0px; 
		padding: 0px; 
		background-color:#fff; 
		min-height: 600px;
		height: auto !important; 
		height: 600px;
		overflow: hidden; 
		overflow-x: hidden;
		float: left; 
		position: relative; 
		text-align: left; }
	
	#content p, #content ul {
		line-height: 18px;
		font-size: 9pt;
		width: 495px;
		margin: 0 0 13px 40px; 
		color: #464134; }
		
	#content ul {
		margin: 0 0 13px 40px; }
		
	#content ul li { 
		list-style: none; 
		background: url('../images/ul_bullets.gif') left center no-repeat;
		padding: 0 0 0 15px; }
		
	#content a { 
		text-transform: uppercase; 
		color: #969086; 
		font-weight: bold; 
		text-decoration: none; }
	
	#content a:hover {
		color: #1a9ea6; }
		
	#spacer { width: 500px; height: 30px; }
	#spaceraanbod { width: 500px; height: 1px; }
		
/* Content overig */
		
	#content #googlemaps { margin: 0 0 10px 42px; }
	
	.pdflink { 
		display: block; 
		height: 31px;
		width: 250px;
		padding: 2px 0 0 39px; 
		background: url('../images/pdf_icon.gif') left top no-repeat; 
		text-transform: uppercase; 
		text-decoration: none;
		font-weight: bold;
		color: #969086;
		margin-top: 20px; }
		
		.pdflink:hover {
			color: #1a9ea6; }

/* Menu */

	#menu { 
		background-color:#464134; 
		height: 600px;
		width: 250px; 
		float: left; 
		position: relative; }
			
	#menu li {
		height: 16px; 
		display: inline; }
	
	#menu li li {
		height: 16px; }
	
	#menu li a, #menu li li a { 
	  display: block;
	  width: 250px;
	  height: 16px;
	  margin-top: 0px;
	}

	#menu li a {
		margin-top: 15px; }
		
	#menu li div {
	  display: block;
	  width: 250px;
	  height: 16px;
	  margin-top: 15px;
	}

	#home { background: url('../images/home.gif') no-repeat 0 0; }
	#de-organisatie { background: url('../images/de_organisatie.gif') no-repeat 0 0; }
	#aanbod-overzicht { background: url('../images/aanbod_overzicht.gif') no-repeat 0 0; }
	#kantoorruimte { background: url('../images/kantoorruimte.gif') no-repeat 0 0; }
	#kantoorruimte-koop { background: url('../images/kantoorruimte-koop.jpg') no-repeat 0 0; }
	#kantoorruimte-huur { background: url('../images/kantoorruimte-huur.jpg') no-repeat 0 0; }
	#bedrijfsruimte { background: url('../images/bedrijfsruimte.gif') no-repeat 0 0; }
	#winkelruimte { background: url('../images/winkelruimte.gif') no-repeat 0 0; }
	#diensten { background: url('../images/diensten.gif') no-repeat 0 0; }
	#verhuur-verkoop { background: url('../images/verhuur_verkoop.gif') no-repeat 0 0; }
	#aanhuur-aankoop { background: url('../images/aanhuur_aankoop.gif') no-repeat 0 0; }
	#taxaties { background: url('../images/taxaties.gif') no-repeat 0 0; }
	#consultancy { background: url('../images/consultancy.gif') no-repeat 0 0; }
	#broersma-woningmakelaardij { background: url('../images/broersma_woningmakelaardij.gif') no-repeat 0 0; }
	#overig { background: url('../images/overig.gif') no-repeat 0 0; }
	#contact { background: url('../images/contact.gif') no-repeat 0 0; }
	#vacatures { background: url('../images/vacatures.gif') no-repeat 0 0; }
	#routebeschrijving { background: url('../images/routebeschrijving.gif') no-repeat 0 0; }
	#algemene-voorwaarden { background: url('../images/algemene_voorwaarden.gif') no-repeat 0 0; }

	#menu li a:hover, #menu li a.active, #menu li div.active { 
		background-position: -250px 0; }
	
	#menu li a span { 
		display: none; }
	
	#menu li div span { 
		display: none; }

/* Footer */ 

	#footer {
		font-size: 10px; 
		color: #fff; 
		text-align: left;
		float: left;
		margin-top: 8px; 
		padding-left: 250px;
		height: 55px;
		position: relative; 
		width: 600px;}

/* Logo's rechtsonderaan */

	#footer #menulogosonder { 
		width: 180px; 
		position: absolute;
		right: 0px; top: 0px; }
		
/* Adresbox onderaan */

	#adres { 
		width: 232px;
		margin: 0; }
	
	#adresdl { 
		width: 232px;
		height: 34px; }
	
	#adresdl dt { 
		float: left; 
		width: 13px; 
		margin-right: 4px; 
		background: url('../images/dl_sep.gif') right center no-repeat; }

/* Logo */

	h1#h1logo { /* Als home, dan logo in H1 */
		width: 213px;
		height: 83px;
		border-bottom: none;
		padding-left: 0px;
		padding-top: 0px;
		margin: 0 0 89px 15px;
	}
	
	img#logo { 
		margin: 34px 0 70px 15px; }
				
/* Headers */

	h1, h2.h2ash1 { 
		text-transform: uppercase;
		font-size: 14px;
		font-weight: normal;
		color: #464134;
		width: 500px;
		border-bottom: 1px solid #e9e3dc;
		margin: 0 0 7px 37px;
		padding-top: 59px;
	}
	
	h1#aanbodh1 {
		margin: 0 0 0 11px;
		padding-left: 21px;
		border-bottom: none;
		padding-top: 59px;
	}
	
	h2.h2ash1 { 
		margin: 30px 0 17px 37px;
		padding-top: 0px; }
	
	h2 {
		font-weight: bold;
		font-size: 9pt; 
		color: #969086;
		text-transform: uppercase;
		margin: 0px 0 0 40px; 
		line-height: 18px;
	}
	
/* Pagina: Home */

	#buttonshome { position: absolute; left: 195px; top: 190px; }
	
/* Pagina: Contact */

	#fotopand { position: absolute; right: 63px; top: 120px; border: 1px solid #e9e3dc; }
	
	#contactp { 
		margin: 59px 0 0 23px; 
		font-size: 10px; 
		color: #464134; }
		
	#contactdl { 
		margin-left: 40px; 
		height: 34px; 
		font-size: 9pt; 
		color: #464134; 
		line-height: 18px; }
		
	#contactdl dt { 
		float: left; 
		width: 17px; 
		margin-right: 5px; 
		background: url('../images/dl_sep.gif') right center no-repeat; }
		
		#contactdl a { text-transform: none; font-size: 12px; font-weight: normal; color: #464134; }
		
	#contactdl dt.dltopspace, #contactdl dd.dltopspace { 
		margin-top: 15px; }
		
/* Pagina: Contact */

	form#contactformulier { 
		margin-top: 20px; 
		width: 330px; 
		min-height: 1px;}
		
		#contactformulier * {
			margin: 0px;
			padding: 0px; }
	
	#contactformulier input, #contactformulier textarea {
		font-family : Arial, Helvetica; 
		color: #464134; }
		
	#contactformulier label { 
		width: 150px; 
		display: block; 
		float: left; 
		clear: left; 
		margin-right: 10px; 
		margin-bottom: 10px; }
		
	#contactformulier input { 
		border: 1px solid #e9e3dc; 
		margin-bottom: 10px; }
	
	#contactformulier .radiolabel { 
		width: 340px; 
		display: block;
		min-height: 1px; 
		margin-bottom: 10px; }
		
			#contactformulier .radiolabel span { 
				width: 150px; 
				float: left; 
				margin-right: 10px; 
				margin-bottom: 0px; }
				
			#contactformulier .radiolabel label { 
				width: auto; 
				display: block; 
				float: left; 
				clear: none; 
				margin-right: 10px; 
				margin-bottom: 0px; }
				
			#contactformulier .radiolabel input { 
				border: none; 
				margin-bottom: 0px; 
				margin-right: 20px; 
				float: left; }
		
	#contactformulier .checkbox { 
		margin-right: 10px; 
		margin-bottom: 0px;
		border: none; }
	
	#contactformulier .contactformsubmit { margin-left: 160px; }
		#contactformulier .contactformsubmit #submit { 
			padding: 5px; 
			width: 150px; 
			background-color: #e9e3dc;
			border: 1px solid #e9e3dc; 
			color: #464134; 
			margin-top: 10px; }
	
	#contactformulier textarea { border: 1px solid #e9e3dc; font-size: 9pt; }
	
/* Pagina: Aanbod */
			
	#content .aanbodblok { 
		font-size: 12px;
		color: #696152; 
		text-align: right;
		width: 519px;
		margin: 0 0 15px 35px;
		position: relative;
		min-height: 76px;
		border-top: 1px solid #e9e3dc; 
		border-bottom: 1px solid #e9e3dc; }

	#content .aanbodblok .wit { 
		width: 315px;
		background-color: #ffffff; 
		margin: 0 0 0 205px; 
		text-align: left;
		padding-top: 40px; 
		min-height: 74px; }
		
	#content .aanbodblok h2 {
		width: 295px;
		text-align: left; 
		position: absolute; left: 0px; top: 8px;
		margin: 0px;
		padding: 0 0 0 223px;
		color: #969086; 
		font-weight: normal; }
		
	#content .aanbodblok h2 span {
		position: absolute; 
		right: 0px;
		bottom: 0px; }

	#content .aanbodblok dl { 
		margin: 0 0 10px 10px;
		padding: 0px; }

	#content .aanbodblok dt { 
		float: left; 
		width: 139px; 
		background: none; 
		padding-left: 8px; }

	#content .aanbodblok ul { 
		height: 25px; 
		margin: 0 0 0 0; 
		position: absolute; top: 114px; left: 0px; 
		background-color: #ffffff; 
		width: 160px; }

	#content .aanbodblok ul li { 
		float: left; 
		width: auto; 
		padding: 0 5px 2px 5px;
		margin: 0px;
		background: url('../images/aanbodblok_bullets.gif') left center no-repeat; }
		
		#content .aanbodblok ul li.first { background-image: none; padding-left: 0px; }

	#content .aanbodblok ul li a { 
		font-weight: normal; 
		text-transform: none; 
		color: #696152; 
		text-decoration: none; 
		font-size: 11px; }

	#content .aanbodblok ul li a:hover {
		color: #1a9ea6; }

	#content .aanbodblok img { 
		position: absolute; 
		left: 0px;
		width: 92px;
		height: 92px; 
		top: 13px; 
		border: 1px solid #464134; }
		

/* Menu Bovenaan Rechts / English */
	
	#content #menutopright, #content #menutoprightaanbod, #content #menubottomrightaanbod {
		width: 130px; 
		height: 80px; 
		position: absolute; 
		right: 1px; 
		top: 10px; 
		margin: 0px; 
		padding: 0px; 
		text-align: right; 
		font-size: 11px; 
		font-weight: normal; }
		
	#content #menutopright p, #content #menutoprightaanbod p, #content #menubottomrightaanbod p { 
		width: 130px; 
		margin: 0px; 
		padding: 0px; 
		text-align: left; 
		font-size: 11px; }
		
		#content #menutoprightaanbod, #content #menubottomrightaanbod { width: auto; height: auto; position: relative; margin-right: 28px; }
		#content #menutoprightaanbod p, #content #menubottomrightaanbod p { width: auto; text-align: right;  }
		#content #menutoprightaanbod span.pagina, #content #menubottomrightaanbod span.pagina { margin-left: 30px;  }
		
		#content #menubottomrightaanbod { float: right; clear: both; position: relative; height: 50px;  }
		
	#content #menutopright a, #content #menutoprightaanbod a, #content #menubottomrightaanbod a { 
		color: #464134; 
		font-weight: normal; 
		text-transform: none; }
		
	#content #menutopright a:hover, #content #menutoprightaanbod a:hover, #content #menubottomrightaanbod a:hover { 
		color: #1a9ea6; }
	
	#content #menutopright a.english, #content #menutoprightaanbod a.english, #content #menubottomrightaanbod a.english { 
		display: block; 
		margin: 5px 20px 28px 0; 
		text-transform: uppercase; }
		
	#content #menutopright img#pda, #content #menutoprightaanbod img#pda, #content #menubottomrightaanbod img#pda { 
		position: absolute;
		top: 25px;
		left: 13px; }
		

/* Nieuwe homebuttons non-flash */

	#buttonshome { position: relative; }
	#een { background: url('../images/kantoorruimte_over.jpg') left top no-repeat; width: 189px; height: 189px; display: block; position: absolute; left: 2px; top: 17px; }
	#twee { background: url('../images/bedrijfsruimte_over.jpg') left top no-repeat; width: 189px; height: 189px; display: block; position: absolute; left: 192px; top: 17px;}
	#drie { background: url('../images/winkelruimte_over.jpg') left top no-repeat; width: 189px; height: 189px; display: block; position: absolute; left: 2px; top: 209px; }
	#vier { background: url('../images/woning_over.jpg') left top no-repeat; width: 189px; height: 189px; display: block; position: absolute; left: 192px; top: 209px; }
	#een:hover { background: url('../images/kantoorruimte.jpg') left top no-repeat; }
	#twee:hover { background: url('../images/bedrijfsruimte.jpg') left top no-repeat; }
	#drie:hover { background: url('../images/winkelruimte.jpg') left top no-repeat; }
	#vier:hover { background: url('../images/woning.jpg') left top no-repeat; }
	#buttonshome { padding-top: 16px; padding-left: 1px; }
	#buttonshome a { margin-bottom: 1px; }
	#buttonshome a img { display: none; }