@font-face 					{ font-family: "montez"; src: url(../fonts/Montez-Regular.ttf); }
@font-face 					{ font-family: "RockSalt"; src: url(../fonts/RockSalt.ttf); }
@font-face 					{ font-family: "UbuntuMono-BoldItalic"; src: url(../fonts/UbuntuMono-BoldItalic.ttf); }
@font-face 					{ font-family: "UbuntuMono-Italic"; src: url(../fonts/UbuntuMono-Italic.ttf); }

* 							{ padding: 0; margin: 0; }

html						{ overflow: auto; overflow-x: hidden;  }

a							{ text-decoration: none; color: #fff; }

body 						{ background-image: url(../img/bg_main_dark.jpg); background-repeat-x: initial; background-repeat-y: initial; margin: 0; padding: 0;
							  -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -o-font-smoothing: antialiased; font-smoothing: antialiased; }

h1							{ font-size:26px; }


/********************** main ************************/


#header						{ background-image: url(../img/page/bg_top.jpg); float:left; width: 974px; display:block; padding:25px; }

#logo						{ background-image: url(../img/logo/leeuw_new_purple.png); background-repeat: no-repeat; width: 306px; height: 160px; margin:0 auto;
							  padding-bottom:15px; display:block; }
							  
#teaser						{ width:924px; background-color: #2b2a2a; padding: 50px; -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
							  -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); position: relative; }

#teaser_image				{ width:924px; display:block; border: none; }

#wrapper					{ width: 1024px; margin: 0 auto; position: relative;}
#content-wrapper			{ width: 1024px; background-color: #4a484a; }
#content					{ color: #D8D8D8; min-height:150px; width: 1024px; height: auto; background-color: #4a484a; display:inline-block; position:relative;
							  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2); }
#footer						{ float:left; width: 1024px; height: 100px; display:block; background-color: #2b2a2a; position: relative; }


#first						{ cursor: pointer;}
#second						{ position:absolute; top:50px; display:none; }



/********************** member ***********************/


#m_header					{ float:left; width: 1024px; display:block; background-image: url(../img/page/bg_top.jpg); }



#image-block				{ background-image: url(../img/page/bg_center.jpg); width: 1024px; float:left; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2);
							  -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2); }

#image-block.special { margin: 50px 0;}							  

/*************** hapstap ****************/

.footsteps					{ position:absolute; width:1024px; height:239px; margin:560px 0px 0px -20px; display:block; 
						      background-image: url(../img/page/footsteps.png); z-index:2; }

#magazine					{ float:left; color: #D8D8D8; font-size: 18px; width: 1024px; position:relative; display:inline-block; background-color: #4a484a;
							  overflow:hidden; -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2);
							  -webkit-transform: translate3d(0px,0px,0px); }

#magazine-info				{ color: #D8D8D8; font-size:24px; font-family: "RockSalt", cursive; font-style: italic; text-align:left; margin: 590px 0 0 50px;
							  position:absolute; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); z-index:3; }
							  
.hs_image					{ position: absolute; margin:-35px 25px 25px 0px; }

/************ nav *****************/
#next-btn					{ width:60px; height:90px; background-image: url(../img/page/next_btn.png); margin-right:25px; display:block; float:right; }
#prev-btn					{ width:60px; height:90px; background-image: url(../img/page/prev_btn.png); margin-left: 25px; display:block; float:left; }

#choice-info				{ color: #D8D8D8; font-size:24px; font-family: "RockSalt", cursive; font-style: italic; text-align:left; margin: 600px 0 0 50px;
							  position:absolute; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); z-index:3; }



/************** print btn ****************/


#print						{ width: 36px; height: 36px; display: block; background-image: url(../img/print.png); top: 1140px; left:20px; position:absolute;
							  z-index:4; cursor: pointer; }

#print-ac					{ width: 36px; height: 36px; display: block; background-image: url(../img/print.png); bottom: 20px; left:20px; position:absolute;
							  z-index:4; cursor: pointer; }

#print a, #print-ac a		{ width: 36px; height: 36px; display:block; }
#print-page					{ padding: 50px; border: 1px solid; width: 1280px; height: 2560px; }


/**************** kerst *****************/

.print-info-kerst			{ float:left; text-align: center; padding: 50px; }

#snow						{ width:1024px; height: 605px; position: absolute; display: block; top: 0px; overflow: hidden; }

#kerst						{ position:relative; height: 600px; }

#kerst-image				{ width: 1024px; height: 600px; display: block; position: absolute; background-image: url(../img/page/kerstmis.jpg); }

#special					{ margin:75px 0 75px 0; color: #D8D8D8; font-size: 20px; font-family: "RockSalt"; text-align:center; }
#special #years				{ color: #D8D8D8; font-size:32px; font-family: "RockSalt", cursive; }

.total-year					{ color: #D8D8D8; font-size:24px; font-family: "RockSalt", cursive; }

#special h1 				{ color: #D8D8D8; font-size:24px; font-family: "RockSalt", cursive; }


#video_content				{ padding:20px 0 0 170px; }

#admin-content				{ color: #000; min-height: 150px; width: 1024px; background-color: #fff; display:inline-block; position:relative;
							  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2); }

#kert-teaser				{ display:inline-block; position:relative; width: 1024px; height: 600px;}
#info						{ width:924px; font-size:24px; font-family: "RockSalt", cursive; text-align:left; padding: 20px 0 0 50px; position:absolute; float:left;
							  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }

#kerst-info					{ color:#fff; background-color: #484848; font-size:24px; font-family: "RockSalt", cursive; text-align:left; padding: 0 10px 0 10px; 
							  margin: 25px 0px 0px 50px; position:absolute; float:left; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }

#kerst-info-wishes 			{ background-color: #484848; font-size:24px; font-family: "RockSalt", cursive; text-align:left; padding: 0 10px 0 10px;
							  margin: 50px 0px 0px 50px; position:absolute; float:left; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }

#vacation-info				{ color:#fff; width: 275px; background-color: #484848; font-size:20px; font-family: "RockSalt", cursive; text-align:left; padding: 0 10px 0 10px;
							  margin: 430px 0px 0px 50px; position:absolute; float:left; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }

#vacation-info-wishes		{ width: 275px; background-color: #484848; font-size:20px; font-family: "RockSalt", cursive; text-align:left; padding: 0 10px 0 10px;
							  margin: 240px 0px 0px 0px; position:absolute; float:right; right: 50px; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }


#kerst-choice				{ width:512px; font-size:24px; font-family: "RockSalt", cursive; text-align:right; margin: 100px 50px 0 0; position:relative; 										  float:right; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }

#mee, #ons, #of				{ margin-bottom: 25px; }
#mee a, #ons a, #of span	{ padding: 0px 10px 0px 10px; text-decoration: none; color:#fff; background-color: #484848; 
							  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.2); }

#mee a:hover, #ons a:hover	{ background-color: #686868; }


#extra-info					{ padding:50px 0 50px 0; }

.main-info					{ width:60%; color: #D8D8D8; font-size: 20px; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif;
							  padding-right:50px; float:right; text-align:right;}

.opening-times				{ width:50%; color: #D8D8D8; font-size: 20px; margin:100px 50px 50px 50px;
							  font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif; }

.opening-times ul			{ font-size: 20px; padding-bottom:50px; }
.opening-times #days		{ padding-top:10px; list-style: none; float:left; }
.opening-times #lunch		{ padding:10px 0px 0px 50px; list-style: none; float:left; text-align: center; }
.opening-times #diner		{ padding:10px 0px 0px 50px; list-style: none; float:left; text-align: center; }

.contact-form 
input[type='text'] 			{ height: 30px; font-size: 14px; padding:5px; }
.contact-form
textarea					{ height: 100px; font-size: 14px; padding:5px;}
.contact-form label			{ color: #D8D8D8; font-size: 20px; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif; height: 30px; 											  display:block;}

.contact-info				{ width:50%; color: #D8D8D8; font-size: 20px; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif;
								text-align:right; position:absolute; top:150px; right:50px;}

.contact-info a 			{ color: #D8D8D8; text-decoration: none; }

#contact_succes_message h1  { font-size:22px; }
#contact_succes_message		{ font-size:18px; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif; width:45%; padding:50px;}

.route_holder				{ padding:75px 50px;}
.route						{ font-size:18px; line-height: 22px; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif; 
							  width:50%;}

.menu-info					{ color: #D8D8D8; font-size: 20px; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif; text-align:center;
							  padding-bottom:40px; }

.main-menu-info				{ color: #D8D8D8; font-size: 20px; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif; text-align:center;
							  padding-top:120px; padding-bottom:70px; }

.menu-info span 			{ font-size: 14px; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif; }


#alacarte-list				{ width:800px; padding:25px 0 50px 50px; margin:65px 50px 0 40px; }
#alacarte-list li			{ list-style-type: none; padding-bottom: 5px; }

.ac-main-description    	{ float:left; width:645px; color: #D8D8D8; font-size: 20px; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif; }
.alacarte-item				{ position:relative; }
.ac-price 					{ width:150px; height:25px; text-align:right; float:right; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif;
							  font-size: 18px; display:block; }

.ac-additional-info   		{ width: 700px; margin-top:30px; font-size: 14px; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif; }



.t_image					{ border: 1px solid #2b2a2a; }

#menu-items					{ position:relative; }

#arrangement-items			{ position:relative; }

#menu-items ul, 
#arrangement-items ul 		{ margin: 0; padding: 0; text-align: center; list-style-type: none; }
 
#menu-items-list li 		{ display:inline; }

.menu-item					{ height:156px; width:138px; background-color: #2b2a2a; padding: 50px; margin-left: 14px; float:left;
							  -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5);
							  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); }

/* main menu */

#menu						{ padding-top: 10px; }
#menu ul, 
#item-descriptions ul		{ margin: 0; padding: 0; text-align: center; list-style-type: none; }

#optional-list				{ width:1024px; height:35px; background-color:#333; border-style:1px solid; }
#optional-list-menu			{ width:1024px; height:35px; background-color:#333; border-style:1px solid; position:absolute; top:509px; z-index:5; }
#optional-list-menu ul		{ margin: 0; padding: 0; text-align: center; list-style-type: none; }
#optional-list ul 			{ margin: 0; padding: 0; text-align: center; list-style-type: none; }

.description				{ font-family: "RockSalt"; font-size: 16px; float:left; width:238px; text-align:center; margin-left: 14px; }
.optional-description		{ font-family: "Arial"; font-size: 12px; float:left; margin-left: 14px; color: #fff; padding: 10px 10px 15px 10px;
							  cursor: pointer; }

#optional-list li			{ display:inline; }
#item-description li		{ display:inline; }

#menu li				 	{ display:inline; }
#menu a						{ font-size: 20px; color: #2b2a2a; text-decoration: none;font-family: "Arial"; padding: 0px 20px 0px 20px; }
#menu a:hover				{ color: #fff; }
#menu a.selected			{ color: #4f193d; }
#item-descriptions			{ padding-top: 10px; }

#arrangement-wrapper		{ width: 770px; height:256px; display:block; margin: 0 auto; }

#arrangement-descriptions ul { width: 770px; margin: 0 auto; padding: 0; text-align: center; list-style-type: none; }


/* end main menu */


/* menus css */

.menu_description			{font-size: 14px;}
#menu_prev_page	a						{width: 36px; height: 36px; background-image: url('../images/sh-left.png'); display:block; left:20px; top:50%; position:absolute; z-index: 10; }
#menu_next_page	a						{width: 36px; height: 36px; background-image: url('../images/sh-right.png'); display:block; right:20px; top:50%; position:absolute; z-index: 10; }	

/* end menus css */




/********* admin login **********/


#login_form 				{ width: 250px; height: 175px; background-color:#fff; border: 1px solid white; margin: 0 0 15px 0; padding: 25px;
							  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; display:block; float:right;
							  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }

#login_form h1				{ color: #373737; margin-top: 0; font-family: arial; padding-bottom:20px; font-size:24px; }
#login_form #login 			{ display: block; height: 35px; font-size: 14px; color: #373737; width: 250px; }
#login_form .buttons		{ float:right; }


/********** end admin login *********/


#add_product div			{ font-size:24px; color: #333; font-family: arial; margin:5px 5px 5px 7px; text-align:center; font-weight:bold; }
#add_product, 
#hide_product_add			{ width:35px; height:34px; border-right: 1px solid #b7b7b7; cursor:pointer; float:left; text-decoration: none; }
#hide_product_add div		{ font-size:24px; color: #333; font-family: arial; margin:3px 5px 5px 7px; text-align:center; }
#add_product_view 			{ position:absolute; margin: 0px auto; background-color:#fff; padding-top:15px; padding-bottom:20px; width:1024px; z-index:5;
							  -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
							  -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2); }

h2,h3,h4,h5 				{ margin-top: 0; font-family: arial; font-size:18px; }

input[type=text], 
input[type=password], 
textarea					{ display: block; margin: 0 0 1em 0; height:25px; width: 373px; }

textarea 					{ height: 100px; }


#product_menu 				{ position:relative; width:1024px; height:35px; background-color:#CCC; }
#product_menu a				{ text-decoration: none; }
#product_container  		{ padding-bottom: 50px; }

.m_product					{ width:193px; height:217px; background-color:#fff; border: 1px solid #cccccc; text-align:left; float:left; margin:0 0px 5px 0;
							  overflow:hidden; }

#m_product_menu				{ width:193px; height:25px;	background-color:#CCC; }

.product					{ width:995px; background-color:#fff; border: 1px solid #ccc; text-align:left; float:left; margin:0 0px 5px 0; overflow:hidden; }
.product_container			{ position: relative; width: 100%; border: 1px solid; }
.product_delete_btn			{ position: absolute; top:34px; right:5px; }
.product_edit_btn			{ position: absolute; top:10px; right:5px; }
.product_edit_btn a			{ width: 16px; height: 16px; background-image: url('../img/admin/edit_16.png'); display:block; }
.product_delete_btn a		{ width: 16px; height: 16px; background-image: url('../img/admin/delete_16.png'); display:block; }
.product_name				{ font-family: arial; font-weight:bold; font-size:12px margin: 5px 0px 2px 10px; color:#333; }
.product_price				{ font-family: arial; font-weight:bold; font-size:12px;	 margin: 5px 0px 2px 10px; color:#000; }
.product_description  		{ font-family: arial; font-weight:bold; font-size:12px;	 margin: 5px 0px 2px 10px; color:#555; }


#demo						{ padding-top: 15px; }

#global_header				{ width: 1024px; height:67px; margin:0 auto; position: relative; padding: 5px 0 8px 0; background: #373737; 
							  border-bottom: solid 1px #444; }

#member_header				{ width: 1024px; height:67px; background: #373737; border-bottom: solid 1px #444; }
#member_header a			{ text-decoration:none; color: #969696; }


/**************		admin buttons      ***************/

#news_button a				{ float:left; background: url(../img/admin/leaflet_32.png) no-repeat;}
#menu_button a				{ float:left; background: url(../img/admin/kaart.png) no-repeat;}

#login_button a, 
#logout_button a			{ float:right; background: url(../img/admin/login_32.png) no-repeat; }

#news_button a,
#menu_button a, 
#login_button a, 
#logout_button a, 
#login_button a				{ width:75px; height:50px; display:block; cursor: pointer; background-position:center; }

#menu_button, 
#login_button,  
#logout_button, 			{ margin-top:40px; font-size:14px; width: 75px; color: #969696; font-family: arial; text-align: center; }

.icon_name					{ margin-top:40px; font-size:14px; width: 75px; color: #969696; font-family: arial; text-align: center; }
/**************		end admin buttons      ***************/

input[type=submit], 
form a 						{ border:none; margin:10px 5px 0 0; padding: 4px 10px 4 10px; text-decoration: none; font-size: 11px; -moz-border-radius: 5px;
							  -webkit-border-radius: 5px; border-radius: 4px; background: #373737; color: white; }

input[type=submit]:hover, 
form a:hover 				{ color: #E7E6E6; cursor: pointer; }

.section 					{ border-bottom-color: #CCC; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px 50px 50px 50px; padding-top: 15px;
							  padding-bottom:15px; color: #333; }

.contact-form				{ margin:75px 50 50 50px; }
.section_login				{ margin: 50px 50px 50px 50px; color: #333; }
.section_container			{ width: 300px; }

.buttoncontainer			{ margin: 0px 50px 20px 50px; }

select 						{ width: 350px; margin: 0 0 1em 0; }

/* Validation error messages */

.error 						{ font-family: arial; color: #A60202; font-size: 11px; padding-bottom: 10px; }

#cap_bottom					{ bottom:0px; width:984px; height:5px; display:block; background: url(http://www.restaurantdeleeuw.nl/img/maincap_bottom.png) no-repeat; }

#options_container 			{ border-bottom-color: #CCC; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px 15px 15px 15px; }



/* news */


.news_section			{ font-family: arial; border-bottom-color: #CCC; border-bottom-style: dashed; border-bottom-width: 2px; margin: 50px; padding-bottom: 15px;}

.news_item				{ font-family: arial; width:45%; float:left; margin: 10px; color:#333; }
.news_item h2			{ padding-left: 10px; color: #D8D8D8; font-size: 20px; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif;}
.news_title				{ color: #D8D8D8; font-size: 28px; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif; }
.news_author			{ color: #D8D8D8; font-size: 14px; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif;}
.news_date				{ color: #D8D8D8; font-size: 15px; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif; }
.news_content			{ margin: 20px 0 20px 0; color: #D8D8D8; font-size: 20px; font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif; }

.news_section_admin 	{ border-bottom-color: #CCC; border-bottom-style: solid; border-bottom-width: 1px; margin: 0px 50px 50px 50px; padding-top: 15px;
						  padding-bottom:15px; color: #333; background-color: #fff;}
.news_item_admin		{ font-family: arial; width:45%; float:left; margin: 5px; color:#333; }
.news_item_admin h2		{ padding-left: 10px;}
.news_title_admin		{ font-size: 24px; color:#333; }
.news_author_admin		{ font-size: 12px; color:#BBB; }
.news_date_admin		{ font-size: 10px; color:#BBB; }
.news_content_admin		{ margin: 20px 0 20px 0; }

.news_images_admin		{ width: 45%; display:block; float:right; margin: 10px;}

.thumb_admin			{ float: right; width: 100px; position:relative; height: 100px; background-color: #fff; 
						  border: 1px solid #ccc; display:block; padding:9px; margin:5px 10px 5px 0px; overflow:hidden; }
.thumb_admin img		{ border: none; width:100px; height:100px; display:block; }

.big_thumb_admin		{ float: right; width: 360; position:relative; height: 250px; background-color: #fff; 
						  border: 1px solid #ccc; display:block; padding:9px; margin:5px 10px 5px 0px; overflow:hidden; }
.big_thumb_admin img	{ border: none; width:360px; height:250px; display:block; }

.news_item_admin
input[type="text"]		{ display:block; margin: 10px; height: 25px; width: 350px; }
.news_item_admin
input[type="date"]		{ display:block; margin: 10px; height: 25px; width: 367px; }
.news_item_admin
textarea				{ display:block; margin: 10px; width: 350px; }

.news_item_admin
input[type="submit"]	{ margin:10px; }
.news_item_admin
input[type="file"]		{ display:block; margin: 10px; width: 350px;}

.news_images			{ width: 45%; display:block; float:right; margin: 15px 0px 15px 15px;}

.thumb					{ float: right; width: 100px; position:relative; height: 100px; background-color: #fff; 
						  border: 1px solid #ccc; display:block; padding:9px; margin:5px 10px 5px 0px; overflow:hidden; }
.thumb img				{ border: none; width:100px; height:100px; display:block; }

.big_thumb				{ float: right; width: 360; position:relative; height: 250px; background-color: #fff; 
						  border: 1px solid #ccc; display:block; padding:9px; margin:5px 10px 5px 0px; overflow:hidden; }
.big_thumb img			{ border: none; width:360px; height:250px; display:block; }

.section h2				{ margin:10px; width: 370px; }

.admin_news_section		{ position:relative; width:975px; background-color:#fff; border: 1px solid #ccc; text-align:left; padding:30px 0 0 20px; 
						  margin:12px; overflow:hidden; }
						  
						  
.admin_news_section	a	{ text-decoration: none; color: #666; }

.news_delete_btn		{ position: absolute; top:15px; right:20px; }
.news_delete_btn a		{ width: 16px; height: 16px; background-image: url('../img/admin/delete_16.png'); display:block; }

.news_edit_btn			{ position: absolute; top:15px; right:50px; }
.news_edit_btn a		{ width: 16px; height: 16px; background-image: url('../img/admin/edit_16.png'); display:block; }

.image_delete_btn		{ position: absolute; top:5px; right:5px; }
.image_delete_btn a		{ width: 16px; height: 16px; background-image: url('../img/admin/delete_16.png'); display:block; }

.upload_input			{ border: 1px solid #CCC; padding:5px; margin:10px 0 10px 10px; width: 340px;}

.edit_news_images		{ width: 45%; display:block; float:right; margin: 10px; padding-top:24px;}

.image_options			{ position: absolute; bottom:9px; right:9px; width: 100%; height: 25px; display:block; background-color: rgba(255,255,255,0.7)}

.fb-like				{ left:15px; top:15px; }
.fb-btn 				{ position: absolute; left:75px; top:52px;}
.fb-btn > a > div		{ float:left; padding-left: 0px; padding-top:10px; font-family: arial; color: #fff; font-size: 14px;}


/* menu */

.main_menu_section						{ border-right-color: #CCC; 
										  border-right-style: dashed; 
										  border-right-width: 1px; 
										  width: 50%; 
										  margin: 10px 0 10px 0; 
										  float:left;
										  font-family: Arial, Helvetica, sans-serif; font-size: 13px;
										  color: #333;  
}

.menu_section							{ border-bottom-color: #CCC; 
										  border-bottom-style: solid; 
										  border-bottom-width: 1px; 
										  padding: 10px 0 25px 0; 
										  margin: 20px 0 20px 45px; 
										  width:350px; 
										  font-family: Arial, Helvetica, sans-serif; font-size: 13px; 
										  color: #333;
}

.menu_section h2						{ display:block; 
										  margin: 10px 0 20px 0; 
										  padding-left:0px; 
										  width:350px; 
										  text-align: center; 
}

.menu_section input[type="submit"] 		{ margin-left: 38%; 
	
}

.menu_section label						{ display:block; 
										  margin: 10px 0 10px 0; 
										  width:350px; 
										  text-align: center; 
}

.menu_section input[type="text"]		{ display:block; 
										  margin: 10px 0 10px 0; 
										  width: 350px; 
										  text-align: center; 
}

input[type="text"]						{ display:block; 
										  margin: 10px 0 10px 0; 
										  height: 25px; 
										  width: 350px; 
}

input[type="date"]						{ display:block; 
										  margin: 10px 0 10px 0; 
										  height: 25px; 
										  width: 367px; 
}

textarea								{ display:block; 
										  margin: 10px 0 10px 0; 
										  width: 350px; 
}

input[type="submit"]					{ margin:10px; 
	
}

input[type="file"]						{ display:block; 
										  margin: 10px 0 10px 0; 
										  width: 350px; 
}

.edit_course,
.add_course								{ border-bottom-color: #CCC; 
										  border-bottom-style: solid; 
										  border-bottom-width: 1px; 
										  padding: 10px 0 10px 0; 
										  margin: 10px 0 20px 45px; 
										  width:350px; 
}
										  
.edit_course h2							{ display:block; 
										  margin: 0 0 20px 0; 
										  padding-left:0px; 
										  width:350px; 
										  text-align: center; 
}

.edit_course textarea					{ display:block; 
										  margin: 10px 0 10px 0; 
										  width:350px; 
										  height: 50px; 
										  text-align: center; 
}

.edit_course label						{ display:block; 
										  margin: 10px 0 10px 0; 
										  width:350px; 
										  text-align: center; 
}

.edit_course input[type="submit"]		{ margin-left: 38%; 

}

.add_course								{ display: none; 
	
}

.add_course h2							{ display:block; 
										  margin: 0 0 20px 0; 
										  padding-left:0px; 
										  width:350px; 
										  text-align: center; 
}

.add_course textarea					{ display:block; 
										  margin: 10px 0 10px 0; 
										  width:350px; 
										  height: 50px; 
										  text-align: center; 
}

.add_course label						{ display:block; 
										  margin: 10px 0 10px 0; 
										  width:350px; 
										  text-align: center; 
}

.add_course input[type="submit"]		{ margin-left: 38%; 
	
}

.add_choice								{ display: none; 
										  border-bottom-color: #CCC; 
										  border-bottom-style: solid; 
										  border-bottom-width: 1px; 
										  padding: 10px 0 10px 0; 
										  margin: 10px 0 20px 45px; 
										  width:350px; 
}

.add_choice h2							{ display:block; 
										  margin: 0 0 20px 0; 
										  padding-left:0px; 
										  width:350px; 
										  text-align: center; 
}

.add_choice textarea					{ display:block; 
										  margin: 10px 0 10px 0; 
										  width:350px; 
										  height: 50px; 
										  text-align: center; 
}

.add_choice label						{ display:block; 
										  margin: 10px 0 10px 0; 
										  width:350px; 
										  text-align: center; 
}

.add_choice input[type="submit"]		{ margin-left: 38%; 
	
}


.menu_item								{ margin: 5px; 
										  padding: 5px; 
										  border: 1px solid #ccc; 
										  position:relative; 
										  text-align: center; 
										  background-color:#ffffff;
										  font-family: Arial, Helvetica, sans-serif; font-size: 13px;
										  color:#333;
}

.menu_item.over 						{ border: 1px dashed #000; 
	
}

.menu_delete_btn						{ position: absolute; 
										  top:5px; 
										  right:20px; 
}

.menu_delete_btn a						{ width: 16px; 
										  height: 16px; 
										  background-image: url('../img/admin/delete_16.png'); 
										  display:block; 
}

.menu_edit_btn							{ position: absolute; 
										  top:5px; 
										  right:50px; 
}

.menu_edit_btn a						{ width: 16px; 
										  height: 16px; 
										  background-image: url('../img/admin/edit_16.png'); 
										  display:block; 
}

.course_overview						{ width: 45%; 
										  margin: 15px 17px 10px 0; 
										  float:right;
										  font-family: Arial, Helvetica, sans-serif; font-size: 13px;
										  color:#333; 
										  position: relative;
}

.course_overview h2						{ display:block; 
										  margin-top:18px;
										  padding-left:0px; 
										  width: 100%; 
										  text-align: center; 
}

.course_list							{ padding-top: 22px; 

}

.course_item							{ margin: 5px;
										  padding: 5px 5px 5px 5px; 
										  position:relative; 
}

.course_item_wrap						{ margin: 5px; 
										  padding: 25px 5px 5px 5px; 
										  border: 1px solid #ccc; 
										  position:relative; 
}

.course_item_wrap.over					{ border: 1px dashed #000; 
	
}

.course_item.over 						{ /* border: 1px dashed #000;  */}

.course_name							{ text-align: center; 
										  font-size: 13px; 
										  font-weight: bold; 
}

.course_description						{ text-align: center; 
										  font-size: 12px; 
										  font-style: italic; 
}

.course_seperator						{ text-align: center; 
										  font-size: 13px; 
}

.course_seperator.hidden				{ display:none;
	
}
.choice_seperator						{ text-align: center; 
										  font-size: 13px; 
}

.choice_seperator.hidden				{ display:none;
	
}

.front_end								{ border: none;
	
}

.front_end .course_name					{font-size: 20px;
	
}

.front_end .course_description			{ font-size:14px;}

.course_delete_btn						{ position: absolute; 
										  top:5px; 
										  right:20px; 
}

.course_delete_btn a					{ width: 16px; 
										  height: 16px; 
										  background-image: url('../img/admin/delete_16.png'); 
										  display:block; 
}

.course_edit_btn						{ position: absolute; 
										  top:5px; 
										  right:50px; 
}

.course_edit_btn a						{ width: 16px; 
										  height: 16px; 
										  background-image: url('../img/admin/edit_16.png'); 
										  display:block; 
}

#add_course_options						{ width: 100%; 
										  text-align: center; 
										  margin-left: 45px;
}

#add_course_btn, 
#add_choice_btn,
#cancel_add_btn					    	{ float:left; 
										  border: 1px solid #96d1f8; 
										  background: #65a9d7;  
										  padding: 5px 10px; 
										  margin-right: 10px; 
										  color: white; 
									  	  font-size: 14px; 
									  	  font-family: Verdana, serif; 
									  	  text-decoration: none; 
									  	  vertical-align: middle; 
									  	  cursor:pointer; 
}
							  
#cancel_add_btn							{ display:none; 
	
}

#choice_option							{ width: 350px; 
										  padding:10px 0 10px 0;  
										  border: 1px solid #ccc;
}

#choice_wrap							{ width: 125px; 
										  margin:0 auto;
}

#choice_option label					{ margin:0; 
										  width: 100px; 
										  float:left; 
}

#choice_option input[type="checkbox"]	{ margin-top:2px;

}

#menu_prev_page	a						{ width: 36px; 
										  height: 36px; 
										  background-image: url('../images/sh-left.png');
										  display:block; 
										  left:20px; 
										  position:absolute;
										  z-index: 10; 
}

#menu_next_page	a						{ width: 36px; 
										  height: 36px; 
										  background-image: url('../images/sh-right.png'); 
										  display:block; 
										  right:20px; 
										  position:absolute; 
										  z-index: 10; 
}

/* end menu */

/* twitter feed */

#twitter								{ position: relative;
}

.tweet_item								{ width: 227px; 
										  -webkit-transform: translate3d(0px,0px,0px); 
										  padding: 10px;
										  margin:6px 0 6px 5px;
										  display:none;
										  float:left;
										  border: 1px solid #2B2A2A;
										  color:#333;
										  font-family: "UbuntuMono-Italic", Helvetica, Arial, Verdana, sans-serif;
										  background-image: url('../img/lightpaperfibers.png'); 
										  
										  -webkit-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);
										  -moz-box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5); 
										  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.5);


										}

.user_image								{ 
										  width: 20px; 
										  height:20px; 
										  background-image: url('../img/twitter-bird-dark-bgs.png');
										  display:block; 
										  margin-bottom: 5px;
}

.user_name								{ font-size: 18px; 
										  padding-bottom: 5px; 
}

.tweet									{ font-size: 16px; 
										  margin-bottom: 5px; 
}

.tweet_image							{ width: 227px; 
										  margin:10px 0px 10px -1px;
										  border:1px solid #ccc;

}
.tweet_image img						{ width: 100%;

}

.date									{ font-size: 11px; 

}

a										{ color: #000; 
	
}

#twitter_stream							{ width: 100%;
										  position:relative;
										  margin-left:1px;
}

#tweets									{ float: left; 
										  display: inline; 
										  padding: 0px; 
										  margin: 0px; 
                                          -webkit-transition-property: -webkit-transform; 
                                          -webkit-transition-duration: 0.5s; 
                                          -webkit-transition-timing-function: ease-out; 
                                          -webkit-transform: translate3d(0px,0px,0px); 
}		

.notification a							{ color: #ccc;
										  font-size: 16px;
										  border-bottom: 1px solid #ccc;
}

.notification a:hover					{ font-size: 17px;
										  color: #ffffff;
}
.notification-center					{ width: 260px;
										  border: 2px solid #ccc;
										  border-radius: 10px;
										  background-color: rgba(0,0,0,0.6);
										  position:absolute;
										  z-index: 99;
										  right: 12px;
										  top:-260px;
										  padding:10px;
}

.notification							{ color: #ccc;
										  text-align: center;
										  font-family: Verdana;
										  font-size: 18px;
}

.close-notification-btn					{ width: 24px;
										  height: 22px;
										  position: absolute;
										  background-image: url('../img/admin/close_link.png');
										  top:-11px;
										  right:-12px;
										  cursor:pointer;
										  display:none;
	
}



/*    SPECIAL 45 YEARS */

.main-wrapper {

	width: 1280px;
	min-height: 100%;
	display:block;
	margin: 0 auto;
	position: relative;
	overflow: visible;
}

.wall {
	width: 3840px;
	height: 1920px;
	margin-left: -558px;
	margin-top:-420px;
	position: absolute;

    background-image: url(../img/bg_main_dark.jpg);

    font-family: 'Source Sans Pro', sans-serif;
}

.anim {
	-webkit-transition: all 90s ease;
    -moz-transition: all 90s ease;
    transition: all 90s ease;
}

.wall.move {
	margin-left: -2214px;
}

.wall.finish {

	-webkit-transition: none;
    -moz-transition: none;
    transition: none;
    margin-left: -2214px;
}

.frame {
	position: absolute;
	border: 20px solid #333;
	box-shadow: 2px 5px 15px rgba(0,0,0,0.5);
	overflow: hidden;
}
.frame .inner {
	box-shadow: inset 1px 1px 10px rgba(0,0,0,0.5);
}

.frame img { 
	width:100%;
}

.large-portrait{
	width: 440px;
	height: 600px;
}

.large-landscape{
	width: 600px;
	height: 440px;
}

.small-portrait{
	width: 200px;
	height: 280px;

}

.small-landscape{
	width: 280px;
	height: 200px;
}

.middle-landscape{
	width: 386px;
	height: 280px;
}

.middle-portrait{
	width: 280px;
	height: 386px;
}

#frame_1 {
	left:-240px;
	top: 400px;
}

#frame_2 {
	left: 320px;
	top:560px;
}

#frame_3{
	left: 320px;
	top: 960px;
}

#frame_4 {
	left: 80px;
	top: 1280px;
}

#frame_5 {
	left: 720px;
	top: 720px;
}

#frame_6{
	left: 830px;
	top: 1280px;
}

#frame_7{
	left: 1440px;
	top: 320px;
}

#frame_8{
	left: 1440px;
	top: 880px;
}

#frame_9{
	left:1440px;
	top:1600px;
}

#frame_10{
	left: 2120px;
	top: 140px;
}

#frame_11{
	left: 1930px;
	top: 560px;
}

#frame_12{
	left:2060px;
	top:880px;
	height:380px;
}

#frame_13{
	left:2000px;
	top: 1440px;
}

#frame_14{
	left:3180px;
	top:290px;
}

#frame_15{
	left: 3580px;
	top: 640px;
}

#frame_16{
	left: 3280px;
	top: 960px;
}

#frame_17{
	left: 2880px;
	top: 1440px;
}

#frame_18{
	left: 2890px;
	top: 1740px;
}

#frame_19{
	left:3282px;
	top: 1596px;
}

.logo {
	background-image: url(../img/logo/leeuw_new_purple.png); 
	background-repeat: no-repeat; 
	width: 306px; 
	height: 160px; 
	margin:0 auto;
	padding-bottom:15px; 
	display:block; 
	position: absolute;
}

.intro-text {
	position: absolute;
	left:732px;
	top:620px;
}

.intro-text h1 {
	font-weight: 400;
	font-size: 32px;
}
.logo.start{ 
	left:830px;
	top:446px;
}

.logo.end{ 
	left: 2696px;
	top:446px;
}

html,
body { 
	width:100%;
	height:100%;
	min-height: 100%;
	min-width: 100%;
	overflow-x: hidden;
}

.special-menu{
	position: absolute;
	left: 2490px;
	top: 690px;
	width: 700px;
	text-align: center;

}

.special-menu h1,
.special-menu h2,
.special-menu h3{
	font-weight: 600;
	color:#000;
}

.special-menu h1 {
	font-size: 26px;
	margin:20px;
}

.special-menu p.desc{
	margin:10px 0;
}

.special-menu h2 {
	font-size: 16px;
	font-weight: 600;
	font-style: italic;
	margin: 10px;
}

.special-menu span {
	padding-top:5px;
	display:block;
}

.menu-segment h3 {
	font-size: 16px;
	font-weight: 600;
	font-style: italic;
	margin: 5px;
}

.menu-segment p {
	font-size: 14px;
	font-weight: 400;
}

.menu-segment span {
	font-size: 12px;
	font-weight: 600;
	font-style: italic;
}

.menu-footer p {
	margin-top: 20px;
	font-size: 14px;
}

.wall .nav {

	position: absolute;
	left: 2540px;
	top: 660px;
	z-index: 1;
	width: 600px;
}

.wall .nav {
	text-align: center;
}

.wall .nav ul li { 
	display:inline;
	font-size: 20px;
	margin: 10px;
}

.skip-btn {
	position: fixed;
	bottom:25px;
	right:25px;
	font-size: 24px;
	z-index:2;
	color: #fff;
	background-color: rgba(0,0,0,0.5);
	padding: 10px 30px;
	cursor: pointer;
}

.skip-btn:hover{
	background-color: #000;
}