/* general look */

div#main {padding: 0; background: #f4e295 url(gfx/LongYellowShade.jpg) top left repeat-x; margin: 0}
div#main>div {background: url(gfx/Muster.png) top left no-repeat; padding: 1em 0 1em; margin: 0; zoom: 1}
div#gfx {width: 700px; margin: 0 auto 1.5em; border: 3px solid #323036; padding: 0; background: white url(gfx/fluga.gif) center center no-repeat}
div#gfx img {margin: 0; border: none; padding: 0; %margin-bottom: -4px}
div#ctr h2 {padding: 0.5em 0}
div#ctr blockquote, div#tsrt blockquote {white-space: pre-wrap; text-indent: 0; font: 14px Calibri,Arial,Helvetica, sans-serif; text-shadow: 2px 3px 5px rgba(100,100,100,0.5); text-align: center}
div#ctr blockquote:first-line, div#tsrt blockquote:first-line {text-weight: bold}
div#ctr a, div#tsrt a {display: block; text-align: center; font: 16px Calibri,Arial,Helvetica, sans-serif; text-shadow: 2px 3px 5px rgba(100,100,100,0.5); margin: 1em 0}

/* Extra image */
div#ctr div#gfx {position: relative}
div#ctr div#gfx a, div#ctr div#gfx img+img {position: absolute; bottom:  -35px; right: -25px; box-shadow: 5px 7px 9px rgba(0,0,0,0.3); -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform: rotate(5deg)}

/* text box*/

div#box {margin: 1em; padding: 0; text-align: left; border: 6px double white; zoom: 1}
div#box>div {float: left; width: 100%; position: relative}
div#box>div>dl:first-child {border: none}
/*
div#box>div>a:first-child, div#box>div>img:first-child {position: absolute; right: 10px; bottom: 10px; z-index: 10000; border: none}
*/
body#gate.fr div#box {border-color: #74ad4e}
body#gate.so div#box {border-color: #d7b92b}
body#gate.he div#box {border-color: #6c4214}
body#gate.wi div#box {border-color: #78a2e9}
div#box h2 {font: bold 20px Georgia,Times,"Times New Roman",serif; font-variant: small-caps; letter-spacing: 0.1em; margin: 0; color: white; text-align: center; padding: 0.2em 0; %height: 1%}
body#gate.fr div#box h2 {background: #cadaae url(gfx/SpringShading.png) repeat-x left 50%}
body#gate.so div#box h2 {background: #f4d552 url(gfx/SummerShading.png) repeat-x top left; border-bottom: 2px solid #d7b92b; color: #080808}
body#gate.he div#box h2 {background: #dfd0ae url(Hotel-Bayerischer-Wald/Hotel.png) repeat-x top left; border-bottom: 2px solid #6c4214}
body#gate.wi div#box h2 {background: #d9dddf url(Hotel-Bayerischer-Wald/Bayern.png) repeat-x top left; border-bottom: 2px solid #416fbc}
div#box dl {width: 180px; float: left; border-left: 2px solid #c2a61f; padding: 0 0 0 1.5em; opacity: 0.9; margin: 1em 0 1em 1em}
div#box dl img {text-align: center}
div#box form dl {width: 280px}
div#box form dl label {display: inline; font-weight: bold}
div#box form dl {}
div#box a+dl, div#box img+dl {border: none; padding-left: 0}
div#box dt {padding: 0; margin: 0 0 0.3em}
div#box dd img {padding: 0; margin: 0; border: none}
div#box dd {margin: 0.3em 0 0; padding: 0}
div#box dd a:link, div#box dd a:visited {color: #2231a6; text-decoration: none; border-bottom: 1px dotted #2231a6}
div#box dd a:hover, div#box dd a:active {color: #ec2876; text-decoration: none; border-bottom: 1px solid #ec2876}
body#gate div#box h1 {clear: left; font: bold 14px Arial,Helvetica,sans-serif; padding: 0.2em; margin: 0; background-color: #fff3be; position: relative; overflow: hidden; margin-top: 5px}
span#fly {font: 14px Arial,Helvetica,sans-serif; position: absolute; display: none; top: 3px; overflow: hidden}
div#box p {padding: 0.5em 180px 0.5em 0.5em}

/* offer */

body#gate div#ofr {position: absolute; top: 20px; left: 130px; width: 668px; z-index: 99}
body#gate div#ofr img {float: right; border: none; margin: 8px 10px 0 0; padding: 0; cursor: pointer; *cursor: hand}
body#gate div#ofr>div#om {background: url(gfx/specials/ShadowRight.png) top right repeat-y; padding: 0 29px 0 0}
body#gate div#ofr div#oc {background: url(gfx/specials/HeavenShading.jpg) top left repeat-y}
body#gate.fr div#ofr>div#ob {background: url(gfx/specials/BorderCornersShadowBelow1.png) top left repeat-y; height: 30px}
body#gate.fr div#ofr div#oc>div {background: url(gfx/specials/LandscapeBottom1.jpg) bottom left no-repeat}
body#gate.so div#ofr>div#ob {background: url(gfx/specials/BorderCornersShadowBelow2.png) top left repeat-y; height: 30px}
body#gate.so div#ofr div#oc>div {background: url(gfx/specials/LandscapeBottom2.jpg) bottom left no-repeat}
body#gate.he div#ofr>div#ob {background: url(gfx/specials/BorderCornersShadowBelow3.png) top left repeat-y; height: 30px}
body#gate.he div#ofr div#oc>div {background: url(gfx/specials/LandscapeBottom3.jpg) bottom left no-repeat}
body#gate.wi div#ofr>div#ob {background: url(gfx/specials/BorderCornersShadowBelow4.png) top left repeat-y; height: 30px}
body#gate.wi div#ofr div#oc>div {background: url(gfx/specials/LandscapeBottom4.jpg) bottom left no-repeat}
body#gate div#ofr div#oc>div>div {background: url(gfx/specials/TopBorderTitle.jpg) top left no-repeat; padding: 1em; min-height: 400px}
body#gate div#ofr p {font: 15px Verdana,Arial,Helvetica,sans-serif; color: #323036; line-height: 150%; letter-spacing: 1px; text-align: center}
body#gate div#ofr h1 {text-align: center; font-size: 28px; color: white; margin: 0; padding: 2.5em 1em 1em}
body#gate div#ofr h1+p, body#gate div#ofr p:first-letter {font-weight: bold}
body#gate div#ofr h5 {text-align: right; font: italic 22px Georgia,Times,"Times New Roman",serif; margin: 0; padding: 1em 0.5em 0 2em}
body#gate div#ofr h5 a {float: left; color: #323036; font: italic 18px Georgia,Times,"Times New Roman",serif; letter-spacing: normal; background: url(gfx/RoseLink.png) left 50% no-repeat; padding-left: 15px}
body#gate div#ofr h5 a:link, body#gate div#ofr h5 a:visited {border-bottom: 2px solid transparent}
body#gate div#ofr h5 a:hover, body#gate div#ofr h5 a:active {border-bottom: 2px solid #f77891}

/* partners */

div#prt {text-align: center; padding: 3px; margin: 0.5em}
div#prt>img, div#prt>a {vertical-align: middle; border: 1px solid #888; padding: 0; margin: 5px; display: inline-block}
div#prt a img {padding: 0; margin: 0; vertical-align: middle}
div#prt a:link, div#prt a:visited {}
div#prt a:hover, div#prt a:active {border-color: #323036}

/* below */
body#gate h6#bar {background: #f4e396 url(gfx/YellowHeadingBackground.png) top left; color: #323036}

body#gate address span {}