/* BODY ================================================================================================================================ */ body { float: left; margin: 0; padding: 25px 0 25px 25px; text-align: left; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color: #000; background: url(bck.body.gif) left top repeat-x #E1F0F5; } #paper { float: left; width: 935px; background: url(bck.paper.gif) right 15px no-repeat; margin: 0; padding: 0 15px 0 0; } #format { float: left; width: 915px; background: white; padding: 10px; } /* ALLGEMEINE FORMATIERUNGEN =========================================================================================================== */ .hide { display: none; } .onlytxt { display: none; } .onlyprint { display: none; } /* BEREICHSÜBERGREIFENDE FORMATIERUNGEN ================================================================================================ */ a:link { color: #0f6491; text-decoration: underline; } a:visited { color: #787878; text-decoration: underline; } a:hover, a:active, a:focus { color: #E61E00; text-decoration: none; } a[id]:hover { text-decoration: inherit; color: inherit; background: inherit; } a.button:link, a.button:visited { display: block; padding: 5px 9px 7px 9px; text-decoration: none; color: #1473A5; background: #b4d7eb; margin: 1px 0 0 0; } a.button:hover, a.button:active, a.button:focus { color: white; background: #E61E00; } .clear { clear: both; line-height: 0; } hr { margin: 0 0 15px 0; height: 1px; border: 0; border-top: 1px solid #73B4D7; } hr.two { border-style: dotted; } small { font-size: 1em; color: #1982B9; } var { float: left; width: 10em; font-style: normal; color: #1982B9; } .alert { padding: 15px 15px 15px 15px; margin-bottom: 20px; color: rgb(0,0,0); background: rgb(255,170,5); } /* HEADER ============================================================================================================================== */ #headernavi { height: 51px; padding: 0; margin: 0; background: url(logo.gif) left top no-repeat; } #headernavi li { float: right; list-style: none; } #headernavi a:link, #headernavi a:visited { float: left; margin: 26px 0 0 25px; color: #000; text-decoration: none; } #headernavi a:hover, #headernavi a:active, #headernavi a:focus { color: #E62305; } #headernavi a.inv:link, #headernavi a.inv:visited { color: #E62305; } #headernavi a.inv:hover, #headernavi a.inv:active, #headernavi a.inv:focus { color: #000; } #headernavi a.active:link, #headernavi a.active:visited, #headernavi a.active:hover, #headernavi a.active:active, #headernavi a.active:focus { font-weight: bold; color: #E62305; } /* NAVI ================================================================================================================================ */ #navi { float: left; width: 175px; margin: 0; padding: 0; line-height: 16px; } #infonavi { margin: 0 0 10px 0; padding: 0; } #infosubnavi { margin: 0; padding: 0; } #servicenavi { margin: 0 0 10px 0; padding: 0; } #servicesubnavi { margin: 0; padding: 0; } #infonavi li { list-style: none; margin: 0 0 1px 0; background: url(bck.infonavi.gif) left top no-repeat #B4D7EB; border-left: 3px solid #1982B9; } #infosubnavi li { list-style: none; margin: 0; background: #B4D7EB; border-left: 0; } #servicenavi li { list-style: none; margin: 0 0 1px 0; background: url(bck.servicenavi.gif) left top no-repeat #fff337; border-left: 3px solid #FFF005; } #servicesubnavi li { list-style: none; margin: 0; background: #fff57d; border-left: 0; } #infonavi a { height: 1%; display: block; padding: 2px 0 4px 7px; text-decoration: none; } #infosubnavi a { border-top: 1px solid #D2E6F0; padding: 2px 0 4px 18px; background: url(bck.infosubnavi.gif) 8px 8px no-repeat; } #infonavi a.search, #infonavi a.search_active { background: #B4D7EB; font-weight: bold; } #servicenavi a { height: 1%; display: block; padding: 2px 0 4px 7px; text-decoration: none; } #servicesubnavi a { border-top: 1px solid #fffacd; padding: 2px 0 4px 18px; background: url(bck.servicesubnavi.gif) 8px 8px no-repeat; } #infonavi a:link, #infonavi a:visited { color: #000; } #infonavi a:hover, #infonavi a:active, #infonavi a:focus, #infonavi a.active:link, #infonavi a.active:visited, #infonavi a.active:hover, #infonavi a.active:active, #infonavi a.active:focus { background-color: #A5CDE6; } #infosubnavi a:link, #infosubnavi a:visited { color: #1473A5; } #infosubnavi a:hover, #infosubnavi a:active, #infosubnavi a:focus, #infosubnavi a.active:link, #infosubnavi a.active:visited, #infosubnavi a.active:hover, #infosubnavi a.active:active, #infosubnavi a.active:focus { color: black; background-color: #A5CDE6; background-position: 8px -72px; } #infonavi a.search:link, #infonavi a.search:visited { color: #1473A5; } #infonavi a.search:hover, #infonavi a.search:active, #infonavi a.search:focus, #infonavi a.search_active:link, #infonavi a.search_active:visited, #infonavi a.search_active:hover, #infonavi a.search_active:active, #infonavi a.search_active:focus { background: #73B4D7; color: white; } #servicenavi a:link, #servicenavi a:visited { color: #000; } #servicenavi a:hover, #servicenavi a:active, #servicenavi a:focus, #servicenavi a.active:link, #servicenavi a.active:visited, #servicenavi a.active:hover, #servicenavi a.active:active, #servicenavi a.active:focus { background-color: #fff337; } #servicesubnavi a:link, #servicesubnavi a:visited { color: #827800; } #servicesubnavi a:hover, #servicesubnavi a:active, #servicesubnavi a:focus, #servicesubnavi a.active:link, #servicesubnavi a.active:visited, #servicesubnavi a.active:hover, #servicesubnavi a.active:active, #servicesubnavi a.active:focus { color: black; background-color: #fff337; background-position: 8px -72px; } /* MAIN ================================================================================================================================ */ #main { float: left; width: 730px; margin: 0 0 0 10px; } #content { float: left; width: 525px; padding: 20px 0px 20px 20px; margin: 0 10px 0 0; background: #E1F0F5; } #rightcol { float: right; width: 174px; padding: 0; margin: 0; } #footer { float: left; width: 545px; padding: 10px 0 0 0; margin: 0; color: #1982B9; } #footer small { font-size: 10px; } #recommend_container { display: none; float: left; width: 505px; padding: 20px 20px 0 20px; margin: 10px 10px 0 0; background: #E1F0F5; } p, h3, h4, h5, form { padding: 0 0 15px 0; margin: 0; } #header { height: 201px; padding: 0; margin: 0 0 10px 0; } h3 { font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif; font-weight: normal; font-size: 18px; line-height: 22px; color: #1982B9; } h4 { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; } h5 { padding: 0; font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11px; } h3 small { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; } h5 small { font-weight: normal; color: black; } #search_container { display: none; width: 195px; height: 201px; background-color: #e1f0f5; border-right: 10px solid white; line-height: 16px; color: #1982B9; } #search_container a.close:link, #search_container a.close:visited { display: block; padding: 2px 0 4px 7px; margin: 0 0 20px 0; text-decoration: none; color: #1473A5; background: url(i.close.gif) right top no-repeat #b4d7eb; border-bottom: 1px solid white; } #search_container a.close:hover, #search_container a.close:active, #search_container a.close:focus { color: white; background-color: #73B4D7; background-position: right -100px; } #search_container p { padding-left: 20px; padding-right: 20px; } #search_container form { padding-left: 20px; padding-right: 20px; } .onecol { float: left; width: 155px; padding: 0 20px 0 0; } .twocol { float: left; width: 330px; padding: 0 20px 0 0; } .trecol { float: left; width: 500px; padding: 0 20px 0 0; } .img, .zoomimg { color: #1982B9; } .img img { border: 1px solid #73B4D7; margin: 0 0 10px 0; } .zoomimg img { border: 1px solid #73B4D7; } .zoomimg a { display: block; height:1%; margin: 0 0 10px 0; padding: 2px 2px 3px 22px; background: url(i.zoomlink.gif) left top no-repeat; } .zoomimg a:link, .zoomimg a:visited { background-color: #B4D7EB; color: #1473A5; text-decoration: none; } .zoomimg a:hover, .zoomimg a:active, .zoomimg a:focus { background-color: #E61E00; color: white; background-position: left -100px; } .bordertop { border-top: 1px solid #73B4D7; padding-top: 15px;} .borderbottom { border-bottom: 1px solid #73B4D7; margin-bottom: 15px;} #pagefunctions { float: left; width: 100%; margin: 0; padding: 0; } #pagefunctions li { float: left; list-style: none; } #pagefunctions a { color: #1982B9; text-decoration: none; padding: 2px 20px 2px 20px; margin: 0; } #pagefunctions a.toplink { background: url(i.toplink.gif) 0 1px no-repeat; } #pagefunctions a.recommendlink { background: url(i.recommendlink.gif) 0 1px no-repeat; } #pagefunctions a.printlink { background: url(i.printlink.gif) 0 1px no-repeat; } #pagefunctions a:hover { color: #E62305; background-position: 0 -24px; } .linklist, .bulletlist { margin: 0; padding: 0 0 10px 0; list-style: none; } .bulletlist li { margin: 0; padding: 0 0 0 13px; background: url(li.bulletlist.gif) 2px 7px no-repeat; } .bulletlist li ul { margin: 0; padding: 0 0 0 0; list-style: none; } .bulletlist li ul li { margin: 0; padding: 0 0 0 13px; background: url(li.bulletlist2.gif) 2px 7px no-repeat; } .linklist li { margin: 0; } .linklist a { height: 1%; display: block; padding: 0 0 0 15px; text-decoration: none; } .linklist .down a { background: url(li.linkdown.gif) left 5px; } .linklist .right a { background: url(li.linkright.gif) left 5px; } .linklist .extended a { padding: 0 0 15px 15px; } .linklist .download a { padding: 0 0 15px 35px; } .linklist .pdf a { background: url(li.download.pdf.gif) left 4px; padding: 0 0 15px 35px; } .linklist a:link, .linklist a:visited { background-repeat: no-repeat; } .linklist a:hover, .linklist a:active, .linklist a:focus { background-position: left -195px; } .linklist a:link .description { color: black; } .linklist a:visited .description { color: #787878; } .linklist a:hover .description, .linklist a:active .description, .linklist a:focus .description { color: #E61E00; } .linklist .topnewshead a.news { background: url(bck.topnewshead.news.gif) left top no-repeat; } .linklist .topnewshead a.downloads { background: url(bck.topnewshead.downloads.gif) left top no-repeat; } .linklist .topnewshead a.newsletter { background: url(bck.topnewshead.newsletter.gif) left top no-repeat; } .linklist .topnewshead b { visibility: hidden; } .linklist .topnewshead a:link, .linklist .topnewshead a:visited { height: 29px; padding: 5px 9px 7px 9px; color: #644300; background-color: #ffbc37; border-bottom: 1px solid white; } .linklist .topnewshead a:hover, .linklist .topnewshead a:active, .linklist .topnewshead a:focus { color: white; background-color: #E61E00; background-position: left -60px; } .linklist .topnews a:link, .linklist .topnews a:visited { padding: 5px 9px 7px 9px; color: black; background: url(bck.topnews.gif) left top repeat-y #ffdc9b; border-bottom: 1px solid white; text-decoration: none; } .linklist .topnews a:hover, .linklist .topnews a:active, .linklist .topnews a:focus { color: white; background: #E61E00; } .linklist .topnews a:link em, .linklist .topnews a:visited em { color: #E61E00; font-style: normal; } .linklist .topnews a:hover em, .linklist .topnews a:active em, .linklist .topnews a:focus em { color: white; } .linklist .greenhead a.newsletter { background: url(bck.greenhead.newsletter.gif) left top no-repeat; } .linklist .greenhead b { visibility: hidden; } .linklist .greenhead a:link, .linklist .greenhead a:visited { height: 29px; padding: 5px 9px 7px 9px; color: white; background-color: #c8be00; border-bottom: 1px solid white; } .linklist .greenhead a:hover, .linklist .greenhead a:active, .linklist .greenhead a:focus { color: white; background-color: #E61E00; background-position: left -60px; } .linklist .green a:link, .linklist .green a:visited { padding: 5px 9px 7px 9px; color: black; background: url(bck.green.gif) left top repeat-y #eeebb2; border-bottom: 1px solid white; text-decoration: none; } .linklist .green a:hover, .linklist .green a:active, .linklist .green a:focus { color: white; background: #E61E00; } .linklist .green a:link em, .linklist .green a:visited em { color: #E61E00; font-style: normal; } .linklist .green a:hover em, .linklist .green a:active em, .linklist .green a:focus em { color: white; } /* BANNER / TEASER ===================================================================================================================== */ .banner { padding: 0; margin: 0 0 10px 0; line-height: 16px; } .banner h3 { display: none; } .banner p { background-repeat: no-repeat; padding: 0; } .banner a:link, .banner a:visited { height: 1%; display: block; padding: 40px 4px 10px 60px; text-decoration: none; color: #000; font-weight: normal; } .banner a:hover, .banner a:active, .banner a:focus { color: #1982B9; } .teaser { margin: 0 0 1em 0; } .teaser h5 { padding: 5px 9px 7px 9px; } .teaser p { padding: 5px 9px 7px 9px; margin: 0; } .yellow h5 { background: #FFF57D; color: #827800; } .yellow p { background: #FFFAAF; color: #827800; } .blue h5 { background: #b4d7eb; color: #1473A5; } .blue p { background: #d2e6f0; color: #1473A5; } table { margin: 0 0 15px 0; width: 100%; table-layout: auto; border-collapse: collapse; background: white; } td, th { padding: 5px 9px 7px 9px; vertical-align: top; border-top: 10px solid #E1F0F5; border-right: 1px solid #E1F0F5; } th { background: #b4d7eb; color: #1473A5; } table p, table .bulletlist { padding-bottom: 0; } table .date { white-space: nowrap; } .newsletteroption_info { padding-right: 170px; } .newsletteroption { position: relative; } .newsletteroption strong { position: absolute; left: 100%; top: -73px; width: 190px; height: 85px; padding: 0; margin: 0 0 0 -190px; } /* Den IE ausschließend das Hintergrundbild setzen */ html>body .newsletteroption strong { background: url(newsletteroption.png) top left no-repeat; } /* FORMULARE =========================================================================================================================== */ .info ul { padding: 0; margin: 0; } .info ul li { list-style: none; margin: 0; padding: 0 0 0 11px; background: url(li.forminfo.gif) 1px 6px no-repeat; } .man, .opt, .void, .info { margin: 3px 0 0 0; } .man input, .man textarea, .opt input, .opt textarea, .void input, .void textarea { background: transparent; border: 0px solid; width: 99%; } .fieldcontainer { padding: 3px 5px 5px 5px; } .man label, .opt label, .void label, .info label, .checkboxhead, .radiohead, .innerformalert, .innerformnote { display: block; padding: 1px 0 2px 5px; } .man span, .opt span, .void span { display: block; border-bottom: 1px dotted white; background: #b4d7eb; } .innerformalert { padding: 5px 0 0 0; margin-top: 5px; color: #C80505; background: #fae6e1; border-top: 1px dotted #C80505; line-height: 1.5em; } .man, .man .bbcode a { background: #5aa5cd; color: white; } .man .fieldcontainer { background: white; border-top: 1px solid #73b4d7; border-right: 1px solid #b4d7eb; border-bottom: 1px solid #b4d7eb; border-left: 1px solid #73b4d7; } .man input, .man textarea { color: black; } .opt, .opt .bbcode a { background: #b4d7eb; color: #0f5a82; } .opt .fieldcontainer { background: white; border-top: 1px solid #73b4d7; border-right: 1px solid #b4d7eb; border-bottom: 1px solid #b4d7eb; border-left: 1px solid #73b4d7; } .opt input, .opt textarea { color: black; } .void, .void .bbcode a { background: #fae6e1; color: white; } .void .fieldcontainer { background: #fae6e1; border-top: 1px solid #f07d69; border-right: 1px solid #f5b9af; border-bottom: 1px solid #f5b9af; border-left: 1px solid #f07d69; } .void input, .void textarea { color: #C80505; } .void label, .void .radiohead, .void .checkboxhead { padding: 0 0 0 20px; background: url(i.form.alert.ani.gif) 5px center no-repeat #E61E00; } .info { background: #b4d7eb; color: #1473A5; } .info .fieldcontainer { padding: 4px 5px 3px 5px; background: #d2e6f0; border-top: 1px solid #73b4d7; border-right: 1px solid #b4d7eb; border-bottom: 1px solid #b4d7eb; border-left: 1px solid #73b4d7; } .info .infovalue { color: #1473A5; } .info label { padding-left: 21px; background: url(i.form.info.gif) 5px center no-repeat;} .opt .xcheckbox, .opt .checkbox, .man .xcheckbox, .man .checkbox, .void .xcheckbox, .void .checkbox, .opt .xradio, .opt .radio, .man .xradio, .man .radio, .void .xradio, .void .radio { cursor: pointer; } .xcheckbox label, .checkbox label, .xradio label, .radio label { font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 1em; background: transparent; margin: 0px 0px 0px 22px; padding: 1px 0px 1px 0px; } .opt .checkbox { background: url(radiocheck.gif) 0px -900px no-repeat; color: black; } .opt .xcheckbox { background: url(radiocheck.gif) 0px -1050px no-repeat; color: black; } .opt .radio { background: url(radiocheck.gif) 0px 0px no-repeat; color: black; } .opt .xradio { background: url(radiocheck.gif) 0px -150px no-repeat; color: black; } .man .checkbox { background: url(radiocheck.gif) 0px -1200px no-repeat; color: black; } .man .xcheckbox { background: url(radiocheck.gif) 0px -1350px no-repeat; color: black; } .man .radio { background: url(radiocheck.gif) 0px -300px no-repeat; color: black; } .man .xradio { background: url(radiocheck.gif) 0px -450px no-repeat; color: black; } .void .checkbox { background: url(radiocheck.gif) 0px -1500px no-repeat; color: #C80505; } .void .xcheckbox { background: url(radiocheck.gif) 0px -1650px no-repeat; color: #C80505; } .void .radio { background: url(radiocheck.gif) 0px -600px no-repeat; color: #C80505; } .void .xradio { background: url(radiocheck.gif) 0px -750px no-repeat; color: #C80505; } a.more:link, a.more:visited, a.submit:link, a.submit:visited, a.cancel:link, a.cancel:visited { display: block; padding: 5px 9px 7px 9px; text-decoration: none; color: white; background: #1982b9; margin: 1px 0 0 0; } a.cancel:link, a.cancel:visited, a.more:link, a.more:visited { background: #b4d7eb; color: #1473A5; } a.more:hover, a.more:active, a.more:focus, a.submit:hover, a.submit:active, a.submit:focus, a.cancel:hover, a.cancel:active, a.cancel:focus { color: white; background: #E61E00; } .bbcode { padding: 0; } .bbcode li { list-style: none; margin: 1px 0 0 0; } .bbcode a { height: 1%; display: block; padding: 1px 5px 3px 5px; text-decoration: none; } .bbcode a:link, .bbcode a:visited { text-decoration: none; } .bbcode a:hover, .bbcode a:active, .bbcode a:focus { color: #EBF0AF; background-color: #91A005; } .nopad { padding: 0; }