/***************************************************
*                                                  *
*		    CSS Styles Traiteur Leconte website        *
*		                                               *
*		      Aimé van Pottelsberghe (auteur)          *
*		 in opdracht van Chilli Design & Multimedia    *
*		                                               *
***************************************************/

@charset "utf-8";

/* STYLES RESETTER */

html, body, form, fieldset, h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, li, ol, dl, dd, address, blockquote, hr { margin: 0px; padding: 0px; }
html, body, form, fieldset { font: 100%/120% Verdana, Arial, Helvetica, sans-serif; color: #687885; }
form input[type="submit"], form input[type="reset"] { cursor: pointer; }
fieldset { border: none; }
input, select, textarea { font-size: 100%; }
h1, h2, h3, h4, h5, h6 { font-size: 10px; font-weight: bold; color: #000000; }
a { text-decoration: none; }
a span { color: #FFFFFF; }
address { font-style: normal; }



/* CLEARDIV STYLE */

	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	/* Hides from IE-mac \*/
		* html .clearfix { height: 1%; }
	/* End hide from IE-mac */

/* COMMON TEXT STYLES */



/* STRUCTURE STYLES */

html { background: #2c2a2b; }
body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #fff; text-align: left; }

body.intro hr#intro_tss_lijntje { width: 100%; position:absolute; z-index: 1; top: 50%; border-top: 1px solid #69696b; }

body.intro div#enter_site_wrap { width: 140px; height: 100px; padding: 0px 10px; position: absolute; z-index: 2; top: 50%; left: 50%; }
body.intro div#enter_site_wrap { margin: -28px auto auto -80px; background: #2c2a2b; text-align: center; }
body.intro div#enter_site_wrap h1 { width: 140px; height: 50px; background: url(../images/leconte_logo.jpg) no-repeat; text-indent: -9999px; }
body.intro div#enter_site_wrap a#enter_btn { text-transform: uppercase; color: #FFF; position: relative; top: 25px; }
body.intro div#enter_site_wrap a#enter_btn:hover { color: #69696b; }

body.intro div#btn_holder { width: 160px; height: 24px; position: absolute; bottom: 0px; left: 50%; margin:auto auto auto -80px; }
body.intro div#btn_holder { background: url(../images/btn_bg.jpg) no-repeat; text-align: center; }
body.intro div#btn_holder a#about_link { color: #8c8e91; text-transform: uppercase; position: relative; top: 5px; }
body.intro div#btn_holder a#about_link:hover { color: #FFF; }



body.about div#about_header { width: 100%; height: 110px; position: fixed; z-index: 10; top: 0px; background: #2c2a2b; }
body.about div#about_header { _position:absolute; _top:expression(eval(document.body.scrollTop)); }

body.about div#about_footer { width: 100%; height: 50px; position: fixed; z-index: 10; bottom: 0px; background: #2c2a2b; }
body.about div#about_footer { _position:absolute; _top:expression(document.body.scrollTop+document.body.clientHeight-this.clientHeight); }

body.about div#about_header hr#about_tss_lijntje { width: 100%; position:absolute; top: 80px; border-top: 1px solid #69696b; }
body.about div#about_header div { width: 140px; height: 50px; padding: 0px 10px; position: absolute; left: 50%; top: 53px; margin: 0px auto auto -80px; background: #2c2a2b; }
body.about div#about_header div h1 { width: 140px; height: 50px; background: url(../images/leconte_logo.jpg) no-repeat; text-indent: -9999px; }
body.about div#about_header div h1 { }

body.about div#about_txt { width: 100%; padding: 100px 0px 65px 0px; text-align: center; text-transform: uppercase; line-height: 18px; }
body.about div#about_txt a { text-decoration: none; color: #FFF; }
body.about div#about_txt a:hover { text-decoration: underline; }
body.about div#about_txt span { color: #69696b; }
body.about div#about_txt span a { color: #69696b; }
body.about div#about_txt span a:hover { text-decoration: underline; }



body.about div#about_footer div#about_btn_holder { width: 160px; height: 24px; position: absolute; bottom: 0px; left: 50%; margin:auto auto auto -80px; }
body.about div#about_footer div#about_btn_holder { background: url(../images/btn_bg.jpg) no-repeat; text-align: center; }
body.about div#about_footer div#about_btn_holder a#index_link { color: #8c8e91; text-transform: uppercase; position: relative; top: 5px; }
body.about div#about_footer div#about_btn_holder a#index_link:hover { color: #FFF; }