@charset "UTF-8";
/*  This is the default style, everything defined in this file will be used on any type of platform ( mobile, print, screen, ... ) unless defined otherwise in a subCSS file ) */


/*
*******************************************
   Define most common used colorcodes below
   white:	#FFFFFF
   grey:		#555555;
   light red :  #ee2e24
   red:		#d1261c;
   
*******************************************
TODO : FIX DROPDOWN IN IE7


*/


@media all {

/****[ DEFAULT (P)RESETS ]****/
html, body{height:100%}
html{overflow-y:scroll;}
body, h1, h2, h3, h4, h5, h6, p, ul, ul li {margin:0; padding:0}
br.clear{clear:both; font-size:0; height:0; line-height:0}
hr{background:none; border:none; border-bottom:solid 1px #f0f0f0;}
a img{border:0;}
ul, ul li { list-style-position:outside; } 
.clear { clear: both;}  

/****[ USE COMMENTS ]****/
body { background-color:#FFFFFF; font-size:10px; font-family:helvetica, arial; }

#siteWrapper { width:976px; margin:0 auto; }



/*NEW HOMEPAGE*/


#home #header {width:976px; height:161px; background:url(../images/bgHomeHeader.jpg); background-repeat:no-repeat; }
#home #header a#logo { display:block; background:transparent url('../images/logo-bostoen.gif') no-repeat left top; width:211px; height:161px; text-indent:-9999px; position:absolute; }
#home #header #sfeer { display:block; width:553px; height:120px; position:absolute; margin-top:15px ; margin-left: 211px }
#home #header #snellinks { display:block; width:180px; height:85px; position:absolute; margin-top:25px ; margin-left: 775px;}
#home #header #snellinks h3 { color:#666666; font-size: 1.2em; padding-bottom:5px; }
#home #header #snellinks ul { width:180px; list-style-type:none; margin-left:0!important; }
#home #header #snellinks ul li { padding:2px 0;  clear:both; float:left; width:100%; list-style-type:none;}
#home #header #snellinks ul li a { color:#d1261c; text-decoration:none; font-weight:normal; font-size:1em; display:block; float:left; width:180px;}
#home #header #snellinks ul li a:hover span {text-decoration:underline; }



#home #header ul.nav {clear:both; list-style-type:none; margin-top:135px; margin-left:211px;  font-size:1.2em; position:absolute; width:755px ; height:26px; background:transparent url('../images/bgNav.jpg') repeat-x left top; position:absolute; z-index:15;  }
#home #header ul.nav li { float:left; display:inline-block ; }
#home #header ul.nav li a { color:#FFF; text-decoration:none;  line-height:26px; display:block; padding:0 15px; height:26px ;text-shadow: #7e0015 0 1px; display:block; }
#home #header ul.nav li a:hover { background:transparent url('../images/bgNav_h.jpg') repeat-x left top; }
#home #header ul.nav li a.sel,#home #header ul#nav li a.sel:hover { background:transparent url('../images/bgNav_h.jpg') repeat-x center top; z-index:10 }
#home #header ul.nav li ul{ background-color:#FFF;position: absolute;z-index:90; top: 1em; display: block;visibility: hidden; border:1px solid #A2190F;}
#home #header ul.nav li ul li { z-index:90;border-top:1px solid #A2190F; clear:both; }
#home #header ul.nav li ul li:first-child {border-top:none; }
#home #header ul.nav li:first-child a.sel,#home #header ul#nav li:first-child a.sel:hover { background:transparent url('../images/bgNav_h.jpg') repeat-x center top; z-index:10 }
#home #header ul.nav li ul li a{ display: block;height:auto;width: 150px;  color:#d1261c; text-shadow:none; line-height:1.6em; padding:5px 15px;}
#home #header ul.nav li ul li a:hover{background-color: #d1261c;background-image:none;color: white;z-index:800!;}

#home #content { width:976px; overflow:visible; background:url(../images/bgHomeContent.jpg); background-repeat:repeat-y; float:left; }
#home #content #left, #home #content #middle, #home #content #right { float:left; }
#home #content #left { overflow:visible; background-image:url(../images/bgHomeLeft.jpg); background-position:right top; background-repeat:no-repeat;}
#home #content #right { overflow:visible; background-image:url(../images/bgHomeRight.jpg); background-position:left top; background-repeat:no-repeat;}
#home #content #middle { width:537px!important; width:533px; overflow:visible; padding:8px; }
#home #content #left, #home #content #right { width:211px; height:456px;}

#home #content #left .block { background:url(../images/block.png); background-repeat:repeat; position:absolute; margin-top: 276px; margin-left: 21px; width:190px!important; width:170px; font-size: 1.2em; line-height: 1.4em;  }

#home #content #left .block p { padding: 10px 10px 10px 10px}
#home #content #left .block a {display:block; background:url(../images/bgBtnLarge.jpg) no-repeat left top; width:190px!important; width:170px; height: 22px; padding-left: 10px; padding-right: 10px; color:#FFF; line-height: 20px; text-decoration: none; }
#home #content #left .block a:hover {background:url(../images/bgBtnLarge_h2.jpg) no-repeat left top;}


#home #content #right .block { background:url(../images/block.png); background-repeat:repeat; position:absolute; margin-top: 276px; margin-left: 0px; width:190px!important; width:170px; font-size: 1.2em; line-height: 1.4em;  }

#home #content #right .block p { padding: 10px 10px 10px 10px}
#home #content #right .block a {display:block; background:url(../images/bgBtnLarge.jpg) no-repeat left top; width:190px!important; width:170px; height: 22px; padding-left: 10px; padding-right: 10px; color:#FFF; line-height: 20px; text-decoration: none;}
#home #content #right .block a:hover {background:url(../images/bgBtnLarge_h2.jpg) no-repeat left top;}





#home #content #middle ul#aanbod {
	list-style-type: none;
	width:537px;
	margin: 17px 0 0 0;
	
}

#home #content #middle ul#aanbod li {
	float: left;
	width: 177px!important;width: 176px
	height: 32px;
	display: block;
	margin: 0 1px 3px 1px!important; margin: 0 1px 3px 0;

}

#home #content #middle ul#aanbod li a {
	font-size: 1.4em;
	line-height: 32px;
	display: block;
	padding: 0 0 0 35px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #fff;
	color: #000;

}

#home #content #middle ul#aanbod li.zon a { background: #eee url(../images/BtnAanbodZon.jpg) no-repeat left top; }
#home #content #middle ul#aanbod li.zon a:hover { background: #eee url(../images/BtnAanbodZon_h3.jpg) no-repeat left top; }

#home #content #middle ul#aanbod li.woning a { background: #eee url(../images/BtnAanbodWoning.jpg) no-repeat left top; }
#home #content #middle ul#aanbod li.woning a:hover { background: #eee url(../images/BtnAanbodWoning_h3.jpg) no-repeat left top; }

#home #content #middle ul#aanbod li.appartement a { background: #eee url(../images/BtnAanbodAppart.jpg) no-repeat left top; }
#home #content #middle ul#aanbod li.appartement a:hover { background: #eee url(../images/BtnAanbodAppart_h3.jpg) no-repeat left top; }

#home #content #middle ul#aanbod li.passief  a{ background: #eee url(../images/BtnAanbodPassief.jpg) no-repeat left top; }
#home #content #middle ul#aanbod li.passief a:hover { background: #eee url(../images/BtnAanbodPassief_h3.jpg) no-repeat left top; }

#home #content #middle ul#aanbod li.passiefbouwen a { background: #eee url(../images/BtnAanbodPassbouw.jpg) no-repeat left top; }
#home #content #middle ul#aanbod li.passiefbouwen a:hover { background: #eee url(../images/BtnAanbodPassbouw_h3.jpg) no-repeat left top; }

#home #content #middle ul#aanbod li.bouwgrond a { background: #eee url(../images/BtnAanbodBouwgrond.jpg) no-repeat left top; }
#home #content #middle ul#aanbod li.bouwgrond a:hover { background: #eee url(../images/BtnAanbodBouwgrond_h3.jpg) no-repeat left top; }

#home #content #middle ul#aanbod li.belegging a { background: #eee url(../images/BtnSlimmeBelegging1.jpg) no-repeat left top; }
#home #content #middle ul#aanbod li.belegging a:hover { background: #eee url(../images/BtnSlimmeBelegging2.jpg) no-repeat left top; }


#home #content #middle ul#aanbod li a:hover {

	color: #FFF;
	text-shadow: 0px 1px 0px #666666;
}


#home #content .demiMid { width:173px; float:left; margin: 16px 3px 3px 3px!important;margin: 16px 2px 3px 2px; font-size:1.2em; margin-bottom:20px; }
#home #content .demiMid h3 { color:#666666; font-size:1.0em;  text-transform:uppercase }
/*#home #content .demiMid h3 a { float:right; font-weight:normal; font-size:0.8em; color:#d1261c; text-decoration:none; #margin-top:-16px; text-transform:lowercase;  }*/
#home #content .demiMid h3 a { float:right; font-weight:normal; font-size:1em; color:#666666; text-decoration:none; text-transform:uppercase;  }
#home #content .demiMid h3 a:hover { text-decoration:none; text-transform:uppercase;  }
#home #content .demiMid ul { width:173px; width:170px; list-style-type:none; margin-left:0; }
#home #content .demiMid ul li { padding:5px 0;  clear:both; border-bottom:1px solid #ccc; float:left; width:100%; list-style-type:none;}
#home #content .demiMid ul li:after { content:"."; clear:both; visibility:hidden; font-size:0em; display:block; height:5px; }
#home #content .demiMid ul li span { display:block; float:left; width:173px; font-size:0.8em}
#home #content .demiMid ul li a { color:#d1261c; text-decoration:none;; font-weight:bold; font-size:0.8em;display:block; float:left; width:173px;}
#home #content .demiMid ul li a:hover { text-decoration:underline; }
#home #content .demiMid td a:hover { text-decoration:underline; }
#home #content .demiMid table { width:173px; height:97px; border: 1px solid #C0C0C0; padding: 5px 5px 5px 5px; }
#home #content .demiMid table tr td span { display:block; float:left; width:163px; font-size:1em}
#home #content .demiMid table tr td a { color:#d1261c; text-decoration:none;; font-weight:bold; font-size:1em;display:block; float:left; width:163px;}
#home #content .demiMid table tr td  a:hover { text-decoration:underline; }
#home #content .demiMid table tr td h3 a { float:right; font-weight:bold; font-size:1em; color:#666666; text-decoration:none; text-transform:uppercase; }
#home #content .demiMid table tr td h3 a:hover { text-decoration:none; }


#home #footer { width:976px; height:40px; overflow:visible; background:url(../images/bgHomeFooter.jpg); background-repeat:no-repeat; text-align:center; padding-top: 20px; }
#home #footer a { color:#d1261c;}


}