﻿/*------------------------------------------
---------------- Reseting ------------------
----------------------------------------- */

html, body, div, span, object, 
h1, h2, h3, h4, h5, h6, p, a, abbr, acronym, 
em, img,  s, small, strike, strong, sup, sub, 
dl, dt, dd, ol, ul, li, form, fieldset, label, legend
				{ margin: 0; padding: 0;
				  border: 0; outline: 0;
				  font-weight: inherit;
				  font-style: inherit;
				  font-size: 100%;
				  font-family: inherit;
				  vertical-align: top;
				  background: transparent }
				  
:focus, :active	{ outline: 0 }

body			{ font: normal 12px/15px "Arial", sans-serif; }
html 			{ height: 100% }
body.home		{ height: 100%; color: #333333; background: url(../images/body.gif) repeat-x}
body.vervolg	{ height: 100%; color: #333333; background: #ebebeb url(../images/body-vervolg.gif) repeat-x}
.tax			{ background: #ebebeb url(../images/body2.gif) repeat-x}
h1, h2, h3, h4, h5, h6
 				{ font-weight: bold }
h1 				{ font-size: 17px; line-height: 18px; margin-bottom: 14px } 
h2 				{ font-size: 12px; line-height: 18px; margin-bottom: 14px }
h3				{ font-size: 12px; line-height: 18px; margin-bottom: 14px }
h4, h5, h6		{ font-size: 10px; line-height: 18px; margin-bottom: 14px }

p, pre, code, label
				{ font-size: 12px; line-height: 18px; margin-bottom: 14px }
ul, ol			{ margin-bottom: 18px }
ul 				{ list-style: square; list-style-position:inside; }
ol 				{ list-style: decimal }
/*li	 			{ margin-left: 36px; }*/
li p 			{ color: #fff }
b, strong		{ font-weight: bold; }

/*------------------------------------------
------------------ Fonts -------------------
----------------------------------------- */

h1, h2, h3, h4, h5, h6
 				{ font-family: "Arial",  sans-serif; color: #004785; }
p, pre, label, th, td, li
				{ font-family: "Arial", tahoma,   sans-serif } 			
				
/*------------------------------------------
------------------ Links -------------------
----------------------------------------- */
.linkimage
{
	float:right !important;
}


#bottomContent  a:link, 
#bottomContent a:visited, 
#bottomContent a:hover, 
#bottomContent a:active {
	color:#FFF;
}

#bottomContent a:hover {
	color:#CCC !important;
}

a:link, a:visited, a:hover, a:active
				{ font-weight: normal; text-decoration: none; color: #1b1b1b;}
a:hover			{ text-decoration: none; color:#000 !important; }
a img			{ border: 0 }

ul.social { float:right; position:absolute; right:5px; top:60px;}
ul.social li { float:left; clear:right; list-style:none; margin-left:10px;}
/*------------------------------------------
------------- Global Classes ---------------
----------------------------------------- */
.prijsbuttons 				{ position:relative; z-index:100; overflow:hidden;}
.prijsbuttons span			{ display:block; height:20px; float:left; margin:0 3px 0 0; height:20px; }
.prijsbuttons span a		{ display:block; border:1px solid #17224A; background:#17224A; text-decoration:none; color:#fff; padding: 2px 3px 1px 3px; font-weight:bold; }
.prijsbuttons span a:hover	{ display:block; border:1px solid #17224A; background:#fff; text-decoration:none; color:#17224A; padding: 1px 3px; font-weight:bold; }

.clear			{ clear: both }
.floatLeft		{ float: left }
.floatRight		{ float: right }

.textLeft		{ text-align: left }
.textRight		{ text-align: right; padding-top: 0 !important }
.textCenter		{ text-align: center }
.textJustify	{ text-align: justify }

.bold			{ font-weight: bold !important }
.italic			{ font-style: italic }
.underline		{ border-bottom: 1px solid }
.highlight		{ background: #ffc }

.noPadding		{ padding: 0 }
.noBorder		{ border: none !important }
.noMargin		{ margin: 0 !important}
.noIndent		{ margin-left: 0; padding-left: 0 }
.noBullet		{ list-style: none; list-style-image: none }

/*------------------------------------------
---------------- Wrapper -------------------
----------------------------------------- */

#extra					{  min-height: 100%;overflow: visible; margin: 0 auto; position:relative}
#wrap					{ width: 1000px; overflow: visible; margin:0 auto; position:relative}
body.home #wrap			{ width: 100%; overflow: visible;}
.extraTax				{ background: url(../images/extraTex.gif) center top repeat-y !important}	
/*---------------------------------------*/
body.home #header		{ position:relative; overflow:hidden; height: 144px;background:url(../images/headerBorder.gif) top left no-repeat; width: 1000px; margin:0 auto;}
#header					{ overflow:hidden; height: 144px;background:url(../images/headerBorder.gif) top left no-repeat; width: 1000px}
body.vervolg #header 	{ background:#FFFFFF url(../images/headerBorder.gif) top left no-repeat;}
/*
.headerTax				{ background: url(../images/headerBorder.gif) top left no-repeat !important}
*/
#topMenu				{ float:right; padding:28px 14px 0 5px}
#topMenu li				{ float:left; list-style: none; padding: 0 4px; margin: 0; font: normal 10px/13px "Verdana", sans-serif}
#topMenu li a				{ font: bold 12px/18px "Arial", sans-serif; padding:3px 2px 0 2px; color: #004785; text-decoration: none;}
#topMenu li a:hover		{ font-weight: bold; color:#000000;}

.logo					{ margin: 34px 0 0 14px; display:block; width: 197px; height: 68px; position:relative; float:left;}
/*
.marginTax				{ margin-left: 44px}
*/
.marginTax {
	margin: 34px 0 0 14px;
	}
#menuHeader				{ float:right; padding:14px 14px 0 5px; clear:right; margin-top:25px;}
#menuHeader li			{ float:left; list-style: none; padding: 0 6px; margin: 0; border-right:  1px solid #096042; height: 15px}
#menuHeader li a		{ float:left; display:block; font: 12px/16px "Arial", sans-serif; color: #004785; text-decoration: none; padding:0 2px; font-weight:bold;}
#menuHeader li a:hover	{ font-weight:bold; color:#000000;}
.active	a				{ text-decoration:none !important; font-weight: bold !important}
.taxMenu				{ padding-top:0 !important}
/*---------------------------------------*/
#topSubmit				{ padding-top: 30px; overflow:hidden; background: #17224A url(../images/blauwhuis.jpg) top right no-repeat; 
							margin: -20px 0 0 0; height:83px; padding-left: 44px}
#topSubmit a			{ font: normal 17px/1.2 "Rockwell", "Tahoma", sans-serif; color:#fff; text-align:left; margin:0 3px 3px 3px;				
			 				background:url(../images/buttonTop.png) no-repeat;float:left; height: 32px; width: 235px; padding: 10px 0 0 17px;
							display:block;}
#topSubmit a:hover			{background:url(../images/buttonTop-hover.png) no-repeat;}							
#topSubmit a.contactlink			{ font: normal 17px/2 "Rockwell", "Tahoma", sans-serif; color:#fff; text-align:left; margin:0 3px 3px 3px;							
			 				background:url(../images/buttonTopContact.png) no-repeat;float:left; height: 38px;width:100px; padding: 3px 0 0 17px;
							display:block;}
.actueelRight			{ float:right; width: 139px; margin-right: 20px}
.actueelRight p 		{ font: normal 11px/15px "Arial", sans-serif; color: #fff; padding:2px 2px 0 10px}
.actueelRight h2		{ background:url(../images/greenTitle.gif) no-repeat; margin-bottom:0; padding-left: 10px;
							font: normal 15px/20px "Rockwell", "Tahoma", sans-serif; color:#fff;}
.actueelRight a			{ width:124px!important;padding:0 0 0 10px!important; margin:0!important;background:none!important; font-size:12px!important; height:58px!important;}
.actueelRight td img	{ visibility:hidden; display:none; }
/*---------------------------------------*/
#content				{ overflow:hidden; padding-bottom: 110px;}
body.home #content		{ overflow:hidden; padding-bottom: 90px; width:1000px; margin:0 auto;}

#content-wrap			{ background:#17224A; }

#contentTax				{ overflow:hidden; padding-bottom: 90px;/* background: url(../images/content.gif) repeat-x;*/ width: 996px; 
							padding-top: 0px; margin-left: 2px; border-top:solid white 6px;}
.left					{ float:left; width: 265px; color: #fff; margin:0px 24px 0 15px; padding-top:5px;  height:270px;}
.left p 				{ }
.leftTax				{ float:left; width: 214px; color: #fff; margin:0 0 0 5px}
/*-----------------------------------*/
#leftMenu				{ margin-left: -1px}
#leftMenu li			{ list-style: none; padding: 0 6px; margin: 0; border-bottom: 1px solid #fff; height:28px}
#leftMenu li a			{ float:left; display:block; font: normal 11px/15px "Arial", sans-serif; color: #ae770d;
							 overflow:hidden; padding: 5px 10px 0 34px}
.activeLeft a 			{ background:url(../images/submitRight.gif) right 10px no-repeat; font-weight: bold !important}
.title 					{ background:url(../images/leftMenu.gif) repeat-x}
.title a				{ font: bold 12px/15px "Arial", sans-serif !important; color: #fff !important;
							background:url(../images/submitLeft.gif) 28px 10px no-repeat !important }

	
							
							
/*-----------------------------------*/
.huis					{ margin: 42px 0 0 20px; overflow:hidden; text-align:center; background:url(../images/huis.jpg) no-repeat; width: 170px;
							 padding: 35px 0 10px 0; color:#666;}
.huis p 				{ font: normal 12px/15px "Arial", sans-serif; color: #535353; margin:5px 0}
.huis div 				{ margin: 0px!important; }
.huis span				{ font-weight: bold !important}

.actueelLeft			{ margin: 15px 0 0 20px; overflow:hidden; height:130px;
							 padding: 35px 30px 14px 10px;background:url(../images/actueel.jpg) no-repeat;}
.actueelLeft p 		{ font: normal 11px/1 "Arial", sans-serif; color: #fff;}
.actueelLeft h2		{ background:url(../images/greenTitle.gif) no-repeat; margin-bottom:0; padding-left: 10px;
							font: normal 15px/20px "Rockwell", "Tahoma", sans-serif; color:#fff;}
.actueelLeft a			{ padding:0 0 0 0 !important; margin:0!important;background:none!important; font-size:11px!important;}
.actueelLeft td img	{  }
.actueelLeft td	{ padding-bottom:4px; }		

.menulinks 		{width:214px;}
.menulinks  ul	{ list-style:none; margin:0px; padding:0px;}
.menulinks  li	{margin:0px; padding:0px;}
.menulinks a:link, .menulinks a:visited, .menulinks a:hover, .menulinks a:active
	{width:185px; height:30px; display:block; color:#fff; border-bottom:1px solid #FFF; line-height:30px; padding-left:30px; }	
.menulinks  a:hover {font-weight:bold; color:#FFFFFF !important; background:#17224A url(../images/menuleft-hover.jpg) no-repeat;}	


body.aankoop .menulinks  a.aankoop,
body.verkoop .menulinks  a.verkoop,
body.taxatie .menulinks  a.taxatie,
body.verhuur .menulinks  a.verhuur,
body.waardebepaling .menulinks  a.waardebepaling,
body.koop .menulinks  a.koop,
body.huur .menulinks  a.huur,
body.shellflats .menulinks  a.shellflats,
body.nieuwbouw .menulinks  a.nieuwbouw,
body.bedrijfsmatig .menulinks  a.bedrijfsmatig,
body.gegevens .menulinks a.contactgegevens,
body.medewerkers .menulinks a.contactpersonen
 {background:#17224A url(../images/menuleft-active.jpg) no-repeat; font-weight:bold;}
 
/*-----------------------------------*/
.main					{ margin:0; width: 694px;  color: #333333; padding-bottom: 20px;overflow:hidden; 
							background: url(../images/home.jpg) no-repeat; height: 255px}
.mainTax				{ margin:0; width: 774px;  color: #0000; padding-bottom: 20px;overflow:hidden; 
							/*background: url(../images/mainTop.gif) top  repeat-x*/}	
/*-----------------------------------*/
.textContent			{ margin: 0px 0 0 32px; padding:0 40px 20px 0; overflow:hidden;}
.textContent a			{ text-decoration:underline; }
.textContent h1			{ font: bold 16px/20px "Rockwell", "Tahoma", sans-serif; color: #004785; margin-bottom: 10px}
.titleMain				{ background:url(../images/grauTop.gif) no-repeat; width: 721px; height: 24px; color: #333333 !important;
							font: bold 12px/24px "Arial", sans-serif !important; text-transform:uppercase}
.textContent p			{ color:#000000; font-family: "Arial",tahoma,sans-serif; font-size:12px; line-height:1.6; }
.informatie				{ background:url(../images/grauButton.gif) no-repeat; display:block; width: 177px; height: 26px;margin-left: 222px; 
							padding:1px 0 0 17px;font: normal 14px/21px "Rockwell", "Tahoma", sans-serif; color: #333333 !important} 

.textContent ul			{ list-style-position:outside; margin-left:20px;}
.textContent ul	li		{ list-style-position:outside; margin-bottom:10px;}
							
/*-----------------------------------*/									
#rightSubmit			{ margin-top: 26px}
#rightSubmit a			{ font: normal 18px/20px "Rockwell", "Tahoma", sans-serif; color:#fff; text-align:left; margin:0 3px 3px 0;							
			 				clear:right; float:right; height: 32px; width: 235px; padding: 12px 0 0 17px;display:block}				
.first					{ background:url(../images/submit.gif) no-repeat; clear:right; }							
.two					{ background:url(../images/submit.gif) no-repeat;}
.three					{ background:url(../images/submit.gif) no-repeat;}							
.four					{ background:url(../images/submit.gif) no-repeat;}							

.first:hover,
.two:hover,
.three:hover,
.four:hover				{ background:url(../images/submit-active.png) no-repeat; padding-left: 55px !important; width:235px !important }

#bottomContent			{ overflow:hidden; background: url(../images/shadowLine.gif) top left no-repeat; padding:10px 0; clear:both;}
#bottomContent table	{ margin-left:330px; }
#bottomContent td img	{ }
#bottomContent td a		{ padding-top: 9px ; text-decoration: underline; font-size:12px; line-height:18px; margin-bottom:14px; font-weight:bold;}
.actueel				{ float:left;margin: 0 0 0 17px; background:url(../images/submit-left.gif) top left no-repeat; width: 293px; 
							height: 44px; border: none}
.actueel:hover				{ background:url(../images/submit-left-hover.gif) top left no-repeat;}

/*---------------------------------*/						
#footer					{ position:relative; margin-top:-97px; width:100%; text-align:right; height: 97px; background:url(../images/footer.gif) repeat-x}
body.home #footer {
	position:relative;
	height:80px;
	margin-top:-80px;
	background:#fff;
	}
#footerTax				{ margin-top:-78px; position:relative; width:100%; text-align:right; height: 78px; background:url(../images/footer2.gif) bottom repeat-x}
	
#extraFooter			{ margin: 0 auto; width: 1000px}
body.home #extraFooter {
	height:60px;
	background:#fff;
	}
#extraFooter a			{ text-decoration:underline; font-family:"Tahoma",sans-serif; font-size:11px; }	
#extraFooter p			{ font: normal 11px/15px "Tahoma", sans-serif; padding-right: 17px; margin-bottom: 0; padding-top: 24px; color:#004785; }


#extraFooterTax			{ margin: 0 auto; width: 998px; background:  url(../images/footerTax.gif) no-repeat; overflow:hidden; padding-top: 30px}	
#extraFooterTax	a		{ text-decoration:underline; font-family:"Tahoma",sans-serif; font-size:11px;}	
#extraFooterTax p		{ font: normal 11px/15px "Tahoma", sans-serif; color:#004785; padding-right: 17px; margin-bottom: 0; padding-top: 24px}
.logoFooter				{ float:left; margin: 0 12px 0 12px}
body.home .logoFooter { margin: 0 12px 0 12px}
.logoFooterTax			{ float:left; margin: 10px 0 0 27px}

#infodiv {
	width:370px;
	float:left;
	}
#contactpersonen {
	float:left;
	width:332px;
	text-align:center;
}
#contactpersonen img,
#contactpersonen span {
	display:block;
	margin:0 auto;
}
#contactpersonen p {
	text-align:center;
}
#contactpersonen img {
	margin-top:8px;
}
body#links div.textContent div.linkslogoos {
	width:224px;
	float:left;
	border:solid 1px #E7E3E7;
	margin:0 12px 12px 0;
	height:100px;
	text-align:center;
	}
body#links div.textContent div.last {
	margin-right:0;
	}
body#links div.textContent div.linkslogoos img {
	display:block;
	margin:0 auto 10px;
	}
	
img.aankoop { 
		border:10px solid #eee;
		margin-bottom:15px;
		}
#flashbanner {
	float:right;
	clear:both;
	position:relative;
	right:16px;
	}
