@import 'cms.css';
@import 'menu.css';
@import 'calendar.css';

/* Allgemeine Einstellungen - HTML Elemente */
html, body                      { color: #7c7f82; font-size: 11px; font-family: Tahoma, Helvetica; line-height: 1.5em; margin: 0; padding: 0; height: 100% }
input, textarea, select, option                    { color: #7c7f82; font-size: 11px; font-family: Tahoma, Helvetica; line-height: 1em; text-decoration: none; margin: 0; padding: 0; border-color:  }
table, td, p   { color: #7c7f82; font-size: 11px; font-family: Tahoma, Helvetica; line-height: 1.5em; margin: 0; padding: 0 }
body       { min-width:990px; color: #7c7f82; font-family: Tahoma, Helvetica; margin: 0; padding: 0; width: 100%; height: 100% }
a           { color: #7c7f82; font-size: 11px; font-family: Tahoma, Helvetica; font-weight: bold; text-decoration: none }
a:hover           { color: #7c7f82; font-family: Tahoma, Helvetica; font-weight: bold; text-decoration: underline }

/* Allgemeine & Kundenspezifische Klassen*/
.clear {clear: both; margin: 0;padding:0;}
.bg-booking  { background-color: #fbf4ec; background-image: url(../de/images/schatten-bookingleft.gif); background-repeat: repeat-y; background-position: left top }
.book        { color: #454e58; font-weight: bold; background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: 25px 5px; text-transform: uppercase; display: block; padding-left: 45px }

.pdfkat						{ margin-top: 10px; background-image: url(../images/pdf_bg.gif); background-repeat: repeat-x; background-position: left top }
.pdfkat .pdftext			{ padding-top: 48px }
.pdfkat .pdfimage		{ padding: 17px 0 0 10px; background-image: url(../images/pdf_vorschau.png); background-repeat: no-repeat; background-position: left top }
.pdfkat .pdfbutton		{ padding-top: 71px }


/* Header */
#headerwrapper    { background-image: url("../de/images/schatten_header.gif"); background-repeat: no-repeat; background-position: center top;height: 320px; overflow: hidden; text-align: center }
#header  { position: relative; width: 978px; height: 320px;}
#header #slideshowheader{width:978px; height: 320px; overflow: hidden; position: absolute; left:0px; top:0px;}
#header #slideshowheader .container{position: absolute; left: 0px; top: 0px;}
#header #slideshowheader .element{position: absolute; left: 0px; top: 0px; image-rendering:optimizeSpeed;}
#header #headeroverlay  { background-image: url("../de/images/bg_headeroverlay.png"); margin: 0; padding: 0; position: absolute; z-index: 10; top: 0; left: 0; width: 250px; height: 320px ;text-align: left}

/* Content */
#mainshadowwrapper             { background-image: url(../images/schatten-body-neu.gif); background-repeat: repeat-y; background-position: center top; position: relative; height: auto; clear: both; overflow: hidden }
#mainshadowwrapper #shadowendleft       { background-image: url("../de/images/schatten_content_left.gif"); background-repeat: no-repeat; background-position: right bottom; position: absolute; bottom: 0; left: -150px; width: 150px; height: 529px; float: left }
#mainshadowwrapper #shadowendright   { background-image: url("../de/images/schatten_content_right.gif"); background-repeat: no-repeat; background-position: left bottom; position: absolute; right: 0; bottom: 0; width: 150px; height: 529px; float: right }

#mainwrapper         { position: relative; width: 978px; height: auto }
#mainwrapper #menuwrapper     { background-color: #fff; background-image: url("../de/images/bg_menu.gif"); background-repeat: no-repeat; background-position: left top; padding-left: 20px; width: 204px; height: 100%; float: left; text-align: left }
#mainwrapper #menuwrapper #searchwrapper      { background-color: #ffffff; background-image: url("../de/images/searchline.gif"); background-repeat: no-repeat; background-position: left bottom; margin-top: 21px; padding: 0; width: 180px; height: 22px }
#mainwrapper #menuwrapper #searchwrapper input	      { color: #999999; font-size: 11px; background-color: #fff; background-image: none; display: block; margin-top: 2px; padding: 0 0 0 25px; width: 135px; height: 16px; float: left; vertical-align: middle; border: 0; -webkit-appearance: none  }
#mainwrapper #menuwrapper #searchwrapper .btn		  { margin: 2px 0 0; padding: 0; width: auto; height: auto;float: right }

#mainwrapper #content    { background-image: url("../de/images/bg_content_bg.gif"); background-repeat: repeat-y; background-position: left top; text-align: left; margin-right: 1px; margin-bottom: 100px; width: 552px; height: 100%; float: left }
#mainwrapper #content #page       { background-image: url("../de/images/bg-content.gif"); background-repeat: no-repeat; background-position: left bottom; text-align: left; padding-left: 26px; width: 526px; vertical-align: top }
#mainwrapper #contentrating    { background-image: url("../de/images/bg_content_bg.gif"); background-repeat: repeat-y; background-position: left top; text-align: left;background-color: #FBF4ED; width: 754px; height: 100%; float: left }
#mainwrapper #contentfooter       { position: absolute; bottom: 120px; left: 250px; width: 526px; height: 100px }
#mainwrapper #contentfooter #metamenuwrapper      { margin-top: 5px; margin-bottom: 3px; padding-left: 4px; width: 522px; height: 26px }
#mainwrapper #kontextwrapper  { background-color: #fff; width: 201px; height: 100%; float: left }
#mainwrapper #kontextwrapper #quickbucher   { width: 201px; height: 164px }
#mainwrapper #kontextwrapper .seperator { text-align: center; height: 3px }
#mainwrapper #kontextwrapper #teaserwrapper    { text-align: left; margin-left: 5px; width: 192px; height: 220px }
#mainwrapper #kontextwrapper #kontext { padding: 15px 0 }

/* Footer */
#footerwrapper  { background-image: url("../de/images/schatten_footer.gif"); background-repeat: no-repeat; background-position: center top; height: 160px }
#footer        { width: 978px; height: 160px; clear: both; overflow: hidden }
#footer #address   { line-height: 1.4em; padding-left: 30px; width: 194px; height: 120px; float: left }
#footer #text  { margin-top: 30px; margin-right: 1px; width: 552px; height: 30px; float: left }
#footer #flags  { text-align: center; width: 201px; height: 30px; float: left }