/* LOADING OVERLAY */

#loading {
	opacity: 0.8;
	background: #FFF url('/includes/img/loading.gif') no-repeat center;
	width: 100%;
	height: 100%;
	z-index: 15;
	top: 0;
	left: 0;
	position: fixed;
	display: none;
}

.hide
{
	display:none;
}

/* CORE: Tips */

.tip
{
	position: relative;
	color: #5c5c5c;
	width: 250px;
	z-index: 4300;
	background-color: #f3f4fd;
	padding: 5px;
	font-size: 9pt;
	border: solid 2px #d6d6dd;
}

/* CORE: Moosizer (fullscreen background) */

#passepartout
{
	height: 100%;
	width: 100%;
	background-color: #000000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
}
#supersize
{
	position: fixed;
	z-index: 1;
}
#supersize img, #supersize a
{
	position: fixed;
}
#supersize .activeslide,
#supersize .activeslide img
{
	display:inline;
}

/* CORE: Company info */

.job_companyinfo_box
{
	border: solid 1px #c3c3c3;
	padding: 10px;
	margin-top: 10px;
}

/* CORE: MultiSelect */

.MultiSelect
{
	font-size: 12px;
	display: block;
	position: relative;
	border: 1px solid #c0c0c0;
	padding: 2px;
	cursor: pointer;
	width: 100px;
}
.MultiSelect input
{
	border: 0px;
}
.MultiSelect ul
{
	position: absolute;
	z-index: 1000;
	top: 22px;
	left: 0;
	margin: 0;
	padding: 0;
	width: 240px;
	max-height: 230px;
	overflow: hidden;
	list-style: none;
	background-color: #FFF;
	border-top: 1px solid #ccc;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}
.MultiSelect ul li
{
	padding: 0px 3px;
}
.MultiSelect ul li.hover,
.MultiSelect ul li.hover input,
.MultiSelect ul li.selected.hover,
.MultiSelect ul li.selected.hover input
{
	background-color: #e3e3e3;
	color: #000000;
}
.MultiSelect ul li.selected,
.MultiSelect ul li.selected input
{
	background-color: #424542;
	color: #ffffff;
}

/* APP: Facebook wallposts */

.wallpost
{
	width: 100%;
	display: block;
	border: solid 1px #a7a7a7;
	margin: 0px 0px 15px 0px;
	padding: 15px 15px 15px 15px;
}
.wallpost .image
{
	float: left;
}

.wallpost img
{
	margin: 0px 15px 0px 0px;
}
.wallpost .name
{
	font-weight: bold;
}

.wallpost .author
{
	float: left;
	margin: 0px 10px 0px 0px;
	font-size: 10px;
}

.wallpost .date
{
	float: left;
	margin: 0px 10px 0px 0px;
	font-size: 10px;
}

.wallpost .title
{
	margin: 15px 0px 15px 0px;
}

.wallpost .time
{
	font-size: 10px;
}

.wallpost .title,
.wallpost .title a
{
	font-size: 20px;
}

/* APP: Photo gallery (image detail) */

#gallery_single_image .image
{
	border: 0px;
}
#gallery_single_image .title
{
	font-size: 1.4em;
	padding-bottom: 10px;
}
#gallery_single_image .description
{
	margin: 0px 10px 0px 0px;
}

/* APP: Photo gallery (single) */

.app-image-gallery .image
{
	border: 0px;
}
.app-image-gallery .item
{
	margin: 0px 10px 10px 0px;
}
.app-image-gallery .item_last
{
	margin: 0px 10px 0px 0px;
}

/* APP: Photo gallery (overview) */

#gallery_overview .gallery
{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#gallery_overview .gallery_last
{
	float: left;
	margin-bottom: 10px;
}
#gallery_overview .gallery .info .subtitle
{
	display: none;
}

/* APP: Twitter Feed */

#twitter_feed
{
	width: 100%;
	overflow:hidden;
	height: 48px;
}
#twitter_feed .message
{
	float:left;
}
#twitter_feed .image
{
	float:left;
	width: 60px;
}
#twitter_feed_list
{
	margin:0;
	padding:0;
	width:2000px;
}
#twitter_feed_list li
{
	float:left;
	list-style:none;
	margin:0;
	padding: 0px 10px 0px 0px;
	border-right: solid 1px #cadbea;
	margin-left: 10px;
}

/* APP: Forum */

#forum .notice
{
	padding: 10px;
	border: 1px solid #c51b47;
}
#forum .title
{
	padding: 10px;
	height: 20px;
	padding-bottom: 5px;
	background-color: #e7e7e7;
	font-weight: bold;
}
#forum .threads
{
	padding: 6px;
	border: 1px solid #e7e7e7;
	color: #000000;
}
#forum .heading
{
	font-weight: bold;
	padding: 5px;
	padding-left: 10px;
	font-size: 10px;
	border-bottom: 1px solid #dcdcda;
}
#forum .thread
{
	padding: 5px;
	padding-left: 10px;
	border-bottom: 2px solid #ffffff;
}
#forum .form
{
	padding: 10px;
}

/* APP: News comments */

#news_comments
{
	margin-top: 15px;
	padding: 10px;
	border: solid 1px #c3c3c3;
}
#news_comments .comment
{
	padding: 5px 10px 5px 10px;
	margin-bottom: 10px;
}
#news_comments .name
{
	border-bottom: solid 1px #c3c3c3;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 10px;
}
#news_comments .date
{
	font-size: 10px;
}
#news_comments_overview .comment
{
	margin-bottom: 10px;
}
#news_comments_overview .name
{
	border-bottom: solid 1px #c3c3c3;
	font-weight: bold;
	font-size: 11px;
	margin-bottom: 10px;
}

/* APP: News overview */
#news_overview {
	padding: 1em 0;;
}

/* APP: Contact form */

.contactform table,
.contactform td
{
	border-collapse: collapse;
	padding: 0px;
	vertical-align: top;
}

.contactform .name
{
	width: 144px;
}
.contactform .street
{
	width: 168px;
}
.contactform .housenr,
.contactform .zipcode
{
	width: 50px;
}

.contactform .city
{
	width: 168px;
}
.contactform .country
{
	width: 236px;
}
.contactform .email,
.contactform .website
{
	width: 225px;
}

.contactform .remarks
{
	width: 225px;
	height: 50px;
}
.contactform .information
{
}
.contactform .captcha
{
	width: 45px;
}

.contactform .company,
.contactform .organisation,
.contactform .phone,
.contactform .fax,
.contactform .mobile
{
	width: 150px;
}

.field_error
{
	border: 2px solid red;
}

/* COMMUNITY MEMBER FORM */

#member_form .fieldgrouptitle
{
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 10px 0px;
	border-bottom: solid 1px #c3c3c3;
}

#member_form .account
{
	margin: 15px 0px 0px 0px;
}

/* MOBILE TIPS */

.pop
{
	min-height: 30px;
	background-color: #dedede;
	color:#000;
	font-size: 0.9em;
	padding-bottom:10px;
	border: 1px solid #333;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	behavior: url('/includes/pie/PIE.php');
	margin-right: 10px;
}
.pop p
{
	padding: 0px 5px 0px 5px;
}
.pop_title
{
	min-height:10px;
	font-weight:bold;
	background-color: #333;
	color: #fff;
	padding: 5px 0 5px 5px;
	border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;
	-ms-border-radius: 0 0 5px 5px;
	-o-border-radius: 0 0 5px 5px;
	behavior: url('/includes/pie/PIE.php');
}
.pop_button
{
	background-color: #333;
	border: 0px solid #fe9224;
	color: #ffffff;
	font-weight: normal;
	font-size: 1em;
	padding: 4%;
	font-family: 'Calibri', 'Verdana', sans-serif;
	clear: both;
		border-radius: 13px;
	-moz-border-radius: 13px;
	-webkit-border-radius: 13px;
	-ms-border-radius: 13px;
	-o-border-radius: 13px;
	behavior: url('/includes/pie/PIE.php');
	text-align: center;
	vertical-align: center;
	width: 80%;
	margin-left: 5px;
}

/* APP: Event Registration Overview */

.event_title
{
	padding-bottom: 5px;
	font-weight: bold;
}
.event_date
{
	margin-bottom: 10px;
}
.event_date.selected a {
	font-weight: bold;
}

.event_comments
{
	margin-bottom: 10px;
}

/* APP: List of available events */

.event_price
{
	display: none;
}

/* APP: Event registration */

.event_schedule_plain .selected
{
	color: #ffffff;
	background-color: #7ab51d;
}

.event_schedule_plain .not_selected
{
	color: #000;
	background-color: #e3e3df;
}

/* APP: Event schedule */

.event_schedule .schedule_item
{
	background-color: #e3e3df;
}

/* APP: Event registration - Personal Schedule */

.event_personal_program
{
	margin: 0px 0px 10px 0px;
}

.event_personal_program .event_personal_program_date
{
	display: block;
}

/* RELATION OVERVIEW */

.relation_name
{
	font-size: 16px;
	font-weight: bold;
}

.relation_overview_frame
{
	width: 100%;
}

.relation_overview
{
}

.relation
{
	border: 1px solid #c3c3c3;
	background-color: #ffffff;
	width: 160px;
	height: 90px;
	padding: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

.relation .img
{
	border: 0px;
}

.relation_spacer_h
{
	width: 10px;
}

.relation_spacer_v
{
	height: 10px;
}

.relation_name
{
	font-weight: bold;
	font-size: 20px;
	margin-top: 30px;
	margin-bottom: 15px;
	width: 100%;
}

.relation_logo,
.job_logo
{
	float: right;
	border: 1px solid #c3c3c3;
	padding: 10px;
	margin-bottom: 15px;
	margin-left: 15px;
	background-color: #ffffff;
}

.relation_text
{
}

/* APP NEWS -- social media */

.social_media_news
{
	margin-top: 5px;
}

.social_item
{
	float: left;
	margin-right: 5px;
	margin-top: 5px;
	height:21px;
}

/* APP: Community Birthday Overview */

.birthdays .item
{
	margin-bottom: 5px;
}

.birthdays .name
{
	font-weight: bold;
}

/* APP: Relation logo slideshow */

.relation_logo_feed
{
	width: 100%;
	overflow:hidden;
	height: 100px;
}
.relation_logo_feed .slide_logo
{
	float:left;
	height: 100px;
}
.relation_logo_feed .image
{
	float:left;
	width: 60px;
}
.relation_feed_list
{
	margin:0;
	padding:0;
	width:20000px;
}
.relation_feed_list li
{
	float:left;
	list-style:none;
	margin:0;
	padding: 0px 10px 0px 0px;
	margin-left: 10px;
}


/* Accordion text effect styling */

.toggler
{
	background: url('/includes/img/bg_toggler.png');
	background-repeat: no-repeat;
	cursor: pointer;
	border-bottom: solid 1px #ebebeb;
	margin: 15px 0px 0px 0px;
	z-index: 9;
	padding: 0px 0px 10px 30px;
}

.element
{
	margin: 0px;
 	padding: 0px;
 	padding-top: 5px;
 	padding-bottom: 5px;
 	z-index: 9;
}

/* PHOTO CAROUSEL / SLIDESHOW */

#photocarousel
{
	background:none;
	overflow: hidden;
}

#photocarousel .about > *
{
	background:#eee;
}

#photocarousel-slideshow
{
	margin:auto;
	overflow:hidden;
	position:relative;
}

#photocarousel-slideshow img
{
	position:absolute;
	overflow:hidden;
}

#photocarousel-slideshow ul
{
	position:absolute;
	margin-right: 0%;
	bottom: 10px;
	right: 30px;
	z-index:2;
	color:#000;
	padding:0;
	margin:0;
	list-style:none;
	text-align:right;
	cursor:default;
}

#photocarousel-slideshow li
{
	display:inline-block;
	margin-right:10px;
}

#photocarousel-slideshow a
{
	display:block;
	width:20px;
	height:20px;
	background:rgba(0,0,0,0.2);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
}

#photocarousel-slideshow a:hover,
#photocarousel-slideshow a.current
{
	background:rgb(84,84,84);
}

/* APP: Guestbook */

div.guestbook div.overview div.item {
		margin: 0 0 20px 0;
	}

		div.guestbook div.overview div.item {
			margin: 0 0 30px 0;
		}

			div.guestbook div.date,
			div.guestbook div.name {
				font-size: 88%;
				color: #4b4b4b;
				margin: 0 0 4px 0;
			}

				div.guestbook div.name span.email {
					margin: 0 0 0 5px;
				}

					div.guestbook div.name span.email a {
						color: #4b4b4b;
						text-decoration: none;
					}

/* APP: Community Birthday Overview */

.birthdays .h_spacer
{
  margin: 0px 0px 0px 15px;
}

/* TWITTER FOLLOW APP AND FACEBOOK SHARE */

#twitter_btn, #facebook_btn
{
	border: solid 2px #d7d7d7;
	min-width:100px;
	float: left;
	padding: 4px 10px 5px 35px;
	background-color: #f2f2f2;
	position:relative;
	cursor: pointer;
	height: 18px;
	color: #000;
}

#twitter_btn a, #facebook_btn a
{
	text-decoration:none;
	font-size: 13px;
	font-family: 'Verdana', sans-serif;
	position:relative;
}

#facebook_btn
{
	background: url('/includes/img/icon_facebook21x21.gif');
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

	/*number*/
	div#facebook_share div.count {
		position: relative;
		color: #3B5998;
		padding: 4px;
		border-radius: 3px;
		border: 1px solid #CAD4E7;
		background: #ECEEF5;
	}

		/*triangle*/
		div#facebook_share div.count:before {
			content: "";
			position: absolute;
			top: 23%;
			left: -7px;
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 7px 7px 7px 0;
			border-color: transparent #CAD4E7 transparent transparent;
		}

		div#facebook_share div.count:after {
			content: "";
			position: absolute;
			top: 23%;
			left: -5px;
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 7px 7px 7px 0;
			border-color: transparent #ECEEF5 transparent transparent;
		}

#twitter_btn
{
	background: url('/includes/img/icon_twitter21x21.gif');
	background-repeat: no-repeat;
	background-position: 5px 3px;
}

	/*number*/
	div#twitter_follow div.count {
		position: relative;
		color: #333333;
		padding: 4px;
		border-radius: 3px;
		border: 1px solid #BBBBBB;
		background: white;
	}

		/*triangle*/
		div#twitter_follow div.count:before {
			content: "";
			position: absolute;
			top: 23%;
			left: -7px;
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 7px 7px 7px 0;
			border-color: transparent #BBBBBB transparent transparent;
		}

		div#twitter_follow div.count:after {
			content: "";
			position: absolute;
			top: 23%;
			left: -5px;
			width: 0px;
			height: 0px;
			border-style: solid;
			border-width: 7px 7px 7px 0;
			border-color: transparent white transparent transparent;
		}

/* document vault app*/

#relations_documents
{
	width: 500px;
}

#relations_documents .documents_overview
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#relations_documents .documents_overview li
{
	padding: 2px 5px 2px 5px;
	border-bottom: 1px solid #dedede;
	border-left: 1px solid #dedede;
	border-right: 1px solid #dedede;
}

#relations_documents .documents_overview .listheader
{
	background-color: #dedede;
}

#relations_documents .documents_overview .first_part, #relations_documents .documents_overview .second_part
{
	width: 240px;
	float: left;
}

#relations_documents .documents_overview .second_part
{
}

/* Keep this functionality - insite popups */

.keepthis_mailing
{
	width: 100%;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

.keepthis_relation
{
	padding: 20px;
	padding-top: 0px;
}

/* webshop filter style */
/*
#webshop_filter
{
	width: 875px;
	padding: 10px;
	border: 1px solid #ccc;
	height: 25px;
}

.filter_item
{
	float: left;
	height: 50px;
	width: 200px;
}

.filter_label
{
	float: left;
	padding-right: 5px;
}

.filter_options
{
	float: left;
	width: 100px;
}

.filter_button
{
	float: left;
	clear: right;
}
*/

/* webshop sorting style */
#webshop_sorting
{
	background-color: #dedede;
	padding: 10px;
	margin: 5px 0 5px 0;
}

#webshop_sorting .sorting_item
{
}

#webshop_sorting .sorting_label
{
	float: left;
	margin-right: 15px;
}

#webshop_sorting .sorting_select
{
	float: left;
}

#webshop_sorting .clear
{
	clear:both;
}

/* webshop extrafields style */

#product_list .extras
{
	float: left;
	margin-top: 20px;
}

#product_list .extras .clear
{
	clear:both;
}

/* webshop pagination style */
#pagination
{
	width: 750px;
}

#pagination .page
{
	margin-right: 4px;
	float: left;
}

#pagination .page_selected
{
	margin-right: 4px;
	float: left;
	text-decoration: underline;
}

#pagination .pages
{
	width: 200px;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}

#pagination .pages_label
{
	float: left;
	margin-right: 10px;
}

/* ADS */

.ad_banner
{
	height: 100%;
	width: 100%;
}

/* Newsticker */

div.newsticker_container ul {
	padding-left: 0px;
	display: block;
}

	div#ticker_navigation span {
		padding: 1px 5px;
		margin: 0px 3px;
	}

/* Zoekformulier */

div.search_site table {
	margin-top: 10px;
}

/* Kalender */

div#calendar div.group {
	padding: 2px 5px 2px 5px;
	margin: 0px 0px 0px 10px;
	float: left;
}

.job_filter
{
	margin-bottom: 20px;
}

/* RSS reader */

div.reader_rss ul li {
	list-style: none;
	margin: 4px 0 0 0;
}

/* Countdown */

.countdown_app {
    width: 100%;
    height: 55px;
    display: block;
}
