/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 11px; color: #354273; }
input, select, textarea { font-family: Arial; font-size: 11px; color: #354273; }
body { background: #fff; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }
#home #leftCntr ul li {padding: 6px 0;}

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 940px; }

	/* ### HEADER CONTAINER ### */
	#headerCntr { width: 940px; height: 190px; background: url('../images/headerBg.gif') repeat-x; }
	#headerCntr h1 { padding-top: 40px; float: left; font-size: 18px; font-weight: normal; text-transform: uppercase; color: #252d5c; }
	#headerCntr h1 a { color: #252d5c; text-decoration: none; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { padding-top: 46px; float: right; width: 600px; }
		#menuCntr ul { overflow: hidden; width: 472px; float:right; list-style: none; }
		#menuCntr li { margin-left: 100px; float: left; display: inline; font-size: 12px; text-transform: uppercase; height: 100px; }
		#menuCntr li a, #menuCntr li.active ul li a { display: block; text-decoration: none; color: #677c94; font-weight: normal; }
		#menuCntr li a:hover, #menuCntr li.active a, #menuCntr li.active ul li a:hover, #menuCntr li.active ul li.active a { color: #121838;}
		/*#menuCntr li ul li a:hover, #menuCntr li ul li.active a {font-weight: bold;}*/
		#menuCntr ul ul { clear: both; position: absolute; top: 75px; width: auto; padding-left: 1px; display:none; }
		#menuCntr ul ul li { margin-left: 0px; float: none; display: block; line-height: 18px; font-size: 11px; text-transform: none; height: auto; }
		#menuCntr ul li.active ul { display:block; }
		
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding-bottom: 35px; overflow: hidden; width: 940px; }
	
		/* ### DETAIL CONTAINER ### */
		#detailCntr { padding-left: 10px; float: left; display: inline; position: relative; width: 733px; height: 350px !important; background: #e6eff9; }
		#detailCntr h2 { padding: 10px 0px 10px 0px; line-height: 18px; font-size: 11px; font-weight: bold; color: #252d5c; }
		#detailCntr p { padding-bottom: 10px; line-height: 18px; }
		#projecten #detailCntr p { padding-bottom: 10px; line-height: 18px; }
		#medewerkers #detailCntr p { padding-bottom: 0px; line-height: 15px; }
		#detailCntr a { text-decoration: none; color: #677c94; }
		#detailCntr a:hover { color: #252d5c; }
		#detailCntr div#slider { margin-left: 5px; float: right; overflow: hidden; width: 521px; height: 350px; background: #E6EFF9; }
		#detailCntr div#slider ul { list-style: none; }
		#detailCntr div#slider li { float: left; display: inline; width:521px; height:350px; text-align: right; }
		#detailCntr div#slider li img { display: inline; }
		#detailCntr ul.nav { position: absolute; bottom: -18px; right: 10px; overflow: hidden; width: 20px; list-style: none; }
		#detailCntr ul.nav li { margin-left: 8px; float: right; display: inline; color: #9fa6c8; }
		span#nextBtn a { margin-top: 2px; position: absolute; bottom: -15px; left:713px; display: block; width: 60px; height: 30px; top:348px; text-indent: -9999px; background: url('../images/arrow.gif') no-repeat 25px 6px; }
		span#nextBtn a:hover { background-image: url('../images/arrowH.gif'); }
		span#prevBtn a { margin-top: 2px; position: absolute; bottom: -15px; right: 37px; display: block; width: 60px; height: 30px; top:348px; text-indent: -9999px; background: url('../images/arrow2.gif') no-repeat scroll 41px 6px; }
		span#prevBtn a:hover { background-image: url('../images/arrow2H.gif'); }
		
		/* ### TEXT CONTAINER ### */
		#textCntr { padding-left: 10px; float: left; display: inline; width: 733px; _min-height: 350px; height: 350px !important; background: #e6eff9; overflow: hidden;}
		#textCntr h1 { padding-bottom: 10px; line-height: 18px; font-size: 11px; font-weight: bold; color: #252d5c; padding-top: 10px; }
		.csc-firstHeader { padding-bottom: 10px; line-height: 18px; font-size: 11px; font-weight: bold; color: #252d5c; padding-top: 10px; }
		#textCntr em { padding: 10px 0px 0px 0px; display: block; font-style: normal; line-height: 18px; font-size: 10px; color: #a5b1c5; }
		#textCntr p { padding-bottom: 10px; line-height: 18px; }
		#textCntr a { text-decoration: underline; color: #677c94; }
		#textCntr a:hover { color: #677c94;c; text-decoration: none; }
		#textCntr img.right, #textCntr .imgRight img { margin-left: 10px; float: right; }
		
		/* ### LEFT CONTAINER ### */
		#leftCntr { overflow: hidden; padding: 10px; float: left; display: inline; width: 202px; height: 330px; background: #e6eff9; }
		#leftCntr ul {padding-left: 20px;}
		
			/* ### INTRO BOX ### */
			.introBox { width: 202px; }
			.introBox h1 { padding-bottom: 10px; line-height: 18px; font-size: 11px; font-weight: bold; color: #252d5c; }
			.introBox p { padding-bottom: 10px; line-height: 18px; }
			.introBox a { text-decoration: none; color: #677c94; }
			.introBox a:hover { color: #252d5c; }
			
			/* ### SIDE BOX ### */
			.sideBox { width: 202px; }
			.sideBox ul { display: none; list-style: none; padding: 0 !important;}
			.sideBox li { line-height: 18px; }
			.sideBox li.space { padding-top: 20px; }
			.sideBox li.title { color: #9fa6c8; }
		
		/* ### CENTER CONTAINER ### */
		#centerCntr { float: left; width: 521px; height: 350px; }
		
		#textCntr ul {padding-left: 14px;}
		
			/* ### PIC BOX ### */
			.picBox { width: 521px; }
			.picBox ul { overflow: hidden; width: 521px; list-style: none; }
			.picBox li { padding: 0px 10px 10px 0px; float: left; display: inline; }
			.picBox li a img { height:110px; width:auto; }
			.picBox li.last { padding-right: 0px; }
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 188px; height: 350px; overflow: hidden; }
		#rightCntr p {line-height: 24px;}
		#rightCntr h1 {color:#252D5C;font-size:11px;font-weight:bold;line-height:18px;padding-bottom:10px;}
			
			/* ### SCROLL BOX ### */
			.scrollBox { width: 188px; }
			.scrollBox a.prev { display: block; width: 188px; height: 11px; text-indent: -9999px; background: url('../images/prev.gif') #e4eaf1 no-repeat center; }
			.scrollBox a.next { display: block; width: 188px; height: 11px; text-indent: -9999px; background: url('../images/next.gif') #e4eaf1 no-repeat center; }
			.scrollBox a.prev:hover {display: block; width: 188px; height: 11px; text-indent: -9999px; background: url('../images/prev_hover.gif') #252d5c no-repeat center; }
			.scrollBox a.next:hover {display: block; width: 188px; height: 11px; text-indent: -9999px; background: url('../images/next_hover.gif') #252d5c no-repeat center; }
			.scrollBox a.inactivePrev, .scrollBox a.inactivePrev:hover { background-color:#e4eaf1; background-image:none; cursor:default !important; }
			.scrollBox a.inactiveNext, .scrollBox a.inactiveNext:hover { background-color:#e4eaf1; background-image:none; cursor:default !important; }
			.scrollBox div.slider { overflow: hidden; width: 188px; height: 328px; }
			.scrollBox ul { list-style: none; }
			.scrollBox li { padding: 11px 10px; }
			.scrollBox div.lesser li { padding: 5px 10px; }
			.scrollBox li a { text-decoration: none; color: #677c94; }
			.scrollBox li a:hover, .scrollBox li.active a { color: #252d5c; }
			.scrollBox li a span { display: block; line-height: 18px; font-size: 10px; color: #a5b1c5; }
			
			/* ### NIEUWS BOX ### */
			.nieuwsBox { width: 188px; }
			.nieuwsBox h3 { padding-bottom: 10px; line-height: 18px; font-size: 11px; font-weight: bold; color: #252d5c; }
			.nieuwsBox ul { list-style: none; }
			.nieuwsBox li { padding-bottom: 10px; line-height: 18px; }
			.nieuwsBox li span { display: block; font-size: 10px; color: #a5b1c5; }
			.nieuwsBox a { text-decoration: none; color: #677c94; }
			.nieuwsBox a:hover { color: #252d5c; }
	
	/* ### FOOTER CONTAINER ### */
	#footerCntr { padding: 80px 0px 20px 0px; width: 940px; }
	#footerCntr address { text-align: right; font-style: normal; color: #86909d; }
	#footerCntr a { text-decoration: none; color: #252d5c; }
	#footerCntr a:hover { color: #86909d; }


/*********** SITEMAP ****************/

.csc-sitemap { width: 690px; padding: 10px 0 10px 0; }
.csc-sitemap ul { margin: 0; 	padding:0px 0 0px 0;}
.csc-sitemap ul li {list-style:none; margin-bottom: 2px;}
.csc-sitemap li { margin: 0; padding: 0; }
.csc-sitemap a { display: block; padding: 0 8px; font-weight:bold; line-height: 1.8em; color: #000; text-decoration: none; background: #e9e9e9; border-bottom: 1px solid #dedfde }
.csc-sitemap ul li ul {	margin-top:10px;	margin-left:20px;	margin-bottom:10px; }
.csc-sitemap ul ul a { padding-left: 28px; font-weight:normal; background-color: #fafafa; border-bottom: 1px solid #dedfde; }
.csc-sitemap ul ul ul a { padding-left: 58px; color: #fcfcfc; }
.csc-sitemap a:hover, .csc-sitemap a:focus { color: #fff; background-color: #dfdfdf; font-weight: bold;  }


/********* POWERMAIL *************/

.tx-powermail-pi1_fieldset { border: 0px; padding: 0px; margin: 0px; }
.tx-powermail-pi1 { border:0; color:#828181; }
.tx-powermail-pi1_fieldset legend{display:none;}


.tx_powermail_pi1_fieldwrap_html {display:block; width:400px; }
.tx_powermail_pi1_fieldwrap_html label { width:100px; float:left;font-weight:bold; margin-top:4px;}
.tx_powermail_pi1_fieldwrap_html label .powermail_mandatory{color:#eb0000}
.tx_powermail_pi1_fieldwrap_html .powermail_mandatory_js{font-style:italic; color:red;}
.tx_powermail_pi1_fieldwrap_html input.powermail_text{width:360px; border:1px solid #999999;}
.tx_powermail_pi1_fieldwrap_html textarea {width:360px; border:1px solid #999999;}
.tx_powermail_pi1_fieldwrap_html .powermail_submit { text-align:center; float:left; background:#999; border:none; color:#FFF; font-size:12px; font-weight:bold; padding:3px 7px 3px 7px; margin-top:5px; margin-bottom:7px;}

span.sliderNo {
	position: absolute;
	bottom: -18px;
	left: 705px;
}

.contentWrap { margin-right: 305px; }

.contentWrap2 { overflow: hidden; height: 294px; width: }

.csc-textpic-text .contentWrap { margin: 0; }

.tx-lumogooglemaps-pi1 {
	float: right;
	position: relative;
	right: 0;
	top: -345px;
}

#contact .contenttable p {
	line-height: 18px !important;
}

td {
	vertical-align: top;
	padding-top: 6px;
	padding-left: 15px;
}

/* extra slider projects single */
#detailCntr div#projectSingleImgs { margin-left: 10px; float: right; overflow: hidden; width: 521px; height: 351px; }
#detailCntr div#projectSingleImgs ul { list-style: none; }
#detailCntr div#projectSingleImgs li { float: left; display: inline; }
#detailCntr div#projectSingleImgs li img { height:350px; }

/* scroll */
/* Scroll pane styles */
#scrollerContainer {
	float: right;
	width: 220px;
	height: 93px;
	padding: 5px 5px 5px 20px;
	overflow: hidden;
}

.jScrollPaneContainer {
	margin-top: 16px;
	position: relative;
	overflow: hidden;
	z-index: 1;
	float: right;
}

.jScrollPaneContainer p { padding: 0 !important; }

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background: #fff;
}

.jScrollPaneDrag {
	position: absolute;
	background: #252d5c;
	cursor: pointer;
	overflow: hidden;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}

a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 23px;
	background-color: #36c;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 23px;
	background-color: #36c;
}

a.pdf {
	float: left;
	width: 17px;
	height: 17px;
	background: url(../images/pdf_button_v2.jpg) 0 0 no-repeat;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 10px;
	left: 190px;
}