@charset "utf-8";

/*
  ╔═══════════════════════════════════════════════════════════════════════════════════
   stylesheet_global.css
   created by : Machiel van Gelder.
   creation date: 21 April 2009.
   modified by:____________________
   modification date: __ ________ ____
   ===================================================================================
    
   This css is used to define the standard html classes and custom css for the design.
   ===================================================================================
   Page layout items are described in the template as <!-- [ example ] -->
   ═══════════════════════════════════════════════════════════════════════════════════
*/

/* ---------- [ Standard HTML elements ] ---------- */

BODY, HTML
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height: 100%;
}

BODY
{
	background: #aad2ee url(../images/bg_site.jpg) repeat-x top center;
	overflow-x: hidden;
	text-align: center;
}

a:link,	a:hover, a:active, a:visited, .cb3contentblock a:link, .cb3contentblock a:active, .cb3contentblock a:visited
{
	color: #0079aa;
	text-decoration: underline;
	cursor: pointer;
}

a:hover, .cb3contentblock a:hover
{
	color: #0079aa;
	text-decoration: none;
}

hr
{
	display: block;
	height: 1px;
	border-bottom: 1px solid #97c6e5;
	margin: 16px 0px;
}	

/* ---------- [ Font definition ] ---------- */

BODY, TD, TH, DIV, SPAN, STRONG, P, INPUT, SELECT, TEXTAREA, A
.cb3contentblock, .cb3contentblock p, .cb3contentblock a, .cb3contentblock div, .cb3contentblock span, .cb3contentblock strong, .cb3contentblock em, .cb3contentblock i, .cb3contentblock u, .cb3contentblock ul, .cb3contentblock ol, .cb3contentblock li, .cb3contentblock font, .cb3contentblock input, .cb3contentblock textarea
{   
    font-family: Verdana, Arial, Sans-Serif;
    font-size:12px;
    line-height: 1.33em;
	letter-spacing: normal;
}

TD, TH, DIV, SPAN, STRONG, INPUT, SELECT, TEXTAREA, A
{
    text-align: left;
    vertical-align: top;
}

P, .cb3contentblock P
{
    margin-bottom: 1.33em;
    color: #005072;
    line-height: 2em;
    letter-spacing: 0.5px;
}

.cb3contentblock
{
    border-bottom: 1px solid #97c6e5;
    color: #005072;
}

/* ---------- [ Overrides ] ---------- */


.ContentItemContainer, P, .cb3contentblock P
{

}

* blockquote, blockquote *, blockquote blockquote *
{
    padding-left: 10px;
}

.clear
{   clear:both;
    font-size: 1px!important;
    line-height:1px!important;
    height:1px !important;
    overflow:hidden;
    margin-bottom:-1px;
}

/*table.CB3EditorTable 
{   border:0px solid #fff!important;
    width:100%;
    margin: 0px;
    padding:0px;
    table-layout: fixed;
}

table.CB3EditorTable TD, table.CB3EditorTable TR 
{
    margin: 0px;
    padding:0px;
}

table.CB3EditorTable a.info
{
    margin-top: 10px;
    display:block;
    font-size: 0.92em;
}*/

/* ---------- [ Headings used for frontend as defined in "style.css"  ] ---------- */

.cb3contentblock .Heading1, H1
{
	/*display: block;*/
	font-size: 2em;
	line-height: 1.5em;
	/*height: 1.5em;*/
	font-weight: bold;
	/*overflow: hidden;*/
	color: #e12f29;
    font-family: Trebuchet MS, Tahoma;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px solid #97c6e5;
	margin-bottom: 20px;
}

.cb3contentblock .Heading2, H2
{
	font-size: 1.17em;
	line-height: 1.5em;
}

.cb3contentblock .Heading3, H3
{
	font-size: 0.8em;
	line-height: 1em;
}

H4
{
	font-size: 0.7em;
	line-height: 0.9em;
}

H5
{
	font-size: 0.6em;
	line-height: 0.8em;
}

.cb3contentblock .Titel
{
	margin-bottom:1.33em;
	font-size:1em;
	font-weight:bold;
	color: #0079aa;
}


/* ---------- [ Page Layout ] ---------- */

TD.percentage_wrapper
{
width: 33%;
}

TD.sideleft
{
    background: transparent url(../images/sideleft.jpg) no-repeat right top;
}

TD.center
{
    padding-bottom: 146px;
    background: transparent url(../images/center.jpg) no-repeat right bottom;
}

TD.sideright
{
    background: transparent url(../images/sideright.jpg) no-repeat left bottom ;
}
	
DIV#wrapper
{
    width: 960px;
    background: transparent;
	margin: 0px auto 0px auto;
}

DIV#header
{
	height: 90px;
	background-color: transparent;
	background-repeat: no-repeat!important;
	background-position: 0% 0%;
}

TABLE#container
{
    width: 960px;
	border-collapse: collapse;
	background: transparent url(../images/container_bg.jpg) no-repeat top left;
}

TD#left
{
    font-family: Trebuchet MS, Tahoma;
	width: 256px;
	background: transparent url(../images/hoofdmenu_bg.png) repeat-y top left;
}
	
TD#content
{
	background: #fff;
	padding: 0px 10px 30px 30px;
    #padding: 0px 35px 30px 30px;
}

TD#content .cb3contentblock
{
    width: 422px;
    #width: 444px;
    border-bottom: 0px;
    overflow:hidden;
}

TD#puzzlemap
{
	background: #fff;
	padding: 0px 10px 30px 30px;
}

TD#puzzlemap .cb3contentblock
{
    width: 262px;
    border-bottom: 0px;
    overflow:hidden;
}


TD#homecontent
{
	background: #fff;
    padding: 0px 35px 30px 30px;
}

TD#homecontent .cb3contentblock
{
    border-bottom: 0px;
}

TD#fullcontent
{
	background: #fff;
    padding: 0px 35px 30px 30px;
}

TD#right
{
	padding: 64px 35px 30px 0px;
	background: #fff url(../images/bottom_ro.gif) no-repeat bottom right;
}

TD#homeright
{
	padding: 0px 35px 30px 0px;
	background: #fff url(../images/bottom_ro.gif) no-repeat bottom right;
	vertical-align: top;
}

TD#homeright .cb3contentblock
{
    width: 262px;
    border-bottom: 0px;
}

DIV.breadcrumbs
{
	height: 20px;
	margin-bottom: 10px;
	font-size: 0.92em;
	color: #0079aa;
}

    DIV.breadcrumbs SPAN
    {
        font-size: 1em; /* this inherits the font-size defined in the parent element */
    }

    DIV.breadcrumbs a
    {
	    color: #e12f29!important;
	    font-size: 1em; /* this inherits the font-size defined in the parent element */
    }
	
DIV#footer
{
	height: 31px;
	line-height: 31px;
	color: #ffffff;
	text-align: center;
	background: url(../images/bg_footer.jpg) no-repeat top left;
}


/* ---------- [ Default Content classes ] ---------- */

IMG.imgLeft
    {
    margin: 0px 5px 5px 0px;
    }
    
IMG.imgCenter
    {
    display: block;
    text-align:center;
    margin:0px auto;
    }
    
IMG.imgRight
    {
    margin: 0px 0px 5px 5px;
    }
    
    
.cb3contentblock
{
    background:#FFF; 
    background-color:#FFF;
    height: auto!important;
}


SPAN#center
{
    display:none;
}

.WrapText
{
    padding: 0px; /* this is the default padding for the contentblock, please define custom classes for custom contentblocks */
}

.functionpadding 
{
    /*padding-right: 25px;*/
    #padding-right:0px;
}
    /* making the inside editor text look the same as when outside the editor  this is the padding used in 'WrapText' + 2px for the border*/
    .EContentBordered
    {
        text-align: left;
        padding-right:0px;
        padding-top: 1px;
    }
	
.PageTitle
{
    display: block;
	font-size: 2em;
	line-height: 1.5em;
	height: auto;
	font-weight: bold;
/*	overflow: hidden;*/
	color: #e12f29;
    font-family: Trebuchet MS, Tahoma;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	border-bottom: 1px solid #97c6e5;
	margin-bottom: 20px;
}

.IntroText
{
	display: block;
	font-weight: bold;
	padding: 0px 0px 5px 0px;
	color: #005072;
}

.LiteText
{
    font-size: 0.92em;
	color: #0079aa;
	font-weight: lighter;
	line-height: 1.33em;
	display:block;
	margin: 5px 0px;
	text-align: left;
	padding: 0px!important;
	text-indent: 0px !important;
}
	
    .LiteText .datemodified
    {
	    color: #afd2ea;
	    font-weight: bold;
	    font-size: 1em; /* this inherits the font-size defined in the parent element */
    	line-height: 1.33em;
    }

.hide
{
    display: none;
    height:1px;
    font-size:1px;
}

.area
{
	font-size: 1em;
	overflow: auto;
	border: 1px #9cc9e6 solid;	
}

.veld,
.radInput_Default INPUT,
.form_field, .form_dropdown
{
	font-size: 1em;
	border: 1px #9cc9e6 solid;
    font-size: 12px;
    color: #0079aa;
    background-color: transparent;
}

textarea
{
	color: #0079aa;
}
	
/* re-define UL element because these are overruled by the backend somewhere */
ul
{
	margin: 0;
	list-style: disc;
	list-style-type: disc;
}

ul li
{
	margin: 0px 0px 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
{
	margin: 0 0 0 10px;
	list-style: decimal;
	list-style-type: decimal;
}

ol li
{
	margin: 0px 0px 0px 15px;
}

ol li ol /* level 2 of UL */
{
	list-style: lower-alpha;
	list-style-type: lower-alpha;
}



/* ---------- [ custom Link classes ] ---------- */

a.info:link, a.info:active,	a.info:visited
{ 
	position:relative; 
	z-index:24;
}
	  
a.info:hover 
{ 
	z-index:25; 
}
	
    a.info span 
    { 
	    display: none; 
	    font-weight: normal;
    }
    	
    a.info:hover span 
    { 
	    display:block; 
	    position:absolute; 
	    top:1.33em; 
	    left:2em; 
	    width:20em; 
	    border:1px #ADADAD solid; 
	    background-color:#EAECEE; 
	    color:#343434; 
	    font-size: 1em; 
	    line-height: 17px;
	    padding:5px; 
	    text-decoration:none; 
    }	


/* ---------- [ Extra: Fixes for editor ] ---------- */



/* Disable .anchor image for frontend (removes unwanted margin/padding)	This element is re-enabled in backend... Do not remove!	*/	
.cb3contentblock .anchor
{
    display: none;
}