/* CSS Clearfix */ .clearfix:after { clear: left; content: "."; display: block; height: 0; visibility: hidden; } body { font-family: Tahoma; font-size: 12px; color: #202020; line-height: 165%; } img { outline: none; border: none; } a { outline: none; color: #A80E13; } .header { overflow: hidden; margin: 0 auto; width: 960px; height: 107px; } .content { clear: both; left: 50%; margin-left: -480px; width: 960px; position: absolute; z-index: 2; } .contentTop { height: 16px; width: 734px; background: url('../img/contentTop.png') bottom center; margin: 0 auto; position: relative; margin-top: 87px; float: left; } .contentBg { background: #fff url('../img/contentBg.gif') top; width: 100%; position: absolute; left: 0px; top: 408px; z-index: -3; height: 363px; border-top: 1px solid #fff; } .sidebar { float: left; width: 226px; top: 107px; margin-top: 107px; text-align: center; } .main { float: left; width: 694px; background: #fff; position: relative; padding: 20px; } .topBar { background: url('../img/headerBg_neu.jpg') repeat-x; height: 88px; width: 100%; position: absolute; top: 0px; left: 0px; border-bottom: 1px solid #fff; z-index: -1; } .logo { height: 107px; width: 226px; float: left; } .panorama { background: url('../img/panoramaBg_neu.jpg') repeat-x center; position: absolute; height: 385px; width: 100%; top: 23px; left: 0px; z-index: -2; } .footer { overflow: hidden; width: 960px; color: #a0a0a0; font-size: 11px; } .footer a { text-decoration: underline; color: #a0a0a0; } .footer a:hover { text-decoration: none; color: #a0a0a0; } .hr { height: 2px; background: #c7c7c7; margin-bottom: 15px; } .facebook { float: left; width: 550px; } .copyright { float: right; width: 410px; text-align: right; } /* Button styles */ .button { display: block; background: url('../img/logo.png'); background-position: top; height: 107px; width: 226px; } .button span.hover { position: absolute; display: block; height: 107px; width: 226px; background: url('../img/logo.png') no-repeat; background-position: bottom; } .coco { display: block; background: url('../img/coco.jpg'); background-position: top center; height: 92px; width: 132px; } .coco span.hover { position: absolute; display: block; height: 92px; width: 132px; background: url('../img/coco.jpg') no-repeat; background-position: bottom center; } /* Navigation styles */ .nav { overflow: hidden; width: 704px; float: left; height: 36px; padding: 36px 6px 0px 13px; } /* Partner styles */ #partner { list-style: none; margin: 0px; padding: 0px; } #partner li div.img_container { width: 213px; float: left; } #partner li div.img_container img { float: right; } #partner li div.text_container { float: left; margin-left: 15px; } #partner li { border-bottom: 1px dotted #c7c7c7; padding: 10px 0; } #partner li span { display: block; font-weight: bold; font-size: 16px; } #nav-example { background: url('../img/navSprite.png') no-repeat; width: 704px; height: 36px; margin: 0; padding: 0; } #nav-example span { display: none; } #nav-example li, #nav-example a { height: 36px; display: block; } #nav-example li { float: left; list-style: none; display: inline; } #nav-example-01 { width: 116px; } #nav-example-02 { width: 120px; } #nav-example-03 { width: 109px; } #nav-example-04 { width: 82px; } #nav-example-05 { width: 68px; } #nav-example-06 { width: 105px; } #nav-example-07 { width: 100px; } #nav-example-01 a:hover { background: url('../img/navSprite.png') 0px -36px no-repeat; } #nav-example-02 a:hover { background: url('../img/navSprite.png') -116px -36px no-repeat; } #nav-example-03 a:hover { background: url('../img/navSprite.png') -236px -36px no-repeat; } #nav-example-04 a:hover { background: url('../img/navSprite.png') -345px -36px no-repeat; } #nav-example-05 a:hover { background: url('../img/navSprite.png') -427px -36px no-repeat; } #nav-example-06 a:hover { background: url('../img/navSprite.png') -495px -36px no-repeat; } #nav-example-07 a:hover { background: url('../img/navSprite.png') -600px -36px no-repeat; } .tooltip { border-bottom: 1px dotted #000000; color: #000000; outline: none; cursor: help; text-decoration: none; position: relative; } .tooltip span { margin-left: -999em; position: absolute; } .tooltip:hover span { border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); font-family: Calibri, Tahoma, Geneva, sans-serif; position: absolute; left: 1em; top: 2em; z-index: 99; margin-left: 0; width: 250px; } .tooltip:hover img { border: 0; margin: -10px 0 0 -55px; float: left; position: absolute; } .tooltip:hover em { font-family: Candara, Tahoma, Geneva, sans-serif; font-size: 1.2em; font-weight: bold; display: block; padding: 0.2em 0 0.6em 0; } .classic { padding: 0.8em 1em; } .custom { padding: 0.5em 0.8em 0.8em 2em; } * html a:hover { background: transparent; } .classic {background: #FFFFAA; border: 1px solid #FFAD33; } .critical { background: #FFCCAA; border: 1px solid #FF3334; } .help { background: #9FDAEE; border: 1px solid #2BB0D7; } .info { background: #9FDAEE; border: 1px solid #2BB0D7; } .warning { background: #FFFFAA; border: 1px solid #FFAD33; } /* #nav { width: 674px; height: 36px; background: url('../img/navSprite.png') no-repeat; position: absolute; padding:0; } #nav li { display: inline; } #nav li a:link, #nav li a:visited { position: absolute; top: 0; height: 36px; text-indent: -9000px; overflow: hidden; z-index: 10; } #programm a:link, #programm a:visited { width: 109px; } #programm a:hover, #programm a:focus { background: url('../img/navSprite.png') no-repeat 0px -36px; } #programm a:active { background: url('../img/navSprite.png') no-repeat 0px -144px; } #programm.current a:link, #programm.current a:visited { background: url('../img/navSprite.png') no-repeat 0px -144px; cursor: default; } .nav-programm, .nav-programm-click { position: absolute; top: 0; width: 109px; height: 36px; background: url('../img/navSprite.png') no-repeat 0px -108px; } .nav-programm-click { background: url('../img/navSprite.png') no-repeat 0px -108px; } #partypics a:link, #partypics a:visited { left: 109px; width: 119px; } #partypics a:hover, #partypics a:focus { background: url('../img/navSprite.png') no-repeat -109px -36px; } #partypics a:active { background: url('../img/navSprite.png') no-repeat -109px -98px; } #partypics.current a:link, #partypics.current a:visited { background: url('../img/navSprite.png') no-repeat -109px -147px; cursor: default; } .nav-about, .nav-about-click { position: absolute; top: 0; left: 109px; width: 119px; height: 48px; background: url('../img/navSprite.png') no-repeat -109px -49px; } .nav-about-click { background: url('../img/navSprite.png') no-repeat -109px -98px; } #club a:link, #club a:visited { left: 183px; width: 97px; } #club a:hover, #club a:focus { background: url('../img/navSprite.png') no-repeat -183px -49px; } #club a:active { background: url('../img/navSprite.png') no-repeat -183px -98px; } #club.current a:link, #club.current a:visited { background: url('../img/navSprite.png') no-repeat -183px -147px; cursor: default; } .nav-services, .nav-services-click { position: absolute; top: 0; left: 183px; width: 97px; height: 48px; background: url('../img/navSprite.png') no-repeat -183px -49px; } .nav-services-click { background: url('../img/navSprite.png') no-repeat -183px -98px; } #staff a:link, #staff a:visited { left: 281px; width: 97px; } #staff a:hover, #staff a:focus { background: url('../img/navSprite.png') no-repeat -281px -49px; } #staff a:active { background: url('../img/navSprite.png') no-repeat -281px -98px; } #staff.current a:link, #staff.current a:visited { background: url('../img/navSprite.png') no-repeat -281px -147px; cursor: default; } .nav-contact, .nav-contact-click { position: absolute; top: 0; left: 281px; width: 97px; height: 48px; background: url('../img/navSprite.png') no-repeat -281px -49px; } .nav-contact-click { background: url('../img/navSprite.png') no-repeat -281px -98px; } #djs a:link, #djs a:visited { left: 281px; width: 97px; } #djs a:hover, #djs a:focus { background: url('../img/navSprite.png') no-repeat -281px -49px; } #djs a:active { background: url('../img/navSprite.png') no-repeat -281px -98px; } #djs.current a:link, #djs.current a:visited { background: url('../img/navSprite.png') no-repeat -281px -147px; cursor: default; } .nav-contact, .nav-contact-click { position: absolute; top: 0; left: 281px; width: 97px; height: 48px; background: url('../img/navSprite.png') no-repeat -281px -49px; } .nav-contact-click { background: url('../img/navSprite.png') no-repeat -281px -98px; } #partner a:link, #partner a:visited { left: 281px; width: 97px; } #partner a:hover, #partner a:focus { background: url('../img/navSprite.png') no-repeat -281px -49px; } #partner a:active { background: url('../img/navSprite.png') no-repeat -281px -98px; } #partner.current a:link, #partner.current a:visited { background: url('../img/navSprite.png') no-repeat -281px -147px; cursor: default; } .nav-contact, .nav-contact-click { position: absolute; top: 0; left: 281px; width: 97px; height: 48px; background: url('../img/navSprite.png') no-repeat -281px -49px; } .nav-contact-click { background: url('../img/navSprite.png') no-repeat -281px -98px; } #kontakt a:link, #kontakt a:visited { left: 281px; width: 97px; } #kontakt a:hover, #kontakt a:focus { background: url('../img/navSprite.png') no-repeat -281px -49px; } #kontakt a:active { background: url('../img/navSprite.png') no-repeat -281px -98px; } #kontakt.current a:link, #kontakt.current a:visited { background: url('../img/navSprite.png') no-repeat -281px -147px; cursor: default; } .nav-contact, .nav-contact-click { position: absolute; top: 0; left: 281px; width: 97px; height: 48px; background: url('../img/navSprite.png') no-repeat -281px -49px; } .nav-contact-click { background: url('../img/navSprite.png') no-repeat -281px -98px; } */