/*------------------------------------------
---------------- HTML Elementen  -----------
----------------------------------------- */
p.sys_paging,
p.sys_sorting
{
	clear:left;
	margin-bottom:0;
}
p.sys_paging {margin-bottom:15px;}
ul.sys_pagenrs {overflow:hidden;}
ul.sys_pagenrs li {float:left;margin-right:6px;}
ul.sys_sort {margin-bottom:15px;}
div.sys_date {float:left;padding-right:8px;}
div.sys_description {margin:12px 0 8px;}
div.sys_ArticleFullText {margin-bottom:15px;}
div.sys_one_row {position:relative;clear:left;margin-bottom:4px;}
div.sys_one_row span {float:left;display:block;width:160px;}
.sys_clearing {display:none;visibility:hidden;clear:both;}

/*------------------------------------------
---------------- Wrapper -------------------
----------------------------------------- */

#wrap 					{ width: 1000px; overflow: visible; margin: 0 auto; border:2px solid #000;  margin-top: 40px; margin-bottom: 20px }
				  
/*------------------------------------------
---------------- Layout --------------------
----------------------------------------- */
#header					{  background:#000; height:83px}

.logo 					{  padding: 8px 0 0 16px !important; float:left; } 

/*-----------------------------*/
#ext_main_menu				    { padding-top:30px;list-style:none; overflow: hidden; margin-left:14px;background:none;}
#ext_main_menu li				{ float: left; font: normal 12px/13px "Trebuchet MS", sans-serif; 
							    text-align:center; padding:0; margin:0;background:url(images/border.gif) right center no-repeat; padding-top: 2px}
#ext_main_menu li.Fotoboek      { background: none; }
#ext_main_menu li a				{ display: block; height: 22px; margin-left: 5px !important;margin-right: 5px !important  }
/*-----------------------------*/
#content 				{ margin:0 auto; overflow-x:hidden; padding-bottom: 5px}

/*-----------------------------*/
#left 					{ float:left; width:715px; text-align:center; padding-top:13px}
/* #left img 				{ margin: 4px; border: 1px solid #adaea0} */
.image1                 {margin:0px 0px 2px 0px; border: 1px solid #adaea0}
.image2                 {margin:4px 4px 0px 0px; border: 1px solid #adaea0}
.image3                 {margin:4px 0px 0px 4px; border: 1px solid #adaea0}
	/* UITZONDERINGEN
	====================================================*/
	#layoutFotogaleriealbum .image2, 
	#layoutFotogaleriealbum .image3,
	#layoutFotogalerieDetail .image2,
	#layoutFotogalerieDetail .image3
	 {width:253px; height:106px;float:none;margin:4px 0px 0px 0px;}

#main					{ border-bottom:2px solid #565356; border-left:2px solid #565356; margin:14px 11px 10px 707px;
						  min-height:360px; padding:0px 8px 10px 19px; }


/*-----------------------------*/
#footer 				{ height:15px; background:#000 url(images/footer.gif) no-repeat; margin:0 auto; overflow:hidden}

.footerMenu				{ list-style: none;  overflow: hidden; float: right }
.footerMenu li			{ font-weight: bold; font: normal 11px "Times New Roman", sans-serif;margin: 0; 
							float: left; text-align:right; padding:0 5px }
.footerMenu li a:link,
.footerMenu li a:visited,
.footerMenu li a:hover,
.footerMenu li a:active
						{ font-weight: bold !important; font: normal 11px "Times New Roman", sans-serif; text-decoration: none; color: #000;}
.footerMenu li p
						{ font-weight: bold !important; font: normal 11px "Times New Roman", sans-serif; color: #000;}
						
/*------------------------------------------
---------------- Links ---------------------
----------------------------------------- */
.sys_fes_links_list .sys_link 
{
    margin:10px 0px;
    margin-bottom:0px;
}

.sys_fes_links_list .sys_description 
{
    margin:0px;
    padding:0px;
}
.sys_fes_links_list .sys_links_item
{
    margin:0px;
}

/*------------------------------------------
---------------- Evenement------------------
----------------------------------------- */
.sys_fes_event_deam .sys_fes_event_deam_list li {width:200px;float:left;margin:0px 0 10px 10px;}
.sys_fes_event_deam .sys_event {text-align:center;}
.sys_fes_event_deam .sys_title {margin-bottom:10px;}
.sys_fes_event_deam .sys_date,.sys_times,.sys_fee,.sys_description {text-align:left;padding-left:25px;}
.sys_fes_event_deam .sys_label {float:left;width:100px;}
.sys_fes_event_deam .sys_description {margin-top:5px;}
.sys_fes_event_deam .sys_readon {float:right;margin-right:10px;}

/*------------------------------------------
---------------- Evenement Detail-----------
----------------------------------------- */
.sys_fes_event_dedm {overflow:hidden;position:relative;}
.sys_fes_event_deam .sys_img_flyer {overflow:hidden;width:200px;float:right;}
.sys_fes_event_deam .sys_img_flyer img {}
.sys_fes_event_deam .sys_value_description {clear:left;padding-top:10px;width:250px;margin-bottom:20px;}
.sys_fes_event_deam .sys_event_photo_list {overflow:hidden;clear:both;}
.sys_fes_event_deam .sys_actions {float:right;margin-right:10px;}
.sys_fes_event_deam .sys_event_thumbnail {float:left;margin:10px;}
.sys_fes_event_deam .sys_content {float:left;}

/*------------------------------------------
---------------- Menu kaarten --------------
----------------------------------------- */

.menucardProducts
{
    margin:0;
    padding:0px;
    list-style:none;
	margin-bottom:2px;
	padding:5px;
	margin-left:10px;
}
.fes_mc_dmm .title {display:block;}
.fes_mc_dmm .name {width:430px;display:block;float:left;}
.fes_mc_dmm .description
{
    display:block;
    padding-top:2px;
    padding-bottom:4px;
    width:400px;
    margin-left:5px;
}
.fes_mc_dmm span.empty
{
    display:none;
    visibility:hidden;
    height:0px;
}

/*------------------------------------------
---------------- Foto album ----------------
----------------------------------------- */

.sys_fes_pho_dpalm
{overflow:hidden;}
.sys_fes_pho_dpalm .sys_fes_pho_dpalm_list li
{float:left;width:162px;margin:0 10px 10px 10px;text-align:center;padding:10px;}
.sys_fes_pho_dpalm .sys_title, .sys_fes_pho_dpalm .sys_description, .sys_fes_pho_dpalm .sys_date
{display:block;margin:0;padding:0;text-align:center;}
.sys_fes_pho_dpalm .sys_fes_pho_dpalm_list span
{ color:#fff;font-size: 11px;line-height: 18px;letter-spacing: 1px;border-bottom:1px; }

/*------------------------------------------
---------------- Foto album Lijst-----------
----------------------------------------- */
.sys_fes_pho_dpgm {margin:6px 0 0 17px;width:679px;font: normal 12px/13px "Trebuchet MS", sans-serif;}

.sys_fes_pho_dpgm .sys_album_title_label,
.sys_fes_pho_dpgm .sys_album_description_label,
.sys_fes_pho_dpgm .sys_album_date_label
{display:block;float:left;width:110px;}

.sys_fes_pho_dpgm .sys_album_title,
.sys_fes_pho_dpgm .sys_album_description,
.sys_fes_pho_dpgm .sys_album_date
{display:block;width:500px;text-align:left;}


.sys_fes_pho_dpgm .sys_album {overflow:hidden;margin-top:20px;}
.sys_fes_pho_dpgm .sys_back_to_album_label {margin-bottom:10px;display:block;}
.sys_fes_pho_dpgm .sys_photo {float:left;height:180px;margin:10px 10px 10px 0;padding:10px;width:150px;}
.sys_fes_pho_dpgm .sys_photo img {max-height:150px;max-width:150px;}
.sys_fes_pho_dpgm .sys_photo_title_label {display:block;float:left;width:110px;}
.sys_fes_pho_dpgm .sys_my_rating_label {display:block;}



/*------------------------------------------
---------------- Foto album Detail-----------
----------------------------------------- */
.sys_fes_pho_dpdm {margin:6px 0 0 17px;width:679px;}
.sys_fes_pho_dpdm .sys_back_to_album_label {text-align:left;width:146px;display:block;margin-bottom:5px;float:right;}
.sys_fes_pho_dpdm .sys_rating {margin-bottom:15px;}
.sys_fes_pho_dpdm .sys_next_image_label {float:right; clear:right;}
.sys_fes_pho_dpdm .sys_previous_image {float:left;}
.sys_fes_pho_dpdm .sys_photo_description_label, .sys_photo_date_label, .sys_photo_date {display:block;visibility:hidden;}

.sys_fes_pho_dpdm div img {margin:30px 0 0 0;}
.sys_fes_pho_dpdm .sys_album_title_label,
.sys_fes_pho_dpdm .sys_album_title {float: left;margin:0 5px 0 0;}

.sys_fes_pho_dpdm .sys_previous_image{clear:both;}

/*------------------------------------------
---------------- Gastenboek ----------------
----------------------------------------- */

div.sys_div_quote_label {margin-bottom:2px;width:200px;}
div.sys_div_quote_message {margin-bottom:5px;}
.sys_div_quote_message {width:280px;}
th.sys_column_label {width:0px;}
.sys_fes_guestbook_dlist div.sys_div_message{margin-top:0px;}
td.sys_column_value_message{padding:5px;}
div.sys_div_quote_header,
div.sys_div_quote_message{margin-left:12px;}
div.sys_div_quote_message{padding:5px;}
a.sys_link_reply{float:right;}
img.sys_img_quote_expand{margin-left:10px;}
td.sys_column_reply{text-align:right;}
span.sys_span_message{display:block;padding:5px;vertical-align:top;}
td.sys_col_label_message img{margin:5px;padding:5px;}
textarea.sys_textbox{margin:5px 5px 5px 5px;width:300px;height:250px;}
span.sys_span_placed_by{float:left;}
a.sys_link_reply{float:right;}
table.sys_table_overview{margin-top:20px;width:500px;}
a.sys_link_submit_message_bottom{display:block;}
tr.sys_row_message{padding:5px;vertical-align:top;}
td.sys_col_label_message {border:1px solid #545454;width:100px;}
td.sys_col_label_placed_on {border-bottom:none;padding:5px;}
td.sys_column_reply {visibility:hidden;display:none;}
div.sys_div_popup {padding:10px;}

/*------------------------------------------
---------------- Popups --------------------
----------------------------------------- */

.modalBackground
{
	opacity:.50;
	filter: alpha(opacity=50);
	 -moz-opacity: 0.5;
}

table.sys_table_overview {width:635px;padding:0px;}
th{	text-align:left;vertical-align:top;}
div.sys_div_popup div.sys_div_popup_header
{
	text-align:center;
	font-weight:bold;
	color:White;
}

div.sys_div_popup div.sys_div_popup_content {margin:5px;}
div.sys_div_popup div.sys_div_popup_content div {margin:5px;}
div.sys_div_popup div.sys_div_popup_content div textarea {width:356px;}
div.sys_div_popup div.sys_div_popup_content div.sys_div_popup_content_reply_section{}
div.sys_div_popup_footer {padding:0 0 12px 18px;}
div.sys_div_popup_footer a {margin:5px 5px 0px 0px;}

/*------------------------------------------
---------------- User edit------------------
----------------------------------------- */
.sys_fes_user_dedit {}
.sys_table_upload_picture {display:none; visibility:hidden;}
.sys_fes_user_dedit div {}
a.sys_link_unsubscribe {display:block;}
.sys_fes_user_dedit div.sys_div_passphoto {display:none;visibility:hidden;}
table.sys_table_user_edit {margin:0; width:250px;}

table.sys_table_user_edit th,
table.sys_table_user_edit td
{
	letter-spacing:0px;
    text-align:left;
    vertical-align:top;
    padding-right:8px;
    padding-bottom:4px;
}
table.sys_table_user_edit a.sys_link_cancel {display:block;float:left;margin-right:8px;}

/*------------------------------------------
---------------- User subscribe-------------
----------------------------------------- */
.sys_gen_userm_dsstatus {
	float:right;
	width:200px;
	font-size:11px;
	color:#ffffff
}
.sys_you_are_value {
	padding-right:5px;
}
.ajax__validatorcallout_popup_table_row {
	color:black !important;
}

div.sys_fes_user_dsubscribe {
	width:260px;
	}

div.sys_fes_user_dsubscribe table th,
div.sys_fes_user_dsubscribe table td
{vertical-align:top;text-align:left;}

div.sys_fes_user_dsubscribe table th {width:110px;}
div.sys_fes_user_dsubscribe a {display:block;margin-left:0px;margin-top:5px;}
div.sys_fes_user_dsubscribe td.sys_col_label_agreement a {margin-left:0;}
#layoutUserSubscribe div.sys_fes_user_dsubscribe a.sys_link_previous {display:block;margin-left:0;float:left;}
#layoutUserSubscribe div.sys_fes_user_dsubscribe a.sys_link_submit {float:left;margin-left:20px;}

#layoutUserSubscribe div#DivLongMessage,
#layoutUserSubscribe div#DivLongMessage_DropShadow
{width:400px;padding:10px;} 

#layoutUserSubscribe div.sys_div_popup_content_message{width:400px;}
#layoutUserSubscribe div.sys_div_popup_content_message textarea {width:370px;height:440px;margin-left:20px;}

/*------------------------------------------
----------------Wachtwoord vergeten---------
----------------------------------------- */

span.sys_title_username {padding-right:8px;}
div.sys_gen_userm_dforgot_password a {display:block;margin-top:8px;}
div.sys_gen_userm_dforgot_password div div {background:transparent !important;}
div.sys_gen_userm_dforgot_password div div span.sys_title_errormessage
{
	display:block;
	margin-bottom:12px;
}

/*------------------------------------------
----------------Inloggen -------------------
----------------------------------------- */

#logincontainer {
	float:right;
	width:260px;
	}
	
div.sys_fes_user_dlogin div {overflow:hidden;}
#layoutLogin span.sys_label
{
	float:left;
	display:block;
	width:100px;
	clear:left;
}
#layoutLogin span.sys_label_remember_me {width:96px;}

#layoutLogin span.sys_span_password,
#layoutLogin span.sys_span_remember_me
{float:left;}

#layoutLogin span.sys_span_password,
#layoutLogin span.sys_span_username_input {
	width:150px;
}
input.sys_span_username_input,
input.sys_input_password
{
    width:150px;
}

#layoutLogin span.sys_span_login,
#layoutLogin span.sys_span_forgot_password
{
	display:block;
	float:left;
	clear:left;
	margin-top:10px
}
#layoutLogin span.sys_label_error_message
{
	position:relative;
	width:260px;
	margin-bottom:20px;
}

/*------------------------------------------
----------------Formulieren ----------------
----------------------------------------- */
div.sys_fes_cforms_dform a {display:block;margin-left:160px;}

/*------------------------------------------
----------------Nieuws detail---------------
----------------------------------------- */

#layoutNieuwsDetail div.sys_date {position:relative;overflow:hidden;margin-bottom:12px;}
#layoutNieuwsDetail div.sys_label_date {float:left;}
#layoutNieuwsDetail div.sys_description {clear:left;}

/*------------------------------------------
----------------Nieuws list   ---------------
----------------------------------------- */
#layoutNieuws li.sys_fes_news_dnlm_list_item {margin-bottom:20px;overflow:hidden;}
#layoutNieuws div.sys_title a {text-decoration:none;}
#layoutNieuws div.sys_readon {float:right;}

/*------------------------------------------
----------------Contact list ---------------
----------------------------------------- */
#layoutContacts p.sys_paging {float:left;display:block;margin-right:12px;}
ul.sys_contactlist {overflow:hidden;}
ul.sys_contactlist li.sys_contactlistitem
{
	float:left;
	display:block;
	height:240px;
	margin:0 20px 20px 0;
	padding:8px;
}