@charset "utf-8";
DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }
/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }
/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG, DIV.csc-textpic-border DIV.csc-textpic-single-image IMG {
border: 1px solid black;padding: 0px 0px;}
DIV.csc-textpic-imagewrap { padding: 0; }
DIV.csc-textpic IMG { border: none; }
/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }
/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }
/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
DL.csc-textpic-image { margin: 0; }
DL.csc-textpic-image DT { margin: 0; display: inline; }
DL.csc-textpic-image DD { margin: 0; }
/* Clearer */
DIV.csc-textpic-clear { clear: both; }
/* Margins around images: */
/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */margin-right: 10px;
}
/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */margin-left: 10px;
}
/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
display: inline; /* IE fix for double-margin bug */margin-left: 10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }
/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }
DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin-bottom: 5px; }
/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }
/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
margin-left: 10px !important;
}
/* Positioning of images: */
/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }
/* Center (above or below) */
DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }
/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }
/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }
/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }
/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }
/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */
/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* End hide from IE5/mac */
DIV.csc-textpic DIV.csc-textpic-imagerow-last { margin-bottom: 0; }
/* Browser fixes: */
/* Fix for unordered and ordered list with image "In text, left" */
.csc-textpic-intext-left ol, .csc-textpic-intext-left ul {padding-left: 40px; overflow: auto; height: 1%; }

html{}
body{margin:0;padding:0;background:url(img/bg.jpg) no-repeat center top;width:100%;display:table;font-family:Arial, sans-serif;font-size:100%;line-height:1.225em;color:#099;}
h1,h1 a{font-size: 1.15em;line-height:1.15em;margin:0;color:#000;}
h2,h2 a{font-size: 1.025em;line-height:1.025em;margin:0;color:#000;}
h3,h3 a{font-size: 1.0em;line-height:1.0em;margin:0;color:#000;}
h1 a,h2 a,h3 a{text-decoration:none;border-bottom:1px dotted #666;}
h1 a:hover,h2 a:hover,h3 a:hover{text-decoration:none;border-bottom:1px solid #666;}
a img{border:none;}
p,p.bodytext,ul,ol,label,legend{font-size: 0.875em;margin: 1.125em 0;}
div#clearerWrapContentElements{width:816px;border:none;clear:both;}
div#clearerWrapContentElements2{width:816px;border:none;clear:both;}
div#clearerArea-h1{width:816px;border:none;clear:both;}
div#clearerArea-h3{width:816px;border:none;clear:both;}
div#clearerWrapFoot{width:816px;border:none;clear:both;}
div#clearerWrapContent{width:816px;border:none;clear:both;}
div#clearerArea-f1{width:408px;border:none;clear:both;}

#wrapAll{margin:0 auto;width:816px;padding:0;background:transparent;}
/*#wrapAll div{margin:0;padding:0;}*/

#wrapHead{width:816px;height:136px;margin-top:24px;background:transparent url(img/header-bg.png) center top no-repeat;overflow:hidden;}
	#area-h3{width:188px;height:136px;float:right;}
		#area-h3 div.csc-textpic{margin-top:6px;}
	#area-h2{width:612px;height:136px;float:left;margin-left:16px;margin-top:60px;}
		#area-h2 h2{font-size: 1.525em;line-height:1.525em;margin:0;color:#fff;}
		#h2-content{height:40px;}
		#h2-menu ul{width:612px;height:20px;overflow:hidden;}
		#h2-menu ul{/*position: absolute;left:0px;top:30px;width:760px;*/float:left;/*background:transparent url("img/bg.gif") repeat-x bottom;*/font-size:12px;line-heigh:normal;}
		#h2-menu ul{margin:0;padding:0;list-style:none;}
		#h2-menu ul li {float:left;background:url("img/left.png") no-repeat left top;margin:0;padding:0 0 0 9px;list-style:none;}
		#h2-menu ul a {float:left;display:block;background:url("img/right.png") no-repeat right top;padding:5px 15px 4px 6px;text-decoration:none;font: bold 12px Trebuchet, Verdana, Helvetica, sans-serif;color:#765;}
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
		#h2-menu ul a {float:none;}
/* End IE5-Mac hack */
		#h2-menu ul a:hover {color:#333;}
		#h2-menu ul .menu_top_act {background-image:url("img/left_on.png");}
		#h2-menu ul .menu_top_act a {background-image:url("img/right_on.png");color:#333;padding-bottom:5px;}

#wrapContent{width:784px;margin-left:16px;padding:0;background:transparent url(img/bg-content.png) no-repeat;}
	#wrapContentElements{width:784px;margin-top:16px;}
		#area-c1{width:384px;float:right;}
			#area-e3 h2{margin-top:24px;margin-bottom:12px;}
			#area-e3 p.bodytext{margin-top:2px;}
		#area-c2{width:384px;float:left;}
			#area-e4 p.bodytext{margin-top:2px;}
			.menu1-level1-no a{line-height:2em;color:#666;text-decoration:none;border-bottom:1px dotted #666;}
			.menu1-level1-act a,.menu1-level1-no a:hover{line-height:2em;color:#666;text-decoration:none;border-bottom:1px solid #666;}
	#wrapContentElements2{width:784px;margin-top:16px;color:#666;}	
		#area-c3{margin-top:20px;width:250px;float:left;border:1px solid #a0a0a0;}
		#area-c4{margin-top:20px;width:250px;float:left;margin-left:16px;border:1px solid #a0a0a0;}
		#area-c5{margin-top:20px;width:250px;float:right;border:1px solid #a0a0a0;}
			#area-e5,#area-e6,#area-e7{width:242px;padding:4px;}
	#wrapContentElements2 li{list-style-image:url(img/pijl-verder.png);}
	#wrapContentElements2 a{text-decoration:none;border-bottom:1px dotted #666;color:#666;}
	#wrapContentElements2 a:hover{text-decoration:none;border-bottom:1px solid #666;color:#666;}
		
#area-f1L{width:76px;float:left;}
#area-f1R{width:266px;float:right;margin-right:20px;}
		
#wrapFoot{width:816px;height:136px;margin-top:24px;background:transparent url(img/footer-bg.png) no-repeat;color:#fff;}
	#area-f1{width:784px;margin:0;padding:0;margin-left:16px;padding-top:24px;height:48px;}

ul.menu-horizontal{float:right;font-size:0.85em;list-style:none;margin:0 12px 0 0;padding:0}
ul.menu-horizontal li{display:block;float:left;}
ul.menu-horizontal li a{color:#000;text-decoration:none;display:block;}
ul.menu-horizontal li a:hover,ul.menu-horizontal li.act a{text-decoration:underline;}

ul.menu-vertical{font-size:0.85em;list-style:none;margin:0 12px 0 0;padding:0}
ul.menu-vertical li{display:block;}
ul.menu-vertical li a{color:#000;text-decoration:none;display:block;}
ul.menu-vertical li a:hover,ul.menu-vertical li.act a{text-decoration:underline;}

ul#menu-left{margin-top:12px;}
ul#menu-left li{width:220px;line-height:2.0em;margin-bottom:6px;padding:3px;}
	ul#menu-left li.boxcolor1{background:#8cd600;}
	ul#menu-left li.boxcolor2{background:#566314;}
	ul#menu-left li.boxcolor3{background:#ceea82;}

ul#menu-head{margin-top:12px;}
ul#menu-head li{margin-left:6px;}
ul#menu-service li{margin-left:6px;}
ul#menu-foot li{margin-left:6px;}
ul#menu-foot li a{color:#fff;}

p a,#middle #contentmain .csc-default ul.csc-menu li.a{color:#1b1464;}


/*
* jQuery UI CSS Framework
* Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about)
* Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses.
*/
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }
/* Icons
----------------------------------*/
/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
/* Misc visuals
----------------------------------*/
/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }