html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, textarea, button, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ font-family:Trebuchet MS, Arial, Helvetica, sans-serif; margin: 0; padding: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { /*line-height: 1;*/ }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

button { cursor:pointer; }

.hide { display:none; }

.clear { clear:both; }

html, body { height:100%; }

body { background:#191011 url(bg.jpg); text-align:center; }

div#clearfix { width:1px; height:50%; margin-bottom:-275px; float:left; }

/*************************************************** Type (Schriften) */

h1, h2, p, ul, ol, table, address { margin-bottom:12px; }
h1 { margin-bottom:10px; }

h1, h2, h3, h4, p, li, address, td, label, span, div { line-height:18px;  }

h1, h2, h3, h4 { line-height:18px; color:#15d4cc; }
h1 { font-size:18px; color:#000; line-height:22px; }
h2 { font-size:13px; margin-bottom:2px;  }
h3 { font-size:12px; font-style:italic; font-weight:normal; }
p, li, td, label, address { font-size:11px; color:#fff; }
h2, h3, p, li, td, label, address, div#head div.contact {  }
address { font-style:normal; }

ol li { list-style-type:decimal; margin-left:20px; }
ol li li { list-style-type:circle; }
ul li { list-style-type:disc; margin-left:15px; }
ul li li{ list-style-type:circle; }

td { padding-right:8px; }

div#loungemag p { font-size:14px; font-weight:bold; }
div#loungemag p span { font-size:11px; font-weight:normal; }

/********** Links */

a { color:#9e8b01; text-decoration:none; }
a:hover, a.focus, a.active { text-decoration:underline; }

a.download {padding:1px 0px 1px 24px; background-repeat: no-repeat; background-position:top left; } 

div#downloads p.download { margin-bottom:2px; }

div#bluemouse a { font-size:10px; color:#6b5138; }

/*
div.bluemouse a { font-size:10px; font-weight:bold; color:#d4d0d0; }
*/

/*************************************************** layout */

div.wrapper { margin:0 auto; position:relative; text-align:left; height:550px; width:960px; clear:left; }

div#image, div#content, div#downloads, div#simage, div#home, div#logo, div#soundplayer, div#awards, div#bluemouse { position:absolute; z-index:1; }
div#image, div#content, div#downloads, div#simage { border:1px solid #fff; }

div#image, div#home { width:464px; height:465px; top:36px; left:9px; }
div#image img, div#downloads a img, div#simage a img { display:block; }
div#content { padding-bottom:128px; width:227px; height:337px; top:36px; left:484px; background:#000; }
div#content div.padder { padding:16px; overflow:auto; height:267px; width:195px; }
div#simage, div#downloads { width:227px; height:227px; top:36px; right:9px; }
div#downloads { padding:16px; width:195px; height:195px; top:274px; background:#000 url(bg_downloads.gif) no-repeat; }
div#image, div#simage { overflow:hidden; background-color:#000; }
div#downloads a img, div#simage a img { border:0 none; }
div#logo { width:193px; left:502px; top:339px; z-index:2; }
div#logo p, div#loungemag p { margin:0; text-align:right; }
div#logo p a { }
div#logo h1 { margin:0; }
div#logo h1 a { background:url(logo.gif) no-repeat; width:193px; height:128px; display:block; }

div#home a { background:url(home.gif) no-repeat; width:942px; height:513px; display:block; }

div#awards { top:512px; left:486px; }
div#awards .designbar { background:url(bestdesignbar.jpg); width:74px; height:88px; display:block; float:left; margin-right:10px; }
div#awards .swissgastro { background:url(bestswissgastro.jpg); width:70px; height:88px; display:block; float:left; }

div#soundplayer { right:9px; bottom:15px; }

div#bluemouse { bottom:-55px; right:9px; }

#likebox { position:absolute; left:692px; top:534px; }


/****** Header */

/*div#logo { position:absolute; right:65px; top:44px; z-index:10; }
div#logo a { background:url(logo.png) no-repeat; display:block; width:185px; height:45px; border:0 none; }*/

/****** Right */

/*div#right div.box { background-color:#e5e5e5; padding:14px 18px; margin-bottom:19px; }

div#right div.services { background-image:url(bg_services.gif); background-repeat:no-repeat; width:179px; height:102px; }
div#right div.services li { list-style-type:none; }

div#right div.address { padding:0; }
div#right div.address h2 { background:url(bg_phone.gif); width:215px; height:14px; }
div#right div.address address { margin:0; padding:12px 18px; }

div#right div.times { background-image:url(bg_openingtimes.gif); background-repeat:no-repeat; padding-top:35px; margin:0; }
div#right div.times h2{ width:179px; }
div#right div.times span.day, div#right div.times span.time { display:block; float:left; }
div#right div.times span.day { width:70px; }
div#right div.times span.time { width:100px; }*/

/****** Content */

/*div#content div.tmember { clear:both; display:block; margin-bottom:15px;}

div#content div.tmember img { display:block; }
div#content div.tmember img.timg, div#content div.tmember div.desc, div#content div.tmember div.name{ float:left; }
div#content div.tmember img.timg, div#content div.tmember div.name{ width:80px; margin-right:10px; }
div#content div.tmember div.name { width:160px; }
div#content div.tmember div.desc { width:500px; }*/

/****** Footer */

/*div.bluemouse { position:absolute; right:0; bottom:-20px; }*/

/*************************************************** Navs */

div#nav { background:url(nav.gif) no-repeat; width:960px; height:36px; position:absolute; left:0; top:0; }
div#nav ul { margin:0; }
div#nav li { margin:0; list-style-type:none; float:left; }
div#nav li a { display:block; height:36px; }
div#nav li a:hover, div#nav li a:focus, div#nav li a.active{ background-image:url(nav.gif); }

li#navbtn0 a { width:65px; }
li#navbtn1 a { width:121px; }
li#navbtn2 a { width:70px; }
li#navbtn3 a { width:213px; }
li#navbtn4 a { width:128px; }
li#navbtn5 a { width:87px; }
li#navbtn6 a { width:59px; }
li#navbtn7 a { width:80px; }

li#navbtn0 a:hover, li#navbtn0 a:focus, li#navbtn0 a.active { background-position:0 -36px; }
li#navbtn1 a:hover, li#navbtn1 a:focus, li#navbtn1 a.active { background-position:-65px -36px; }
li#navbtn2 a:hover, li#navbtn2 a:focus, li#navbtn2 a.active { background-position:-186px -36px; }
li#navbtn3 a:hover, li#navbtn3 a:focus, li#navbtn3 a.active { background-position:-256px -36px; }
li#navbtn4 a:hover, li#navbtn4 a:focus, li#navbtn4 a.active { background-position:-469px -36px; }
li#navbtn5 a:hover, li#navbtn5 a:focus, li#navbtn5 a.active { background-position:-597px -36px; }
li#navbtn6 a:hover, li#navbtn6 a:focus, li#navbtn6 a.active { background-position:-684px -36px; }
li#navbtn7 a:hover, li#navbtn7 a:focus, li#navbtn7 a.active { background-position:-743px -36px; }

/*************************************************** Formulare generell */

.ajax-loading {
	padding: 20px 0;
	background: url(../spinner.gif) no-repeat center;
}

div.formPos {  }

form fieldset { border:0 none; padding:0; padding-bottom:0; }

form br {  }

form { padding:0 0 0 0; }

form legend { display:none; }

form div.formline { clear:both; height:28px; margin-bottom:2px; }

form label, form select, form button, form input, form textarea { font-size:11px; }

form input, form textarea { padding:0 2px 0 2px; }

form div.text label, form div.radio label, form div.select label, form div.textarea label,
form div.text input, form div.radio input, form div.select select, form div.textarea textarea { float:left; display:block; }

form div.text input, form div.select select, form div.textarea textarea { width:364px;  color:#000; background:#f1f1f1; font-size:11px; padding:3px 2px 1px 2px; height:16px; }
form div.select select { height:24px; width:auto; padding:1px; }

form div.textarea textarea { height:120px; }
form div.textarea { height:126px; }

form div.checkbox, form div.radio {  }
form div.checkbox div.box, form div.radio div.box { float:left; display:block; width:88px;  }

form div.text label, form div.radio label, form div.select label, form div.textarea label { width:120px;  }

form div.text label, form div.radio label, form div.select label, form div.checkbox label, form div.textarea label { color:#000; line-height:20px; }
form label span { font-size:11px; }
form div.required label {  }

form div.radio input { margin-top:4px; }
form div.radio input, form div.checkbox input { margin-right:4px; }
form div.box label { width:60px;  }

form div.btn { display:block; margin:10px 0 0 120px; float:left; background:#ffd350; padding:1px; }
form button {  background:#ffd350; font-weight:bold; font-size:11px; text-align:center; border:0 none; color:#000; border:1px solid #000; padding:3px 2px 2px 2px; }
form div.btn:hover, form div.btn:hover button, form button:hover, div#center div.btn:hover { background:#000; color:#ffd350; }

p.errormsg, p.successmsg { clear:both; padding:2px 6px; margin:5px 0 20px 0; color:#fff; border:3px double #fff;  }
p.errormsg { background-color:#cc0000; }
p.successmsg { background-color:#97bf0d; }
p.inform { margin:0 0 5px 120px; width:358px; }

form div.info { clear:both; font-size:12px;  }


