div#main h1 {color: #665713}
div#main p:first-letter {color: #b8a964}
div#main h4 {background-color: #f2e39b}
div#main {background-color: #fff3be}

/* Seiten unter Hausinfo */

div.i1 {background: #fff3be url(Sternehotel-Bayern/Bayern-Wellness-Hotel/Dreisessel.jpg) center bottom no-repeat}

div.i2 {background: #fff3be url(Sternehotel-Bayern/Bayern-Wellness-Hotel/Bayrische-Kueche.jpg) center bottom no-repeat}
div.i2 div {clear: left; padding-left: 7%}
div.i2 p {width: 42%; float: left; padding: 0 0.7em}

div.i3 {background: #fff3be url(Sternehotel-Bayern/Bayern-Wellness-Hotel/Bodenmais-Niederbayern.jpg) center bottom no-repeat}

div.i4 {background: #fff3be url(Sternehotel-Bayern/Bayern-Wellness-Hotel/Hotel.jpg) center bottom no-repeat}

div.i5 {background: #fff3be url(Sternehotel-Bayern/Bayern-Wellness-Hotel/Restaurant-Bayern.jpg) center bottom no-repeat}

div.i6 {background: #fff3be url(Sternehotel-Bayern/Bayern-Wellness-Hotel/Donau-Bayern.jpg) center bottom no-repeat}

div.i7, div.i8 {background: #fff3be url(Sternehotel-Bayern/Bayern-Wellness-Hotel/Natur-Bayern.jpg) center bottom no-repeat}

div.o1 {overflow: auto; background: url(Sternehotel-Bayern/Bayern-Wellness-Hotel/Dreisessel.jpg) center bottom no-repeat}

div#main h5.gbh {margin: 0.3em 3em}
div#main div.gb {border: 2px solid #888; background-color: white; margin: 0 3em 1.5em; padding: 0.5em; font: italic 90% Times,"Times New Roman",serif}

fieldset {border: 2px solid #cfc38e}
input[type="text"], textarea {border: 1px solid #cfc38e; background-color: #fffede}

/* Neu allgemein */

html div.r3>div {#display: inline} /* IE7 bug */
div.r3>div {width: 30%; padding: 1%; margin: 0; display: inline-block; vertical-align: top}

/* Livecam */

div#sur {position: relative}
img#livecam {}
div#sur div {position: absolute; top: 50px; left: 200px; z-index: 10000; width: 500px; height: 400px; background: url(Bayern-Urlaub/Silvester/Wellnessgutschein.png) bottom right no-repeat; border: 5px dotted #a43834; -moz-border-radius: 15px}
div#sur div {text-align: center}
div#sur div h2 {margin: 1em; color: #a0342a}

div#cam img {cursor: pointer}
div#cam {padding-left: 50px}
div#cam div {display: inline-block; width: 380px; text-align: center; padding-bottom: 50px}

/* Sonderangebot, Angebot allgemein */

div#paunav ol h4 {text-align: left; font:  15px Cambria,Georgia,serif; margin: 0; padding: 0}
div#paunav ol h4:hover {font-style: italic}
div#paunav ol h6 {margin: 0; padding: 0}
div#pauschalen div p {font: 15px Cambria,Georgia,serif; margin: 0.5em 0 0; padding: 0}
div#pauschalen div p:first-line {font-weight: bold}
div#pauschalen div p+h5 {padding: 0}
body div#ram div.an {padding: 0 0 1em 20%; background: #fff3be url(gfx/Sauna-Wasser.jpg) left top no-repeat}
body div#ram div.as {padding: 0 1em 1em 28%; background: #fff3be url(gfx/Sauna-Wasser.jpg) left top no-repeat}
div.as fieldset h3 {font: bold 15px Arial,Helvetica,sans-serif; color: #323036}
div.as fieldset div {margin: 0.5em 0}
div.as fieldset div label {display: inline}
div#angebot div, div.an div#pauschalen {margin-right: 1em}
div#angebot div div {margin-right: 0}
div#angebot h2, div.an h2 {font-variant: small-caps; font-family: Georgia,Times,serif; margin: 0; padding: 4px; text-align: center}
div#angebot h2, div.an h2 {background: #f4d552 url(Hotel-Bayerischer-Wald/Wellness.png) repeat-x top left; border-right: 1px solid #9e8858; border-left: 1px solid #9e8858}
div#angebot div div, div.an div#pauschalen div {padding: 3px 7px 5px 50px; margin-bottom: 10px}
* html div#angebot div div {height: 1%}
div#angebot div div, div.an div#pauschalen div {background-color: #fef8b8; border-right: 1px solid #9e8858; border-left: 1px solid #9e8858; border-bottom: 1px solid #9e8858; }
div#angebot dl, div.an dl {padding: 0; margin: 0 0 15px; }
div#angebot dd, div.an dd {font: 12px Verdana,Arial,Helvetica,sans-serif; padding: 0 90px 0 40px;  margin: 3px 0; }
div#angebot dd a, div.an dd a {padding: 0 0 0 8px !important; margin: 0; background: url(Wellness-Niederbayern/Mini.gif) left 50% no-repeat}
div.an dd span a {float: right}
div#angebot ul, div.an ul {border: none; margin: 7px 10px 9px 30px; padding: 0; }
div#angebot li, div.an li {font: italic 14px Georgia,Times,"Times New Roman",serif; padding: 2px 7px; border: none; float: none; width: auto}
div#angebot h3, div.pa dt, div.an h3 { text-align: left; border: none; color: #101010; font: bold 13px Verdana,Arial,Helvetica,sans-serif; letter-spacing: 1px; margin: 3px 10px 7px; padding: 0; }
div#angebot h4, div.an h4 {text-align: right; border: none; background: none !important; color: #010101; font: 16px Georgia,Times,"Times New Roman",serif; padding: 0; margin: 0 10px 10px; }
div#angebot h5, div.an h5 { margin: 12px 0; font-size: 14px; }
div#angebot h6, div.an h6 { font-size: 12px; padding-bottom: 7px; margin: 3px 10px 15px; }
div#angebot img {float: right}
div#angebot dl {position: relative}
div#angebot dl dd a {float: right}
div#angebot dl dd span {cursor: help}
div#angebot dl dd span:hover {font-style: italic}
div#angebot dl dd span div {display: none}
div#angebot dl dd span:hover div {display: block; position: absolute; z-index: 500; right: 10px; top: -20px; width: 220px; border: 1px solid #323036; background-color: #fef8b8; margin: 0; padding: 0; text-align: center; background: #efe09c url(Hotel-Bayerischer-Wald/gfx/VerticalYellowShade.jpg) top left repeat-y}
div#angebot dl dd h2 {text-align: center; background: url(Hotel-Bayerischer-Wald/gfx/GreenYellowArc.jpg) center center no-repeat; color: #317e5d; font-family: "Arial Black",Arial,Helvetica,sans-serif; padding: 3px 1px}

/* Pauschalen */

body div#ram div.lm {padding: 0 0 1em 20%; background: #fff3be url(gfx/Sauna-Wasser.jpg) left top no-repeat}
div.lm div {margin-right: 1em}
div.lm div div {margin-right: 0}
div.lm h2 {font-variant: small-caps; font-family: Georgia,Times,serif; margin: 0; padding: 4px; text-align: center}
div.lm h2 {background-color: #fdf5d1; border-right: 1px solid #912d39; border-left: 1px solid #912d39}
div.lm div div {padding: 3px 7px 5px 50px; margin-bottom: 10px}
* html div.lm div div {height: 1%}
div.lm div div {background: #fff3be url(gfx/Last-Minute.jpg) right top no-repeat; border-right: 1px solid #912d39; border-bottom: 1px solid #912d39; border-left: 1px solid #912d39}
div.lm dl { padding: 0; margin: 0 0 15px; }
div.lm dd { font: 12px Verdana,Arial,Helvetica,sans-serif; padding: 0 90px 0 40px;  margin: 3px 0; }
div.lm dd a {float: right; padding: 0 0 0 8px !important; margin: 0; background: transparent url(Wellness-Niederbayern/Mini.gif) left 50% no-repeat}
div.lm ul { border: none; margin: 7px 10px 9px 30px; padding: 0; }
div.lm li { font: italic 14px Georgia,Times,"Times New Roman",serif; padding: 2px 7px; border: none; }
div.lm h3, div.lm dt { text-align: left; border: none; color: #101010; font: bold 13px Verdana,Arial,Helvetica,sans-serif; letter-spacing: 1px; margin: 3px 10px 7px; padding: 0; }
div.lm h4 {text-align: right; border: none; background: none !important; color: #010101; font: 16px Georgia,Times,"Times New Roman",serif; padding: 0; margin: -10px 10px 10px; }
div.lm h5 { margin: 12px 0; font-size: 14px; }
div.lm h6 { font-size: 12px; padding-bottom: 7px; margin: 3px 10px 15px; }
div#pauschalen dl {position: relative}
div#pauschalen dl dd {padding: 0 1em 0 3em}
div#pauschalen dl dd span {cursor: help}
div#pauschalen dl dd span:hover {border-bottom: 1px solid #323036}
div#pauschalen dl dd span div {display: none}
div#pauschalen dl dd span:hover div {display: block; position: absolute; z-index: 500; left: -220px; top: -30px; width: 220px; border: 1px solid black; background: none; background-color: #fef8b8; background: #efe09c url(Hotel-Bayerischer-Wald/gfx/VerticalYellowShade.jpg) top left repeat-y; margin: 0; padding: 0; text-align: center}
div#pauschalen dl dd h2 {text-align: center; background: url(Hotel-Bayerischer-Wald/gfx/GreenYellowArc.jpg) center center no-repeat; color: #317e5d; font-family: "Arial Black",Arial,Helvetica,sans-serif; padding: 3px 1px}
div#pauschalen div#paunav {background: none; border: none; padding-left: 70px}
div#pauschalen div#paunav h3 {}
div#pauschalen div#paunav ol {}
div#pauschalen div#paunav ol li, div#pauschalen div#paunav dl dd {cursor: pointer}
div#pauschalen div#paunav ol li:hover, div#pauschalen div#paunav dl dd:hover {}
div#pauschalen div#paunav dl {float: right; width: 240px}
div#pauschalen div#paunav dl dd.hook {background: url(gfx/SortedHook.png) 10px 50% no-repeat}

/* Preise */

div#lei {width: 50%; float: right}
div#lei em {font-weight: bold; font-style: normal}
div#zp {clear: both}
div#zp div.room {#display: inline} /* IE 6 and 7 bug */
div#zp div {background: url(gfx/pbg.jpg) top center repeat-y; border: 1px solid #ccbf6f} /* eacfa5 */
div#zp div {display: inline-block; margin: 0.8em 0.5em; width: 45%; vertical-align: top}
/* div#zp div {margin: 0.8em 0.5em; width: 45%; float: left; height: 330px; overflow: auto} */
div#zp h3 {margin: 0.5em 0}
div#zp img {float: left}
div#zp ul {margin: 0 0 0 240px}
div#zp p {padding: 0 0.5em; font: 15px Georgia,Times,"Times New Roman",serif}
div#zp a {background: url(Wellness-Niederbayern/Mini.gif) 6px 50% no-repeat; padding-left: 13px; margin: 0.2em 1em; font: 15px Arial,Helvetica,sans-serif}
h5#cnd {clear: both}
div#erm {clear: both}
div#erm div {width: 30%; float: left; margin: 0.5em}
div#erm h3 {margin: 0.8em; font-family: Arial,Helvetica,sans-serif}
div#erm b {font-family: "Arial Black",Arial,Helvetica,sans-serif}
div#erm h4 {background-color: transparent; color: #ed3c38; border: none; margin: 0.5em 10px; font-weight: normal}
div#erm em {font-weight: bold; font-style: normal}
div#main div.room p {font: 15px Cambria,Georgia,serif; color: #323036}
div#main div.room p:first-letter {font-size: inherit; color: #323036}
div#main div.room h4 {font: bold 15px Cambria, Geogria, serif; color: #323036; border: none; background: none; padding: 0; margin: 0.5em}
div#main div.room h5 a {font: 14px Tahoma,Arial,Helvetica,sans-serif; margin: 0.1em 0.5em; color: #323036}
div#main div.room li {line-height: 120%}
div#main div.room li a {font: bold 12px Tahoma,Arial,Helvetica,sans-serif; background: none; margin: 0; padding: 0}

div#inf {display: none; position: absolute; left: 120px; width: 650px; background: url(gfx/YellowInfoBoxAbove.png) top left no-repeat; padding-top: 20px}
div#inf>div {background: url(gfx/YellowInfoBoxBelow.png) bottom left no-repeat; padding-bottom: 44px}
div#inf>div>div {background: url(gfx/YellowInfoBoxMiddle.png) bottom left repeat-y; min-height: 200px}
div#inf h2 {margin: 0 50px 0 0; padding: 0 1em 0.5em; text-align: center}
* html div#inf {border: 3px solid #323036; background: none; background-color: #fbf3c2}
div#ric {width: 598px; margin-right: auto; margin-left: 5px; overflow: hidden; text-align: center}
div#ric img {border: none}
div#inf blockquote {text-align: center; padding: 0.3em 50px 0 0.7em; margin: 0; text-indent: 0}
span#cb {width: 19px; height: 18px; float: right; background: url(gfx/CloseCross.gif) top right no-repeat; margin-right: 60px}
span#cb:hover {background-image: url(gfx/CloseRound.gif)}

/* Schiffsreisen */

table.shp {width: 60%; margin: 0 auto}
table.shp caption {font: 13px "Arial Black",Arial,Helvetica,sans-serif}
table.shp tbody td {padding: 2px 3px; text-align: center}
table.shp tfoot td {text-align: center}
div.d1 h1 { color: #5f7dba; background: url(Reisen/Bayern/Donau/Donau.gif) no-repeat top right; }
div.d1 p { font: 16px Georgia, Verdana, sans-serif; color: #2f4d8a; margin: 10px 60px; font-style: italic; line-height: 1.5em; }
div.d1 p:first-letter { font-size: 200%; color: #7f9dda; }
div.d1 h3 {text-align: left; border: none; color: #5f7dba; margin: 10px 70px; font-size: 18px; }
div.d1 h4 {border: none; font-size: 14px; color: #080808; margin: 0 65px; background-color: transparent}
div.d1 ul { font: 14px Verdana, Tahoma, Arial, Helvetica, sans-serif; margin: 0 70px; border: none; list-style: none; padding: 0; }
div.d1 li { line-height: 1.4em; padding: 3px 0; }
div.d1 table { border: 1px solid white; margin: 0 70px; width: 80%; }
div.d1 caption { text-align: left; font: 16px Arial, Helvetica, sans-serif; color: #2f4d8a; margin: 5px 70px; }
div.d1 td { padding: 3px 7px; font: 14px Arial, Helvetica, sans-serif; vertical-align: top; }
div.d1 tr.odd { background-color: #9bb1d3; }
div.d1 tr.even { background-color: #abc1e3; }
div.d1 dl { margin: 10px 70px; font: 14px Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #111111; }
div.d1 dt { font-weight: bold; margin-bottom: 5px; }
div.d1 img.left { float: left; margin-left: 70px; }
div.d1 img.right { float: right; margin-right: 70px; }

/* Bildergalerie */

div.pimg dl {clear: both; font-family: Arial, Helvetica, sans-serif; margin: 0; padding: 0}
div.pimg dt {font-size: 18px; font-variant: small-caps; margin: 0; padding: 0 10px 4px}
div.pimg dd {font-size: 12px; margin: 0; padding: 2px 10px}
div.pimg div.gbx {display: inline-block; vertical-align: top; width: 28%; margin: 0.7em; border: none; padding: 0.5em; background-color: #f4efaa; text-align: center}
div.pimg a {display: block; float: right; font: 12px Arial, Helvetica, sans-serif}
div.pimg img {padding: 5px; background-color: #eee; border: 2px solid #323036 !important}
div.pimg div#pf {display: none}
div.pimg div#pf h2 {text-align: center; font-size: 22px; padding: 0.2em 0.5em 0.8em; margin: 0}
div.pimg div#pf img {background: #808080 url(gfx/WaitForImageGrey.gif) center center no-repeat; text-align: center; padding: 0}
div.pimg div#cont {border: 2px solid #111; background-color: white}

/* Anfahrt */

div.a1 ul {border: none; list-style: none}
div.a1 li {float: left; width: 12em}
div.a5 table img {border: none}
div.a5 table {font: 12px Tahoma,Arial,Helvetica,sans-serif}
div.a5 ul {width: 90%; float: right; margin-left: 5%; padding: 0; cursor: pointer; cursor: hand}
div.a5 li {width: 50%; float: left; list-style: none; margin: 0; padding: 0}
div.a5 li:hover {font-weight: bold}
div.a5 p a:link, div.a5 p a:visited {text-decoration: underline !important}
div.a5 strong {font: bold 12px Tahoma,Arial,Helvetica,sans-serif; color: #e23c50}

/* Seiten unter Kontakt */

div.k1 h3#fon {border: none; font-size: 150%; padding-top: 0; letter-spacing: 0.3em; font-weight: bold; text-align: center}

div.k5 dl.pdf {width: 95%; float: left; padding: 0; margin: 0.5em auto; background: url(Hotel-Bayern/gfx/YellowBroadShade.jpg) center center no-repeat; border: 1px solid #323036}
div.k5 dl.pdf dt {padding: 0; background: url(Hotel-Bayern/gfx/BrownShading.png) center left repeat-x; text-align: center; font: 24px Georgia,Times,"Times New Roman",serif; color: white; line-height: 150%}
div.k5 dl.pdf dt img {float: left; margin: 0 0.5em 0.5em 0}
div.k5 dl.pdf dd {padding: 1em; font: 13px Georgia,Times,"Times New Roman",serif; line-height: 150%; letter-spacing: 0.1em}
div.k5 dl.pdf dd:last-child {text-align: right}

div.k7 div.adr {border: 1px solid #3a4889; margin: 0 1em 1em 0; background-color: #9eabe3}
div.k7 div.adr dl {width: 45%; float: left}
div.k7 div.adr p, div.k7 div.adr h3 {padding: 0; margin: 0.5em}
div.k7 div.adr h3 {background-color: #7b8ad1; padding: 0.5em}

/* Martin Ekblom 2008 */