@charset "utf-8";

BODY, HTML
{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	height: 100%;
	background-image:url();
	background-color:#ffffff;
	text-align: left;
}

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



/* ---------- [ Tooltip class ] ---------- */
div.tooltip { 
	display:none;
} 

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:0px;
	padding:0px;
    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;
}

.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 #0088ea solid;
    background-color: #ffffff;
    line-height: 21px;
}

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

.area
{
	overflow: auto;
}

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

H1,.cb3contentblock H1
{
	font-size: 2em;
	line-height: 3em;
}

H2, .cb3contentblock H2
{
	font-size: 1.66em;
	line-height: 2em;
}

H3, .cb3contentblock H3
{
	font-size: 1.33em;
	line-height: 1.66em;
}

H4, .cb3contentblock H4
{
	font-size: 1.03em;
	line-height: 1.33em;
}

H5, .cb3contentblock H5
{
	font-size: 0.90em;
	line-height: 1.03em;
}

/* ---------- [ Custom classes ] ---------- */

.cb3contentblock .Color1
{
    color:#e5297c;
}

.cb3contentblock .Color2
{
    color:#0088ea;
}

.cb3contentblock .Color3
{
    color:#4b2077;
}

.cb3contentblock .Marker
{
    background-color:#fff600;
}




.main_container, .main, .main_middle, .main_middle_full
{
    width:100%;
    vertical-align:top;
    text-align:left;
}

.header, .header_inner, .main_left, .main_right, .footer, .header_left, .header_right, .logo, .quote, .search_container,
.main_left_sticker, .main_left_content, .main_left_calendar, .main_right_sticker, .footer_left
{
    display:none;
}


/* -- home blocks */

.CenterLeftContentContainer
{
    width:40%;
    float:left;
}

.CenterRightContentContainer
{
    width:40%;
    float:right;
}


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

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

    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: #2e0b51;
    display: block;
	font-size: 1.33em;
	line-height: 2.66em;
	height: 2.66em;
	font-weight: bold;
	width: 80%;
	overflow: hidden;
}

.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 */
        }
        
        
#infobanklayer, #infobank
{
    margin-top:10px;
    width:100% !important;    
}

/*___________________________________________________
                 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, BODY.LeftContent  /* The names of these blocks can be made custom. Fill in anything you like and as much as you want. Copy backgroundcolor or image for the editor from TD#left */
{
    background-color:#ffffff !important;
    background-image:url() !important;
}

.LeftContent A, BODY.LeftContent A
{
    color:#4b2077;
}

.CalendarContent, BODY.CalendarContent
{
    background-color:#00a2fa !important;
    background-image:url() !important;
}

.CalendarContent A, BODY.CalendarContent A, .CalendarContent *, BODY.CalendarContent *
{
    color:#ffffff;
}

.CenterContent, BODY.CenterContent, .CenterLeftContent, BODY.CenterLeftContent, .CenterRightContent, BODY.CenterRightContent, .RightContent, BODY.RightContent  
{
    background-color:#ffffff !important;
    background-image:url() !important;
}

.CenterContent A, BODY.CenterContent A, .CenterLeftContent A, BODY.CenterLeftContent A, .CenterRightContent A, BODY.CenterRightContent A, .RightContent A, BODY.RightContent A
{
    color:#4b2077;
}


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

#infobank {
height:1500px;
}

/* ---------- [ 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;}
    
div.radeditor {
	width:auto!important;
}

@import "stylesheet_modules.css";