* {margin: 0; padding: 0}
a img {border:0}
html,body {
	width: 100%; height: 100%; background-color: #FFF;
}
html {
	font-size: 10px;
}
body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	line-height: 1.8em;
	letter-spacing: 0.3px;
	text-align: center;
	color: #003366;
}

/* ******** Menu ********** */

#menu {
	width: 20.9em;
	font-weight: bold;
}
#menu ul {
	margin-top: 2.172em;
	list-style: none;
	font-size: 1.1em;
}
#menu ul ul {
	margin: 0 0 0 1.3em;
	font-size: .9em;
}
#menu li {
	margin-top: -1px;
	line-height: 1.8em;
}
#menu li a {
	position: relative;
	text-transform: lowercase;
	padding-left: 2em;
	color: #0073AC;
	#zoom: 1;
	display: block;
	border: 1px solid;
	#border-color: #0073AC;   /* kleurwijziging bij rollover werkt niet helemaal in IE */
}
#menu a.current,
#menu li a:hover {
	color: #C00;
	z-index: 2;
	xbackground: #FCC;
}
#menu a span {
	font-size: .9em;
}
#menu .blokhoofd {
	position: absolute;
	top: 0;
	width: 75.4em;   /*  (20.9+54.5)/1.3-1.7 = 56.3  */
}
.blokhoofd a {
	text-transform: lowercase;
	color: #FFF;
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 1.7em;
	line-height: 1.8em;
	display: block;
	#zoom: 1;
	width: 14.36em;
}

/* ******** Menu / Categorien ********** */

.stichting {
	background: #E60004 url(corner-tl-red.gif) no-repeat top left;
}
.stichting a {
	border-color: #C00;
}
.register {
	background: #0073AC url(corner-tl-blue.gif) no-repeat top left;
}
.register a {
	border-color: #0073AC;
}
.beleggers {
	background: #396 url(corner-tl-green.gif) no-repeat top left;
}
.beleggers a {
	border-color: #396;
}

#categorien .blokbody a {
	color: #003;
	display: block;
	#zoom: 1;
	padding: 1em 1.2em 1.3em 2em;
	background: #FFF;
	border-width: 0 1px 1px 1px;
	border-style: solid;
}

/* ******** Breadcrumb ********** */


#breadCrumb {
	margin: 2.8em 2em 1.4em 2em;
	color: #0073AC;
	text-transform: lowercase;
	position: relative;
	z-index: 2;
}
#breadCrumb a {
	font-weight: normal;
	color: #0073AC;
}

/* ******** Layout ********** */

#center {
	width: 96.4em;
	margin: 0 auto;
}
#container {
	position: relative;
	width: 96.4em;
	min-height: 100%;
	padding: 0 .8em;
	text-align: left;
	_height: 100%;
	background: #FFF url(stvbg.jpg) no-repeat top left fixed;
	float: left;
}
#header {
	position: relative;
	height: 93px;
	width: 100%;
}
#header img {
	position: absolute;
	top: 17px; left: 8em;
	width: 410px;
	height: 65px;
}
#textResizer {
	position: absolute;
	top: -3em;
	right: 1.2em;
	border-bottom: 2px dotted #005288;
	padding: 54px 0 2px 0;
	line-height: 1.4em;
	letter-spacing: .048em;
	text-align: right;
}
#textResizer a {
	color: #005288;
	font-weight: bold;
	text-transform: lowercase;
	text-decoration: none;
}
#textResizer a:hover {
	color: #005288;
}
#topMenu {
	position: absolute;
	bottom: 6px;
	right: 0;
}
#containerLeft {
	position: relative;
	width: 20.9em;
	float: left;
}
#containerNormal {
	position: relative;
	width: 54.5em;
	float: left;
}
#transparant {
	position: absolute;
	top: 2.35em; left: 0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	z-index: 1;
}
#containerRight {
	width: 20.9em;
	float: left;
}

/* ******** Content general ********** */

.clearer {
	width: 100%;
	clear: both;
}

/* ********** Mail form layout ********** */

#container fieldset {
	border:0;
}
#container .csc-mailform-field {
	padding: .5em 0;
}
#container .csc-mailform-field input,
#container .csc-mailform-field textarea {
	border: 1px solid #0A5896;
	padding: .05em .2em .1em .2em;
	display: block;
	width: 98%;
	clear: both;
}
#container .csc-mailform-field label {
	border: 0;
}
#container .csc-mailform-field input.csc-mailform-check {
	display: inline;
	border: 0;
	width: auto;
	#height: 1.4em;
}
#container .csc-mailform-field .csc-mailform-submit {
	border: 1px solid #0A5896;
	font-weight: bold;
	font-size: 1em;
	margin: 1em 0;
	padding: .05em 1.2em .1em 1.2em;
	#padding: 0;
	width: auto;
}

/* ******** Uplink using image replacement ********** */

.csc-linkToTop {
	text-align: right;
	margin: .5em 0 1em auto;
	position: relative;
	width: 78px;
	height: 34px;
	overflow: hidden;
}
.csc-linkToTop span {
	display: block;
	position:absolute; left:0; top:0; z-index:1;
	width: 78px;
	height: 34px;
	background: url("uplink.gif") top right no-repeat;
}

/* ******** Content (Middle column) ********** */

#contentNormal {
	font-size: 1.1em;
	padding: 0 2em;
	z-index: 1;
	position: relative;
}
#contentNormal .bodytext {
	padding-bottom: 1em;
}
#contentNormal .csc-header-date {
	margin-bottom: 0em;
	font-weight: bold;
}
#container a {
	text-decoration: none;
}
#containerNormal a:hover {
	text-decoration: underline;
}
#container .csc-firstHeader {
	font-size: 1.3em;
	padding-bottom: .7em;
	letter-spacing: 0.07em;
}
#container h1 {
	font-size: 1.1em;
	padding-top: .3em;
}

#container h2 {
	font-size: 1.1em;
	padding-top: .3em;
	color: #0073AC;
}
#container .uitgelicht h1 {
	font-size: 1.1em;
	color: #CE0A0B;
	margin: 1.6em -1.818em;
	padding: .11em 1.8em .2em 1.8em;
	border: 1px solid #CE0A0B;
	#zoom: 1; /* obscure IE6/7 'feature'... border-top invisible on firstHeader when hasLayout=false... */
}
#container .uitgelicht h1 a {
	color: #CE0A0B;
}

#container h3,
#container h4,
#container h5 {
	font-size: 1em;
}
#contentNormal a {
	color: #8B0000;
}
#contentNormal ul {
	padding: 0;
}
#contentNormal ul {
	list-style: none;
}
#contentNormal ul li {
	background: url(/fileadmin/template/bulletgroot.gif) no-repeat .7em .7em;
	padding-left: 2em;
}
#contentNormal ul ul li {
	background: url(/fileadmin/template/bulletklein.gif) no-repeat .75em .7em;
}
#contentNormal ol {
	padding: 0 0 .7em 2em;
	#padding: 0 0 .7em 2.5em;
}
#contentNormal img {
   border: 0;
}

#contentNormal table.register-beoordeling {
	padding: 1em 0;
	float: left;
	width: 100%;
	border-color: #A5C4ED;
	border: 1px dashed;
}
#contentNormal table th{
	background-color: #00A0F2;
	color: White;
	font-weight: bold;
	font-size: 90%;
	text-align:left;
	vertical-align: top;
}

#contentNormal table td {
	background-color: #F0F8FF;
	font-size: 90%;
	text-align:left;
	vertical-align: top;
}

/* ******** Anchor list (csc-menu) ********** */

#contentNormal .csc-menu {
	list-style: none;
	margin: .8em 0 1.4em 0;
}
#contentNormal .csc-menu li {
	background: none;
}
#contentNormal .csc-menu a {
	color: #0073AC;
}

/* ******** Left column ********** */

#imageLeft {
	zposition: relative;
	zwidth: 100%;
	width: 20.9em;
	height: 16.2em;
}
#imageLeft img {
	width: 20.9em;
}
#imageLeft embed {
	width: 20.9em;
	height: 16.2em;
}
#contentLeft {
}

#contentLeft .csc-firstHeader a {
	color: #FFF;
	background: #C00;
	zpadding-left: 70px;
}
#contentLeft .csc-firstHeader a:hover {
	color: #E06685;
}
#contentLeft .bodytext {
	padding: 7px 5px 1.4em 10px;
	margin-left: 70px;
	color: #C03;
	zfont: italic bold 1.2em/1.8em Arial, Helvetica, sans-serif;
	zletter-spacing: 0.04em;
}
#contentLeft a {
	color: #C03;
}
/* ******** Right column ********** */

#contentRight .csc-firstHeader a {
	color: #FFF;
	background: #00AEEF;
	padding-left: 30px;
}
#contentRight .csc-firstHeader a:hover {
	color: #8CDAF8;
}
#contentRight .bodytext {
	padding: 11px 25px 1em 0;
	zmargin-left: 30px;
	line-height: 1.75em;
}

/* ******** topMenu (contact/disclaimer) ********** */

#topMenu ul {
	list-style: none;
}
#topMenu li {
	ztext-align: right;
	float: right;
	padding-right: 1.2em;
}
#topMenu a {
	color: #005288;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
#topMenu a.active,
#topMenu a:hover {
	color: #E60004;
}