﻿/******************************/
/*      Menu                  */
/******************************/
#ext_main_menu
{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	background: none;
}
#ext_main_menu li 
{
	margin: 0;
	float: left;
	width: 150px;
	height: 20px;
}

#ext_main_menu li a:link,
#ext_main_menu li a:visited
{
	color: #2b93f7;
	float: left;
	padding-left: 14px;
	font: normal 12px/20px Verdana, Arial, Helvetica, sans-serif;
	width: 136px;
	text-decoration: none;
	letter-spacing: -1px;
	white-space: nowrap;
	display: block
}
#ext_main_menu li a:hover
{
	color: #fff;
	background: url(images/menu_hover_bg.gif) no-repeat left top;
	text-decoration: none
}
#ext_main_menu li.active a:link,
#ext_main_menu li.active a:visited
{
	color: #fff;
	background: url(images/menu_hover_bg.gif) no-repeat left top;
	text-decoration: none
}
/******************************/
/*      Foto Menu             */
/******************************/
#nav
{
    position:relative;
    margin:0;
    padding:0;
    list-style:none;
    margin-left:6px;
}
#nav a
{
    color:#000;
    font-size:16px;
    font-weight:bold;
    text-decoration:none;
}
#nav li span
{
    position:absolute;
    bottom:10px;
    text-align:center;
    width:207px;
}
    #nav li
    {
        float:left;
        width:207px;
        height:217px;
        margin-top:26px;
        margin-right:15px;
        position:relative;
    }
        #nav li a.drankenkaart
        {
            position:relative;
            display:block;
            width:206px;
            height:217px;
            background:url(images/drankenkaart.jpg) no-repeat;
        }
        #nav li a.drankenkaart:hover
        {
            background:url(images/drankenkaart.jpg) center bottom no-repeat;
        }
        #nav li a.voorgerechten
        {
            position:relative;
            display:block;
            width:206px;
            height:217px;
            background:url(images/voorgerechten.jpg) no-repeat;
        }
        #nav li a.voorgerechten:hover
        {
            background:url(images/voorgerechten.jpg) center bottom no-repeat;
        }
          
        #nav li a.hoofdgerechten
        {
            position:relative;
            display:block;
            width:206px;
            height:217px;
            background:url(images/hoofdgerechten.jpg) no-repeat;
        }
        #nav li a.hoofdgerechten:hover
        {
            background:url(images/hoofdgerechten.jpg) center bottom no-repeat;
        }
        #nav li.lastitem
        {
            margin-right:-10px;
        }
        #nav li a.nagerechten
        {
            position:relative;
            display:block;
            width:206px;
            height:217px;
            background:url(images/nagerechten.jpg) no-repeat;
        }
        #nav li a.nagerechten:hover
        {
            background:url(images/nagerechten.jpg) center bottom no-repeat;
        }
        /****************************************/
        /* Zorgt ervoor dat de active pagina    */
        /* De foto gekleurd blijft              */
        /****************************************/ 
        
        #layoutDrankenKaart li a.drankenkaart
        {
           background:url(images/drankenkaart.jpg) center bottom no-repeat;
        }        
        #layoutVoorgerechten li a.voorgerechten
        {
           background:url(images/voorgerechten.jpg) center bottom no-repeat;
        }      
        #layoutHoofdgerechten li a.hoofdgerechten
        {
           background:url(images/hoofdgerechten.jpg) center bottom no-repeat;
        }    
        #layoutNagerechten li a.nagerechten
        {
           background:url(images/nagerechten.jpg) center bottom no-repeat;
        }    
        
        
/****************************************/
/*           Menukaarten                */
/*                                      */
/****************************************/ 
.fes_mc_dmm ul.level_1, .menucardProducts
{
    margin:0;
    padding:0;
    list-style:none;
}
    .fes_mc_dmm .title
    {
        font-weight:bold;
        color:#AB4349;
        display:block;
        padding-bottom:10px;
        padding-top:10px;
    }
    .fes_mc_dmm .level_1 li
    {
        margin-bottom:0px;
    }
    .fes_mc_dmm .name
    {
        width:400px;
        display:block;
        float:left;
    }
    .fes_mc_dmm .description
    {
        display:block;
        font-style:italic;
        padding-top:2px;
        padding-bottom:4px;
        width:380px;
        margin-left:5px;
        font-size:11px;
    }
    .fes_mc_dmm span.empty
    {
        display:none;
        visibility:hidden;
        height:0px;
    }

/****************************************/
/*     Nieuws Article / Homepage        */
/*                                      */
/****************************************/ 
.sys_ArticleFullText_empty
{
	visibility: hidden;
	display: none;
}
.sys_ArticleFullText
{
	color:#2B93F7;
}
#nieuws
{
    position:relative;
    overflow:hidden;
    float:right;
    width:300px;
}
    .sys_link_news_title
    {
        text-decoration:none;
        color:#AB4349;
    }
    ul.sys_fes_news_dnlm_list 
    {
        list-style:none;
        padding:0px;
        margin:0px;
    }
        ul.sys_fes_news_dnlm_list li
        {
            overflow:hidden;
            height:15px;
        }
            ul.sys_fes_news_dnlm_list  .sys_date
            {
                width:80px;
                float:left;
                clear:left;
                display:inline;
            }
            ul.sys_fes_news_dnlm_list  .sys_title
            {
                float:left;
                width: 200px;
            }
/* nieuws pagina */ 
#layoutNieuws .sys_title
{
    font-weight:bold;
    color:#F7A40D;
    padding-bottom:10px;
}
.sys_label_source
 {
    float:left;
    width:100px;
 }
.sys_label_date
{
    float:left;
    width:100px;
}

/****************************************/
/*           Menukaarten                */
/*                                      */
/****************************************/ 
.fes_mc_dmm ul.level_1, .menucardProducts
{
    margin:0;
    padding:0;
    list-style:none;
}
.fes_mc_dmm ul li
{
	margin-left: 0px;
}
    .fes_mc_dmm .title
    {
        font-weight:bold !important;
        color:#2B93F7;
        display:block;
        margin-bottom:10px;
		font-size: 13px;
		text-align: center;
    }
    .fes_mc_dmm .name
    {
        display:block;
        float:left;
		color: #2B93F7;
		font-weight: bold;
		font-size: 11px;
		width: 500px;
    }
	.fes_mc_dmm .price
	{
		color: #2B93F7;
	}
    .fes_mc_dmm .description
    {
        display:block;
        font-style:italic;
        padding-top:2px;
        padding-bottom:4px;
        width:480px;
        margin-left:5px;
        font-size:11px;
		color: #2B93F7;
		font-style: italic;
    }
    .fes_mc_dmm span.empty
    {
        display:none;
        visibility:hidden;
        height:0px;
		
    }
 
/******************************/
/*     Agenda                 */
/******************************/       
.sys_fes_event_deam_list
{
    list-style-type:none;
    margin:0;
    padding:0;
}
    .sys_fes_event_dedm
    {
        position:relative;
    }
    .sys_fes_event_deam_list li
    {
        text-align:center;
        float:left;
        width:140px;
        margin-right:21px;
        margin-top:21px;
        padding:10px 20px 10px 20px;
        border:1px solid #fff;
    }
        .sys_thumbnail_link
        {
            padding-bottom:5px;
            text-decoration:none;
        }
        .sys_img_thumbnail
        {
            padding:5px;
            float:left;
        }
        #layoutAgenda .sys_title, #layoutAgendaDetail .sys_title
        {
            font-weight:bold;
            color:#F7A40D;
            padding-bottom:10px;
        }
        .sys_event_photo_list
        {
            overflow:hidden;
            border:1px solid #ccc;
            margin-top:50px;
        }
        .sys_img_flyer
        {
            margin-bottom:5px;
            position:absolute;
            right:0px;
            top:0px;
        }
        .sys_img_title
        {
            display:none;
            visibility:hidden;
        }
        #layoutAgendaDetail .sys_label
        {
            float:left;
            width:130px;
            font-weight:bold;
        }
        .sys_actions,.sys_actions a
        {
            padding-top:5px;
            color:#F7A40D;
            clear:both;
}
/******************************/
/*     Gastenboek / Login     */
/******************************/  
#layoutUserlogin .sys_label
{
    float:left;
    width:130px;
}
.sys_fes_user_dlogin
{
    margin-top:15px;
}
.sys_span_password, .sys_span_login
{
    display:block;
    margin-top:5px;
}
.sys_fes_user_dlogin input
{
    margin-left:5px;
    padding:0;
}
.sys_span_forgot_password
{
    margin-top:10px;
    display:block;
}
#layoutUserlogin .sys_label_error_message, #layoutForgotPassword .sys_label_error_message
{
    width:700px;
    padding:15px 0 5px 0px;
    margin-top:-40px;
    position:absolute;
    font-weight:bold;
}
#layoutUserlogin .sys_title_errormessage, #layoutForgotPassword .sys_title_errormessage
{
    width:700px;
    padding:0px 0 5px 0px;
    margin-top:-40px;
    position:absolute;
    font-weight:bold;
}
.sys_request_new_password
{
    display:block;
    margin-top:10px;

}

#layoutUserSubscribe .sys_link_next
{
    display:block;
    margin-top:10px;
}
table.sys_table_user_subscribe table td 
{
    color:#01204B;
}
#layoutUserSubscribe .sys_description, #layoutUserSubscribe .sys_fes_user_dsubscribe
{
   float:left;
}
.sys_steps
{
    font-weight:bold;
    margin-bottom:5px;
}
.sys_table_user_subscribe
{
    clear:both;
    text-align:left;
}
#layoutUserSubscribe th
{
    text-align:left;
    width:200px;
    font-weight:normal;
}
#layoutNieuwsbriefOntvanden .sys_table_user_subscribe
{
    text-align:left;
}
#layoutNieuwsbriefOntvanden th
{
    text-align:left;
    width:200px;
    font-weight:normal;
}
#layoutNieuwsbriefOntvanden .sys_description{
	margin-bottom: 10px;
}

#layoutNieuwsbriefOntvanden #ldStart_ctl00_ctl00_ctl69_ctl00_LinkButtonNext{
	color:#fff;
	background: #2B93F7;
	padding:5px;
	text-decoration:none;
	float:left;
}

#layoutNieuwsbriefOntvanden #ldStart_ctl00_ctl00_ctl69_ctl00_LinkButtonPrevious {
	color:#fff;
	background: #2B93F7;
	padding:5px;
	text-decoration:none;
	float:left;
	margin-right:10px;
}
#layoutNieuwsbriefOntvanden #ldStart_ctl00_ctl00_ctl69_ctl00_LinkButtonSubmit {
	color:#fff;
	background: #2B93F7;
	padding:5px;
	text-decoration:none;
	float:left;
}


/******************************/
/*    Gastenboek              */
/******************************/  
div.sys_fes_guestbook_dlist
{
/*	position:relative;*/
}
div.sys_div_quote_label
{
	font-size:small;
	margin-bottom : 2px;
	width:200px;
}

div.sys_div_quote_message
{
	font-size:small;
	margin-bottom:5px;
	font-style:italic;
	background-color:#F5F5F5;
	border-bottom:1px solid #D9D7D4;
	border-top:1px solid #D9D7D4;
}
th.sys_column_label
{
	width:0px;
	font-size:13px;
	font-weight:normal;
}

td.sys_column_value_placed_on
{
	color:white;
	font-size:13px;
}
#layoutGastenboek div.sys_div_message
{
	margin-top:20px;
}
td.sys_column_value_message
{
	border-bottom:solid 1px #fff;
}
div.sys_div_quote_header,
div.sys_div_quote_message
{
	margin-left:12px;
}
div.sys_div_quote_message
{
	padding:12px;
	background:#C9D1DC;
	color:#000;
	border:solid 1px #fff
}

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:12px;
	background:#8D8D8D;
	border:solid 1px #fff;
	margin:12px 0 20px;
}
td.sys_col_label_message img
{
	margin-top:20px;
	margin-right:20px;
	border:solid 1px #fff;
}
td.sys_column_reply a
{
	font-weight:normal;
}

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;
}
#layoutGastenboek table.sys_table_overview
{
	margin-top:20px;
}
a.sys_link_submit_message_bottom
{
	display:block;
}

/******************************/
/*   Fotoalbum                */
/******************************/  
div.sys_fes_pho_dpalm,
div.sys_fes_pho_dpgm
{
	position:relative;
	clear:left;
	overflow:hidden;
}
    div.sys_fes_pho_dpalm ul
    {
	    list-style:none;
	    margin:0;
	    padding:0;
    }
        div.sys_fes_pho_dpalm ul li
        {
            text-align:center;
            float:left;
            width:140px;
            height:200px;
            margin-right:21px;
            margin-top:21px;
            padding:10px 20px 10px 20px;
            border:1px solid #fff;
        }
            div.sys_fes_pho_dpalm ul img
            {
	            display:block;
	            border:none;
	            padding-bottom:10px;
            }
            div.sys_fes_pho_dpalm ul li a
            {
	            color:#fff;
	            text-decoration:none;
            }
            div.sys_fes_pho_dpalm span.sys_title
            {
	            display:block;
	            font-weight:bold;
	            color:#F7A40D;
	            text-align:center;
            }
            div.sys_fes_pho_dpalm span.sys_description
            {
	            text-align:center;
	            display:block;
            }
            div.sys_fes_pho_dpalm span.sys_date,
            div.sys_fes_pho_dpgm span.sys_album_date
            {
	            display:block;
	            margin-top:8px;
	            text-align:center;
            }
            div.sys_fes_pho_dpgm span.sys_album_title_label,
            div.sys_fes_pho_dpgm span.sys_album_description_label
            {
	            visibility:hidden;
	            display:none;
            }

            div.sys_fes_pho_dpgm span.sys_album_date_label
            {
                float:left;
            }

            div.sys_fes_pho_dpgm span.sys_album_date
            {
                float:left;
                clear:right;
                margin:0px;
                margin-left:5px;
            }

            div.sys_fes_pho_dpgm span.sys_album_title
            {
	            display:block;
	            font-weight:bold;
	            color:#F7A40D;
	            text-align:left;
            }
            div.sys_fes_pho_dpgm span.sys_album_description
            {
	            display:block;
	            margin-top:8px;
	            text-align:left;
            }

            div.sys_paging
            {
                float:left;
                width:100%;
                clear:both;
            }

            div.sys_paging ul
            {
	            list-style:none;
	            margin:12px 0;
	            padding:0;
	            overflow:hidden;
            }
                div.sys_paging ul li
                {
	                display:inline;
	                margin-right:8px;
                }
                    div.sys_paging ul li a
                    {
	                    font-weight:bold;
	                    text-decoration:underline;
                    }
                    div.sys_paging ul li a:hover
                    {
	                    color:#FF8306;
                    }
                div.sys_paging ul li a.sys_active
                {
	                text-decoration:none;
	                color:#F7A40D;
                }
                div.sys_paging ul li a.sys_next
                {
	                font-weight:normal;
                }
                div.sys_fes_pho_dpgm .sys_photo div
                {
	                width:170px;
	                margin-right:0;
                }
                div.sys_fes_pho_dpgm .sys_photo div img
                {
                    cursor:pointer;
                }
                div.sys_album
                {
	                position:relative;
	                overflow:hidden;
	                clear:both;
                }
                div.sys_photo
                {
                    float:left;
                    width:140px;
                    height:200px;
                    margin-right:21px;
                    margin-top:21px;
                    padding:10px 20px 10px 20px;
                    border:1px solid #fff;
                }
                .sys_photo a img
                {
	                border:none;
	                text-align:left;
                }
                div.sys_fes_pho_dpgm span.sys_album_title
                {
	                margin-top:20px;
	                font-size:13px;
                }
                div.sys_fes_pho_dpdm
                {
	                position:relative;
	                width:640px;
                }
                div.sys_fes_pho_dpdm div
                {
                    width:800px;
                }
                a.sys_back_to_album_label
                {
	                display:block;
	                margin-bottom:12px;
                }
                span.sys_album_title_label
                {
	                font-weight:bold;
                }
                h2.sys_photo_title
                {
	                font-weight:normal;
                }
                h2.sys_photo_title span
                {
	                font-weight:bold;
                }
                a.sys_previous_image
                {
	                display:block;
	                margin-bottom:12px;
	                margin-left:160px;
	                width:100px;
	                float:left;
                }
                a.sys_next_image_label
                {
	                display:block;
	                float:right;
	                margin-bottom:12px;
	                margin-right:4px;
                }
                div.sys_fes_pho_dpdm img
                {
	                display:block;
	                clear:both;
	                margin:0 auto;
                }
                span.sys_photo_description_label,
                span.sys_photo_date_label
                {
	                visibility:hidden;
	                display:none;
                }
                span.sys_photo_description
                {
	                font-weight:bold;
	                display:block;
                }
/******************************/
/*     Popups                 */
/******************************/  
.modalBackground
{
	opacity:.50;
	filter: alpha(opacity=50);
	 -moz-opacity: 0.5;
	background-color: #000;
}
div.sys_div_popup
{
    border: 1px solid #fff;
    background:#000;
    padding-top:10px;
}
    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_footer
    {
    padding:0 0 12px 18px;
    text-align:center;
    }
        div.sys_div_popup div.sys_div_popup_footer a.sys_link
        {
	        margin:5px 5px 0px 0px;
        }
.sys_gen_userm_dforgot_password
{
    margin-top:20px;
}
/************************************************/
/*					Form    					*/
/************************************************/

/*------------------------------------------
----------------Formulieren ----------------
----------------------------------------- */
/*------------------Forms-------------*/
/* Met fieldset */ 
.sys_fes_cforms_dform
{
	margin-top:20px;
}
.sys_fes_cforms_dform .sys_one_row fieldset
{
	border-top:2px dotted #ac7e2f;
	padding:0px 10px 10px 20px;
	margin:10px 0px;
	background:#f9f9f9 url(images/backgroundform.gif?4) center top repeat-x;
	position:relative;

}
.sys_fes_cforms_dform .sys_one_row fieldset legend
{
    font-weight:bold;
    padding:5px 3px;
    display:block;
    color:#4C4C4C;
    font-size:13px;
}
.sys_fes_cforms_dform .sys_one_row fieldset .sys_one_row
{
	margin-bottom:8px;
	padding-bottom:8px !important;
	overflow:hidden;
	clear:both;
	background:url(images/divider.gif?1) center bottom repeat-x;
}
.sys_fes_cforms_dform .sys_one_row fieldset .sys_one_row label
{
	width:140px;
	display:block;
	float:left;
	cursor: pointer;
	margin-bottom:0px;
}
.sys_fes_cforms_dform .sys_one_row fieldset .sys_one_row input
{
	margin-bottom:0px;
	width:200px;
}
.sys_fes_cforms_dform .sys_one_row fieldset .sys_one_row textarea
{
	width:200px;
	height:200px;
}
.sys_fes_cforms_dform .sys_one_row fieldset .sys_one_row select
{
	width:200px;
}
.sys_input_date
{
    width:200px !important;
    background:#fff;
}
.sys_input_date input
{
    height:17px !important;
}
.sys_fes_cforms_dform .sys_one_row fieldset .sys_one_row .sys_radiobuttonlist label,
.sys_fes_cforms_dform .sys_one_row fieldset .sys_one_row .sys_input_checkbox label
{
	width:auto !important;
	
}
.sys_fes_cforms_dform .sys_one_row fieldset .sys_one_row .sys_radiobuttonlist input,
.sys_fes_cforms_dform .sys_one_row fieldset .sys_one_row .sys_input_checkbox input
{
	width:auto !important;
	float:left;
	margin-right:8px;
}
.sys_fes_cforms_dform a
{
    float:left;
	clear:left;
	margin-top:10px;
	 color:#4C4C4C;
	 background:#f9f9f9 url(images/backgroundform.gif?4) center top repeat-x;
	 display:block;
	 padding:3px 10px;
	 text-decoration:none;
	 border-top:1px solid #ccc;
	 border-left:1px solid #ccc;
	 border-bottom:1px solid #666666;
	 border-right:1px solid #666666;	 
	 margin-bottom:15px;
}
.sys_fes_cforms_dform a:hover
{
	 background:#f9f9f9 url(images/backgroundform.gif?4) center top repeat-x;
	 border-right:1px solid #ccc;
	 border-bottom:1px solid #ccc;	 
	 border-top:1px solid #666666;
	 border-left:1px solid #666666;	 
}
/* Zonder fieldset */ 
.sys_fes_cforms_dform .sys_span_title
{
	font-size:16px;
	margin:0px 0px 4px 0px;
	width:100%;
	float:left;
	font-weight:bold;
	display:block;
}
.sys_fes_cforms_dform .sys_description
{
	margin:10px 0px;
}
.sys_fes_cforms_dform .sys_one_row
{
	clear:left;
	width:100%;
	display:inline;
	display:block;
}

.sys_fes_cforms_dform .sys_one_row label
{
	float:left;
	width:150px;
	margin:0;
}
.sys_fes_cforms_dform .sys_one_row input
{
	float:left;
	width:180px;
	font-size: 12px;
}
.sys_fes_cforms_dform .sys_one_row textarea
{
	width:300px;
	height:150px;
	background:#fff;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
}
.sys_fes_cforms_dform .sys_one_row table input
{
	width:auto !important;
	background:none !important;
	border:none !important;
}
.ajax__validatorcallout .ajax__validatorcallout_error_message_cell
{
	vertical-align: top;
}
.ajax__validatorcallout_popup_table_row
{
	color:#000;
}


#layoutNieuwsbriefOntvanden .sys_fes_cforms_dform a:link,
#layoutNieuwsbriefOntvanden .sys_fes_cforms_dform a:visited
{
	padding-left: 80px;
}
#layoutNieuwsbriefOntvanden .sys_fes_cforms_dform .sys_one_row span 
{
	width:80px;
}
.sys_fes_cforms_dform table
{
	height: 15px !important;
}
.sys_fes_cforms_dform table tbody, .sys_fes_cforms_dform table td, .sys_fes_cforms_dform table tr
{
	height: 12px !important;
	vertical-align: middle;
}

ul#sliding-navigation
{
	list-style: none;
	font-size: .75em;
	margin: 0px 0;
	padding: 0;
}
ul#sliding-navigation li
{
    margin:0;
}
ul#sliding-navigation li.sliding-element a
{
	display: block;
	width: 136px;
	padding: 1px 6px;
	margin: 0;
	margin-bottom: 5px;
	color: #fff;
	background:#3598F7;
	border: 1px solid #95C8FB;
	text-decoration: none;
}

ul#sliding-navigation li.sliding-element a:hover { color: #000; }
