/*
Theme Name: Salzhaus
Theme URI: http://www.ibl.ch
Description: Custom Wordpress Theme for Restaurant / Bar Salzhaus based on the Starkers Theme by Elliot Jay Stocks.
Version: 1.0
Author: Andris Linz / ibl und partner ag
Author URI: http://www.ibl.ch
Tags: Salzhaus, Restaurant
*/

/* ------------------------- RESET ------------------------- */

body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img { margin:0; padding:0; border:0; }

ul, li, ol { list-style:none; }

:focus { outline:none; }

/* ------------------------- UTILITIES ------------------------- */

.clear { clear:both; }

.floatLeft { float:left; }

.floatRight { float:right; }

/* ------------------------- MAIN ------------------------- */

html {background:#222 url(images/bg.jpg) repeat-y;}

body {background:#222 url(images/bg.jpg) repeat-y; font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:18px; color:#eee; letter-spacing:.1em; min-width:900px;}

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

p {margin:0 0 10px 0;}

h1#logo {position:relative; top:0; left:890px; width:75px; height:41px; line-height:41px;}

h1#logo a {display:block; background:url(images/logo.png) no-repeat; width:75px; height:41px; line-height:41px; text-indent:-9999px;}

h2 {font-weight:normal; text-transform:uppercase; font-size:14px; margin:0 0 10px 0;}

/* ------------------------- LAYOUT ------------------------- */

#startwrapper {position:absolute; left:50%; top:50%; margin-left:-142px; margin-top:-150px; width:300px; height:225px;}

#wrapper {position:absolute; left:50%; top:50%; margin-left:-480px; margin-top:-230px; width:960px; height:550px;}

#header {height:50px; width:100%;}

#sidebar {float:left; width:160px; margin:0 0 0 20px; }

#content {height:418px; width:768px; float:right; border:#967f72 1px solid;}

#footer {position:absolute; bottom:30px; right:0; clear:both; height:40px; padding:10px 0 0 0; font-size:10px; color:#606060; letter-spacing:.05em; width:770px;}

/* ------------------------- NAVIGATION ------------------------- */

#sidebar ul li {margin:0 0 2px 0; display:block;}

#sidebar ul li a {width:150px; height:auto;}

#sidebar ul li:hover a img {height:72px; width:72px;}

#sidebar ul li a img {height:54px; width:54px;}

/*#sidebar ul li a:hover img {width:72px; height:72px; padding:0;}*/

#sidebar ul li a.current img {width:72px; height:72px; padding:0;}

.um {display:none;}

.visible {display:block;}

#sidebar ul li ul.um li {height:16px;}

.um li a {color:#606060; text-decoration:none;}

.um li a:hover, .um li a.umcurrent {color:#eee;}

#umSalzhaus {position:relative; top:-72px; left:78px; height:0; font-size:12px;}

#umEssenUndTrinken {position:relative; top:-60px; left:78px; height:0; font-size:12px;}

#umGastgeber {position:relative; top:-72px; left:78px; height:0; font-size:12px;}

/* ------------------------- TOPNAV ------------------------- */

#topnav {position:relative; left:190px; top:-15px; width:600px;}

#topnav ul li {display:inline;}

#topnav ul li a {border-right:#606060 1px solid; padding:0 5px 0 0; text-decoration:none; color:#606060; font-size:11px; line-height:12px; height:12px; width:auto;}

#topnav ul li a:hover, #topnav ul li a.current {color:#eee;}

#topnav ul li a.last {border:0;}

/* ------------------------- CONTENT ------------------------- */

.homecontent {background:url(images/bg_home.jpg);}

.konzept {background:url(images/bg_konzept.jpg);}

.konzept .post {position:relative; top:180px; padding:50px;}

.restaurant {background:url(images/bg_restaurant.jpg);}

.restaurant .post {position:relative; top:180px; padding:50px;}

.bar {background:url(images/bg_bar.jpg);}

.bar .post {position:relative; top:180px; padding:50px;}

.geschichte {background:url(images/bg_geschichte.jpg);}

.geschichte .post {position:relative; left:293px; padding:50px; width:330px;}

.abend {background:url(images/bg_abend.jpg);}

.abend .post {position:relative; left:290px; padding:50px; width:330px;}

.mittag {background:url(images/bg_mittag.jpg);}

.mittag .post {position:relative; left:293px; padding:50px; width:330px;}

.wein {background:url(images/bg_wein.jpg);}

.wein .post {position:relative; top:-20px; padding:50px;}

.bankette {background:url(images/bg_bankette.jpg);}

.bankette .post {position:relative; top:160px; padding:30px;}

.uebernachtung {background:url(images/bg_uebernachtung.jpg);}

.uebernachtung .post {position:relative; left:290px; padding:50px; width:300px;}

.gastgeber {background:#000;}

.jobs {background:url(images/bg_jobs.jpg);}

.jobs .post {position:relative; left:290px; padding:50px; width:380px; height: 318px; overflow-y: scroll; overflow-x: hidden; }

.kontakt {background:#000;}

.kontakt .post {padding:20px; width:278px; font-size:11px; line-height:15px;}



img.plan {float:right; border-left:#967f72 1px solid;}

.aktuell {background:#000; overflow:auto; height:418px; width:768px;}

.aktuell .post {position:relative; margin:30px 50px 50px 50px; padding:20px 0;}

.reservation {background:#000;}

.reservation .post {position:relative; top:0px; padding:30px 50px 50px 50px;}

.newsletter {background:#000;}

.newsletter .post {position:relative; top:0; padding:30px 50px 50px 50px;}

/* ------------------------- V�GEL ------------------------- */

#vogel1 {position:absolute; z-index:999; top:195px; left:800px;}

#vogel2 {position:absolute; z-index:999; top:-50px; left:750px;}

#vogel3 {position:absolute; z-index:999; top:380px; left:130px;}

#vogel4 {position:absolute; z-index:999; top:370px; left:400px;}

#vogel5 {position:absolute; z-index:999; top:155px; left:800px;}

#vogel6 {position:absolute; z-index:999; top:-60px; left:750px;}

#vogel7 {position:absolute; z-index:999; top:-10px; left:700px;}

#gm {position:absolute; z-index:998; top:420px; left:740px; width:300px;}

#gm p {float:left; padding:10px 0 0 0;}

#gm img {float:left;}

/* ------------------------- FOOTER ------------------------- */

#open {float:left;}

#address {float:right;}

/* ------------------------- GASTGEBER ------------------------- */

.Bild {float:left; border-right:#967f72 1px solid;}

.gastgeberinhalt {position:relative; width:350px; height:249px; float:left; padding:114px 20px 20px 20px;}

.gastgeberinfo {position:absolute; bottom:0;}

.gastgeberinfo h2 {margin:0 0 0 0;}

.gastgeberinfo p {color:#606060;}

.personennavi {position:absolute; left:524px; top:70px; z-index:99;}

.personennavi li {display:inline; margin:0 10px 0 0;}

/* ------------------------- NEWSLETTER ------------------------- */

fieldset {border:none; margin:0; padding:0;}

fieldset form table tr td {padding:0 0 5px 0;}

.text-input {background:#181818; border:#222 2px solid; line-height:20px; height:16px; padding:3px 3px 0 3px; line-height:20px; margin:0 0 2px 0; color:#fff; width:250px;}

#submit {margin:10px 0 0 0; background:#181818; color:#fff; border:#222 2px solid; -moz-border-radius:5px; padding:5px; display:block;}

#submit:hover {background:#555; cursor:pointer;}

label.error {margin:0 0 0 10px; color:#967f72; font-size:11px;}

input#plz {width:30px; margin:0 10px 2px 0;}

input#ort {width:199px;}

input#PLZ {width:30px; margin:0 10px 2px 0;}

input#Ort {width:199px;}

/* ------------------------- RESERVATION ------------------------- */

fieldset#reservationsformular {border:none; margin:0; padding:0;} 

#reservationsformular form table tr td {padding:0 0 1px 0;}

#reservationsformular form table tr td table tr td input.text-input {width:170px; height:16px; padding:2px 2px 0 2px; line-height:20px; margin:0 0 2px 0;} 

#reservationsformular form table tr td table tr td input#plz {width:30px; height:16px; padding:2px 2px 0 2px; line-height:20px; margin:0 5px 2px 0;}

#reservationsformular form table tr td table tr td input#ort {width:126px;}

#reservationsformular form table tr td table tr td.fehlermeldungen {height:50px; padding:50px 0;}

#reservationsformular form table tr td table tr td label.error {background:#967f72; color:#fff;padding:5px; margin:0;}