body { background-color: #c0bbad; background-image: url(Bilder/background.jpg); background-repeat: repeat-x; font-family:Arial, Helvetica, sans-serif; } #container { display: table; margin: 0 auto 0 auto; width: 960px; } #top {width: 960px; height: 160px; background-image: url(Bilder/logo.png); } #middle { background-color: #FFF; width: 960px; display: table; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #CCC; } #left { width: 280px; padding: 30px 0 0 20px; float: left;} #right { width: 620px; padding: 30px 20px 40px 20px; float: right;} #bottom { width: 960px; height: 40px; float: left; margin: 0 auto 0 auto; } h1 { margin: 30px 0 0 0; padding: 0 0 0 0; font-size: 24px; font-family:Arial, Helvetica, sans-serif; color:#990000; font-weight: normal; text-transform: uppercase; } h2 { margin: 15px 0 0 0; padding: 0 0 0 0; font-size: 16px; text-transform: uppercase; } p { text-align: justify; font-family: Verdana, Geneva, sans-serif; font-size:14px; line-height: 17px; margin: 0; padding: 0 15px 17px 0;} img { border: none; } .SD { display: none; } #right ul { font-size: 18px; padding: 0 0 0 20px; list-style-type: square; color:#990000; } address { font-family: Verdana, Geneva, sans-serif; font-style: normal; font-size:12px;} address { list-style-type: none; padding: 0; } /* STARTSEITE*/ #middle-startseite { margin: 20px 0 0 0; background-color: #FFF; width: 960px; display: table; -moz-border-radius: 10px; -webkit-border-radius: 10px; border: 1px solid #CCC; } #logo-startseite {margin: 10px 0 10px 20px; width: 920px; height: 140px; background-image: url(Bilder/logo-startseite.png); } .slideshow {margin-left: 20px; width: 940px; height: 330px; } #bereiche-startseite { width: 920px; padding: 20px 20px 20px 24px; height: 190px; } #philosophie-startseite { float: left; width: 300px; height: 145px; } #recht-startseite { float: left; margin-left: 5px; width: 300px; height: 145px; } #steuern-startseite { float: left; width: 300px; margin-left: 5px; height: 145px; } #picture { width: 620px; height: 217px; background-image:url(Bilder/IB-Philsophie.jpg); margin: 0; padding: 0;} #ib-partner { width: 620px; height: 217px; background-image:url(Bilder/IB-Partner.jpg); margin: 0; padding: 0;} #ib-ahlbory { width: 620px; height: 217px; background-image:url(Bilder/IB-Ahlbory.jpg); margin: 0; padding: 0;} #ib-garbe { width: 620px; height: 300px; background-image:url(Bilder/IB-Garbe.jpg); margin: 0; padding: 0;} #ib-steinke { width: 620px; height: 217px; background-image:url(Bilder/IB-Steinke.jpg); margin: 0; padding: 0;} #ib-wendl { width: 620px; height: 217px; background-image:url(Bilder/IB-Wendl.jpg); margin: 0; padding: 0;} #ib-recht { width: 620px; height: 217px; background-image:url(Bilder/IB-Recht.jpg); margin: 0; padding: 0;} #ib-steuern { width: 620px; height: 217px; background-image:url(Bilder/IB-Steuern.jpg); margin: 0; padding: 0;} #ib-downloads { width: 620px; height: 217px; background-image:url(Bilder/IB-Downloads.jpg); margin: 0; padding: 0;} #globalheader-top { width: 260px; height: 16px; background-image: url(Bilder/navigation_top.png); } #globalheader-bottom { width: 260px; height: 21px; background-image: url(Bilder/navigation_bottom.png); } #globalheader { display: table; float: left; width: 260px; } #globalheader #globalnav:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } #globalheader #globalnav, #globalheader #globalnav li ul { margin: 0; padding: 0; zoom: 1; width: 100%; list-style-type: none; } #globalheader #globalnav li a { float: left; width: 260px; height: 0; padding-top: 30px; overflow: hidden; background-image: url(Bilder/navigation.png); background-repeat: no-repeat; } #gn-philosophie a { background-position: 0px 0; } #gn-partner a { background-position: 0px -30px; } #gn-recht a { background-position: 0px -60px; } #gn-steuern a { background-position: 0px -90px; } #gn-downloads a { background-position: 0px -120px; } #gn-philosophie a:hover { background-position: -260px 0; } #gn-partner a:hover { background-position: -260px -30px; } #gn-recht a:hover { background-position: -260px -60px; } #gn-steuern a:hover { background-position: -260px -90px; } #gn-downloads a:hover { background-position: -260px -120px; } #globalheader.philosophie #gn-philosophie a { background-position: -260px -0px; } #globalheader.partner #gn-partner a { background-position: -260px -30px; } #globalheader.recht #gn-recht a { background-position: -260px -60px; } #globalheader.steuern #gn-steuern a { background-position: -260px -90px; } #globalheader.downloads #gn-downloads a { background-position: -260px -120px; } #globalheader #globalnav #gn-partner #sn-partner li a { float: left; width: 260px; height: 0; padding-top: 25px; overflow: hidden; background-image: url(Bilder/subnavigation.png); background-repeat: no-repeat; } #sn-partner { display: none; } #globalheader.partner #sn-partner { display: block; } #globalheader.partner #gn-partner #sn-larsahlbory a { background-position: 0px -18px; } #globalheader.partner #gn-partner #sn-garbe a { background-position: 0px -46px; } #globalheader.partner #gn-partner #sn-petersteinke a { background-position: 0px -74px; } #globalheader.partner #gn-partner #sn-dirkwendl a { background-position: 0px -102px; } #globalheader.partner #gn-partner #sn-larsahlbory a:hover, #globalheader.partner #gn-partner #sn-larsahlbory.active a { background-position: -260px -18px; } #globalheader.partner #gn-partner #sn-garbe a:hover, #globalheader.partner #gn-partner #sn-garbe.active a { background-position: -260px -46px; } #globalheader.partner #gn-partner #sn-petersteinke a:hover, #globalheader.partner #gn-partner #sn-petersteinke.active a { background-position: -260px -74px; } #globalheader.partner #gn-partner #sn-dirkwendl a:hover, #globalheader.partner #gn-partner #sn-dirkwendl.active a { background-position: -260px -102px; } #bottom-navigation { width: 960px; height: 40px; border-top: 1px solid #cccccc; display: } #bottom-navigation ul { margin: 10px auto 0 90px; height: 40px; text-transform: uppercase; } #bottom-navigation ul li { text-transform: uppercase; font-size: 12px; float: left; list-style-type: none; padding: 0 15px 0 15px; } #bottom-navigation ul li a, #bottom-navigation ul li a:hover, #bottom-navigation ul li a:active, #bottom-navigation ul li a:visited { color: #999; text-decoration:none; } #bottom-navigation ul li a:hover { background-color: #999; color: #FFF; } #bottom-navigation ul li.active a { background-color: #999; color: #FFF; } .sn-top { float: left; height: 18px; width: 260px; background-image:url(Bilder/subnavigation.png); background-position: 0 0px;} .sn-bottom { float: left; height: 22px; width: 260px; background-image:url(Bilder/subnavigation.png); background-position: 0 -127px;}