.clear { line-height: 1px; height: 1px; clear: both;overflow: hidden; } h1 { color: #004071; font-size: 13px; font-weight: bold; line-height: 15px; margin-bottom: 10px; padding-bottom: 0 } #landingtop { height: 365px } #landingheader { position: absolute } #landinglogo { margin-left: 65px; position: absolute } #landingintro { margin-top: 210px; margin-left: 20px; position: absolute } #landingtext { margin-right: 20px; margin-bottom: 15px; margin-left: 20px } #landingtext .titel { font-weight: bold; padding-top: 10px; padding-bottom: 10px } /* Hauptmenu */ #landingmenu { background-image: url(../images/bg-header.gif); background-repeat: repeat-x; background-position: left top; margin-top: 330px; position: absolute; width: 785px; height: 30px } #landingmenu #searchform { margin-top: 4px; margin-left: 10px; float: left } #landingmenu #searchform .searchtext { color: #fff; font-size: 12px; font-weight: bold; padding-top: 3px; float: left } #landingmenu #searchform .searchfield { margin-top: 1px; margin-left: 5px; float: left } #landingmenu #searchform .searchlink { margin-left: 1px; float: left } #landingmenu #searchform .searchlink input { padding-right: 3px; padding-left: 3px; height: 22px } #landingmenu ul { list-style-type: none; margin: 0 0 0 20px; padding: 0; float: left } #landingmenu li { list-style-type: none; float: left } #landingmenu a { color: #fff; font-size: 12px; font-weight: bold; text-decoration: none; background-position: 0 0; text-transform: none; display: block; margin-right: 10px; padding-right: 5px; float: left } #landingmenu a span { line-height: 12px; background-image: none; background-repeat: no-repeat; background-position: left top; display: block; padding: 8px 5px 10px 10px } #landingmenu a:hover { color: #d8000a; background-image: url(../images/menu-bgright.gif); background-repeat: no-repeat; background-position: right top; margin-right: 10px; padding-right: 5px } /* Kontext */ .more { color: #d8000a; font-weight: bold; background-image: url(../images/point.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 8px; clear: both } #landingkontext { background-image: url(../images/kontext-bgleft.gif); background-repeat: repeat-y; background-position: left top; width: 195px;overflow: hidden; } #landingkontext .item { background-image: url(../images/kontekt-bgtitel.gif); background-repeat: no-repeat; background-position: left top; padding: 10px; clear: both } #landingkontext .sommercard { background-image: url(../images/kontekt-bgtitel.gif); background-repeat: no-repeat; background-position: left top; padding: 0 10px 10px; height: 170px } #landingkontext .sommercard .titel { padding-top: 10px } #landingkontext .sommercard .more { color: #d8000a; font-weight: bold; background-image: url(../images/point.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 8px; clear: both } #landingkontext #sommercardtext { position: absolute; z-index: 11; width: 90px } #landingkontext #sommercard { margin-top: 25px; margin-left: 70px; position: absolute; z-index: 10; width: 115px; height: 140px } #landingkontext .anreise { background-image: url(../images/kontext-bganreise.gif); background-repeat: no-repeat; background-position: left top; padding: 10px; height: 145px } #landingkontext .anreise .link { position: absolute; width: 174px; height: 95px } #landingkontext .anreise .text { margin-top: 95px; margin-bottom: 10px } #landingkontext .anreise .more { color: #d8000a; font-weight: bold; background-image: url(../images/point.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 8px; clear: both } #landingkontext .allstarcard { background-image: url(../images/kontekt-bgtitel.gif); background-repeat: no-repeat; background-position: left top; padding: 0 10px 10px; height: 170px } #landingkontext .allstarcard .titel { padding-top: 10px } #landingkontext .allstarcard .more { color: #d8000a; font-weight: bold; background-image: url(../images/point.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 8px; clear: both } #landingkontext #allstarcardtext { position: absolute; z-index: 11; width: 90px } #landingkontext #allstarcard { margin-top: 15px; margin-left: 80px; position: absolute; z-index: 10; width: 115px; height: 140px } #landingkontext .titel { font-size: 12px; font-weight: bold; text-transform: uppercase; padding-bottom: 10px; clear: both } #landingkontext .seperator { line-height: 1px; background-color: #a3a3a3; margin-left: 1px; width: 194px; height: 1px; clear: both; overflow: hidden; } #landingkontextbottom { background-image: url(../images/kontext-bgbottom.gif); background-repeat: no-repeat; background-position: 1px top; width: 195px; height: 30px } /* Gallery */ #landingkontext .bilder { background-image: url(../images/kontekt-bgtitel.gif); background-repeat: no-repeat; background-position: left top; padding: 10px; height: 220px } #landingkontext .bilder .more { color: #d8000a; font-weight: bold; background-image: url(../images/point.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 8px; clear: both } #landingkontext .gallery {} #landingkontext .gallery a { background-image: url(../images/gallery-bg.gif); background-repeat: no-repeat; background-position: left top; display: block; margin-right: 4px; margin-bottom: 3px; width: 54px; height: 54px; float: left } #landingkontext .gallery img { margin-top: 3px; margin-left: 3px } /* Gallery */ #landingkontext .webcams {} #landingkontext .webcams a.large { background-image: url(../images/webcam-bg.gif); background-repeat: no-repeat; background-position: left top; display: block; margin-right: 5px; margin-bottom: 4px; width: 172px; height: 105px } #landingkontext .webcams img.large { margin-top: 3px; margin-left: 3px } #landingkontext .webcams a.small { background-image: url(../images/gallery-bg.gif); background-repeat: no-repeat; background-position: left top; display: block; margin-right: 4px; margin-bottom: 4px; width: 54px; height: 54px; float: left } #landingkontext .webcams img.small { margin-top: 3px; margin-left: 3px } /* Landingpackages*/ #landingpackages { margin-left: 10px } #landingpackages .item { background-image: url(../images/zimmer-bg.gif); background-repeat: repeat-y; background-position: left top; margin: 0 0 0; width: 255px; float: left; overflow: hidden } #landingpackages .titel { font-size: 12px; font-weight: bold; background-image: url(../images/zimmer-header.gif); background-repeat: no-repeat; background-position: left top; text-transform: uppercase; padding-top: 20px; padding-right: 15px; padding-left: 15px } #landingpackages .packagewrapper { background-image: url(../images/package-bg.gif); background-repeat: repeat-x; background-position: left top; margin: 10px 15px 5px; padding: 5px; border-color: #e3e3e3 } #landingpackages .package { width: 215px; overflow: hidden } #landingpackages .package .packagetitel { height: 35px; overflow: hidden } #landingpackages .package .packagetitel a { color: #000; font-size: 15px } #landingpackages .package .right { margin-left: 5px; width: 110px; height: 60px; float: left } #landingpackages .package ul { margin: 0 0 0; padding: 0; overflow: hidden } #landingpackages .package li { background-repeat: no-repeat; background-position: 1px 6px; list-style-type: none; margin: 0; padding: 0 0 0 0 } #landingpackages .package .image { padding: 1px; float: left; border: solid 1px #e3e3e3 } #landingpackages .package .preis { padding-top: 8px; height: 30px; float: left } #landingpackages .package .preis span { font-size: 15px; font-weight: bold } #landingpackages .package .btn { background-image: url(../images/preis-bgleft.gif); background-repeat: no-repeat; background-position: left top; text-align: right; height: 30px; float: right } #landingpackages .package .btn a { color: #fff; text-decoration: none } #landingpackages .package .btn a:hover { color: #fff; text-decoration: none } #landingpackages .package .btn span { color: #fff; font-size: 12px; font-weight: bold; line-height: 14px; background-image: url(../images/preis-bgright.gif); background-repeat: no-repeat; background-position: right top; display: block; padding: 9px 12px 7px } #landingpackages a.packagelink { display: block; position: absolute; z-index: 9999; width: 245px; height: 117px } #landingpackages .packagefooter { background-image: url(../images/zimmer-footer.gif); background-repeat: no-repeat; background-position: left top; height: 20px } #landingpackages .seperator { background-image: url(../images/zimmer-seperatro.gif); background-repeat: repeat-x; background-position: left top; margin: 5px 15px; height: 2px; overflow: hidden } /* Footer */ #landingfooter { margin-top: 5px; float: right } #landingbutton { margin-top: 5px; margin-right: 15px; margin-left: 10px; padding-bottom: 10px; float: right } #trustelements { margin-left: 11px; float: left } #landingfacebook { margin-top: 9px; margin-left: 10px } #landingfacebook .titel { font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px } #landingfacebook .text { font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 5px } /* Teaser */ #landingteaser { margin-bottom: 10px; margin-left: 10px; height: 195px } #landingteaser .item { background-image: url(../images/zimmer-bg.gif); background-repeat: repeat-y; background-position: left top; margin: 0; width: 255px; height: 225px; float: left; overflow: hidden } #landingteaser .teasercontent { width: 255px; height: 205px } #landingteaser .teasercontent .titel { color: #fff; font-size: 16px; font-weight: bold; margin-top: 15px; margin-left: 20px; position: absolute; z-index: 9999; width: 215px; overflow: hidden } #landingteaser .teasercontent .text { margin-top: 125px; margin-left: 20px; position: absolute; z-index: 9999; width: 215px;overflow: hidden; } #landingteaser .teasercontent .text a { background-image: url(../images/point.gif); background-repeat: no-repeat; background-position: left 5px; padding-left: 10px } #landingteaser .header { font-size: 12px; font-weight: bold; background-image: url(../images/zimmer-header.gif); background-repeat: no-repeat; background-position: left top; text-transform: uppercase; position: absolute; width: 255px; height: 20px } #landingteaser .back { background-image: url(../images/teaser-bg.png); background-position: left top; margin-top: 120px; margin-right: 15px; margin-left: 15px; position: absolute; z-index: 2; width: 225px; height: 90px } #landingteaser .image { margin-top: 15px; margin-right: 15px; margin-left: 15px; position: absolute; z-index: 1; width: 225px; height: 195px } #landingteaser .teaserfooter { background-image: url(../images/zimmer-footer.gif); background-repeat: no-repeat; background-position: left top; height: 20px }