/*
Theme Name: Solheure Neu
Theme URI: http://www.solheure.ch
Description: Custom Wordpress Theme for Solheure
Version: 1.2
Author: Andris Linz @ ibl und partner AG
Author URI: http://www.ibl.ch
Tags: restaurant, bar
*/

/*
*	dark:	#565646
*	light:	#ebecdc
*/

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

body, html, h1, h2, h3, h4, h5, h6, p, ul, li, ol, img, fieldset { 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; }

/* ------------------------- ie6 ------------------------- */

#ie6 { padding:10px 0 0 0; width:100%; height:auto; background:#ff9; color:#222; z-index:99; border-bottom:#222 2px solid; text-align:center; }

#ie6 p { padding:10px 0 0 0; font-size:12px; width:100%; }

#ie6 h3 { font-size:14px; color:#ae0b2e; background:transparent; }


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

body {background:url(images/background.gif) top center repeat-x #fff fixed; font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; font-size:12px; color:#565646; padding:0 0 32px 0; letter-spacing:.05em;}

#wrapper {width:960px; margin:0 auto;}

h2 {font-size:18px; color:#565646; letter-spacing:.05em; text-transform:uppercase; margin:0 0 17px 0;}

h2.arbeiten {font-size:14px; text-transform:uppercase; margin:0 0 17px 0; line-height:22px;}

h2 a {color:#ebecdc; text-decoration:none;}

h3 {font-size:14px; text-transform:uppercase; margin:0 0 17px 0;}

h3.menutitle {line-height:14px; height:14px; display:block;}

h3 a {text-decoration:none;}

h4 {font-size:14px; text-transform:uppercase; font-weight:bold; margin:0; line-height:22px;}

p {font-size:12px; line-height:22px; margin:0 0 16px 0;}

a {color:#565646; text-decoration:underline;}

/* ------------------------- HEADER ------------------------- */

#header {width:960px; position:relative; height:350px;}

#logo {display:block; width:167px; height:26px; background:url(images/solheure_logo.gif) no-repeat; text-indent:-9999px; position:absolute; right:0; top:10px;}

#headerBild {position:absolute; top:50px;}

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

#mainNav {background:#575647; margin:0; position:absolute; top:283px; width:633px; height:32px;}

#mainNav li {display:inline; float:left;}

#mainNav li a {display:block; text-indent:-9999px; height:32px; line-height:32px; margin:0 10px; }

#mainNav li a:hover, #mainNav li a.currentPage {background-position:0 -32px;}

#btn_essen {background:url(images/btn_essen.gif) no-repeat; width:40px;}

#btn_erleben {background:url(images/btn_erleben.gif) no-repeat; width:54px;}

#btn_feiern {background:url(images/btn_feiern.gif) no-repeat; width:42px;}

#btn_tagen {background:url(images/btn_tagen.gif) no-repeat; width:41px;}

#btn_kennenlernen {background:url(images/btn_kennenlernen.gif) no-repeat; width:97px;}

#btn_arbeiten {background:url(images/btn_arbeiten.gif) no-repeat; width:60px;}

#btn_sehen {background:url(images/btn_sehen.gif) no-repeat; width:41px;}

#btn_reservieren {background:url(images/btn_reservieren.gif) no-repeat; width:81px;}

#circlenav {width:160px; height:32px; background:url(images/background_balken.png); position:absolute; top:283px; left:633px;}

#circlenav li {display:inline; float:left;}

#btn_oeffnungszeiten {display:block; width:80px; height:80px; text-indent:-9999px; background:url(images/btn_offnungszeiten.png) no-repeat; position:relative; top:-48px; left:10px;}

#btn_oeffnungszeiten:hover, #btn_oeffnungszeiten.currentPage {background-position:0 -80px;}

#btn_newsletter {display:block; width:65px; height:65px; text-indent:-9999px; background:url(images/btn_newsletter.png) no-repeat; position:relative; top:-4px; left:4px;}

#btn_newsletter:hover, #btn_newsletter.currentPage {background-position:0 -64px;}

#subnav {background:#575647; margin:0; position:absolute; top:283px; right:0; width:167px; height:32px;}

#subnav li {display:inline; float:left;}

#btn_kontakten {background:url(images/btn_kontakten.gif) no-repeat; width:65px; margin:0; display:block; text-indent:-9999px; height:32px; line-height:32px;}

#btn_kontakten:hover, #btn_kontakten.currentPage {background-position:0 -32px; width:65px;}

#btn_presse {background:url(images/btn_presse.gif) no-repeat; width:33px; margin:0 20px 0 0; display:block; text-indent:-9999px; height:32px; line-height:32px;}

#btn_presse:hover, #btn_presse.currentPage {background-position:0 -32px; width:33px;}

#facebook {display:block; width:19px; height:19px; line-height:32px; text-indent:-9999px; background:url(images/facebook.gif) no-repeat; position:absolute; right:10px; top:6px;}

/* ------------------------- STARTSEITE ------------------------- */

.homepost {margin:0 0 17px 0; background:url(images/background_erleben.png); height:167px; overflow:hidden;}

.homepost img {float:left; margin:0 32px 0 0 ;}

.homepost h3 {padding:17px 0 0 0; margin:0; }

.homepost p {padding:0 10px 0 0;}

/* ------------------------- SIDEBAR ------------------------- */

#sidebar {position:relative; width:167px; float:left; top:45px;}

#sidebar div p {margin:0 0 8px 0; font-size:10px; line-height:16px;}

.sidebar-page div {margin:0 0 32px 0;}

.sidebar-page h3 {font-size:12px; padding:0 0 4px 0;}

/* ------------------------- WETTBEWERB ------------------------- */

#wettbewerb {margin:-45px 0 0 0;}

#wettbewerb h2 {font-weight:normal; text-transform:uppercase; letter-spacing:.1em;}

#wettbewerb p {margin:16px 0;}

#wettbewerbset label {display:block; margin:0 0 5px 0; font-size:11px;}

#wettbewerbset input[type="text"] {width:224px; border:0; background:#ddddcf; color:#565646; padding:2px;}

#wettbewerbset input[type="submit"] {margin:16px 0; background:#565646; color:#ebecdc; border:#ddddcf 1px solid; text-transform:uppercase;}

/* ------------------------- HOME ------------------------- */

#main.home {width:716px;}

.home p {font-size:11px; line-height:22px;}

/* ------------------------- SINGLE ------------------------- */

#main {position:relative; margin:0 77px 30px 0; float:left;}

#main.single {width:334px;}

#left {position:relative; width:350px; float:left; margin:0 32px 0 0;}

#left img {margin:0 0 17px 0;}

h2.kategorie {width:646px; margin:32px 0 22px 0; font-weight:normal; text-transform:uppercase; letter-spacing:.15em;}

.single-wrapper {width:793px; float:left;}

.post h3 {text-transform:uppercase; border-bottom:#565646 1px solid; font-size:12px; padding:3px 0 0 0; line-height:20px;}

/*.post p {margin:32px 0 0 0; line-height:22px;}*/

#main ul#tweetthis {position:absolute; top:250px; left:-270px; margin:0;}

#main ul#tweetthis li {display:inline; margin:0 10px 0 0; padding:0;}

#main.home .homepost li {display:inline;}

#main-left {width:656px; margin:0 76px 0 0; float:left;}

a#back {width:46px; height:46px; line-height:46px; display:block; text-indent:-9999px; background:url(images/back.png) no-repeat; margin:16px 0;}

a#back:hover {background:url(images/back_hover.png) no-repeat;}

table {margin:0 0 16px 0;}

table tr td {line-height:20px; vertical-align:top;}

/* ------------------------- KOMMENTARE ------------------------- */

#respond {margin:0; width:167px;}

#wettbewerbsformular, #friendslistformular {margin:0 0 10px 0;}

#respond h3 {margin:20px 0 0 0; font-weight:normal; text-transform:uppercase; letter-spacing:.1em; font-size:12px; color:#ebecdc; background:#565646; padding:3px 5px;}

h3.wettbewerb {margin:0; font-weight:normal; text-transform:uppercase; letter-spacing:.1em; font-size:12px; color:#ebecdc; background:#565646; padding:3px 5px;}

#respond p {margin:0;}

#respond label, #wettbewerbsformular label, #friendslistformular label {display:block; margin:0; font-size:11px;}

#wettbewerbsformular label.error, #friendslistformular label.error {background:#f30;color:#fff; display:none;}

#respond input[type="text"], #wettbewerbsformular input[type="text"], #friendslistformular input[type="text"] {width:163px; border:0; background:#ddddcf; color:#565646; padding:2px;}

#wettbewerbsformular input[type="submit"], #friendslistformular input[type="submit"] {background:#565646; color:#ebecdc; border:#ddddcf 1px solid; margin:10px 0;}

#respond textarea {width:163px; border:0; background:#ddddcf; color:#565646; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:11px; padding:2px;}

#commentform input {margin:0;}

#submit {background:#565646; color:#ebecdc; border:#ddddcf 1px solid;}

#commentlist {float:left; width:167px; margin:35px 0 0 0;}

#commentlist h3 {margin:0;}

div.comment {border:0; margin:0 0 5px 0; padding:10px 0 0 0; border-top:#565646 1px solid;}

#sidebar div.comment p {font-size:11px; margin:3px 0; letter-spacing:.05em; line-height:14px; padding:0; clear:both;}

div.comment p.commentmetadata {margin:0;}

div.comment-author, div.comment-meta {margin:0; font-size:11px; line-height:14px;}

.commentmetadata a {text-decoration:none; font-weight:normal; font-style:italic;}

cite.fn {font-style:normal; font-weight:bold; line-height:14px;}

cite.fn a {text-decoration:none;}

span.says {display:none;}

div.reply {display:none;}

/* ------------------------- PAGE ------------------------- */

.sidebar-page {margin:-45px 0 45px 0; float:left;}

.page #main p {margin:0 0 16px 0; line-height:22px;}

.sidebar-page ul {/*border-bottom:#565646 1px solid;*/ padding:0 0 10px 15px;}

.sidebar-page ul li {list-style:disc;}

.sidebar-page ul li a {text-decoration:none;}

.sidebar-page ul li a:hover {text-decoration:underline;}

.kasten {background:url(images/background_erleben.png); padding:10px 0; margin:0 0 10px 0;}

#main .kasten p {line-height:15px;}

/* ------------------------- SEHEN ------------------------- */

.galleryinfo {padding:16px 0; margin:0;}

.galleryinfo a img {margin:0 16px 0 0; float:left;}

#main.sehen {width:656px;}

h3.sehen {text-transform:uppercase; border-top:#565646 1px solid; border-bottom:#565646 1px solid; margin:0 0 0 110px; font-size:12px; padding:3px 0 0 0; line-height:20px; width:350px;}

h3.sehen a {display:block;}

h3.gallery {border-bottom:0; border-top:0; font-size:14px;padding:3px; margin:0 0 16px 0;}

/* ------------------------- ERLEBEN ------------------------- */

#left-erleben {position:relative; width:228px; float:left; margin:0 39px 0 0;}

#main.erleben-main {width:463px; position:relative; margin:0 0 30px 0; float:left;}

.erleben {width:716px; margin:0 0 17px 0; /*border-bottom:#565646 1px dotted;*/ background:url(images/background_erleben.png);}

.erleben a {display:block; text-decoration:none; width:716px; height:167px;}

.erleben:hover {background:#d4d4cd; cursor:pointer;}

.erleben img {float:left; margin:0 32px 0 183px;}

.erlebenInfo {float:left; width:334px; padding:17px 0 0 0;}

.erlebenInfo h3 {border:none; font-size:14px; text-transform:uppercase; margin:0;}

.erlebenInfo p {font-weight:normal;}

p.stil {text-transform:uppercase;}

h3.monat {width:183px; float:left; font-size:20px; font-weight:normal; line-height:20px; height:20px; z-index:99; position:absolute;}

h3#januar {text-indent:-9999px; background:url(images/title_januar.png) no-repeat;}
h3#februar {text-indent:-9999px; background:url(images/title_februar.png) no-repeat;}
h3#maerz {text-indent:-9999px; background:url(images/title_maerz.png) no-repeat;}
h3#april {text-indent:-9999px; background:url(images/title_april.png) no-repeat;}
h3#mai {text-indent:-9999px; background:url(images/title_mai.png) no-repeat;}
h3#juni {text-indent:-9999px; background:url(images/title_juni.png) no-repeat;}
h3#juli {text-indent:-9999px; background:url(images/title_juli.png) no-repeat;}
h3#august {text-indent:-9999px; background:url(images/title_august.png) no-repeat;}
h3#september {text-indent:-9999px; background:url(images/title_september.png) no-repeat;}
h3#oktober {text-indent:-9999px; background:url(images/title_oktober.png) no-repeat;}
h3#november {text-indent:-9999px; background:url(images/title_november.png) no-repeat;}
h3#dezember {text-indent:-9999px; background:url(images/title_dezember.png) no-repeat;}

.trenner {height:50px; clear:both;}

.archiv {width:716px; margin:0 0 17px 0; /*border-bottom:#565646 1px dotted;*/ background:url(images/background_erleben.png);}
.archiv a {display:block; text-decoration:none; width:716px; height:100px;}
.archiv:hover {background:#d4d4cd; cursor:pointer;}
.archiv img {float:left; margin:0 32px 0 183px;}

/* ------------------------- ARBEITEN ------------------------- */

#main.arbeiten h3 {border:0;}

#main.arbeiten p {margin:0 0 16px 0;}

#main ul {list-style:square; margin:16px 0 16px 15px;}

#main ul li {padding:0; list-style:disc; line-height:22px;}

/* ------------------------- KONTAKTEN ------------------------- */

.wpcf7-form input[type="text"] {width:224px; border:0; background:#ddddcf; color:#565646; padding:2px;}

.wpcf7-form textarea {width:224px; border:0; background:#ddddcf; color:#565646; font-family:"Helvetica Neue", Arial, Helvetica, sans-serif; font-size:11px; padding:2px;}

.wpcf7-form input[type="submit"] {background:#565646; color:#ebecdc; border:#ddddcf 1px solid;}

/* ------------------------- RESERVIEREN ------------------------- */

#reservationsformular input[type="text"] {border:0; margin:0 0 5px 0; padding:2px; width:250px; background:#ddddcf; color:#565646;}

label.error {background:#f30;color:#fff; display:none;}

select {width:256px; margin:0 0 10px 0;}

#reservatonsformular input[type="submit"] {background:#565646; color:#ebecdc; border:#ddddcf 1px solid; margin:10px 0;}

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

/* ------------------------- LESEN ------------------------- */

#main.lesen ul {margin:0 0 16px 15px;}

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

p#adresse {width:960px; line-height:14px; height:30px; background:url(images/adresse.gif) no-repeat 0 10px; text-indent:-9999px; border-top:#565646 1px solid; margin:40px 0 0 0;}