* { margin:0; padding:0; height:100%; width:100%; }
html {width:100%; height:100%}
body {font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; width:100%; height:100%; margin:0; padding:0; background:url(../img/background.gif) repeat-y center center;}
body#home {background:#232422;}
h3{ font-size:15px; height:1.2em;}

li {list-style:none;}
a:link, a:visited, a:active, a:hover { color:#232422; text-decoration: none;}

#container {min-width:980px;padding:0;}
#left { background:#232422; width:50%;float:left; min-width:490px; height:100%; min-height:600px; padding:0; background-attachment:fixed;}
#leftcontent { height:auto; color:#232422;}

h1#logo { margin: 48px 0 0 49px; }
h1#logo a:link, h1#logo a:visited, h1#logo a:active  {display:block; height:55px; width:172px; background: url(../img/refugium_logo.gif) no-repeat; text-indent:-999em;}
h1#logo a:hover  {background: url(../img/refugium_logo.gif) no-repeat;}
#karte #bild, #restaurant #bild { margin-top: 60px; height:312px; width:100%; background: url(../img/restaurant.jpg) repeat-x;}
#home #bild { position:absolute; top:165px; height:312px; width:100%; background: url(../img/restaurant.jpg) repeat-x;}
#veranstaltungen #bild { margin-top: 60px; height:312px; width:100%; background: url(../img/veranstaltungssaal.jpg) repeat-x;}
#gendarmenmarkt #bild { margin-top: 60px; height:312px; width:100%; background:  url(../img/gendarmenmarkt.jpg) repeat-x;}
#kontakt #bild,#presse #bild, #bilder  #bild  { margin-top: 60px; height:312px; width:100%; background: none;}


#mainnav ul { margin:20px 0 0 50px; font-size:12px; width:auto; height:auto;}
#mainnav ul li{ line-height:160%; height:auto; width:auto;}
#mainnav ul li a{ color:#896028;}
#mainnav ul li a:hover{ color:#A57330;}
#mainnav ul li#art2 a, #mainnav ul li#art5 a { color:#EFEBD6;}
#mainnav ul li#art2 a:hover, #mainnav ul li#art5 a:hover { color: #fff;}

#right { background-color:#896028; width:49%; min-width:490px; float:left;padding:0;min-height:600px;height:auto!important; height:600px; }

#rightcontent {height:auto; margin: 63px 0 0 50px; padding:0; width:430px!important;  }
#rightcontent a:link { text-decoration:underline;}
#rightcontent a:hover { text-decoration:none;}

#pagetitle { height:60px; margin-bottom:40px; width:550px;  }
#pagetitle h2 { font-size:41px; display:inline; float:left; font-weight:normal; width:auto;color:#232422;}
#restaurant #pagetitle h2, #karte #pagetitle h2 {color:#896028;}
#pagetitle ul {  float:left; margin: 8px 0 0 12px; width:auto; height:auto;}
#pagetitle .lev2 ul {margin: 8px 0 0 26px;  }
#pagetitle a:link {  text-decoration:none}

#karte #pagetitle ul{ width:50px}
#karte #pagetitle .lev2 { float:left; width:130px;}
#karte #pagetitle .lev2 ul {width:130px;}

#pagetitle ul li a.active  { color:#fff;}
body #right { color:#232422; }

body#restaurant, body#karte { background:url(../img/background_restaurant.gif) repeat-y center 0;}
body#restaurant #right, body#karte #right { background-color:#F4F3E4;}
#restaurant #right, #restaurant #pagetitle ul li a, #karte #right, #karte #pagetitle ul li a   { color:#896028;}
#restaurant #pagetitle ul li a.active, #karte #pagetitle ul li a.active  {color:#232422;}

#content {  width:400px; line-height:1.6em; margin-bottom:10em; }
#content h4 {margin: 0 0 2em 0; font-size:11px;}
#content p {margin: 0 0 2em 0;}
/*#content img { display:block; width:352px; height: 333px; }*/
#content img { margin-top:1em;}

.clear {clear:both;}

#home { background-color:#232422; height:auto; width:auto;}
#logo{ width:auto;}
#start {width:100%;}



#homenav { position:absolute; top:490px; left:44px; width:960px; height:auto;}
#homenav ul li{float:left; margin-right:15px;height:63px; display:block; }
#homenav ul li a{display:block; color:#896028; font-size:41px; float:left;}

#homenav ul li#art2 {width:380px;}
#homenav ul li#art5 {width:425px;}
#homenav ul li#art10 {width:460px;}
#homenav ul li#art13 {width:450px;}
#homenav ul li#art15 {width:320px;}

#homenav ul li#art2 a{width:240px;}
#homenav ul li#art5 a{width:275px;}
#homenav ul li#art10 a{width:340px;}
#homenav ul li#art13 a{width:360px;}
#homenav ul li#art15 a{width:180px;}

#homenav ul li a:hover{ color:#A57330;}

#homenav ul li#art2 a, #homenav ul li#art5 a { color:#EFEBD6;}
#homenav ul li#art2 a:hover, #homenav ul li#art5 a:hover { color: #fff;}
#homenav ul li#art10 { clear:both;}

#homenav ul li ul { float:left; margin:4px 0 0 0; width:50px; }
#homenav ul li ul a{ font-size:11px;display:inline!important; }
#homenav ul li ul li{ display:block; border:none; clear:both; height:auto; line-height:1.3em; }

/* safari hack */
@media screen and (-webkit-min-device-pixel-ratio:0){
#homenav ul li ul { margin:5px 0 0 10px;}
}

b { font-size:16px;}
p.tiefer {padding-top:2em;}
.formfield { border:none;}
.formgen{font-size:1em}
.formgen .formblock{ margin: 0 0 1em 0;}
select,input[type=checkbox],input[type=radio],input[type=button],input[type=submit]{cursor:pointer}
.formgen form{line-height:120%;width:440px}
.formgen br{clear:both}
.formgen .formtextfield, .formgen .formtext, .formgen .formselect {background-color:#896028;font-size:11px;border:none;margin-left:0;width:305px; padding:2px 0 0 4px; font-family:Georgia, "Times New Roman", Times, serif}
#veranstaltungen .formgen .formtextfield, #veranstaltungen  .formgen .formtext{background-color:#f4f3e4;}
.formgen .formtextfield{height:60px; color:#232422;}
.formgen .formtext{height:17px; color:#232422;}
.formgen .formtrenn{display:block;height:30px}
.formgen .formhinweis{font-weight:700;color:#036;font-size:1.2em}
.formgen .formheadline{font-weight:700;color:#036}
.formgen .formcaptcha{border:1px solid #900}
.formgen label{font-family:Georgia, "Times New Roman", Times, serif;width:130px;clear:left;float:left;height:20px;padding:0; line-height:1.2em;}
.formsubmit{width:75px; background-color:#232422; color:#f4f3e4;!important;border:none; float:right; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px;}
.formgen legend{font-weight:700;color:#333}
.forminfo{margin:0 0 2em 0!important;}
.formgen .formerror{font-weight:bold}
/*.formgen .formpassword,.formgen .formselect{width:200px;background-color:#896028;margin-left:4px}*/
.formgen .formpassword,.formgen .formselect{background-color:#896028; border:none;}

.content36 .formgen .formpassword, .content36 .formgen .formselect, .content36 .formgen .formtext, .content36 .formgen .formtextfield  {background-color:#f4f3e4;}

img { width:auto; height: auto;}a img {border:none}

#wine{ margin-bottom:70px; }
#wine h3 { margin: 1em 0 0 0; width:490px;}
#wine h3 span {font-weight:normal; font-size:11px; text-align:right; float:right; display:block; width:100px; margin-top:-16px;}

#wine table{ width:490px!important; margin-bottom:2em }
#wine table tr td {width:auto; vertical-align: top; text-align:left; padding-top:1em;}
#wine table .col1 { width:90px!important;}
#wine table .col2 { width:40px!important;}
#wine table .col3 { width:290px!important;}
#wine table .col3o0 { width:180px!important;}
#wine table .col3o1 { width:55px!important;}
#wine table .col3o2 { width:55px!important;}
#wine table .col4 { width:50px!important;  text-align:right!important;}

#wine table.size td {text-align: center!important;}
#wine table.size { margin-bottom:-1em;}

#wine table tr td span.bold { font-weight:bold;}
#wine table tr td span.italic { font-style:italic;}

#kartemittag {}
#kartemittag h3 {margin: 2em 0 1em 0; width:450px;}
#kartemittag dl {clear:both;}
#kartemittag dt { font-weight:bold;}
#kartemittag dl {margin: 1em 0 1em 0;  }
#kartemittag dd { display:block; width:450px; clear:both;}
#kartemittag dd span.desc { display:block; width:330px; float:left;}
#kartemittag dd span.price { display:block; width:80px; float:right; text-align:right;}
#kartemittag dd.engl { font-style:italic;width:330px;}
#kartemittag dd.mtop { margin:1em 0 2em 0; clear:both;}

#kartemittag dl.add  {width:450px; clear:both;padding-bottom:3em;}
#kartemittag .add dt { font-weight:normal; width:36px;float:left;clear:none; margin:0;}
#kartemittag .add dd {  display:block;width:414px; float:right; clear:none;}
#kartemittag .add dd span.desc {width:200px; float:left;}
#kartemittag .add dd span.port { display:block; width:80px; float:left;}
#kartemittag .add dd span.price {width:60px; float:right; text-align:right;}
#kartemittag hr { width:450px; border:none; border-top:1px solid #232422; margin: 1em 0 3em 0;}

.menu h3 { font-size:11px;margin: 2em 0 0 0;}
.menu dl dt {font-size:15px; margin-top:0em;}

.menu dd { width:450px!important;}
.menu dd span.desc {width:410px!important;}
.menu dd span.price {  width:40px!important;}
.menu dd.engl {width:410px!important;}

#lang {  margin: 2em 0 0 50px;width:100px; height:1em;}
#lang a{ color:#fff;}
#home #lang {position:absolute; top:123px; left:860px;}

#restaurant .formgen .formtext, #restaurant .formgen select {color:#F4F3E4!important;}
.formgen .formselect{background-color:#896028;margin-left:0; border:none; width:309px;}
.printh2 {display:none;}
h2.printh21 {margin:80px 0 40px 0 ;}

.de ul li#art2 {width:330px;}
.de ul li#art5 {width:335px;}
.de ul li#art10 {width:444px;}
.de ul li#art13 {width:440px;}
.de ul li#art15 {width:260px;}

.en ul li#art2 {width:321px;}
.en ul li#art5 {width:279px;}
.en ul li#art10 {width:224px;}
.en ul li#art13 {width:535px;}
.en ul li#art15 {width:240px;}

.list_content a img {border:none; margin-right:5px;}
.list_content { vertical-align: top; clear:both;}
a.nounder { display:block; width:25px; float:left;}
#content a.nounder img { margin-top:0!important;}
.list_content3 { padding-left:25px; width: 375px;}

.item { display:block; width:400px; }
.surfnedit {position:absolute; top:0; right:0px;display:block; width:350px; background-color:#CCC; color:#000; height:15px; text-align:center;}
a {outline: none;}

#picture {position:absolute; top:160px; left:50px;width:420px; height:280px; overflow:hidden;}
#content #thumbs {padding:0!important; }
#thumbs a img { }
#thumbs a {vertical-align:top; line-height:1px!important; margin:0 10px 0 0!important; width:110px; height:75px;}
#stoer { position:absolute; top:415px; left:855px; z-index:1000; height:11px; width:110px;}