@charset "utf-8";
/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Clearing floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { 
	display: inline-block;
}

/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* Layout */
body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #00007d;
}

#master {
	width: 780px;
	margin: 0 auto;
	padding-top: 28px;
}

/* Menu */
#menu {
	text-align: right;
	padding-bottom: 7px;
}

#menu ul li {
	display: inline;
	padding-right: 16px;
}

#menu ul li a {
	color: #fa6c15;
	text-decoration: none;
	font-weight: bold;
}

#menu ul li a:hover, #menu ul li.active a {
	color: #00007d;
}

/* Container */
#container {
	border: 1px solid #00007d;
	min-height: 540px;
	height: auto;
	background: url(../images/container_back.gif) 203px 92px no-repeat;
}

#leftColumn {
	width: 160px;
	padding: 0 3px 0 19px;
	background: url(../images/left_column_back.gif) right 51px no-repeat;
	min-height: 511px;
	height: auto;
	float: left;
	position: relative;
}

#rightColumn {
	width: 560px;
	padding-right: 15px;
	float: right;
}

/* Header image */
#headerImage {
	width: 560px;
	height: 113px;
	margin-bottom: 39px;
	position: relative;
}

#headerImageOverlay {
	background: url(../images/waves.png) 0 0 no-repeat;
	width: 560px;
	height: 63px;
	left: 0;
	bottom: 0;
	position: absolute;
}

/* Logo */
#logo {
	padding-bottom: 29px;
}

/* Sub menu */
ul#subMenu li {
	padding-bottom: 3px;
}

ul#subMenu li a, #klantenBox ul li a {
	color: #00007d;
	text-decoration: none;
	font-weight: bold;
}

ul#subMenu li a:hover, ul#subMenu li.active a, #klantenBox ul li a:hover {
	color: #fa6c15;
}

ul#subMenu ul {
	list-style-type: disc;
	margin-left: 14px;
	color: #7878BC;
}
ul#subMenu ul li {
	padding-bottom: 3px;
}
ul#subMenu ul li a {
	color: #7878BC!important;
	text-decoration: none;
	font-weight: bold;
}
ul#subMenu ul li a:hover {
	color: #fa6c15!important;
}

/* Info box */
#infoBox {
	border: 1px solid #5959AA;
	background: #FFF;
	position: absolute;
	width: 136px;
	padding: 2px;
	left: 19px;
	top: 215px;
}
#infoBox a {
	color: #00007D;	
}

#infoBox a:hover {
	color: #FA6C15;
}


/* Klanten box */
#klantenBox {
	border: 1px solid #fa6c15;
	background: #e5e5f2;
	position: absolute;
	width: 132px;
	padding: 4px;
	left: 19px;
	top: 400px;
}

#klantenBox ul li {
	padding-top: 2px;
}

#klantenBox ul li a {
	display: block;
	padding: 2px 1px 3px 22px;
	background-repeat: no-repeat;
	background-position: 0 2px;
}

.csc-header-n2 h1, .csc-header-n3 h1, .csc-header-n4 h1 { margin-top: 20px; padding-bottom: 5px!important; }

a.login {
	background-image: url(../images/login.gif);
}

a.aanmelden {
	background-image: url(../images/aanmelden.gif);
}

#telNumber {
	width: 137px;
	height: 12px;
	position: absolute;
	left: 19px;
	bottom: 0; 
}

/* Styles */
#content {
	padding-bottom: 20px;
}

#content p {
	padding-bottom: 15px;
}

#content h1 {
	font-size: 14px;
	padding-bottom: 22px;
}

#content h1, #content h2, #content a:hover {
	color: #fa6c15;
}

#content a {
	color: #00007d;
}

#content ul {
	padding-bottom: 15px;
}

#content ul li ul {
	padding: 3px 0 0 20px;
}

#content ul li {
	padding-bottom: 3px;
}

p.bodytext { padding-bottom: 4px!important; }
/* POWERMAIL */

.tx-powermail-pi1_fieldset { border: 0px; padding: 0px; margin: 0px; }
.tx-powermail-pi1 { border:0; }
.tx-powermail-pi1_fieldset legend{display:none;}
.tx_powermail_pi1_fieldwrap_html {display:block; width:400px; padding-left: 50px; padding-bottom: 8px; }
.tx_powermail_pi1_fieldwrap_html select.powermail_select { color: #565654; width: 338px;  border: 1px solid #cfcdc2;}
.tx_powermail_pi1_fieldwrap_html label { width:188px; float:left; line-height: 15px;}
.tx_powermail_pi1_fieldwrap_html label .powermail_mandatory{}
.tx_powermail_pi1_fieldwrap_html .powermail_mandatory_js{font-style:italic; color:#00007D;}
.tx_powermail_pi1_fieldwrap_html input.powermail_text, .tx-indexedsearch input {color: #565654; width: 338px; border: 1px solid #cfcdc2;}
.tx_powermail_pi1_fieldwrap_html textarea {color: #565654; width: 338px; border: 1px solid #cfcdc2; height:137px;}
.tx_powermail_pi1_fieldwrap_html .powermail_submit {color: #00007D;margin-left: 235px;font-size: 11px;}


/* SITEMAP */

.csc-sitemap { width: 500px; 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 { padding: 0 8px; font-weight:bold; line-height: 2em; color: #000; text-decoration: underline; }
.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; 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; font-weight: bold; }

/* NEWS */
/*** list ***/
.news-list-date {font-style: italic; float:left; margin-right: 5px}
.news-list-item h2 a { border-bottom: 1px solid #00007D; text-decoration: none; }
.news-list-item h2 a:hover {
	color: #00007D!important;
	border-bottom: 1px solid #FA6C15;
}
.news-list-item h2 {clear:both; padding-top: 10px; }
.news-list-item {padding-top: 1px; clear: both; display: block;}
.news-powered-by { padding-top:37px; }