ÿþBODY, HTML

{

    margin:0px;

    padding:0px;

    width:600px;

}



.mainform

{

    display:block;

	min-height:100%;

	height: 100%;

}



HTML, BODY, TABLE, INPUT, SELECT, TEXTAREA

{   

    font-size:11px; /* this will be defined as 1 em */

    font-family: Verdana, Arial, Tahoma, sans-serif;

    line-height: 1.82em;

	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;

}



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



    a.info span /* initially hide */

    { 

	    display: none;

    }





/* ---------- [ Element definition ] ---------- */



P

{

    margin-bottom: 1.33em !important;

}



hr

{

	display: block;

	height: 1px;

	border-bottom: 1px solid #000000;

	margin: 1em 0;

}	







* blockquote, blockquote *, blockquote blockquote *

{

    padding-left: 10px;

}



IMG.imgLeft

{

    float:left;

    margin: 0px 5px 5px 0px;

}

IMG.imgCenter

{

    margin: 0px 40%;

}

IMG.imgRight

{

    float: right;

    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-style:solid;

    border-width:1px 1px 1px 1px;

    border-color:#000000;

    background-color: #ffffff;

    line-height: 20px;

}



.veld, .withWatermarkClass

{

    height: 21px;

}



.area

{

	overflow: auto;

}





/*___________________________________________________

             CUSTOM DESIGN CSS 

_____________________________________________________

****************************************************/

/* ---------- [ Page layout ] --------- */



.main_container

{

    width:100%;

    text-align:left;

}



.top_container, .topmenu_container, .header_container, .header_container_inner, .logolink, .mainmenu_container, .leftcolumn,

.leftcolumn_top, .footermenu_container, .search_container, .speakerlink, .speaker_player, .footermenu_inner, .fontsizer,

.HoofdMenu, .HoofdMenu_Sub, .SubMenu, .TopMenu, .VoetMenu

{

    display:none;

}



.content_container

{

    width:100%;

    height:100%;

    vertical-align:top;

}



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



.content_container_inner

{

    padding:0px;

    font-size:1em;

    line-height:1.82em;

}



/* home columns */



.home_column1

{

    width:190px;

    float:left;

}



.home_column1_inner

{

    padding:0px 10px 0px 0px;

}



.home_column2

{

    width:190px;

    float:left;

}



.home_column3

{

    width:190px;

    float:left;

}



.home_column3_inner

{

    padding:0px 0px 0px 10px;

}





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



.breadcrumbs

{

	height: 20px;

	margin-bottom:14px;

	font-size: 0.92em;

	color: #000000;

}



    .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: #000000;

	    font-size: 1em; /* this inherits the font-size defined in the parent element */

    }

	

.PageTitle

{

    color: #000000;

    display: block;

	font-size: 1.33em;

	font-weight: bold;

	width: 80%;

	overflow: hidden;

	margin-bottom:20px;

}



.title

{

	font-size: 1em;

	height: 1.33em;

	font-weight: bold;

}



.IntroText

{

	display: block;

	font-weight: bold;

}



.LiteText,.DateModified

{

    font-size: 0.83em;

	color: #000000;

	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 */

        }



/*___________________________________________________

                 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:11px; /* this will be defined as 1 em */

    line-height:1.82em;

	letter-spacing: normal;

	color: #000000;

}





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



.cb3contentblock .tussenkop

{

    font-family: Verdana, Arial, Tahoma, sans-serif;

	font-size: 1.33em;

	margin-bottom:1.33em;

}



.cb3contentblock .rood

{

    font-family: Verdana, Arial, Tahoma, sans-serif;

    color:#e12f29;

}



.cb3contentblock .blauw

{

    font-family: Verdana, Arial, Tahoma, sans-serif;

    color:#0068a6;

}



.cb3contentblock .stippellijn

{

    color:#ffffff;

    font-size:0.1em;

    width:100%;

    clear:both;

    border-bottom:2px dotted #e12f29;

}



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

   

/* ------------ modules -----------------*/



/* ---------- [ Button ] ---------- */



.buttonborder

{

	border: none;

	background: #e12f29;

    height: 21px;

    line-height: 21px;

    display: inline-block;

    #display:inline;

    margin:0;

    padding:0;

}



.button

{

    display:block;

	border: none;

    color: #ffffff;

    line-height:20px;

	height:21px;

	background: #e12f29;

	border:none;

	text-align:center;

	vertical-align:middle;

	cursor:pointer;

}





   



/* ---------- *** functionmenu *** ---------- */



/*#contentwrapper */#functiemenu

{

    display:none;

}



/*___________________________________________

 

  ------ *** MODULE: WEBUSERLOGIN *** ------ 

  ___________________________________________*/

  

    .cb3Module_WebUserLogin TD

    {

        padding-bottom:5px;

    }



    .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

	{

	    clear:both;

	    margin-bottom:20px;

	}

	

	.cb3Module_News .NewsImageContainer

	{

	    width: 110px;

	    height: 80px;

	    overflow:hidden;

	    float:left;

	    border: 1px solid #0068a6;

        margin: 0px 8px 8px 0px;

	}

	

	.cb3Module_News .NewsImage

	{

	    width: 120px; /* Set width to the width of the container for full width image display */

	}

	

	.cb3Module_News .NewsDate

	{

	    display:block;

	    width:7em;

	    text-align:center;

	    font-size: 0.92em;

	    line-height:1.4em;

	    color: #ffffff;

	    background-color:#0068a6;

	}	

	

	.cb3Module_News .NewsTitle

	{

        font-size: 1em;

        font-weight: bold;

        color: #000000;

	}



	

	.cb3Module_News .IntroText

	{

        font-weight: normal;

        font-size: 1em;

        display: block;

	}

		

	.cb3Module_News .More

	{  

	    display:block;

	    text-align:right;

	    height: 1.33em;

	}

	

	

	.NewsContent .IntroText

	{

	    font-weight:bold;

	}

	

/*___________________________________________



  ------ [ MODULE: CALENDEROVERVIEW ] ------- 

  ___________________________________________*/



    .cb3Module_CalendarOverview

    {   

        display: block;

        clear:both;

        margin: 0px 0px 20px 0px;	

    }

	

    .cb3Module_CalendarOverview .cDate

    {

	    display:block;

	    text-align:center;

	    font-size: 0.92em;

	    line-height:1.4em;

	    color: #ffffff;

	    background-color:#0068a6;

	    float:left;

	    padding-left:2px;

	    padding-right:2px;

	    clear:both;

    }

    

    .cb3Module_CalendarOverview .cTitle

    {

        display:block;

        font-size: 1em;

        font-weight: bold;

        color: #000000;

        clear:both;

        float:none;

    }

	

    .cb3Module_CalendarOverview .cSummary

    {

        font-weight: normal;

        font-size: 1em;

        color: #000000;

        display: block;

    }

    

    .cb3Module_CalendarOverview .cLink

    {

        display:block;

        text-align:right;

        clear:both;

	    height: 1.33em;

    }    



/*____________________________________________________________



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

  ____________________________________________________________*/



.cb3Module_LinkOverview, 

.cb3Module_DocumentOverview

/* this is the container table */

{

    width: 80%;

    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-family: Segoe UI, Trebuchet MS, Georgia;

	font-size: 1.33em;

	font-weight: bold;

	line-height: 1.66em;

	color: #ec8d23;

}



.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, 

.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;

}



.bmp { background-image:url(../images/File_types/bmp.gif); }

.doc { background-image:url(../images/File_types/doc.gif); }

.gif { background-image:url(../images/File_types/gif.gif); }

.jpg { background-image:url(../images/File_types/jpg.gif); }

.mp3 { background-image:url(../images/File_types/mp3.gif); }

.pdf { background-image:url(../images/File_types/pdf.gif); }

.png { background-image:url(../images/File_types/png.gif); }

.ppt { background-image:url(../images/File_types/ppt.gif); }

.txt { background-image:url(../images/File_types/txt.gif); }

.xls { background-image:url(../images/File_types/xls.gif); }

.zip { background-image:url(../images/File_types/zip.gif); }

.unknown { background-image:url(../images/File_types/unknown.gif); }



/*___________________________________



  ------ *** MODULE: FORMS *** ------ 

  ___________________________________*/



.cb3Module_Form_SpanWrapper

{

    width:600px;

	display: block;

	clear:both;

	float:none;

}



.cb3Module_Form  /* this is the form table */

{

    width: 100%;

    #width: 95%;  /*IE fix for the functionpadding */

}



.cb3Module_Form TD

{

    padding-bottom:5px;

}



.cb3Module_Form .Label, .cb3Module_Form .Content

{

	vertical-align: top;

	text-align: left;

	/*word-wrap: break-word;*/

	width: 40%;

}



.cb3Module_Form .Content

{

	width: 60%;

}



.cb3Module_Form .Content .veld

{

    width:100%;

}



.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;

	/*overflow: hidden;*/

}



.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;

}



                            	

/*___________________________________



  ------- [ MODULE: SITEMAP ] ------- 

  ___________________________________*/

	

    .SiteMapWrapperTable

    {

        border: 0;

        margin: 0px 0px 20px 0px;

        padding: 0;

    }

	

    .SiteMapHeading

    {

        font-weight: bold;     

    }

	

    .RootNode

    { 

        /* RootNode Div styling */

        font-size: 1em;

        font-weight: normal;

        padding: 0px 0px 1px 0x;

    } 



    .RootNode a:link, .RootNode a:active, .RootNode a:visited

    { 

        /* RootNode Link styling */

        text-decoration: underline;

    } 



    .RootNode a:hover

    { 

        /* RootNode Link styling */

        text-decoration: none;

    } 



        .ParentNode

        { 

            /* ParentNode Div styling */

        } 



        .ParentNode a:link, .ParentNode a:active, .ParentNode a:visited

        { 

            /* ParentNode Link styling */

        } 



        .ParentNode a:hover

        { 

            /* ParentNode Link styling */

        } 



            .LeafNode

            { 

                /* LeadNode Div styling */

                overflow: hidden;

            } 



            .LeafNode a:link, .LeafNode a:active, .LeafNode a:visited

            { 

                /* LeadNode Link styling */

            } 



            .LeafNode a:hover

            { 

                /* LeadNode Link styling */

            } 



	                           

/*________________________________________



  ------- [ MODULE: FAQ-OVERVIEW ] -------

  ________________________________________*/



    .cb3Module_Faq

    {

    }

    

    .cb3Module_Faq .Title

    {

	    font-size: 1em;

	    font-weight: bold;

	    line-height: 1.66em;

	    display: block;

	    margin-bottom: 1.33em;

    }



    .FaqSubjectWrapper

    {

		font-size:1em;

		line-height:1.33em;

    }



	.SubjectRepeater,

	.FaqOverviewDetails

	{

		margin: 0px 0px 10px 0px;	

	}

	

	.FaqSubjectInt

	{

		display: none;

	}

	

	.FaqSubjectLink

	{

		display: block;

        background-image:url(../images/dot.gif);

        background-position:bottom left;

        background-repeat:repeat-x;

        margin-bottom:10px;

        padding-bottom:15px;

	}

	

	.SubjectDetailHeader

	{

		display: block;	

        width:100%;

        height:2em;

        overflow:hidden;

		font-weight: bold;

		padding: 0px 0px 0px 0px;

		margin-bottom:1.33em;

	}

	

	.SubjectDetailHeader .SubjectNameWrapper

	{

		display: block;

		width: 40%;

		float: left;

	}

	

	.SubjectDetailHeader .ViewAllAnswerWrapper

	{

		display: none;

		width: 35%;

		font-size: 1em;

		float: right;

		font-weight: normal;

	}

	

	.SubjectDetailHeader .TopOfThePageLink

	{

		display: block;

		float: right;

		width: 20px;

		height: 20px;

		background: Transparent url(../images/icons/Top.png) no-repeat 0% 50%;

		margin: 0px 4px 0px 10px;

	}

	

	.FaqSubjectGroup

	{

		display: block;

		margin: 0px 0px 10px 0px;	

	}

	

	.SubjectQuestionWrapper

	{

		display: block;

		background: Transparent url(../images/icons/question_mark.png) no-repeat 0px 2px;

		padding: 2px 0px 2px 32px;

		margin: 2px 0px 3px 0px;

     }

     

	.SubjectQuestionWrapper a:link, .SubjectQuestionWrapper a:hover, .SubjectQuestionWrapper a:active, .SubjectQuestionWrapper a:visited

	{	

		color: #325785;

		text-decoration: none;

	}

	

	.SubjectQuestionWrapper a:hover

	{	

		color: #325785;

		text-decoration: underline;

	}

	

	.SubjectAnswerWrapper

	{

		display: block;

		background: Transparent url(../images/icons/answer_mark.png) no-repeat 0px 2px;

		padding: 0px 0px 0px 32px;

		margin: 0px 0px 14px 0px;

	}

	

    .cb3_FaqOverview_AnswerText

    {

        display:block;

        clear:both;

    }

                 	

/*________________________________



  ------- [ MODULE: POLL ] ------- 

  ________________________________*/



.cb3Module_Poll  /* This is the containing table */

{

    background: #ecfedb;

    width:192px;

    clear:both;

}  



.cb3Module_Poll TD

{

    padding: 3px;

}



.cb3Module_Poll .IntroText

{

    padding: 10px;

    margin:0px;

    font-weight:normal;

    line-height:1.33em;

}   



.cb3Module_Poll .IntroText BR

{

    clear: both;

}



/* The Questionnaire */

    

.cb3Module_Poll .PollQuestion

{

    font-weight: bold;

    display: block; 

    padding: 10px;                  

}    



.cb3Module_Poll .PollAnswers /* The box containing all the answers */

{

}

   

    .PollAnswerWrapper, 

    .PollAnswerWrapperHover

    {

        display: block;

        cursor: default;

        padding: 5px 5px 5px 10px;

    }

	.PollAnswerWrapperHover

    {

        background: #ffffff;

    }

	

        .PollAnswerRadio

        {

            margin-right: 5px;

        }

    

        .PollAnswerText

        {

        }

        

        .PollAnswerWrapperHover .PollAnswerText

        {

        }



.cb3Module_Poll .SubmitWrapper

{

    padding:10px;

}

    

    .SubmitWrapper .button, .SubmitWrapper .buttonHover /* These styles are already defined for the default button at the top of this sheet, add custom styles here */

    {

        cursor: pointer;

        height: 21px;

        float:right;

        clear:both;

        margin-top:10px;

    }

    

    .SubmitWrapper

    {

        margin-top:10px;

        background-image:url(../images/dot.gif);

        background-position:top left;

        background-repeat:repeat-x;

        margin-bottom:10px;

        clear:both;

    }



    

    a.ShowResultsLink:link, a.ShowResultsLink:active, a.ShowResultsLink:visited, a.ShowResultsLink:hover

    {

        display:block;

        margin: 5px 0px 0px 10px;

        font-size: 0.92em;

    }

    

/* The Results */

    

.NumberOfVotesHeading, .PercentageHeading

{

    display:block; 

    padding: 0px 10px 0px 10px;

}



.cb3Module_Poll .PollResults /* The box containing all the results */

{

    background: #ffffff;

}

 

    .PollResultWrapper

    {

        display: block;

        clear: both;

        padding: 5px 10px;

    }



        .PollResultWrapper .float

        {

            float:left;

            color:#0068a6;

        }

        

        .NumberOfVotesTotal, .PercentageText

        {

            padding-left:5px;

        }

    	

	    .PercentageText

	    {

	        font-weight: bold;

	    }



.cb3Module_Poll .PercentageWrapper

{

    display: block;

    height: 6px;   /* set the height for the percentage bar */

    margin: 5px 0px 0px 0px;

    background: #ffffff;

    overflow: hidden;

    font-size: 1px;

}

    	

        IMG.Percentage

        {

            height: 6px;  /* same height */

        }