/* Alpincenter.com Base Stylesheet */ * {margin: 0px; padding: 0px;} .clearboth {clear: both;} body {background-color: #3b8be8; text-align: center; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif;} h1 {margin: 0px 0px 15px 0px; font-size: 16px; font-weight: bold; color: #3366ff;} h2 {margin: 0px 0px 15px 0px; font-size: 16px; font-weight: bold; color: #3366ff;} h3 {margin: 0px 0px 15px 0px;} h4 {margin: 0px 0px 15px 0px;} h5 {margin: 0px 0px 15px 0px;} h6 {margin: 0px 0px 15px 0px;} p {margin: 0px 0px 15px 0px; line-height: 16px; color: #333333;} a {color: #cc0000; text-decoration: none;} a:hover {color: #cc0000; text-decoration: underline;} ul {} li {} img {border: none;} #alpinBody {width: 100%; background-repeat: no-repeat;} #alpinPageBody {width: 890px; margin: 0px auto 0px auto; text-align: left;} #alpinHeader {width: 856px; height: 234px; background-image: url(../img/headerBackgrounds/headerBackgroundHome.png); padding: 4px 17px 0px 17px;} *html #alpinHeader {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.alpincenter.com/fileadmin/img/headerBackgrounds/headerBackgroundHome.png');} #alpinHeaderInner {width: 856px; height: 212px; background-image: url(../img/headerBackgrounds/headerBackgroundHome.jpg);} #alpinLogo {position: relative; left: 8px; top: 89px; width: 189px; height: 119px; background-image: url(../img/alpinLogo.png); float: left;} #alpinLogo a {display: block; height: 119px;} #alpinLogo a:hover {text-decoration: none;} #alpinNewsletter {position: relative; left: 125px; top: 9px; float: left;} #alpinNewsletter form.newsletterField {display: block;} #alpinNewsletter label {float: left; padding: 0px 5px 0px 0px; color: #ffffff; line-height: 20px;} #alpinNewsletter input.newsletterFieldButton {float: left;} #alpinNewsletter input.newsletterFieldInput {width: 140px; height: 16px; font-size: 11px; line-height: 16px;} #alpinSearch {position: relative; left: 130px; top: 9px; float: left;} #alpinSearch form.searchField {display: block;} #alpinSearch input.searchFieldButton {float: left;} #alpinSearch input.searchFieldInput {width: 140px; height: 16px; font-size: 11px; line-height: 16px;} #alpinLanguage {position: relative; left: 145px; top: 9px;} *html #alpinLanguage {float: left;} #alpinLanguage ul.langNav {list-style-type: none;} #alpinLanguage li.langNavObj {float: left; margin: 0px 4px 0px 0px;} #alpinLanguage a.langNavLinkGerman {display: block; width: 32px; height: 21px; background-image: url(../img/buttonLangGerman.jpg);} #alpinLanguage a.langNavLinkEnglish {display: block; width: 32px; height: 21px; background-image: url(../img/buttonLangEnglish.jpg);} #alpinLanguage a.langNavLinkNederlands {display: block; width: 33px; height: 21px; background-image: url(../img/buttonLangNederlands.jpg);} #baseLayer {position: relative; width: 890px;} #mainNav {width: 870px; height: 45px; background-image: url(../img/homeMainNavBackground.png); padding: 6px 7px 0px 13px;} *html #mainNav {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.alpincenter.com/fileadmin/img/homeMainNavBackground.png');} #mainNav ul.mainNavList {position: relative; width: 100%; height: 45px; margin: 0px; padding: 0px; background-image: url(../img/mainNavBottomSpacer.png); background-position: bottom; background-repeat: repeat-x; list-style-type: none;} #mainNav ul.mainNavList li {float: left; background-image: none; padding: 0px; margin: 0px;} #mainNav ul.mainNavList li a {line-height: 35px; text-align: center; text-transform: uppercase; color: #ffffff; font-size: 12px; text-decoration: none;} /**********************/ #mainNav ul.mainNavList li a {line-height: 35px; text-align: center; text-transform: uppercase; color: #ffffff; font-size: 12px; text-decoration: none;} #mainNav li.mainNavObj1 a {display: block; width: 69px; height: 35px; background-image: url(../img/mainNavEinfach/mainNavObj1.gif);} #mainNav li.mainNavObj2 a {display: block; width: 220px; height: 35px; background-image: url(../img/mainNavButtons/mainNavObj2.gif);} #mainNav li.mainNavObj3 a {display: block; width: 75px; height: 35px; background-image: url(../img/mainNavButtons/mainNavObj3.gif);} #mainNav li.mainNavObj4 a {display: block; width: 136px; height: 35px; background-image: url(../img/mainNavButtons/mainNavObj4.gif);} #mainNav li.mainNavObj5 a {display: block; width: 48px; height: 35px; background-image: url(../img/mainNavButtons/mainNavObj5.gif);} #mainNav li.mainNavObj6 a {display: block; width: 46px; height: 35px; background-image: url(../img/mainNavButtons/mainNavObj6.gif);} #mainNav li.mainNavObj7 a {display: block; width: 85px; height: 35px; background-image: url(../img/mainNavButtons/mainNavObj7.gif);} #mainNav li.mainNavObj8 a {display: block; width: 103px; height: 35px; background-image: url(../img/mainNavButtons/mainNavObj8.gif);} #mainNav li.mainNavObj9 a {display: block; width: 80px; height: 35px; background-image: url(../img/mainNavEinfach/mainNavObj9.gif);} #mainNav li.mainNavObj1 a:hover {display: block; height: 35px; background-image: url(../img/mainNavEinfach/mainNavObj1Hover.gif);} #mainNav li.mainNavObj9 a:hover {display: block; height: 35px; background-image: url(../img/mainNavEinfach/mainNavObj9Hover.gif);} #mainNav li.mainNavObj1 a.mainNavLinkActive {display: block; height: 35px; background-image: url(../img/mainNavEinfach/mainNavObj1Active.gif);} #mainNav li.mainNavObj9 a.mainNavLinkActive {display: block; height: 35px; background-image: url(../img/mainNavEinfach/mainNavObj9Active.gif);} /*Einfache Hauptnavigation*/ body #mainNav li.mainNavObj1 a, body #mainNav li.mainNavObj2 a, body #mainNav li.mainNavObj3 a, body #mainNav li.mainNavObj4 a, body #mainNav li.mainNavObj5 a, body #mainNav li.mainNavObj6 a, body #mainNav li.mainNavObj7 a, body #mainNav li.mainNavObj8 a{border-right:solid 1px #70c6ff;height: 35px;} body #mainNav li.mainNavObj2 a, body #mainNav li.mainNavObj3 a, body #mainNav li.mainNavObj4 a, body #mainNav li.mainNavObj5 a, body #mainNav li.mainNavObj6 a, body #mainNav li.mainNavObj7 a, body #mainNav li.mainNavObj8 a{background: url(../img/mainNavEinfach/mainNavObj.gif) repeat-x;} body #mainNav li.mainNavObj2 a:hover, body #mainNav li.mainNavObj3 a:hover, body #mainNav li.mainNavObj4 a:hover, body #mainNav li.mainNavObj5 a:hover, body #mainNav li.mainNavObj6 a:hover, body #mainNav li.mainNavObj7 a:hover, body #mainNav li.mainNavObj8 a:hover{background: url(../img/mainNavEinfach/mainNavHover.gif) repeat-x;} body #mainNav li.mainNavObj2 a.mainNavLinkActive, body #mainNav li.mainNavObj3 a.mainNavLinkActive, body #mainNav li.mainNavObj4 a.mainNavLinkActive, body #mainNav li.mainNavObj5 a.mainNavLinkActive, body #mainNav li.mainNavObj6 a.mainNavLinkActive, body #mainNav li.mainNavObj7 a.mainNavLinkActive, body #mainNav li.mainNavObj8 a.mainNavLinkActive{background: url(../img/mainNavEinfach/mainNavActive.gif) repeat-x;} /**********************/ #contentLayer {width: 870px; background-image: url(../img/homeContentBackground.png); background-repeat: repeat-y; padding: 0px 7px 0px 13px;} *html #contentLayer {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.alpincenter.com/fileadmin/img/homeContentBackground.png', sizingMethod='scale');} #contentSide {position: relative; width: 870px;} *html #contentSide {} #content {position: relative; padding: 0px 14px 0px 13px;} *html #content {padding: 0px;} #onlineBookingHome {position: absolute; padding: 15px 0px 0px 7px; z-index: 15;} #onlineBookingHome a:hover img {filter:Alpha(opacity=80, finishopacity=80); -moz-opacity:0.8; -khtml-opacity:0.8;} #homeFlash {margin: 0px 0px 0px -13px;} *html #homeFlash {margin: 0px;} #footerLayer {width: 870px; height: 55px; background-image: url(../img/homeFooterBackground.png); background-repeat: repeat-y; padding: 0px 7px 0px 13px;} *html #footerLayer {background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://www.alpincenter.com/fileadmin/img/homeFooterBackground.png');} #footerLayer ul.footerNavList {list-style-type: none; padding: 32px 0px 0px 10px;} #footerLayer li.footerNavObj {position: relative; float: left; margin: 0px 5px 0px 0px; padding: 0px 5px 0px 0px; border-right: #333333 solid 1px;} #footerLayer li.footerNavLastObj {position: relative; float: left; margin: 0px 5px 0px 0px; border-right: none;} #footerLayer li a {color: #333333; text-decoration: none;} /* tt_news Einstellungen */ div.newsTeaser {display: block; margin: 0px -14px 0px -13px;} div.newsTeaserOverLayer {display: block; padding: 10px 0px 10px 10px;} div.newsTeaserCutter {display: block; height: 26px; background-image: url(../img/contentCutter.png); background-repeat: repeat-x;} div.newsTeaserCutter a {display: block; width: 104px; height: 26px; background-image: url(../img/buttonMoreNews.gif); background-repeat: no-repeat; float: right; padding: 0px 0px 0px 40px; line-height: 26px; font-size: 12px; color: #ffffff; font-weight: normal;} div.newsTeaserCutter a:hover {text-decoration: none;} div.newsTeaserLayer {display: block; width: 410px; height: 110px; border: 1px solid #c0c0c0; margin: 0px 11px 10px 0px; float: left;} *html div.newsTeaserLayer {margin: 0px 0px 0px 11px;} div.newsTeaserImage {width: 110px; height: 110px; margin: 0px 10px 0px 0px; float: left;} div.newsTeaserImage img {width: 110px; height: 110px;} div.newsTeaserText {display: block; width: 280px; float: left; padding: 0px 10px 0px 0px;} h3.newsTeaserHeadline {font-size: 13px; line-height: 18px; color: #3366ff; font-weight: bold; display: block; margin: 0px 0px 0px 0px;} h3.newsTeaserHeadline a {font-size: 13px; line-height: 18px; color: #3366ff; font-weight: bold; display: block; margin: 0px 0px 0px 0px;} h3.newsTeaserHeadline a:hover {text-decoration: none;} div.newsTeaserBody {display: block; color: #333333; font-weight: normal; font-size: 11px;} div.newsTeaserBody p {display: inline; line-height: 15px;} div.newsTeaserBody a {display: inline; color: #cc0000; font-size: 11px; line-height: 22px; text-decoration: none; padding: 0px 0px 0px 16px; background-image: url(../img/buttonReadMore.gif); background-position: 0px 2px; background-repeat: no-repeat;} div.newsTeaserBody a:hover {display: inline; color: #cc0000; font-size: 11px; line-height: 22px; text-decoration: underline; padding: 0px 0px 0px 16px; background-image: url(../img/buttonReadMore.gif); background-position: 0px 2px; background-repeat: no-repeat;}