/* Grundeinstellungen ____________________________________________________ */ body { text-align: center; } address { font-style: normal; } hr { display: none; } h1, h1 a { font-size: 24px; line-height: 24px; font-weight: normal; margin: 0px 0px 24px 0px; padding: 0px 0px 0px 0px; text-align: left; } h2, h2 a { font-size: 14px; line-height: 20px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; text-align: left; } h3, h3 a { font-size: 14px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } h4, h4 a { font-size: 12px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } h5, h5 a { font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } h6, h6 a { font-size: 11px; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 0px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; text-decoration: none; } ul { list-style-type: none; margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; } ul li { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 21px; _height: 1px; } ul li ul { float: none; } ol { margin: 0px 0px 16px 0px; padding: 0px 0px 0px 32px; } ol li { margin: 0px 0px 8px 0px; padding: 0px 0px 0px 0px; } div.outter { width: 100%; } div.rahmen { position: relative; width: 980px; margin: 0 auto; text-align: left; } /* Oben __________________________________________________________________ */ div.oben { position: absolute; left: 0px; top: 0px; width: 980px; height: 435px; } div.oben a.logo { position: absolute; left: 0px; top: 0px; z-index: 3; } div.oben div.sprache { position: absolute; right: 0px; top: 3px; } div.oben div.sprache a { font-size: 10px; line-height: 11px; } div.oben div.flash { position: absolute; left: 0px; top: 94px; z-index: 1; width: 980px; height: 341px; } div.oben div.menu { position: absolute; left: 0px; top: 30px; z-index: 2; width: 980px; height: 64px; overflow: hidden; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.oben div.menu ul.menu { width: 980px; height: 64px; list-style-type: none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.oben div.menu ul.menu li { float: left; position: relative; text-indent: -50000px; height: 64px; background: transparent; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.oben div.menu ul.menu li a { display: block; height: 64px; padding: 0px 0px 0px 0px; } div.oben ul.menu ul { display: none; } #MenuHotelBacher { width: 92px; margin: 0px 0px 0px 230px; } #MenuHotelBacher a { background-position: 230px 0px; } #MenuHotelBacher a:hover, #MenuHotelBacher.aktiv a { background-position: 230px -64px; } #MenuPreiseAngebote { width: 139px; } #MenuPreiseAngebote a { background-position: 322px 0px; } #MenuPreiseAngebote a:hover, #MenuPreiseAngebote.aktiv a { background-position: 322px -64px; } #MenuFamilienUrlaub { width: 129px; } #MenuFamilienUrlaub a { background-position: 461px 0px; } #MenuFamilienUrlaub a:hover, #MenuFamilienUrlaub.aktiv a { background-position: 461px -64px; } #MenuSommerAktiv { width: 133px; } #MenuSommerAktiv a { background-position: 590px 0px; } #MenuSommerAktiv a:hover, #MenuSommerAktiv.aktiv a { background-position: 590px -64px; } #MenuWinterAktiv { width: 126px; } #MenuWinterAktiv a { background-position: 723px 0px; } #MenuWinterAktiv a:hover, #MenuWinterAktiv.aktiv a { background-position: 723px -64px; } #MenuTraumurlaubimAhrntal { width: 130px; } #MenuTraumurlaubimAhrntal a { background-position: 849px 0px; } #MenuTraumurlaubimAhrntal a:hover, #MenuTraumurlaubimAhrntal.aktiv a { background-position: 849px -64px; } /* Mitte _________________________________________________________________ */ div.mitte { margin: 435px 0px 10px 0px; min-height: 500px; } /* Links _________________________________________________________________ */ div.links { float: left; display: inline; width: 234px; margin: 0px 10px 0px 10px; } div.links div.submenu { float: left; display: inline; width: 232px; background-color: #ffd98f; margin: 10px 0px 0px 0px; border-left: solid 1px #e8b148; border-right: solid 1px #e8b148; border-top: solid 1px #e8b148; } div.links div.submenu a span.head { float: left; display: inline; cursor: pointer; font-size: 16px; color: #705300; margin: 29px 0px 0px 35px; } div.links div.submenu ul.submenu { float: left; display: inline; list-style-type: none; width: 186px; margin: 14px 0px 14px 24px; padding: 0px 0px 0px 0px; } div.links div.submenu ul.submenu li { float: left; display: inline; background: transparent; width: 186px; height: 29px; border-bottom: solid 1px #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.links div.submenu ul.submenu li.erstes { border-top: solid 1px #FFFFFF; } div.links div.submenu ul.submenu li a { float: left; display: inline; background: url(/images/design/aufzahlung-menu.gif) no-repeat left 8px; line-height: 25px; width: 150px; color: #705300; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 18px; } div.links img.boxoben { float: left; display: inline; width: 234px; margin: 81px 0px 0px 0px; } div.links div.box1 { float: left; display: inline; position: relative; width: 234px; height: 87px; margin: 0px 0px 10px 0px; } div.links div.box1 a img { position: absolute; left: 15px; top: 11px; } div.links div.box1 a.button { position: absolute; right: 18px; bottom: 15px; cursor: pointer; } div.links div.box1 a span.ueber { position: absolute; left: 106px; top: 20px; cursor: pointer; font-size: 16px; color: #ffd98f; } div.links div.box2 { float: left; display: inline; position: relative; width: 234px; height: 87px; margin: 0px 0px 10px 0px; } div.links div.box2 a img { position: absolute; left: 15px; top: 16px; } div.links div.box2 a.button { position: absolute; right: 18px; bottom: 10px; cursor: pointer; } div.links div.box2 a span.ueber { position: absolute; left: 106px; top: 25px; cursor: pointer; font-size: 16px; color: #ffd98f; } div.links div.box3 { float: left; display: inline; position: relative; width: 234px; height: 87px; margin: 0px 0px 0px 0px; } div.links div.box3 a img { position: absolute; left: 15px; top: 16px; } div.links div.box3 a.button { position: absolute; right: 18px; bottom: 10px; cursor: pointer; } div.links div.box3 a span.ueber { position: absolute; left: 106px; top: 25px; cursor: pointer; font-size: 16px; color: #ffd98f; } /* Inhalt ________________________________________________________________ */ div.inhalt { float: right; display: inline; position: relative; background-color: #FFFFFF; width: 726px; z-index: 5; } div.inhalt img.inhaltoben { clear: both; position: absolute; left: 0px; top: -36px; } div.inhalt div.inhaltoben { clear: both; position: absolute; left: 0px; top: -29px; width: 726px; height: 99px; z-index: 3; } div.inhalt div.inhaltoben img.liniezwischen { clear: both; position: absolute; left: 348px; top: 29px; } div.inhalt div.inhaltoben div.angeboteonpage { float: right; display: inline; margin: 14px 10px 0px 0px; } div.inhalt div.inhaltoben div.zimmersuche { float: left; display: inline; position: relative; width: 330px; height: 78px; margin: 0px 0px 0px 11px; } div.inhalt div.inhaltoben div.zimmersuche form { width: 330px; } div.inhalt div.inhaltoben div.zimmersuche form span.label { font-weight: bold; font-size: 14px; line-height: 16px; color: #ffd98f; margin: 0px 0px 10px 0px; } div.inhalt div.inhaltoben div.zimmersuche form span.hinter { float: left; display: inline; color: #FFFFFF; line-height: 16px; margin: 0px 10px 0px 0px; } div.inhalt div.inhaltoben div.zimmersuche form select.select { background-color: #ededed; font-size: 12px; line-height: 16px; height: 16px; color: #705300; border: solid 1px #ffd98f; margin: 0px 9px 10px 0px; } div.inhalt div.inhaltoben div.zimmersuche form input.input { background-color: #ededed; width: 19px; text-align: center; font-size: 12px; line-height: 16px; height: 16px; color: #705300; border: solid 1px #ffd98f; margin: 0px 10px 0px 0px; } div.inhalt div.inhaltoben div.zimmersuche a.buchen { position: absolute; left: -3px; bottom: 0px; } div.inhalt div.inhaltoben div.zimmersuche a.buchen span.mitte { text-align: center; width: 65px; padding: 0px 0px 0px 0px; } div.inhalt div.inhaltoben div.zimmersuche a.anfragen { position: absolute; left: 101px; bottom: 0px; } div.inhalt div.content { float: left; display: inline; width: 666px; min-height: 545px; overflow: hidden; margin: 70px 30px 0px 30px; padding: 0px 0px 60px 0px; } div.inhalt div.content div.breadcrumb { float: left; display: inline; width: 666px; height: 16px; margin: 15px 0px 25px 0px; } div.inhalt div.content div.breadcrumb ul { float: left; display: inline; list-style-type: none; width: 666px; height: 16px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.inhalt div.content div.breadcrumb ul li { float: left; display: inline; font-size: 10px; color: #6f7571; background: url(/images/design/pfeil-breadcrumb.gif) no-repeat left 8px; margin: 0px 6px 0px 0px; padding: 0px 0px 0px 11px; } div.inhalt div.content div.breadcrumb ul li a { font-size: 10px; color: #6f7571; } div.inhalt div.content div.breadcrumb ul li.breadfirst { background: transparent; margin: 0px 6px 0px 0px; padding: 0px 0px 0px 0px; } /* Unten _________________________________________________________________ */ div.unten { position: relative; clear: both; padding: 0px 0px 86px 0px; } div.unten img.logos { position: absolute; left: 105px; top: 13px; width: 149px; height: 265px; } div.unten div.boxunten { float: right; display: inline; width: 726px; height: 277px; background: url(/images/design/bg-box-unten.png) no-repeat 0px 0px; margin: 0px 0px 45px 0px; } div.unten div.boxunten div.aktuellinformativ { float: left; display: inline; width: 210px; _width: 234px; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 24px; } div.unten div.boxunten div.aktuellinformativ span.ueber { float: left; display: inline; color: #705300; font-weight: bold; font-size: 14px; line-height: 30px; margin: 15px 0px 11px 5px; } div.unten div.boxunten div.aktuellinformativ ul { float: left; display: inline; list-style-type: none; width: 186px; margin: 0px 0px 14px 0px; padding: 0px 0px 0px 0px; } div.unten div.boxunten div.aktuellinformativ ul li { float: left; display: inline; background: transparent; width: 186px; height: 29px; border-bottom: solid 1px #FFFFFF; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; } div.unten div.boxunten div.aktuellinformativ ul li a { float: left; display: inline; background: url(/images/design/aufzahlung-menu.gif) no-repeat left 8px; line-height: 25px; width: 150px; color: #705300; margin: 0px 0px 0px 10px; padding: 0px 0px 0px 18px; } div.unten div.boxunten div.newsletter { float: left; display: inline; width: 215px; margin: 0px 0px 0px 26px; } div.unten div.boxunten div.newsletter span.ueber { float: left; display: inline; color: #705300; font-weight: bold; font-size: 14px; line-height: 30px; margin: 15px 0px 11px 0px; } div.unten div.boxunten div.newsletter p { clear: both; float: left; display: inline; width: 210px; color: #705300; margin: 3px 0px 0px 5px; } div.unten div.boxunten div.newsletter form { float: left; display: inline; width: 210px; margin: 12px 0px 0px 5px; } div.unten div.boxunten div.newsletter form div.colum1 { display: none; } div.unten div.boxunten div.newsletter form input { border: solid 1px #bcb3a7; background: url(/images/design/bg-input.gif) repeat-x 0px 0px; color: #705300; height: 18px; line-height: 18px; padding: 4px 0px 0px 2px; } div.unten div.boxunten div.newsletter form input.standard { float: left; display: inline; width: 194px; margin: 0px 0px 17px 0px; } div.unten div.boxunten div.newsletter form input.vorname { float: left; display: inline; width: 85px; margin: 0px 20px 0px 0px; } div.unten div.boxunten div.newsletter form input.nachname { float: left; display: inline; width: 85px; margin: 0px 0px 0px 0px; } div.unten div.boxunten div.newsletter form a.onpage { float: right; display: inline; cursor: pointer; color: #FFFFFF; line-height: 24px; margin: 10px 12px 0px 0px; } div.unten div.boxunten div.newsletter form a.onpage span.links { float: left; display: inline; width: 13px; height: 24px; } div.unten div.boxunten div.newsletter form a.onpage span.mitte { float: left; display: inline; height: 24x; padding: 0px 0px 0px 0px; } div.unten div.boxunten div.newsletter form a.onpage span.rechts { float: left; display: inline; width: 10px; height: 24px; } div.unten div.boxunten div.kontakt { float: left; display: inline; width: 175px; margin: 0px 0px 0px 34px; } div.unten div.boxunten div.kontakt span.ueber { float: left; display: inline; color: #705300; font-weight: bold; font-size: 14px; line-height: 30px; margin: 15px 0px 11px 0px; } div.unten div.boxunten div.kontakt address { float: left; display: inline; color: #705300; margin: 3px 0px 0px 5px; } div.unten div.boxunten div.kontakt address a { color: #705300; } div.unten div.linksunten { float: left; display: inline; color: #FFFFFF; line-height: 17px; } div.unten div.linksunten span { float: left; display: inline; color: #FFFFFF; line-height: 17px; margin: 0px 0px 0px 0px; } div.unten div.linksunten a { float: left; display: inline; color: #FFFFFF; line-height: 17px; margin: 0px 0px 0px 10px; } div.unten div.linksunten a.sitemap { float: left; display: inline; margin: 0px 20px 0px 10px; } div.unten a.zeppelin { float: right; display: inline; color: #FFFFFF; line-height: 17px; } div.unten a.zeppelin img { vertical-align: text-bottom; } /* Startseite ____________________________________________________________ */ body.startseite { background: url(/images/design/bg-verlauf-start.png) repeat-x 0px 0px #5e9446; } div.start { width: 100%; } div.obenstart { position: absolute; left: 0px; top: 0px; width: 992px; height: 515px; z-index: 1; } div.obenstart div.flash { position: absolute; left: 0px; top: 0px; width: 992px; height: 515px; z-index: 2; } div.obenstart div.spachestart { position: absolute; right: 15px; top: 7px; _width: 50px; height: 16px; background-color: #0a5020; padding: 0px 4px 0px 4px; z-index: 3; } div.obenstart div.spachestart a { float: left; display: inline; color: #FFFFFF; font-size: 10px; line-height: 16px; margin: 0px 0px 0px 0px; } div.obenstart a.logo { position: absolute; left: 5px; top: 0px; z-index: 3; } div.mittestart { position: relative; width: 992px; margin: 353px 0px 10px 0px; z-index: 4; } div.inhaltstart { float: right; display: inline; width: 651px; position: relative; margin: 0px 10px 0px 0px; } div.inhaltstart div.inhaltoben { float: left; display: inline; width: 651px; height: 252px; background-color: #FFFFFF; margin: 0px 0px 10px 0px; } div.inhaltstart div.inhaltoben div.content { float: left; display: inline; width: 231px; position: relative; font-size: 12px; line-height: 19px; color: #6f7571; margin: 11px 0px 0px 19px; } div.inhaltstart div.inhaltoben div.content h1 { font-size: 14px; line-height: 20px; font-weight: bold; color: #0a5020; margin: 0px 0px 9px 0px; } div.inhaltstart div.inhaltoben div.content a.button { position: absolute; right: 0px; bottom: -20px; cursor: pointer; } div.inhaltstart div.inhaltoben div.menubox { float: right; display: inline; width: 365px; height: 186px; margin: 22px 19px 0px 0px; } div.inhaltstart div.inhaltoben div.menubox div.box1 { float: left; display: inline; position: relative; width: 178px; height: 88px; border: solid 1px #fbe4b3; background-color: #fff4e3; margin: 0px 5px 5px 0px; } div.inhaltstart div.inhaltoben div.menubox div.box1 a span { position: absolute; left: 20px; top: 24px; cursor: pointer; text-align: right; width: 62px; font-size: 12px; line-height: 16px; font-weight: bold; } div.inhaltstart div.inhaltoben div.menubox div.box1 a.link { position: absolute; left: 69px; bottom: 13px; width: 13px; height: 11px; } div.inhaltstart div.inhaltoben div.menubox div.box1 a.boxbild { position: absolute; right: 5px; top: 14px; width: 83px; height: 61px; } div.inhaltstart div.inhaltoben div.menubox div.box2 { float: right; display: inline; position: relative; width: 178px; height: 88px; border: solid 1px #fbe4b3; background-color: #fff4e3; margin: 0px 0px 5px 0px; } div.inhaltstart div.inhaltoben div.menubox div.box2 a span { position: absolute; right: 20px; top: 24px; cursor: pointer; width: 62px; font-size: 12px; line-height: 16px; font-weight: bold; } div.inhaltstart div.inhaltoben div.menubox div.box2 a.link { position: absolute; right: 69px; bottom: 13px; width: 13px; height: 11px; } div.inhaltstart div.inhaltoben div.menubox div.box2 a.boxbild { position: absolute; left: 5px; top: 14px; width: 83px; height: 61px; } div.inhaltstart div.inhaltoben div.menubox div.box3 { float: left; display: inline; position: relative; width: 178px; height: 88px; border: solid 1px #fbe4b3; background-color: #fff4e3; margin: 0px 5px 0px 0px; } div.inhaltstart div.inhaltoben div.menubox div.box3 a span { position: absolute; left: 7px; top: 24px; cursor: pointer; text-align: right; width: 75px; font-size: 12px; line-height: 16px; font-weight: bold; } div.inhaltstart div.inhaltoben div.menubox div.box3 a.link { position: absolute; left: 69px; bottom: 13px; width: 13px; height: 11px; } div.inhaltstart div.inhaltoben div.menubox div.box3 a.boxbild { position: absolute; right: 5px; top: 14px; width: 83px; height: 61px; } div.inhaltstart div.inhaltoben div.menubox div.box4 { float: left; display: inline; position: relative; width: 178px; height: 88px; border: solid 1px #fbe4b3; background-color: #fff4e3; } div.inhaltstart div.inhaltoben div.menubox div.box4 a span { position: absolute; right: 7px; top: 24px; cursor: pointer; width: 75px; font-size: 12px; line-height: 16px; font-weight: bold; } div.inhaltstart div.inhaltoben div.menubox div.box4 a.link { position: absolute; right: 69px; bottom: 13px; width: 13px; height: 11px; } div.inhaltstart div.inhaltoben div.menubox div.box4 a.boxbild { position: absolute; left: 5px; top: 14px; width: 83px; height: 61px; } div.inhaltstart div.inhaltbox { float: left; display: inline; width: 651px; height: 192px; background: url(/images/design/bg-box-start.png) no-repeat 0px 0px; margin: 0px 0px 0px 0px; } div.inhaltstart div.inhaltbox div.newsletter { float: left; display: inline; margin: 0px 0px 0px 0px; } div.inhaltstart div.inhaltbox div.newsletter { float: left; display: inline; width: 215px; margin: 0px 0px 0px 26px; } div.inhaltstart div.inhaltbox div.newsletter span.ueber { float: left; display: inline; color: #705300; font-weight: bold; font-size: 14px; line-height: 30px; margin: 15px 0px 11px 0px; } div.inhaltstart div.inhaltbox div.newsletter p { clear: both; float: left; display: inline; width: 210px; color: #705300; margin: 3px 0px 0px 5px; } div.inhaltstart div.inhaltbox div.newsletter form { float: left; display: inline; width: 210px; margin: 12px 0px 0px 5px; } div.inhaltstart div.inhaltbox div.newsletter form div.colum1 { display: none; } div.inhaltstart div.inhaltbox div.newsletter form input { border: solid 1px #bcb3a7; background: url(/images/design/bg-input.gif) repeat-x 0px 0px; color: #705300; height: 18px; line-height: 18px; padding: 4px 0px 0px 2px; } div.inhaltstart div.inhaltbox div.newsletter form input.standard { float: left; display: inline; width: 194px; margin: 0px 0px 17px 0px; } div.inhaltstart div.inhaltbox div.newsletter form input.vorname { float: left; display: inline; width: 85px; margin: 0px 20px 0px 0px; } div.inhaltstart div.inhaltbox div.newsletter form input.nachname { float: left; display: inline; width: 85px; margin: 0px 0px 0px 0px; } div.inhaltstart div.inhaltbox div.newsletter form a.onpage { float: right; display: inline; cursor: pointer; color: #FFFFFF; line-height: 24px; margin: 10px 12px 0px 0px; } div.inhaltstart div.inhaltbox div.newsletter form a.onpage span.links { float: left; display: inline; background: url(/images/design/buttonanfang-grun.gif) no-repeat left 0px; width: 13px; height: 24px; } div.inhaltstart div.inhaltbox div.newsletter form a.onpage span.mitte { float: left; display: inline; background: url(/images/design/button-grun.gif) repeat-x 0px 0px; height: 24x; padding: 0px 0px 0px 0px; } div.inhaltstart div.inhaltbox div.newsletter form a.onpage span.rechts { float: left; display: inline; background: url(/images/design/buttonende-grun.gif) no-repeat right 0px; width: 10px; height: 24px; } div.inhaltstart div.inhaltbox div.kontakt { float: right; display: inline; width: 335px; margin: 0px 25px 0px 0px; } div.inhaltstart div.inhaltbox div.kontakt span.ueber { float: left; display: inline; color: #705300; font-weight: bold; font-size: 14px; line-height: 30px; margin: 15px 0px 11px 0px; } div.inhaltstart div.inhaltbox div.kontakt address { float: left; display: inline; color: #705300; margin: 3px 0px 0px 5px; } div.inhaltstart div.inhaltbox div.kontakt address a { color: #705300; } div.inhaltstart div.seotext { clear: both; float: left; display: inline; color: #c0e29c; width: 651px; margin: 47px 0px 66px 0px; } div.inhaltstart div.seotext a { color: #FFFFFF; } div.linksstart { float: left; display: inline; width: 311px; _overflow: hidden; margin: 46px 0px 0px 10px; } div.linksstart img.boxoben { float: left; display: inline; width: 311px; margin: 0px 0px 0px 0px; } div.linksstart div.box1 { float: left; display: inline; position: relative; width: 311px; height: 100px; margin: 0px 0px 1px 0px; } div.linksstart div.box1 div.angeboterahmen { width: 287px; margin: 15px 0px 0px 15px; } div.linksstart div.box1 div.angeboterahmen div.angebotflache { } div.linksstart div.box1 div.angeboterahmen div.angebotflache div.angebote { width: 287px; } div.linksstart div.box2 { float: left; display: inline; position: relative; width: 311px; height: 99px; margin: 0px 0px 0px 0px; } div.linksstart div.box2 div.zimmersuche { float: left; display: inline; position: relative; width: 311px; margin: 10px 0px 0px 11px; } div.linksstart div.box2 div.zimmersuche form { width: 311px; } div.linksstart div.box2 div.zimmersuche form span.label { font-weight: bold; font-size: 14px; line-height: 16px; color: #ffd98f; margin: 0px 0px 10px 0px; } div.linksstart div.box2 div.zimmersuche form span.hinter { float: left; display: inline; color: #FFFFFF; line-height: 16px; margin: 0px 10px 0px 0px; } div.linksstart div.box2 div.zimmersuche form select.select { background-color: #ededed; font-size: 12px; line-height: 16px; height: 16px; color: #705300; border: solid 1px #ffd98f; margin: 0px 9px 10px 0px; } div.linksstart div.box2 div.zimmersuche form input.input { background-color: #ededed; width: 19px; text-align: center; font-size: 12px; line-height: 16px; height: 16px; color: #705300; border: solid 1px #ffd98f; margin: 0px 10px 0px 0px; } div.linksstart div.box2 div.zimmersuche a.buchen { position: absolute; right: 21px; top: 24px; } div.linksstart div.box2 div.zimmersuche a.buchen span.mitte { width: 63px; text-align: center; } div.linksstart div.box2 div.zimmersuche a.anfragen { position: absolute; right: 21px; bottom: -2px; } div.linksstart div.box2 div.zimmersuche a.anfragen span.mitte{ width: 63px; text-align: center; } div.untenstart { position: relative; width: 992px; clear: both; padding: 0px 0px 58px 0px; } div.untenstart div.linksunten { float: left; display: inline; color: #FFFFFF; line-height: 17px; } div.untenstart div.linksunten span { float: left; display: inline; color: #FFFFFF; line-height: 17px; margin: 0px 0px 0px 0px; } div.untenstart div.linksunten a { float: left; display: inline; color: #FFFFFF; line-height: 17px; margin: 0px 0px 0px 10px; } div.untenstart div.linksunten a.sitemap { float: left; display: inline; margin: 0px 20px 0px 10px; } div.untenstart a.zeppelin { float: right; display: inline; color: #FFFFFF; line-height: 17px; } div.untenstart a.zeppelin img { vertical-align: text-bottom; } /* Lightbox ______________________________________________________________ */ #lightbox { position: absolute; left: 0px; width: 100%; z-index: 100; text-align: center; line-height: 0px; } #lightbox a img { border: none !important; } #outerImageContainer { position: relative; background-color: #FFFFFF; width: 250px; height: 250px; margin: 0 auto; } #imageContainer { padding: 10px; } #loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0px; } #hoverNav { position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav { left: 0px; } #hoverNav a { outline: none !important; } #prevLink, #nextLink { width: 49%; height: 100%; display: block; } #prevLink { background: url(/images/lightbox/prev.gif) left 15% no-repeat !important; left: 0px; float: left; } #nextLink { background: url(/images/lightbox/next.gif) right 15% no-repeat !important; right: 0px; float: right; } #prevLink:hover, #prevLink:visited:hover { background: url(/images/lightbox/prev.gif) left 15% no-repeat !important; } #nextLink:hover, #nextLink:visited:hover { background: url(/images/lightbox/next.gif) right 15% no-repeat !important; } #imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #FFFFFF; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; } #imageData { padding: 0px 10px; color: #666666; } #imageData #imageDetails { width: 70%; float: left; text-align: left; } #imageData #caption { font-weight: bold; } #imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNav { height: 40px; } #imageData #bottomNavClose { background: transparent !important; width: 26px; float: right; padding-bottom: 0.4em; } #overlay { position: fixed; _position: absolute; top: 0px; left: 0px; z-index: 90; width: 100%; height: 500px; background-color: #000000; } /* __________________________________________________________________ Ende */