@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: #ffffff;
	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, Verdana, Tahoma, 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 */
{
	color: #000000;
	text-decoration: underline;
	cursor: pointer;
}

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

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

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

    a.info span /* initially hide */
    { 
	    display: none;
    }
    	
    a.info:hover span  /* display on hover */
    { 
        width:150px;
	    z-index: 25;
	    display:block; 
	    position:absolute; 
	    top:1em; 
	    left:3em; 
	    background-color:#522084; 
	    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;
    list-style-image:none;
    list-style-position:inside;
    list-style-type:disc;
}

ol
{
    margin-left: 1em;
    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;
}

.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
{
    line-height:23px;
    font-size:0.9em;
    border: 1px solid #737173;
    background-color: #ffffff;    
    background-image:url(../images/field_bg.gif);
    background-position:top left;
    background-repeat:repeat-x;    
}

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

.area
{
	overflow: auto;
}

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


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

.container
{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    padding:8px 0px 20px 0px;
}
/* --- header --- */

.header
{
    width:960px;
    height:271px;
    background-image:url(../images/header_bg.gif);
    background-position:top left;
    background-repeat:no-repeat;
}

.logo
{
    display:block;
    height:170px;
    width:370px;
    float:left;
    clear:left;
}

.clickarea_container
{
    width:172px;
    height:170px;
    padding-right:52px;
    float:right;
    clear:right;
}

.clickarea
{
    display:block;
    height:100px;
    width:120px;
    float:right;
}

.main_container
{
    width:960px;
    background-image:url(../images/content_bg.gif);
    background-position:top left;
    background-repeat:repeat-y;    
}

.main_container_home
{
    background-image:url(../images/content_home_bg.gif) !important;
}

.main_container_inner
{
    padding:0px 8px 19px 26px;
}

.rightcolumn
{
    width:208px;
    float:right;
    text-align:left;
    background-image:url(../images/bg_rightcolumn_txt.gif);
    background-position:18px 32px;
    background-repeat:no-repeat;
}

.rightcolumn_inner
{
    padding:75px 12px 0px 22px;
    color:#ffffff;
}

DIV.rightcolumncontent, BODY.rightcolumncontent
{
    color:#ffffff !important;
	background:#572381;
}

DIV.rightcolumncontent A, BODY.rightcolumncontent A
{
    color:#ffffff !important;
}

.subs_column
{
    width:200px;
    float:left;
    margin-bottom:20px;
    background-color:#d7d7d7;
}

.content_column
{
    width:490px;
    margin-bottom:20px;
    float:left;
}

.content_column_inner
{
    padding:0px 0px 0px 10px;
}


/* ------ home block styles -------  */

.home_content
{
}

.home_block
{
    height:300px;
    width:308px;
    margin-top:8px;
    float:left;
    vertical-align:top;
}

.home_block_container
{
    height:300px;
    width:300px;
    clear:both;
	overflow:inherit;
}

.home_block_container_inner
{
    margin:15px 15px 24px 15px;
    line-height:18px;
    vertical-align:top;
    align:left;
}


/* home block colors */
DIV.home_block_1, body.home_block_1
{
    background-color:#f175ba;
    color:#ffffff !important;
    line-height:18px;
}

DIV.home_block_2, body.home_block_2
{
    background-color:#85d4f6;
    line-height:18px;
}

DIV.home_block_3, body.home_block_3
{
    background-color:#c9b9d7;
    line-height:18px;
}


DIV.home_block_4, body.home_block_4
{
    background-color:#00a6ec;
    color:#ffffff !important;
    line-height:18px;    
}

DIV.home_block_5, body.home_block_5
{
    background-color:#572381;
    color:#ffffff !important;
    line-height:18px;
}

DIV.home_block_5 A, body.home_block_5 A
{
    color:#ffffff !important;
}

DIV.home_block_6, body.home_block_6
{
    background-color:#e60080;
    color:#ffffff !important;
    line-height:18px;
}

DIV.home_block_6 A, body.home_block_6 A
{
    color:#ffffff !important;
}

DIV.home_block_7, body.home_block_7
{
    background-color:#c9b9d7;
    line-height:18px;
}

DIV.home_block_8, body.home_block_8
{
    background-color:#f27fbf;
    line-height:18px;
}

DIV.home_block_9, body.home_block_9
{
    background-color:#00a6ec;
    color:#ffffff !important;
    line-height:18px;
}

DIV.home_block_9 A, body.home_block_9 A
{
    color:#ffffff !important;
}

DIV.home_block_1 .Titel, 
body.home_block_1 .Titel, 
DIV.home_block_4 .Titel, 
body.home_block_4 .Titel, 
DIV.home_block_5 .Titel, 
body.home_block_5 .Titel, 
DIV.home_block_6 .Titel, 
body.home_block_6 .Titel, 
DIV.home_block_9 .Titel, 
body.home_block_9 .Titel
{
    color:#ffffff !important;
}

/* images in home blocks */

.home_block_container_inner IMG.imgLeft
{
    margin: 0px 0px 0px 0px !important;
}
.home_block_container_inner IMG.imgCenter
{
    margin: 0px !important;
}
.home_block_container_inner IMG.imgRight
{
    margin: 0px 0px 0px 0px !important;
}

/* document & link overview in home blocks */
.home_block_container_inner .cb3Module_DocumentOverview, .home_block_container_inner .cb3Module_LinkOverview
{
    width:auto !important;
}



.footer
{
    height:30px;
    width:960px;
    clear:both;
    background-image:url(../images/footer_bg.gif);
    background-position:bottom left;
    background-repeat:no-repeat;
}

.footermenu_container
{
    width:740px;
    height:20px;
    float:left;
}

.footer_logout_container
{
    width:226px;
    height:20px;
    float:left;
    text-align:left;
}

.footer_logout_container .button
{
    margin-left:20px;
    height:21px !important;
    color:#ffffff !important;
    padding:0px 0px 0px 0px !important;
    background-color:#e70084;
    font-weight:normal;
    font-size:0.8em;
    line-height:18px !important;
}

.footermenu_container_inner
{
    float:left;
    padding:0px 0px 0px 0px;
}

.siteby
{
    font-size:0.8em;
    width:198px;
    float:right;
    text-align:left;
    color:#ffffff;
    line-height:18px;
}

.siteby A
{
    color:#ffffff !important;
}


/* --- infobank / dossiers -- */

#infobank, #searchframe
{
	width: 100%;
	height: 600px;
	clear: both;
	display: inline;
}

#infobank
{
    height:2500px;
}


/* --- search container -- */

.seach_container
{
    width:212px;
    float:right;
    text-align:left;
}

.search_container_inner
{
    padding:0px 18px 0px 0px !important;
}

.search_container .search_field
{
    float:right;
    height:23px;
    width:109px;
    border-collapse:collapse;
    border:none;
    background-image:url(../images/search_field_bg.gif);
    background-position:top left;
    background-repeat:no-repeat;
    line-height:23px;
    text-indent:3px;
    font-size:0.9em;
}

.search_container .search_button
{
    float:right;
    height:23px;
    width:82px;
    border-collapse:collapse;
    border:none;
    background-image:url(../images/search_button_bg.gif);
    background-position:top left;
    background-repeat:no-repeat;
    cursor:pointer;
}



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

.pagetopcontainer
{
    height:25px;
    width:710px;
    float:left;
    clear:both;
    border-bottom:1px solid #000000;
    margin-top:32px;
    margin-bottom:18px;
}

.pagetitle
{
    width:420px;
    height:25px;
    line-height:20px;
    float:left;
    overflow:hidden;
    font-size:1.2em;
    text-indent:8px;
    font-weight:bold; 
}

.breadcrumbs
{
    width:290px;
	height: 20px;
    overflow:hidden;
    float:right;
    text-align:right;
	font-size: 0.92em;
}

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

    .breadcrumbs a:link, .breadcrumbs a:visited, .breadcrumbs a:hover, .breadcrumbs a:active
    {
	    color: #572381;
	    font-size: 1em; /* this inherits the font-size defined in the parent element */
    }
	


.IntroText
{
	display: block;
	font-weight: bold;
	margin-bottom:2em;
}


/*___________________________________________________
                 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
    {
    }

.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;
	background:#FFF;
}



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

.cb3contentblock .Heading1, .cb3contentblock h1
{
	font-size: 2em;
	font-weight: bold;
	line-height: 3em;
}

.cb3contentblock .Heading2, .cb3contentblock h2
{
	font-size: 1.66em;
	font-weight: bold;
	line-height: 2em;
}

.cb3contentblock .Heading3, .cb3contentblock h3, .cb3contentblock .Titel
{
	font-size: 1.33em;
	font-weight: bold;
	line-height: 1.66em;
}
.cb3contentblock .H4
{
	font-size: 1em;
	font-weight: bold;
	line-height: 1.33em;
}
.cb3contentblock .H5
{
	font-size: 0.9em;
	font-weight: bold;
	line-height: 1em;
}


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