/* main page containers */
#page
{
	width: 1000px;
	background:#FFF;
	margin: auto;
	position: relative;
}


#wrap	{ width:1017px;margin:0 auto;padding:0 0 0 17px;}

#intro
{
    position: relative;
    padding-left: 22px;
	margin:0 0 20px 0;
	background-color: #ffffff;
}

#content
{
    position: relative;
    margin-top: 22px;
    padding-top: 10px;
    padding-bottom:25px;
    /*height:220px;*/
    overflow: hidden;
}

#footer
{
	z-index: 0;
}


/* navigation menu's */
#main-menu
{
	z-index: 1;
	position:relative;
	margin-bottom: 20px;
	margin-top:8px;
	height: 38px;
	margin-left: 22px;    
}

#main-menu li
{
	height: 36px;
	width: 309px;
	margin-right: 10px;
	border: 1px solid #999999;
	background:#FFF;
	display: inline-block;
}

#main-menu li a
{
	padding-left: 20px;
	display: block;
	width: 289px;
	height: 36px;
	vertical-align: middle;
}

#main-menu li a img
{
	vertical-align:middle;
}

#sub-menu ul
{
	display:none;
	visibility: hidden;
	visibility:visible;
}

#sub-menu li
{
    display: inline-block;
    width: 95px;
    height: 35px;
	padding: 15px 25px 0px 25px;
    vertical-align: middle;
    margin-right: -11px;
	text-align:center;
}

#sub-menu li.start-double
{
    width: 100px;
}

#sub-menu li img
{
	margin: 0px;
}

#sub-menu li.next, #sub-menu li.previous
{
	width: 40px;
	padding: 0px;
	height: 50px;
}

#sub-menu li.expand, #sub-menu li.collapse
{
	cursor: pointer;
}

#sub-menu li ul li
{
    display: none;
	width: 178px;
	margin-top: 10px;
	margin-left: -90px;	
	text-align:left;
}

#sub-menu li ul li p
{
	border-left: 1px solid #B9CDDC;
	border-right: 1px solid #B9CDDC;
	padding: 0px 20px 0px 20px;
	width: 171px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-color: #ffffff;
	position:relative;
	z-index:99;
}

#contact-menu
{
	z-index: 5;
	position:absolute;
	top: 20px;
	left: 774px;
	height: 38px;
	width: 270px;
}

.intro #contact-menu
{
	left: 798px;
}

#contact-menu li
{
	display: inline-block;
	cursor: pointer;
}

/* index page containers */
#page.intro #main-menu
{
	position: relative;
    padding-top: 20px;
}

#page.intro #main-menu li
{
	background:#FFF;
}


#page.intro #footer
{
   
}

.footer-balloon
{
	position: absolute;
	display: none;
	z-index:2;
	width: 380px;
	height:100px;
	left: 20px;
	top: 415px;

}

#page.content .footer-balloon
{
	top: 426px;
	position: absolute;
	height: 160px;
}

.footer-balloon.over-kenmerk
{
}

.footer-balloon .top					{ position:absolute;left:0;right:0;top:-5px;}
.footer-balloon .bottom				{ position:absolite;left:0;right:0;bottom:0;}

.footer-balloon.over-kenmerk, .footer-balloon.over-osage
{

}

.contact-menu-balloon
{
	position: absolute;
	display: none;
	z-index:10;
	width: 380px;
	height: 220px;
}

.contact-menu-balloon.visible
{
	display: block;
}

.contact-menu-balloon.contact 
{
	top: 40px;
	left: 460px;
	width: 380px;
}

.contact-menu-balloon.disclaimer 
{
	top: 40px;
	left: 630px;
	width: 380px;
}

/*#page.intro #footer-balloon p*/
.footer-balloon p, .contact-menu-balloon p
{
	background-color: #ffffff;
	border-left: 1px solid #B9CDDC;
	border-right: 1px solid #B9CDDC;
	padding: 0px 20px 0px 20px;
}
	
#intro-image
{
	background: url(../images/foto_def.JPG) no-repeat;
	position: relative;
	width: 1000px;
	height: 350px;
	margin-top: 0px;
	margin-bottom: 25px;

}




#intro p.intro-text
{
	
	padding-right: 76px;
}

.intro-text-2
{
	display: none;
}

.lees-meer
{
    cursor: pointer;
}

/* main content pages */
#page.content #footer
{
    top:47px;
	padding:63px 0 0 25px;
	background:#FFF;	
	margin:0 0 15px 0;
	height:40px;
}

h1.title
{
	position: relative;
	margin-left: 22px;
    margin-top: 50px;
    margin-bottom: 17px;	
    height: 40px;
}

img#logo
{
	position: relative;
	margin-left: 22px;
    margin-top: 12px;
	margin-bottom: 17px;	
}

#phases
{
    margin:87px 0 0 80px;
    position: relative;	
}

#phases h2
{
    position: relative;
    margin-top: 15px;
    margin-bottom: 10px;
    height: 15px;	
}

#phases #fasering
{
	position: relative;
    margin-top: 15px;
    margin-bottom: 10px;
}

#description
{
    width: 285px;
	padding:0 0 10px 32px;
    height: 185px;	
	/*border-right: 1px solid #ffffff;*/
}

#questions
{
	position: absolute;
	top: 0px;
	left: 330px;
	width: 415px;
	height: 226px;
	z-index: 2;
}

#documents
{
	position: absolute;
    top: 0px;
	padding: 0px;
    left: 745px;
    width: 255px;
    height: 221px;	
}

#documents ul
{
	padding-left: 20px;
}

#documents h3
{
	margin-left: 15px;
}

#documents .quickflip-inner-wrapper
{
	padding: 15px 0px 15px 0px;
    left: 745px;
    width: 225px;
    height: 191px;
}

#documents .form .quickflip-inner-wrapper
{
	padding-left: 15px;
}

#documents .form input.text, #questions .form input.text, textarea.text
{
    border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	width: 150px;
}

#documents .form input.text.large, #questions .form input.text.large, textarea.text.large
{
	width: 250px;
}

#documents .form label, #questions .form label
{
	display: inline-block;
	width: 75px;
}

#documents .form label.large, #questions .form label.large
{
	width: 75px;
}

#documents .form label.small, #questions .form label.small
{
	width: 40px;
}

.closeForm
{
	position: absolute;
	left: 10px;
	top: 192px;
}

.docRequestForm .closeForm
{
	top: 194px;
}

#documents input.text, #questions input.text, textarea.text
{
	border-bottom: 1px solid;
}

#documents .button, #questions .button
{
	position: absolute;
	left: 90px;
	top: 190px;
	width: 150px;
	border: 0;
	padding: 5px 10px 5px 10px;
	cursor: pointer;
}

#documents li
{
	cursor: pointer;
	margin-left: 17px;
	height:21px;
	list-style-type: disc;
	/*list-style-image:url(/images/menu/arrow-white.gif);*/
	list-style-image:url(/images/pdf-icon-default-small.gif);
}

#questions .list ul.scroll-pane
{
	overflow: auto;
	margin-bottom: 10px;
	border:none;
}

#questions .ask-a-question
{
	position: relative;
	left: 33px;
	width: 330px;
	padding-left: 5px;
	
}

#questions div.list
{
	border-left:1px solid #FFF;
	border-right:1px solid #FFF;
	height:90%;
	margin-left: 0px;
	margin-top: 5px;
	padding-left: 0px;
	
}

#questions div.list.content-open
{
	border-right: 1px solid #FFF;
	
}

.content-open h3		{ margin:0;padding:0;line-height:none!important;}

#questions li 
{
	padding:0 0 0 30px;
	margin-left: 0px;
	margin-bottom: 2px;
	list-style-type: none;
}

#questions li img 
{
	width:8px;float:left; padding:4px 0 0 0;margin:0 5px 0 0;
}
#questions .content ul
{
	margin-top: 10px;
}

#questions .content ul li
{
	list-style-type: disc;
	list-style-image: none;
}

#questions .content ol li
{
	list-style-type: decimal;
	list-style-image: none;
}

#questions li a
{
	padding-left: 0px;
}

#questions .list h3
{
	margin-left: 15px;
}

#questions .scroll-pane li:hover, #questions .scroll-pane li.selected, #questions .list .toggle-question:hover
{
	background-color: none;
}

#questions .toggle-question
{
    cursor: pointer;    
}

#questions .show-question
{
    display: none;
}

#questions .show-question input
{
    width: 300px;
	padding: 5px 10px 5px 10px;
	height: 20px;
    border: 0px;
	background-image:url(/images/menu/forms/ask-a-question-bg.png);
	cursor: pointer;  
}

#questions .content
{
	position: absolute;
	top: 0px;
	left: 334px;
	display: none;
	width: 526px; 
	height: 300px; 
	padding-top: 10px; 
	overflow: auto;
}

#questions .content ul li, #questions .content ol li
{
	margin-left: 20px;
	width: 90%;
}

#questions .content p
{
	margin-top: 5px;
}

#questions. openened ul li
{
 	margin-left: -15px;
}

span#closeInfoBalloon, span.closeInfoBalloon
{
	float:right; 
	margin-right: 5px;
	cursor: pointer;
}

#questions .form
{
	padding: 20px 0px 0px 15px;	
}

#questions-quickflip-wrapper
{
	width: 415px;
	height: 221px;
}

.form div.title span 
{
	margin-left: 5px;
}

.form div.title img
{
	float:left; 
	vertical-align:bottom; 
	margin-top:5px;
}

#requestDocFeedback div, #postQuestionFeedback div
{
	margin-left: 10px;
	margin-top: 19px;
}

.contact-menu-balloon ol
{
	background-color: #ffffff;
	display: block;
	margin-left: 20px;
	position: relative;

}

.contact-menu-balloon ol li
{
	list-style:decimal;
	list-style-position:inside;
	background-color: #ffffff;
	width: 360px;
		padding:0 5px 0 0;
}

.contact-menu-balloon ol li ul li
{
	list-style:disc;
}

p.indent
{
	padding-left: 35px;
}


/* mailing pages */
#content.mailing_pages h1
{
	margin-top: 15px;
	margin-bottom: 25px;
	
}

#content.mailing_pages p
{
	margin-bottom: 15px;
	margin-left: 25px;
	width: 680px;
}

#content.mailing_pages h2
{
	margin-left: 25px;
	width: 680px;
}

#content.mailing_pages img
{
	margin-left: 25px;
	margin-bottom: 45px;
	border: 1px groove #000000; 
}

#content.mailing_pages ul 
{
	margin-left: 40px;
	margin-top: -10px;
	margin-bottom: 15px;
	width: 680px;
}

#content.mailing_pages #video
{
	margin-bottom: 40px;
	margin-left: 25px;
}

#content.mailing_pages #subnav
{
	position: absolute;
	left: 680px;
	top: 90px;
}

#content.mailing_pages #subnav li 
{
	list-style-type: none !important;
	margin-bottom: 10px;
}

#page.content.beheren #content.mailing_pages a.beheren
{
	margin-left: 25px;
	background:url(/images/menu/main-menu/beheren-arrow.png) 2px 4px no-repeat;
	padding-left: 15px;
}


#bannerContainer		img				{float:left;margin:0 5px 0 0;}


.block									{ float:left;width:271px;height:85px;margin:0 5px 0 0;}
.block a								{ width:100%;height:100%;padding:15px 0 0 100px;color:#FFF;font-weight:bold;font-size:20px;text-decoration:none}
.block span								{ color:#000;}
.block.first							{ background:url(../images/actieknop_1.png) no-repeat;}
.block.second							{ background:url(../images/actieknop_2.png) no-repeat;}
.block.third							{ background:#E0F0F8;margin:0!important;width:283px !important;}
.block.fourth							{ background:url(../images/actieknop_3.png) no-repeat;}
.block.fifth							{ background:url(../images/actieknop_6.png) no-repeat;}
.block.sixth							{ background:url(../images/actieknop_5.png) no-repeat;}
.block.empty							{ background:#E0F0F8;width:80px;}
.moreBlock								{ height:85px;width:80px;color:FFF;float:right;}
.moreBlock a							{ width:100%;height:100%;color:#FFF;text-decoration:none;padding:15px;font-weight:bold;font-size:14px;}
.moreBlock.purple						{ background:#872545;}
.moreBlock.green						{ background:#628B14;}
.moreBlock.blue							{ background:#3FB1D9;float:left;margin:0 5px 0 0;}

.blockText								{ position:absolute;left:15px;top:15px;padding:15px;color:#000;font-size:14px;font-weight:bold;}
.blockText span							{ color:#FFF;}
#bannerContainer a 	{z-index:999;display:block;}

.ask-a-question							{ position:absolute;bottom:15px;}


#adviesOpMaat							{ position:absolute;top:0px;right:231px;width:100px;}
#actionImage							{ position:absolute;right:133px;bottom:-39px;}

#blogPost								{ position:absolute;width:500px;left:200px;bottom:0px;z-index:999;}