/*
www.centes.nl
author	: anandarizki
update  : 10 Sept 2008
*/
* {
padding:0;
margin:0;
}
img {
border:none;
}
body {
font:12px Arial, Helvetica, sans-serif;
text-align:center;
background:#fff url(../images/body-bg.png) left top repeat-x
}
a {
color:#238FBF;
}
a:hover {
text-decoration:none;
}

table{
font:12px Arial, Helvetica, sans-serif;
}

#top_section {
position:relative;
width:854px;
height:167px;
background:url(../images/header.png) left top repeat-x;
text-align:left;
margin:0 auto;
} 
#top_section #logo {
position:absolute;
top:32px;
left:15px;
}
#top_section #slogan {
position:absolute;
right:10px;bottom:27px;
}

p {
line-height:18px;
padding-bottom:10px;
}
h1, h2, h3, h4, h5, h6, p, ul, ol {
padding-bottom:10px;
}
#wrapper {
width:854px;
margin:0 auto;
background:url(../images/bg-section.png) center top repeat-y;
text-align:left;
}
	#mainnav {
			position:absolute;
		left:220px;top:132px;
			text-align:center;
			}
			#mainnav table {
			margin:0 auto;
			text-align:left;
			}
		#mainnav, #mainnav ul { /* all lists */
		list-style: none;
		padding:0;
		}
		#mainnav li {
			float:left;
		}
		#mainnav li a:hover, #mainnav li a.sfhover, #mainnav li#active a, #mainnav li.active a {
		background:#2385B0;
		border:1px solid #A8E2FC;
		padding:4px 14px 5px 14px;
                margin-top:2px;
		}
		#mainnav li.leftactive {
		background:#848C97;
		}
		#mainnav li a {
			display:block;
			color:#fff;
			font:12px Arial, Helvetica, sans-serif;
			padding:8px 15px 8px 15px;
			text-decoration:none;
		}
		
		#mainnav li ul {
		position: absolute;
		border:1px solid #9BA2AA;
		border-width:0 1px 1px;
		background:#fff;
		width: 148px;
		left: -999em;
		z-index:20;
		filter:alpha(opacity=90);
		-moz-opacity:0.90;
		KhtmlOpacity:.90;
		opacity:.90;
		}
		#mainnav li:hover li, #mainnav li.sfhover li {
		background:none;
		}
		#mainnav li ul li a {
		display:block;
		width:128px !important;
		width:148px;
		background:none;
		color:#4A5768;
		text-decoration:none;
		padding:4px 10px 4px 10px;
		font-weight:normal;
		font-size:11px;
		}
		#mainnav li ul li a:hover {
		background:#848C97;
		color:#fff;
		}
		#mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li:hover ul ul ul ul, #mainnav li.sfhover ul ul, #mainnav li.sfhover ul ul ul, #mainnav li.sfhover ul ul ul ul {
		left: -999em;
		}
		#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li li li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul, #mainnav li li li.sfhover ul, #mainnav li li li li.sfhover ul {
		background-position:0 0;
		left:auto;
		}	
			
	

#img_homepage {
position:relative;
width:890px;
height:495px;
background:url(../images/image_homepage.jpg) center top no-repeat;
margin:0 auto;
}

.banner{
margin-left:10px}

#left_section {
overflow:hidden;
width:200px;
float:left;
}
#leftmenu {
margin-bottom:10px;
width:200px;
background:#fff url(../images/mbox-menu-b.png) left bottom no-repeat;
}

#leftmenu h1{
background:url(../images/mbox-menu.png) left top no-repeat;
font:bold 14px Arial, Helvetica, sans-serif;
padding:6px 0 16px 29px;
color:#fff;
text-transform:uppercase;
}
#leftmenu ul {
list-style:none;
padding:0

}
#leftmenu ul li {
}
#leftmenu li a {
display:block;
width:150px !important;
width:175px;
text-decoration:none;
background:url(../images/bullet.png) 10px 9px no-repeat;
color:#333;
padding:9px 0 5px 35px;
font:11px Arial, Helvetica, sans-serif;
border-bottom:1px solid #e6f0ff;
margin-left:7px;
text-transform:capitalize;
}
#leftmenu li a:hover {
text-decoration:underline
}

#both_section {
overflow:hidden;
float:right;
width:632px !important;
width:562px;
}
#middle_section {
}

* html #content {
font:12px Arial, Helvetica, sans-serif;
color:#333;
}
#content .module .csc-header {
background:url(../images/module-top.png) left top no-repeat;
margin:0 -20px;
padding:3px 0 7px 30px;
margin-bottom: 20px;
}
	#content h1 {
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}

	#content ul {
	padding-left:18px !important;
	padding-left:22px;
	}
	#content ol {
	padding-left:24px !important;

	padding-left:28px;

	}


#left_section .module{
background:#fff url(../images/mbox-b.png) left bottom no-repeat;
margin-bottom:10px;
}
#left_section .module .csc-header {
padding:6px 0 0px 29px;
background:url(../images/mbox-header.png) left top no-repeat;
}
	#left_section .module h1{
	text-align:left;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#fff;
	}
	#left_section .module p, #right_section .module p {
	font:11px Arial, Helvetica, sans-serif;
	padding:10px;
	line-height:15px;
	}
	
#footer_outer {
width:854px;
padding-top:25px;
text-align:center;
margin:0 auto;
color:#b5b4a4;
font:10px Arial, Helvetica, sans-serif;
background:url(../images/footer.png) left top no-repeat;
}
#footer_outer a {
color:#848C97;
text-decoration:none;
}
#footer_outer a:hover {
color:#394555;
}



#content .module{
background:#fff url(../images/module-bottom.png) left bottom no-repeat;
padding:0 20px 20px 20px;
width:580px !important;
width:620px;
}

#content .module .csc-header{
background:url(../images/module-top.png) left top no-repeat;
margin:0 -20px;
padding:3px 0 7px 30px;
}


#* {
padding:0;
margin:0;
}
img {
border:none;
}
body {
font:12px Arial, Helvetica, sans-serif;
text-align:center;
background:#fff url(../images/body-bg.png) left top repeat-x
}


#top_section {
position:relative;
width:854px;
height:167px;
background:url(../images/header.png) left top repeat-x;
text-align:left;
margin:0 auto;
}

	#mainnav {
	position:absolute;
left:220px;top:132px;
	text-align:center;
	}
	#mainnav table {
	margin:0 auto;
	text-align:left;
	}
#mainnav, #mainnav ul { /* all lists */
list-style: none;
padding:0;
}
#mainnav li {
	float:left;
}

#mainnav li.leftactive {
background:#848C97;
}
#mainnav li a {
	display:block;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	padding:7px 15px 8px 15px;
	text-decoration:none;
}

#mainnav li ul {
position: absolute;


border:1px solid #9BA2AA;
border-width:0 1px 1px;
background:#fff;
width: 148px;
left: -999em;
z-index:20;
filter:alpha(opacity=90);

-moz-opacity:0.90;
KhtmlOpacity:.90;
opacity:.90;
}
#mainnav li:hover li, #mainnav li.sfhover li {
background:none;
}
#mainnav li ul li a {
display:block;
width:128px !important;
width:148px;
background:none;
color:#4A5768;
text-decoration:none;
padding:4px 10px 4px 10px;
font-weight:normal;
font-size:11px;
}
#mainnav li ul li a:hover {
background:#848C97;
color:#fff;
}
#mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li:hover ul ul ul ul, #mainnav li.sfhover ul ul, #mainnav li.sfhover ul ul ul, #mainnav li.sfhover ul ul ul ul {
left: -999em;
}
#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li li li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul, #mainnav li li li.sfhover ul, #mainnav li li li li.sfhover ul {
background-position:0 0;
left:auto;
}	

#left_section {
overflow:hidden;
width:200px;
float:left;
}
#leftmenu {
margin-bottom:10px;
width:200px;
background:#fff url(../images/mbox-menu-b.png) left bottom no-repeat;
}

#leftmenu h1{
background:url(../images/mbox-menu.png) left top no-repeat;
font:bold 14px Arial, Helvetica, sans-serif;
padding:6px 0 16px 29px;
color:#fff;
text-transform:uppercase;
}
#leftmenu ul li {
}
#leftmenu li a {
display:block;
width:150px !important;
width:175px;
text-decoration:none;
background:url(../images/bullet.png) 10px 9px no-repeat;
color:#333;
padding:9px 0 5px 35px;
font:11px Arial, Helvetica, sans-serif;
border-bottom:1px solid #e6f0ff;
margin-left:7px;
text-transform:capitalize;
}
#leftmenu li a:hover {
color:#B41810;
}
#leftmenu li.leftactive a {
color:#B41810;
}

#both_section {
overflow:hidden;
float:right;
width:632px;
}
#middle_section {
}


	#content h1 {
	font:16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	}
	#content ul {
	padding-left:18px !important;
	padding-left:22px;
	}
	#content ol {
	padding-left:24px !important;

	padding-left:28px;
	}


.infobox-field{
width:90px;float:left;}


#top_section {
position:relative;
width:854px;
height:167px;
background:url(../images/header.png) left top repeat-x;
text-align:left;
margin:0 auto;
}
	#mainnav {
	position:absolute;
	left:220px;
	top:132px;
	text-align:center;
	}
	#mainnav table {
	margin:0 auto;
	text-align:left;
	}
#mainnav, #mainnav ul { /* all lists */
list-style: none;
padding:0;
}
#mainnav li {
	float:left;
}

#mainnav li.active {
background:#848C97;
}
#mainnav li a {
	display:block;
	color:#fff;
	font:12px Arial, Helvetica, sans-serif;
	padding:7px 15px 8px 15px;
	text-decoration:none;
}

#mainnav li ul {
position: absolute;
border:1px solid #9BA2AA;
border-width:0 1px 1px;
background:#fff;
width: 148px;
left: -999em;
z-index:20;
filter:alpha(opacity=90);
-moz-opacity:0.90;
KhtmlOpacity:.90;
opacity:.90;
}
#mainnav li:hover li, #mainnav li.sfhover li {
background:none;
}
#mainnav li ul li a {
display:block;
width:128px !important;
width:148px;
background:none;
color:#4A5768;
text-decoration:none;
padding:4px 10px 4px 10px;
font-weight:normal;
font-size:11px;
}
#mainnav li ul li a:hover {
background:#848C97;
color:#fff;
}
#mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li:hover ul ul ul ul, #mainnav li.sfhover ul ul, #mainnav li.sfhover ul ul ul, #mainnav li.sfhover ul ul ul ul {
left: -999em;
}
#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li li li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul, #mainnav li li li.sfhover ul, #mainnav li li li li.sfhover ul {
background-position:0 0;
left:auto;
}	
	
#section {
overflow:hidden;
width:834px !important;
width:854px;
background:url(../images/top-section.png) left top no-repeat;
padding:10px 10px 20px;
}
	
#left_section {
overflow:hidden;
width:200px;
float:left;
}
#leftmenu {
margin-bottom:10px;
width:200px;
background:#fff url(../images/mbox-menu-b.png) left bottom no-repeat;
}

#leftmenu h1{
background:url(../images/mbox-menu.png) left top no-repeat;
font:bold 14px Arial, Helvetica, sans-serif;
padding:6px 0 16px 29px;
color:#fff;
text-transform:uppercase;
}

#leftmenu ul li {
}
#leftmenu li a {
display:block;
width:150px !important;
width:175px;
text-decoration:none;
background:url(../images/bullet.png) 10px 9px no-repeat;
color:#333;
padding:9px 0 5px 35px;
font:11px Arial, Helvetica, sans-serif;
border-bottom:1px solid #e6f0ff;
margin-left:7px;
text-transform:capitalize;
}
#leftmenu li a:hover {
text-decoration:underline
}


#middle_section {
}
	#content_top {
	}
	#content {
	padding:0 10px;
	font:12px Arial, Helvetica, sans-serif;
	color:#333;
	}
	#content h1 {
	font:14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	}
	#content ul {
	padding-left:18px !important;
	padding-left:22px;
	}
	#content ol {
	padding-left:24px !important;

	padding-left:28px;
	}



/* typo3 */
#mailform {
margin-bottom:10px;
}
.csc-mailform {
border:1px solid #cdcdcd;
padding:15px 15px 5px 15px;
}
.csc-mailform-label {
font-weight:bold;
}
.csc-mailform-field {

padding-bottom:10px;
}
.csc-mailform label {
float:left;
font:11px Arial, Helvetica, sans-serif;
padding-top:1px;
}
.csc-mailform input, .csc-mailform textarea, .csc-mailform select {
border:1px solid #cdcdcd;
color:#333;
width:160px;
font:11px Arial, Helvetica, sans-serif;
}
* html .csc-mailform input, * html .csc-mailform textarea, * html .csc-mailform select {
border:1px solid #cdcdcd;
color:#333;
width:170px;
padding:2px 0 2px 0;
font:11px Arial, Helvetica, sans-serif;
}
.csc-mailform input, .csc-mailform textarea {
padding:1px 4px;
}
.csc-mailform option {
padding-right:6px;
}
.csc-mailform .csc-mailform-check, .csc-mailform .csc-mailform-radio {
border:none;
}
.csc-mailform .csc-mailform-radio fieldset {
border:none;
margin:0;
padding:0;
}
.csc-mailform .csc-mailform-radio legend {
display:none;
}
.csc-mailform .csc-mailform-radio input {
clear:left;
float:left;
border:none;
margin-right:5px;
}
* html .csc-mailform .csc-mailform-radio input {
margin-right:0;
}
.csc-mailform .csc-mailform-radio label {
clear:none;
float:left;
margin-bottom:10px;
padding-top:0 !important;
padding-top:2px;
}
#left_section .csc-mailform .csc-mailform-submit {
border:none;
background:url(../images/submit-leftcontent.gif) left top no-repeat;
color:#fff;
width:170px;
height:24px !important;
height:24px;
padding-top:3px;
}
#left_section #search .csc-mailform .csc-mailform-submit {
background:url(../images/submit-search.gif) left top no-repeat;
width:47px;
height:20px;
display:block;
color:#fff;
padding-top:0;
padding-bottom:3px;
}
/* end of typo3 */
#yavi{
height:25px;
background:url(../images/yavi.gif) center top no-repeat;
right:0;


text-align:center;
padding-top:30px;
}

#yavi a, #yavi p {
font:11px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
}


td.csc-uploads-fileName p{
padding:0;
}

td.csc-uploads-fileName p a{
padding:2px;
padding-left:20px;
background:url(../images/pdf.gif) left top no-repeat}

td.csc-uploads-fileName p.csc-uploads-description{
padding-bottom:10px;
padding-left:20px;}

td.csc-uploads-fileName p{
padding:0;}

#module_left #mailform{

}

#module_left .csc-mailform{
width:180px;
border:none;
}

#module_left #mailform .csc-mailform-field{
padding-bottom:6px;
width:170px;
}


#module_left #mailform input, #module_left #mailform textarea{
width:160px !important;
width:170px;
}
#module_left #mailform .csc-mailform-radio input{
width:10px;
}


#module_left #mailform label{
display:block;
float:none;
color:#666;
}


#module_left #mailform .csc-mailform-submit{
width:170px
}


#search{
width:200px;
height:18px;
margin-bottom:15px;
}

#search .csc-mailform{
border:none;
}

#search .csc-mailform, #search .csc-mailform-field{
padding:0;
float:left;

}

#search input{
width:80px;
margin-left:3px;
float:left;
}

#search .csc-mailform-submit {
width:48px;
padding:0;
border:1px solid #AF6F00;
}

#content #mailform .csc-mailform{
padding:20px 80px;
}
#content #mailform label{
width:150px;
}


#module_left #mailform .csc-mailform-radio #mailformGeinteresseerd_in input.csc-mailform-radio{
display:block;
width:10px;
}


#content ul li{
list-style-image:url(../images/bullet2.png);
padding:2px 0;}

#content .csc-mailform input {
border:1px solid #ccc;
width:228px;
}
#content .csc-mailform input.csc-mailform-submit {
height:24px;
width:238px;
display:block;
color:#fff;
font-size:11px;
background:url(../images/submit-content.gif) left top no-repeat;
margin-left:100px;
}
#content textarea {
border:1px solid #ccc;
width:228px;
}
#content label{
width:100px;
display:block;
float:left;
}