


#adpopup {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
height: 200px;
width: 650px;
background-color: #fff;
position: absolute;
z-index: 999;
left: 50%;
margin-left: -325px;
top: 200px;
padding: 10px;
margin-right: 0px;
margin-top: 0px;
margin-bottom: 0px;
/*background-image:url(../images/popup.jpg);*/
}
.close {
font-size: 11px;
font-weight: bold;
height: 20px;
line-height: 20px;
float: right;
text-align: right;
}
#backgroundfilter {
left: 0px;
top: 0px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
-moz-opacity: 0.6;
filter: alpha(opacity=60);
 opacity:.60;
background-color: #000000;
margin: 0px;
width: 100%;
height: 100%;
z-index: 990;
position:absolute;
}

.bouwplanneninfoBtn {
	background-image:url(../images/bouwplanneninfoBtn.png);
	width: 180px;
	height: 180px;
	position:absolute;
	z-index: 10;
	margin-top: 110px;
	margin-left: 40px;

}
.bouwplanneninfoBtn a {
	display: block;
	text-decoration:none;
	width: 180px;
	height: 180px;
	outline:none;
}
body {
	background:url(../images/containerBG_starter.png) repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
	margin: 0px;
	padding: 0px;
}
a {text-decoration: underline; color: #0000ff}
a:hover {text-decoration: none; color: #0000ff}
/***********************************************************************
	CSS - DEFAULTS
***********************************************************************/
#container {
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}
/***********************************************************************
	CSS - PAGE
***********************************************************************/
#question_form_1 table, #question_form_2 table, #question_form_3 table, #question_form_4 table, #question_form_5 table, #question_form_6 table, #question_form_7 table, #question_form_8 table, #question_form_7_result_1 table{
border-top: 1px solid #666;
}
#question_form_1 td, #question_form_2 td, #question_form_3 td, #question_form_4 td, #question_form_5 td, #question_form_6 td, #question_form_7 td, #question_form_8 td, #question_form_7_result_1 td {
border-bottom: 1px solid #666;
padding-top: 5px;
padding-bottom: 5px;
font-size: 12px;
}
.final_answer {
background-color: #cad308;
padding: 10px;
margin-top: 10px;
}
#header {
	height: 87px;
	clear: both;
}
#header .left {
	padding-top: 15px;
	background-image:url(../images/slogan_algemeen.png);
	background-repeat:no-repeat;
	height: 45px;
	background-position: bottom left;
	width: 653px;
	float: left;
}
#header .right {
	width: 165px;
	height: 26px;
	margin-top: 20px;
	background-repeat:no-repeat;
	background-position:bottom;
	float: right;
}
.bouwmijneigenhuis {
	background:url(../images/header_starter.png) no-repeat;
	font-size: 1px;
	width: 770px;
	height: 78px;
	clear: both;
}
.menuLine {
float: left;
width: 1px;
height: 25px;
font-size: 1px;
background-color: #cad308;
}
#page {
width: 1004px;
}
.overflow {
overflow: scroll;
height: 461px;
width: 500px;
}
#footer {
font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #fff;
height: 25px;
line-height: 25px;
background-color: #666;
clear: both;
}
#footer .content {
margin-left: auto;
margin-right: auto;
width: 980px;
text-align:left;
}
#footer .content a {
color: #fff;
text-decoration:none;
}
#footer .content a:hover {
text-decoration: underline;
}
#page .homeLeft {
/*height: 461px;*/
width: 349px;
float: left;
}
.quote1 {
margin-top: 20px;
background-image:url(../images/quote_home.png);
width: 346px;
background-repeat: no-repeat;
height: 137px;
}
.homeLeft {
background-position:bottom;
/*background-image:url(../images/homeLeft.jpg);
height: 461px;*/
width: 349px;
float: left;
}
#page .faqLeft {
height: 461px;
width: 349px;
float: left;
}
.faqLeft {
background-image:url(../images/faqLeft.jpg);
height: 461px;
width: 349px;
float: left;
}
#page .pageLeft {
height: 461px;
width: 349px;
float: left;
}
.pageLeft {
background-image:url(../images/pageLeft.jpg);
height: 461px;
width: 349px;
float: left;
}
#page .newsLeft {
height: 461px;
width: 349px;
float: left;
}
.newsLeft {
background-image:url(../images/almere003.jpg);
height: 461px;
width: 349px;
float: left;
}
#page .aanvraagLeft {
height: 461px;
width: 349px;
float: left;
}
.aanvraagLeft {
background-image:url(../images/almere025b.jpg);
height: 461px;
width: 349px;
float: left;
}
#page .contactLeft {
height: 461px;
width: 349px;
float: left;
}
.contactLeft {
background-image:url(../images/almere025.jpg);
height: 461px;
width: 349px;
float: left;
}
#map a { border: 1px solid red; }
#map a:hover { border: 1px solid red; } 

#page .homeRight {
	float: left;
	min-height:530px;
	margin-top: 54px;
	margin-left: 121px;
	width: 432px;
	padding-right: 100px;
}
#page .homeRight .betaalbaarbouwen {
background-image:url(../images/betaalbaarbouweninalmere.jpg);
background-repeat: no-repeat;
width: 433px;
height: 31px;
}

.betaalbaarbouwen2 {
background-image:url(../images/bouweigenhuis.jpg);
background-repeat: no-repeat;
width: 433px;
height: 79px;
}
#page .homeRight .diekans {
color: #e30c7c;
font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
font-size: 44px;
line-height: 41px;
font-weight: bold;
text-transform:uppercase;
margin-top: 28px;
}

#page .homeRight #pagemanager .content {
margin-top: 20px;
font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
font-size: 13px;
line-height: 18px;
}
#page .homeRight #pagemanager .content .introduction {
font-size: 15px;
font-weight: bold;
}
#page .homeRight #pagemanager .content .title {
color: #e30c7c;
font-size: 14px;
font-weight: bold;
}

/***********************************************************************
	CSS - NIEUWS PAGINA
***********************************************************************/
#newsItem {
height: 90px;
width: 448px;
border-bottom: 1px solid #ccc;
}
#newsItem .title {
height: 20px;
line-height: 20px;
clear: both;
color: #e30c7c;
font-size: 14px;
font-weight: bold;
}
#newsItem .image {
float: left;
width: 204px;
height: 70px;
}
#newsItem .content {
font-size: 12px;
}
#newsItem .content strong {
color: #e30c7c;
}
#newsItem .content a {
text-decoration: underline;
color: #e30c7c;
}
#newsItem .content a:hover {
text-decoration: none;
color: #e30c7c;
}


#newsItem2 {
width: 438px;
}
#newsItem2 .title {
height: 20px;
line-height: 20px;
float: left;
color: #e30c7c;
font-size: 14px;
font-weight: bold;
}
#newsItem2 .date {
height: 20px;
line-height: 20px;
color: #e30c7c;
font-size: 12px;
font-weight: bold;
float: right;
}
#newsItem2 .content_item {
padding-top: 10px;
clear: both;
font-size: 12px;
}
#newsItem2 .content_item strong {
color: #e30c7c;
}
#newsItem2 .content_item a {
text-decoration: underline;
color: #e30c7c;
}
#newsItem2 .content_item a:hover {
text-decoration: none;
color: #e30c7c;
}
#newsItem2 .newsBack {
clear: both;
font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
padding-top: 10px;
}
#newsItem2 .newsBack a {
color: #E41882;
text-decoration:none;
}
#newsItem2 .newsBack a:hover {
text-decoration: underline;
}

/***********************************************************************
	CSS - FAQ PAGINA
***********************************************************************/

#faq {
border-bottom: 1px solid #ccc;
width: 442px;
}
#faq li a {
color: #e30c7c;
font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
font-size: 14px;
height: 23px;
line-height: 23px;
text-decoration:none;
}
#faq ul {
margin: 0px;
padding: 0px;
width: 442px;
}
#faq li {
list-style-type: none;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-top: 1px solid #ccc;
background-image:url(../images/arrow.gif);
	background-repeat:no-repeat;
	background-position:2px 8px;
padding-right: 40px;
}
.faqQuestion, .faqQuestion_over {
padding-left: 35px;
color: #222077;
font-size: 10px;
line-height: 16px;
}
.faqQuestion a {
	line-height: 16px;
	font-weight: bold;
	color: #222077;
	text-decoration:underline;

}
.faqQuestion_over a {
	color: #222077;
	font-weight: bold;
	text-decoration:underline;
	line-height: 16px;
}
.faqAnswer {
font-family: "Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
color: #333;
padding-bottom: 5px;
}



/***********************************************************************
	CSS - AANVRAAG PAGINA
***********************************************************************/
.input_large {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 1px;
width: 200px;
border: 1px solid #666;
margin: 2px;
}
.input_medium {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 1px;
width: 142px;
border: 1px solid #666;
margin: 2px;
}
.input_small {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 1px;
width: 50px;
border: 1px solid #666;
margin: 2px;
}
.txtarea {
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
padding: 1px;
width: 200px;
border: 1px solid #666;
margin: 2px;
}
.submit {
background-color: #e30c7c;
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left: 106px;
padding: 1px;
width: 100px;
font-weight: bold;
text-align:center;
border: 1px solid #e30c7c;
color: #fff;
}
/***********************************************************************
	CSS - PROJECTEN PAGINA
***********************************************************************/
#projects {
width: 1004px;

}
#WzBoDyI a {
color: #000;
text-decoration:underline;
}
#WzBoDyI a:hover {
text-decoration: none;
}
#projects .projectsSubmenu {
position: absolute;
height: 25px;
line-height: 25px;
width: 596px;
margin-left: 374px;
color: #666;
text-transform:uppercase;
background-color: #cad308;
font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
padding-left: 10px;
}
#projects .projectsSubmenu a {
text-transform: none;
color: #fff;
text-decoration:none;
}
#projects .projectsSubmenu a:hover {
color: #666;
}
#projects .projectsSubmenu .active {
color: #666;
text-decoration:underline;
}

#projects .projectsSubmenu3 {
float: right;
z-index: 9999999;
padding-top: 5px;
padding-bottom: 5px;
line-height: 20px;
width: 596px;
color: #666;
text-transform:uppercase;
background-color: #cad308;
font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
padding-left: 10px;
margin-right: 24px;
}
#projects .projectsSubmenu3 a {
text-transform: none;
color: #fff;
text-decoration:none;
}
#projects .projectsSubmenu3 a:hover {
color: #666;
}
#projects .projectsSubmenu3 .active {
color: #666;
text-decoration:underline;
}

#projects .projectsSubmenu2 {
float: right;
z-index: 9999999;
padding-top: 5px;
padding-bottom: 5px;
line-height: 20px;
width: 596px;
color: #666;
text-transform:uppercase;
background-color: #cad308;
font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
padding-left: 10px;
}
#projects .projectsSubmenu2 a {
text-transform: none;
color: #fff;
text-decoration:none;
}
#projects .projectsSubmenu2 a:hover {
color: #666;
}
#projects .projectsSubmenu2 .active {
color: #666;
text-decoration:underline;
}



#projects .intro {
position:absolute;
background-color:#FFF;
margin-left: 374px;
top: 190px;
width: 586px;
height: 36px;
font-size: 12px;
line-height: 16px;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 10px;
padding-right: 10px;
}
#projects .info {
position:absolute;
top: 190px;
height: 35px;
text-transform:uppercase;
font-size: 14px;
width: 320px;
font-weight: bold;
padding-left: 14px;
padding-top: 4px;
padding-bottom: 4px;
padding-right: 40px;
background-color: #fff;
}

#projects .hoekkavels {
display: none;
position: absolute;
background-color: #fff;
font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
font-size: 11px;
width: 360px;
text-transform:uppercase;
padding-left: 15px;
padding-top: 4px;
padding-bottom: 4px;
margin-top: 55px;
}

/***********************************************************************
	CSS - KAVEL
***********************************************************************/
.kavel {
background-color: #fff;
position:absolute;
width: 300px;
height: 90px;
font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
margin-top: 200px;
margin-left: 300px;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
-moz-opacity: 0.8;
}
.close a {
font-size: 14px;
float: right;
font-family: Helvetica, Verdana, sans-serif;
color: #000;
font-weight: bold;
text-decoration:none;
padding-right: 8px;
padding-left: 10px;
padding-top: 5px;
padding-bottom: 5px;
}
.divTxt {
float: left;
padding-left: 10px;
padding-top: 10px;
line-height: 16px;
}
.divTxt a {
color: #433a8b;
text-decoration:none;
}
.divTxt a:hover {
text-decoration: underline;
}


/* MENU - HEADER
--------------------------------------------------------------------------------------------------*/
#menu {height: 25px;clear: both;}
#menu a {border-left: 1px solid #cad308;font-weight: bold;background-color: #666;font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;font-size: 12px;padding-left: 4px;padding-right: 4px;height: 25px;line-height: 25px;color: #fff;text-decoration:none;display: block;float: left;text-transform:uppercase;}
#menu a:hover {color: #666; background-color: #cad308;}
#menu .active {color: #666; background-color: #cad308;}
#menu ul {margin-left: 350px;margin-top: 0px;margin-bottom: 0px;margin-right: 0px;padding: 0px;}
#menu li li a {border-left: 0px;width: 180px;margin: 0px;padding: 0px; text-indent: 5px;color:#fff; background: #666;text-transform:none; }
#menu li li a:hover  {color:#666; background-color: #cad308;}

#menu li {float: left; display: block; list-style: none;}
#menu ul li a { z-index: 100; }
#menu ul li a:hover { z-index: 100 }
#menu ul li:hover { z-index: 100 }
#menu ul li.over { z-index: 100 }
#menu ul li li { clear: left; padding: 0px; display: inline; margin: 0px; border: none;}
#menu ul li { position: relative}
#menu ul li ul {	margin: 0px; display: none; z-index: 200; left: 0px; padding: 0px; position: absolute; top: 100%;}
#menu ul li:hover ul { display: block}
#menu ul li.over ul { display: block}



/* 
 * ========================================
 * News Topic
 * ========================================
 */
.newsTopic {
/*position: absolute;*/
background-color: #E30C7C;
width: 349px;
z-index: 1000;
padding-bottom: 5px;
}
.newsTopic .title {
padding-top: 5px;
padding-left: 10px;
line-height: 20px;
color: #fff;
font-weight: bold;
font-size: 12px;
font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}
.newsTopic .txt {
line-height: 20px;
padding-left: 10px;
color: #fff;
font-size: 11px;
font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
float: left;
}
.newsTopic .txt a {
color: #fff;
text-decoration:none;
}
.newsTopic .txt a:hover {
text-decoration: underline;
}
.newsTopic .more {
line-height: 20px;
float: right;
padding-right: 10px;
color: #fff;
font-size: 11px;
font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}
.newsTopic .more a {
color: #fff;
text-decoration:none;
}
.newsTopic .more a:hover {
text-decoration: underline;
}
/* 
 * ========================================
 * redirect page
 * ========================================
 */

.redirectBox {
height: 146px;
width: 400px;
}
.redirectBoxTop {
text-indent: 16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 12px;
color: white;
background-image:url(../images/homebutton-top3.gif);
background-repeat:no-repeat;
height: 24px;
line-height: 24px;
}
.redirectBoxBottom {
padding-left: 16px;
padding-right: 16px;
padding-top: 7px;
color: #ee908e;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
background-image:url(../images/homebutton-bottom3.gif);
background-repeat:no-repeat;
height: 115px;
}
.redirectBoxBottom a {
color: white;
text-decoration: none;
}
.redirectBoxBottom a:hover {
color: white;
text-decoration: underline;
}


/* 
 * ========================================
 * content slide
 * ========================================
 */

.dhtmlgoodies_question {
	overflow:hidden;
	cursor:pointer;
}
.dhtmlgoodies_answer {
	visibility:hidden;
	height:0px;
	overflow:hidden;
	position:relative;
}
.dhtmlgoodies_answer_content {

}
 

/* 
 * ========================================
 * debug
 * ========================================
 */

div.parseTime {
	border-top: #A7A7A7 1px solid;
	border-bottom: #A7A7A7 1px solid;
	border-left: #A7A7A7 1px solid;
	border-right: #A7A7A7 1px solid;
	margin-top: 10px;
	padding: 6px;
	width: 200px;
	background-color: #f8f8f8;
	color: #000000;
}


/* 
 * ========================================
 * nieuws slider
 * ========================================
 */
.simply-scroll-clip { 
	overflow: hidden;
	position:absolute;
	z-index:1;
}
	
.simply-scroll-btn-up {
	background:url(../images/pijl_top.png);
	width:21px;
	height:25px;
	z-index:100;
	margin:10px 0 0 325px;
	position:absolute;
}
.simply-scroll-btn-up.disabled {
	background:none;
}
	
.simply-scroll-btn-down {
	background:url(../images/pijl_bottom.png);
	width:21px;
	height:25px;
	z-index:100;
	margin:530px 0 0 325px;
	position:absolute;
}
.simply-scroll-btn-down.disabled {
	background:none;
}

.vert { 
	width: 380px; /* wider than clip for custom button pos. */
	margin-bottom: 1.5em;
}

.vert .simply-scroll-clip {
	width: 350px;
	height: 563px;
	position:relative;
}

#nieuwsTop {
	background-image:url(../images/nieuws_top.png);
	width: 350px;
	height: 92px;
}

#scroller { 
	width:350px;
	height: 430px;
	font-family:Trebuchet MS;
	font-size:12px;
	padding:0;
	margin:0;
	position:relative;
	}

ul#scroller li {
	background:url(../images/nieuws_points.png) repeat-x bottom #ccc;
	list-style-type:none;
	width:310px;
	padding:10px 30px 10px 10px;
	color:#000;
	float:left;
	}

ul#scroller li:hover {
	background:url(../images/nieuws_points.png) repeat-x bottom #e30c7c;
	color:#FFF;
	}

.newsTitle {
	font-size:16px;
	color:#FFF;
	text-transform:uppercase;
	width:100%;
	float:left;
	}

.newsDate {
	font-size:12px;
	color:#FFF;
	width:100%;
	float:left;
	}

.newsArticle {
	font-size:12px;
	font-weight:bold;
	width:100%;
	float:left;
	}

/* 
 * ========================================
 * ibba home
 * ========================================
 */
#ibbaBox {
	width:155px;
	min-height:648px;
	background:#e5007d;
	margin-right:24px;
	text-decoration:none;
	float:right;
	}

#ibbaBox a {
	text-decoration:none;
	color:#FFF;
	}

#ibbaBox a:hover {
	text-decoration:underline;
	}

#ibbaKeuze {
	width:101px;
	height:186px;
	margin-top:30px;
	margin-left:-30px;
	float:left;
	}

#ibba_roze {
	background:url(../images/ibba_start.png);
	width:101px;
	height:62px;
	cursor:pointer;
	float:left;
	}
#ibba_roze a {
	display: block;
	text-decoration:none;
	width:101px;
	height:62px;
}

#ibba_lichtgroen {
	background:url(../images/ibba_plus_1.png);
	width:101px;
	height:62px;
	cursor:pointer;
	float:left;
	}
#ibba_lichtgroen a {
	display: block;
	text-decoration:none;
	width:101px;
	height:62px;
}

#ibba_donkergroen {
	background:url(../images/ibba_plus_2.png);
	width:101px;
	height:62px;
	cursor:pointer;
	float:left;
	}
#ibba_donkergroen a {
	display: block;
	text-decoration:none;
	width:101px;
	height:62px;
}

#ibbaInfo {
	width:135px;
	padding:10px;
	font-size:12px;
	color:#FFF;
	float:left;
	}

#ibbaBox.ibba_roze {
	background:#e5007d;
	}
#ibbaBox.ibba_plus1 {
	background:#95c11c;
	}
#ibbaBox.ibba_plus2 {
	background:#00a071;
	}
