/********* A __YOUR NAME HERE__ CSS-FILE FOR EW **********/ /* MASTER PREMIUM SPECIAL DELUXE EDITION */ /****** THIS IS FOR __DOMAIN__ ******/ /* Standards */ * {margin: 0; padding: 0; } html, body {min-height: 100%; height: auto; height: 100%; background:url(../images/bg-site.jpg) top center no-repeat;} body {font-family:"Trebuchet MS", Arial, Helvetica; color:#000; line-height:150%; font-size: 76%; } img {border: none;} a, a:visited {text-decoration:underline; color: #000; } a:hover {color: #666; } a:hover img {-moz-opacity: 0.85; opacity: 0.85;} p {font-family: "Trebuchet MS", Arial, Helvetica; font-size: 0.9em; line-height:140%;} p strong { color:#004321;} .clear {clear: both; font-size: 0.0001em; line-height: 0.00001em;} .floatright {float: right;} .floatleft {float: left;} ul {list-style:none;} ul.list { float:left; margin:0px 0 15px 15px; line-height:130%; } ul.list li { background:url(../images/litlle-round.png) 0px 6px no-repeat; padding-left:10px; padding-bottom:5px;} ul.list li a {color:#004321;} ul.block { float:left; margin:-5px 0 0px 0px;} ul.block li { background:url(../images/litlle-round.png) 0px 4px no-repeat; padding-left:10px; padding-bottom:5px; line-height:130%; } ul.block li a {color:#004321;} /*---------------------Headlines---------------------------*/ h1 span { text-indent:-9999px; display:block; font-size:0.000001em; line-height:0.0000001em; } h1 { width:305px; height:295px; display:inline; padding:0px 43px 0 0px; float:right; } h2 { text-indent:-9999px;} h2.index { background:url(../images/headlines/index.png) no-repeat; width:454px; height:50px; float:left; margin:29px 0 0 59px;} h2.weinstube { background:url(../images/headlines/weinstube.png) no-repeat; width:454px; height:51px; float:left; margin:29px 0 0 59px;} h2.raeume-restaurant { background:url(../images/headlines/raume-restaurant.png) no-repeat; width:454px; height:51px; float:left; margin:29px 0 0 59px;} h2.speisekarte { background:url(../images/headlines/speisekarte.png) no-repeat; width:454px; height:51px; float:left; margin:29px 0 0 59px;} h2.raeume-hotel { background:url(../images/headlines/raume-hotel.png) no-repeat; width:454px; height:51px; float:left; margin:29px 0 0 59px;} h2.erholung { background:url(../images/headlines/erholung.png) no-repeat; width:506px; height:54px; float:left; margin:29px 0 0 59px;} h2.arrangements { background:url(../images/headlines/arrangements.png) no-repeat; width:506px; height:54px; float:left; margin:29px 0 0 59px;} h2.uebernachtung { background:url(../images/headlines/uebernachtung.png) no-repeat; width:506px; height:54px; float:left; margin:29px 0 0 59px;} h2.tagesangebote { background:url(../images/headlines/tagesangebote.png) no-repeat; width:506px; height:54px; float:left; margin:29px 0 0 59px;} h2.winterspezial { background:url(../images/headlines/winterspezial.png) no-repeat; width:506px; height:54px; float:left; margin:29px 0 0 59px;} h2.kontakt { background:url(../images/headlines/kontakt.png) no-repeat; width:506px; height:54px; float:left; margin:29px 0 0 59px;} h2.anfrage { background:url(../images/headlines/anfrage.png) no-repeat; width:506px; height:54px; float:left; margin:29px 0 0 59px;} h2.partner { background:url(../images/headlines/partner.png) no-repeat; width:506px; height:54px; float:left; margin:29px 0 0 59px;} h2.anfahrt { background:url(../images/headlines/anfahrt.png) no-repeat; width:506px; height:54px; float:left; margin:29px 0 0 59px;} h2.impressionen-head { background:url(../images/headlines/impressionen.png) no-repeat; width:506px; height:54px; float:left; margin:29px 0 0 59px;} h2.veranstaltungen-head { background:url(../images/headlines/veranstaltungen.png) no-repeat; width:506px; height:54px; float:left; margin:29px 0 0 59px;} h2.danke { background:url(../images/headlines/danke.png) no-repeat; width:506px; height:54px; float:left; margin:29px 0 0 59px;} h2.error { background:url(../images/headlines/error.png) no-repeat; width:506px; height:54px; float:left; margin:29px 0 0 59px;} h2.impressum-fixed { background:url(../images/headlines/impressum-fixed.png) no-repeat; width:506px; height:54px; float:left; margin:29px 0 0 59px;} h2.impressum { background:url(../images/headlines/impressum.png) no-repeat; width:454px; height:51px; float:left; margin:10px 0 15px 0px;} h2.impressionen {background:url(../images/impressionen.png) no-repeat; width:293px; height:37px; margin:5px 0 6px 0; float:left;} h2.veranstaltungen {background:url(../images/veranstaltungen.png) no-repeat; width:293px; height:37px; margin:15px 0 5px 0; float:left;} h2.oeffnungszeiten {background:url(../images/oeffnungszeiten.png) no-repeat; width:293px; height:39px; margin:11px 0 10px 0; float:left;} h2.restaurantteaser { background:url(../images/restaurant-teaser.png) no-repeat; width:90px; height:12px; } h2.hotelteaser { background:url(../images/hotel-teaser.png) no-repeat; width:90px; height:12px; } h3 { font-size:1.3em; color:#004321; border-bottom:1px solid #bdaf8b; display:inline;} /*---------------------Layout-----------------------------*/ .headlinebox { width:990px; height:95px; float:left;} ul.bread { float:right; margin:63px 53px 0 0 ;} ul.bread li { float:left; padding:0 5px 0 0;} ul.bread li.erste { text-indent:-9999px; background:url(../images/bread-start.png) no-repeat; width:68px; height:10px; margin-top:3px;} ul.bread li a { font-weight:bold; color:#004321; text-decoration:underline; background:url(../images/litlle-round.png) 0px 4px no-repeat; padding-left:9px; font-family:Arial, Helvetica, sans-serif; font-size:0.9em;} ul.bread li a:hover { font-weight:bold; color:#79725b; text-decoration:underline; background:url(../images/litlle-round.png) 0px 4px no-repeat; padding-left:9px; font-family:Arial, Helvetica, sans-serif; font-size:0.9em;} .holder { float:left; margin:3px 0 0 60px; outline:none; } #pane1 {height:430px; width:562px; outline:none;} .jScrollPaneContainer { outline:none;} #container { width:990px; margin:0 auto; } #header { width:990px; height:310px;} .columnbig { width:500px;} .columnbig p { padding-bottom:5px;} #photodiv { width:239px; height:261px; float:left;display:inline; border:2px solid #e0d3a6; margin:4px 3px 0 0;} #photodiv img { border:none; padding:0px; margin:0px;} .cmstext { float:left; margin: 5px 0 15px 0; } #contentcolumn-right {width:295px; height:434px; float:right; margin:40px 58px 0 0;} #contentcolumn-right img.left { margin-right:8px;} a#impressionen-link {float:right; margin:0px 1px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#004321; background:url(../images/litlle-round.png) 0px 6px no-repeat; padding-left:10px;} a#impressionen-link:hover { color:#79725b;} #newsbox a.ewcms_news_link {float:right; margin:3px -21px 0 0; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#004321; background:url(../images/litlle-round.png) 0px 6px no-repeat; padding-left:10px;} #newsbox a.ewcms_news_link:hover { color:#79725b; font-weight:bold;} #newsbox { width:295px; padding:2px 0px 0 1px; float:left;} #newsbox p { padding:0px 25px 0px 0 ; line-height:120%; } #newsbox h3 { font-size:0.9em; color:#004321; font-weight:bold; border:none; display:inline; line-height:120%;} #contentcolumn-left {width:541px; height:445px; float:left; margin-top:40px;} ul.days { float:left; width:110px; font-size:0.9em; line-height:130%; margin-left:2px; letter-spacing:-0.09px;} ul.times { float:left; width:180px; float:left; font-size:0.9em; line-height:130%; letter-spacing:-0.09px;} #restaurantteaser { background:url(../images/bg-teaser.png) 0px 15px no-repeat; width:240px; height:125px; float:left; margin:0px 16px 0 0;} #restaurantteaser p { padding:15px 0 0 15px;} #hotelteaser { background:url(../images/bg-teaser.png) 0px 15px no-repeat; width:240px; height:125px; float:left;margin:0px 0px 0 0;} #hotelteaser p { padding:15px 0 0 15px; } a#hotel-link {float:right; margin:7px 15px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#004321; background:url(../images/litlle-round.png) 0px 7px no-repeat; padding-left:10px;} a#hotel-link:hover { color:#79725b;} a#restaurant-link {float:right; margin:7px 15px 0 0; font-family:Arial, Helvetica, sans-serif; font-size:0.9em; font-weight:bold; color:#004321; background:url(../images/litlle-round.png) 0px 7px no-repeat; padding-left:10px;} a#restaurant-link:hover { color:#79725b;} .columnleft-inside { width:250px; float:left; margin:0 7px 0px 0;} .columnleft-inside p { padding-bottom:17px; font-size:1em; padding-right:15px;} .columnleft-inside p.extrap { margin:-5px 0 5px 0;} .columright-inside { width:250px; float:left;} .columright-inside p { padding-bottom:17px; font-size:1em; padding-right:15px;} .columnleft-inside img { margin:5px 0 15px 0; border:2px solid #ebe0c1; padding:1px; float:left;} .columright-inside img { margin:5px 0 15px 0; border:2px solid #ebe0c1; padding:1px; float:left;} .columright-inside img.new { margin:5px 4px 5px 0; border:2px solid #ebe0c1; padding:1px; float:left;} .merkerbox { width:250px; height:259px; position:relative;} img#merker-signature { position:absolute; bottom:8px; right:8px; border:none; padding:0px; margin:0px;} #footer { width:990px; height:236px;} ul.adress1 { width:227px; height:25px; float:left; margin:62px 5px 0 350px; color:#514d42; line-height:115%;} ul.adress2 { width:140px; height:25px; float:left;margin:62px 0px 0 0px; color:#514d42; line-height:115%;} ul.adress3 { width:140px; height:25px; float:left;margin:62px 0px 0 0px; color:#514d42; line-height:115%;} ul.site.start { margin:30px 38px 0 65px; float:left;} ul.site { float:left; margin:30px 38px 0 15px; font-family:"Trebuchet MS"} ul.site li { color:#514d42; padding-bottom:0px; line-height:115%; background:url(../images/list-icon-site.png) 0px 4px no-repeat; padding-left:7px;} ul.site li.first { color:#514d42; padding-bottom:0px; line-height:115%; font-weight:bold; background:none; padding-left:0px;} ul.site li a { color:#514d42; text-decoration:none; font-size:0.9em;} ul.site li a:hover { color:#79725b; text-decoration:underline;} /*---------------------leftside---------------------------*/ #left-side {width:0px; min-height:100%; height:auto !important; height:100%; position:absolute; top:0px; left:0px; z-index:500; background: url(../images/bg-impr.png) repeat ; overflow:hidden;} #lsinner p {margin:0 0 18px 0px;} #lsinner {margin-right: 0px; float: right; min-height:100%; height:100%; padding:30px 30px 69px 40px;font-size:1.1em;ine-height:1.63em;width:350px; } /*---------------------subnavi---------------------------*/ ul#subnavi { width:419px; height:19px; float:left; margin:26px 0px 0 223px;} ul#subnavi li { float:left;} ul#subnavi li a { text-indent:-9999px;outline:none; } ul#subnavi li#s01 a { background: url(../images/subnavi.png) 0px 0px no-repeat; width:91px; height:19px; display:block;} ul#subnavi li#s01 a:hover, ul#subnavi li#s01 a.active { background: url(../images/subnavi.png) 0px -19px no-repeat; } ul#subnavi li#s02 a { background: url(../images/subnavi.png) -91px 0px no-repeat; width:105px; height:19px; display:block;} ul#subnavi li#s02 a:hover, ul#subnavi li#s02 a.active { background: url(../images/subnavi.png) -91px -19px no-repeat;} ul#subnavi li#s03 a { background: url(../images/subnavi.png) -196px 0px no-repeat; width:104px; height:19px; display:block;} ul#subnavi li#s03 a:hover, ul#subnavi li#s03 a.active { background: url(../images/subnavi.png) -196px -19px no-repeat; } ul#subnavi li#s04 a { background: url(../images/subnavi.png) -300px 0px no-repeat; width:119px; height:19px; display:block;} ul#subnavi li#s04 a:hover, ul#subnavi li#s04 a.active { background: url(../images/subnavi.png) -300px -19px no-repeat; } /*---------------------navi-----------------------------*/ ul#navi { width:924px; height:48px; position:relative; z-index:2; float:left; margin-left:31px;} ul#navi li { float:left; } ul#navi li a { text-indent:-9999px; outline:none; } ul#navi li a#n01 { background:url(../images/navi.jpg) 0px 0px no-repeat; display:block; width:199px; height:48px;} ul#navi li a#n01:hover, ul#navi li a#n01.active { background:url(../images/navi.jpg) 0px -48px no-repeat; } ul#navi li a#n02 { background:url(../images/navi.jpg) -199px 0px no-repeat; display:block; width:157px; height:48px;} ul#navi li a#n02:hover, ul#navi li a#n02.active { background:url(../images/navi.jpg) -199px -48px no-repeat; } ul#navi li a#n03 { background:url(../images/navi.jpg) -356px 0px no-repeat; display:block; width:104px; height:48px;} ul#navi li a#n03:hover, ul#navi li a#n03.active { background:url(../images/navi.jpg) -356px -48px no-repeat; } ul#navi li a#n04 { background:url(../images/navi.jpg) -460px 0px no-repeat; display:block; width:290px; height:48px;} ul#navi li a#n04:hover, ul#navi li a#n04.active { background:url(../images/navi.jpg) -460px -48px no-repeat; } ul#navi li a#n05 { background:url(../images/navi.jpg) -750px 0px no-repeat; display:block; width:174px; height:48px;} ul#navi li a#n05:hover, ul#navi li a#n05.active { background:url(../images/navi.jpg) -750px -48px no-repeat; } /*---------------------flyout-----------------------------*/ ul#navi li ul.flyout {display:none; position:absolute; top:48px; left:201px; width:331px; height:53px; padding:12px 0px 0px 22px; background: url(../images/bg-klapp.png) no-repeat; } ul#navi li:hover ul.flyout { display:block;} ul#navi li ul.flyout li { float:left; } ul#navi li ul.flyout li a { text-indent:0px; font-size:1.1em; color:#004321; text-decoration:none; background:url(../images/ICON.png) 0px 4px no-repeat; padding:0 15px 0 28px; } ul#navi li ul.flyout li a:hover, ul#navi li ul.flyout li a.active { text-decoration:underline; color:#004321} ul#navi li ul.flyout2 { display:none;position:absolute; top:48px; left:360px; width:331px; height:53px; padding:12px 0px 0px 22px; background: url(../images/bg-klapp.png) no-repeat; } ul#navi li:hover ul.flyout2 { display:block;} ul#navi li ul.flyout2 li { float:left; } ul#navi li ul.flyout2 li a { text-indent:0px; font-size:1.1em; color:#004321; text-decoration:none; background:url(../images/ICON.png) 0px 4px no-repeat; padding:0 15px 0 28px; } ul#navi li ul.flyout2 li a:hover, ul#navi li ul.flyout2 li a.active { text-decoration:underline; color:#004321} ul#navi li ul.flyout3 {display:none; position:absolute; top:48px; left:463px; width:485px; height:53px; padding:12px 0px 0px 22px; background: url(../images/bg-klapp2.png) no-repeat; } ul#navi li:hover ul.flyout3 { display:block;} ul#navi li ul.flyout3 li { float:left; } ul#navi li ul.flyout3 li a { text-indent:0px; font-size:1.1em; color:#004321; text-decoration:none; background:url(../images/ICON.png) 0px 4px no-repeat; padding:0 15px 0 28px; } ul#navi li ul.flyout3 li a:hover, ul#navi li ul.flyout3 li a.active { text-decoration:underline; color:#004321}