/* shape */

html,body {}
body {background-color: #3e0b07; padding: 0; width: 900px; margin: 1em auto 2em}
/* body>div {padding: 5% 0 0; margin: 0; overflow: hidden; min-height: 500px} */
body div#mf {margin: 0; overflow: auto; border: 1px solid white ; padding: 0 0 0 231px; background: #fffeef url(images/Wellness-Hotel.jpg) top left no-repeat; position: relative} /* #323036 */

/* page header */

body>div div#hedr {position: relative; background: url(/gfx/core/LinkSpace.jpg) top right repeat-x; height: 219px; border-bottom: 1px solid #9c9966}
body>div div#hedr div:first-child {background: url(/gfx/core/TransparantBorder.png) no-repeat left top; position: absolute; top:0px; left: 292px; width: 53px; z-index: 3; height: 220px}
body>div div#hedr div#logo {background: url(/gfx/core/MainLogo.png) no-repeat 345px top; position: absolute; top: 0px; left: 0px; width:900px; height: 220px; z-index: 5}

/* general look */

body#bk h1 {text-align: center; color: #86010b; font: 24px Georgia,Times,"Times New Roman",serif; margin: 0; padding: 0; font-variant: small-caps}
body#bk div#mf h1 {padding: 1em 0; font-weight: bold; font-style: italic; font-variant: normal}
div#mf h2 {color: #323036; font: 22px "Arial Black",Arial,Helvetica,sans-serif; padding: 3px 0 0; margin: 0; height: 35px; overflow: hidden}
div#mf>div {clear: left; padding: 5px 7px 15px; margin: 0}
div#mf h3 {color: #323036; font: 18px "Arial Black",Arial,Helvetica,sans-serif; padding: 0; margin: 0.2em 0 0.5em}
div#mf h4 {color: #323036; font: 16px "Arial Black",Arial,Helvetica,sans-serif; padding: 0; margin: 0.2em 0 0.5em}
div#mf p {color: #323036; font: 13px Verdana,Arial,Helvetica,sans-serif; padding: 0; margin: 0.2em 0}
a[href] {display: block; font: 13px Arial,Helvetica,sans-serif; text-decoration: underline; border: none; margin: 7px 0; padding: 0 0 0 8px; background: transparent url(gfx/Mini.gif) left 50% no-repeat; color: #323036}
div#mf ul {list-style: none; color: #323036; font: 13px Verdana,Arial,Helvetica,sans-serif; padding: 0; margin: 0.5em 0}
div#mf ul li {padding: 0; margin: 0.2em 0}

/* Room Choise List */

fieldset#rls {}
div#wrc {position: relative}
div#rch {margin: 0 0 0 180px; padding: 0}
div#rch label {padding: 1px 0 1px 0.7em; margin: 0}
div#rch label:hover {background-color: #fae3c3}
div#rch label span {position: absolute; left: 0px; top: -3px; width: 180px; display: none; text-align: center; height: 100%; background-color: #fae3c3; padding: 3px; overflow: hidden}
div#rch label:hover span {display: block}
* html div#rch label span {left: -190px}

/* Teaser after booking */

div#tsr {margin: 1em 0}
div#tsr div {float: left; width: 30%; margin-left: 0.8em}

/* forms */

input[type="radio"], input[type="checkbox"] {vertical-align: middle}
body#bk div#mf fieldset {margin: 7px 0; padding: 0 10px 7px; border: 2px solid #fae3c3; background-color: #fbefdf}
div#mf legend {color: #323036; font: bold 13px Verdana,Arial,Helvetica,sans-serif; padding: 0; margin: 0.2em 0}
div#mf label {color: #323036; font: 13px Tahoma,Arial,Helvetica,sans-serif; display: block; margin: 0.2em 0}
div#mf label em {font-size: 11px}
div#mf form h5, div#mf form p {color: #323036; font: 13px Tahoma,Arial,Helvetica,sans-serif; display: block; margin: 0.2em 0}
div#mf form h5 {font-weight: bold}
div#mf form strong {display: none; color: #f25549; font: bold 13px Tahoma,Arial,Helvetica,sans-serif}
body#gs div#mf label span:first-child {display: inline-block; width: 5em; text-align: right}
body#gs div#mf label span:first-child+input {width: 70%}
div#mf label.half {float: left; width: 48%}
div#mf label.half+label.half {margin-left: 1em}
div#mf label.half input[type="text"] {width: 98%}
div#mf label.full textarea {width: 98%; height: 3em}
div#mf input[type="text"], div#mf textarea {border: 1px solid #cf9944; padding: 2px; font: 13px Georgia,Arial,Helvetica,sans-serif}
body#bk div#mf select {border: 1px solid #cf9944; padding: 1px; font: 13px Georgia,Arial,Helvetica,sans-serif; outline: none}
div#mf input[type="text"]:focus, body#bk div#mf select:focus {border-color: #d8666b}
body#bk input[type="submit"] {vertical-align: baseline; background: url(gfx/GreenButtonMiddle.png) left 40% no-repeat; border: none; font: 13px "Lucida Sans Unicode","Lucida Grande",Arial,Helvetica,sans-serif; width: 213px; line-height: 150%; min-height: 21px}
body#bk input[type="submit"]:hover {background-image: url(gfx/YellowButtonMiddle.png)}
body#bk input[value="Weiter"] {background-image: url(gfx/GreenButtonShort.png); width: 143px}
body#bk input[value="Weiter"]:hover {background-image: url(gfx/YellowButtonShort.png)}
body#bk input[size="2"], body#bk input[size="3"] {text-align: right}

/* table */

div#mf table {color: #323036; font: 13px Verdana,Arial,Helvetica,sans-serif; border-collapse: collapse}
div#mf table th, div#mf table td {padding: 2px 4px}
div#mf thead th {text-align: center}
div#mf thead th:first-child {text-align: left}
div#mf tbody th {text-align: left; font-weight: normal}
div#mf tbody td, div#mf tfoot td {text-align: right; width: 6em}
div#mf tbody th+td {text-align: center; width: 4em}
div#mf tbody {background-color: #fef6f7}
div#mf tbody:nth-child(even) {background-color: #fefbfb}
div#mf tfoot * {text-align: right}
div#mf tfoot th {font-weight: normal}
div#mf tfoot td {font-weight: bold}
body#bk div#mf thead {background-color: #fbefdf; border-bottom: 2px solid #fae3c3}
body#bk div#mf tfoot {border-top: 2px solid #fae3c3}

/* Calendar */

span#calsym {position: relative}
span#calsym>img {vertical-align: bottom}
span#calsym div#cal {display: none; position: absolute; top: 1px; left: 1px; z-index: 100}
div#cal table {width: auto; border: 1px solid #cf9944}
div#cal table td.saturday {background-color: #efdabb}
div#cal table td.sunday {background-color: #eacfa5}
div#cal table td:hover {background-color: #ed9397}
div#cal table td.emptyday:hover {background-color: #fef6f7}

/* Presented Offer */

div#dcr {}
div#dcr img {float: right; border: 2px solid #323036}
div#dcr em img {float: none; border: none; margin: 0 0.5em; padding: 0; vertical-align: middle}
div#dcr h4 {margin: 5px 0 0; padding: 0; font: 12px Arial,Helvetica,sans-serif}
div#dcr h3 {margin: 0 0 7px; padding: 0}
form div#dcr p {font: 14px Georgia,Times,"Times New Roman",serif; margin: 7px 0; padding: 0}
form div#dcr p:first-line {font-weight: bold}
form div#dcr h5 {font: 14px Georgia,Times,"Times New Roman",serif; margin: 7px 0 0; padding: 0}
form div#dcr h5.pr {min-height: 20px}

/* IE 6 */

* html a {display: block; font: 13px Arial,Helvetica,sans-serif; text-decoration: underline; border: none; margin: 7px 0; padding: 0 0 0 8px; background: transparent url(gfx/Mini.gif) left 50% no-repeat; color: #323036}
* html div#cal table {width: 200px}
* html div#cal table td {cursor: hand}