html { padding:0px; margin:0px; } body { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 80%; color: #000000; padding:0px; margin:0px; background:transparent; } .hide {display:none;} h1.hidden, h2.hidden, h3.hidden { display: none; } h1{ display: inline; padding: 3px 8px 3px 3px; font-size: 1.35em; color: #757C82; } .containerText h1{ display: block; color: #000; font-size: 1.25em; margin: 0 0 6px 0; padding: 2px 0px 8px 0px; } .big h1{ display: block; color: #000; font-size: 1.25em; padding: 18px 8px 2px 8px; margin: 0; } h2{ /* display: none; */ display: block; } .teaser h2 { display: block!important; padding: 3px 3px 0px 10px; margin: 0; font-size: 1.00em; font-weight: normal; color: #fff; } .containerText h2 { display: block; padding: 0px 0px 3px 0px; font-size: 1.25em; font-weight: normal; color: #000; } h2.titel { display: block!important; padding: 0px 0px 0px 0px; margin: 0; font-size: 1.0em; font-weight: bold; color: #000; } #inhaltmargin form h2 { color:#000000; display:block; font-size:1.25em; font-weight:bold; margin: 0; padding: 25px 8px 20px 8px } .normal form h2 { display: none!important; } .normal h2, .topBox .right h2, #marginalspalte .news form h2 { color: #616970; text-transform: uppercase; font: 1.51em Verdana, Arial, Helvetica, sans-serif; font-weight: normal; text-decoration: none; margin: 0px 4px 0 7px; padding: 5px 0 0px 0; line-height: 1.3; letter-spacing:1px; /*display:block;*/ } .topBox .right h2, #marginalspalte .news form h2 { background-color:white; margin-left:0; display:inline !important; padding:2px 10px 2px 10px; } .topbox table, .topbox table th.aktDatum { background-color: #E0EFF4!important; border: 0!important; } .topbox table { margin: 16px 0 0 0!important; padding: 0!important; clear: both; } .topbox table td, .topbox table th { margin-left: 8px!important; padding-left: 8px!important; padding-right: 8px!important; } .normal .containerShort .containerMargin h2 { display: block!important; padding: 0px 0px 0px 0px; margin: 0; font-size: 1.0em; font-weight: bold; color: #000; } .singleView h2 { font-size:1.1em; margin-bottom:1.2em; margin-top:0; } .singleView .teaser h2 { font-size:1em; } .fragment h2 { font-size:1em; font-weight:bold; } .singleView h1 { padding-bottom:0.2em; } h3 { display: block; font-size: 1.00em; line-height: 1.3em!important; margin: 0; padding: 0; } h4 { display: block; font-size: 1.00em; line-height: 1.3em!important; margin: 0; padding: 0; } .topBox .left h2 { display: block!important; line-height: 1.3em!important; color: #98592E; font-size: 1.35em; font-weight: bold; vertical-align: top; margin: 0; padding: 0; margin:0px 8px 5px 0px; padding-left:8px; } .topBox h3 { font-weight: bold; line-height: 130%; margin: 0!important; padding: 0!important; font-size: 1em; } /* h4 { display: inline; } */ a, a:link, a:visited, a:active , a:hover, a:focus { color: #98592E; text-decoration: none; } a:hover, a:focus { text-decoration: underline; } a[href]:after { content:" <"attr(href)">"; color:#888; background-color:inherit; font-style:italic; size:80%; } .iconphone { background: url(/images/icon_phone.gif) left 50% no-repeat; padding-left: 17px; } .iconfax { background: url(/images/icon_fax.gif) left 50% no-repeat; padding-left: 17px; } .iconExtLink { background: url(/images/icon_externLink.gif) left 50% no-repeat; padding-left: 17px; } .iconIntLink { background: url(/images/icon_internLink.gif) left 50% no-repeat; padding-left: 17px; } .iconMail { background: url(/images/icon_mail.gif) left 50% no-repeat; padding-left: 17px; } .iconDownload { background: url(/images/icon_load.gif) left 50% no-repeat; padding-left: 17px; } .titel { display: block; font-weight: bold; line-height: 130%; } .untertitel{ font-weight: bold; } .containerText .kurztext { display: block; font-weight: bold; } .kurztext { display: block; } .kurztext:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .box .normal .kurztext, .box .normal .kurztext p { display:inline; } ul,ol { margin: 4px 40px 4px 16px; padding: 0; } ul li { list-style-type: square; padding: 0px 0px 4px 5px; margin: 0; line-height: 130%; } ul li p, ol li p { display: inline; margin: 0; padding: 0; } ol.contentLinkNavi { color: #C1171A; margin: 4px 0px 4px 8px!important; padding: 0!important; list-style: none; float: left; display:none; } ol.contentLinkNavi[class] { color: #C1171A; margin: 4px 0px 4px 8px!important; list-style: none; float: none; display:none; } ol.contentLinkNavi li { background: url() no-repeat left 5px; padding: 2px 0px 4px 13px!important; margin: 0!important; display: block; width: auto; display:none; } ol.contentLinkNavi li.current { font-weight: bold; display:none; } ol.contentLinkNavi li img { display: none; } ol.contentLinkNavi li a, ol.contentLinkNavi li a:link, ol.contentLinkNavi li a:visited, ol.contentLinkNavi li a:active , ol.contentLinkNavi li a:hover, ol.contentLinkNavi li a:focus, ol.contentLinkNavi li a:active { line-height: 1.0em; display:none; } input, select, textarea { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.0em; display:none; } form { margin: 0; padding: 0; } /**Layoutcontainer**/ #main { position:absolute; width:952px; clear:both; } #head { height: 102px; width:955px; clear:both; margin-bottom: 3px; } #head[id] { margin-bottom: 5px; } /* umschliesst den gesamten content */ #content { position: absolute; width: 100%; height: 100%; padding: 0; margin: 0; } .singleView { background: url() repeat-y 0 0; } /* umschliesst den gesamten inhalt ohne navi */ #nest { width:752px; float:left; } /*#inhaltsmargin { width:752px; overflow: hidden; }*/ #marginalspalte { width:252px; /*float:right;*/ clear: both; } /** Der Footer generiert bei BMWI ausschliesslich Platz nach unten**/ #footer { clear: both; } #navispalte { font: 1em Verdana, Geneva, Arial, Helvetica, sans-serif ; width: 196px; float: left; margin-right: 4px; overflow: hidden; display:none; } /**Headbereich**/ .logo{ width: 200px; height: 102px; /*float: left;*/ } .headnavi{ width:748px; height:102px; text-align:left; float: left; display:none; } .headnavi .navi { width: 752px; height: 18px; text-align: left; background-color: #606970; display:none; } .headnavi .navi .left { float: left; width: 165px; padding-top: 1px; display:none; } .headnavi .navi .right { float: right; /*width: 49.9em; 45.9*/ text-align: right; padding-top: 1px; display:none; } .navi a, .navi a:link, .navi a:visited, .navi a:active , .navi a:hover, .navi a:focus { color: #fff; text-decoration: none; padding: 0 5px 0 5px; display:none; } .navi a:hover, .navi a:focus { text-decoration: underline; display:none; } .headnavi .search { width:752px; height:21px; background-color: #99592e; display:none; } .innovation .headnavi .search{ background-color: #A17220!important; display:none; } .service .headnavi .search { background-color: #99592e!important; display:none; } .headnavi img { display:none; } .headnavi .search div.left { float: left; text-align: right; width: 661px; text-align:right; margin: 2px 0px 0px 0px; display:none; } .headnavi .search div.right { float: right; text-align: left; width: 80px; text-align:right; margin: 3px 5px 0px 0px; display:none; } .headnavi .search div.right[class] { margin: 2px 5px 0px 0px; display:none; } /**Navigationsbereich**/ .navibox{ font-size: 1.0em; width: 196px; margin-bottom: 4px; display:none; } .cnavi { width: 196px; display:none; } #marginalspalte .service { background-color: #fff; padding: 13px 0px 0px 0; margin: 0; margin-bottom: -3px; border-bottom: 5px solid #fff; } #marginalspalte .doorpage { padding: 0!important; width: auto!important; } .cnavi .serviceteaser { background-color: #f8f1e9; border: 1px solid #AFB4B7; border-left: 0px; margin: 0px 0px 4px 0px; padding-left: 9px; line-height:1.1em; } .cnavi .serviceteaser { padding: 0 0 0 0!important; /*dies hilft gegen den IE-Scrollbug*/ height:1%; } html > body .cnavi .serviceteaser .searchsubmit { margin: 0 0 5px 0!important; } .cnavi .serviceteaser .headimg { padding: 3px 0px 3px 0px; } .cnavi .serviceteaser .head { margin-bottom:2px; } .cnavi .serviceUntertitel { margin:0 0 5px 3px !important; font-weight:normal; } .cnavi .serviceSubmit { margin-top:4px; } html > body .cnavi .serviceUntertitel { margin-left:4px; } html > body .cnavi .serviceteaser .head { margin-bottom:5px; } #marginalspalte .serviceteaser .headimg { padding: 0; display:none; } /* Druckversion-gif ist in transpx-bild geändert, listicon musste ausgeschaltet werden */ #marginalspalte .serviceteaser li.headImg img{ display:none; } #marginalspalte .serviceteaser li.headImg { list-style-type:none; background-image:none; font-size:1.2em; font-weight:bold; color:#444d54; padding-left:8px; padding-bottom:2px; padding-top:2px; display:none; } .cnavi .serviceteaser .head { float: left; width: 155px; font-weight: bold; color: #666; margin-top: 4px; margin-left:6px; font-size: 1.2em; padding: 0 4px 0 0px; line-height:1.1em; } html > body .cnavi .serviceteaser .head { margin-left:11px; } .cnavi .serviceteaser .serviceteasercontent .left input { margin-left:2px; } html > body .cnavi .serviceteaser .serviceteasercontent .left input { margin-left:3px; } .cnavi .serviceteaser .text, #marginalspalte .serviceteaser .text { margin: 8px 4px 8px 0px; display: block; clear: both; } .cnavi .serviceteaser .text p{ margin: 0px 6px 8px 6px; } .cnavi .serviceteaser .text div.imgleft { float: left; margin: 0px 8px 8px 8px; display:none; } .cnavi .serviceteaser .text strong { font-weight: bold; color: #000; /*display: block;*/ margin-bottom: 8px; } .cnavi .banner { background-color: #fff; border: 1px solid #CBCCCE; margin: 0px 0px 4px 0px; } .cnavi .banner img { display: block; margin: 0; padding:0; } .cnavi .banner a, .cnavi .banner a:link, .cnavi .banner a:visited, .cnavi .banner a:active ,.cnavi .banner a:hover, .cnavi .banner a:focus { margin: 0; padding:0; display: block; } .serviceteaser a, .serviceteaser a:link, .serviceteaser a:visited, .serviceteaser a:active ,.serviceteaser a:hover, .serviceteaser a:focus { color: #71706E; } .cnavi .more { display: block; } .serviceteaser .more a, .serviceteaser .more a:link, .serviceteaser .more a:visited, .serviceteaser .more a:active ,.serviceteaser .more a:hover, .serviceteaser .more a:focus { color: #99592E; } .navigate{ overflow: hidden; width: 196px; border-bottom: 7px solid #E5E6E8; display:none; } /**Navigation Menu **/ .navigate ul, .navigate li { list-style: none; background: none!important; margin: 0!important; padding: 0!important; line-height: 1.165em; } /**erste Navigationseben**/ .navigate li span, .navigate li a, .navigate li a:link, .navigate li a:visited, .navigate li a:active, .navigate li a:hover, .navigate li a:focus { display: block; width: 100%; margin: 0; border-bottom: 1px solid #fff; text-decoration: none; padding: 4px 2px 4px 26px; } .navigate[class] li span, .navigate[class] li a, .navigate[class] li a:link, .navigate[class] li a:visited, .navigate[class] li a:hover, .navigate[class] li a:active { width: auto; } .navigate li.current span, .navigate li.current a, .navigate li.current a:link, .navigate li.current a:visited, .navigate li.current a:active, .navigate li.current a:hover, .navigate li.current a:focus { border-bottom: 1px solid #fff; background: #E0E1E3 url() no-repeat 8px 6px; /**streng genommen müsste hier navi_first_1.gif rein, den gibt es aber nicht bzw dieser wird weiter unten überschrieben*/ color: #000; } #reddot1{ /*width: 100%;*/ margin: 0px; border-bottom: 1px solid #fff; text-decoration: none; padding:0px; /*padding: 4px 2px 4px 26px;*/ color:red; white-space:nowrap; display:block; background:none; } #reddot1 a, #reddot1 a:active{ padding:0px; margin:0px; /*margin-left:26px;*/ width:auto; display:inline; visibility:visible; background:none; } /**zweite Navigationseben**/ .navigate li.current li span, .navigate li.current li a, .navigate li.current li a:link, .navigate li.current li a:visited, .navigate li.current li a:active, .navigate li.current li a:hover, .navigate li.current li a:focus { /*background: #F3EBDF url() no-repeat 27px 6px;*/ background: #E0E1E3 url() no-repeat 27px 6px; /*border-bottom: 1px solid #D2AA8F;*/ border-bottom: 1px solid #FFFFFF; padding-left: 40px; } .navigate[class] li.current li span, .navigate[class] li.current li a, .navigate[class] li.current li a:link, .navigate[class] li.current li a:visited, .navigate[class] li.current li a:active, .navigate[class] li.current li a:hover, .navigate[class] li.current li a:focus { width: auto; } .navigate li.current li.current span, .navigate li.current li.current a, .navigate li.current li.current a:link, .navigate li.current li.current a:visited, .navigate li.current li.current a:active, .navigate li.current li.current a:hover, .navigate li.current li.current a:focus { /*background: #F3EBDF url() no-repeat 24px 6px;*/ background: #E0E1E3 url() no-repeat 24px 6px; } .navigate li.current li span, .navigate li.current li a:hover, .navigate li.current li a:focus { /*background-color: #99592E;*/ background-color: #444D54; color: #fff; } /**dritte Navigationseben**/ .navigate li.current li.current li span, .navigate li.current li.current li a, .navigate li.current li.current li a:link, .navigate li.current li.current li a:visited, .navigate li.current li.current li a:active, .navigate li.current li.current li a:hover, .navigate li.current li.current li a:focus { padding-left: 54px; background: #F3EBDF url() no-repeat 42px 6px; } .navigate[class] li.current li.current li span, .navigate[class] li.current li.current li a, .navigate[class] li.current li.current li a:link, .navigate[class] li.current li.current li a:visited, .navigate[class] li.current li.current li a:active, .navigate[class] li.current li.current li a:hover, .navigate[class] li.current li.current li a:focus { width: auto; /*Mozilla berechnet ansonsten die Grösse nicht richtig*/ } .navigate li.current li.current li.current span, .navigate li.current li.current li.current a, .navigate li.current li.current li.current a:link, .navigate li.current li.current li.current a:visited, .navigate li.current li.current li.current a:active, .navigate li.current li.current li.current a:hover, .navigate li.current li.current li.current a:focus { background: #F3EBDF url() no-repeat 39px 6px; } /**vierte Navigationseben**/ .navigate li.current li.current li.current li span, .navigate li.current li.current li.current li a, .navigate li.current li.current li.current li a:link, .navigate li.current li.current li.current li a:visited, .navigate li.current li.current li.current li a:active, .navigate li.current li.current li.current li a:hover, .navigate li.current li.current li.current li a:focus { padding: 4px 5px 4px 65px; background-image: none!important; } .navigate[class] li.current li.current li.current li span, .navigate[class] li.current li.current li.current li a, .navigate[class] li.current li.current li.current li a:link, .navigate[class] li.current li.current li.current li a:visited, .navigate[class] li.current li.current li.current li a:active, .navigate[class] li.current li.current li.current li a:hover, .navigate[class] li.current li.current li.current li a:focus { width: auto; /*Mozilla berechnet ansonsten die Grösse nicht richtig*/ } .navigate li.current li.current li.current li.current span, .navigate li.current li.current li.current li.current a, .navigate li.current li.current li.current li.current a:link, .navigate li.current li.current li.current li.current a:visited, .navigate li.current li.current li.current li.current a:active, .navigate li.current li.current li.current li.current a:hover, .navigate li.current li.current li.current li.current a:focus { background-image: none!important; } /**Hovereffekte über alle drei Ebenen**/ .navigate li.current a:hover, .navigate li.current a:focus, .navigate li.current a.current, .navigate li.current a.current:link, .navigate li.current a.current:visited, .navigate li.current a.current:active, .navigate li.current a.current:hover, .navigate li.current a.current:focus { background-color: #434C53; color: #fff; } .navigate li span.current, .navigate li.current li a:hover, .navigate li.current li a:focus, .navigate li a.current, .navigate li a.current:link, .navigate li a.current:visited, .navigate li a.current:active, .navigate li a.current:hover, .navigate li a.current:focus { background-color: #434C53!important; color: #fff!important; } /**Grundfarben der Navigationsbereiche**/ .first li span, .first li a, .first li a:link, .first li a:visited, .first li a:active, .first li a:hover, .first li a:focus { background: #A17220 url() no-repeat 8px 6px; color: #fff; } .first li span, .first li a:hover, .first li a:focus { background: #845608 url() no-repeat 8px 6px; } .second li span, .second li a, .second li a:link, .second li a:visited, .second li a:active, .second li a:hover, .second li a:focus { background: #AFB4B7 url() no-repeat 8px 6px; color: #000!important; } .second li span, .second li a:hover, .second li a:focus { background: #444D54 url() no-repeat 8px 6px; color: #fff!important; } .third li span, .third li a, .third li a:link, .third li a:visited, .third li a:active, .third li a:hover, .third li a:focus { background: #E0E1E3 url() no-repeat 8px 6px; color: #000!important; } .third li span, .third li a:hover, .third li a:focus { background: #444D54 url() no-repeat 8px 6px; color: #fff!important; } .innovation .first li.current span, .innovation .first li.current a, .innovation .first li.current a:link, .innovation .first li.current a:visited, .innovation .first li.current a:active, .innovation .first li.current a:hover, .innovation .first li.current a:focus { background: #845608 url() no-repeat 8px 6px; border-bottom: 1px solid #FFFFFF !important; color: #fff; } .innovation .first li.current li a, .innovation .first li.current li a:link, .innovation .first li.current li a:visited, .innovation .first li.current li a:active, .innovation .first li.current li a:hover, .innovation .first li.current li a:focus { background: #EBE0CE url() no-repeat 24px 6px; color: #000; } .innovation .first li.current li.current span, .innovation .first li.current li.current a, .innovation .first li.current li.current a:link, .innovation .first li.current li.current a:visited, .innovation .first li.current li.current a:active, .innovation .first li.current li.current a:hover, .innovation .first li.current li.current a:focus { background: #EBE0CE url() no-repeat 24px 6px; color: #000; } .innovation .first li.current li.current li span, .innovation .first li.current li.current li a, .innovation .first li.current li.current li a:link, .innovation .first li.current li.current li a:visited, .innovation .first li.current li.current li a:active, .innovation .first li.current li.current li a:hover, .innovation .first li.current li.current li a:focus { background: #EBE0CE url() no-repeat 39px 6px; color: #000; } .innovation .first li.current li.current li.current span, .innovation .first li.current li.current a, .innovation .first li.current li.current li.current a:link, .innovation .first li.current li.current li.current a:visited, .innovation .first li.current li.current li.current a:active, .innovation .first li.current li.current li.current a:hover, .innovation .first li.current li.current li.current a:focus { background: #EBE0CE url() no-repeat 39px 6px; color: #000; } .innovation .first li.current span, .innovation .first li.current a:hover, .innovation .first li.current a:focus, .innovation .first li.current a.current, .innovation .first li.current a.current:link, .innovation .first li.current a.current:visited, .innovation .first li.current a.current:active, .innovation .first li.current a.current:hover, .innovation .first li.current a.current:focus { background-color: #845608 !important; color: #fff !important; } .sitemap ul, .sitemap li { list-style: none; background: none!important; margin: 0!important; padding: 0!important; line-height: 1.165em; } .sitemap li { margin: 2px 0 0 0!important; padding: 0!important; } .sitemap ul ul { margin-bottom: 20px!important; } .sitemap ul ul ul{ margin-bottom: 0!important; } /**erste Ebene**/ .sitemap li a, .sitemap li a:link, .sitemap li a:visited, .sitemap li a:active, .sitemap li a:hover, .sitemap li a:focus { margin: 0px; display: block; text-decoration: none; padding: 4px 2px 4px 26px; background: url() no-repeat 8px 6px; font-weight: bold; width: 300px; } .sitemap>li a, .sitemap>li a:link, .sitemap>li a:visited, .sitemap>li a:active, .sitemap>li a:hover, .sitemap>li a:focus { width: auto; } /**zweite Ebene**/ .sitemap li.current li a, .sitemap li.current li a:link, .sitemap li.current li a:visited, .sitemap li.current li a:active, .sitemap li.current li a:hover, .sitemap li.current li a:focus { margin: 0px; text-decoration: none; padding: 4px 2px 4px 48px; background: url() no-repeat 36px 6px; font-weight: normal; } /**dritte Ebene**/ .sitemap li.current li.current li a, .sitemap li.current li.current li a:link, .sitemap li.current li.current li a:visited, .sitemap li.current li.current li a:active, .sitemap li.current li.current li a:hover, .sitemap li.current li.current li a:focus { margin: 0; text-decoration: none; padding: 4px 2px 4px 69px; background: url() no-repeat 60px 9px; } /**dritte Ebene**/ .sitemap li.current li.current li.current li a, .sitemap li.current li.current li.current li a:link, .sitemap li.current li.current li.current li a:visited, .sitemap li.current li.current li.current li a:active, .sitemap li.current li.current li.current li a:hover, .sitemap li.current li.current li.current li a:focus { margin: 0; text-decoration: none; padding: 4px 2px 4px 89px; background: url() no-repeat 80px 9px; } .sitemap li a:active, .sitemap li a:hover, .sitemap li a:focus { text-decoration: underline!important; } .rechts { float: left; margin-left: 8px; width: 320px; } .links { float: left; margin-left: 8px; width: 320px; } /**Marginalbereich**/ .teaser { width: 252px; margin: 0!important; padding: 0!important; } .teaserhead { display: block; height: 1.7em; width: 100%; margin: 0; padding: 0; background: #99592e !important; color: #fff; } .teaserhead h2 { font-weight:normal !important; margin:0; } .teaser div.kurztext { display: block; padding-bottom: 4px; } .teaser .teasertext .div.kurztext { font-weight: normal; padding-bottom: 10px; } .teaser .teasertext div.kurztext[class]{ padding-bottom: 6px; } .teasertext div.kurztext p { margin: 0 9px 0px 9px; padding: 0; } .teasertext div.kurztext p strong { /*display: block;*/ margin: 0 0 12px 0px; } .teaser .zgLinks .kurztext { padding-bottom: 0; } .teaser .zgLinks { padding-top: 0px; padding-bottom: 8px; margin-top: 0; } .teaser .zgLinks h3 { padding: 4px 0 0 0; margin: 0; } .innovation .teaserhead { background: #A17220 !important; } .home .teaserhead { background: #99592e !important; } .teaserhead div { padding: 3px 3px 0px 10px; } .teasertext { display: block; margin: 0; padding: 0 0 10px 0; background-color: #F8F1E9; border-left: 1px solid #99592e; } .teasertext h3 { padding: 10px 9px 0 9px; margin: 0; line-height: 1em; font-weight:bold; } .teasertext h3 a{ font-weight:normal; } .innovation .teasertext { border-left: 1px solid #A17220!important; } .home .teasertext { border-left: 1px solid #99592e !important; } .teasertext .icon { float: left; width: 22px; padding: 8px 8px 8px 8px; } .teasertext .icon { width: 14px; } .teasertext div.download { float: right; width: 208px; margin: 8px 0px 8px 0px; } .teaser h3.download { padding-left: 40px; background: url() no-repeat 6px 10px; } .teaser .teasertext p.download { margin: 0; padding: 8px 8px 4px 40px; } p.download .untertitel, .teaser .teasertext p.anlagen .untertitel { font-weight: normal!important; } .teaser .teasertext p.anlagen { margin: 0; padding: 3px; padding-top: 0px; padding-bottom: 8px; padding-left: 40px; margin-top: 10px; background: url() no-repeat 10px 3px; } .teasertext p { margin: 0 9px 0 9px; padding-top: 10px; } .teasertext { color: #494846; } .teasertext p span.more{ display: block; padding-bottom: 4px; } .more { font-weight:bold; float:right; } .normal .more { position:relative; top:0px; /*-15px XXXX*/ } .normal .more a img { display:none; } .teaser .more { font-weight:normal; } /*more-link in marginalspalte ausschalten */ .topBox .more, .news .more{ display:none; } #marginalspalte .more { float:none; } .teasertext p span.titel{ display: block; } .teasertext p span.untertitel{ display: block; padding-bottom: 0px; font-weight: bold; } /*weisser Bereich zwischen den Teasern*/ .teaserseperator { height: 8px; width: 100%; padding: 0; margin: 0; font-size: 0px; background-color: #fff; } .hr { margin: 0; padding: 0; font-size: 0px; margin-top: 10px; height: 1px; background: url() no-repeat ; } .zgLinks .hr { margin: 10px 0 0 -8px; padding: 0; } .serviceform { display: block; clear: both; background-color: #f8f1e9; margin: 0px 0px 4px 0px!important; padding: 3px 10px 4px 10px!important; line-height:1.1em; /*dies hilft gegen den IE-Scrollbug*/ height:1%; } .innovation .serviceform { border-left: 1px solid #A17220!important; } .home .serviceform { border-left: 1px solid #99592e !important; } .service .serviceform { border-left: 1px solid #99592e !important; } .innovation .serviceform { background-image:url(); background-repeat:repeat-x; } .home .serviceform { background-image:url(); background-repeat:repeat-x; } .service .serviceform { background-image:url(); background-repeat:repeat-x; } /* Sondereinstellungen für das Serviceformular in der Navigationsspalte*/ .cnavi .serviceform { background-image:none; border: 1px solid #AFB4B7; border-left: 0!important; padding-right:12px !important; line-height:1.1em; } .cnavi .serviceform label { color: #666; font-size:1.2em; font-weight:bold; } .serviceform select { width: 170px !important; margin-bottom: 4px; margin-top:8px; margin-right:0px !important; height: auto!important; } .innovation .serviceform select { border: 1px solid #A17220!important; } .home .serviceform select { border: 1px solid #d2aa8f !important; } .service .serviceform select { border: 1px solid #d2aa8f !important; } #marginalspalte .serviceform select { width: 232px !important; } .serviceform .sb { float: right; margin-bottom: 4px; } html > body .serviceform .sb { float: right; margin-bottom: 8px; } .serviceform label { font-weight: normal; clear: both; display: block; margin: 1px 0 4px; color:white; } /**Contentbereich**/ #inhaltmargin{ position: relative; width:752px; clear: both; } .topBox { float: left; background: #fff url() repeat top left; margin-bottom: 4px; clear: both; } .containerText { clear:both; float: left; margin-bottom: 4px; width: 480px; padding: 0; margin: 0; /*overflow: hidden;*/ } .containerText .containerTextMargin { margin: 24px 0px 8px 8px; } .fragment .containerText .containerTextMargin { margin: 24px 8px 8px 0px; } .fragment { clear:both; } .containerText .containerTextMargin p { margin: 0!important; padding: 1px 0 15px 0!important; } .containerText .containerTextMargin p p { margin: 0!important; padding: 0!important; } .containerText table { clear: both; } /**neu**/ .right .containerShort .containerMargin { margin: 0px 1px 0px 1px; padding: 10px 7px 0px 7px; } .containerShort .containerMargin { margin: 0px 1px 0px 1px; padding: 8px 7px 0px 7px; } .topBox .containerMargin { margin-bottom:10px; padding-top:0px; } .topBox .containerMargin h2 { margin-top:8px; } .topBox .kurztext p { padding-bottom:8px !important; } .containerShort .containerMargin .kurztext p { margin: 0; padding:0; font-weight:normal; } .containerShort .containerMargin .kurztext { margin: 0; padding: 0; } .normal .containerShort .containerMargin .kurztext { margin: 0; padding: 0; } .normal .containerShort .containerMargin .kurztext p { padding: 0px 0 0 0; } #marginalspalte .containerShort { margin: 0px; border-bottom: 0; background: #E0EFF4; } #marginalspalte .containerShort .containerMargin { margin: 0px; padding: 8px 10px 8px 10px; border-bottom: 0; line-height: 130%; } #marginalspalte .zgLinks { margin: 0 9px 8px 9px; padding: 0; } #marginalspalte .containerShort span.titel { display: block ! important; font-weight: bold; } .filled .containerShort { margin: 0; padding: 0; background: none!important; border: 0; } .filled .containerShort .containerMargin { background: none!important; padding: 7px; } .filled img { float:left; margin:8px 8px 0px 8px; } .filled .inlineImg,.filled .inlineImg img{ width:164px !important; margin:8px 8px 0px 8px; } .innovation .filled { background-color:#ffefd2 !important; } .service .filled { background-color:#f8f1e9 !important; } .home .filled { background-color:#f8f1e9 !important; } .innovation .filled h3 a { color:#A17220; } .service .filled h3 a { color:#99592e; } .home .filled h3 a { color:#99592e; } .filled h2 a, .filled h3 a { text-transform:none; letter-spacing:0; } .news p { display: inline; } .news { background-color: #E0EFF4; margin: 0 0 4px 0!important; } #marginalspalte .news .containerShort { border-bottom: 1px solid #fff!important; padding-bottom: 8px; } .zgLinks { margin: 8px 0 0px 0px; padding: 0; } .normal .zgLinks { margin: 8px 8px 0px 8px; padding: 0; } .normal .containerMargin .zgLinks { margin: 8px 0px 0px 0px; padding: 0; } #marginalspalte .teasercontent { padding-top: 10px; } #marginalspalte .teasercontent .untertitel { margin: 0 8px 0px 8px; display: block; } /**neu**/ .MsoNormalTable { width: 470px; } .anchor { clear: both; height: 0; } /* Bilder umfliessen */ .float--left{ float:left; margin: 0 10px 10px 0; } .float--right{ float:right; margin-left:10px; } .inlineImg { background-color: #F3EBE0; margin: 4px 8px 8px 0; padding-bottom: 0px; float: left; width: 164px; display:none; } .inlineImg img { border: 1px solid #8C8C8C; } .outerImg { background-color: #F3EBE0; margin: 0; padding: 0 0 4px 0; border: 1px solid #fff; } .galerie { overflow:hidden; background-color:#f3ebe0; width: 473px; padding: 0 0 0 0; margin: 0; border: 1px solid #fff; text-align: center; vertical-align: center; float: none; } .galerie[class] { width: 471px; } .galerie .head { background-color:#fff; border: 1px solid #A4A8AB; border-bottom: 0; margin: 0; padding: 0; float: none; } .galerie .head .left { width: 150px; margin: 4px; text-align: left; float: left; } .galerie .head .right { width: 130px; padding: 4px; float: right; text-align: right; } .galerie .head .center { width: 130px; float: left; padding: 4px; text-align: center; } .galerie .foot { background-color:#fff; border: 1px solid #A4A8AB; border-top: 0; margin: 0; padding: 6px 4px; float: none; text-align: left; } a.backToGallery, a:link.backToGallery, a:visited.backToGallery, a:active.backToGallery , a:hover.backToGallery, a:focus.backToGallery { color: #98592E; text-decoration: none; background: url() no-repeat 0px 2px; padding-left: 15px; } a:hover.backToGallery, a:focus.backToGallery { text-decoration: underline; } div.preview { border: 1px solid #9D9B9C; width: 470px!important; } table.tblGalerie { width: 1px!important; margin: 12px 0px 12px 0px!important; padding: 0; border-collapse: collapse!important; border: 0px!important; background: none; } table.tblGalerie[class] { margin: 12px 0px 12px 10px!important; } table.tblGalerie tr { margin: 0px!important; border: 0!important; } table.tblGalerie tr td { padding: 2px 3px 1px 4px!important; margin: 0px!important; border: 0!important; } table.tblGalerie td.preview { width: 140px; height: 140px; padding: 0px!important; vertical-align: middle!important; text-align: center!important; background-color: #F6EBE7; border: 0!important; } table.tblGalerie .preview a, table.tblGalerie .preview img { display: inline; margin: 0!important; padding: 0!important; } table.tblGalerie .preview img { border: 1px solid #fff!important; } .box .inlineImg { width: 75px; margin: 8px 8px 8px 4px; } .box .inlineImg[class] { margin: 8px 8px 8px 8px; } .box .inlineImg img { width: 75px; margin: 0; padding: 0; display: block; } .bu, .qu { margin: 4px 7px 4px 7px; font-weight: normal; font-size: 0.8em; color: #505960; } .qu { margin: 4px 7px 4px 7px; font-weight: normal; font-size: 0.8em; color: #505960; } .outerImg .bu { width: 100%; margin: 4px 7px 2px 7px; padding: 0; } .galerie .bq { width: 100%; padding: 4px 7px 4px 7px; background-color: #F3EBE0; margin: 0; color: #50595E; font-size: 0.9em; float: none; text-align: left; } .galerie .bu { width: 100%; padding: 8px 7px 4px 7px; margin: 0; color: #50595E; font-weight: bold; font-size: 1.0em; background-color: #F3EBE0; float: none; text-align: left; } html > body .galerie .bu { width: 460px; } .topBox .left { float: left; width: 495px; } .topBox .left .titel { font-size: 1.35em; line-height: 1.25em; padding-bottom: 5px; } .topBox .right { float: right; width: 252px; clear: both; } .topBox .right span.untertitel, .news span.untertitel { font-weight: normal; } .containerBox { clear: both; float: left; margin:0; padding: 0; width: 498px; } .box { float:left; background: #fff; border: 1px solid #F3EBE0; clear: both; } .innovation .box /*Technologie und Innovation*/ { border: 1px solid #000000; /*ffcc71*/ } .service .box { border: 1px solid #e5d4bd; } .big { width: 752px; overflow: hidden; } .normal { width: 496px; margin: 0px 0px 4px 0px; padding: 0 0 8px 0; overflow: hidden; } .normal[class] { width: 494px; margin: 0px 3px 4px 0px; } .box .left { float: left; width: 450px; } .box .right { float: right; width: 253px; } .box .containerImg { float: left; width: 75px; margin: 5px 10px 2px 10px; } .box .bu { margin: 0px 0px 5px 0px; color: #515A61; font-size: 0.8em; } /*Link unterhalb von Listen welche in Doorpages eingefügt wurden*/ span.nextLink { display: block; padding: 6px 4px 6px 4px; } /*Formate für den Block der die Playerauswahl darstellt**/ .player { width: 400px; } .player .left { float: left; width: 200px; } .player .right { float: right; width: 200px; } .player .head { font-weight: bold; } .player .head span { padding: 0px 0px 0px 0px; line-height: 1.5em; vertical-align: center; } .player .head[class] span { padding: 0px 0px 0px 0px; line-height: 1.5em; vertical-align: top; } .player ul, .player ul { list-style: none; margin: 8px 0 8px 22px; padding: 0; } /** Bild soll ausgeblendet werden */ .containerText .player img { display:none; } /**Suchformular und Tabmenue**/ .tabcontainer { margin: 0; padding: 0; margin-bottom: -3px; } .tabcontainer[class] { margin-bottom: -1px; } .tabcontainer .tabOn { margin: 0; padding: 0; border: 1px solid #A4A8AB; border-bottom: 1px solid #F3EBE0; background: #F3EBE0; font-size: 1.31em; font-weight: bold; padding: 2px 10px 2px 10px; text-align: left; color: #616970; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; overflow: visible; } .tabcontainer .tabOn[class]{ width: auto; } .tabcontainer .tabOff { margin: 0; padding: 0; border: 1px solid #A4A8AB; border-bottom: 1px solid #F3EBE0; background: #fff; font-size: 1.31em; font-weight: bold; padding: 2px 10px 2px 10px; text-align: left; color: #616970; text-transform: uppercase; letter-spacing: 1px; cursor: pointer; overflow: visible; } .tabcontainer .tabOff[class]{ width: auto; } .tabcontainer .input { cursor:pointer; } div.searchform { padding: 16px; width: 752px; margin: 0; background: #F3EBE0; } div.searchform[class] { width: 720px; } .searchformShort div.searchform { width: 479px; } html > body .searchformShort div.searchform { width: 450px; } div.searchHints { padding: 0px; margin: 0; width: 752px; background: #F3EBE0; } div.searchHints .service, .searchHints .serviceteaser { background-color: #F3EBDF!important; } div.searchHints .service { border-color: #F3EBDF!important; } div.searchformShort { padding: 8px; width: 494px; margin: 0; background: #F3EBE0; } div.searchformShort[class] { width: 480px; } div.searchformShort .right { float: right; width: 240px; } div.searchformShort .left { float: left; width: 240px; } /** Für das Suchformular im Inhaltsbereich */ .searchformShort.doorpage { padding: 8px; width: 494px; margin: 0; } html > body .searchformShort.doorpage { width: 480px; } .containerBox .searchformShort.doorpage, .containerBox .doorpage .searchform, .containerBox .doorpage #listFirstCharacterNavi { background-color:white; } .containerBox .searchformShort.doorpage h2 { color: #616970 !important; text-transform: uppercase !important; font: 1.51em Verdana, Arial, Helvetica, sans-serif !important; font-weight: normal !important; text-decoration: none !important; margin: 0px 4px 0 7px !important; padding: 5px 0 0px 0 !important; line-height: 1.3 !important; letter-spacing:1px !important; display:block !important; } .containerBox .searchformShort.doorpage label.searchtext { font-weight:normal; display:block; margin-left:8px; } .containerBox .searchformShort.doorpage .left { width:15em; } .containerBox .searchformShort.doorpage .left label.searchtext { margin-left:0; font-weight:bold; } .containerBox .doorpage .searchform { padding:0 0 0 8px; margin-bottom:20px; } .containerBox .searchformShort.doorpage input.searchinput, .containerBox .searchformShort.doorpage #suchSubQuery { width: 15em; padding: 1px 2px 1px 2px; height: 1.7em; font: 100% Verdana, Arial, Helvetica, sans-serif; } .containerBox .searchformShort.doorpage #suchSubQuery { height:1.75em; margin-top:1px; } html > body .containerBox .searchformShort.doorpage #suchSubQuery { height:1.55em; margin-top:0; } .subQueryMargin { margin-left:10px; margin-right:6px; width:23em !important; } html > body .subQueryMargin { margin-bottom:5px; } .containerBox .searchformShort.doorpage .searchsubmit { margin-bottom:1px; margin-left:6px; } .containerBox .searchformShort.doorpage input.searchinput [class]{ height: auto; padding: 0px 2px 2px 2px; } .containerBox .searchformShort.doorpage { clear:both; border:1px solid #F3EBE0; padding:0 15px 0 0; margin-bottom:4px; } html > body .containerBox .searchformShort.doorpage { padding-right:14px; } .containerBox .searchformShort.doorpage #listFirstCharacterNavi { padding-left:10px; margin-bottom:20px; } .containerBox .searchformShort.doorpage #listFirstCharacterNavi input { font: 1em Verdana, Arial, Helvetica, sans-serif; font-weight: bold; width: 1.32em; height:1.35em; line-height:1.0em; text-align:center; padding:0 0 1.45em 0; margin-left:-3.3px; } html > body .containerBox .searchformShort.doorpage #listFirstCharacterNavi input { padding:0 1.3em 1.3em 0; } .searchFirstCharLabel { padding-left:8px; margin-top:20px; } .innovation .containerBox .searchformShort.doorpage /*Technologie und Innovation*/ { border: 1px solid #000000; /*ffcc71*/ } .box.normal .searchformShort.doorpage { border:none !important; } input { margin-left: 0px; } div.searchseparator { background: url() no-repeat; height: 3px; margin: 0; padding: 0; font-size: 0px; } div.searchform p, div.searchformShort p { margin: 5px 0 14px 0!important; } #inhaltmargin form div.searchform h2 { padding:0 8px 15px 0; } div.searchhead { font-weight: bold; margin: 0 0 18px 0; display: block; clear: both; } div.searchform .right { float: right; width: 359px; } div.searchform .left { float: left; width: 359px; } div.searchform .cell { float: left; width: 160px; } div.searchform .small { width: 80px; margin-right: 5px; } div.searchform .wide { width: 190px; margin-right: 15px; } label.searchtext { font-weight: bold; margin-right: 8px; display: block; } label.detailsearch { clear: left; float: left; display: block; width: 120px; margin-top: -0.5em; } input.searchinput { width: 20em; border: 1px solid #9A9899; padding: 1px 2px 1px 2px; height: 1.7em; font: 100% Verdana, Arial, Helvetica, sans-serif; } input.searchinput [class]{ height: auto; padding: 0px 2px 2px 2px; } input.detailsearchinput { position: relative; top: -1.4em; width: 18em; left: 13.5em; display: block; padding: 1px 2px 1px 2px; height: 1.7em; background: #fff; border: 1px solid #9A9899; font: 100% Verdana, Arial, Helvetica, sans-serif; } input.detailsearchinput[class]{ height: auto; padding: 0px 2px 2px 2px; } input.detailsearchcheck{ border: none; background: none; left:7.5em; margin: 0 4px 0 0; padding: 0; display: inline; margin-top: -12px; } input.detailsearchcheck[class] { left:7.5em; } select.detailsearchinput { position:relative; top:-1.4em; left:8em; display:block; font-size: 100%; font-weight: normal; } select { border: 1px solid #fff; font: 100% Verdana, Arial, Helvetica, sans-serif; } div.searchsubmit { text-align: right; } input.searchsubmit { margin: 0px 0px 0px 8px; margin-bottom: -4px; border: 0; } input.searchsubmit { border: 1px solid #99592E; color:#99592E; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px; margin:0; padding:0 18px 0px 0; height: 19px; margin-top: -1px; text-align: left; cursor:pointer; text-transform: uppercase; background: #fff url() no-repeat right center; width: 18px; overflow: visible; } input.searchsubmit[class] { margin-top: 0px; border: 1px solid #99592E; height: 17px; padding:0 18px 3px 0; width: auto; } input.dbsubmit { position:relative; top:-1px; border:none; margin:0; width: 16px; height: 15px; background: #fff url() no-repeat right center; } html > body input.dbsubmit { top:1px; } input.dbinput { width:15em; margin:0 0 0 0px; border:1px solid #bc9377; } html > body input.dbinput { margin:0 0 0 8px; } .dbLabel { font-weight:bold; margin-left:0px; } html > body .dbLabel { font-weight:bold; margin-left:8px; } .innovation input.dbinput { border-color:#e4b367; } .innovation input.dbsubmit { background-image:url(); } .innovation .searchsubmit { border: 1px solid #e4b367 !important; color:#A17220; background: #fff url() no-repeat right center; } #listFirstCharacterNavi { background-color: #F3EBE0; padding: 2px 8px 8px 16px; } #listFirstCharacterNavi[class] { background-color: #F3EBE0; padding: 5px 8px 8px 16px; } #listFirstCharacterNavi input { background-color: #fff; border: 1px solid #BC9377; color: #99592E; font: 110% Verdana, Arial, Helvetica, sans-serif; font-weight: normal; padding: 0 2px 0 2px; margin: 5px 0 0 0; cursor: pointer; cursor: hand; width: 19px; } .innovation #listFirstCharacterNavi input { border: 1px solid #e4b367; color:#A17220; } #listFirstCharacterNavi div { display: inline; color: #000; font: 125% Verdana, Arial, Helvetica, sans-serif; font-weight: bold; margin: 0 4px 0 4px; padding: 0px 3px 0px 3px; } html>body #listFirstCharacterNavi>div { margin: 0; line-height: 90%; font: 120% Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } /**Footer**/ /**Helferklassen**/ span.back { color: #A3A8AC; text-decoration: none; background: url() no-repeat 0px 2px; padding-left: 15px; } a.back, a:link.back, a:visited.back, a:active.back , a:hover.back, a:focus.back { color: #98592E; text-decoration: none; background: url() no-repeat 0px 2px; padding-left: 15px; } a:hover.back, a:focus.back { text-decoration: underline; } span.next { color: #A3A8AC; text-decoration: none; background: url() no-repeat right 2px; padding-right: 15px; } a.next, a:link.next, a:visited.next, a:active.next , a:hover.next, a:focus.next { color: #98592E; text-decoration: none; background: url() no-repeat right 2px; padding-right: 15px; } a:hover.next, a:focus.next { text-decoration: underline; } .clearer { display: block; margin: 0; clear: both; line-height: 0; font-size: 0%; height: 0; } img { border: 0; margin: 0; padding: 0; display: inline; display:none; } img.inlineIcon { margin-left: 8px; } /**Formularfelder**/ label.labelsearch { display: inline; color: #fff; padding-right: 5px; } input.inputsearch { border: 1px solid #BC9377; font-size: 1.0em; } .cnavi .searchinput, .cnavi .suchSubQuery, .cnavi #email, .cnavi .quickentry { width:172px; margin-left:3px; } .cnavi .suchSubQuery { margin-bottom:0px; } .cnavi .searchsubmit { float:right; margin:0px 0px -2px 0; } .cnavi .searchtext { margin:2px 0 2px 3px; font-weight:normal; } .cnavi .sb { float:right; } html > body .cnavi .serviceteaser .sb { margin-bottom:5px; } .innovation input.inputsearch, .innovation input.searchinput, .innovation .cnavi .searchinput, .innovation .cnavi .suchSubQuery, .innovation .cnavi #email { border: 1px solid #e4b367; } .innovation select#suchSubQuery { border: 1px solid #e4b367; } .cnavi label.rb, .cnavi input.rb { vertical-align:middle; } p { margin: 8px; line-height: 130%; } .rightalign { text-align: right; } /**Einzelsicht**/ .documentType { padding: 0px 0px 8px 0px; text-transform: uppercase; } .date { display: block; padding: 8px 0px 0px 0px; font-weight:bold; } .topBox .date, .news .date { font-weight:normal; } .singleView .date p{ display:inline; font-weight:bold; } .normal .date, .big .left .date{ display: none!important; } /* Neu für Trefferlisten */ /* Allgemeine Tabellendefinition */ table { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #000000; padding:0px; margin:0px; width: 100%; border: #F3EBE0 1px solid; border-collapse: collapse; background-color: #fff; } table.background-color--white { width: 470px; } .background-color--white tr td { border: #F3EBE0 1px solid; margin: 0; padding: 4px; } .background-color--white tr.background-color--maroon td { background: #F3EBE0; border: 1px solid #fff!important; } .background-color--white td.background-color--maroon { background: #F3EBE0; } .background-color--white tr td p { margin: 0; padding: 0; display: inline; } .align--right { text-align: right; } .align--left { text-align: left; } .align--center { text-align: center; } .containerBox .normal table { border: none; margin-top:8px; } table.formular { border: 0; border-top: 1px solid #AFB4B7; border-bottom: 1px solid #AFB4B7; } table p { margin: 0; padding: 0; } /* Tabellenüberschrift ist nur für Screenreader */ caption { display:none; } /* Spaltenheader, Farbe und Padding */ th { vertical-align: top; font-weight: normal; text-align: left; background-color: #F3EBE0; padding:4px 2px 4px 14px; text-transform: uppercase; } /* Tabellenzellen, Farbe und Padding */ td { vertical-align: top; text-align: left; padding:6px 2px 6px 14px; } th .sort { display: inline; margin: 0; padding: 0; } th .sortTop { display: inline; margin: 0; padding: 0; } th .sortBottom { display: inline; margin: 0; padding: 0; } td.seperator { height: 1px; background: url() no-repeat center ; } td .download { margin: 0; padding-top: 8px; padding-bottom: 8px; padding-left: 0px; } /* Spaltenbreiten */ .spalte-1 { /*width:80px;*/ width:auto; } .spalte-2 { width:auto; } .spalte-3 { width:100px; } .spalte-4 { width:100px; } /*Kurzes Inputfeld für warenkorb */ select { border: 1px solid #9A9899; font-size: 1.0em; height: 1.5em; font-family: Verdana, Arial, Helvetica, sans-serif; } input.short { width: 40px; border: 1px solid #9A9899; padding: 1px 2px 1px 2px; height: 1.7em; font: 100% Verdana, Arial, Helvetica, sans-serif; } input.short[class]{ height: auto; padding: 0px 2px 2px 2px; } input.default { width: 196px!important; border: 1px solid #9A9899; padding: 1px 2px 1px 2px; height: 1.7em; font: 100% Verdana, Arial, Helvetica, sans-serif; } input.normal[class]{ height: auto; padding: 0px 2px 2px 2px; } input.wide { width: 240px; border: 1px solid #9A9899; padding: 1px 2px 1px 2px; height: 1.7em; font: 100% Verdana, Arial, Helvetica, sans-serif; } input.wide[class]{ height: auto; padding: 0px 2px 2px 2px; } /* Trefferanzeige und Blättern */ .eintragbox{ text-align:right; padding-right:10px; margin: 8px 0 8px 0; } .leftnavi{ clear:both; float:left } .eintragbox .left{ clear:both; float:left; width:180px !important; text-align:left; } .topbox .eintragbox { border: 1px solid #9B582D; color: #9B582D; background-color: #fff; width: 8.4em!important; float: right; padding:0px; margin-right: 8px; text-transform: uppercase; position: relative; } .topbox .eintragbox input { position: relative; } /* Service-Teaser */ .servicehead { background: url() #deb887 no-repeat top right; display: block; height: 1.7em; /*width: 100%;*/ margin: 0; padding: 0; } .servicehead div { padding: 3px 3px 0px 10px; } .servicetext { display: block; margin: 0; padding: 0 0 10px 0; } .servicetext p { margin: 0 8px 0 8px; padding-top: 10px; } .servicetext { color: #494846; } /* Blätterfunktion als Submits */ .submitlinks { border:none; background:transparent; color:#98592D; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:1.0em; font-weight:bold; margin:0; padding:0; cursor:pointer; width:auto; } /*Submitbuttons Test */ .sb, .wk, .rssButton { border: 1px solid #99592E; color:#99592E; font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; font-size:10px; margin:0; padding:0 18px 0px 0; height: 19px; margin-top: -1px; text-align: left; cursor:pointer; text-transform: uppercase; background: #fff url() no-repeat right center; width: 18px; overflow: visible; } .sb[class], .wk[class], .rssButton[class] { margin-top: 0px; border: 1px solid #99592E; height: 17px; padding:0 18px 3px 0; width: auto; } a.rssButton, a.rssButton:link, a.rssButton:visited, a.rssButton:active , a.rssButton:hover, a.rssButton:focus { text-decoration: none; text-transform: uppercase; padding: 2x 18px 0px 2px!important; height: 16px!important; line-height: 1em; } a.rssButton[class], a.rssButton[class]:link, a.rssButton[class]:visited, a.rssButton[class]:active , a.rssButton[class]:hover, a.rssButton[class]:focus { text-decoration: none; text-transform: uppercase; padding: 1px 18px 2px 2px!important; width: 18px!important; } a.rssButton:hover, a.rssButton:focus { text-decoration: none; } .innovation .sb, .innovation .wk, .innovation .rssButton { border: 1px solid #e4b367; color:#A17220; background: #fff url() no-repeat right center; } .innovation .rssButton { background-image:url(); } .rssFloat { float:right; } .rssButton { text-decoration:none; padding:0px 19px 0px 0; margin-right:3px; position:relative; top:2px; margin-top:5px; } .rssButton[class] { padding:0px 18px 3px 0px; } input.rssButton { text-decoration:none; vertical-align:middle; } .search .sb { margin-top: 0px; margin-bottom: 2px; border: 1px solid #BC9377; height: 17px; background: #fff url() no-repeat right center; } .innovation .search .sb { border: 1px solid #e4b367; color:#A17220; background: #fff url() no-repeat right center; } #buzzer:link,#buzzer:visited,#buzzer:hover,#buzzer:active { background-image : url(../../../images/pbe/buzzer_off.gif); font-size:9px; line-height:11px; } #buzzer:hover { background-image : url(../../../images/pbe/buzzer_on.gif); } .breadcrumb { display: none; } /**Lexikon**/ .blue .lexikonbox .subheadline { font-weight: bold; font-size: 1.3em; } .blue .lexikonbox .listenhead { font-weight: bold; font-size: 1.3em; } .blue .lexikonbox b { font-weight: bold; font-size: 1.3em; } .blue p { font-weight: normal; } td.lexikonbutton { margin: 0; padding: 8px 0 0 0; } .blue .lexikonbutton a, .blue .lexikonbutton a:link, .blue .lexikonbutton a:active, .blue .lexikonbutton a:visited, .blue .lexikonbutton a:hover { margin: 0px 0px 2px 0; padding: 0px 18px 0px 2px; border: 1px solid #BC9377; height: 17px; background: #fff url() no-repeat right center; text-decoration: none; } html>body .blue .lexikonbutton a, .blue .lexikonbutton a:link, .blue .lexikonbutton a:active, .blue .lexikonbutton a:visited, .blue .lexikonbutton a:hover { padding: 1px 18px 1px 2px; } .serviceteasercontent { display: block; padding: 0 8px 0 8px; } .serviceteasercontent p { margin: 0!important; padding: 0!important; } /**Meta Navigation**/ ul.metaNavi { margin: 0; padding: 0; } ul.metaNavi li { margin: 1px 2px 0pt 0pt; padding: 0px 0pt 0px 0px; float: left; background: none; list-style: none!important; } ul.metaNavi li a, ul.metaNavi li a:link, ul.metaNavi li a:visited, ul.metaNavi li a:active , ul.metaNavi li a:hover, ul.metaNavi li a:focus { margin: 0px 1pt; padding: 1px 0px 1px 10px; color: #fff; display: block; line-height: 0.90em; } ul.metaNavi li a:active, ul.metaNavi li a:hover, ul.metaNavi li a:focus { text-decoration: underline!important; } /** neu fuer Serviceteaser als Liste **/ #marginalspalte .service ul.serviceteaser { background-color:#ffffff; border:0; margin-bottom:0; } #marginalspalte .service ul.serviceteaser li.headimg { margin-bottom:4px; background-color: #E9EAEC; border: 1px solid #AFB4B7; } /** für die Anzeige der aktuellen Beiträge */ .aktDatum span { color:#d2aa8f; font-family:verdana,arial,helvetica,sans-serif; font-size:0.8em; border:1px solid #d2aa8f; padding:0 2px 0 2px; margin-left:1em; } .innovation .aktDatum span { border-color:#e4b367; color:#e4b367; } .service .aktDatum span { border-color:#d2aa8f; color:#d2aa8f; } .home .aktDatum span { border-color:#d2aa8f; color:#d2aa8f; } .home .switchpagecontainerAjax .aktDatum span { display: none!important; } th.aktDatum { background-color:white; } td.aktTitel { vertical-align:top; padding-top:0; font-weight:bold; } td .listTitle { margin:0; padding:0; display:inline; font-size:1.0em; font-weight:normal; } .textfragmente .more { display:none; } .containerMargin h4 a { background: url() no-repeat left 10px; padding: 6px 0px 0px 10px!important; margin: 0!important; display: block; width: auto; } select { height:17px; } /* Indexlinks (a b c d ...), Darstellung wie in Branchenfokus */ .abcGlossar { clear:both; margin-left:10px; } .abcGlossar a { color:f2a070; border:1px solid #f2a070; padding:0 0.2em 0 0.2em; font-weight:bold; font-size:0.95em; margin-left:-2px; } /**Lexikon ToolTip**/ a.lexikonTooltip, a:link.lexikonTooltip, a:visited.lexikonTooltip, a:hover.lexikonTooltip, a:focus.lexikonTooltip, a:active.lexikonTooltip { position:relative; /*this is the key*/ text-decoration: none!important; background: none; margin: 0!important; padding: 0!important; z-index: 10; border: 0!important; } head:first-child+body a.lexikonTooltip { display: block; float: left; margin: 0 0.1em 0 0!important; } a:hover.lexikonTooltip, a:focus.lexikonTooltip, a:active.lexikonTooltip { z-index:100; background: #fff; } a.lexikonTooltip span, a:link.lexikonTooltip span, a:visited.lexikonTooltip span { display: none } a:hover.lexikonTooltip span, a:focus.lexikonTooltip span, a:active.lexikonTooltip span { /*the span will display just on :hover state*/ display:block; position:absolute; top:1.0em; left: 10px; width:200px; border:1px solid #AFB4B7; background: #F8F1E9; color:#000; text-align: left; text-decoration: none; padding: 6px; font-size: 1.0em; z-index:200; } a:hover.lexikonTooltip span span, a:focus.lexikonTooltip span span, a:active.lexikonTooltip span span, a:hover.lexikonTooltip span strong, a:focus.lexikonTooltip span strong, a:active.lexikonTooltip span strong { border: 0!important; padding: 4px 0 0 0!important; margin: 0!important; text-decoration: none!important; position: relative!important; top: 0; left: 0; display: block!important; background: none; } .lexikonTooltip p { margin: 8px 0!important; padding: 0!important; text-decoration: none!important; position: relative; } a:hover.lexikonTooltip span strong.headline, a:focus.lexikonTooltip span strong.headline, a:active.lexikonTooltip span strong.headline { font-weight: bold; display: inline!important; } /**TEMPORÄR!*/ /**Tooltip*/ /* .tooltipElement, .tooltipElementLeft { float: left; position: relative; left: 0; width: 585px!important; } .tooltipElementLeft { width: 585px!important; } .tooltip, .tooltipLeft { position:relative; z-index:24; color:#000; text-decoration:none!important; border: 0!important; float: left; width: 12px; margin: 0 0 0 8px!important; padding: 0!important; } .tooltip:hover, .tooltipLeft:hover { z-index:100; background: #FFFFCC; } .tooltip span, .tooltipLeft span { display: none } .tooltip:hover span, .tooltipLeft:hover span { display:block; position:absolute; top:1.8em; left: 0px; width:180px; border:1px solid #000; background: #FFFFCC; color:#000; text-align: left; text-decoration: none; padding: 6px; font-size: 0.9em; z-index:200; } .tooltip:hover span span, .tooltip:hover span strong, .tooltipLeft:hover span span, .tooltipLeft:hover span strong { border: 0; position: relative!important; top: auto!important; left:auto!important; padding: 0!important; margin: 0!important; z-index: 210; text-decoration: none!important; } .tooltip p, .tooltipLeft p { margin: 8px 0!important; padding: 0!important; text-decoration: none!important; } .tooltip p, .tooltipLeft p { margin: 8px 0!important; padding: 0!important; text-decoration: none!important; } .tooltip ul , .tooltipLeft ul { margin: 2px 5px 2px 5px!important; } .tooltip ul li , .tooltipLeft ul li { padding: 0px 0px 0px 15px; } */ .tp { position: relative; border-bottom: 1px dotted #99592E; zoom: 1; } .tp:hover, .tp:hover:focus { text-decoration: none; border-bottom: 1px dotted #99592E; } .tooltip { background: url() no-repeat top left; padding: 15px 0px 4px 0px; border-bottom: 1px solid #99592E; margin-bottom: 10px; display: none; position: absolute; width: 220px; height: 150px; z-index: 100; margin-top: 12px; } .tooltip[class] { margin-top: -2px; } .tooltipLoad { width: 210px; height: 120px; position: absolute; background: url() no-repeat; background-position: center; } .tooltipMargin { margin: 0 0 0 8px; width: 210px; height: 120px; position: absolute; overflow: auto; background: #F8F1E9; } .tooltipMargin[class] { height: 150px; overflow-x: auto; } .tooltip span { font-weight: normal!important; } .tooltip .subheadline,.tooltip .listenhead { font-weight: bold!important; } .containerText .containerTextMargin p .tooltip .tooltipMargin p, .tooltip .tooltipMargin p { display: block!important; margin-top: 8px!important; margin-bottom: 8px!important; font-weight: normal!important; } span.subheadline { margin: 0pt 0pt 6px; padding: 2px 0px 8px; color: #000000; font-size: 1.25em; font-weight: bold; } span.listenhead { font-weight: bold!important; } /*Tabcontainer Homepage*/ .tabBox { width: 496px; display: block; position: relative; margin-bottom: 4px; /*background: url() no-repeat 220px 7em;*/ } .tabBox ul { display: block; list-style: none; margin: 0; padding: 0; position: relative; } .tabBox ul li { float: left; margin: 0 0 -1px 0; padding: 0; position: relative; z-index: 20; } .tabBox ul#tabcontainerReiter li a, .tabBox ul#tabcontainerReiter li a:link, .tabBox ul#tabcontainerReiter li a:visited, .tabBox ul#tabcontainerReiter li a:active , .tabBox ul#tabcontainerReiter li a:hover, .tabBox ul#tabcontainerReiter li a:focus { display: block; padding: 4px 12px 4px 12px; margin-right: 6px; border: 1px solid #A4A8AB; color: #000; background: #EFEFEF!important; text-align: center; cursor: pointer; } .tabBox ul#tabcontainerReiter li a.current, .tabBox ul#tabcontainerReiter li a.current:link, .tabBox ul#tabcontainerReiter li a.current:visited, .tabBox ul#tabcontainerReiter li a.current:active , .tabBox ul#tabcontainerReiter li a.current:hover, .tabBox ul#tabcontainerReiter li a.current:focus { display: block; padding: 4px 12px 4px 12px!important; border: 1px solid #A4A8AB; border-bottom: 1px solid #fff!important; font-weight: bold; background: #fff!important; cursor: pointer; } .tabBoxContent { display: block; margin: 0; padding: 4px 0 20px 0; clear: both; border: 1px solid #A4A8AB; height: 18.4em; } .tabBoxContent[class] { height: 15.8em; } .tabBoxContent h2 { position: absolute!important; top: -999px!important; left: -999px!important; } .tabBox .rssFloat { position: relative; top: 15em; margin-right: 0px; } .tabBoxContent table { border: 1px solid #fff; margin-top: -20px; } .tabBoxContent[class] table { margin-top: 8px; } /*Tiles auf der Homepage**/ .noborderbox { position: relative; width: 496px!important; margin: 0px 0px 0px 0px!important; } .noborderbox .leftnarrow { float: left; width: 246px; } .noborderbox .right { float: right; width: 245px; margin-right: 4px!important; } .noborderbox img { float: left; margin: 6px; } #nest #inhaltmargin .noborderbox .greyTitle { border-bottom: 0!important; border-left: 0!important; border-right: 0!important; background: transparent!important; margin: 0!important; } #nest #inhaltmargin .noborderbox .greyTitle { } .noborderbox { background: url() no-repeat left bottom; } ul.containerList { list-style: none; margin: -10px 12px 0 12px; padding: 0; background-color: #fff; display: block; clear: both; float: none; } .normal ul.containerList { margin: 8px 12px!important; } ul.containerList[class] { margin: 8px 12px!important; } .switchpagecontainerAjax ul.containerList { margin: 20px 8px 8px 8px; background: transparent; } ul.containerList li { margin: 0; padding: 0 0 8px 0; display: block; background: transparent; border: 0; float: none; } ul.containerList li .listDate { display: block; padding-bottom: 0px; } ul.containerList li .listDate span { display: none!important; } ul.containerList li a, ul.containerList li a:link, ul.containerList li a:visited, ul.containerList li a:active , ul.containerList li a:hover, ul.containerList li a:focus { font-weight: bold; } .banner .titel { display: none; }firsterst