
/* page structure - newlook */

html {background: #3e0b07; padding: 0; margin: 0}
body {width: 920px; margin: 1em auto}
div#impr {position: absolute; left: 0; top: 0; z-index: 5}
div#impr h6 {color: #888; color: rgba(25%,25%,25%,0.7); font: 12px Tahoma,Arial,Helvetica,sans-serif; letter-spacing: 1px; background-color: rgba(100%,100%,100%,0.55); padding: 2px; margin: 3px}
div#impr h6 {filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#AAFFFFFF,endColorstr=#AAFFFFFF); zoom: 1} /* IE6, IE7, IE8 */
div#impr h6 a:link, div#impr h6 a:visited {color: #323036; text-decoration: none; padding: 2px}
div#impr h6 a:hover, div#impr h6 a:active {color: #323036; text-decoration: underline; padding: 2px; background-color: rgba(100%,100%,100%,0.65)}
div#hedr img {display: none}
body>div:first-child {width: inherit; background: url(gfx/ShadowLeft.png) top left repeat-y}
body>div>div {width: inherit; background: url(gfx/ShadowUpperRight.png) right top no-repeat}
div#ram {width: 910px; margin: 0 0 0 10px; position: relative}
body div#sdw {padding-right: 10px; background: url(gfx/ShadowRight.png) right top repeat-y}
body div#hedr {height: 190px; margin-right: 10px; position: relative}
div#hedr h1 {padding: 15px; color: white; font-weight: bold; display: none}
div#hedr h3 {position: absolute; bottom: 15px; left: 55px; font-weight: normal; letter-spacing: 2px; margin: 0; padding: 0; font: 15px Arial,Helvetica,sans-serif}
div#hedr h3 a {text-decoration: none}
div#hedr h3 a:link {color: #2745a6; border-bottom: 1px solid #2745a6}
div#hedr h3 a:visited {color: #3758c2; border-bottom: 1px solid #3758c2}
div#hedr h3 a:hover {color: #e54a84; border-bottom: 1px solid #e54a84}
div#hedr h3 a:active {color: #3758c2; border-bottom: 1px solid #3758c2}
body>address {background: url(gfx/ShadowBelow.png) top left repeat-x; margin: 0 10px}

body#hausinfo div#hedr h3, body#intro div#hedr h3 {color: #ece484}
body#wellness div#hedr h3 {color: #b6212b}

/* Neues aussehen oben 2011 */

div#hedr ul, div#hedr h3 {display: none}

div#hedr ul {display: block; position: absolute; bottom: 0px; right: 0px; width: 220px; z-index: 100}
body div#hedr ul li {font: bold 14px Tahoma,Arial,Helvetica,sans-serif; color: #7f8488; list-style: none; margin: 0.2em 0; text-align: right; padding-right: 10px}
body div#hedr ul li a {color: #5b3f3b; text-decoration: none} /* 4c4918, 19567d */
body div#hedr ul li a:before {font-size: 18px; content: "›"; padding-left: 3px; font-weight: bold}
body div#hedr ul li a:link, body#wellness div#hedr ul li a:visited {border-bottom: none}
body div#hedr ul li a:hover, body#wellness div#hedr ul li a:active {border-bottom: 2px solid #3e2b28}
body div#hedr {background: url(gfx/core/LinkSpace.jpg) top right repeat-x; height: 219px; border-bottom: 1px solid #9c9966}
body div#hedr>div>div>div {background: none}
body div#hedr div img {display: block; height: 220px}
body div#hedr>div>div>div>div {background: url(gfx/core/MainLogo.png) no-repeat 345px top; position: absolute; top: 0px; left: 0px; width:900px; height: 221px; z-index: 5}
body div#hedr>div>div>div>div>div {height: 221px; background: url(gfx/core/TransparantBorder.png) no-repeat left top; position: absolute; top:0px; left: 292px; width: 53px; z-index: 3}
body div#hedr div#hbtns {position: absolute; top: 7px; right: 5px; width: 215px; z-index: 100}

/* rss icon */
a#rss {position: relative; z-index: 1000}
a#rss img {border: none; padding: 3px 0 0 5px}

/* Menu function */

div#menu>div {float: left; position: relative; z-index: 50}
div#menu h2 {margin: 0}
div#menu ul {position: absolute; margin: 0; padding: 0; list-style: none; z-index: 100}
div#menu li {margin: 0; padding: 0}
div#menu div>ul {display: none}
div#menu div:hover>ul {display: block}
div#menu ul li {position: relative}
div#menu ul li>ul {display: none}
div#menu ul li:hover>ul {display: block; position: absolute; z-index: 200000}

/* Menulook */
div#menu {background: #fff68f url(gfx/MenuYellowShade.png) left 50% repeat-x; border-top: 1px solid white; border-bottom: 1px solid white; height: 26px; }
div#menu a:hover {text-decoration: underline}
div#menu li>a {display: block; padding: 0.2em 5px 0.2em 15px; #padding: 0 5px 0 11px; text-decoration: none; color: #333}
div#menu li>a:link {background: url(Wellness-Niederbayern/Mini.gif) 6px 50% no-repeat}
div#menu li>a:visited {background: url(Wellness-Niederbayern/Mark.gif) 4px 50% no-repeat}
div#menu li>a:hover, div#menu li>a:active {background: url(Wellness-Niederbayern/Dot.gif) 5px 50% no-repeat}
div#menu li#now>a:visited {background: url(Wellness-Niederbayern/Dot.gif) 5px 50% no-repeat}
div#menu h2 {font: bold 13px Tahoma,Arial,helvetica,sans-serif; color: #323036; padding: 5px 8px; font-variant: small-caps}
div#menu>div {border-right: 1px solid #e2c641; border-left: 1px solid #f8edb9}
div#menu>div:hover {background: #fff68f url(gfx/MenuBrightYellowShade.png) left 50% repeat-x}
div#menu ul {background: url(gfx/MenuBlockYellow.png) bottom right no-repeat; max-width: 299px; max-height: 199px; border-top: 1px solid #9a8519; border-left: 1px solid #9a8519; left: -2em; padding: 3px 0 5px}
div#menu ul li {font: 14px Calibri, Tahoma, Arial, Helvetica, sans-serif; margin-right: 5px}
div#menu ul li a {color: #323036; white-space: nowrap; line-height: 1em; #line-height: 1.3em}
div#menu ul li:hover {background: url(gfx/MenuBlockHighlight.png) right 50% repeat-x}
div#menu ul li h4 {font: 14px Calibri, Tahoma, Arial, Helvetica, sans-serif; color: #323036; border: none; padding: 0.2em 5px 0.2em 15px; background: url(gfx/OpenArrow.png) center right no-repeat; font-weight: normal; margin: 0}
div#menu ul li ul {left: 95%; top: -5px}
div#menu ul li ul li {}

/* Flat menu look */

div#menu div#flat {display: block; float: none}
div#menu div#flat:hover {background: none}
div#menu div#flat h2 {display: inline-block}
div#menu div#flat a {font: 14px Calibri,Tahoma,Arial,Helvetica,sans-serif; padding: 0; margin: 0; color: #323036; border-left: 1px solid #e2c641; padding-left: 0.5em}
div#menu div#flat h2+a, div#menu div#flat h3 a {border-left: none}
div#menu div#flat a:link, div#menu div#flat a:visited {text-decoration: none}
div#menu div#flat a:hover, div#menu div#flat a:active {text-decoration: underline}
div#menu div#flat h3 {display: inline-block; margin: 0; padding: 0; padding-left: 1em}
div#menu div#flat h3 a {font-weight: bold}

/* content area */

div#main {clear: both; min-height: 20em; padding: 0 0 1.5em 0.8em; position: relative}
div#ram div#main h1 {margin: 0; padding: 0.7em 0.5em}
h1 {font-family: Georgia,Times,"Times New Roman",serif; font-style: italic; font-weight: normal; margin: 0; padding: 0}
h2 {font: 130% "Arial Black",Arial, Helvetica, sans-serif; color: #111111; text-align: left; padding: 0; margin: 0.5em 0}
p {font: 85% Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #111111; line-height: 140%; text-align: left; padding: 0; margin: 0.7em 0}

div#main h1 {margin: 0.5em 0}
div#main h2 {font: italic 24px "Segoe Print",Candara, Arial,Helvetica, sans-serif}
div#main h3 {font: 15px "Arial Black",Arial,Helvetica,sans-serif; margin: 0; padding: 0}
div#main p {font: 16px Calibri,Arial,Helvetica, sans-serif; text-shadow: 2px 3px 5px rgba(100,100,100,0.5); min-height: 1.8em}
div#main p:first-letter {float: left; font: bold italic 280% Georgia,Times,"Times New Roman",serif; line-height: 80%; padding-right: 0.1em}

ul.plst li {font: 100% Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #111111; line-height: 140%; text-align: left; padding: 0; margin: 0.7em 0}
div#main img {border: 2px solid white; margin: 0.5em}
div#main img.left {margin-left: 0; float: left}
div#main img.right {float: right}
div#main a img {border: none}
div#main ol {font: 80% Ariel, Helvetica, sans-serif; color: #222222; margin: 0.3em 3em; padding: 0}
div#main ul {font: 80% Ariel, Helvetica, sans-serif; color: #222222; padding: 2px 4px; margin: 0 10px 0 24px; list-style: disc outside none}
div#main li {padding: 1px 0; border: none; margin: 2px 0}
div#main li.weekly {list-style: square outside none; font-style: italic}
div#main span.weekly {color: #222222}
h4 {font: bold 90% Arial, Helvetica, sans-serif; color: white; margin: 1em; border: 1px solid white; border-left: none; border-right: none; padding: 3px 5px; box-shadow: 2px 3px 7px rgba(1,1,1,0.2)}
h5 {font: 90% Arial, Helvetica, sans-serif; color: #333333; padding: 3px 12px; margin: 0}
blockquote {font: 85% Verdana, Tahoma, Arial, Helvetica, sans-serif; color: #222222; line-height: 140%; text-align: left; text-indent: -2em; padding: 2px 10px; margin: 0 2em 0 4em}
h6 {font: 80% Arial, Helvetica, sans-serif; color: #333333; padding: 0; margin: 0.2em}
dl {font: 80% Tahoma,Arial,sans-serif; margin: 10px}
dt {font-weight: bold; padding: 5px 0 2px; margin: 0}
dd {padding: 0; margin: 0}
div#main a {text-decoration: none; color: #111111; border: none; padding: 0}
div#main a:link, div#main a:visited {text-decoration: none}
div#main a:hover, div#main a:active {text-decoration: underline}
div#main a.blocklink {display: block; font: 90% Arial,Helvetica,sans-serif; text-decoration: underline; border: none; margin: 10px; padding: 0 0 0 8px; background: transparent url(Wellness-Niederbayern/Mini.gif) left 50% no-repeat; margin: 0}
div#main a.arrowlink {font: 90% Arial,Helvetica,sans-serif; padding: 0 0 0 8px; margin: 0 1em 0 0; background: transparent url(Wellness-Niederbayern/Mini.gif) left 50% no-repeat}
div#main table {font: 12px Tahoma,Arial,Helvetica,sans-serif}

div.shbx {background: url(gfx/shadows/shadowcornerrightbelow10px.png) bottom right no-repeat; padding: 0; margin: 0}
div.shbx>div {background: url(gfx/shadows/shadowlongbelow10x497px.png) bottom left repeat-x; height:10px; margin: 0 10px 0 0; padding: 0}
div.shbx>div:first-child {background: url(gfx/shadows/shadowlongright10x500px.png) top right repeat-y; height: auto; margin-right: 0}
div.shbx div div {padding: 0; margin-right: 10px}

/* Form Fields */
fieldset {padding: 0.2em 0.5em; margin-bottom: 1em}
legend {font: bold 90% Verdana,Arial,Helvetica,sans-serif; text-transform: uppercase; color: #222}
label {display: block; font: 80% Verdana,Arial,Helvetica,sans-serif}
input, textarea {margin-bottom: 0.3em}
input[type="submit"] {margin: 0.5em}
input[type="text"], textarea {padding: 0.1em}
input[type="text"]:focus, textarea:focus {background-color: #ffeaf6; border-color: #e960ad}
label strong {display: none}
label.half {width: 49%; float: left}
label.half input {width: 95%}

/* Image Magification Look */
img.click {cursor: pointer}
div#imcanv {position: fixed; top: 0; left: 0; width: 100%; z-index: 100000; height: 100%}
div#imcanv>div {position: absolute; top: 0; left: 0; background: black url(gfx/Wait.gif) 50% 50% no-repeat; opacity: 0.5; width: 100%; z-index: 100001; height: 100%; filter:alpha(opacity=50)}
div#imcanv>img {display: none; border: 1px solid #323036; padding: 5px; background-color: #eee; z-index: 100002; position: absolute; top: 50px; left: 10px}
div#imcanv>h6 {position: absolute; top: 250px; left: 0; width: 100%; text-align: center; z-index: 100003; color: white; font: bold 28px Arial,Helvetica,sans-serif}

/* galleries */
div.gbx {display: inline-block; vertical-align: top; width: 28%; float: left\9; /* Note: IE 7,8 hack (not respecting display) */}

/* below content */
h6#bar {clear: both; font: italic 16px Georgia,Verdana,Arial,sans-serif; border-top: 1px solid white; border-bottom: 1px solid white; padding: 7px 0px; margin: 0px; text-align: center}
h6#bar a {float: left; padding: 5px 3px 5px 15px; margin: 0 5px; font: 12px Tahoma,Arial,Helvetica,sans-serif; color: #444}
h6#bar a:first-child {float: right}
h6#bar a[lang="de"] {padding: 2px 0 2px 27px; background: url(Wellness-Niederbayern/Deutsch.png) left 50% no-repeat}
h6#bar a[lang="en"] {padding: 2px 0 2px 27px; background: url(Wellness-Niederbayern/English.png) left 50% no-repeat}
body#intro h6#bar, body#hausinfo h6#bar {background-color: #fff68f}
body#aktuelles h6#bar {background-color: #d9889c; color: #600e1f}
body#preise h6#bar {background-color: #c75969; color: #871929}
body#preise h6#bar a {color: white}
body#freizeit h6#bar {background-color: #d2e4ac; color: #1f7a5c}
body#spring h6#bar {background-color: #8fb674; color: #4f7634}
body#summer h6#bar {background-color: #d7bd5d; color: #977d0d}
body#autumn h6#bar {background-color: #d5c09e; color: #886727}
body#winter h6#bar {background-color: #c8d3ec; color: #8893ac}
body#anfahrt h6#bar {background-color: #97bc9f; color: #496b51}
body#kontakt h6#bar {background-color: #c8566e}
body#presse h6#bar {background-color: #7d98cf; color: #3d588f}
body#donau h6#bar {background-color: #5f7dba; color: #1f3d7a}

/* contact below bar */
address {display: block; text-align: center; color: white; border: none; padding: 3px 20px; font: 90% Tahoma,Arial,Helvetica,sans-serif}
address span {padding: 4px 0 4px 21px; margin: 20px}
address strong {display:none}
address a {text-decoration: none; color: white}
address a:hover {text-decoration: underline}
address span#tel {background: transparent url(Wellness-Niederbayern/Telefon.gif) left 50% no-repeat}
address span#adr {background: transparent url(Wellness-Niederbayern/Adresse.gif) left 50% no-repeat}
address span#eml {background: transparent url(Wellness-Niederbayern/Email.gif) left 50% no-repeat}
address span#www {background: transparent url(Wellness-Niederbayern/Webseite.gif) left 50% no-repeat}

/* partner symbols below */
div#spage table {margin-left: 210px}
div#spage table td[valign="bottom"] {display: none}
div#spage table td[valign="bottom"]+td {display: none}

/* seobelow */
div#spage {margin-top: 9em; padding: 1em; opacity: 0.75}
div#spage h1 {text-align: center; font-size: 120%; color: #c08070}
div#spage h2 {font: 90% Verdana,Arial,Helvetica,sans-serif; font-variant: small-caps; color: #e09080}
div#spage h5 {font: bold 70% Tahoma,Arial,Helvetica,sans-serif; padding: 0; margin: 0; color: #d08070}
div#spage p {font: 70% Tahoma,Arial,Helvetica,sans-serif; padding: 0; margin: 0 0 0.5em 0; color: #d08070}
div#spage a {text-decoration: underline; color: #e09080}
div#spage a:hover {color: #f0a090}


