/* _ Basics _________________________________________________________ */
.basics											{ position: relative; display: block; clear: both; width: 100%; float: left; }


/* _ User dashboard _________________________________________________________ */
div.main .userdash,
div.main .userdash .userdash_block				{ position: relative; display: block; clear: both; width: 100%; float: left; }
div.main .userdash input						{ width: 228px; }
div.main .userdash input.userdash_submit		{ position: relative; width: auto; float: right; border: 1px solid #29b8c8; background: #29b8c8; color: #fff; font-size: 14px; font-weight: bold; padding: 6px 15px; }
div.main .userdash input.userdash_submit:hover	{ border: 1px solid #013359; background: #013359; cursor: pointer; }
div.main .userdash .bottomlinks					{ text-align: right; line-height: normal; margin-top: 10px; }
div.main .userdash .errormessage				{ display: none; }
div.main .userdash .errormessage.bright			{ display: block; margin-bottom: 3px; }
div.main .userdash .errormessage div			{ display: block; background: #F75F5F; color: #fff; }
div.main .userdash .errormessage.bright div		{ background: #C00; }
div.main .userdash .errormessage div p			{ padding: 10px; }
div.main .userdash a							{ text-decoration: none; color: #555; }

div.main .userdash .userdash_actions						{ position: relative; margin: 0; margin-top: 10px; padding: 0; }
div.main .userdash .userdash_actions li						{ margin: 3px 0; }
div.main .userdash .userdash_actions li a					{  }
div.main .userdash .userdash_actions li a:hover				{ color: #29b8c8; }
div.main .userdash .userdash_actions li ins					{ position: relative; float: left; display: block; width: 16px; height: 16px; margin-right: 5px; }
div.main .userdash .userdash_actions li.terugbetaling ins	{ background: url(../img/icons/dash_sprite.png) no-repeat center top; }
div.main .userdash .userdash_actions li.fsmc ins			{ background: url(../img/icons/dash_sprite.png) no-repeat center -16px; }
div.main .userdash .userdash_actions li.gegevens ins		{ background: url(../img/icons/dash_sprite.png) no-repeat center -32px; }
div.main .userdash .userdash_actions li.afmelden ins		{ background: url(../img/icons/dash_sprite.png) no-repeat center -48px; ; }

div.main .userdash .errormessage div			{
	-moz-border-radius:		3px;
    -webkit-border-radius:	3px;
    -khtml-border-radius:	3px;
    border-radius:			3px;
}


/* _ Features _________________________________________________________ */

#heroica-feature		{ position: relative; float: left; display: block; clear: both; width: 100%; }
#heroica-feature a		{ position: relative; float: left; display: block; clear: both; width: 100%; box-sizing: border-box; padding: 0; margin: 0; }
#heroica-feature img	{ position: relative; float: left; display: block; clear: both; width: 100%; max-width: 100%; }

/* _ Home news _________________________________________________________ */
div.main .home_news							{ position: relative; float: left; display: block; margin-bottom: 25px; }
div.main .home_news h1						{  }
div.main .home_news .newsitem_link			{ text-align: right; border-top: 1px solid #f5f5f5; }
div.main .home_news .newsitem_link a		{ color: #666; text-decoration: none; font-weight: bold; }
div.main .home_news .newsitem_link a:hover	{ color: #000; }
div.main .home_news .itemsmall_text,
div.main .home_news .itemsmall_pic			{ padding: 5px 0; padding-top: 10px; }
div.main .home_news td						{ vertical-align: top; }

div.main .home_news .itemsmall_pic			{ width: 100px; }
div.main .home_news .itemsmall_spacer		{ width: 10px; }


/* _ Subpage overview _________________________________________________________ */
div.overviewBlock .overview_sub_description	{ margin-top: 5px; }


/* _ Lists _________________________________________________________ */
div.contentcontainer .search li	{ list-style-type: none; }


/* _ Sitemap _________________________________________________________ */
div.main div.sitemap a	{ text-decoration: none; }


/* _ Contactform _________________________________________________________ */
.contactform													{ position: relative; float: left; display: block; width: 100%; clear: both; }
.contactform .contactform-row									{ position: relative; float: left; display: block; width: 100%; clear: both; }
.contactform .contactform-row .contactform-column-left			{ position: relative; float: left; display: block; width: 48%; clear: none; }
.contactform .contactform-row .contactform-column-right			{ position: relative; float: right; display: block; width: 48%; clear: none; }
.contactform .contactform-row .contactform-column-full			{ position: relative; float: left; display: block; width: 100%; clear: both; }
.contactform .contactform-row a									{ text-decoration: none; }
.contactform input.verzend										{ background: #8CB344; border: 1px solid #8CB344; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }
.contactform input.verzend:hover								{ background: #444; border: 1px solid #444; }
.contactform input.error,
.contactform textarea.error,
.contactform select.error										{ border: 1px solid #F75F5F; color: #fff !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); background: #F75F5F; }

.contactform input.error.form-control::-webkit-input-placeholder,
.contactform textarea.error.form-control::-webkit-input-placeholder,
.contactform select.error.form-control::-webkit-input-placeholder { color: white; }

.contactform input,
.contactform textarea,
.contactform select												{
	/*border:					1px solid #ddd;
	color:					#777;
	padding:				10px;
	-webkit-border-radius:	2px;
	-moz-border-radius:		2px;
	border-radius:			2px;
	margin:					3px 0;*/
}


/* _ Blog _________________________________________________________ */
/* Main */
div.contentcontainer .blog ul.blog-itemlist							{ padding: 0; }
div.contentcontainer .blog ul.blog-archive							{ padding: 0; margin: 0; }
div.contentcontainer .blog ul.blog-itemlist li						{ position: relative; clear: both; display: block; overflow: hidden; list-style-type: none; }
div.contentcontainer .blog ul.blog-itemlist a						{ text-decoration: underline; }
div.contentcontainer .blog ul.blog-itemlist .blog-item-title a		{ text-decoration: none; }
div.contentcontainer .blog ul.blog-itemlist .controls li			{ clear: none; display: inline; }
/* Green blog items */
div.contentcontainer .blog div.blog-item.green .blog-item-title a	{ color: #55B032; }
div.contentcontainer .blog div.blog-item.green span.blog-month		{ background: #55B032; }
/* Blue blog items */
div.contentcontainer .blog div.blog-item.blue .blog-item-title a	{ color: #004B94; }
div.contentcontainer .blog div.blog-item.blue span.blog-month		{ background: #004B94; }
/* Archive */
div.blog .blog_archivebox 											{ position: relative; float: left; display: block; width: 100%; clear: both; }
div.blog .blog_archivebox .blog_search_box							{ position: relative; float: left; display: block; width: 100%; clear: both; }
div.blog .blog_archivebox h2										{ font-weight: bold; color: #444; font-size: 14px; }
div.blog .blogZoek input											{ width: 169px; height: 25px; border: none; padding: 1px 10px; }
div.blog .blogZoek .zoek											{ width: auto; height: auto; line-height: normal; padding: 6px 10px; color: #fff; background: #666; }
div.blog .blog_archivebox .blog-archive a							{ color: #666; text-decoration: none; padding: 5px 0; padding-right: 35px; display: block; z-index: 1; }
div.blog ul.blog-archive li .blog_item_count 						{ position: absolute; right: 0; top: 0; z-index: 2; padding: 0; text-align: center; width: 25px; height: 25px; line-height: 25px; font-size: 12px; font-weight: bold; }
div.blog div.blog-return li.returntoblog							{ border: none; background: #fff; text-align: right; border-top: 1px dotted #ddd; }
div.blog div.blog-return li.returntoblog a							{ text-decoration: none; display: block; }
div.blog a span.blog-prev,
div.blog a span.blog-next											{ border: none; color: #666; background: #eee; }
div.blog a span.blog-prev:hover,
div.blog a span.blog-next:hover										{ border: none; color: #fff; background: #9ab62b; }

/* Homepage -------------------------------------------------------------------------------  */
.homepage { position: relative; float: left; width: 100%; clear: both; display: block; margin-bottom: 20px; }
.homepage .homepage-column-left { position: relative; float: left; width: 436px; display: block; clear: none; margin-right: 20px; }
.homepage .homepage-column-right { position: relative; float: left; width: 254px; display: block; clear: none; }

.homepage .homepage-column-left .mp-cms-editmode .content ul,
.homepage .homepage-column-left .block ul { width: auto; padding-left: 25px; }

.homepage .homepage-column-left .mp-cms-editmode .content ul { list-style-type: square; }

/* Content -------------------------------------------------------------------------------  */
div.main h1,
div.main .vwb-box h2						{ position: relative; float: left; clear: both; display: block; width: 100%; font-family: 'Dosis', Arial, Helvetica, sans-serif; font-size: 24px; color: #333 !important; font-weight: normal; letter-spacing: 0; margin: 0; margin-bottom: 1px; text-transform: uppercase; }
div.main h1									{ border-bottom: none; padding: 2px 0; color: #444 !important; font-size: 30px; }
div.main .vwb-box h2						{ background: #fedf17; padding: 5px 10px; box-sizing: border-box; }
div.main .vwb-box li						{ position: relative; float: left; display: block; clear: both; box-sizing: border-box; width: 100%; }
div.main .vwb-box li a						{ background: none; }
div.main .vwb-box li ins					{ position: absolute; left: 0; top: 8px; width: 16px; height: 16px; background: url(../img/icons/bike_b.png) no-repeat left top; }
div.main .vwb-box li:hover ins				{ background: url(../img/icons/bike_w.png) no-repeat left top; left: 10px; }
div.main .contentSide .vwb-box li ins		{ background: url(../img/icons/hln_b.png) no-repeat left top; }
div.main .contentSide .vwb-box li:hover ins	{ background: url(../img/icons/hln_w.png) no-repeat left top; }
div.main .vwb-box li a:hover				{ padding-left: 35px; padding-right: 5px; }
div.main .vwb-box li a						{
	-webkit-transition:	padding 500ms ease;
	-moz-transition:	padding 500ms ease;
	-o-transition:		padding 500ms ease;
	transition:			padding 500ms ease;
}
div.main .vwb-box li ins					{
	-webkit-transition:	left 500ms ease;
	-moz-transition:	left 500ms ease;
	-o-transition:		left 500ms ease;
	transition:			left 500ms ease;
}

div.main .article-title:hover,
div.main .article-content:hover									{ cursor: default; }
div.main .homenews-highlight.article-title h1					{ color: #0386BD !important; cursor: default; }
div.main .homenews-highlight.article-content .itemsmall_text	{ color: #444; }


/* Small box */
div.main .vwb-box { position: relative; float: left; display: block; width: 100%; clear: both; margin-bottom: 15px; }
/* div.main .vwb-box h2 { position: relative; float: left; clear: both; display: block; width: 100%; font-family: 'Dosis', Arial, Helvetica, sans-serif; font-size: 32px; color: #666; font-weight: normal; margin-bottom: 1px; }*/
div.main .vwb-box ul { position: relative; float: left; clear: both; display: block; width: 100%; margin: 0; padding: 0; }
div.main .vwb-box li { list-style-type: none; margin-bottom: 1px; border-bottom: 1px dotted #ccc; }
div.main .contentSide .vwb-box li { margin-bottom: 0; padding: 0; box-sizing: border-box; }
div.main .vwb-box li.even { }
div.main .vwb-box li:hover { background: #0386BD; cursor: pointer; color: #fff; }
div.main .vwb-box li:hover a { color: #fff; }
div.main .vwb-box li a { display: block; padding: 7px 5px; padding-right: 15px; text-decoration: none; color: #777; padding-left: 25px; }

div.main .vwb-box .leesmeer			{ position: relative; float: left; clear: both; display: block; width: 100%; text-align: right; margin-top: 5px; }
div.main .vwb-box .leesmeer a		{ position: relative; float: left; display: block; width: 100%; padding: 10px; background: #f7f7f7; box-sizing: border-box; text-align: center; text-transform: uppercase; font-size: 10px; font-weight: bold; color: #666; }
div.main .vwb-box .leesmeer a:hover { cursor: pointer; background: #0386BD; color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); }

/* Weer box */
div.main .vwb-box.hetweer #externalforecast { width: 233px !important; border: none !important; }
div.main .vwb-box.hetweer #externalforecast > div > div { position: relative; float: left; width: 100% !important; background: #aaa !important; }
div.main .vwb-box.hetweer #externalforecast > div > div > h2 { position: relative; float: left; padding-top: 5px !important; background: none !important; font-size: 18px !important; z-index: 1; }
div.main .vwb-box.hetweer #externalforecast > div > div > div { position: absolute !important; right: 0; top: 0; z-index: 2; }
div.main .vwb-box.hetweer #externalforecast > div > table { position: relative; float: left; width: 100% !important; border-spacing: 1px !important; border-collapse: separate !important; border: 1px solid #ccc !important; }
div.main .vwb-box.hetweer #externalforecast > div > table tbody { }
div.main .vwb-box.hetweer #externalforecast > div > table tr > td.first { border: none !important; }
div.main .vwb-box.hetweer #externalforecast a.bottom { color: #fff !important; }
div.main .vwb-box.hetweer #externalforecast a.bottom img { margin-right: -3px !important; }

/* Facebook box */
div.main .vwb-box.facebook { background: #f5f5f5 url(../img/social/facebook_loading.png) no-repeat center center; border-bottom: 1px solid #3b5998; }
div.main .vwb-box.facebook iframe { background: #fff; width: 235px !important; height: 286px !important; }

/* Blog */
/* div.main div.blog h1 { color: #999 !important; border: none; } */
div.main div.blog .blog-item h1 { margin: 0; margin-bottom: 10px; }
/* div.main div.blog .blog-item { font-size: 11px; } */

/* Overview block */
div.overviewBlock td.column { width: 50%; }
div.overviewBlock .overview_sub { width: 233px; }

/* Kalender - home */
.kalender { position: relative; float: left; clear: both; display: block; width: 100%; }
.kalender .kalender-content { position: relative; padding: 0; display: block; clear: both; }
.kalender .kalender-content .kalender-dag { position: relative; float: left; width: 100%; clear: both; display: block; margin-bottom: 1px; }
.kalender .kalender-content .kalender-dag .kalender-titel { position: relative; float: left; clear: both; display: block; width: 100%; background: none; height: auto; border-bottom: 1px solid #FEDF17; margin-bottom: 5px; }
.kalender .kalender-content .kalender-dag .kalender-titel h2 { position: relative; float: left; padding-left: 5px; width: auto; clear: none; font-family: 'Dosis', Arial, Helvetica, sans-serif; font-size: 16px; color: #a0a0a0; background: none; border: none; line-height: 29px; }
.kalender .kalender-content .kalender-dag .kalender-titel h1 { position: relative; float: right; padding-right: 5px; width: auto; clear: none; font-family: 'Dosis', Arial, Helvetica, sans-serif; font-size: 16px; color: #666 !important; background: none; border: none; line-height: 29px; }
.kalender .kalender-content .kalender-dag .kalender-eventlist { position: relative; float: left; clear: both; display: block; width: 100%; }
.kalender .kalender-content .kalender-dag .kalender-eventlist ul { margin: 2px 0; padding: 0; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li { position: relative; float: left; display: block; clear: both; width: 100%; margin: 0; padding: 0; background: none; color: #777; border: none; margin-bottom: 10px; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li:hover { background: none; color: #777; cursor: pointer; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li.cancel:hover { cursor: default; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li:hover .kalender-event { background: #f5f5f5; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event { position: relative; float: left; clear: both; display: block; width: 100%; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li.cancel .kalender-event { border-bottom: 1px dotted #CC1837; margin-bottom: 5px; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event .kalender-event-icon { position: relative; float: left; width: 40px; height: 40px; text-align: right; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event .kalender-event-details { position: relative; float: left; width: 177px; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event .kalender-event-details span.kalender-event-cancelled { font-size: 13px; font-weight: bold; color: #CC1837; position: relative; float: left; padding-left: 7px; clear: both; display: block; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event .kalender-event-details span.kalender-event-naam { font-size: 13px; font-weight: bold; color: #6d6d6d; position: relative; float: left; padding-left: 7px; clear: both; display: block; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event .kalender-event-details span.kalender-event-province { font-size: 10px; color: #6d6d6d; position: relative; float: left; padding-left: 7px; clear: both; display: block; margin-top: -5px; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event .kalender-event-details span.kalender-event-info { font-size: 10px; font-weight: normal; color: #aaa; position: relative; float: left; padding-left: 7px; clear: both; display: block; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li.cancel .kalender-event .kalender-event-details span.kalender-event-naam { color: #aaa; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li.cancel .kalender-event .kalender-event-details span.kalender-event-info {  }
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event .kalender-event-label { position: relative; float: left; width: 32px; height: auto; padding-top: 20px; top:2px; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event .kalender-event-label span { background: #eee; padding: 5px; font-size: 11px; color: #444; }
/* --> default */
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event .kalender-event-icon	{ background: url(../img/kalender/icon_default.png) no-repeat right center; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event .kalender-event-label	{  }
/* --> WT */
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event.wt .kalender-event-icon	{ background: url(../img/kalender/icon_wt.png) no-repeat right center; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event.wt .kalender-event-label	{ background: url(../img/kalender/label_wt.png) no-repeat center top; }
/* --> MTB */
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event.mtb .kalender-event-icon	{ background: url(../img/kalender/icon_mtb.png) no-repeat right center; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event.mtb .kalender-event-label	{ background: url(../img/kalender/label_mtb.png) no-repeat center top; }
/* --> GR */
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event.gr .kalender-event-label	{ background: url(../img/kalender/label_gr.png) no-repeat center top; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event.gr .kalender-event-icon	{ background: url(../img/kalender/icon_wt.png) no-repeat right center; }
/* --> ATB */
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event.atb .kalender-event-label	{ background: url(../img/kalender/label_atb.png) no-repeat center top; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li .kalender-event.atb .kalender-event-icon	{ background: url(../img/kalender/icon_mtb.png) no-repeat right center; }

/* --> Cancelled */
.kalender .kalender-content .kalender-dag .kalender-eventlist li.cancel .kalender-event .kalender-event-icon	{ background: #CC1837; height: 35px; text-align: center; }
.kalender .kalender-content .kalender-dag .kalender-eventlist li.cancel .kalender-event .kalender-event-icon i	{ color: #fff; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); font-size: 18px; line-height: 35px; }
/* Kalender - Overzicht -------------------------------------------------------------------------- */
#kalender-overzicht .kalender-overzicht-lijst { position: relative; width: 100%; float: left; clear: both; display: block; margin-top: 10px; }
#kalender-overzicht .kalender-overzicht-lijst h2 { color: #FFF; color: rgba(255,255,255,0.75); background: #0386BD; font-size: 12px; letter-spacing: 1px; font-weight: 300; padding: 5px 0; padding-right: 10px; text-align: right; text-transform: uppercase; }
#kalender-overzicht .kalender-overzicht-lijst h2 b { color: #fff; font-weight: 500; }
#kalender-overzicht .kalender-overzicht-lijst table { width: 100%; }
#kalender-overzicht .kalender-overzicht-lijst .list { position: relative; margin-bottom: 25px; border: 1px solid #eee; }
#kalender-overzicht .kalender-overzicht-tools { position: relative; clear: both; display: block; padding: 0; overflow: hidden; }
#kalender-overzicht .kalender-overzicht-tools div { position: relative; clear: both; display: block; width: 100%; }
#kalender-overzicht .kalender-overzicht-tools a { position: relative; display: inline-block; text-decoration: none; color: #666; }
#kalender-overzicht .list th { font-size: 10px; color: #444; background: #f7f7f7; }
#kalender-overzicht .kalender-overzicht-event {  }
#kalender-overzicht .kalender-overzicht-event td { vertical-align: middle; padding: 3px; }
#kalender-overzicht .kalender-overzicht-event.even td { background: #f9f9f9; }
#kalender-overzicht .kalender-overzicht-event .kalender-overzicht-event-type { width: 65px; text-align: center; }
#kalender-overzicht .kalender-overzicht-event .kalender-overzicht-event-type span { background: #FEDF17; padding: 7px; color: #444; font-size: 10px; text-transform: uppercase; width: 40px; }
#kalender-overzicht .kalender-overzicht-event .kalender-overzicht-event-details { border-left: 1px dashed #EEE; padding-left: 15px; }
#kalender-overzicht .kalender-overzicht-event .kalender-overzicht-event-details h3 { font-size: 14px; color: #777; }
#kalender-overzicht .kalender-overzicht-event .kalender-overzicht-event-details h4 { font-weight: bold; font-size: 12px; }
#kalender-overzicht .kalender-overzicht-event .kalender-overzicht-event-details h5 { font-weight: normal; font-size: 11px; padding-left: 22px; background: url(../../../../assets/img/icons/famfamfam/arrow-000-small-noshadow.png) no-repeat 5px 2px; margin-top: 2px; }
#kalender-overzicht .kalender-overzicht-event .kalender-overzicht-event-provincie { width: 150px; border-left: 1px dashed #eee; text-align: center; font-size: 11px; }
#kalender-overzicht .kalender-overzicht-event a { text-decoration: none; color: #aaa; }
#kalender-overzicht .kalender-overzicht-event a:hover { color: #aaa; }
#kalender-overzicht .kalender-overzicht-event .kalender-overzicht-event-type span {
	-moz-border-radius:		3px;
    -webkit-border-radius:	3px;
    -khtml-border-radius:	3px;
    border-radius:			3px;
}

#annulaties-lijst { position: relative; float: left; display: block; clear: both; width: 100%; margin-top: 15px; }
#annulaties-overzicht { position: relative; float: left; display: block; clear: both; width: 100%; }
#annulaties-overzicht .kalender-annulatie-block { position: relative; float: left; display: block; clear: both; width: 100%; margin-bottom: 15px; }
#annulaties-overzicht .kalender-annulatie-datum { position: relative; float: left; display: block; clear: both; width: 100%; margin-bottom: 4px; }
#annulaties-overzicht .kalender-annulatie-datum	p { color: #b00; border-bottom: 1px dotted #ccc; font-size: 12px; font-weight: normal; padding: 5px 0; text-align: right; }
#annulaties-overzicht .kalender-annulatie-datum	p span { text-transform: none; color: #888; font-weight: normal; }
#annulaties-overzicht .kalender-annulatie-afgelast { position: relative; float: right; display: block;  }
#annulaties-overzicht .kalender-annulatie { position: relative; float: left; clear: both; display: block; width: 100%; margin-bottom: 5px; padding: 5px 0;}
#annulaties-overzicht .kalender-annulatie td { vertical-align: middle; padding: 3px; }
#annulaties-overzicht .kalender-annulatie.even { background: #f3f3f3; }
#annulaties-overzicht .kalender-annulatie .kalender-annulatie-type { position: relative; float: left; display: block; height: auto; width: 65px; text-align: center; }
#annulaties-overzicht .kalender-annulatie .kalender-annulatie-type span { background: #FEDF17; padding: 7px; color: #444; font-size: 10px; text-transform: uppercase; width: 40px; }
#annulaties-overzicht .kalender-annulatie .kalender-annulatie-details { position: relative; float: left; display: block; height: auto; border-left: 1px dashed #EEE; padding-left: 15px; }
#annulaties-overzicht .kalender-annulatie .kalender-annulatie-details h3 { font-size: 16px; color: #444; }
#annulaties-overzicht .kalender-annulatie .kalender-annulatie-details h4 { font-weight: normal; font-size: 12px; color: #666; }
#annulaties-overzicht .kalender-annulatie .kalender-annulatie-details h5 { font-weight: normal; font-size: 11px; color: #aaa; padding-left: 17px; background: url(../../../../assets/img/icons/famfamfam/arrow-000-small-noshadow.png) no-repeat 0px 1px; margin-top: 2px; }
#annulaties-overzicht .kalender-annulatie .kalender-annulatie-provincie { position: relative; float: right; display: block; height: auto; width: 150px; border-left: 1px dashed #eee; text-align: right; font-size: 11px; }
#annulaties-overzicht .kalender-annulatie a { text-decoration: none; color: #aaa; }
#annulaties-overzicht .kalender-annulatie a:hover { color: #aaa; }
#annulaties-overzicht .kalender-annulatie .kalender-annulatie-type span {
	position:				relative;
	float:					left;
	display:				block;
	-moz-border-radius:		3px;
    -webkit-border-radius:	3px;
    -khtml-border-radius:	3px;
    border-radius:			3px;
}

/* Opleidingen / Trainings */
#training-overzicht .training-overzicht-lijst { position: relative; width: 100%; float: left; clear: both; display: block; margin-top: 10px; }
#training-overzicht .training-overzicht-lijst h2 { color: #aaa; font-size: 12px; font-weight: normal; padding: 5px 0; text-align: right; text-transform: uppercase; }
#training-overzicht .training-overzicht-lijst table { width: 100%; }
#training-overzicht .training-overzicht-lijst .list { position: relative; border: 1px solid #eee; }
#training-overzicht .training-overzicht-tools { position: relative; clear: both; display: block; padding: 0; overflow: hidden; }
#training-overzicht .training-overzicht-tools div { position: relative; clear: both; display: block; width: 100%; }
#training-overzicht .training-overzicht-tools a { position: relative; display: inline-block; text-decoration: none; color: #666; }
#training-overzicht .list th { font-size: 10px; color: #444; background: #f7f7f7; }
#training-overzicht .training-overzicht-item {  }
#training-overzicht .training-overzicht-item:hover td { background: #0386BD; color: #fff; }
#training-overzicht .training-overzicht-item.even:hover td { background: #0386BD; color: #fff; }
#training-overzicht .training-overzicht-item:hover td a { color: #fff; }
#training-overzicht .training-overzicht-item td { vertical-align: middle; padding: 3px; }
#training-overzicht .training-overzicht-item.even td { background: #f9f9f9; }
#training-overzicht .training-overzicht-item .training-overzicht-item-datum { width: 85px; text-align: center; }
#training-overzicht .training-overzicht-item .training-overzicht-item-naam { border-left: 1px dashed #EEE; padding-left: 15px; }
#training-overzicht .training-overzicht-item .training-overzicht-item-categorie { width: 150px; border-left: 1px dashed #eee; text-align: center; }
#training-overzicht .training-overzicht-item .training-overzicht-item-locatie { width: 150px; border-left: 1px dashed #eee; text-align: center; }
#training-overzicht .training-overzicht-item .training-overzicht-item-tijd { width: 150px; border-left: 1px dashed #eee; text-align: center; }
#training-overzicht .training-overzicht-item a { text-decoration: none; color: #aaa; display: block; }
#training-overzicht .training-overzicht-item a:hover { color: #aaa; }
#training-overzicht .training-overzicht-tools { position: relative; float: right; display: block; clear: both; margin: 0; padding: 0; margin-top: 15px; }
#training-overzicht .training-overzicht-tools li { position: relative; float: left; width: auto; display: block; margin-right: 5px; }
#training-overzicht .training-overzicht-tools li a { padding: 7px 12px; background: #eee; color: #666; display: block; }
#training-overzicht .training-overzicht-tools li.current a { background: #000; color: #fff; }
#training-overzicht .training-overzicht-tools li.label { padding: 7px 12px; }
#training-overzicht .trainings_weergave { position: relative; float: left; width: 100%; text-align: right; margin: 4px 0; font-size: 10px; }
#training-overzicht .training-overzicht-item .training-overzicht-item-type span {
	-moz-border-radius:		3px;
    -webkit-border-radius:	3px;
    -khtml-border-radius:	3px;
    border-radius:			3px;
}

/* Clubs */
.club-overzicht-container { position: relative; float: left; clear: both; width: 100%; }
.club-overzicht { position: relative; float: left; clear: both; width: 100%; border: 1px solid #E5E5E5; }
.club-overzicht th { font-weight: bold; border: none; background: #F8F8F8; border-bottom: 1px solid #E5E5E5; padding: 5px; }
.club-overzicht td { border-bottom: 1px solid #eee; }
.club-overzicht td a { text-decoration: none; color: #666; display: block; padding: 5px; }
.club-overzicht tr.even td { background: #fbfbfb; }
.club-overzicht tr:hover td { background: #0386BD; color: #fff; }
.club-overzicht tr:hover td a { color: #fff; }
.club-overzicht-pageing { position: relative; float: right; display: block; clear: both; margin: 0; padding: 0; }
.club-overzicht-pageing li { position: relative; float: left; width: auto; display: block; margin-right: 5px; }
.club-overzicht-pageing li a { padding: 1px 7px; background: #eee; color: #666; display: block; }
.club-overzicht-pageing li.current a { background: #000; color: #fff; }
.club-overzicht-pageing li.label { padding: 1px 7px; }
.clubs_weergave { position: relative; float: left; width: 100%; text-align: right; margin: 4px 0; font-size: 10px; }
.main.clubs-details { padding: 0; }

#club-dashboard { width: 100%; padding: 0; color: #303030; }
#club-dashboard .club-dashboard-content { position: relative; float: left; width: 100%; padding-top: 5px; }
#club-dashboard .club-dashboard-box-left { position: relative; float: left; clear: none; display: block; padding-top: 15px; width: 400px; }
#club-dashboard .club-dashboard-box-right { position: relative; float: right; clear: none; display: block; padding-top: 15px; width: 300px; }
#club-dashboard .club-dashboard-box-full { position: relative; float: left; clear: none; display: block; padding-top: 15px; width: 100%; }
#club-dashboard .club-dashboard-info { position: relative; float: left; clear: both; display: block; width: 380px; background: #f5f5f5; padding: 10px; }
#club-dashboard .club-dashboard-info .club-dashboard-info-photo { position: relative; width: 100px; float: left; display: block; }
#club-dashboard .club-dashboard-info .club-dashboard-info-details { position: relative; width: 265px; float: left; margin-left: 15px; }
#club-dashboard .club-dashboard-info table { width: 100%; }
#club-dashboard .club-dashboard-info tr {  }
#club-dashboard .club-dashboard-info td { text-align: left; vertical-align: top; padding: 4px 0; }
#club-dashboard .club-dashboard-info td.label { width: 100px; font-weight: bold; }
#club-dashboard .club-dashboard-info td.val {  }

.dashboard-activity { position: relative; float: left; width: 100%; clear: both; margin-bottom: 25px; border-bottom: 2px solid #EEE; }
.dashboard-activity-photo { position: relative; float: left; width: 50px; display: block; }
.dashboard-activity-photo img { width: 50px; }
.dashboard-activity-info { position: relative; float: left; margin-left: 10px; display: block; width: 240px; }
.dashboard-activity-info h4 { color: #bbb; font-weight: normal; }
.dashboard-activity-time { font-size: 11px; color: #bbb; }
.dashboard-activity-details { color: #888; margin-top: 5px; border-top: 1px dotted #EEE; padding-top: 5px; }

#club-dashboard .club-dashboard-photoalbums { padding: 0; margin: 0; }
#club-dashboard .club-dashboard-photoalbums li { border-bottom: 1px solid #eee; }
#club-dashboard .club-dashboard-photoalbums li.even {  }
#club-dashboard .club-dashboard-photoalbums a { display: block; padding: 5px; color: #303030; }
#club-dashboard .club-dashboard-photoalbums li:hover { background: #0386BD; border-bottom: 1px solid #006f9d; color: #fff; }
#club-dashboard .club-dashboard-photoalbums li:hover a { color: #fff; }

#club-album { width: 100%; padding: 0; color: #303030; }
#club-album .club-album-content { position: relative; float: left; width: 100%; padding-top: 5px; z-index: 1; }
#club-album .club-album-return { position: absolute; right: 0; top: 3px; z-index: 2; }
#club-album .club-album-box-full { position: relative; float: left; clear: none; display: block; padding-top: 30px; width: 100%; min-height: 10px; }
#club-album .album-thumbs { margin: 0; padding: 0; }
#club-album .album-thumbs li { position: relative; float: left; display: block; width: 108px; height: 108px; border: 1px solid #eee; margin-right: 10px; margin-bottom: 10px; }
#club-album .album-thumbs li.last { margin-right: 0; }
#club-album .album-thumbs li a { display: block; width: 102px; height: 102px; padding: 2px; background: #f7f7f7; border: 1px solid #fff; }
#club-album .album-thumbs li img { position: relative; width: 102px; }
#club-album .album-thumbs li:hover { border: 1px solid #ccc; box-shadow: 0 0 5px #CCC; }

#club-dashboard .club-dashboard-kalender h2 { margin: 0; }

.general_table { width: 100%; border-top: 1px solid #dedede; border-right: 1px solid #dedede; }
.general_table tbody th { font-weight: bold; border: none; background: #F8F8F8; border-bottom: 1px solid #ddd; padding: 5px; border-left: 1px solid #dedede; color: #777; }
.general_table tbody td { background: none; border-bottom: 1px solid #dedede; border-left: 1px solid #dedede; color: #777; }
.general_table tbody tr { background: none; border: none; }
.general_table tbody tr.switchcolor { background: none; border: none; }
.general_table tbody tr.switchcolor td { background: #FBFBFB; }
.general_table tbody tr:hover td { background: #0386BD; color: #fff; border-bottom: 1px solid #009cde; border-left: 1px solid #009cde; }
.general_table tbody td.active,
.general_table tbody tr.switchcolor td.active { background: #FEDF17; color: #303030; border-left: 1px solid #dac015; }


/* Bannerspace */
.bannerspace-container	{ position: relative; width: 100%; max-width: 1480px; margin: 0 auto; z-index: 3; top: 550px; overflow: visible !important; }
.bannerspace-mid,
.content-banners-left,
.content-banners-right		{ position: relative; float: left; width: 100%; margin-bottom: 15px; }
.bannerspace-mid img,
.content-banners-left img,
.content-banners-right img	{ position: relative; width: 100%; }
.bannerspace-container .bannerspace			{ position: absolute; top: 0; }
.bannerspace a:not(:first-child),
.content-banners-left a:not(:first-child),
.content-banners-right a:not(:first-child) { display: none;}
.bannerspace.left		{ left: 0; padding-left: 3px; }
.bannerspace.right		{ right: 0; padding-right: 3px; }

@media screen and (max-width: 1480px) {
	.bannerspace.left img,
	.bannerspace.left iframe,
	.bannerspace.right img,
	.bannerspace.right iframe	{ width: 100px; }
	.bannerspace.left .bannerVeloFollies,
	.bannerspace.right .bannerVeloFollies	{ width: 100px !important; height: 498px !important; }
}

@media screen and (max-width: 1440px) {
	.bannerspace-container	{ display: none !important; }
}

@media screen and (max-width: 1199px) {
	.bannerspace-container	{ display: block !important; }
}

@media screen and (max-width: 1178px) {
	.bannerspace-container	{ display: none !important; }
}

/* Footer bannerspace */
.bannerspace-footer					{ position: relative; float: left; display: block; clear: both; width: 100%; box-sizing: border-box; padding: 25px 0; text-align: center; border-top: 1px dotted #ddd;}
.bannerspace-footer ul				{ position: relative; float: none; display: inline-block; margin: 0; padding: 0; }
.bannerspace-footer li				{ position: relative; width: 100px; height: 50px; display: inline-block; list-style-type: none; border: none; margin: 0 20px; }
.bannerspace-footer li a			{ display: block; width: 100%; height: 100%; }
.bannerspace-footer li a img	{ max-width: 100%; max-height: 100%; }
.bannerspace-footer li:hover		{ cursor: pointer; }
.bannerspace-footer li .color		{ position: absolute; left: 0; top: 0; z-index: 2; display: none; }
.bannerspace-footer li .grayscale	{ position: absolute; left: 0; top: 0; z-index: 1; }
.bannerspace-footer li:hover .color	{ display: block; }


/* File download */
div.fileBlock				{ height: auto; overflow: hidden; border-bottom: 1px solid #ccc; padding-bottom: 1rem;  }
div.fileBlock ul		{ list-style-type: none; padding: 0; margin: 0; display: flex; flex-wrap: wrap; align-items: center; }
div.fileBlock li.filename	{ width: auto !important; line-height: normal; padding: 10px; word-break: break-all; }
div.fileBlock li.filesize	{ width: 80px; text-align: center; }
div.fileBlock li.fileicon	{ width: 25px; text-align: center; }
div.fileBlock li.filedownload { margin-left: auto; }
div.fileBlock li.filedownload a	{ display: inline-block; background: #0386BD; color: white; padding: .25rem 1rem; text-decoration: none; }
div.fileBlock li			{ float: left; }
div.fileBlock li::marker	{ display: none; content: ''; }
@media only screen and (max-width : 480px) {
	div.fileBlock li.filename	{ width: 100% !important; }
}

.homepage-column-left div.fileBlock li.filename { width: 190px; }

/* vwb custom notice */
.vwb_custom_notice { position: relative; float: left; display: block; width: 100%; clear: both; background: #b00; }
.vwb_custom_notice p { padding: 10px; font-size: 14px; color: #fff; text-align: right; background: url(../img/icons/info.png) no-repeat 10px center; margin: 0; }
.vwb_custom_notice span { font-weight: bold; position: relative; float: left; padding-left: 30px; margin-top: 1px; }
.vwb_custom_notice a { color: #ffede8 !important; }
.vwb_custom_notice a span { color: #fff; }
.vwb_custom_notice_spacer	{ position: relative; float: left; width: 100%; clear: both; display: block; height: 20px; }

.vwb_custom_notice.rijksregisternummer { position: relative; float: left; display: block; width: 100%; clear: both; background: #2E424B; margin-bottom: 20px; }
.vwb_custom_notice.rijksregisternummer p { padding: 10px; font-size: 14px; color: #fff; text-align: right; background: url(../img/icons/numbers.png) no-repeat 10px center; margin: 0; }
.vwb_custom_notice.rijksregisternummer span { font-weight: bold; position: relative; float: left; padding-left: 30px; margin-top: 1px; }
.vwb_custom_notice.rijksregisternummer a { color: #E8FFFA !important; }
.vwb_custom_notice.rijksregisternummer a span { color: #fff; }

.vwb_custom_notice .vwb_notice_tools { position: absolute; width: auto; height: 38px; background: #eee; right: 0; top: 0; }
.vwb_custom_notice .vwb_notice_tools a { position: relative; width: 100%; height: 100%; display: block; padding: 0 15px; }
.vwb_custom_notice .vwb_notice_tools a:hover { cursor: pointer; }
.vwb_custom_notice .vwb_notice_tools a img { position: relative; top: 10px; }

/* VWB - EID Popup */
#eidPopup						{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; display: none; }
#eidPopup #eidPopup-bg			{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #000; opacity: 0.7; }
#eidPopup #eidPopup-box			{ position: relative; background: #fff; width: 600px; height: 300px; margin: 0 auto; overflow: hidden; box-shadow: 0 0 100px rgba(0,0,0,0.5); border-radius : 5px;}
#eidPopup #eidPopup-box iframe	{ position: relative; float: left; width: 100%; height: 100%; }
#eidPopup #eidPopup-close		{ position: relative; margin: 0 auto; width : 16px;}

.annulated 																{  }
.annulated td,
.even.annulated td														{ background: #CC1837; }
#kalender-overzicht .kalender-overzicht-event.even.annulated td 		{ background: #B81632; }
.annulated-event,
#kalender-overzicht .kalender-overzicht-event .kalender-overzicht-event-type span.annulated-event	{ background: none; color: #fff; font-weight: bold; border: none; width: auto; height: auto; display: block; }
.annulated .kalender-overzicht-event-details,
.even.annulated .kalender-overzicht-event-details						{ border-left: 1px dashed #EA4864 !important; }
.annulated .kalender-overzicht-event-details h3,
.even.annulated .kalender-overzicht-event-details h3					{ color: #fff !important; }
.annulated .kalender-overzicht-event-details h3	.annulated-strike,
.even.annulated .kalender-overzicht-event-details h3 .annulated-strike	{ }
.annulated .kalender-overzicht-event-details h3 span,
.even.annulated .kalender-overzicht-event-details h3 span				{ text-decoration: none; }
.annulated .kalender-overzicht-event-details h4,
.even.annulated .kalender-overzicht-event-details h4					{ color: #fcc; }
.annulated .kalender-overzicht-event-details h5,
.even.annulated .kalender-overzicht-event-details h5					{ color: #fff; background: none !important; }
.annulated .kalender-overzicht-event-provincie,
.even.annulated .kalender-overzicht-event-provincie						{ color: #fcc; border-left: 1px dashed #EA4864 !important; }
.annulated .kalender-overzicht-event-provincie span,
.even.annulated .kalender-overzicht-event-provincie span				{ background: none !important; color: #fff !important; }
.annulated-heading														{  }
.annulated-heading td,
.even.annulated-heading td												{ color: #f40404; padding: 5px 10px; }
.annulated-heading-bottom td,
.even.annulated-heading-bottom td										{ border-top: 1px solid #f40404; }

#kalender-overzicht .kalender-overzicht-event.annulated-orange .kalender-overzicht-event-type span	{ background :#fff; }
table.annulaties td					{ font-family:Arial, Helvetica, sans-serif; color:#666; font-size:12px; text-shadow: 1px 1px 0px #fff; }
table.annulaties					{ background:#eaebec;
							margin:20px; border:#ccc 1px solid; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px;
							-moz-box-shadow: 0 1px 2px #d1d1d1; -webkit-box-shadow: 0 1px 2px #d1d1d1; box-shadow: 0 1px 2px #d1d1d1;}
.afgelast			{background:#FFF;}


/* _ VWB Facebook like _________________________________________________________ */

.vwb-fb						{ position: relative; float: left; display: block; clear: both; border-top: 1px dotted #ddd; box-sizing: border-box; padding-top: 15px; width: 100%; }
.vwb-fb .vwb-fb-avatar		{ position: relative; float: left; display: block; width: 50px; height: 50px; overflow: hidden; }
.vwb-fb .vwb-fb-avatar img	{ position: relative; float: left; width: 100%; border: none; }
.vwb-fb .vwb-fb-text		{ position: relative; float: left; display: block; width: 215px; margin-left: 10px; clear: right; }
.vwb-fb .vwb-fb-text h1		{ font-size: 14px; line-height: normal; font-weight: bold; font-family: Arial; letter-spacing: -1px; color: #3b5998 !important; margin: 0; padding: 0; border: none; }
.vwb-fb .vwb-fb-text h2		{ font-size: 12px; line-height: normal; font-weight: normal; font-family: Arial; letter-spacing: 0; color: #777; margin: 0; padding: 0; border: none; }
.vwb-fb .vwb-fb-text a		{ color: #3b5998; }
.vwb-fb .vwb-fb-like		{ position: relative; float: left; display: block; clear: both; width: 100%; margin-top: 15px; border-top: 1px dotted #ddd; box-sizing: border-box; padding-top: 10px; }

/* _ Login base _________________________________________________________ */

#login-base													{ position: relative; float: right; width: 500px; height: auto; padding: 0; margin-left: 25px; z-index: 4; }
#login-base #login-content									{ position: relative; display: block; clear: both; margin: 0 auto; width: auto; overflow: hidden; line-height: normal; float: right; color: #444; }
#login-base #login-content.loggedin							{  }
#login-base #login-content h1,
#login-base #login-content #login-content-form				{ position: relative; float: left; width: 100%; clear: both; display: block; top: auto; right: auto; color: #444; font-size: 12px; }
#login-base #login-content h1								{ margin: 3px 0; text-align: right; }
#login-base #login-content #login-content-form form			{ position: relative; float: right; width: auto; color: #A89100; }
#login-base #login-content #login-content-form input[type="text"]			{ color: #333; }
#login-base #login-content a								{ color: #000; text-decoration: none; }
#login-base #login-content a:hover							{  }
#login-base #login-content #login-content-form a			{ padding: 0; font-size: 11px; color: #777; }
#login-base #login-content #login-content-form a:hover		{ color: #000; text-decoration: none; }
#login-base #login-content #login-content-form .main-search-trigger		{ display: inline-flex; align-items: center; justify-content: center; margin: 0 0 0 4px; }
#login-base #login-content .login-register					{ padding-right: 10px !important; margin-right: 5px; border-right: 1px dotted #D7C23E; }
#login-base .login-clear									{ position: relative; clear: both; height: 10px; width: 100%; }
#login-base #login-base-tools								{ color: #444; }
#login-base #login-base-tools a								{ color: #444; }
#login-base #login-base-tools h3							{ color: #444; font-size: 20px; }
#login-base #login-base-tools li							{ margin: 0; padding: 0; display: block; }
#login-base #login-base-tools li a							{ color: #444; }
#login-base #login-base-tools li a:hover					{ color: #000; }
#header-bannercounts										{ position: absolute; width: 100%; height: 40px; left: 0; bottom: 0; background: rgba(0,0,0,0.5); z-index: 3; }
#header-bannercounts span.user-welkom						{ position: relative; float: left; line-height: 41px; font-size: 18px; padding-left: 10px; color: white; }
#login-base #login-content .login-inputs					{ position: relative; float: left; display: block; }
#login-base #login-content .login-submit					{ position: relative; float: left; display: block; margin-left: 3px; }
#login-base #login-content input							{ background: #fff; padding: 10px; border: none; border: 1px solid #ccc; border: 1px solid rgba(0,0,0,0.1); box-shadow: inset 0 1px 2px rgba(0,0,0,0.1); }
#login-base #login-content input							{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
#login-base #login-content input.login-button				{ background: #000; color: #fff; font-weight: bold; padding: 10px 20px; }
#login-base #login-content input.login-button:hover			{ background: #0386BD; color: #fff; font-weight: bold; }
#login-base #login-base-name								{ position: relative; display: block; float: right; width: auto; clear: both; }
#login-base #login-base-name p								{ position: relative; display: block; margin: 0; padding: 0; font-size: 14px; letter-spacing: 0; text-align: right; line-height: 32px; }
#login-base #login-base-name a								{ color: #0386BD; font-size: 16px; }
#login-base #login-base-tools								{ position: relative; display: block; float: right; width: auto; clear: both; }
#login-base #login-base-tools ul							{ position: relative; display: block; float: left; width: auto; margin: 0; clear: none; }
#login-base #login-base-tools ul.useractions				{  }
#login-base #login-base-tools ul.useractions.addline		{  }
#login-base #login-base-tools ul li							{ position: relative; float: left; clear: none; display: block; width: auto; font-size: 12px; margin-left: 15px; }
#login-base #login-base-tools ul li:hover					{  }
#login-base #login-base-tools ul li:hover a					{ color: #0386bd; }
#login-base #login-base-tools ul li a						{ position: relative; float: left; height: 32px; line-height: 32px; display: block; }
#login-base #login-base-tools ul li a:hover,
#login-base #login-base-tools ul li a *:hover				{ cursor: pointer; }
#login-base #login-base-tools ul li span					{ position: relative; float: left; clear: none; display: none; height: 32px; line-height: 32px; }
#login-base #login-base-tools ul li ins						{ position: relative; float: left; width: 32px; height: 32px; overflow: hidden; display: inline-block; }
#login-base #login-base-tools ul li.beheer ins				{ background: url(../img/icons/vwb_icon_sprites.png) no-repeat -96px 0px; }
#login-base #login-base-tools ul li.klassement ins			{ background: url(../img/icons/vwb_icon_sprites.png) no-repeat -96px -32px; }
#login-base #login-base-tools ul li.berichten ins			{ background: url(../img/icons/vwb_icon_sprites.png) no-repeat -96px -64px; }
#login-base #login-base-tools ul li.logout ins				{ background: url(../img/icons/vwb_icon_sprites.png) no-repeat -96px -96px; }
#login-base #login-base-tools ul li.controlmode ins			{ background: url(../img/icons/vwb_icon_sprites.png) no-repeat -96px -128px; }
#login-base #login-base-tools ul li.admin ins				{ background: url(../img/icons/vwb_icon_sprites.png) no-repeat -96px -160px; }
#login-base #login-base-tools ul li.beheer:hover 	ins		{ background: url(../img/icons/vwb_icon_sprites.png) no-repeat -32px 0px; }
#login-base #login-base-tools ul li.klassement:hover ins	{ background: url(../img/icons/vwb_icon_sprites.png) no-repeat -32px -32px; }
#login-base #login-base-tools ul li.berichten:hover ins		{ background: url(../img/icons/vwb_icon_sprites.png) no-repeat -32px -64px; }
#login-base #login-base-tools ul li.logout:hover ins		{ background: url(../img/icons/vwb_icon_sprites.png) no-repeat -32px -96px; }
#login-base #login-base-tools ul li.controlmode:hover ins	{ background: url(../img/icons/vwb_icon_sprites.png) no-repeat -32px -128px; }
#login-base #login-base-tools ul li.admin:hover ins			{ background: url(../img/icons/vwb_icon_sprites.png) no-repeat -32px -160px; }
#login-base .login-block									{ position: relative; display: block; float: left; width: 100%; clear: both; }
#login-base .login-block.txtRight							{ text-align: right; }
#login-base .login-block.paddingBottom						{ box-sizing: border-box; padding-bottom: 5px; }

/* _ Newsletter _________________________________________________________ */

body #newsletter-signup																	{ position: relative; float: left; display: block; clear: both; width: 100%; height: auto; box-sizing: border-box; padding: 25px 0; background: #333 url(../img/base/footerFX.png) repeat left top; z-index: initial; }
body #newsletter-signup #newsletter-signup-content										{ position: relative; width: 1200px; margin: 0 auto; display: block; clear: both; overflow: hidden; }
body #newsletter-signup #newsletter-signup-content #newsletter-signup-content-left		{ position: relative; float: left; display: block; width: 65%; box-sizing: border-box; margin-right: 5%; padding-left: 100px; background: url(../img/base/speech.png) no-repeat left center; }
body #newsletter-signup #newsletter-signup-content #newsletter-signup-content-left h1	{ font-size: 36px; font-weight: bold; letter-spacing: 0; color: #ccc; text-shadow: 1px 1px 0 rgba(0,0,0,0.2); text-transform: uppercase; }
body #newsletter-signup #newsletter-signup-content #newsletter-signup-content-left h2	{ font-size: 30px; font-weight: normal; letter-spacing: 0; color: #FEDF17; }
body #newsletter-signup #newsletter-signup-content #newsletter-signup-content-left .highlight						{ color: #fff; }
body #newsletter-signup #newsletter-signup-content #newsletter-signup-content-left .newsletter-signup-small			{ font-size: 18px; }
body #newsletter-signup #newsletter-signup-content #newsletter-signup-content-right .newsletter-signup-button		{ position: relative; display: block; width: 100%; text-align: center; background: #fedf17; color: #444; padding: 25px; font-size: 24px; margin: 0 auto; margin-top: 15px; text-decoration: none; box-sizing: border-box; }
body #newsletter-signup #newsletter-signup-content #newsletter-signup-content-right .newsletter-signup-button:hover	{ color: #0386BD; background: #fff; }
body #newsletter-signup #newsletter-signup-content #newsletter-signup-content-right .newsletter-signup-button		{
	-webkit-border-radius:	3px;
	-moz-border-radius:		3px;
	border-radius:			3px;
}
body #newsletter-signup #newsletter-signup-content #newsletter-signup-content-right		{ position: relative; float: left; display: block; width: 30%; }
body #newsletter-signup #newsletter-signup-content #newsletter-input						{ position: relative; margin-top: 22px; }
body #newsletter-signup #newsletter-signup-content .newsletter-signup-email				{ border: none; background: #fff; padding: 6px 15px; box-shadow: 1px 1px 0 rgba(0,0,0,0.2); box-sizing: border-box; width: 100%; z-index: 1; }
body #newsletter-signup #newsletter-signup-content .newsletter-signup-submit				{ position: absolute; top: 0; right: 0; padding: 6px 15px; border: none; background: #444; color: #fff; width: auto; z-index: 2; }
body #newsletter-signup #newsletter-signup-content .newsletter-signup-submit:hover		{ background: #000; }
body #newsletter-signup #newsletter-signup-content .newsletter-signup-submit				{
	-webkit-border-top-left-radius:		0px;
	-webkit-border-bottom-left-radius:	0px;
	-moz-border-radius-topleft:			0px;
	-moz-border-radius-bottomleft:		0px;
	border-top-left-radius:				0px;
	border-bottom-left-radius:			0px;
}

@media	screen and (max-width: 480px){
	body #newsletter-signup #newsletter-signup-content #newsletter-signup-content-left h1	{ font-size: 27px; }
	body #newsletter-signup #newsletter-signup-content #newsletter-signup-content-left h2	{ font-size: 23px; padding-bottom: 5px;}
	body #newsletter-signup #newsletter-signup-content #newsletter-signup-content-left .highlight {padding-top: 5px; display: block;}
	body #newsletter-signup #newsletter-signup-content #newsletter-signup-content-right .newsletter-signup-button {width: 75%; padding: 10px; margin-top: 15px;}
}

/* Medical Form */

.mediform-success					{ position: relative; float: left; display: none; clear: both; width: 100%; box-sizing: border-box; background: #8bc34a; padding: 20px; color: #fff; margin-bottom: 25px; }
.mediform-success h1,
.main .mediform-success h1			{ padding: 0 !important; margin: 0 !important; margin-bottom: 5px !important; border: none !important; color: #fff !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.15) !important; }
.mediform-success p					{ padding: 0; margin: 0; }
.mediform-fail						{ position: relative; float: left; display: none; clear: both; width: 100%; box-sizing: border-box; background: #f44336; padding: 20px; color: #fff; margin-bottom: 25px; }
.mediform-fail h1,
.main .mediform-fail h1				{ padding: 0 !important; margin: 0 !important; margin-bottom: 5px !important; border: none !important; color: #fff !important; text-shadow: 1px 1px 0 rgba(0,0,0,0.15) !important; }
.mediform-fail p					{ padding: 0; margin: 0; }
.mediform-fail a					{ color: #fff !important; text-decoration: underline !important; }
.mediform-notice					{ position: relative; float: left; display: none; clear: both; width: 100%; box-sizing: border-box; background: #f7e09d; padding: 20px; color: #9c853f; margin-bottom: 25px; }
.mediform-notice h1,
.main .mediform-notice h1			{ padding: 0 !important; margin: 0 !important; margin-bottom: 5px !important; border: none !important; color: #9c853f !important; text-shadow: none !important; }
.mediform-notice p					{ padding: 0; margin: 0; }
.mediform-notice a					{ color: #fff !important; text-decoration: underline !important; }
.mediform							{ position: relative; float: left; display: block; clear: both; width: 100%; box-sizing: border-box; background: #f5f5f5; padding: 20px; }
.mediform .mediform-load			{ position: absolute; display: none; left: 0; top: 0; width: 100%; height: 100%; background: rgba(232, 232, 232, 0.7) url(../img/base/loading.gif) no-repeat center center; z-index: 2; }
.mediform form						{ position: relative; float: left; display: block; clear: both; width: 100%; box-sizing: border-box; margin: 0; padding: 0; z-index: 1; }
.mediform .mediform-row				{ position: relative; float: left; display: block; clear: both; width: 100%; box-sizing: border-box; margin-bottom: 5px; }
.mediform .mediform-row.addLine		{ padding-bottom: 5px; border-bottom: 1px dotted #ccc; }
.mediform .mediform-label			{ position: relative; float: left; display: block; clear: none; width: 30%; box-sizing: border-box; font-weight: bold; }
.mediform .mediform-value			{ position: relative; float: left; display: block; clear: none; width: 68.4%; box-sizing: border-box; margin-left: 1.6%; border-left: 1px dotted #ccc; padding-left: 15px; }
.mediform .mediform-full			{ position: relative; float: left; display: block; clear: both; width: 100%; box-sizing: border-box; }
.mediform .mediform-small			{ font-size: 11px; text-align: center; }
.mediform .mediform-send			{ background: #0386bd; color: #fff; border: none; padding: 15px; font-size: 14px; font-weight: bold; }
.mediform .mediform-send:hover		{ background: #000; color: #fff; cursor: pointer; }
.mediform input,
.mediform textarea,
.mediform select					{ width: 100%; box-sizing: border-box; }
.mediform textarea					{ height: 250px; }
.mediform .mediform-send			{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

/* Subpage overview */
div.overviewBlock .overview_sub_description		{ font-size: 12px; }

/* Search */
.main-search-trigger				{ position: relative; width: 36px; height: 36px; line-height: 36px; text-align: center; background: #222; color: #fff; margin: 3px 5px; }
.main-search-trigger:hover			{ background-color: #fedf17; color: #222; cursor: pointer; }
.main-search-trigger.clean			{ width: 32px; height: 32px; line-height: 32px; margin: 0; padding: 0; background: none; color: #222; font-size: 22px; }
.main-search-trigger.clean:hover	{ background-color: none; color: #0386BD; cursor: pointer; }
.main-search-trigger.mobile			{ position: absolute; right: 0; top: 0; margin: 0; height: 40px; width: 40px; background-color: #fedf17; color: #333; cursor: pointer; display: flex; align-items: center; justify-content: center; }
.main-search						{ display: none; position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 99; box-sizing: border-box; }
.main-search .main-search-bg		{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.75); }
.main-search .main-search-box		{ position: relative; float: none; display: block; clear: both; width: 1200px; margin: 0 auto; z-index: 2; top: 50%;  }
.main-search .main-search-box form	{ position: relative; display: block; clear: both; width: 100%; margin: 0; padding: 0; }
.main-search .main-search-box input	{ position: relative; display: block; clear: both; width: 100%; margin: 0; padding: 15px; font-size: 24px; font-weight: normal; color: #888; background: #fff; border: none; box-sizing: border-box; box-shadow: 2px 2px 1px rgba(0,0,0,0.5); padding-left: 55px; }
.main-search .main-search-box i		{ position: absolute; left: 15px; top: 15px; z-index: 2; color: #666; font-size: 24px; }
.main-search .main-search-box		{
	-ms-transform:		translateY(-50%);
    -webkit-transform:	translateY(-50%);
    transform:			translateY(-50%);
}
.main-search-trigger				{
	-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;
	transition: all 150ms ease-in-out;
}

@media screen and (max-width: 1200px) {
	.main-search .main-search-box	{ width: 90% !important; margin: 0 5%; }
}

/* Content */
div.contentcontainer ul.contentwrap { padding: 0; }
ul.contentwrap { float: left; }

/* RRN  Popup */
.popupholder {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: 50;
}
.popup {
	width: 900px;
	height:550px;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	padding: 30px;
	z-index: 50;
	box-sizing: border-box;
	background: #f5f5f5;
	-moz-border-radius: 10px;
	border-radius: 10px;
	overflow : auto;
}
.popupholder .filler {
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 0px;
	right: 0px;
	background-color: #000;
	opacity: 0.70;
	filter: alpha(opacity=70);
	-khtml-opacity: 0.70;
	opacity: 0.70;
}

/* ####### Cookie beleid ############################ */
body table.cookie-table { border: none; }
body table.cookie-table tr { border: none; }
body table.cookie-table tr td { padding: .5rem; border: none; }
body table.cookie-table tr:nth-of-type(even) td { background: #f5f5f5; }
body table.cookie-table tr.headers td { background: #444; color: #f5f5f5; }
body table.cookie-table tr td p { margin: 0; }