@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
{
    height:100%;
    margin:0px;
    padding:0px;
	background-image:url(../images/header_bg.gif);
	background-position:top left;
	background-repeat:repeat-x;
}


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

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

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

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

/*
* P
{
	float: none!important;
}
*/

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

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

BODY, TD, TH, DIV, SPAN, STRONG, EM, B, 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-size:11px;
    font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
    line-height: 1.5em;
	letter-spacing: normal;
	color:#003768;
}

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

P, .cb3contentblock P
{
    margin-bottom: 1.33em;
}

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

.cb3contentblock .Heading1, .cb3contentblock H1, .cb3contentblock .Titel
{
	font-size: 1.33em;
	line-height: 1.67em;
	font-weight:bold;
}

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

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

.cb3contentblock .Heading4, .cb3contentblock H4
{
	font-size: 0.7em;
	line-height: 0.9em;
}

.cb3contentblock H5
{
	font-size: 0.6em;
	line-height: 0.85em;
}




/* ---------- [ 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:transparent; 
    background-color:transparent;
    height: auto!important;
}

.rightcontentblock
{
    background:transparent;
    background-color:transparent;   
    text-align:left;
    font-weight:normal; 
    word-wrap:break-word;
}
 

    /* 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:27px;
        padding-top: 1px;
    }
	
.PageTitle
{
	font-size: 1.33em;
	font-weight: bold;
	margin-bottom:20px;
}

.IntroText
{
	display: block;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}

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


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

BODY.cb3contentblock a.info
{
    display:inline !important;
    border:none !important;
    margin:0px !important;
    padding:0px !important;
}


DIV.cb3contentblock a.info:link, DIV.cb3contentblock a.info:active, DIV.cb3contentblock a.info:visited
{ 
	position:relative; 
	z-index:24;
}
	  
DIV.cb3contentblock a.info:hover
{ 
	z-index:25; 
}
	
    DIV.cb3contentblock a.info span, BODY.cb3contentblock a.info span 
    { 
	    display: none; 
	    font-weight: normal;
    }
    	
    DIV.cb3contentblock 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; 
	    padding:5px; 
	    text-decoration:none; 
    }	


.print_watermark
{
    display:none;
    height:110px;
    width:100%;
    clear:both;
}

/* Disable .anchor image for frontend (removes unwanted margin/padding)	This element is re-enabled in backend... Do not remove!	*/	
.cb3contentblock .anchor
{
    display: none;
}
	
	.button, .buttonHover
	{
        height:21px;
        line-height:19px;
        background-image:url(../images/button_bg.gif);
        background-position:top left;
        background-repeat:repeat-x;
		border: none;
		width: auto;
		font-size: 1em;
		font-weight: bold;
		text-align:center;
		color: #FFFFFF !important;
		cursor: pointer;
	}	
	
	.area
	{
		font-size: 1em;
        background-image:url(../images/textarea_bg.gif);
        background-position:top left;
        background-repeat:repeat-x;
        border-style:solid;
        border-width:0px 1px 1px 1px;
        border-color:#b6b6b7;
        font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	}
	
	.textarea
	{
		font-size: 1em;
        background-image:url(../images/textarea_bg.gif);
        background-position:top left;
        background-repeat:repeat-x;
        border-style:solid;
        border-width:0px 1px 1px 1px;
        border-color:#b6b6b7;
        font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
	}
	
	.veld, .radInput_Default INPUT
	{
		height: 21px;
        line-height:19px;
		font-size: 1em;
        background-image:url(../images/field_bg.gif);
        background-position:top left;
        background-repeat:repeat-x;
        border-style:solid;
        border-width:0px 1px 0px 1px;
        border-color:#b6b6b7;
        text-indent:2px;
	}
	
	
	
	/* 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;
	}


/* ---- -- [ main layout classes ] -- ---- */

.mainform
{
    display:block;
	min-height:100%;
	height: 100%;
}

.container
{
	min-height:100%;
	height: auto !important;
	height: 100%;	
    width:auto;
	clear:both;
    background-position:bottom left;
    background-repeat:no-repeat;
	text-align:center;
}

.container_inner
{
    width:100%;
    margin:auto;
    text-align:center;
	background-image:url(../images/content_bg.png);
	background-position:bottom center;
	background-repeat:no-repeat;
}

.header
{
	width:960px;
	height:159px;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
	background-position:213px 60px;
	background-repeat:no-repeat;
}

/* multi language payoff */
    .nl-NL_header
    {
	    background-image:url(../images/payoff_nl.gif);    
    }

    .en-GB_header
    {
	    background-image:url(../images/payoff_en.gif);    
    }

.logo
{
    display:block;
    width:210px;
    height:159px;
    float:left;
    background-image:url(../images/logo.gif);
    background-position:top left;
    background-repeat:no-repeat; 
}

.language_selector
{
    width: 200px;
    float:left;
    padding:10px 0px 0px 2px;
    position:absolute;
}

.language_selector IMG
{
    margin-right:2px;
}


.search_container
{
    width:200px;
    height:33px;
    float:right;
    clear:right;
}

.secmenu_container
{
    width:540px;
    height:90px;
    overflow:hidden;
    float:right;
    clear:right;
    text-align:right;
}

.topmenu_container
{
    height:36px;
    width:745px;
    overflow:hidden;
    float:left;
    text-align:left;
}

.content_container
{
    width:960px;
    height:auto;
	margin-right:auto;
	margin-left:auto;
	text-align:left;
}

.leftcolumn
{
    width:210px;
    float:left;
}

.content_middle
{
    width:540px;
    float:left;
}

.rightcolumn
{
    width:200px;
    float:right;
    clear:right;
    background-image:url(../images/right_bg.gif);
    background-position:0px 2px;
    background-repeat:repeat-x;
}

.column_stretcher
{
    width:1px;
    height:510px;
    float:right;
    clear:right;
}

/* footer classes */

.footer_spacer, .footer
{
    width:100%;
    height:27px;
    clear:both;
}

.footer
{
   height:27px;
   width:100%;
   margin-top:-27px;
   text-align:center;
   background-color:#ffffff;
   background-image:url(../images/footer_bg.gif);
   background-position:top left;
   background-repeat:repeat-x;
}


/* -- homepage specific styles */

.body_home
{
    background-image:url(../images/background_home.jpg);
    background-position:bottom left;
    background-repeat:no-repeat;
}

.form_home
{
	background-image:url(../images/header_bg.gif) !important;
	background-position:top left;
	background-repeat:repeat-x;
}

.home_header
{
    width:760px;
}

.home_content_container
{
    width:760px;
    padding-top:30px;
}

.home_left
{
    width:370px;
    float:left;
    clear:left;
}

.home_right
{
    width:380px;
    float:right;
    clear:right;
}

.home_left .Titel, .home_right .Titel
{
    font-size:1.33em !important;
    color:#003768;
}

.home_divider
{
    height:30px;
    width:760px;
    clear:both;
    background-image:url(../images/splash_divider.gif);
    background-position:top left;
    background-repeat:no-repeat;
}

/* splash containers */

.splash_container
{
    height:130px;
    float:left;
    overflow:hidden;
    background-position:top left;
    background-repeat:no-repeat;
    border-style:solid;
    border-width:0px 1px 1px 0px;
    border-color:#151210;
    margin-bottom:10px;
    cursor:pointer;
}

.splash_container_title
{
    position:relative;
    height:41px;
    width:100%;
    overflow:hidden;
    background-image:url(../images/splash_item_overlay.png);
    background-position:top left;
    background-repeat:repeat-x;
    cursor:pointer;
}

.splash_container_title_inner
{
    display:block;
    height:35px;
    background-position:top left;
    background-repeat:no-repeat;
}

.wide
{
    width:243px;
}

.narrow
{
    width:180px;
}

.splash_spacer
{
    margin-right:12px;
}

/*  splash images / containers */

.splashitem1
{
    background-image:url(../images/splash_dienstverlening.jpg);
}

.splashitem2
{
    background-image:url(../images/splash_themas.jpg);
}

.splashitem3
{
    background-image:url(../images/splash_onzeprojecten.jpg);
}

.splashitem4
{
    background-image:url(../images/splash_actueel.jpg);
}

.splashitem5
{
    background-image:url(../images/splash_publicaties.jpg);
}

.splashitem6
{
    background-image:url(../images/splash_kandidaatinfo.jpg);
}

.splashitem7
{
    background-image:url(../images/splash_overltp.jpg);
}



/* search container */

.search_field
{
    width:130px;
    margin-top:10px;
    float:left;
}

.search_button
{
    width:60px;
    margin-top:10px;
    float:right;
}

	
/* content specific classes */

 /* breadcrumbs */
    .breadcrumbs_container
    {
        height:42px;
        width:748px;
        float:right;
        clear:right;
        background-image:url(../images/breadcrumbs_bg.gif);
        background-position:bottom left;
        background-repeat:repeat-x;
    }
    
    .breadcrumbs
    {
        margin:18px 0px 0px 10px;
    }
    
    .breadcrumbs A
    {
        color:#8f9092;
    }
     

.content_middle_inner
{
    padding:20px 10px 20px 10px;
}

.content_middle_inner A
{
    color:#003768;
}

/* right column specific classes */

.rightcolumn_inner
{
    padding:15px 0px 0px 15px;
}

/* footer specific classes */

.footer_inner
{
    width:960px;
    margin-left:auto;
    margin-right:auto;
    padding-top:5px;
    text-align:left;
}

.siteby
{
    width:190px;
    padding-top:2px;
    float:right;
    text-align:right;
	color: #737373;
	font-size: 0.9em;
}

.siteby A
{
	color: #737373;
}

	
/* ---- -- [ LITEMENU COMPONENT (ID="SecMenu") ] -- ---- */

	.SecMenu
	{
		display: block;
		width: 100%;
		text-align: right;	
	}	
	
	.SecMenu ul, .SecMenu li
	{
		display: inline;
		padding: 0;
		margin: 0px 0px 0px 4px;
		list-style: none;
		list-style-type: none;
	}
	
	.SecMenu li
	{
	    border-left:1px solid #003768;
	    padding-left:5px;
	}
	
	
	.SecMenuItem a:link,
	.SecMenuItem a:hover,
	.SecMenuItem a:active,
	.SecMenuItem a:visited
	{
		display: inline;
		color: #003768;
		font-size: 0.9em;
	}

/* ---- -- [ LITEMENU COMPONENT (ID="SubMenu") ] -- ---- */

    .contentsubs
    {
        margin-top:14px;
        width:208px;
        float:left;
    }

	.contentsubs ul, .contentsubs li
	{
	    display:inline;
		padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		list-style: none;
		list-style-type: none;
	}
	
	.contentsubs a:link,
	.contentsubs a:hover,	
	.contentsubs a:active,	
	.contentsubs a:visited
	{
	    display:block;
	    padding:3px 10px 3px 20px;
	    margin:0px;
	    clear:both;
		color: #003768;
		text-decoration: none;
		background-image:url();
	}
	
	.contentsubs a:hover
	{
	    display:block;
	    padding:3px 10px 3px 20px;
	    margin:0px;
	    clear:both;
		color: #ffffff;
		text-decoration: none;
		background-color:#ffffff;
		background-image:url(../images/subs_hover_bg.gif);
		background-repeat:repeat;
		background-position:top left;
	}
	
	.submenu_item_selected a:link,
	.submenu_item_selected a:hover,
	.submenu_item_selected a:active,
	.submenu_item_selected a:visited
	{
	    display:block;
	    padding:3px 10px 3px 20px;
	    margin:0px;
	    clear:both;
		color: #ffffff;
		text-decoration: none;
		background-color:#335f86;
		background-image:url();
	}
	
/* ---- -- [ LITEMENU COMPONENT (ID="VoetMenu") ] -- ---- */

	.VoetMenu
	{
		display: block;
		width:520px;
		float:left;
		padding-left:212px;		
	}	
	
	.VoetMenu ul, .VoetMenu li
	{
		display: inline;
		padding: 0;
		margin: 0px 0px 0px 4px;
		list-style: none;
		list-style-type: none;
	}
	
	.VoetMenuItem a:link,
	.VoetMenuItem a:hover,
	.VoetMenuItem a:active,
	.VoetMenuItem a:visited
	{
		display: inline;
		color: #737373;
		font-size: 0.9em;	
	}