@charset "utf-8";

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

a:link,	a:hover, a:active, a:visited
{
	color: #000000;
	text-decoration: underline;
}

a.info span
{ 
    display: none;
}

#mail_form, .header, .secmenu_container, .top_container, .topmenu_container, .search_container,
.rightcolumn, .subs_column, .functionbutton_container, .footer, .footermenu_container, .footermenu_container_inner,
.siteby
{
    display:none;
}

.container, .main_container, ..main_container_inner, .content_column, .content_column_inner
{
    width:600px; 
    padding:0px;
    margin:0px;
}

.breadcrumbs
{
    width:100%;
    font-size:0.9em;
    clear:both;
    margin-bottom:2em;
}

.pagetitle
{
    line-height:20px;
    font-size:1.2em;
    font-weight:bold; 
    clear:both;    
}

#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;
}

..content_column_inner
{
    font-size:1em;
}

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

.home_content
{
}

.home_block
{
    width:100%;
    clear:both;
    margin-bottom:2em;
}

.home_block_container
{

    clear:both;
}

.home_block_container_inner
{
    line-height:18px;
}



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

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

.buttonborder
{
	border: 1px solid #737173;
    background-color:#e7e3de;
    height: 21px;
    display: inline-block;
    #display:inline;
    margin:0;
    padding:0;
}

.button, .buttonHover
{
    color: #000000;
    font-size: 1em;
	font-weight: bold;
	text-align: center;
    line-height: 21px;
	height: 21px;
	width: auto;
    background-color:#e7e3de;
    border: none;
    margin:0;
    padding:0 10px;
	cursor: pointer;
}

/* ##################### MODULES ##################### */  

/*___________________________________________
 
  ------ *** MODULE: WEBUSERLOGIN *** ------ 
  ___________________________________________*/

    .cb3Module_WebUserLogin
    {
        width: 60%;
    }
	
    .cb3Module_WebUserLogin .Label
    {
        width: 40%;
    }
	
    .cb3Module_WebUserLogin .Content
    {
        width: 60%;
    }
	
    .cb3Module_WebUserLogin .Content .veld
    {
        width: 100%;
    }
    
    .cb3Module_WebUserLogin .Message
    {
        color: red;
        font-weight: bold;
    }
     
    /* Loguit */ 
    
     
    .cb3Module_WebUserLoguitmelding /* Ingelogd als */
    {
        
    }
    
    .cb3Module_WebUserLoguitname
    {
        font-weight: bold;
    }
    
    .cb3Module_WebUserLoguitblokje /* Het loguitblokje op de pagina's */
	{
        margin-left: 15px;
	}
   
/*___________________________________________

  ------- *** MODULE: NEWSOVERVIEW *** ------
  ___________________________________________*/
    	
 	        
	.cb3Module_News
	{
	    display:block;
	    clear:both;
	    margin-bottom:10px;
	}
	
	.cb3Module_News .NewsDate
	{
	    display:block;
	    clear:both;
	    font-size: 0.92em;
	}
	
	.cb3Module_News .NewsTitle
	{
       font-size: 1em;
       font-weight:bold;
	}
	
	.cb3Module_News .IntroText
	{
        font-weight: normal;
        font-size: 1em;
        display: block;
	}
	
/*___________________________________________

  ------ [ MODULE: CALENDAROVERVIEW ] ------- 
  ___________________________________________*/

    .cb3Module_CalendarOverview
    {   
	    clear:both;
	    margin-bottom:10px;
    }
	
    .cb3Module_CalendarOverview .cDate
    {
	    display:block;
	    clear:both;
	    font-size: 0.92em;
    }
    
    .cb3Module_CalendarOverview .cTitle
    {
       font-size: 1em;
       font-weight:bold;
    }
	
    .cb3Module_CalendarOverview .cSummary
    {
        font-weight: normal;
        font-size: 1em;
        display: block;
    }
    
    
/*____________________________________________________________

  ----- *** MODULE: LINKOVERVIEW / DOCUMENTOVERVIEW *** ------ 
  ____________________________________________________________*/

.cb3Module_LinkOverview, 
.cb3Module_DocumentOverview
/* this is the container table */
{
    width: 600px;
    position: relative; 
}	

.cb3Module_LinkOverview .Column, 
.cb3Module_DocumentOverview .Column /* this is the column TD */
{
    padding-top:20px; /* required for CategoryWrapper */
}

.cb3Module_LinkOverview .CategoryWrapper, 
.cb3Module_DocumentOverview .CategoryWrapper
{
    display:block;
    margin-top: -20px;
    height: 20px; /* same value as the top padding in the Column */
}

.cb3Module_LinkOverview .CategoryItem,  
.cb3Module_DocumentOverview .CategoryItem /* this is the category title */
{
    font-size:1.2em;
    text-indent:8px;
    font-weight:bold; 
}

.cb3Module_LinkOverview .ItemContainer, 
.cb3Module_DocumentOverview .ItemContainer /* the span containing the ul */
{
    display: block;
    clear:both;
}

.ItemContainer UL, .ItemContainer LI
{
    list-style: none;
	list-style-type: none;
	list-style-position: outside;
	margin: 0px;
    padding: 0px;
}

.cb3Module_LinkOverview .LinkItem
/* the list item */
{
    padding: 0px 0px 0px 27px;
    background-image:url(../images/File_types/url.gif);
    background-position:2px 0px;
    background-repeat:no-repeat;
    font-weight: normal;
    height: 22px;
    line-height:22px;
}

.cb3Module_DocumentOverview .LinkItem  /* the list item */
{
    margin: 0px 0px 0px 15px;
    font-weight: normal;
    height: 22px;
    line-height:22px;
}


.LinkItem a:link, .LinkItem a:visited, .LinkItem a:hover, .LinkItem a:active  
{
}

.cb3Module_DocumentOverview .DocumentImage
{
    display:block;
    height:22px;
    width:22px;
    float:left;
    margin-right:4px;
    background-repeat:no-repeat;
    background-position:top left;
}

/*___________________________________

  ------ *** MODULE: FORMS *** ------ 
  ___________________________________*/

.cb3Module_Form_SpanWrapper
{
	display: block;
	clear:both;
	float:none;
}

.cb3Module_Form  /* this is the form table */
{
    width: 600px;
}

.cb3Module_Form .veld
{
    width:100%;
}

.cb3Module_Form TD
{
    padding-bottom:5px;
}

.cb3Module_Form .Label, .cb3Module_Form .Content
{
	vertical-align: top;
	text-align: left;
	width: 40%;
}

.cb3Module_Form .Content
{
	width: 60%;
}

.cb3Module_Form LABEL
{
    padding-left:5px;
}

.cb3Module_Form span.ContentInnerWrapper
{
	display: block;
	overflow-x: auto;
}

.cb3Module_Form .ItemLabel
{
	display: block;
	font-weight: bold;
	word-wrap: break-word;
}

.cb3Module_Form .MultilineAreaWrapper, .area
{
	display: block;
	height: 10em;	
	width: 100%;
	max-width: 100%;	/* For Safari resize limiter (width)	*/
	min-height: 80px;	/* For Safari resize limiter (height)	*/
	max-height: 240px;	/* For Safari resize limiter (height)	*/
	clear: both;
}

.cb3Module_Form .resizable-textarea
{
    width: 100%!important; /* overrules the inline style applied */ 
}

.cb3Module_Form .OptionNumbers
{
    display: block;
    margin-bottom: 5px; 
}

.cb3Module_Form .OptionNumbers .ItemContentOptionLabel
{
    display: block;
    width: 50%;
}

.cb3Module_Form .OptionNumbers .veld
{
    margin-top: 5px;
    }

.withWatermarkClass,
.withoutWatermarkClass
{
	background-color: #eeeeee !important;
	border: 1px #000000 solid !important; /* '!important' > otherwise not overruled */
}

.RadioboxlistControl td,
.CheckboxlistControl td
{
	vertical-align: top;	
}

.cb3Module_Form .required
{
    color: Red;
    font-weight: bold
}

.TextLabel
{
	display: block;
}

.submittext
{
    font-weight:bold;
    font-size:1.5em;
}



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

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

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