/* Body -------------------------------------------------------------------------------------------------------------------------------- */ html { overflow: -moz-scrollbars-vertical !important; } body { margin: 0; padding: 0; font: 12px/20px Calibri, Arial, Helvetica, sans-serif; color: rgb(40,40,40); background: url(bck.body.jpg) repeat-x white; } #format { width: 920px; padding: 0 0 0 10px; margin: 0 auto 0 auto; } /* bereichsübergreifende Formatierungen ------------------------------------------------------------------------------------------------ */ a:link, a:visited { color: rgb(0,70,140); } a:hover, a:active, a:focus { text-decoration: none; } small a:link, small a:visited { color: rgb(150,150,150); } small a:hover, small a:active, small a:focus { text-decoration: none; } img { border: 0; margin: 0; } small { font-size: 11px; line-height: 20px; color: rgb(150,150,150); } big { font-size: 16px; line-height: 22px; } h1, h2, h3, p, ul { padding: 0 0 25px 0; margin: 0; } h1 { font-size: 24px; line-height: 26px; font-weight: normal; } h1 small { font-size: 12px; color: rgb(150,150,150); } h2 { font-size: 16px; line-height: 22px; font-weight: normal; } h2 small { font-size: 12px; color: rgb(150,150,150); } h2 a:link, h2 a:visited { color: rgb(40,40,40); text-decoration: none; } h2 a:hover, h2 a:active, h2 a:focus { color: rgb(0,70,140); text-decoration: underline; } h3 { font-size: 16px; padding: 0 0 3px 0; line-height: 22px; font-weight: normal; } .clear { clear: both; line-height: 0; } .nowrap { white-space: nowrap; } .nopad { padding: 0; } .nomar { margin: 0; } .noborder { border: none; } .ispc { font-size: 0.1%; line-height: 0.1%; visibility: hidden; text-decoration: none; } .alert { padding: 15px 15px 15px 15px; margin-bottom: 20px; color: rgb(195,0,40); border: 1px solid rgb(215,0,40); background: rgb(250,230,235); } /* Headerpic --------------------------------------------------------------------------------------------------------------------------- */ h1#headerpic { position: absolute; left: 0; top: 0; width: 100%; height: 260px; padding: 0; margin: 0; z-index: 1; } h1#headerpic span { position: absolute; left: 0; top: 0; width: 100%; height: 224px; margin: 36px 0 0 0; } h1#headerpic strong { position: absolute; left: 50%; top: 50%; height: 200px; width: 400px; margin: -100px 0 0 -200px; } h1#headerpic object, h1#headerpic embed { position: absolute; left: 50%; top: 50%; height: 224px; width: 910px; margin: -112px 0 0 -455px; } h1#headerpic strong b { display: none; } h1#headerpic.startani { background: url(headerpic.f.bck.jpg); } h1#headerpic.startani span { background: url(headerpic.f.jpg) center top no-repeat; } h1#headerpic.startani strong { position: absolute; left: 50%; top: 50%; height: 200px; width: 800px; margin: -100px 0 0 -400px; filter: alpha(opacity: 0); opacity: 0; KHTMLOpacity: 0; MozOpacity: 0; } html>body h1#headerpic.startani strong#startani_1 { background: url(startani.png) left top no-repeat; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body h1#headerpic.startani strong#startani_2 { background: url(startani.png) left center no-repeat; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body h1#headerpic.startani strong#startani_3 { background: url(startani.png) left bottom no-repeat; } /* Den IE ausschließend das Hintergrundbild setzen */ h1#headerpic.f { background: url(headerpic.f.bck.jpg); } h1#headerpic.f span { background: url(headerpic.f.jpg) center top no-repeat; } html>body h1#headerpic.f strong { background: url(logo.f.png) left top no-repeat; } /* Den IE ausschließend das Hintergrundbild setzen */ h1#headerpic.fe { background: url(headerpic.fe.bck.jpg); } h1#headerpic.fe span { background: url(headerpic.fe.jpg) center top no-repeat; } html>body h1#headerpic.fe strong { background: url(logo.fe.png) left top no-repeat; } /* Den IE ausschließend das Hintergrundbild setzen */ h1#headerpic.fepc { background: url(headerpic.fepc.bck.jpg); } h1#headerpic.fepc span { background: url(headerpic.fepc.jpg) center top no-repeat; } html>body h1#headerpic.fepc strong { background: url(logo.fepc.png) left top no-repeat; } /* Den IE ausschließend das Hintergrundbild setzen */ h1#headerpic.fea { background: url(headerpic.fea.bck.jpg); } h1#headerpic.fea span { background: url(headerpic.fea.jpg) center top no-repeat; } html>body h1#headerpic.fea strong { background: url(logo.fea.png) left top no-repeat; } /* Den IE ausschließend das Hintergrundbild setzen */ /* h1#headerpic.fesa { background: url(headerpic.fesa.bck.jpg); } h1#headerpic.fesa span { background: url(headerpic.fesa.jpg) center top no-repeat; } html>body h1#headerpic.fesa strong { background: url(logo.fesa.png) left top no-repeat; } *//* Den IE ausschließend das Hintergrundbild setzen */ h1#headerpic.fec { background: url(headerpic.fec.bck.jpg); } h1#headerpic.fec span { background: url(headerpic.fec.jpg) center top no-repeat; } html>body h1#headerpic.fec strong { background: url(logo.fec.png) left top no-repeat; } /* Den IE ausschließend das Hintergrundbild setzen */ h1#headerpic.se { background: url(headerpic.se.bck.jpg); } h1#headerpic.se span { background: url(headerpic.se.jpg) center top no-repeat; } html>body h1#headerpic.se strong { background: url(logo.se.png) left top no-repeat; } /* Den IE ausschließend das Hintergrundbild setzen */ h1#headerpic.fn { background: url(headerpic.fn.bck.jpg); } h1#headerpic.fn span { background: url(headerpic.fn.jpg) center top no-repeat; } html>body h1#headerpic.fn strong { background: url(logo.fn.png) left top no-repeat; } /* Den IE ausschließend das Hintergrundbild setzen */ /* Header mit Navi --------------------------------------------------------------------------------------------------------------------- */ #header { position: relative; padding: 6px 0 0 0; width: 100%; height: 254px; background-position: center top; background-repeat: no-repeat; z-index: 2; } #header a { font-size: 16px; text-align: center; text-decoration: none; padding: 0 20px 0 20px; } #header a.first { border: none; } #header.f { background-image: url(bck.navi.f.jpg); } #header.f a:link, #header.f a:visited { border-left: 1px solid rgb(255,185,145); color: rgb(150,85,40); } #header.f a:hover, #header.f a:active, #header.f a:focus, #header.f a.active:link, #header.f a.active:visited { color: rgb(50,25,15); } #header.fe { background-image: url(bck.navi.fe.jpg); } #header.fe a:link, #header.fe a:visited { border-left: 1px solid rgb(255,185,145); color: rgb(150,85,40); } #header.fe a:hover, #header.fe a:active, #header.fe a:focus, #header.fe a.active:link, #header.fe a.active:visited { color: rgb(50,25,15); } #header.fepc { background-image: url(bck.navi.fepc.jpg); } #header.fepc a:link, #header.fepc a:visited { border-left: 1px solid rgb(147,147,150); color: rgb(193,193,195); } #header.fepc a:hover, #header.fepc a:active, #header.fepc a:focus, #header.fepc a.active:link, #header.fepc a.active:visited { color: rgb(239,239,240); } #header.fea { background-image: url(bck.navi.fea.jpg); } #header.fea a:link, #header.fea a:visited { border-left: 1px solid rgb(75,125,175); color: rgb(155,180,210); } #header.fea a:hover, #header.fea a:active, #header.fea a:focus, #header.fea a.active:link, #header.fea a.active:visited { color: rgb(230,235,245); } /* #header.fesa { background-image: url(bck.navi.fesa.jpg); } #header.fesa a:link, #header.fesa a:visited { border-left: 1px solid rgb(147,147,150); color: rgb(193,193,195); } #header.fesa a:hover, #header.fesa a:active, #header.fesa a:focus, #header.fesa a.active:link, #header.fesa a.active:visited { color: rgb(239,239,240); } */ #header.fec { background-image: url(bck.navi.fec.jpg); } #header.fec a:link, #header.fec a:visited { border-left: 1px solid rgb(245,125,125); color: rgb(250,180,180); } #header.fec a:hover, #header.fec a:active, #header.fec a:focus, #header.fec a.active:link, #header.fec a.active:visited { color: rgb(255,230,230); } #header.se { background-image: url(bck.navi.se.jpg); } #header.se a:link, #header.se a:visited { border-left: 1px solid rgb(75,125,175); color: rgb(155,180,210); } #header.se a:hover, #header.se a:active, #header.se a:focus, #header.se a.active:link, #header.se a.active:visited { color: rgb(230,235,245); } #header.fn { background-image: url(bck.navi.fn.jpg); } #header.fn a:link, #header.fn a:visited { border-left: 1px solid rgb(147,147,150); color: rgb(193,193,195); } #header.fn a:hover, #header.fn a:active, #header.fn a:focus, #header.fn a.active:link, #header.fn a.active:visited { color: rgb(239,239,240); } /* Logo-Navi --------------------------------------------------------------------------------------------------------------------------- */ #logonavi { position: relative; float: left; left: 65px; padding: 0; margin: 0; z-index: 3; } #logonavi li { position: relative; float: left; list-style: none; } #logonavi li a { float: left; width: 130px; height: 90px; background: url(logonavi.jpg) left top rgb(240,240,240); } #logonavi li.fe a:link, #logonavi li.fe a:visited { background-position: left top; } #logonavi li.fe a:hover, #logonavi li.fe a:active, #logonavi li.fe a:focus, #logonavi li.fe a.active:link, #logonavi li.fe a.active:visited { background-position: left bottom; } #logonavi li.fepc a:link, #logonavi li.fepc a:visited { background-position: -130px top; } #logonavi li.fepc a:hover, #logonavi li.fepc a:active, #logonavi li.fepc a:focus, #logonavi li.fepc a.active:link, #logonavi li.fepc a.active:visited { background-position: -130px bottom; } #logonavi li.fea a:link, #logonavi li.fea a:visited { background-position: -260px top; } #logonavi li.fea a:hover, #logonavi li.fea a:active, #logonavi li.fea a:focus, #logonavi li.fea a.active:link, #logonavi li.fea a.active:visited { background-position: -260px bottom; } /* #logonavi li.fesa a:link, #logonavi li.fesa a:visited { background-position: -390px top; } #logonavi li.fesa a:hover, #logonavi li.fesa a:active, #logonavi li.fesa a:focus, #logonavi li.fesa a.active:link, #logonavi li.fesa a.active:visited { background-position: -390px bottom; } */ #logonavi li.fec a:link, #logonavi li.fec a:visited { background-position: -520px top; } #logonavi li.fec a:hover, #logonavi li.fec a:active, #logonavi li.fec a:focus, #logonavi li.fec a.active:link, #logonavi li.fec a.active:visited { background-position: -520px bottom; } #logonavi li.se a:link, #logonavi li.se a:visited { background-position: -650px top; } #logonavi li.se a:hover, #logonavi li.se a:active, #logonavi li.se a:focus, #logonavi li.se a.active:link, #logonavi li.se a.active:visited { background-position: -650px bottom; } #logonavi li.fn a:link, #logonavi li.fn a:visited { background-position: -780px top; } #logonavi li.fn a:hover, #logonavi li.fn a:active, #logonavi li.fn a:focus, #logonavi li.fn a.active:link, #logonavi li.fn a.active:visited { background-position: -780px bottom; } #logonavi li a strong { display: none; } #logonavi li ul { display: none; width: 130px; position: absolute; left: 0; bottom: 0; padding: 0; margin: 0 0 90px 0; list-style: none; /*filter: alpha(opacity: 95); opacity: 0.95; KHTMLOpacity: 0.95; MozOpacity: 0.95;*/ z-index: 1000; } #logonavi li ul li { clear: both; float: none; margin: 0; } #logonavi li ul li a:link, #logonavi li ul li a:visited { float: none; height: 1%; width: auto; display: block; margin: 1px 0 0 0; padding: 5px 0 6px 10px; text-decoration: none; cursor: pointer; } #logonavi li ul li a:hover, #logonavi li ul li a:active, #logonavi li ul li a:focus, #logonavi li ul li a.active { } #logonavi li.fe ul li a:link, #logonavi li.fe ul li a:visited { color: rgb(150,85,40); background: rgb(255,175,125); } #logonavi li.fe ul li a:hover, #logonavi li.fe ul li a:active, #logonavi li.fe ul li a:focus, #logonavi li.fe ul li a.active { color: rgb(50,25,15); background: rgb(255,140,70); } #logonavi li.fepc ul li a:link, #logonavi li.fepc ul li a:visited { color: rgb(193,193,195); background: rgb(115,115,120); } #logonavi li.fepc ul li a:hover, #logonavi li.fepc ul li a:active, #logonavi li.fepc ul li a:focus, #logonavi li.fepc ul li a.active { color: rgb(223,223,224); background: rgb(90,90,95); } #logonavi li.fea ul li a:link, #logonavi li.fea ul li a:visited { color: rgb(155,180,210); background: rgb(25,90,150); } #logonavi li.fea ul li a:hover, #logonavi li.fea ul li a:active, #logonavi li.fea ul li a:focus, #logonavi li.fea ul li a.active { color: rgb(205,215,230); background: rgb(0,65,125); } /* #logonavi li.fesa ul li a:link, #logonavi li.fesa ul li a:visited { color: rgb(193,193,195); background: rgb(115,115,120); } #logonavi li.fesa ul li a:hover, #logonavi li.fesa ul li a:active, #logonavi li.fesa ul li a:focus, #logonavi li.fesa ul li a.active { color: rgb(223,223,224); background: rgb(90,90,95); } */ #logonavi li.fec ul li a:link, #logonavi li.fec ul li a:visited { color: rgb(250,180,180); background: rgb(240,25,25); } #logonavi li.fec ul li a:hover, #logonavi li.fec ul li a:active, #logonavi li.fec ul li a:focus, #logonavi li.fec ul li a.active { color: rgb(255,230,230); background: rgb(215,0,0); } #logonavi li.se ul li a:link, #logonavi li.se ul li a:visited { color: rgb(193,193,195); background: rgb(115,115,120); } #logonavi li.se ul li a:hover, #logonavi li.se ul li a:active, #logonavi li.se ul li a:focus, #logonavi li.se ul li a.active { color: rgb(223,223,224); background: rgb(90,90,95); } #logonavi li.fn ul li a:link, #logonavi li.fn ul li a:visited { color: rgb(193,193,195); background: rgb(115,115,120); } #logonavi li.fn ul li a:hover, #logonavi li.fn ul li a:active, #logonavi li.fn ul li a:focus, #logonavi li.fn ul li a.active { color: rgb(223,223,224); background: rgb(90,90,95); } #logonavi li:hover ul, #logonavi li.over ul { display: block; } /* Subnavi ----------------------------------------------------------------------------------------------------------------------------- */ #subnavi { list-style: none; margin: -15px -30px 0 0; background: url(bck.hr.gif) left top no-repeat; } #subnavi li { margin: 0; background: url(bck.hr.gif) 50px bottom no-repeat; } #subnavi a { font-size: 16px; color: rgb(40,40,40); } #subnavi .print a { font-size: 12px; color: rgb(150,150,150); background: transparent; } #subnavi a:link, #subnavi a:visited { height: 1%; display: block; text-decoration: none; padding: 16px 30px 19px 0; } #subnavi a:hover, #subnavi a:active, #subnavi a:focus, #subnavi a.active { color: rgb(0,70,140); } #subnavi li ul { display: none; list-style: none; padding: 0 0 15px 0; margin: -12px 0 0 0; background: transparent; } #subnavi li ul li { margin: 0; background: transparent; } #subnavi li ul a { font-size: 12px; color: rgb(100,100,100); } #subnavi li ul a:link, #subnavi li ul a:visited { height: 1%; display: block; text-decoration: none; padding: 3px 30px 5px 0; } #subnavi li ul a:hover, #subnavi li ul a:active, #subnavi li ul a:focus, #subnavi li ul a.active { color: rgb(0,70,140); } /* Content ----------------------------------------------------------------------------------------------------------------------------- */ #content { float: left; padding: 20px 0 0 0; background: url(bck.content.gif) left top repeat-y; } #footer { padding: 10px 0 0 0; text-align: center; border-top: 1px solid rgb(220,220,220); } .sidecol { float: left; width: 230px; padding: 101px 0 30px 30px; } .centercol { float: left; width: 330px; padding: 30px 30px 30px 30px; } .righty { text-align: right; padding: 101px 30px 30px 0; } .sidecol .hr { margin: 0 -30px 25px -30px; height: 1px; background: url(bck.hr.gif) right top no-repeat; } .centercol .hr { margin: 0 -30px 25px -30px; height: 1px; background: url(bck.hr.gif) center top no-repeat; } .righty .hr { margin: 0 -30px 25px -30px; height: 1px; background: url(bck.hr.gif) left top no-repeat; } .hr hr { display: none; } /* Button- und Linklisten -------------------------------------------------------------------------------------------------------------- */ ul.buttonlist, ul.linklist { list-style: none; } ul.linklist { padding-bottom: 10px; } ul.buttonlist li, ul.linklist li { margin: 0 0 1px 0; } ul.buttonlist a, ul.linklist a { height: 1%; display: block; text-decoration: none; } ul.buttonlist a { padding: 5px 8px 6px 30px; background-color: rgb(230,230,230); color: rgb(100,100,100); } ul.linklist a { padding: 0 0 0 37px; margin: 0 0 15px 0; } ul.buttonlist .forth a { background-image: url(i.forth.gif); color: rgb(100,100,100); } ul.buttonlist .back a { background-image: url(i.back.gif); color: rgb(100,100,100); } ul.buttonlist .showhide a { background-image: url(i.showhide.gif); color: rgb(100,100,100); } ul.buttonlist .submit a { background-image: url(i.submit.gif); color: rgb(100,100,100); background-color: rgb(230,230,230); } ul.buttonlist .cancel a { background-image: url(i.cancel.gif); color: rgb(100,100,100); } ul.buttonlist .print a { background-image: url(i.print.gif); color: rgb(80,80,80); background-color: rgb(220,220,220); } ul.buttonlist a:link, ul.buttonlist a:visited { background-repeat: no-repeat; background-position: left top; } ul.buttonlist a:hover, ul.buttonlist a:active, ul.buttonlist a:focus, ul.buttonlist a.active { background-position: left -300px; color: rgb(155,175,195); background-color: rgb(0,50,110); } ul.linklist .download a { background-image: url(i.download.gif); } ul.linklist .forth a { padding: 0 0 0 20px; margin: 0 0 5px 0; background-image: url(i.forth.linklist.gif); } ul.linklist a:link, ul.linklist a:visited { background-repeat: no-repeat; background-position: left top; color: rgb(40,40,40); } ul.linklist a:hover, ul.linklist a:active, ul.linklist a:focus, ul.linklist a.active { background-position: left -300px; color: rgb(0,70,140); } ul.linklist a:link small, ul.linklist a:visited small { color: rgb(150,150,150); } ul.linklist a:hover small, ul.linklist a:active small, ul.linklist a:focus small, ul.linklist a.active small { color: rgb(0,70,140); } ul.bulletlist { list-style: none; padding-bottom: 15px; } ul.bulletlist li { margin: 0 0 10px 0; padding: 0 0 0 15px; background: url(li.bullet.gif) left top no-repeat; } ul.tight li { margin: 0; } /* Chaser ------------------------------------------------------------------------------------------------------------------------------ */ #chaser { position: absolute; top: -1000px; left: -1000px; display: none; z-index: 1000; border: 1px solid rgb(0,70,140); } #chaser .img { display: block; background: url(loading.gif) center center no-repeat white; } #chaser h3 { padding: 5px 8px 6px 8px; margin: 0; font-size: 12px; font-weight: normal; color: rgb(205,220,235); background: rgb(0,70,140); } #chaser p { padding: 5px 8px 6px 8px; margin: 0; color: rgb(230,235,245); background: rgb(75,135,180); border-top: 1px dotted rgb(180,205,220); } #chaser small { color: rgb(230,235,245);} #chaser.notepad_add { border: 1px solid rgb(190,215,155); } #chaser.notepad_add p { color: rgb(90,125,40); background: rgb(218,233,197); border-top: none; } /* Zoomlink ---------------------------------------------------------------------------------------------------------------------------- */ p.zoomlinks { width: 100%; float: left; } a.zoomlink { position: relative; float: left; margin: 0 15px 0 0; text-decoration: none; border: 1px solid rgb(220,220,220); } a.zoomlink:link, a.zoomlink:visited { background-color: rgb(220,220,220); color: rgb(80,80,80); } a.zoomlink:hover, a.zoomlink:active, a.zoomlink:focus { background-color: rgb(0,70,140); color: white; border-color: rgb(0,70,140); } a.zoomlink img { border: 5px solid white; } a.zoomlink:hover img, a.zoomlink:active img, a.zoomlink:focus img { filter: alpha(opacity: 85); opacity: 0.85; KHTMLOpacity: 0.85; MozOpacity: 0.85; } a.zoomlink span { position: absolute; right: 0; bottom: 0; width: 24px; height: 24px; margin: -25px 0 0 -25px; background: url(i.zoomlink.gif) left top no-repeat; filter: alpha(opacity: 50); opacity: 0.50; KHTMLOpacity: 0.50; MozOpacity: 0.50; border-left: 1px solid rgb(200,200,200); border-top: 1px solid rgb(200,200,200); } a.zoomlink span b { display: none; } /* Tabellen ---------------------------------------------------------------------------------------------------------------------------- */ table { margin: 0 0 20px 0; width: 100%; table-layout: auto; border-collapse: collapse; } td, th { padding: 4px 8px 4px 8px; vertical-align: top; text-align: right; background: rgb(240,240,240); border: 1px solid white; } th { background: rgb(130,180,60); color: white; } tr.grey td { background: rgb(230,230,230); } th.lefty, td.lefty { text-align: left; } table.standard th { background: rgb(0,50,110); color: white; } table.standard td, th { text-align: left; } /* Overlay ----------------------------------------------------------------------------------------------------------------------------- */ #overlay { position: absolute; left: 0; top: 0; width: 100%; background: white; filter: alpha(opacity: 90); opacity: 0.90; KHTMLOpacity: 0.90; MozOpacity: 0.90; z-index: 500; } #imagepopup { position: absolute; background: rgb(240,240,240); border: 5px solid rgb(230,230,230); z-index: 1000; } #imagepopup img { border: none; } #imagepopup .closelink { position: absolute; right: -26px; top: -25px; width: 33px; height: 33px; } #imagepopup .closelink strong { display: none; } html>body #imagepopup .closelink { background: url(i.close.popup.png) left top no-repeat; } /* Den IE ausschließend das Hintergrundbild setzen */ #imagepopup .highreslink { position: absolute; right: -26px; bottom: -20px; width: 195px; height: 33px; } #imagepopup .highreslink strong { display: none; } html>body #imagepopup .highreslink { background: url(button.highres.png) left top no-repeat; } /* Den IE ausschließend das Hintergrundbild setzen */