@charset "utf-8";

/*
  ╔═══════════════════════════════════════════════════════════════════════════════════
   stylesheet_global.css
   created by : Machiel van Gelder.
   creation date: 21 April 2009.
   modified by:____Machiel_____
   modification date: 17-06-2009
   ===================================================================================
    
   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 ] -->
   ═══════════════════════════════════════════════════════════════════════════════════
*/


/*___________________________________________________
                  GLOBAL DESIGN CSS 
_____________________________________________________
****************************************************/

/* ---------- [ BODY / HTML elements ] ---------- */

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

BODY
{
	background: #fff url(../images/bg_main.jpg) repeat-x 0px 0px;
	overflow-y: scroll;
	overflow-x: hidden;
	text-align: center; /* centers the site in the screen */
}

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

HTML, BODY, TABLE, INPUT, SELECT, TEXTAREA
{   
    font-size:12px; /* this will be defined as 1 em */
    font-family: Arial, Tahoma, Verdana, sans-serif;
    line-height: 1.33em;
	letter-spacing: normal;
	color: #000000;
}

/* ---------- [ Link definition ] ---------- */

a:link,	a:hover, a:active, a:visited, /* standard link */
.cb3contentblock a:link, .cb3contentblock a:active, .cb3contentblock a:visited /* inside the editor */
{
	text-decoration: underline;
	cursor: pointer;
	color: #3898b0;
}

a:hover,
.cb3contentblock a:hover
{
	text-decoration: none;
	color: #3898b0;
}

/* ---------- [ Tooltip class ] ---------- */

a.info:link, a.info:active,	a.info:visited
{ 
    /*z-index: 24;
    position: relative;*/
}  

    a.info span /* initially hide */
    { 
	    display: none;
    }
    	
    a.info:hover span  /* display on hover */
    { 
	    z-index: 25;
	    display:block; 
	    position:absolute; 
	    top:1em; 
	    left:3em; 
	    background-color:#305584; 
	    color:#ffffff; 
	    font-size: 0.92em; 
	    line-height: 1.33em;
	    padding:3px; 
	    text-decoration:none;
    }	


/* ---------- [ Element definition ] ---------- */


#wrapper, TABLE, TH, TD, DIV, SPAN
{
    text-align: left; /* resets the alignment to left for every element within the wrapper, can be overruled cascading */
    vertical-align: top;
}

P
{
    margin-bottom: 1.33em !important;
}

hr
{
	display: block;
	height: 1px;
	border-bottom: 1px solid #000000;
	margin: 1em 0;
}	

ul 
{
    margin-left: 1em;
    margin-bottom: 1.33em;
    list-style-image:none;
    list-style-position:inside;
    list-style-type:disc;
}

ol
{
    margin-left: 1em;
    margin-bottom: 1.33em;
    list-style-image:none;
    list-style-position:inside;
}

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

IMG.imgLeft
{
    margin: 0px 5px 5px 0px;
}
IMG.imgCenter
{
	DISPLAY: block;
	text-align:center;
	margin:0px auto;
}
IMG.imgRight
{
    margin: 0px 0px 5px 5px;
}
body.CenterContent, .CenterContentWrapper .CenterContent
{
	background:transparent;
}

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

.clear
{
    display: block;
    height:1px;
    clear:both;
}

.veld, .withWatermarkClass
.radInput_Default INPUT,
TEXTAREA, .form_field, .form_dropdown, .area
{
    font-size: 1em;
    color: #000000;
    border: 1px #7d7d7d solid;
    background: #ffffff url(../images/bg_field.jpg) repeat-x left top;
    line-height: 21px;
}

.veld, .withWatermarkClass
{
    height: 21px;
}

.area
{
	overflow: auto;
}

/*___________________________________________________
             CUSTOM DESIGN CSS 
_____________________________________________________
****************************************************/


/* ---------- [ Page Layout ] ---------- */
	
DIV#wrapper
{
    width: 100%;
    background: transparent url(../images/bg_header.jpg) no-repeat center top;;
	margin: 0; padding:0;
	text-align:center;
}

DIV#header
{
	width:960px;
	height: 87px;
	margin:0 auto;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 0% 0%;
}

TABLE#container
{
    width: 960px;
    margin:0 auto;
	border-collapse: collapse;
	background: transparent;
}

    TD#left
    {
	    width: 180px;
	    background: transparent;
    }
    	
    TD#content
    {
        #width: 540px;
        padding: 20px 0px 20px 30px;
    }

    TD#right
    {
	    width: 220px;
	    background: transparent;
    }

DIV#footer
{
	height: 30px;
	line-height: 30px;
	color: #ffffff;
	text-align: left;
	background: #ffae00;
	padding-left: 20px;
}


DIV#footer .copyright
{
    display:block;
    float: right;
    margin-right: 20px;
    height: inherit;
    line-height:inherit;
    font-size: 0.92em;
    color: inherit;
}

TD#right .rightlinks
{
    display:block;
    float: right;
    text-align: right;
    margin-right: 20px;
	height: 30px;
	line-height: 30px;
    font-size: 0.92em;
    color: #898989;
}

TD#right .rightlinks a:link, TD#right .rightlinks a:hover, TD#right .rightlinks a:visited, TD#right .rightlinks a:active
{
    color: #898989;
}

/* ---------- [ Specific ] ---------- */

DIV.breadcrumbs
{
	height: 20px;
	font-size: 0.83em;
	color: #000;
}

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

    DIV.breadcrumbs a:link, DIV.breadcrumbs a:visited, DIV.breadcrumbs a:hover, DIV.breadcrumbs a:active
    {
	    color: #000000;
	    font-size: 1em; /* this inherits the font-size defined in the parent element */
    }
	
.PageTitle
{
    color: #fff;
    background: #ffad01 url(../images/bg_pagetitle.jpg) repeat-x bottom left;
    display: block;
	font-size: 1.17em;
	line-height: 1.67em;
	height: 1.67em;
	margin-bottom: 15px;
	font-weight: bold;
	width: 100%;
	overflow: hidden;
	padding-left:5px;
}

.title
{
	font-size: 1em;
	height: 1.33em;
	font-weight: bold;
}

.IntroText
{
	display: block;
	font-weight: bold;
}

.LiteText,.DateModified
{
    font-size: 0.83em;
	color: #908f92;
	font-weight: lighter;
}

    .DateModified
    {
        display: block;
        clear: both;
        margin-top: 10px;
    }
    	
        .DateModified .date
        {
	        color: #000000;
	        font-size: 1em; /* this inherits the font-size defined in the parent element */
        }

/*___________________________________________________
                 CONTENT BLOKKEN
_____________________________________________________
****************************************************/

/* ---- Global -----*/

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

    /* 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:1px;
        padding-top: 1px;
    }
    
    .EContentBordered P
    {
        border: 1px dotted #a5acb2;
    }

.cb3contentblock
{
    font-size:12px; /* this will be defined as 1 em */
    font-family: Arial, Tahoma, Verdana, sans-serif;
    line-height: 1.33em;
	letter-spacing: normal;
	color: #000000;
}


/* ----  Custom ContentBlocks  -----*/


.LeftContent /* The names of these blocks can be made custom. Fill in anything you like and as much as you want. */
{

}

.CenterContentWrapper 
{
    padding:0px!important;
    width:505px;
}

    .CenterContent 
    {
    }

.HomeRightContent, .RightContent, #outerHTMLDiv_HomeRightContent
{
    background: transparent!important;
}

.HomeRightContent
{
    padding-left:15px;
    padding-bottom:20px;
}


.HomeRightContent p {
	float:none!important;
	clear:both!important;
	margin:0px!important;
}
td.homeright {
	padding-top:58px;
}



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

H1, .cb3contentblock .Heading1
{
    font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 1.17em;
	font-weight: bold;
	line-height: 1.67em;
	color: #3898b0;
}

H2, .cb3contentblock .Heading2
{
    font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 1.17em;
	font-weight: bold;
	line-height: 1.67em;
	color: #bc2020;
}

H3, .cb3contentblock .Heading3
{
    font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 1.17em;
	font-weight: bold;
	line-height: 1.67em;
	color: #ffae00;
}
H4
{
    font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 1.17em;
	font-weight: bold;
	line-height: 1.67em;
	color: #4A9C30;
}
H5
{
    font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size: 1.17em;
	font-weight: bold;
	line-height: 1.67em;
	color:#000;
}


.cb3contentblock .Titel
{
    font-family: Arial, Tahoma, Verdana, sans-serif;
	font-size:1em;
	font-weight:bold;
	line-height: 1.336em;
	color: #3898b0;
}

/* ---------- [ 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;
}

    .LeftContent P
    { float:none;  }