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

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

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

/* ### MAIN CONTAINER ### */
#mainCntr { margin: 0 auto; padding-bottom: 30px; width: 940px; }
body.sub { background: url('../images/bodySub.gif') #fff no-repeat center 7px; }
	
	/* ### HEADER CONTAINER ### */
	#headerCntr { position: relative; width: 940px; height: 200px; }
	#headerCntr h1 { position: absolute; top: 42px; left: 16px; }
	#headerCntr h1 a { display: block; width: 146px; height: 71px; text-indent: -9999px; background: url('../images/logo.gif') no-repeat; }
	#headerCntr .flash { position: absolute; top: 0px; right: 0px; }
	
		/* ### MENU CONTAINER ### */
		#menuCntr { position: absolute; top: 160px; left: 0px; width: 940px; height: 39px; }
		#menuCntr ul { padding-left: 2px; overflow: hidden; width: 938px; list-style: none; background: url('../images/menuBg.gif') no-repeat left; }
		#menuCntr li { padding-right: 2px; float: left; display: inline; height: 39px; background: url('../images/menuBg.gif') no-repeat right; }
		#menuCntr li a { padding: 0px 20px 0px 20px; display: block; float: left; height: 39px; line-height: 39px; text-decoration: none; color: #fff; }
		#menuCntr li a:hover { background: url('../images/menuHBg.gif') repeat-x; }
		#menuCntr li.active a { background: url('../images/menuSBg.gif') repeat-x; }
		#menuCntr li.login { padding-right: 0px; float: right; background: none; }
		#menuCntr li.login a { padding: 0px; }
		#menuCntr li.login a:hover { color: #000; background: none; }
		#menuCntr li.login span { padding-left: 25px; display: block; float: left; height: 39px; background: url('../images/login.png') no-repeat left;  }
		#menuCntr li.logout { padding-right: 40px; float: right; background: none; }
		#menuCntr li.logout a { padding: 0px; }
		#menuCntr li.logout a:hover { color: #000; background: none; }
		#menuCntr li.logout a span { padding-left: 25px; display: block; float: left; height: 39px; cursor: pointer; background: url('../images/login.png') no-repeat left;  }
	
	/* ### CONTENT CONTAINER ### */
	#contentCntr { padding: 30px 0px 10px 0px; overflow: hidden; width: 940px; }
	.cBottom { padding-bottom: 30px; overflow: hidden; width: 940px; background: url('../images/leftBottom.gif') no-repeat -8px bottom; }
	#mainCntr .sub { padding-bottom: 0px; background: url('../images/leftBg.gif') repeat-y -8px top; }
		
		/* ### LEFT CONTAINER ### */
		#leftCntr { margin: 0px 28px 0px 2px; float: left; display: inline; width: 175px; }
		
			/* ### NAV BOX ### */
			.navBox { padding-bottom: 200px; width: 175px; }
			.navBox ul { list-style: none; }
			.navBox ul li { display: inline; }
			.navBox ul li.top a { background: none; }
			.navBox ul li a { padding: 0px 35px 0px 0px; display: block; height: 31px; line-height: 31px; text-align: right; text-decoration: none; color: #231f20; background: url('../images/navBg.gif') no-repeat; overflow:hidden;}
			.navBox ul li a:hover { text-decoration: underline; }
			.navBox ul li.active a { color: #fff; background: url('../images/navHBg.gif') no-repeat; }			
			.navBox ul ul {background: url('../images/subBg.gif') repeat-y !important; }
			.navBox ul ul li {padding: 5px 35px 5px 0px; display: block; font-size: 11px; color: #005595 !important; text-align: right; }
			.navBox ul ul li a {background: none !important;  padding: 0px; display: inline; height: auto; line-height: normal; color: #005595 !important; }
			.navBox ul ul li a:hover { text-decoration: underline; color: #005595; }
			.navBox ul ul li.active2 { background: url('../images/subBg_active.gif') repeat-y; padding: 5px 35px 5px 0px; display: block; text-align: right; }
			.navBox ul ul li.active2 a {color: #005595; }

			
		/* ### CENTER CONTAINER ### */
		#centerCntr { float: left; width: 502px; }
		
			/* ### TEXT BOX ### */
			.textBox { padding-bottom: 15px; overflow: hidden; width: 502px; }
			.textBox h2 { padding-bottom: 12px; font: bold 18px 'Trebuchet MS', Trebuchet; color: #005595; }
			.textBox h1 { padding-bottom: 12px; font: bold 18px 'Trebuchet MS', Trebuchet; color: #005595; }
			.textBox p { padding-bottom: 10px; line-height: 24px; }
			.textBox a { text-decoration: none; color: #025695; }
			.textBox a:hover { text-decoration: none; color: #000000; }
			/*.textBox img.left { margin: 4px 15px 20px 0px; padding: 5px; float: left; border: 1px solid #c4c4c4; background: #f3f3f3; }*/
			.textBox ul { padding-bottom: 20px; list-style: none; }
			.textBox ul li { padding-left: 20px; line-height: 24px; background: url('../images/bol.gif') no-repeat 0px 9px;}
			.textBox ol { padding-bottom: 20px; list-style: decimal; }
			.textBox .csc-textpic-text ol li { margin-left: 23px; list-style-type: decimal; line-height:24px;}
			
			
			/* ### KENNIS BOX ### */
			.kennisBox { width: 502px; }
			.kennisBox ul { list-style: none; border-top: 1px solid #d1d1d1; }
			.kennisBox li { display: inline; }
			.kennisBox li a { padding: 10px; display: block; line-height: 24px; text-decoration: none; border-bottom: 1px solid #d1d1d1; color: #746e70; }
			.kennisBox li a:hover { background: #ededed; }
			.kennisBox li a strong { padding-bottom: 5px; display: block; cursor: pointer; font: bold 15px 'Trebuchet MS', Trebuchet; color: #005595; }
			.kennisBox li a span { cursor: pointer; color: #005595;}
			.kennisBox li img {border: 1px solid #C4C4C4; padding:5px; background-color: #ededed;}
			
			/* ### DOWN BOX ### */
			.downBox { width: 502px; }
			.downBox h1 { padding-bottom: 5px; font: bold 14px 'Trebuchet MS', Trebuchet; }
			.downBox ul { list-style: none; }
			.downBox li { display: block; }
			.downBox li:hover { background-color: #ededed; }
			.downBox li a { padding-left: 50px; display: block; height: 60px; line-height: 60px; text-decoration: none; font-weight: bold; color: #005595; border-bottom: 1px solid #e6e6e6; }
			
		
		/* ### RIGHT CONTAINER ### */
		#rightCntr { float: right; width: 200px; }
			
			/* ### NIEUWS BOX ### */
			.nieuwsBox { padding-bottom: 28px; width: 200px; }
			.nieuwsBox h1 { padding-bottom: 12px; font: bold 18px 'Trebuchet MS', Trebuchet; color: #005595; }
			.nieuwsBox ul { margin-top: 6px; overflow: hidden; width: 200px; list-style: none; border-top: 1px solid #d1d1d1; }
			.nieuwsBox li { line-height: 18px; border-bottom: 1px solid #d1d1d1; }
			.nieuwsBox li a { padding: 2px 10px 6px 10px; display: block; width: 180px; text-decoration: none; color: #005695; }
			.nieuwsBox li a:hover { background: #ededed; }
			.nieuwsBox em { padding-bottom: 3px; display: block; cursor: pointer; font-size: 10px; font-style: normal; text-transform: uppercase; color: #9b9b9b; }
			
			/* ### CONTACT BOX ### */
			.contactBox { width: 200px; }
			.contactBox a.button { margin-bottom: 10px; padding: 7px 0px 0px 46px; display: block; height: 46px; font-size: 12px; text-decoration: none; color: #005695; border: 1px solid #accae1; background: url('../images/contactBg.gif') #fcfcfc no-repeat left; }
			.contactBox a.button strong { display: block; cursor: pointer; font-size: 16px; }
			.contactBox a.button:hover { border-color: #0a6bb3; }
		
		/* ### TOP CONTAINER ### */
		#topCntr { overflow: hidden; width: 940px; }
		
			/* ### INTRO BOX ### */
			.introBox { float: left; width: 614px; }
			.introBox h1 { padding-bottom: 12px; font: bold 18px 'Trebuchet MS', Trebuchet; color: #005595; }
			.introBox p { padding-bottom: 25px; line-height: 26px; }
			.introBox p span { color: #231f20; }
			.introBox a { text-decoration: none; color: #005695; }
			.introBox a:hover { text-decoration: underline; }
			
			/* ### LAATSTE BOX ### */
			.laatsteBox { float: right; width: 280px; }
			.laatsteBox h1 { padding-bottom: 12px; font: bold 18px 'Trebuchet MS', Trebuchet; color: #005595; }
			.laatsteBox h1 span { float:none; }
			.laatsteBox ul { margin-top: 6px; overflow: hidden; width: 280px; list-style: none; border-top: 1px solid #d1d1d1; }
			.laatsteBox li { width: 280px; line-height: 18px; border-bottom: 1px solid #d1d1d1;}
			.laatsteBox li a {padding: 8px 3px 8px 3px; display: block; overflow: hidden; width: 274px; text-decoration:none; cursor:pointer; }
			.laatsteBox li a:hover {background: #ededed; cursor:pointer;  }
			.laatsteBox em { float: left; display: block; width: 75px; font-size: 10px; font-style: normal; text-transform: uppercase; color: #9b9b9b; }
			.laatsteBox span { float: right; display: block; width: 199px; color: #005695; }
		
		/* ### BOTTOM CONTAINER ### */
		#bottomCntr { padding-top: 15px; overflow: hidden; width: 940px; }
		
			/* ### LIST BOX ### */
			.listBox { margin-right: 12px; float: left; display: inline; width: 203px; }
			.listBox h1 { padding: 0px 15px 0px 15px; height: 31px; font: bold 14px/31px 'Trebuchet MS', Trebuchet; color: #fff; background: url('../images/headingBg.gif') repeat-x; }
			.listBox ul { list-style: none; background: #fcfcfc; }
			.listBox li { display: inline; }
			.listBox li a { padding: 0px 14px 0px 14px; display: block; height: 32px; line-height: 32px; font-size: 12px; text-decoration: none; color: #005595; border: 1px solid #ececec; border-top: 0px; }
			.listBox li a:hover { color: #204058; background: #ededed; }
			
			/* ### HOT BOX ### */
			/*.hotBox a.text { padding: 8px 10px 8px 10px; display: block; width: 211px; height: 214px; line-height: 20px; font-size: 12px; text-decoration: none; color: #746e70; border: 1px solid #ececec; border-top: 0px; background: #fcfcfc; }*/
			/*.hotBox a.text:hover { border-color: #cdcdcd; background: #f6f6f6; }*/
			.hotBox { margin-right: 12px; float: left; display: inline; width: 233px; }
			.hotBox h1 { font: bold 14px 'Trebuchet MS', Trebuchet; color: #005595; padding:0px !important; margin:0px !important; }
			.hotBox img { margin-bottom: 8px;}
			
			.hotBox div.csc-textpic {width: 231px; line-height: 20px; font-size: 12px; text-decoration: none; color: #746e70; border: 1px solid #ececec; background: #fcfcfc; }
			.hotBox div.csc-textpic:hover { border-color: #cdcdcd; background: #EDEDED;}
			.hotBox a span { color: #231f20; }
			.hotBox a {line-height: 20px; font-size: 12px; text-decoration: none; color: #746e70;}
			.hotBox a:hover { border-color: #cdcdcd;}
			.hotBox .csc-textpic-text { padding: 8px 10px 8px 10px;}
			.hotBox .csc-textpic-text span {padding:0px !important; margin:0px !important}
			.hotBox .csc-textpic-text span canvas{padding:0px !important; margin:0px !important}
			.hotBox .csc-textpic-text p.bodytext a i { text-decoration: none; color: #005695;}
			.hotBox .csc-textpic-text p.bodytext a:hover i { color: #204058;}
			.hotBox div.csc-textpic-imagewrap {margin-left:10px; margin-top:10px;}
			.hotBox div.csc-textpic-text p.bodytext {clear:both; padding-top:8px;}
			div.csc-textpic-center div.csc-textpic-imagewrap {margin:0px;}
			
			/* ### VAR BOX ### */
			.varBox { float: right; width: 232px; }
					
			.varBox span.text { padding: 15px; display: block; width: 202px; height: 135px; line-height: 24px; font-size: 12px; text-decoration: none; color: #fff; background: url('../images/varBg.gif') repeat-y 0px -20px; }
			.varBox span.text:hover { background-position: center -220px; }
			.varBox span.text a b {padding-bottom:10px!important; font: bold 14px 'Trebuchet MS', Trebuchet; color: #fff;}
			.varBox span.text a {font-size: 12px; text-decoration: none; color: #fff;}
			.varBox a.button { margin-bottom: 10px; padding: 7px 0px 0px 46px; display: block; height: 46px; font-size: 12px; text-decoration: none; color: #005695; border: 1px solid #accae1; background: url('../images/buttonBg.gif') #fcfcfc no-repeat left; }
			.varBox a.button strong { display: block; cursor: pointer; font-size: 16px; }
			.varBox a.button:hover { border-color: #0a6bb3; }
		
/* ### FOOTER CONTAINER ### */
#footerCntr { position: absolute; bottom: 0px; left: 0px; width: 100%; height: 30px; background: #005595; }
#footerCntr p { margin: 0 auto; width: 940px; height: 30px; line-height: 30px; font-size: 11px; text-align: center; color: #fff; }
#footerCntr a { text-decoration: none; color: #fff; }
#footerCntr a:hover { text-decoration:underline; }

/* IE6 and IE7 Conditional inlclude
----------------------------------------------*/
.cufon-vml{
        margin: 8px 0 10px 0;

}

/* Firefox 2 Specific rules
-------------------------------------*/
.cufon, x:-moz-any-link {
        position: relative;
        top: 5px;

}

/* Firefox 3 Specific rules
-------------------------------------*/
.cufon, x:-moz-any-link, x:default{
        top: 0;

}

div.textBox div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image dt img {
	margin: 8px 0px 0px 0px; padding: 5px; border: 1px solid #c4c4c4; background: #f3f3f3;
	}

/*div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
margin-right:20px !important;
}*/

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
margin-bottom:0 !important;
}

div.textBox div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	float:none;
	}

div#menuCntr form input {
	background: transparent;
	border:none;
	margin-top: 11px;
	color:#fff;
	cursor: hand;
}

div.textBox  .contenttable {
	border: 1px solid #C4C4C4;
	padding: 5px;
	width:100%;
}

div.textBox  .contenttable p {
	padding:0px;
}

/********* LOGIN *************/

.tx-felogin-pi1 h3 {padding-bottom: 12px; font: bold 18px 'Trebuchet MS', Trebuchet; color: #005595; }
.tx-felogin-pi1 div {padding-bottom: 12px; }
.tx-felogin-pi1 fieldset {border:none;}
.tx-felogin-pi1 legend {display:none;}
.tx-felogin-pi1 label {font-weight:bold;}
.tx-felogin-pi1 input[type="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;}

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

.tx-powermail-pi1 fieldset {border:none;}
.tx-powermail-pi1_fieldset {border: none; padding: 0px; margin: 0px; }
.tx-powermail-pi1 { border:none; color:#828181; }
.tx-powermail-pi1_fieldset legend{display:none;}
.tx_powermail_pi1_fieldwrap_html {display:block; width:363px; border:none; }
.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:#a8a8a8;}
.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;}
.tx-powermail-pi1 #powermaildiv_uid18 {margin-top:12px;}
.tx-powermail-pi1 #powermaildiv_uid18 input {float:right;}
.tx-powermail-pi1 #powermaildiv_uid4 input {margin-top:12px;}

/*********** INDEXED SEARCH ***************/ 

/*** form ***/
div.tx-indexedsearch fieldset { padding: 0px; margin: 20px 0; border: 0px; } 
input#tx-indexedsearch-searchbox-sword { border: 1px solid #999999; width: 200px; color:#555555; padding: 2px;}
input#tx-indexedsearch-searchbox-button-submit {text-align:center; float:left; background:#999; border:none; color:#FFF; font-size:12px; font-weight:bold; padding:3px 7px 3px 7px; margin: 2px 0 0 73px;}
span.tx-indexedsearch-sw { color: #444444; background-color: yellow; font-weight: bold; }

/*** browser ***/
div.tx-indexedsearch-browsebox { font-style: italic; margin: 25px 0;}
ul.browsebox { font-style: normal; }
ul.browsebox li { list-style: none; display: inline; padding: 0 3px; }

/*** result ***/
span.tx-indexedsearch-percent { float: left; width: 40px; display: block; text-align: right; }
div.tx-indexedsearch-res h3 { margin-bottom:0px;}
div.tx-indexedsearch-res { margin-bottom:30px;}
p.tx-indexedsearch-descr { color: #777777; margin: 0 0 0 55px ; padding: 0px!important; font-style: italic; }
p.tx-indexedsearch-path { color: #777777; margin: 0 0 0 55px ; padding: 0px!important; }
strong.tx-indexedsearch-redMarkup { color: #444444; background-color: yellow; }

/*********** DMAIL SUBSCRIBE ****************/

form.subscribe { border:0; color:#828181; }
form.subscribe input {  border: 1px solid #999999; color:#555555; padding: 2px;}
form.subscribe input.submit {text-align:center; background:#999; border:none; color:#FFF; font-size:12px; font-weight:bold; padding:3px 7px 3px 7px;}


/*********** 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: 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: #999; }
.csc-sitemap a:hover, .csc-sitemap a:focus { color: #fff; background-color: #dfdfdf; font-weight: bold;  }

/*********** SEARCH ****************/
.tx-indexedsearch { 
	padding: 10px 0 10px 0;
	font-size:12px; 
	line-height:18px; 
}

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }


div.tx_lumogooglemaps_pi1_infobox {height: 100px; width: 290px;}

/*********** TT NEWS ***************/ 

/*** latest ***/
.news-latest-date {font-weight:bold; float:left; margin-right: 5px} 
.news-latest-item img {float:left; margin-right: 5px}
.news-latest-item h3 {margin-top: 15px; margin-bottom: 5px;}

/*** list ***/
.news-list-date {color: #005695; float:left; margin-right: 5px} 
.news-list-item img {float:left; margin-right: 5px;}
.news-list-item h2 {font-size: 15px; clear:both; border-top: 1px solid #cccccc; }
.news-list-item {padding-top: 15px; clear: both; display: block; overflow:hidden;}


/*** single ***/
.news-single-date {padding-top:4px; float:left; margin-right: 5px;  } 
.news-single-item img {margin-right:5px;padding: 5px; border: 1px solid #c4c4c4; background: #f3f3f3; float:left;}

.clearer {clear:both;}