@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: #e7e6e3 url() no-repeat 0px 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	text-align: center;
}

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

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

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

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

* 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:12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    line-height: 1.33em;
	letter-spacing: normal;
}

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

P, .cb3contentblock P
{
    margin-bottom: 1.33em;
    margin-top:0px;
    margin-left:0px;
    margin-right:0px;
}



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

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

.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.85em;
}

.cb3contentblock .Titel
{
	margin-bottom:1.33em;
	font-size:1.5em;
	font-weight:normal;
	color:#1a4e88;
}


/* ---------- [ Page Layout ] ---------- */
	
DIV#wrapper
{
    width: 1004px;
    background: #fff;
	margin: 20px auto 0px auto;
}

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

.logo
{
    display: block;
    width: 600px;
    height:187px;
    margin-left: 20px;
    float:left !important;
}

.topmargin
{
    margin-top: 100px !important;
}

DIV#splash

{
    height: 343px;
    width: 1004px;
    background-image: url(../images/splash_bg.jpg);
}

DIV#splashbottom

{
    height: 90px;
    width: 1004px;
    background-image: url(../images/splash_bg_bottom.jpg);
    margin: 0 auto;
}

TABLE#container
{
    width: 1004px;
    /* #width: 958px; /* IE fix for the border substract */
	border-collapse: collapse;
	background: #FFFFFF;
	background-image: url(../images/content_bg.jpg);
}

TD#left
{
	width: 190px;
	background: #908f92;
}
	
TD#content
{
    padding: 0px 10px 0px 85px;
}

TD#right
{
	width: 180px;
	background: #2f2f2f;
}

DIV.breadcrumbs
{
	height: 20px;
	margin-top: 10px;
	font-size: 0.92em;
	color: #908f92;
}

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

    DIV.breadcrumbs a
    {
	    color: #000000;
	    font-size: 1em; /* this inherits the font-size defined in the parent element */
    }
	
#contentwrapper
{
    width: 764px;
}

/* two column wrappers */

#contentwrapper_column1
{
    width: 372px;
    float:left;
    clear:left;
    margin-right:20px;
}

#contentwrapper_column2
{
    width: 372px;
    float:left;
    clear:right;
}


DIV#footer
{
	height: 158px;
	width: 1004px;
	color: #ffffff;
	text-align: center;
	background-image: url(../images/footer_bg.jpg);
	margin: 0 auto;
	font-weight: bold;
}

DIV#footer .left
{
    font-size: 10px;
    color: #e3e3db;
    padding-top: 68px;
    float: left;
}

.footer_inner
{
    padding-left: 85px;
}


.contentarea
{
    width: 831px;
    background-image: url(../images/contentarea_bg.gif);
    background-repeat: repeat-y;
    margin-top: 18px;
    padding-bottom: 1px;
}


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

IMG.imgLeft
{
    margin: 0px 10px 5px 0px;
}

IMG.imgCenter
{
    display: block;
    text-align:center;
    margin:0px auto;
}

IMG.imgRight
{
    margin: 0px 0px 5px 10px;
}    

.cb3contentblock
{
    background:#FFF; 
    background-color:#FFF;
    /*height: auto!important;*/

}



.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:2px;
        padding-top: 1px;
    }
	
.PageTitle
{
    display: block;
	font-size: 1.33em;
	height: 3em;
	font-weight: bold;
	width: 80%;
	overflow: hidden;
}

.title
{
    margin-bottom:1.33em;
	font-size:1.5em;
	font-weight:normal;
	color:#1a4e88;
	display: block;
}

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

.LiteText
{
    font-size: 0.83em;
	color: #908f92;
	font-weight: lighter;
}
	
    .LiteText .datemodified
    {
	    color: #686868;
	    font-size: 0.8em; /* this inherits the font-size defined in the parent element */
    }

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

.lite, .lite .datemodified
{
    color: #686868;
    font-size: 10px;    
}



/* ---------- [ 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; 
    }
    
#footer a:link, #footer a:visited, #footer a:active
{
    text-decoration: underline;
    color: #e3e3db; 
}

#footer a:hover
{
    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;
}

/* 
═══════════════════════════════════════════════════════════════════════════════════
Did cleaning up till here
═══════════════════════════════════════════════════════════════════════════════════
*/

	

	


	

	

	
	.button, .buttonHover
	{
		background: #828282 url(../images/default/menu/TopItemBg.gif) repeat-x 0% 100%;
		border: none;
		width: auto;
		padding: 0px 5px 0px 5px;
		font-size: 1em;
		font-weight: bold;
		color: #FFFFFF;
		cursor: pointer;
	}
	
	.buttonHover
	{
		background: #343434 url();
		border: none;
		width: auto;
		padding: 0px 5px 0px 5px;
		font-size: 1em;
		font-weight: bold;
		color: #FFFFFF;
		cursor: pointer;
	}
	
	.area
	{
		font-size: 1em;
		overflow: auto;
		border: 1px #343434 solid;	
	}
	
	.veld,
	.radInput_Default INPUT
	{
		height: 22px;
		font-size: 1em;
		border: 1px #343434 solid;	
	}
	
	
	
	/* 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;
	}

	
/* ---- -- [ MENU COMPONENT (ID="HoofdMenu") ] -- ---- */

	.TopGroup
	{
		background: #676767;
		line-height: 24px;
		cursor: default;
		color: #FFFFFF;
	}

	.Group
	{
		background-color:white;
		border:solid 1px #737373; 
	}
	
	/* Top item styles ---------------------------------------- */
	.TopItem
	{
		background: Transparent url(../images/default/menu/TopItemBg.gif) repeat-x 0% 100%;
		color: #FFFFFF;
	}
	
	.TopItemHover
	{
		background: #343434;
		color: #FFFFFF;
	}
	
	.TopItemExpanded
	{
		background: #BBBBBB url(../images/default/menu/TopItemExpanded.gif) repeat-y 100% 0%;
		color: #000000;
	}
	
	/* Default item styles ------------------------------------ */ 
	.Item
	{
		background: Transparent url(../images/default/menu/ItemBg.gif) repeat-x 0% 100%;
		font-size:1em;
	}

	.ItemHover
	{
		background: #343434;
		color: #FFFFFF;
		cursor: default;
	}

	.ItemExpanded
	{
		background: Transparent url(../images/default/menu/ItemExpanded.gif) repeat-y 100% 0%;
	}

	/* Selected item styles ------------------------------------ */ 
	.SelectedItem
	{

	}

	.SelectedItemHover
	{

	}

	.SelectedItemExpanded
	{

	}

	/* Child selected item styles ------------------------------------ */ 
	.ChildSelectedItem
	{

	}

	.ChildSelectedItemHover
	{

	}

	.ChildSelectedItemExpanded
	{

	}
	
	/* Context Menu item styles --------------------------------------- */
	.TopContext
	{
		background: #EAECEE;
		line-height: 15px;
		cursor: default;
		color: #FFFFFF;
	}
	
	.ContextItem
	{
		font-size: 0.83em;
		background: #EAECEE url();
		color: #000000;
	}
	
	.ContextItemHover
	{
		font-size: 0.83em;
		background: Transparent url(../images/default/menu/ItemBg.gif) repeat-x 0% 100%;
		color: #000000;
	}
		
	.ContextItem nobr,
	.ContextItemHover nobr
	{
		font-size: 0.83em;
	}

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

	#Item005 /* Styled last item to remove right border, if items are added or removed item number should be adjusted */
	{
	border: none;
	}
	
	.contentsubs
	{
	    width: 1000px;
	    background-image: url(../images/mainmenu_bg.jpg);
	    height: 29px;
	    background-repeat: repeat-x;
	    margin-left:1px;
        width:998px;
	    
	}
	
	.contentsubs ul, .contentsubs li
	{
		padding: 0;
		margin: 0px 0px 0px 0px;
		list-style: none;
		list-style-type: none;
		display: inline;
		line-height: 29px;
	}
	
	.contentsubs ul
	{
	    margin-left:85px;
	}
	
	.contentsubs li
	{
	    margin-right: 24px;
	    border-right: 1px solid #fff;
	}
	
	.contentsubs a:link,
	.contentsubs a:hover,	
	.contentsubs a:active,	
	.contentsubs a:visited
	{
		color: #fff;
		text-decoration: none;
		margin-right: 24px;
		display:inline;
	}
	
	.contentsubs a:hover
	{
		color: #fff;
		text-decoration: underline;
	}
	
	.submenu_item_selected a:link,
	.submenu_item_selected a:hover,
	.submenu_item_selected a:active,
	.submenu_item_selected a:visited
	{
		font-weight: bold;
		cursor: default;
		color: #fff;
		text-decoration: none;
	}
	
/* ---- -- [ LITEMENU COMPONENT (ID="VoetMenu") ] -- ---- */

	.VoetMenu
	{
		display: block;
		width: 100%;
		text-align: center;	
	}	
	
	.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.83em;	
	}