html, body { background: #E2E8DB url(images/bg_body.gif) repeat-y center top; margin: 0px; padding: 0px; font-family: verdana,geneva,sans-serif; font-size: 11px; color: #000000; text-align: center; height: 100%; min-height: 100%; }
img { border-style: none; margin: 0px; padding: 0px; }

form { margin: 0px; padding: 0px; }

h1 { color: #EEB300; }
h2 { color: #EEB300; font-size: 12px; }

a { color: #EEB300; text-decoration: underline; font-weight: bold; }
a:hover { color: #5FC365; text-decoration: underline; }

#wrap { position: relative; margin: 0px auto; padding: 0px; width: 950px; text-align: left; padding-bottom: 60px; min-height: 94%; }
#header { margin-left: -1px; padding: 0px; width: 950px; height: 250px; background: #E1F5FC; }
/* IE7 */
*+html #header { margin: 1px;  } 

.leftcol { margin: 0 0 0 1px; padding: 0; width: 185px; float: left; }
.middlecol { margin: 25px 0 0 20px; width: 530px; float: left; }
.rightcol { position: absolute; top: 309px; left: 760px; width: 181px; }
/* IE6 */
* html .rightcol { position: relative; float: left; left: 15px; top: 20px; } 

.leftcol .leftnav ul { margin: 0 0 0 6px; padding: 0; }
.leftcol .leftnav { margin: 0 0 24px 0; padding: 36px 0 0 0; width: 185px; background: url(images/bg_leftnav.gif) repeat-y; font-size: 11px; line-height: 24px; }
.leftcol .leftnav li { margin: 0 0 0 6px; padding: 0px; border-bottom: 1px solid #A4AABB; list-style: none; }
.leftcol .leftnav a { padding: 0 0 0 4px; color: #000000; text-decoration: none; font-weight: normal; display: block; }
.leftcol .leftnav a:hover { color: #FFFFFF; background: #5FC365; }
.leftcol .leftnav span { color: #FFFFFF; background: #5FC365; display: block; }

#searchcol { position: absolute; top: 254px; left: 760px; width: 185px; }
/* IE6 */
* html .#searchcol { position: relative; float: left; left: 15px; top: 6px; } 
#searchcol input { border: solid 1px #666666; width: 157px; font-size: xx-small; height: 14px; padding-top: 3px; }
#searchcol .button { width: 20px; margin-left: 4px; height: 20px; font-weight: bold; padding-top: 0; }

.footercolleft { float: left; margin: 0 0 0 205px; width: 260px; }
.footercolright { float: left; margin: 0 0 0 10px; width: 260px; }
/* IE6 */
* html .footercolleft { margin-left: 103px; } 

#footer { position: absolute; bottom: -1px; left: -1px; padding: 0; width: 950px; background: #EEB300; height: 44px; clear: both; }
/* IE7 */
*+html #footer { margin: 1px;  } 
#footer[id] { left: 0; }
.footerleft { margin: 4px 0 0 6px; font-size: 10px; line-height: 14px; float: left; }
.footerleft a { color: #000000; text-decoration: none; font-weight: normal; }
.footerleft a:hover { text-decoration: underline; }
.footerright { margin: 4px 6px 0 0; font-size: 10px; line-height: 14px; float: right; }
.footerright a { color: #000000; text-decoration: none; font-weight: normal; }
.footerright a:hover { text-decoration: underline; }
 
 
/* unternavi */
div.navigation ul, div.navigation li { margin: 0; padding: 0; }
div.navigation li { display: block; }

/* ============================================================================= */ 
/* ================================= Inhalt ==================================== */ 

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
 /* End hide from IE-mac */
 
 /* box margin (links) */
 .leftcol .box { margin-left: 39px; }
 
/* Inhalts-divs */
div.row { clear: both; }
div.row90 { width: 90%; clear: both; }
div.row.transparent { background-color: Transparent !important; }
div.col { float: left; }
div.right { float: right !important; }
div.col4 { width: 4%; float: left; }
div.col5 { width: 5%; float: left; }
div.col10 { width: 10%; float: left; }
div.col11 { width: 11%; float: left; }
div.col12 { width: 12%; float: left; }
div.col15 { width: 15%; float: left; }
div.col16 { width: 16%; float: left; }
div.col20 { width: 20%; float: left; }
div.col25 { width: 25%; float: left; }
div.col30 { width: 30%; float: left; }
div.col33 { width: 33%; float: left; }
div.col34 { width: 34%; float: left; }
div.col35 { width: 35%; float: left; }
div.col40 { width: 40%; float: left; }
div.col45 { width: 45%; float: left; }
div.col50 { width: 50%; float: left; }
div.col55 { width: 55%; float: left; }
div.col60 { width: 60%; float: left; }
div.col65 { width: 65%; float: left; }
div.col70 { width: 70%; float: left; }
div.col75 { width: 75%; float: left; }
div.col80 { width: 80%; float: left; }
div.col90 { width: 90%; float: left; }
div.col100 { width: 100%; float: left; }
.bold, .bold span { font-weight: bold !important; }
.deviderMargin { margin-bottom: 5px; }
div.wrap { word-break: break-all; word-wrap: break-word; }

/* ============================================================================= */ 
/* ================================= Listen ==================================== */
.item, .alternatingitem { margin-bottom: 5px; padding: 6px; }
.item { border-left: solid 5px #EEB300; border-top: solid 1px #EEB300; }
.alternatingitem { border-left: solid 5px #EEB300; border-top: solid 1px #EEB300; }

.Pager a { color: #EEB300 !important; height: 10px; background-color: #ffffff; border: 1px solid #EEB300; padding: 1px 5px 1px 5px; margin: 1px; }
.Pager a:hover,
.Pager * .active { color: black !important; height: 10px; background-color: #EEB300; border: 1px solid #EEB300; padding: 1px 5px 1px 5px; margin: 1px; }


/* ============================================================================= */ 
/* ================================= Header ==================================== */
.WunschHeader { width: 530px; margin: 0 0 5px 0; }
.WunschHeaderImage, .WunschHeaderImage img { width: 530px; height: 200px; overflow: hidden; }
.WunschHeader h1 { color: #EEB300; font-size: 18px; font-weight: bold; padding: 0; margin: 0 0 12px 0; }
.WunschHeader[class] h1 { color: #EEB300; font-size: 18px; font-weight: bold; padding: 0; margin: 0 0 2px 0; }

/* ============================================================================= */ 
/* ================================= Captcha =================================== */
.captcha { margin-top: 10px; }
.captcha img { float: left; margin-right: 5px; height: 50px; }

/* ============================================================================= */ 
/* ============================ SchnellBuchBoxen =============================== */
.schnellBuchZimmer, 
.schnellBuchAngebote { width: 180px; border: solid 1px black; border-top-width: 0; padding: 4px; margin-bottom: 10px; background-color: #ecfaee; }
/* IE6 */
* html .schnellBuchZimmer, * html .schnellBuchAngebote { width: 172px; } 

.schnellBuchZimmer[class], 
.schnellBuchAngebote[class] { width: 172px; }
.schnellBuchZimmer, 
.schnellBuchAngebote { width: 180px; border: solid 1px black; }
.schnellBuchZimmerHeader,
.schnellBuchAngeboteHeader { width: 180px; height: 25px; border: solid 1px black; border-bottom-width: 0; }
.schnellBuchZimmerHeader { background-image: url(images/header_book_muerz.gif); }
.schnellBuchAngeboteHeader { background-image: url(images/header_package_muerz.gif); }

/* ============================================================================= */ 
/* ================================= TeaserBox ================================= */
div.TeaserBox { height: 112px; border: solid 1px #EEB300; font-weight: normal; font-style: normal; margin-top: 10px; overflow: hidden; }
div.TeaserBoxTitle { height: 27px; padding: 5px; border-bottom: solid 1px #e2c1c2; }
div.TeaserBoxContent { height: 37px; padding: 8px; }
div.TeaserBoxFooter { height: 13px; padding: 3px 5px 5px 5px; background-color: #f2d271; color: #ffffff; font-weight: bold; }

/* ============================================================================= */ 
/* ================================= Bildergalerie ============================= */
.ImageRotator {}
.ImageRotator .left { float: left; margin-right: 7px; padding-top: 40px; cursor: pointer; }
.ImageRotator .middle { float: left; width: 89%; }
.ImageRotator .right { float: left; margin-left: 7px; padding-top: 40px; cursor: pointer; }