/* BODY ================================================================================================================================ */ html { overflow: -moz-scrollbars-vertical !important; } body { margin: 0; padding: 0; font: 12px/20px Verdana, Arial, Helvetica, sans-serif; color: rgb(60,60,60); background: url(bck.body.jpg) repeat-x; } #format { width: 904px; padding: 40px 0 0 0; margin: 0 auto 0 auto; } /* BEREICHSÜBERGREIFENDE FORMATIERUNGEN ================================================================================================ */ a:link { color: rgb(220,0,40); } a:visited { color: rgb(150,150,150); } a:hover, a:active, a:focus { text-decoration: none; } hr { margin: 0 0 20px 0; height: 1px; border: 0; border-top: 1px dotted rgb(200,200,200); } .clear { clear: both; line-height: 0; } .nowrap { white-space: nowrap; } .nopad { padding: 0; } small { color: rgb(150,150,150); font: 11px/18px Verdana, Arial, Helvetica, sans-serif; } img { border: 1px solid rgb(220,220,220); } img.nb { border: none; } a img { margin: 5px 7px 5px 1px; } a:hover img { border-color: rgb(220,0,40); } p.pics { margin: 0 -20px 0 0; } p.pics a img { margin: 0 18px 18px 1px; } .fl { float: left; } small a:link { color: rgb(150,150,150); } small a:visited { color: rgb(150,150,150); } small a:hover, small a:active, small a:focus { color: rgb(220,0,40); text-decoration: none; } #header { position: relative; height: 230px; color: rgb(150,150,150); } #header h1.claim { height: 125px; padding: 15px 0 0 20px; margin: 0; font: 16px/22px Verdana, Arial, Helvetica, sans-serif; } #header h1.claim b { display: none; } #header h1.domino { position: absolute; left: -45px; top: 149px; width: 106px; height: 105px; padding: 0; margin: 0; } #header h1.domino b { display: none; } #header h1.modo { position: absolute; left: 800px; top: -10px; width: 132px; height: 123px; padding: 0; margin: 0; cursor: pointer; } #header h1.modo b { display: none; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body #header h1.claim { background: url(bck.h1.png) top left no-repeat; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body #header h1.domino { background: url(domino.png) top left no-repeat; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body #header h1.modo { background: url(modo.png) top left no-repeat; } #topnavi { float: left; margin: 0; padding: 0; } #topnavi li { list-style: none; float: left; } #topnavi li a:link, #topnavi li a:visited { float: left; height: 26px; padding: 2px 10px 0 10px; font-size: 11px; line-height: 23px; text-decoration: none; color: rgb(130,130,130); background-image: url(topnavi.a.gif); border-right: 1px solid rgb(200,200,200); } #topnavi li a:hover, #topnavi li a:active, #topnavi li a:focus, #topnavi li a.active { color: rgb(100,100,100); background-position: left -28px; } #topnavi li.home a:link, #topnavi li.home a:visited { width: 202px; background-image: url(topnavi.a.home.gif); } #topnavi li.first a:link, #topnavi li.first a:visited { background-image: url(topnavi.a.first.gif); } #topnavi li.last a:link, #topnavi li.last a:visited { background-image: url(topnavi.a.last.gif); background-position: right top; border: 0; } #topnavi li.last a:hover, #topnavi li.last a:active, #topnavi li.last a:focus { background-position: right -28px; } #navi { float: left; width: 100%; height: 62px; margin: 0; padding: 0; background: url(bck.navi.gif) no-repeat; } #navi li { list-style: none; float: left; } #navi li a:link, #navi li a:visited { float: left; height: 33px; padding: 7px 18px 0 18px; font-size: 16px; line-height: 24px; text-decoration: none; color: rgb(80,80,80); background-image: url(navi.a.gif); border-right: 1px solid rgb(200,200,200); } #navi li a:hover, #navi li a:active, #navi li a:focus { color: black; background-position: left -40px; } #navi li a.active:link, #navi li a.active:visited { color: white; background-position: left -80px; } #navi li.first a:link, #navi li.first a:visited { margin-left: 222px; background-image: url(navi.a.first.gif); } #main { float: left; padding: 0 2px 0 2px; background: url(bck.main.jpg) repeat-y; } #subnavi { float: left; width: 220px; } #content { float: left; width: 660px; padding: 18px 0 0 20px; } #copyright { float: left; width: 100%; padding: 5px 0 10px 0; border-top: 2px solid rgb(200,200,200); } #copyright p { padding: 0; margin: 0; } #subnavi h2 { padding: 5px 10px 6px 10px; margin: 0; color: black; font: 12px/20px Verdana, Arial, Helvetica, sans-serif; background-image: url(subnavi.h2.jpg); border-bottom: 1px dotted white; letter-spacing: 0; } #subnavi ul { margin: 0; padding: 0 0 20px 0; } #subnavi ul li { list-style: none; } #subnavi ul li a:link, #subnavi ul li a:visited { position: relative; display: block; height: 1%; padding: 5px 10px 6px 10px; text-decoration: none; color: rgb(80,80,80); background-image: url(subnavi.a.jpg); border-bottom: 1px dotted white; } #subnavi ul li a:hover, #subnavi ul li a:active, #subnavi ul li a:focus { color: black; background-position: left -100px; } #subnavi ul li a.active:link, #subnavi ul li a.active:visited { color: white; background-position: left -200px; } #subnavi ul li.new a { text-indent: 20px; background-image: url(subnavi.a.green.jpg); } #subnavi ul li.new a strong { position: absolute; left: -10px; top: -5px; width: 36px; height: 36px; background: url(teaser.attention.green.png) top left no-repeat; } #subnavi ul li.new a strong em { display: none; } #subnavi ul li a:link small, #subnavi ul li a:visited small { color: rgb(0,0,0); filter: alpha(opacity: 50); opacity: 0.50; KHTMLOpacity: 0.50; MozOpacity: 0.50; } #subnavi ul li a:hover small, #subnavi ul li a:active small, #subnavi ul li a:focus small { color: rgb(0,0,0); filter: alpha(opacity: 60); opacity: 0.60; KHTMLOpacity: 0.60; MozOpacity: 0.60; } #subnavi ul li a.active:link small, #subnavi ul li a.active:visited small { color: white; filter: alpha(opacity: 70); opacity: 0.70; KHTMLOpacity: 0.70; MozOpacity: 0.70; } .alertbar { margin-top: 0; background: url(bck.alertbar.gif) left top repeat-x rgb(200,0,0); } .alertbar p { padding: 9px 10px 8px 20px; color: white; background: url(i.alert.ani.gif) left 11px no-repeat; } .sixcol { float: left; width: 640px; padding: 0 20px 0 0; } .quacol { float: left; width: 420px; padding: 0 20px 0 0; } .twocol { float: left; width: 200px; padding: 0 20px 0 0; } .twocol_nopad { float: left; width: 200px; padding: 0; } h2, h3, h4, p, form, ul { padding: 0 0 20px 0; margin: 0; } h2 { font: 24px/30px Verdana, Arial, Helvetica, sans-serif; color: rgb(220,0,40); letter-spacing: -1px; } h2 small { font-size: 24px; font-weight: normal; color: rgb(150,150,150); } h3 { font: 16px/24px Verdana, Arial, Helvetica, sans-serif; } h4 { padding: 0; font: bold 12px/20px Verdana, Arial, Helvetica, sans-serif; } h4 small { font-size: 12px; font-weight: normal; color: rgb(150,150,150); } ul.list li { margin: 0; padding: 0 0 0 13px; list-style: none; background: url(li.bullet.gif) 2px 8px no-repeat; } ul.linklist { list-style: none; } ul.linklist li { margin: 0 0 5px 0; } ul.linklist a { height: 1%; display: block; text-decoration: none; padding: 0 0 0 30px; } ul.linklist .pdf a { background: url(li.download.pdf.gif) left top; } ul.linklist .file a { background: url(li.download.file.gif) left top; } ul.linklist a:link, ul.linklist a:visited { background-repeat: no-repeat; color: rgb(60,60,60); } ul.linklist a:hover, ul.linklist a:active, ul.linklist a:focus { background-position: left -200px; color: rgb(220,0,40); } ul.linklist a:hover small, ul.linklist a:active small, ul.linklist a:focus small { color: rgb(235,125,145); } .teaser { position: relative; margin-bottom: 25px; color: rgb(120,120,120); background: url(bck.teaser.jpg) repeat-x rgb(245,245,245); } .teaser h3 { padding: 5px 10px 6px 24px; margin: 0; color: rgb(60,60,60); background: rgb(220,220,220); border-bottom: 1px dotted white; } .teaser p { padding: 5px 10px 6px 10px; margin: 0; } .teaser ul { padding: 5px 10px 0 10px; margin: 0; } .teaser hr { margin: 0; } .teaser h4 { position: absolute; left: -15px; top: -13px; width: 36px; height: 36px; padding: 0; margin: 0; } .teaser h4 b { display: none; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body .teaser h4.exclamation { background: url(teaser.exclamation.png) top left no-repeat; } html>body .teaser h4.question { background: url(teaser.question.png) top left no-repeat; } html>body .teaser h4.catalogue { background: url(teaser.catalogue.png) top left no-repeat; } html>body .teaser h4.callback { background: url(teaser.callback.png) top left no-repeat; } html>body .teaser h4.attention { background: url(teaser.attention.png) top left no-repeat; } #pagefunctions { float: left; margin: 0 0 20px 0; padding: 0; } #pagefunctions li { float: left; list-style: none; } #pagefunctions a { color: rgb(150,150,150); font: 11px/18px Verdana, Arial, Helvetica, sans-serif; text-decoration: none; padding: 2px 20px 2px 20px; margin: 0; } #pagefunctions a.backlink { background: url(i.backlink.gif) left top no-repeat; } #pagefunctions a.toplink { background: url(i.toplink.gif) left top no-repeat; } #pagefunctions a.printlink { background: url(i.printlink.gif) left top no-repeat; } #pagefunctions a:hover { color: rgb(220,0,40); background-position: 0 -25px; } p.zoompics { float: left; padding: 0; margin: 0; } a.zoom { float: left; margin: 0 20px 20px 0; text-decoration: none; border: 1px solid rgb(220,220,220); font-size: 11px; line-height: 18px; } a.zoom:link, a.zoom:visited { background-color: rgb(230,230,230); color: rgb(50,50,50); } a.zoom:hover, a.zoom:active, a.zoom:focus { background-color: rgb(220,0,40); color: white; background-position: 4px -15px; border-color: rgb(220,0,40); } a.zoom img { border: 0; border-bottom: 1px solid rgb(220,220,220); } a.zoom span { float: left; padding: 1px 1px 3px 21px; background: url(i.zoomlink.gif) 4px 5px no-repeat; } a.zoom:hover span { background-position: 4px -15px; } #chaser { position: absolute; top: -1000px; left: -1000px; display: none; border: 1px solid rgb(220,0,40); z-index: 1; background: rgb(220,0,40); color: rgb(250,225,230); } #chaser.grey { border: 1px solid rgb(220,220,220); background: rgb(80,80,80); color: rgb(220,220,220); } #chaser p { padding: 11px 15px 12px 15px; margin: 0; } #chaser .img { background: url(loading.gif) center center no-repeat white; } #chaser img { border: 0; } .alert { padding: 2px; margin-bottom: 20px; color: rgb(170,0,30); border: 1px dotted rgb(220,0,40); } .alert div { padding: 15px 15px 0 15px; background: rgb(250,225,230); } .alert a, .alert a:link, .alert a:visited { color: rgb(170,0,30); } .alert a:hover, .alert a:active, .alert a:focus { text-decoration: none; }