/* ### GENERAL ### */
* { margin: 0px; padding: 0px; }
html, body { font-family: Arial; font-size: 12px; color: #555; }
input, select, textarea { font-family: Arial; font-size: 12px; color: #555; }
body { height: 100%; background: url('../images/bodyBg.gif') #fff repeat-x; }
img { border: 0px; display: block; }

/* ### GLOBAL CLASSES ### */
.clear { clear: both; }

/* ### WRAPPER ### */
#wrapper { display: block; position: relative; width: 100%; min-height: 100%; background: url('../images/wrapperBg.gif') no-repeat top; }

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; width: 939px; border-top: 1px solid #ffa200; background: #fff; }

	/* Slideshow */
	#slideshow {
		width: 658px;
		height: 150px;
		float: right;
		position: relative;
		top: 30px;
		left:12px;
	}
	
	#slideshowOverlay {
		width: 658px;
		height: 150px;
		left: 0;
		top: 0;
		background: url(../images/slideshow_overlay.png) 0 0 no-repeat;
		position: absolute;
		left: -14px;
  		top: -30px;
	}
	
	
	/* ### HEADER CONTAINER ### */
	#headerCntr {position: relative; width: 940px; height: 186px; background: url(../images/head_sh.gif) 0 145px repeat-x; }
	#headerCntr h1 { position: absolute; top: 20px; left: 20px; width: 226px; }
	#headerCntr h1 a { display: block; width: 226px; height: 199px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	#headerCntr .slides img { position: absolute; z-index: 99; bottom: 36px; right: 10px; }
	#headerCntr .tx-slideshow-pi1 { width: 658px; height: 150px; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr {position: absolute; bottom: 0px; left: 0px; width: 100%; height: 41px; background: url('../images/menuBg.gif') repeat-x; }
		#menuCntr ul { padding: 5px 0px 0px 104px; width: 838px; list-style: none; }
		#menuCntr li { float: left; display: inline; }
		#menuCntr li a { padding: 0px 20px 0px 20px; display: block; float: left; cursor: pointer; height: 30px; line-height: 30px; font-family: Verdana; text-decoration: none; color: #fff; }
		#menuCntr li a:hover, #menuCntr li.selected a { background: url('../images/menuHBg.gif') repeat-x; }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 15px 0px 20px 0px; overflow: hidden; width: 940px;}
	#contentCntr div.left { margin-left: 20px; float: left; display: inline; }
	#contentCntr div.right { margin-right: 20px; float: right; display: inline; }
	
		/* ### TEXT CONTAINER ### */
		#textCntr { width: 620px; }
		
			/* ### QL BOX ### */
			.qlBox { margin-bottom: 20px; width: 620px; }
			.qlBox ul { overflow: hidden; width: 620px; list-style: none; }
			.qlBox li { padding-right: 5px; float: left; display: inline; font-size: 11px; }
			.qlBox li a { padding-right: 5px; text-decoration: none; color: #555; }
			.qlBox li a:hover { text-decoration: underline; }
		
			/* ### TEXT BOX ### */
			.textBox { width: 600px; }
			.textBox h1 { margin-bottom: 11px; padding: 16px 0px 0px 20px; overflow: hidden; width: 580px; font-size: 22px; font-weight: normal; border-left: 4px solid #ffa200; }
			.textBox p { padding-bottom: 11px; line-height: 18px; }
			.textBox p strong img { margin: 0px 0px 10px 10px; float: right; }
			.textBox a { text-decoration: none; color: #7a0026; }
			.textBox a:hover { text-decoration: underline; }
			.textBox ul { margin-left: 20px!important; }
			.textBox ol { margin-left: 25px!important; }

			
			/* ### OVER CONTAINER ### */
			#overCntr { padding-top: 20px; overflow: hidden; width: 600px; }
			#overCntr h2 { margin-bottom: 10px; font-size: 14px; font-weight: normal; }
			
				/* ### OPL BOX ### */
				.oplBox { float: left; width: 400px; }
				.oplBox ul { overflow: hidden; width: 400px; list-style: none; }
				.oplBox li { margin: 0px 10px 10px 0px; float: left; display: inline; width: 186px; height: 64px; background: url('../images/oplBg.gif') no-repeat; }
				.oplBox li a { padding: 0px 0px 0px 50px; display: block; float: left; width: 136px; height: 39px; font-size: 13px; text-decoration: none; color: #FFA200; background: no-repeat 14px center; margin-top:-40px; font-weight: bold;}
				.oplBox li a:hover { text-decoration: underline; }
				.oplBox li span img { padding-top: 8px; height: 47px; padding-left:10px; } 
				
				
 				/* ### KLANT BOX ### */
				.klantBox { float: right; width: 186px; }
				.klantBox div.content { background: url('../images/klantBg.gif') repeat-y; }
				.klantBox div.top { background: url('../images/klantTop.gif') no-repeat top; }
				.klantBox div.bottom { padding: 26px 18px 26px 18px; background: url('../images/klantBottom.gif') no-repeat bottom; }
				.klantBox p { line-height: 16px; }
				.klantBox a { text-decoration: none; color: #7a0026; }
				.klantBox a:hover { text-decoration: underline; }
				
		/* ### SIDE CONTAINER ### */
		#sideCntr { width: 262px; }
		/* #sideCntr div.space { min-height: 160px; _height: 160px; } */
			
			/* ### NAV BOX ### */
			.navBox { width: 239px; background: url('../images/navBg.gif') repeat-y; }
			.navBox div.top { background: url('../images/navTop.gif') no-repeat top; }
			.navBox div.bottom { padding: 15px 4px 17px 4px; background: url('../images/navBottom.gif') no-repeat bottom; }
			.navBox ul { padding-top: 5px; list-style: none; border-bottom: 1px solid #b9b9b8; }
			.navBox li { /*height: 23px;*/ line-height: 23px; font-size: 11px; border-top: 1px solid #b9b9b8; border-bottom: 1px solid #f2f2f2; }
			.navBox li a { display: block; /*height: 23px;*/ padding-left: 15px; text-decoration: none; color: #555; }
			.navBox li a:hover, .navBox li.selected a { color: #7a0026; background: #fff; }
			
			/* ### NIEUWS BOX ### */
			.nieuws h1.newsLatestTitle a { color:#555; text-decoration:none; }
			.nieuws h1.newsLatestTitle a:hover { text-decoration:underline; }
			.nieuwsBox div { display:inline-block; }
			.nieuwsBox div { display:block; }
			.nieuwsBox { width: 262px; background: url('../images/nieuwsBg.gif') repeat-y; }
			.nieuwsBox div.top { background: url('../images/nieuwsTop.gif') no-repeat top; }
			.nieuwsBox div.bottom { padding: 12px; background: url('../images/nieuwsBottom.gif') no-repeat bottom; }
			.nieuwsBox div.nieuws { margin-bottom: 11px; line-height: 16px; }
			.nieuwsBox h3 { padding-bottom: 11px; font-size: 16px; font-weight: normal; }
			.nieuwsBox h1 { font-size: 12px; }
			.nieuwsBox h4 { font-size: 11px; font-weight: normal; }
			.nieuwsBox p { padding: 5px 0px 5px 0px; }
			.nieuwsBox h4 a { text-decoration: none; color: #555; }
			.nieuwsBox h4 a:hover { text-decoration: underline; }
			.nieuwsBox a.externalLink { margin: 10px 0px 0px 40px; display: block; width: 149px; height: 45px; text-indent: -9999px; background: url('../images/talentmanager.gif') no-repeat; }
			.nieuwsBox ul { list-style: none; }
			.nieuwsBox li { margin-bottom: 8px; width: 236px; height: 24px; line-height: 24px; font-size: 11px; font-weight: bold; background: url('../images/stappenLi.gif') no-repeat;}
			.nieuwsBox li a { display: block; height: 24px; text-indent: 30px; text-decoration: none; color: #fff; margin-top:-24px; }
			.nieuwsBox li a:hover { text-decoration: underline; }
			.nieuwsBox li.stappen a { background: url('../images/stappenBg.gif') no-repeat left; }
			.nieuwsBox li.talent a { background: url('../images/talentBg.gif') no-repeat left; }
			.nieuwsBox li.contact a { background: url('../images/contactBg.gif') no-repeat left; }
			
	/* ### FOOTER CONTAINER ### */
	#footerCntr { width: 940px; height: 30px; background: url('../images/footerBg.gif') no-repeat bottom; }
	#footerCntr p { line-height: 30px; text-align: center; font-size: 11px; }
	#footerCntr a { text-decoration: none; color: #555; }
	#footerCntr a:hover { text-decoration: underline; }

	
/* ### POWERMAIL ### */
div fieldset.tx-powermail-pi1_fieldset { background: none; border: none; }
div fieldset.tx-powermail-pi1_fieldset legend { display: none; }
div fieldset.tx-powermail-pi1_fieldset label { width: 250px; padding: 2px 10px 0 0; }
div fieldset.tx-powermail-pi1_fieldset input.powermail_submit { margin-left: 100px; margin-top: 0; }
div fieldset.tx-powermail-pi1_fieldset .powermail_radio_inner label { text-align: right; }
div div.powermail_mandatory_js { margin-left: 100px; }
div fieldset.tx-powermail-pi1_fieldset input { width:200px;}
div fieldset.tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html_radio input {width: auto;}
div fieldset.tx-powermail-pi1_fieldset .tx_powermail_pi1_fieldwrap_html_check input {width: auto;}
.powermail_mandatory { }


/* ### SITEMAP ### */
.csc-sitemap {
	padding: 0 17px 17px 17px;
}

.csc-sitemap ul li ul {
	padding-left: 17px;
}


/* ### NEWS ### */
.subheader { font-size: 1.0909em; color: #283335; margin: -5px 0 1.5em 0; }
.image { float: left; display: inline; margin: 0 18px 10px 0; width: 150px; height: 100px; overflow: hidden; position: relative;}
.image div {width: 150px; height: 100px; position: absolute; left: 0; top: 0; background: url(../images/image_border.png) 0 0 no-repeat; z-index: 1000; }
.image span { display: block; border: 1px solid #8da0ae; padding: 3px;  }
.image p { margin: 0; }

.news-item { padding-bottom: 27px; margin-bottom: 27px; display: inline-block; overflow: hidden; position: relative; }
.news-item { display: block; }
.news-item h2 { font-size: 1.2727em; line-height: 1.285em; color: #f26532; margin: 0; }
.news-item a { color: #7a0026; text-decoration: none; }
.news-item a:hover, .news-item a:focus { text-decoration: underline; }
.news-item a:hover span, .news-item a:focus span { border-color: #7a0026; }
.news-item .date { font-size: .909em; color: #2a3437; margin: 0 0 1em 0; }
.news-item .text { display: inline-block; overflow: hidden; }
.news-item .text { display: block; }


/* ### NEWS ### */
.pager { margin: 0 0 20px 0; }
.pager p { display: inline-block; width: 100%; margin: 0; border-bottom: 1px solid #8DA0AE !important; line-height: 1.5em; }
.pager p { display: block; }
.pager table { margin: 0; width: auto; border: none; }
.pager table p { border: none; width: auto; border: none !important; }
.pager td { border: 0; padding: 3px; }
.pager a { font-style: normal; text-decoration: none; }
.pager a:hover, .pager a:focus { text-decoration: underline; }
div .browsebox-down { border-top: 1px solid #8DA0AE; border-bottom:none!important; }
div .tx-ttnews-browsebox td { font-size: 1em; }
div .tx-ttnews-browsebox-SCell a { font-weight: bold; }
.tx-ttnews-browsebox-strong { font-weight: bold; }

/*Pagination - Start*/
#documents .pagination {
	padding:20px 3px 10px 3px;
	margin:3px;
	text-align:center;
	clear:both;
}

#documents .pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: none;
	
	text-decoration: none; 
	color: #7A0026;
}
#documents .pagination a:hover, #documents .pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: none;
	text-decoration: underline;
}
#documents .pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: none;
	font-weight: bold;
	background-color: #fff;
	color: #7A0026;
}
#documents .pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	font-weight: bold;
	border: none;
	color: #7A0026;
}

#documents .pagination a {float:none;width:auto;display:inline;}

#documents label { width: 350px!important; float: left;}
#documents input { width: 250px;}
#documents .tx_powermail_pi1_fieldwrap_html_submit input {width: 100px!important;}
#documents .tx_powermail_pi1_fieldwrap_html_radio input {width: 25px!important;}
#documents .tx_powermail_pi1_fieldwrap_html_check input  {width: 20px!important;}
/*Pagination - End*/

.textBox ul {list-style: disc outside!important; list-style-type: disc!important;}
.textBox ul li {list-style: disc outside!important; list-style-type: disc!important;}
.textBox ol {list-style: decimal!important; list-style-type: decimal!important;}
.textBox ol li {list-style: decimal!important; list-style-type: decimal!important;}

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

.csc-sitemap { padding: 10px 0 10px 0; }
.csc-sitemap ul { margin: 0; 	padding:0px 0 0px 0;}
.csc-sitemap ul li {list-style:none !important; margin-bottom: 2px;}
.csc-sitemap li { margin: 0; padding: 0; }
.csc-sitemap a { display: block; padding: 0 8px; font-weight:bold; line-height: 2em; 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;  }