@charset "utf-8";

/* ---- -- [ MODULE: NEWSOVERVIEW ] -- ---- */



.newsitems ul {
	width:650px;
}
.newsitems {
	display:block
	}
.newsitems ul, 
.newsitems ul li,
.cb3Module_News {
	margin: 0px;
	padding: 0px;
	display:block;
	list-style:none;
}

.newsitems ul li {
	margin: 0px 0px 0px 0px;
	line-height:0px;
	padding: 0px;
	white-space:normal;
}
.newsitems ul li span {
	margin: 0px 0px 0px 0px;
	line-height:normal;
	padding: 0px;
	list-style:none;
	white-space:normal;
}

.bg_news {
	background:#fff;
	display: block;
	position:relative;
}
.bg_news IMG 
{
	border: 1px solid #B2DBE9;
	width:155px;
	float: left;
	margin: 10px;
	margin-left:22px;
	height: auto;
	min-height:100px;
	display:block;	
}
.NewsDate {
	/*position:absolute;*/
	padding-right:10px;
	font-size:10px;
	width:65px;
	/*color:#FFF;
	background:#999*/
}
.NewsBGout {
	background:#fff;
	color:#8C4B00;
	/*padding-top:5px;*/
}
.NewsBGin {
	background: Transparent url(../images/newstile01.png) repeat-x left top;
	color:#FFF;
}
.cb3Module_News {
	border:#103346 solid 1px;
	border-top:none;
}
.newsNn {
	border:#0585B2 solid 1px;
	border-top:none;
}
.newsheader {
	margin:0px 0px -2px -7px ;
	background:url(../images/newsheader.png) left top no-repeat;
	width:660px;
	height:70px;
	display:block;
}
/*.backendbody .vervolgcontent .newsheader, 
body.vervolgcontent .newsheader,*/
.vervolgcontent .newsheader
{
	display:none;
}


.vervolg .newsitems ul {
	border-top:#0585B2 1px solid;
}


.cb3Module_NewsImageTd {
	width: 220px;
	height: 142px;
	overflow: hidden;
	text-align: left;
	float:left;
	border-style:solid;
	border-width:0px 2px 2px 0px;
	border-color:#ffffff;
	/*margin-right:10px;*/
	background: #FFFFFF url(../images/no_news_image.gif) no-repeat 0px 2px;
	margin:0px 10px;
}


.cb3Module_News a.ReadMoreLink {
	/*font-size: 11px;*/
	color:#1191BE!important;
	display: block;
	position: absolute;
	bottom:0px;
	right:10px;
	font-weight:bold;
}

.cb3Module_News a.ReadMoreLink:hover {
	color:#54AECE!important;
}

.cb3Module_News .title_link:link,
.cb3Module_News .title_link:hover,
.cb3Module_News .title_link:active,
.cb3Module_News .title_link:visited {
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
	margin:0px;
	padding:2px 0px 0px 23px;
	line-height:normal;
	background: url(../images/newsarrow01.png) 6px 8px no-repeat;
	color: #FFFFFF;
}

.cb3Module_News .title_link_nn:link,
.cb3Module_News .title_link_nn:hover,
.cb3Module_News .title_link_nn:active,
.cb3Module_News .title_link_nn:visited {
	display: block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	height: 20px;
	margin:0px;
	padding:2px 0px 0px 23px;
	line-height:normal;
	background: url(../images/newsarrow02.png) 6px 7px no-repeat;
	color: #000;
}
.vervolg .cb3Module_News .title_link_nn:link,
.vervolg .cb3Module_News .title_link_nn:hover,
.vervolg .cb3Module_News .title_link_nn:active,
.vervolg .cb3Module_News .title_link_nn:visited {
	background: none;
}

.cb3Module_News .title_link:hover {
	color:#B0DAE8;
}

.NewsImage {
	display: block;
	width: 220px;
	height: 140px;
	float: left;
	margin: 2px 0px 0px 0px;
	background-position:50% 50%;
	background-repeat:no-repeat;
}


.cb3Module_News .IntroText {
	display: block;
	color: #000000;
	position:relative;
	line-height: 18px;
	font-size: 12px;
	font-weight: normal;
	padding: 10px;
}

/* ---- -- [ MODULE: LINKOVERVIEW ] -- ---- */

.cb3Module_LinkOverview {
	width: 100%;	
	table-layout: fixed;
	border-collapse: collapse;
}

.cb3Module_LinkOverview td {
	vertical-align: top;
}

.cb3Module_LinkOverview ul,
.cb3Module_LinkOverview li {
	list-style: none;
	list-style-type: none;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.cb3Module_LinkOverview .CategoryItem {
	background: Transparent url(../images/default/icons/bullet_black.png) no-repeat 0% 3px;
	padding: 0px 0px 0px 20px;
	margin: 8px 0px 0px 0px;
	font-weight: bold;	
}

.cb3Module_LinkOverview .LinkItem {
	background: Transparent url(../images/default/icons/link.png) no-repeat 0% 3px;
	padding: 0px 0px 0px 20px;
	margin: 0px 0px 0px 20px;
	font-weight: normal;
}

/* ---- -- [ MODULE: POLL ] -- ---- */

.cb3Module_Poll {
	display: block;
	width: 496px;
	background: Transparent;
	/*font-size: 11px;*/
}

.cb3Module_Poll .title {
	font-size: 12px;
	font-weight: bold;
	color: #343434;
}

.AnswerWrapper, 
.AnswerWrapperHover {
	display: block;
	background: Transparent url();
	cursor: default;
	padding-top: 2px;
}

.AnswerWrapperHover {
	background: Transparent url(../images/highlight.gif) repeat-x 0% 50%;
	color: #FFFFFF
}

.AnswerRadioButton {
	margin: 0px 10px 0px 0px;
}

.SubmitWrapper {
	display: block;	
}

.SubmitWrapper a:link,
.SubmitWrapper a:hover,
.SubmitWrapper a:active,
.SubmitWrapper a:visited {
	display: block;	
	width: auto;
	float: left;
}

.SubmitWrapper .button,
.SubmitWrapper .buttonHover {
	display: block;	
	width: auto;
	float: right;
}

.ResultsRepeater {
	display: block;
	margin: 10px 0px 0px 0px;
	width: 100%;
}

.AnswerResultWrapper,
.AnswerResultHeadingWrapper {
	display: block;
	clear: both;
	padding: 0px 0px 0px 2px;
	/*font-size: 11px*/;
	height: 24px;
}

.AnswerResultHeadingWrapper {
	background: #2FB0D8 url(../images/highlight_b_.gif) repeat-x 0% 0%;
	height: 22px;
	margin: 0px 0px 2px 0px;
	padding: 3px 0px 3px 0px;
}

.AnswerResultHeadingWrapper * {
	/*font-size: 11px !important;*/
	font-style: italic;
	line-height: 15px !important;
	color: #FFFFFF;
}

.NoOfVotes,
.NoOfVotesInPercentage {
	display: block;
	width: 100px;
	float: left;
}

.NumberOfVotes,
.NumberOfVotesTotal,
.Percentage {
	display: block;
	width: 50px;
	float: left;
}

.AnswerTextHeading,
.PercentageHeading,
.AnswerText {
	display: block;
	width: 190px;
	float: left;
}

.AnswerTextHeading,
.NumberOfVotesHeading,
.PercentageHeading {
	font-weight: bold;	
}

.PercentageWrapper {
	display: block;
	width: 180px;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 2px 0px 0px;
	background: Transparent;
}

.PercentageWrapper img {
	display: block;
	height: 20px;
	margin: 0px 0px 0px 0px;
	background: Transparent url(../images/highlight.gif) repeat-x 0% 50%;
}

/* -- ---- [ MODULE: WEBUSERLOGIN ] ---- -- */

.cb3Module_WebUserLogin {
	width: 100%;
}

.cb3Module_WebUserLogin .Label {
	width: 40%;
	font-weight: bold;
	color: #29B5DE;
}

.cb3Module_WebUserLogin .Content {
	width: 60%;
}

.cb3Module_WebUserLogin .Content .veld {
	/*width: 100%;*/
}

.WebUserValidationMessage {
	display: block;
	color: #FF0909;
	background: #FFE5E5;
	/*font-size: 11px;*/
	font-weight: bold;
	padding: 5px 6px 5px 6px;
	text-align: center;
	margin: 2px 0px 2px 0px;
}

/* -- ---- [ MODULE: SITEMAP (id="SiteMapTreeViewSimple") ] ---- -- */
.SiteMap {
}
.SiteMap table {
	line-height:normal;
}

.RootNode { 
	/* RootNode Div styling */
	font-size: 12px;
	font-weight: bold;
	padding:7px;
	padding-top:7px;
	padding-bottom:1px;
} 

.RootNode a:link,
.RootNode a:active,
.RootNode a:visited { 
	/* RootNode Link styling */
	color: #343434;
	text-decoration: none;
} 

.RootNode a:hover { 
	/* RootNode Link styling */
	color: #686868;
} 

.ParentNode { 
	/* ParentNode Div styling */
	/*font-size:11px; */ 
	font-weight: bold;
} 

.ParentNode a { 
	/* ParentNode Link styling */
} 

.ParentNode a:hover { 
	/* ParentNode Link styling */
} 

.LeafNode { 
	/* LeadNode Div styling */
	/*font-size:11px*/;  
	width: 200px;
	overflow: hidden;
} 

.LeafNode a:link,
.LeafNode a:active,
.LeafNode a:visited { 
	/* LeadNode Link styling */
} 

.LeafNode a:hover { 
	/* LeadNode Link styling */
} 

/* -- ---- [ MODULE: SITEMAP (id="SiteMapTreeViewSimple") ] ---- -- */

.SiteMapDropDown {
	display: inline;
	width: auto;	
	height: 1;
	position: relative;
	top: 8px;
}

.SiteMapDropDown td {
	display: inline;
	width: auto;
	height: 1;	
}

.SiteMapDropDown .select {
	/* Sitemap Select-element styling */
}

/* -- ---- [ MODULE: FAQ-OVERVIEW ] ---- -- */

.SubjectRepeater,
.FaqOverviewDetails {
	display: block;
	margin: 0px 0px 10px 0px;	
}

.FaqSubjectInt {
	display: none;
	width: 5%;
	float: left;
	font-weight: bold;
}

.FaqSubjectLink {
	display: block;
	clear:both;
}

.SubjectDetailHeader {
	display: block;	
	background: Transparent url(../images/highlight.gif) repeat-x 0% 50%;
	color: #FFFFFF;
	font-weight: bold;
	font-style: italic;
	padding: 2px;
	height: 24px;
	margin: 0px 0px 3px 0px;
}

.SubjectDetailHeader .SubjectNameWrapper {
	display: block;
	padding:3px 0px 3px 3px;
	float: left;
}

.SubjectDetailHeader .title {
	color:#ffffff;
	font-size:1em;
	line-height:1em;
}

.SubjectDetailHeader .ViewAllAnswerWrapper {
	display: block;
	width: 35%;
	float: right;
	text-align: right;
	font-weight: normal;
}

.SubjectDetailHeader .TopOfThePageLink {
	display: block;
	float: right;
	width: 16px;
	height: 24px;
	background: Transparent url(../images/gotoTopButton.gif) no-repeat 0% 50%;
	margin: 0px 4px 0px 10px;
}

.SubjectDetailHeader .TopOfThePageLink:Hover {
	background-position: 100% 50%;
}

.FaqSubjectGroup {
	display: block;
	margin: 0px 0px 10px 0px;	
}

.SubjectQuestionWrapper {
	display: block;
	height: 22px;
	background: Transparent url(../images/default/icons/question_mark.png) no-repeat 0% 0%;
	padding: 0px 0px 0px 22px;
	margin: 2px 0px 3px 0px;
}

.SubjectAnswerWrapper {
	display: block;
	background: Transparent url(../images/default/icons/answer_mark.png) no-repeat 0% 0%;
	padding: 0px 0px 0px 22px;
	margin: 0px 0px 14px 0px;
}

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

.cb3Module_CalendarOverview {
	display: block;
	margin: 0px 0px 10px 0px;	
}

.cDate {
	display: block;
	float: right;
	width: 120px;
	/*font-size: 11px;*/
	line-height: 16px;
	margin: 0px 0px 0px 20px;
	padding: 2px;
	text-align: right;
	background: #EAECEE;
	border: 1px #ADADAD dotted;
}

.cb3Module_CalendarOverview .Summary {
	display: block;
	margin: 8px 0px 8px 0px;
}

/*___________________________________

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


.cb3Module_Form
{
    display:block;
    width:98%;
    clear:both;
}

.Form_ItemContainer
{
    display:block;
    clear:both;
    padding-top:3px;
}

.Form_ItemLabel
{
    display:block;
    width:33%;
    float:left;
    clear:left;
    vertical-align:top; 
    font-weight:bold; 
}

.Form_ContentLabel, .form_attachment INPUT
{
    display:block;
    width:62%;
    float:right;
    clear:right;
    text-align:left;
}

.Form_ContentLabel .field, .Form_ContentLabel .withWatermarkClass, .Form_ContentLabel .withoutWatermarkClass, .Form_ContentLabel .form_dropdown
{
    width:100%;
}

.Form_ContentLabel .area, .Form_ContentLabel .resizable-textarea
{
    width:100% !important;
    height:100px;
}

/* classes for options and radio buttons */

.Form_OptionLabel
{
    display:block;
    font-style:italic;
}

.Form_ContentLabel .CheckboxlistControl, .Form_ContentLabel .RadioboxlistControl
{
    table-layout:fixed;
    width:100% !important;
    vertical-align:top;
}

.Form_ContentLabel .CheckboxlistControl td, .Form_ContentLabel .RadioboxlistControl td
{
    vertical-align:top;
    font-size:0.92em;
}

.Form_ContentLabel .CheckboxlistControl input, .Form_ContentLabel .RadioboxlistControl input
{
    display:block;
    float:left;
}

.Form_ContentLabel .CheckboxlistControl label, .Form_ContentLabel .RadioboxlistControl label
{
    text-align:left;
    padding-left:2px;
}

.Form_ItemContainer .button
{
    float:right;
    cursor:pointer;
    cursor:hand;
}

.Form_Submittext
{
    font-weight:bold;
}

/* form error styling */

.Form_Errorspan
{
    display:block;
    height:10px;
    width:10px;
    color:Red;
    position:absolute;
    margin-left:-10px;
    font-weight:bold;
}

/* this is to prevent the Telerik editor from redefining font sizes */


.cb3Module_Form FONT
{
    font-size:12px !important;
}


/* -- ---- [ MODULE: SITEMAP ] ---- -- */

.SiteMapWrapperTable {
	width: 100%;
	border: 0;
	margin: 0;
	padding: 0;
}

td.SiteMapHeading {
	font-size: 14px !important;
	color: #F27F2E;
	font-weight: bold;	
}

td.SiteMapIconColumn, td.SiteMapIconColumnNoBg {
	width: 20px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: Transparent url(../images/default/sitemap/i.gif) repeat-y 0% 0%;
	vertical-align: top;
}

td.SiteMapIconColumnNoBg {
	background: Transparent url();
}

td.SiteMapColumn {
	padding: 0px 0px 10px 0px;
}

.SiteMap {
	/*margin:0px 0px 0px 10px;*/
}

.RootNode { 
	/* RootNode Div styling */
	font-size: 12px;
	font-weight: bold;
	padding: 0px 0px 1px 0x;
} 

.RootNode a,
.RootNode a:link,
.RootNode a:active,
.RootNode a:visited { 
	/* RootNode Link styling */
	color: #2FB0D8;
	text-decoration: underline;
} 

.RootNode a:hover { 
	/* RootNode Link styling */
	color: #3c3c3c;
	text-decoration: underline;
} 

.ParentNode { 
	/* ParentNode Div styling */
	/*font-size:11px; */ 
	font-weight: bold;
} 

.ParentNode a,
.ParentNode a:link,
.ParentNode a:active,
.ParentNode a:visited { 
	/* ParentNode Link styling */
	color: #2FB0D8;
	text-decoration: underline;
} 

.ParentNode a:hover { 
	/* ParentNode Link styling */
	color: #3c3c3c;
	text-decoration: underline;
} 

.LeafNode { 
	/* LeadNode Div styling */
	/*font-size:11px;*/  
	width: 100%;
	overflow: hidden;
} 

.LeafNode a:link,
.LeafNode a:active,
.LeafNode a:visited { 
	/* LeadNode Link styling */
	color: #2FB0D8;
	text-decoration: underline;
} 

.LeafNode a:hover { 
	/* LeadNode Link styling */
	color: #3c3c3c;
	text-decoration: underline;
}	
	
	
/* -- DOCUMENT OVERVIEW CSS & ICONS -- */

.documentoverviewCss {
    width:540px;
}

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

.documentoverviewCss .column {
}

.documentoverviewCss .categoryCss {
    display:block;
    clear:both;
    margin-bottom:10px;
}

.documentCss, .documentlink {
    clear:both;    
}

.documentoverviewCss B {
    display:block;
    margin-top:20px;
}

.documentimageCss {
    display:block;
    height:22px;
    width:22px;
    float:left;
    background-repeat:no-repeat;
    background-position:top left;
    background-image:url(../Images/File_types/unknown.gif);
}

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


/* ---------- *** fontsizer *** ---------- */
#fontsizer {
	position:absolute;
	right:40px;
	top:100px;
	font-size:1px!important;/* else we size this as well and the distance between the buttons changes */
}
.content_top #fontsizer {
	position:absolute;
	right:20px;
	top:8px;
	font-size:1px!important;/* else we size this as well and the distance between the buttons changes */
}
#fontsizer a:link, #fontsizer a:hover, #fontsizer a:visited, #fontsizer a:active
{
    display:inline-block;
    width: 15px;
    height:15px;
    margin-left: 0px;
    background: url(../images/icons/fontsize.png);
}

    #fontsizer a.klein:link,
    #fontsizer a.klein:active,
    #fontsizer a.klein:visited {background-position: 0px 0px;}
    #fontsizer a.klein:hover {background-position: 0px -15px;}     
    
    #fontsizer a.middel:link,
    #fontsizer a.middel:active,
    #fontsizer a.middel:visited {background-position: -15px 0px;}
    #fontsizer a.middel:hover {background-position: -15px -15px;} 
    
    #fontsizer a.groot:link,
    #fontsizer a.groot:active,
    #fontsizer a.groot:visited {background-position: -30px 0px;}
    #fontsizer a.groot:hover {background-position: -30px -15px;} 
	
	
    
/* ---------- *** functionmenu *** ---------- */

#functiemenu
{
	position:absolute;
	right:65px;
	top:8px;
	z-index:10;
	font-size:11px!important;/* else we size this as well and the distance between the buttons changes */
}

#contentwrapper .FunctieNaarBoven
{
    position: absolute;
    right: 0px;
    bottom:0px;
    hasLayout: false;
    #bottom: 110px; /* Fixes the bottom offset from the contentwrapper for IE >> play with this value to get the desired result */
    #right:10px; /* Fixes the padding from the contentwrapper for IE >> insert width of right padding here */
} 

#functiemenu .functionbutton
{
    display:inline-block;
    width:16px;
    height:16px;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    border: 0px;
    font-size:1px;
    background-position:top left;
    background-repeat:no-repeat;      
}

#functiemenu .print
{
    background:url(../images/icons/print.gif) bottom no-repeat;
}

#functiemenu .email
{
    background:url(../images/icons/mail.gif) bottom no-repeat;
}
	
#mail_form 
{
	background: #2aafd8 url(../images/bg_home_center.jpg) 0px -20px no-repeat;
    display:none;
    position: absolute; 
    width: 300px; 
    top: 0px; 
    right: 22px;
	border:#FFF 1px solid;
	z-index:10!important;
}
	
#mail_form .form_title
{
    font-weight: bold;
    font-size: 1em;
}
	
#mail_form .inside table
{
    width: 100%;
    table-layout: fixed; 
    padding:5px !important;
    font-size: 0.92em;        
    color: #ffffff;
}
#mail_form .inside table td	{ padding:3px; }
   
#mail_form input { width: 100%; }
#mail_form textarea { width: 100%; height: 5em; }
    
#mail_form .CloseButton 
{ 
    float:right; 
}
    
#mail_form .SubmitButton 
{ 
    width:127px;
    float:right; 
}

/* ---------- [ Tooltip class ] ---------- */
div.tooltip { 
	border: 1px solid #0585B2!important;
	background: #fff!important;
	color: #000!important;
	padding: 2px 4px 2px 4px!important; 
	z-index:1000!important;
	text-align:left!important;
	font-size:0.92em;
}