/* LAYOUT */

html {
	background-image: url(img/bg_dark.gif);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #0A113F;
}

body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;

	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}


/* SITE LAYOUT */

#site {
	position: absolute;
	width: 100%;

	min-height: 100%;

	height: auto !important; /* voor moderne browsers */
	height: 100%; /* voor IE */
}

#siteheader {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 129px;

	text-align: center;

	background-image: url(img/bg_dark.gif);
	background-repeat: repeat-x;
	background-position: top left;
	background-color: #0A113F;
	
	z-index: 999;
}

#sitemain {
	position: relative;
	padding-top: 129px; /* hoogte van de header */
	
	width: 100%;
	min-height: 461px;
	height: 100%;

	text-align: left;
}

#main {
	position: relative;

	padding: 70px 0px 84px 0px;
}

#sitefooter {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 84px;

	background-image: url(img/bg_sitefooter_dark.gif);
	background-repeat: repeat-x;
	background-position: bottom left;
}



/* STUFF */

a {
	color: #D6D6EB;
}

a_UL, a_ul {
	list-style-image: url(/img/bullet.gif);
	margin-top: 4px;
}

a_LI {
	list-style-image: url(/img/bullet.gif);
	margin-left: 26px;
}

li {
	margin: 5px 0 5px 0;
}

ul li {
	list-style-image: url(/img/li.gif);
}



input, select, option, textarea {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 11px;

	color: #000000;
}

div {
	vertical-align: top;
	position: relative;
	text-align: justify;
}

h2 {
	font-size: 18px;


}

hr {
	height: 2px;

	border: none;

	background-color: #262673;
	background-image: url(/img/hr.gif);
	background-repeat: repeat-x;
	background-position: top left;

	margin: 8px 0px 8px 0px;
}

.stippellijn {
	height: 2px;

	border: none;

	background-image: url(/img/stippellijn.gif);
	background-repeat: repeat-x;
	background-position: top left;

	margin: 8px 0px 8px 0px;
}

.kader {
	border: 2px solid #FFFFFF;
}

.kadertitel {

	padding: 1px 20px 0 20px;

	background-image: url(/img/bullet.gif);
	background-repeat: no-repeat;
	background-position: top left;

	border-bottom: 2px solid #cc2d31;
	margin: 0 0 3px 0;

}

.white {
	color: #FFFFFF;
}

form {
	margin: 0px 0px 0px 0px;
}

#siteborder_left {
	position: absolute;

	width: 7px;
	height: 510px;
	top: 0px;
	left: -12px;

	z-index: 11;
}

#siteborder_leftbottom {
	position: absolute;

	width: 7px;
	height: 240px;
	bottom: 0px;
	left: -12px;

	z-index: 11;
}

#siteborder_right {
	position: absolute;

	width: 7px;
	height: 510px;
	top: 0px;
	right: -12px;

	z-index: 11;
}

#siteborder_rightbottom {
	position: absolute;

	width: 7px;
	height: 240px;
	bottom: 0px;
	right: -12px;

	z-index: 11;
}


/* HEADER */

#header {
	position: relative;
	height: 129px;

	z-index: 11;
}

#sidebar {
	position: relative;
	width: 166px;

	margin: 0 0 0 0;
}

#logo {
	position: absolute;
	top: 7px;
	left: -2px;
}

#hmodh {
	position: absolute;
	top: 26px;
	left: 678px;
}

#hmodhtext {
	position: absolute;
	top: 30px;
	left: 719px;
}

#terug_nieuwbouwoverzicht {
	position: absolute;
	top: 47px;
	left: 332px;
	
	font-size: 14px;
}

#terug_nieuwbouwoverzicht a {
	text-decoration: none;
}

#terug_nieuwbouwoverzicht a:hover {
	color: #ffffff;
}


/* MENU */

#menu {
	position: absolute;
	top: 84px;
	left: 332px;

	width: 605px;
	height: 45px;

	background-image: url(/img/hrmenu.gif);
	background-repeat: repeat-x;
	background-position: top left;

	z-index: 11;
}

.menuitem_off {
	position: absolute;
	height: 40px;
	top: 2px;

	border: none;
	background-image: none;
}

.menuitem_on {
	position: absolute;
	height: 40px;
	top: 2px;

	border-bottom: 3px solid #CC2D31;
	background-image: url(/img/menuitem_on.gif);
	background-repeat: no-repeat;
	background-position: top center;
}

.submenuitem_off {
	position: absolute;
	width: 232px;
	height: 25px;
	left: 0px;

	border: none;
	background-image: url(/img/submenu_middle.png);
	background-repeat: repeat-x;
	background-position: top left;
}

.submenuitem_on {
	position: absolute;
	width: 232px;
	height: 25px;
	left: 0px;

	border: none;
	background-image: url(/img/submenu_on.png);
	background-repeat: repeat-x;
	background-position: top left;
}


/* CONTENT */

#headertitle {
	position: absolute;
	width: 300px;
	height: 2px;
	top: -38px;
	left: 340px;

	overflow: hidden;

	color: #FFFFFF;

}

#headerimage {
	position: absolute;
	width: 400px;
	height: 20px;
	top: -40px;
	left: 324px;

	background-image: url(/img/background_title.gif);
	background-repeat: repeat-x;
	background-position: top left;

	padding: 0px;
}


/* FOOTER */


#footer {
	position: relative;
	height: 84px;

	background-image: url(img/background_footer.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}

#footertext {
	position: absolute;
	bottom: 17px;
	left: 110px;

	width: 816px;
	height: 36px;

	color: #CDCACA;

	text-align: left;
	line-height: 18px;
}

#footertext, #footertext a {
	color: #CDCACA;
}

#footertext span {
	color: #DB4612;
}



/* HOME */

#nieuws {
	position: relative;
	width: 294px;
	height: 16px;
}

#nieuwstitle {
	position: absolute;
	width: 230px;
	height: 2px;
	top: 2px;
	left: 66px;

	overflow: hidden;

	color: #D6D6EB;

}

#nieuwsimage {
	position: absolute;
	width: 231px;
	height: 26px;
	top: 0px;
	left: 63px;

	background-image: url(/img/background_subtitle_narrow.png);
	background-repeat: no-repeat;
	background-position: top left;

	padding: 4px 0px 0px 40px;
}

#nieuwsitem {
	position: relative;
	width: 290px;
	height: 100px;
	left: 4px;
}

#nieuwsdate_icon {
	position: absolute;
	width: 60px;
	height: 51px;
	left: 0px;
	top: 21px;
}

#nieuwsdate {
	position: absolute;
	width: 44px;
	height: 32px;
	left: 5px;
	top: 29px;

	color: #D6D6EB;
	font-size: 10px;
	line-height: 12px;
	text-align: center;
}

#nieuwsdate B, .nieuwsdate {
	color: #D6D6EB;
	font-size: 14px;
	font-weight: bold;
}

#nieuwscontent {
	position: absolute;
	width: 226px;
	height: 52px;
	left: 63px;
	top: 22px;
      overflow: hidden;

	padding: 0px;

	text-align: left;
}

#nieuwsmeer {
	position: absolute;
	width: 245px;
	height: 24px;
	left: 63px;
	top: 80px;

	padding: 0px;

	text-align: left;
	text-decoration: none;

	color: #96A9C6;
}

#nieuwsmeer A {
	text-decoration: none;
	color: #96A9C6;
}

#kijker {
	position: relative;
	float: right;
	width: 313px;
	height: 333px;
	top: -3px;
	left: -10px;

	margin-left: 37px;

	overflow: hidden;

	background-image: url(/img/background_indekijker.png);
	background-repeat: no-repeat;

}

#kijkerbg {
	position: absolute;
	top: 0px;
	left: 0px;
}


.kijker_pand {
	position: relative;
	
	width: 278px;
	height: 310px;

	margin-top: 10px;
	margin-left: 14px;
}

.kijker_foto {
	position: absolute;
	top: 0px;
	left: 0px;
}

.kijker_sticker {
	position: absolute;
	top: -1px;
	left: -1px;
}

.kijker_titel {
	position: absolute;
	top: 234px;
	left: 15px;
	
	width: 255px;
	height: 48px;
	overflow: hidden;

	font-size: 14px;
	line-height: 16px;

	color: #FFFFFF;
	background-image: url(/img/background_indekijker_titel.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.kijker_prijs {
	position: absolute;
	top: 286px;
	left: 15px;

	width: 160px;
	height: 16px;
	
	font-size: 14px;
	line-height: 16px;

	color: #FFFFFF;
	background-image: url(/img/background_indekijker_prijs.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.kijker_titel B, .kijker_prijs B {
	font-size: 14px;
	line-height: 16px;
	color: #FFFFFF;
}

.kijker_info {
	position: absolute;
	top: 279px;
	left: 176px;
}

.subtitles {
	position: relative;
	width: 100%;
	height: 40px;
	
	margin: 0 0 0 10px;
}

.subtitle {
	position: absolute;
	width: 220px;
	height: 2px;
	top: 2px;
	left: 10px;

	overflow: hidden;

	color: #D6D6EB;

}

.subtitleimage {
	position: absolute;
	width: 270px;
	height: 26px;
	top: 0px;
	left: 0px;

	background-image: url(/img/background_subtitle.png);
	background-repeat: no-repeat;
	background-position: top left;

	padding: 4px 0px 0px 23px;
}

.biv {
	font-family: Tahoma, Verdana, sans-serif;
	font-size: 10px;
	margin: 0;

	color: #D6D6EB
}


/* CONTACT */

.contactform {
    font-size: 10px;
    line-height: 15px;
    color: #D6D6EB;
}


/* AANBOD */

#aanbodzoek {
	position: absolute;
	width: 234px;
	height: 1px;
	top: -46px;
	left: 497px;
}

#aanbodsort {
	position: absolute;
	width: 284px;
	height: 1px;
	top: -49px;
	right: 0px;

	text-align: right;
	z-index: 99;
}

.aanbodsort {
	text-decoration: none;
	color: #FFFFFF;
}

.backtotop {
	position: absolute;
	top: 4px;
	right: 30px;

	width: 117px;
	height: 39px;

	border: 0px;
	text-align: right;
	color: #FFFFFF;
}

.backtotop img {
	border: 0px;
}

.backtotop a {
	color: #FFFFFF;
}

#aanbod {
	position: relative;

	width: 970px;
	
	margin: 0 0 0 -20px;
}

#aanbod ul {
	position: relative;
	margin-left: 0px;
	padding-left: 0px;
}

#aanbod li {
	position: relative;
	display: inline;
	float: left;

	list-style: none;

	width: 313px;
	height: 343px;

	margin: 0 9px 18px 0;
}

.pand {
	position: relative;
	float: left;

	width: 313px;
	height: 343px;
	overflow: hidden;

	background-image: url(/img/background_pand.png);	
	background-repeat: no-repeat;
}

.project {
	position: relative;
	display: inline;
	float: left;

	width: 946px;
	height: 243px;
	
	margin: 0 0 4px 0;


	background-image: url(/img/background_project.png);
	background-repeat: no-repeat;
}

.pandfoto, .projectfoto {
	position: absolute;
	top: 10px;
	left: 14px;
}

.pandsticker, .projectsticker {
	position: absolute;
	top: 5px;
	left: 9px;
}

.pandinfo {
	position: absolute;
	top: 300px;
	left: 190px;
}

.projectinfo {
	position: absolute;
	top: 153px;
	left: 717px;
}

.pandgemeente {
	position: absolute;
	top: 241px;
	left: 26px;
	
	width: 255px;
	height: 16px;
	overflow: hidden;

	color: #FFFFFF;

	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
}

.projecttitel {
	position: absolute;
	top: 25px;
	left: 335px;
	
	width: 588px;
	height: 48px;
	overflow: hidden;

	font-size: 14px;
	line-height: 16px;

	color: #FFFFFF;
}

.projecttitel B {
	color: #FFFFFF;
	font-size: 14px;
	line-height: 16px;
}

.panddesc {
	position: absolute;
	top: 257px;
	left: 22px;
	
	width: 255px;
	height: 28px;
	overflow: hidden;

	color: #FFFFFF;
	line-height: 14px;
}

.projectdesc {
	position: absolute;
	top: 82px;
	left: 335px;
	
	width: 588px;
	height: 28px;
	overflow: hidden;

	color: #FFFFFF;
	line-height: 14px;
}

.pandprijs {
	position: absolute;
	top: 309px;
	left: 26px;

	width: 168px;
	height: 16px;
	
	__background-color: blue;
	
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;

	color: #FFFFFF;
}

.pandstatus {
	postion: absolute;
	top: 241px;
	right: 22px;
	
	text-align: right;
	color: #434386;
}

.projectprijs {
	position: absolute;
	top: 161px;
	left: 335px;

	width: 380px;
	height: 16px;
	
	font-size: 14px;
	line-height: 16px;
	font-weight: bold;

	color: #FFFFFF;
}


/* DETAIL */

#top_buttons {
	position: relative;
	top: -47px;
	left: 314px;
	
	width: 320px;
	height: 1px;

	z-index: 80;
}

#previouspropertydiv {
	position: absolute;

	width: 116px;
	height: 37px;

	top: 0px;
	left: 0px;
}

#listdiv {
	position: absolute;

	width: 87px;
	height: 37px;

	top: 0px;
	left: 101px;
}

#nextpropertydiv {
	position: absolute;

	width: 129px;
	height: 37px;

	top: 0px;
	left: 173px;
}

#liggingsplan {
	position: relative;

	left: 0px;
	top: 0px;

	width: 282px;
	max-height: 410px;
}

#liggingsplan_project {
	position: relative;

	left: 0px;
	top: 0px;

	width: 930px;
	height: 410px;
}

#gtab1a, #gtab1b {
	position: absolute;

	left: -5px;
	top: 0px;
}

#nbgtab1a {
	position: absolute;
	
	left: -5px;
	top: 0px;
}

#fotos {
	position: relative;

	width: 607px;
	height: 306px;

	left: 0px;
}

#hoofdfoto {
	position: absolute;
	top: 0px;
	left: 0px;
	
	width: 374px;
	height: 282px;	
}

#hoofdfoto img, #bighoofdfoto img {
	position: absolute;
	top: 0px;
	left: 0px;

	border: 3px solid #FFFFFF;
}

#thumbnails {
	position: absolute;
	top: 0px;
	left: 388px;
	
	width: 220px;
	height: 254px;
}

#thumbnails img {
	border: 2px solid #FFFFFF;
}

.thumbnail {
	width: 106px;
	height: 80px;

	padding: 0px 6px 5px 0px;
}

#morediv {
	position: absolute;

	width: 234px;
	height: 37px;
	top: 264px;
	left: 383px;

	text-align: center;
	text-decoration: none;
}

#previousdiv {
	position: absolute;

	width: 16px;
	height: 16px;
	top: 269px;
	left: 426px;

	text-align: center;
	text-decoration: none;
}

#nextdiv {
	position: absolute;

	width: 16px;
	height: 16px;
	top: 269px;
	left: 554px;

	text-align: center;
	text-decoration: none;
}

#slideshow {
	position: absolute;

	width: 234px;
	height: 37px;
	top: 297px;
	left: 383px;

	text-align: center;
}

.blikvangers UL, .detailtitle ul {
    list-style-image: url(/img/blikvanger.gif);
    margin-top: 4px;
	z-index: 99999;
}

.blikvangers LI {
	list-style-image: url(/img/blikvanger.gif);
	margin-left: 26px;
	z-index: 99999;
}

#detailknoppen, #projectknoppen {
	position: relative;

	width: 607px;
	height: 29px;
}

#printpage {
	position: absolute;

	width: 184px;
	height: 37px;
	top: 0px;
	left: -5px;

	text-align: center;
}

#mail2friend {
	position: absolute;

	width: 182px;
	height: 37px;
	top: 0px;
	left: 197px;

	text-align: center;
}

#panddelen, #projectdelen {
	position: absolute;

	width: 214px;
	height: 37px;
	top: 0px;
	left: 403px;

	text-align: center;
}

#minisite {
	position: absolute;

	width: 344px;
	height: 20px;
	top: 12px;
	left: 390px;

	text-align: center;
}

#pandcontact, #projectcontact {
	position: relative;

	width: 607px;
	height: 48px;

	left: -5px;
}

#pandcontactimage, #projectcontactimage {
	position: absolute;

	width: 623px;
	height: 48px;

	left: 0px;
	top: 0px;
}

#pandverantwoordelijke {
	position: absolute;

	width: 180px;
	height: 18px;

	top: 13px;
	left: 270px; 

	font-size: 13px;
	color: #FFFFFF;
	overflow: hidden;
	text-decoration: none;
}

#pandverantwoordelijke A {
	font-size: 13px;
	color: #FFFFFF;
	text-decoration: none;
}

#pandverantwoordelijketel {
	position: absolute;

	width: 150px;
	height: 18px;

	top: 13px;
	right: 28px; 

	font-size: 13px;
	color: #FFFFFF;
	text-align: right;
	overflow: hidden;
}

#epcdiv {
	position: relative;
	width: 538px;
	height: 20px;
	left: 0px;

	float: left;
	display: inline;
	padding: 0;
	margin: 0;
}

#epc_gradient {
	position: static;
	width: 538px;
	height: 20px;
	bottom: 1px;
	left: 137px;
	margin-left: 87px;
}

#epc_waarde {
	position: static;
	height: 13px;
	margin-top: -35px;
	bottom: 1px;
}

#epc_value {
	position: static;
	width: 12px;
	height: 12px;
	margin-top: -17px;
	bottom: 1px;
}

#epc_label {
	position: static;
	width: 538px;
	height: 20px;
	bottom: 1px;
	margin-top: -13px;
	left: 87px;
}


/* DETAIL, NIEUWBOUW */

.detailcontent {
	padding: 0px 3px 9px 0px;
}

.detailcontent td {
	text-align: left;
}

.detailtitle UL, .detailtitle ul {
    list-style-image: url(/img/bullet.gif);
    margin-top: 4px;
}

.detailtitle LI {
	list-style-image: url(/img/bullet.gif);
	margin-left: 26px;
}

#kaartknoppen {
	margin-left: -7px;

	width: 305px;
	height: 37px;
}

#kaartknoppen img {
	margin: 0px;
	padding: 0px;
}


/* MISC */

.noline {
	text-decoration: none;
}

#wait {
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: hidden;
	background: #000000;
	filter: alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity: 0.5;
}

.floatleft, .floaty > div, .floaty > img {
	position: relative;
	display: inline;
	float: left;
}

.floatright {
	position: relative;
	display: inline;
	float: right;	
}

.clearfloats
{
	display: block;
	float: none;
	clear: both;
	
	margin: 0px;
	padding: 0px;

	background-color: none;
	background-image: none;
	border: none;
}

.fontword {
	position: relative;
	font-size: 0px;
}

.fontword > img {
	position: relative;
	display: inline;
	float: left;
		
	margin-right: 4px;
}

.handje {
	cursor: pointer;	
}

.png {
	behavior: url(/includes/iepngfix.htc);
}

.tl {
	position: absolute;
	top: 0px;
	left: 0px;
}

.tr {
	position: absolute;
	top: 0px;
	right: 0px;
}

.bl {
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.br {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

.align_right {
	text-align: right;
}

.print {
	display: none;
}

.relative {
	position: relative;
}

.topleft {
	position: absolute;
	top: 0px;
	left: 0px;
}

.topright {
	position: absolute;
	top: 0px;
	right: 0px;
}

.uppercase {
	text-transform: uppercase;
}

.lowercase {
	text-transform: lowercase;
}

.no_text_transform {
	text-transform: none;
}

.centered {
	margin: 0px auto;
	width: 948px;

	/*border-right: 1px solid white;*/
	/*border-right: 1px solid left;*/
}