@charset "utf-8";

/* ---- -- [ CONTENT DEFAULT STYLES ] -- ---- */
	/* default font-settings of content-blocks */
	BODY, TD, TH, DIV, SPAN, P, INPUT, SELECT, TEXTAREA, STRONG, EM, B, A, 
	.cb3contentblock, 
	.cb3contentblock p, 
	.cb3contentblock a:link, 
	.cb3contentblock a:hover, 
	.cb3contentblock a:active, 
	.cb3contentblock a:visited, 
	.cb3contentblock div, 
	.cb3contentblock span, 
	.cb3contentblock strong, 
	.cb3contentblock em, 
	.cb3contentblock b, 
	.cb3contentblock i, 
	.cb3contentblock u, 
	.cb3contentblock ul, 
	.cb3contentblock ol, 
	.cb3contentblock li, 
	.cb3contentblock font, 
	.cb3contentblock input, 
	.leftvervolg,
	.cb3contentblock textarea
	{
		font-size: 12px;
		font-family:"Lucinda Sans Unicode", "Trebuchet MS","Tahoma","Helvetica","Arial",sans-serif;
	}
	
	
	.left, 
	.backendbody .leftcontent, 
	body.leftcontent,
	body.leftcontent a:link,
	body.leftcontent a:hover, 
	body.leftcontent a:active,
	body.leftcontent a:visited,
	body .leftcontent a:link,
	body .leftcontent a:hover, 
	body .leftcontent a:active,
	body .leftcontent a:visited

	{
		line-height: 100%;
		font-style:italic;
		color:#422300;
		font-weight:bold;
	}
	.backendbody .homecontent, 
	.homecontent, 
	body.homecontent, 
	body.homecontent a:link,
	body.homecontent a:hover, 
	body.homecontent a:active,
	body.homecontent a:visited,
	body .homecontent a:link,
	body .homecontent a:hover, 
	body .homecontent a:active,
	body .homecontent a:visited,
	
	.backendbody .homebottomcontent, 
	.homebottomcontent,
	body.homebottomcontent,
	body.homebottomcontent a:link,
	body.homebottomcontent a:hover, 
	body.homebottomcontent a:active,
	body.homebottomcontent a:visited,
	body .homebottomcontent a:link,
	body .homebottomcontent a:hover, 
	body .homebottomcontent a:active,
	body .homebottomcontent a:visited
	{
		line-height: 240%;
		color:#FFF;
	}
	.backendbody .vervolgcontent,
	body.vervolgcontent
	{
		line-height: 180%;
		color:#858585;
	}
	
	.cb3contentblock p
	{
	    margin-bottom:10px;
	}
	.leftvervolgwrap
	{
		margin:30px 0px 0px 0px;
	}
	.leftvervolg
	{
		color:#FFF;
		font-style:normal;
	}
		

	strong, em
	{
		font-size: auto;
	}
	
	/* default font- and color-settings of links within content-blocks */
	.cb3contentblock a:link,
	.cb3contentblock a:hover, 
	.cb3contentblock a:active,
	.cb3contentblock a:visited
	{
		color: #858585;
		/*text-decoration: underline;*/
		cursor: pointer;
	}
	
	.cb3contentblock a:hover
	{
		text-decoration: none;
	}
	
	
	.cb3contentblock a IMG
	{
        border:0px!important;
	}
	
	
	.cb3contentblock .anchor
	{
		/* 
			Disable .achor image for frontend (removes unwanted margin/padding 
			This element is re-enabled in backend... Do not remove!
		*/
		display: none;
	}
	
/* ---- -- [ TITLES ] -- ---- */
cufon,
cufon canvas {
	/*z-index:1;*/
}

.title01 {
	position:relative;
	height:30px;
	display:none;
	padding:0px;
	margin:0px;
	left:45px;
	z-index:1;
}
.vervolg .title01 {
	left:30px;
	top:42px;
	z-index:1;
}
.title01 h1, 
.title01 .shadow {
	font-size:30px;
	line-height:30px;
	font-weight:bold;
	color:#D7EBF1;
	font-style:italic;
	position:relative;
	padding:0px;
	margin:0px;
	z-index:1;
}
.title01 .shadow {
	color:#0F3D59;
	position:absolute;
	left:1px;
	top:1px;
	z-index:1;
}

.nieuws .title01 {
	left:30px;
	top:46px;
	z-index:1;
}
.nieuws .title01 h1, 
.nieuws .title01 .shadow {
	font-size:20px;
	line-height:20px;
	line-height:20px;
}




.title02 {
	position:relative;
	/*height:16px;*/
	display:none;
	padding:0px;
	margin:0px;
}
.left .title02 {
	left:55px;
}
.vervolg .left .title02 {
	left:75px;
	width:80px;
}
.title02 h1, 
.title02 .shadow {
	font-size:16px;
	line-height:16px;
	font-weight:bold;
	color:#D7EBF1;
	font-style:italic;
	position:relative;
	padding:0px;
	margin:0px;
}
.title02 .shadow {
	font-size:16px;
	font-weight:bold;
	color:#0F3D59;
	font-style:italic;
	position:absolute;
	left:1px;
	top:1px;
}

.lefttop h1 {
	font-size:12px;
	line-height:12px;
	font-weight:bold;
	color:#8c4b00;
	font-style:italic;
	position:relative;
	padding:0px;
	margin:0px;
	text-align:center;
	top:15px;
}

.smalltitleshade {/* this div gets wrapped around the titles below when cofon is in action (frontend) to make it possible for the shadow div do have an offset */
	position:relative; 
	display:inline-block; 
	width:100px;;
	height:20px;
	margin:0px;
}
	
/* ---- -- [ CLASSES RE-DEFINED FROM STYLE.CSS ] -- ---- */
	
H1, .cb3contentblock .Heading1,.
cb3contentblock .Title,
.cb3contentblock .Titles
{
	font-size:15px;
	line-height:18px;
	font-weight:bold;
	color:#D7EBF1;
}
H5, .cb3contentblock .Heading5
{
	font-size: 11px;
	line-height: 18px;
}

H4, .cb3contentblock .Heading4
{
	font-size: 12px;
	line-height: 18px;
}

H3, .cb3contentblock .Heading3
{
	font-size: 13px;
	line-height: 19px;
}

H2, .cb3contentblock .Heading2
{
	font-size: 13px;
	line-height: 20px;
	color:#033551;
}


.cb3contentblock .darkTitle,
.cb3contentblock .darkTitleShadow {
	color:#412300;
	font-weight:bold;
	font-size:16px;
	font-style:italic;
	display:block;
	line-height:20px
}
.cb3contentblock .darkTitleShadow {
	color:#FF9113;
}
.cb3contentblock .lightTitle,
.cb3contentblock .lightTitleShadow {
	color:#fff;
	font-weight:bold;
	font-size:16px;
	font-style:italic;
	display:block;
	line-height:20px
}
.cb3contentblock .lightTitleShadow {
	color:#422300;
}
.left .dividerimage {
	position:relative;
	display:block;
	height:2px;
	color:#000;
}
.dividerimage img {
	left:-10px;
	position:absolute;
}


	
.buttonbig,
.cb3contentblock .buttonbig,
.cb3contentblock a .buttonbig,
.cb3contentblock a:link .buttonbig,
.cb3contentblock a:active .buttonbig,
.cb3contentblock a:visited .buttonbig
{
	display:block;
	font-size:12px;
	color:#412300!important;
	font-style:italic;
	font-weight:bold;
	background:url(../images/buttonbig01.png) left top no-repeat;
	width:150px;
	height:20px;
	line-height:12px;
	text-decoration:none!important;
	padding:11px 0px 10px 40px;
}
.buttonbigOver, 
.cb3contentblock .buttonbigOver {
	display:block;
	font-size:12px;
	color:#412300!important;
	font-style:italic;
	font-weight:bold;
	background: url(../images/buttonbig02.png) left top no-repeat;
	width:150px;
	height:20px;
	line-height:12px;
	text-decoration:none!important;
	padding:12px 0px 9px 41px;
}




.textleft .buttonbig,
.textleft .buttonbigOver
{
	margin: 0px 0px 0px -5px;
}

/* ---- -- [ ELEMENT RESETS ] -- ---- */

	/* re-define UL element because these are overruled by the backend somewhere */
	ul
	{
		line-height: 19px;
		margin: 8px 3px 8px 15px;
		list-style: disc;
		list-style-type: disc;
	}
	
	ul li
	{
		line-height: 19px;
		margin: 0px 3px 0px 15px;
	}
	
	ul li ul /* level 2 of UL */
	{
		list-style: circle;
		list-style-type: circle;
	}

	
	/* re-define OL element because these are overruled by the backend somewhere */
	
	ol
	{
		line-height: 19px;
		margin: 8px 3px 8px 15px;
		list-style: decimal;
		list-style-type: decimal;
	}
	
	ol li
	{
		line-height: 19px;
		margin: 0px 3px 0px 15px;
	}
	
	ol li ol /* level 2 of UL */
	{
		list-style: lower-alpha;
		list-style-type: lower-alpha;
	}