/* filename: /css/screen-base.css version: 1.4.1 - 2007-06-28 - mkr author: martin (dot) krause (at) gpm (dot) de validated by W3C CSS Validator // jigsaw.w3.org 1.4.1 - mkr : fixed safari dropdown bug 1.4 - mkr: adjusted typography, minor optimizations 1.3 - mkr: modified to match print-base 2.x 1.2.1 - mkr: added span class=ampersand 1.2 - mkr: added id=press // press overview 1.1 - mkr: added deko, moved styles to skin.css */ /* =core -------------------------------------------------------------------------*/ html { font-size: 100%; /* for IE*/ } html > body { font-size: 16px; /* for everyone else*/ } /* that's it. default: 1em = 16px */ /* elements keeping their parents font size */ input, select, th, td, li li, li p, td p, q p { font-size: 1em; } table td sup span { font-size: 80% ! important; } table td * { font-size: 1em ! important; } /* reset margin, padding */ * { margin:0; padding:0; } body { font-family: Arial, Helvetica, Verdana, sans-serif; background: #fff; } #stage { border: none; width: 920px; margin: 0 auto; max-width:none; position: relative; } /* =navSupplementary, supplementary navigation -------------------------------------------------------------------------*/ #navSupplementary { /*moved to screen-skin.css*/ height: 1.0625em; line-height: 1.0625em; } #navSupplementary li dfn { display: none; } #navSupplementary ul#navSupp { float: right; text-align: right; margin: 0 61px 0 0; padding: 0 1em 0 0; } #navSupplementary ul#navSupp li { /*moved to screen-skin.css*/ list-style: none; float: left; height: 1.0625em; line-height: 1.0625em; } #navSupplementary ul#navSupp li a { /*moved to screen-skin.css*/ font-size: 1em; font-size: .6875em; vertical-align: 3px; background: transparent; padding: 0 11px 0 6px; text-decoration: none; } #navSupplementary ul#lang { padding: 0 0 0 10px; float: right; } #navSupplementary ul#lang li { /*moved to screen-skin.css*/ list-style: none; float: left; height: 1.0625em; line-height: 1.0625em; margin: 0 0 0 1px; } #navSupplementary ul#lang li a { /*moved to screen-skin.css*/ font-size: 1em; font-size: .6875em; vertical-align: 2px; padding: 0 8px; text-decoration: none; } #navSupplementary ul#lang li.active { /*moved to screen-skin.css*/ } #navSupplementary ul#navSupp a:link, #navSupplementary ul#navSupp a:visited, #navSupplementary ul#lang a:link, #navSupplementary ul#lang a:visited { text-decoration: none; } #navSupplementary ul#navSupp a:hover, #navSupplementary ul#navSupp a:active, #navSupplementary ul#lang a:hover, #navSupplementary ul#lang a:active { text-decoration: underline; } /* =branding, =header -------------------------------------------------------------------------*/ #branding { /*moved to screen-skin.css*/ height: 84px; } #brandingLogo { float: left; padding-left: 16px; padding-top: 20px; } #brandingClaim { /*moved to screen-skin.css*/ float: left; width: 521px; height: 84px; color: #fff; text-indent: -99999em; } #brandingEmo { float: right; } /* =navMain, Hauptnavigation -------------------------------------------------------------------------*/ #navMain { /*moved to screen-skin.css*/ height: 1.375em; line-height: 1.375em; margin-bottom: 0; } #navMain #worldwide { /* padding: 0 78px 0 20px ! important; background-position: 16px 0 ! important; */ padding: 0 0px 0 20px ! important; width: 162px; background-position: 16px 0 ! important; } #navMain li dfn { display: none; } #navMain li { /*moved to screen-skin.css*/ list-style: none; float: left; } #navMain li a { /*moved to screen-skin.css*/ /* font-size: .6875em; */ font-size: .75em; background: transparent; padding: 0 10px 0 5px; text-decoration: none; margin-top: 1px; margin-bottom: -1px; display: block; } #navMain li a:link, #navMain li a:visited { /*moved to screen-skin.css*/ text-decoration: none; } #navMain li a:hover, #navMain li a:active { /*moved to screen-skin.css*/ text-decoration: underline; } /* =navDropDown, =dropdown -------------------------------------------------------------------------*/ .navDropDownShow { /*moved to screen-skin.css*/ display: block; position: absolute; background: #fff; width: 165px; padding: 0 0 1px 0; z-index: 999999; } .navDropDownShow li { list-style: none; float: none ! important; width: 100%; background: none ! important; } .navDropDownShow li a { /*moved to screen-skin.css*/ font-size: .6875em; padding: 2px 0 2px 6px ! important; margin: 0 0 0 0px ! important; text-decoration: none; display: block ! important; border-right: 2px solid #fff; width: 155px; line-height: 1.6; background: #fff ! important; } .navDropDownShow li a:hover, .navDropDownShow li a:active, .navDropDownShow li a.active { /*moved to screen-skin.css*/ text-decoration: underline ! important; } .navDropDownHidden { display: none ! important; } /* =navSection, =subnavigation -------------------------------------------------------------------------*/ #navSection { clear: both; float:left; border: none; background: #fff; width: 157px; margin-top: 25px; } /* first level */ #navSection ul { /*moved to screen-skin.css*/ background: #fff; margin: 0 0 10px 0; } #navSection ul li { list-style: none; width: 100%;/* set hasLayout to fix IE bug due to a{display: block;}*/ /*display: inline-block;*/ /* set hasLayout to fix IE bug due to a{display: block;}*/ } #navSection li dfn { display: none; } #navSection ul li a { /*moved to screen-skin.css*/ background: #f6f6f6 7px 9px; font-size: .75em; font-weight: bold; font-family: "Trebuchet MS"; display: block; padding: 5px 0 5px 20px; } #navSection ul li li a { background: #fff; /* reset grey background */ } #navSection ul li a:link, #navSection ul li a:visited { text-decoration: none; } #navSection ul li a:hover, #navSection ul li a:active, #navSection ul li a.active { /*moved to screen-skin.css*/ background: #f6f6f6 7px -80px; text-decoration: underline; } /* second level*/ #navSection ul ul { border: none; background: transparent; margin: 0 0 5px 0; } #navSection ul li ul li.first { margin-top: 5px ! important; } #navSection ul ul li a { /*moved to screen-skin.css*/ font-family: Arial, Helvetica, Verdana, sans-serif ! important; font-size: .75em; font-weight: normal; background: transparent 9px 5px; padding: 2px 2px 2px 20px ! important; } #navSection ul ul li.last a { /* font-weight: bold; color: #F59435; */ } #navSection ul ul a:link, #navSection ul ul a:visited { text-decoration: none; } #navSection ul ul a:hover, #navSection ul ul a:active { /*moved to screen-skin.css*/ text-decoration: underline; background: transparent 9px -84px; } #navSection ul ul a.active { /*moved to screen-skin.css*/ font-weight: bold; text-decoration: none ! important; background: transparent no-repeat 9px -84px; } /* third level */ #navSection ul ul ul { border: none; background: transparent; margin: 2px 0 2px 0; } #navSection ul ul ul ul li { margin: 1px 0; } #navSection ul ul ul li a { /*moved to screen-skin.css*/ font-size: .6875em; font-weight: normal; background: transparent url(/media/layout_1/img/hintergruendesubnavbox/skin_subnav_2lev.gif) no-repeat 11px -261px; padding: 1px 0 1px 21px ! important; } #navSection ul ul ul a:link, #navSection ul ul ul a:visited { text-decoration: none; } #navSection ul ul ul a:hover, #navSection ul ul ul a:active { /*moved to screen-skin.css*/ text-decoration: underline; background: transparent url(/media/layout_1/img/hintergruendesubnavbox/skin_subnav_2lev.gif) no-repeat 17px 3px; } #navSection ul ul ul a.active { /*moved to screen-skin.css*/ font-weight: bold; text-decoration: none ! important; background: transparent url(/media/layout_1/img/hintergruendesubnavbox/skin_subnav_2lev.gif) no-repeat 17px 3px ! important; } /* fourth level */ #navSection ul ul ul ul li a { /*moved to screen-skin.css*/ font-size: .6875em; font-weight: normal; background: transparent url(/media/layout_1/img/hintergruendesubnavbox/skin_subnav_2lev.gif) no-repeat 17px 3px; padding: 0 0 0 31px ! important; } #navSection ul ul ul ul a:link, #navSection ul ul ul ul a:visited { text-decoration: none; } #navSection ul ul ul ul a:hover, #navSection ul ul ul ul a:active { /*moved to screen-skin.css*/ text-decoration: underline; background: transparent url(/media/layout_1/img/hintergruendesubnavbox/skin_subnav_2lev.gif) no-repeat 17px 3px; } #navSection ul ul ul ul a.active { /*moved to screen-skin.css*/ font-weight: bold; text-decoration: none ! important; background: transparent url(/media/layout_1/img/hintergruendesubnavbox/skin_subnav_2lev.gif) no-repeat 22px 3px ! important; } /* fifth level */ #navSection ul ul ul ul ul li a { /*moved to screen-skin.css*/ font-size: .6875em; font-weight: normal; background: transparent url(/media/layout_1/img/hintergruendesubnavbox/skin_subnav_2lev.gif) no-repeat 27px 3px; padding: 0 0 0 51px ! important; } #navSection ul ul ul ul ul a:link, #navSection ul ul ul ul ul a:visited { text-decoration: none; } #navSection ul ul ul ul ul a:hover, #navSection ul ul ul ul ul a:active { /*moved to screen-skin.css*/ text-decoration: underline; background: transparent url(/media/layout_1/img/hintergruendesubnavbox/skin_subnav_2lev.gif) no-repeat 27px 3px; } #navSection ul ul ul ul ul a.active { /*moved to screen-skin.css*/ font-weight: bold; text-decoration: none ! important; background: transparent url(/media/layout_1/img/hintergruendesubnavbox/skin_subnav_2lev.gif) no-repeat 27px 3px ! important; } /* =contentMain, main content area -------------------------------------------------------------------------*/ #contentMain { /*moved to screen-skin.css*/ width: 556px; float: left; margin: 0 25px; display: inline; } #contentMain .col2 { width: 255px; float: left; margin-right: 16px; } #contentMain .col3 { width: 175px; float: left; margin-right: 12px; } #contentMain .lastCol { margin-right: 0px !important; } #contentMain h1 { /*moved to screen-skin.css*/ font-size: 1.125em; line-height: 1.125em; font-family: "Trebuchet MS"; margin: 0 0 1em 0; font-weight: bold; } #contentMain h2, #contentMain h2.subheadText, #contentMain table h2 { /*moved to screen-skin.css*/ font-size: .75em; /* line-height: 1.5em; */ line-height: 1.625em; font-weight: bold; padding: 0 ; margin: 0 ! important; } #contentMain h2.subheadline { /*moved to screen-skin.css*/ font-size: .875em; line-height: 1.2857em; font-weight: bold; padding: 0; margin: 1.2857em 0 1.2857em 0 ! important; } #contentMain h2.noMargBot { /*moved to screen-skin.css*/ margin-bottom: 0 ! important; } #contentMain h2.noMargTop { /*moved to screen-skin.css*/ margin-top: 0 ! important; } /* =deko */ #contentMain h2.deko { /*moved to screen-skin.css*/ font-weight: normal; font-size: .625em; padding: 0 0 2px 15px !important; margin-bottom: 8px !important; } #contentMain .toggleBox .toggleHeader h2.deko { padding: 0 0 2px 0px !important; } #contentMain ul.deko .monthList { margin-bottom: -8px !important; } #contentMain ul.deko .monthList h3 { float: left; font-style: normal; width: 75px; } #contentMain ul.deko .monthList a { width: 460px; float: left; } #contentMain ul.deko .monthList p { float: left; font-style: normal; width: 480px; margin-bottom: 0px !important; } #contentMain h3 { font-size: .75em; /* line-height: 1.5em; */ line-height: 1.625em; font-weight: bold; padding: 0 0 0 0; margin: 0 0 0 0 ! important; } #contentService address, #contentMain address { font-size: .75em; /* line-height: 1.5em; */ line-height: 1.625em; margin: 0 0 1.5em 0; font-style: normal; } #navSection .box a, #contentMain a, #contentMain a:link, #contentMain a:visited { /*moved to screen-skin.css*/ text-decoration: underline; } #navSection .box a:hover, #contentMain a:hover, #contentMain a:active { /*moved to screen-skin.css*/ text-decoration: none; } #contentMain a.underLineOver { text-decoration: none; } #contentMain a.underLineOver:hover { text-decoration: underline; } #contentMain p { font-size: .75em; /* line-height: 1.5em; */ line-height: 1.625em; margin: 0 0 1.5em 0; } #contentMain p.captiontext { font-size: 0.6875em !important; font-weight: bold; } #contentMain p.quelleBild { font-size: .56em; margin: 2px 0 0 0; } #contentMain p.reference { font-size: 0.625em !important; } #contentMain ol { margin-bottom: 1em; *margin-left: 5px; } #contentMain ol li { list-style-type: decimal ! important; } #contentMain ul { margin-bottom: 1em; } #contentMain ul#sitemap { margin-left: 16px; } #contentMain li { font-size: .75em; /* line-height: 1.5em; */ line-height: 1.625em; margin: 0 18px; list-style-type: disc ! important; } #contentMain li * { font-size: 1em ! important; } #contentMain .textboxContent { padding: 6px 10px; } #contentMain .noMargBottom { margin-bottom: 0px !important; } /* =deko */ #contentMain ul.deko { margin: 0px 0 20px 0; } #contentMain ul.deko li p { float: left; background: none ! important; margin: 0; padding: 0; width: 35.5em; } #contentMain ul.deko li { list-style: none ! important; margin: 0 0 8px 15px; } #contentMain .toggleBody ul.deko li { margin-left: 0px; } #contentMain ul.deko li a img { float:left; margin: 0 10px 10px 0; padding-left: 1px; } #contentMain ul.coloredUl li { border: 1px solid #ccc; border-bottom: none; margin: 0 !important; padding: 8px; padding-right: 15px; } #contentMain ul.coloredUl li a { text-decoration: underline !important; color: #000099 !important; } #contentMain ul.coloredUl li a:hover { text-decoration: none !important; color: #3333cc !important; } #contentMain ul.coloredUl li.coloredBG { background: #F1F6FC; } #contentMain ul.coloredUl li.even { background: #F6F6F6; } #contentMain ul.coloredUl li.lastEl { border-bottom: 1px solid #ccc; } #contentMain ul.coloredUl li img.deko { margin-right: 20px; border: none !important; } #contentMain ul.coloredUl li a img { margin: 0; } #contentMain ul.coloredUl li p { float: none; width: auto; } #contentMain ul.coloredUl li div.liDiv { /* float: left; */ } #contentMain ul.ulNoBorder li { border: none; border-bottom: none; margin: 0 !important; padding: 8px 8px 8px 0px; padding-right: 15px; } #contentMain ul.ulNoBorder li a { text-decoration: underline !important; color: #000099 !important; } #contentMain ul.ulNoBorder li a:hover { text-decoration: none !important; color: #3333cc !important; } #contentMain ul.ulNoBorder li.whiteBG { background: #FFF; } #contentMain ul.ulNoBorder li img.deko { margin-right: 20px; border: none !important; } #contentMain ul.ulNoBorder li a img { margin: 0; } #contentMain ul.ulNoBorder li p { float: none; width: auto; } #contentMain ul.deko a, #contentMain ul.deko a:link, #contentMain ul.deko a:visited { /*moved to screen-skin.css*/ text-decoration: none ; } #contentMain ul.deko a:hover, #contentMain ul.deko a:active { /*moved to screen-skin.css*/ text-decoration: none ; } /* image with caption */ #contentMain dl.imgCaption { /*moved to screen-skin.css*/ float: right; margin: 0 0 5px 8px; } #contentMain dl.imgCaption dt { font-size: .6875em; padding: 2px 4px; } /* various width - 30%, 50%, 100% */ #contentMain dl.width30pc, #contentMain dl.width30pc img { width: 185px ! important; } #contentMain dl.width50pc, #contentMain dl.width50pc img { width: 278px ! important; } #contentMain dl.width100pc, #contentMain dl.width100pc img { width: 556px ! important; } #contentMain .hasBorder { border: 1px solid #ccc; } #contentMain img.noBorder { border: none ! important; } #contentService .floatLeft, #contentMain .floatLeft { float: left; margin-right: 10px; margin-bottom: 3px; margin-top: 3px; } #contentMain .ortdat .floatLeft { margin-top: 0px; } #contentService .floatRight, #contentMain .floatRight { float: right; margin-left: 10px; margin-bottom: 3px; margin-top: 5px; } #contentService .fullSize, #contentMain .fullSize { display: block; margin: 0 auto; margin-bottom: 5px; } #contentService .asLine, #contentMain .asLine { float: left; margin-bottom: 10px; margin-top: 3px; } #contentMain .floatRightMT { float: right; margin-top: 5px; margin-left: 10px; margin-bottom: 3px; } /* fake Tables */ #contentMain .fakeTr { clear: left; } #contentMain .fakeTd { float: left; } /* real tables */ #contentMain table { font-size: 0.75em; line-height: 1.5 ! important; } #contentMain table.tCom { /*moved to screen-skin.css*/ /* font-size: .75em; */ margin: 5px 0 25px 1px; width: 555px; } #contentMain .coloredTextbox table.tCom { width:537px; } #contentMain table.tCom tr { /*moved to screen-skin.css*/ } #contentMain table.tCom tr th { /*moved to screen-skin.css*/ padding: 6px 10px; vertical-align: top; text-align: left; } #contentMain table.tCom tr.odd { /*moved to screen-skin.css*/ } #contentMain table.tCom tr tr.odd { background: none; } #contentMain table.tCom tr tr.even { background: none; } #contentMain table.tCom tr tr td { padding: 0 !important; border: none; } #contentMain table.tCom tr.even { /*moved to screen-skin.css*/ } #contentMain table.tCom td { padding: 6px 10px; vertical-align: top; } .idTabs { display: block; clear: both; list-style-type: none; background: transparent url(/media/layout_1/img/tabs_bg.gif) repeat-x left top; height: 23px; margin-bottom: 0px !important; } .idTabs li { display: inline; float: left; list-style: none !important; padding: 0px !important; margin: 0px 0px 0px 0px !important; background: transparent url(/media/layout_1/img/tabs_left.gif) no-repeat left top; height: 23px; } .idTabs li.hidden { width: 1px; margin-left: -1px; } .idTabs li.selected { background-position: 0px -25px; font-weight: bold; color: #000099; } .idTabs li a { text-decoration: none !important; line-height: 23px; background: transparent url(/media/layout_1/img/tabs_right.gif) no-repeat right top; padding: 2px 13px 0px 10px; margin-left: 4px; display: block; } .idTabs li.selected a { background-position: right -25px; padding-top: 0px; } .idTabs li.selected.last { padding-right: 20px; } .tabcontent { position: relative; clear: both; border-left: 1px solid #E6E6E6; padding-top: 10px; padding-bottom: 6px; padding-left: 6px; } .tabcontent .innerContent { position: relative; } .tabcontent .innerContent p.teasertext { margin-bottom: 25px !important; } .tabcontent .innerContent p.ortdat, #contentMain p.ortdat { font-size: 0.6875em !important; font-style: normal; line-height: 0.75em !important; color: #999; margin-bottom: 5px !important; } .tabcontent .innerContent h3.pmOverview, #searchresults h3.pmOverview { font-size: 0.875em !important; } #searchresults h3.pmOverview a { text-decoration: none; } #searchresults h3.pmOverview a:hover { text-decoration: underline; } /* #contentMain #searchresults .highlight { background-color: #FFF !important; font-weight: normal !important; padding:0 !important; } */ #contentMain .tabcontent .innerContent .coloredTextbox { width: 527px; } #contentMain .tabcontent .innerContent table.tCom { width: 544px; } #contentMain .tabcontent .innerContent .slider_center { width: 450px; } .tabcontent img.tabTeaser { margin-right: 20px; margin-bottom: 0px; } #contentMain div.frage { /*moved to screen-skin.css*/ float: left; width: 150px; padding: 5px; margin-bottom: 15px; } #contentMain div.antwort { float: left; width: 380px; padding-top: 0px; padding-left: 10px; } #contentMain .marginBottom15 { margin-bottom: 15px; } #contentMain .bildBox { border: 1px solid #ccc; margin-left: 10px; margin-bottom: 10px; float: right; } #contentMain .bildBox p.reference { margin: 0px; padding: 3px 4px 4px; } #contentMain ul.glossarLinks li { list-style: none; display: inline; padding: 0 !important; margin: 0 !important; } #contentMain ul.glossarLinks li a { text-decoration: none; text-transform: uppercase; text-align: center; width: 21px; height: 23px; float: left; } #contentMain ul.glossarLinks li a.firstEl { background: transparent url(/media/layout_1/img/glossar/firstActiveNo.jpg) no-repeat !important; } #contentMain ul.glossarLinks li a.firstElAct, #contentMain ul.glossarLinks li a:hover.firstEl { color: #fff; background: transparent url(/media/layout_1/img/glossar/firstActive.jpg) no-repeat !important; } #contentMain ul.glossarLinks li a.midEl { background: transparent url(/media/layout_1/img/glossar/midActiveNo.jpg) no-repeat !important; } #contentMain ul.glossarLinks li a.midElAct, #contentMain ul.glossarLinks li a:hover.midEl { color: #fff; background: transparent url(/media/layout_1/img/glossar/midActive.jpg) no-repeat !important; } #contentMain ul.glossarLinks li a.lastEl { background: transparent url(/media/layout_1/img/glossar/lastActiveNo.jpg) no-repeat !important; } #contentMain ul.glossarLinks li a.lastElAct, #contentMain ul.glossarLinks li a:hover.lastEl { color: #fff; background: transparent url(/media/layout_1/img/glossar/lastActive.jpg) no-repeat !important; } .brighterLayer { -moz-opacity: 0.50; -khtml-opacity: 0.5; -webkit-opacity: 0.5; opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); width: 100%; } /* =form */ #contentMain input { font-size: .75em; margin-right: 5px; height: 1.166666em; padding: 2px 0 2px 4px ! important; } #contentMain .formDiv legend { display: none; } #contentMain .formDiv fieldset { border: none; } #contentMain .formDiv .trForm { clear: left; padding: 5px 0; } #contentMain select { height: 1.65em ! important; } #contentMain .formDiv label { font-size: .75em; cursor: pointer; float: left; padding: 3px 0 0 0; margin: 0 10px 0 0; width: 8.3333em; /*100px*/ text-align: right; } #contentMain .formDiv .textAbove label { text-align: left !important; width: 100% !important; /*100px*/ margin-bottom: 8px !important; display: block; float: none; } #contentMain .formDiv label.labelCheckbox { float: left; padding: 0 0 0 0; margin: 0 10px 10px 0; text-align: left; width: 400px; } #contentMain .formDiv .leftAlign label.labelCheckbox { width: 509px; } #contentMain .formDiv select { font-size: .75em; width: 16.70em; } #contentMain .formDiv select.selectDateYear { width: 7em; } #contentMain .formDiv select.selectDateMonth { width: 8em; } #contentMain .formDiv select.selectPmGroups { width: 10em; } #contentMain .searchBox select { height: 1.65em; margin-right: 5px; float: left !important; } #contentMain .searchBox input { font-size: 0.6875em; } #contentMain .formDiv input { font-size: 0.75em; padding: 1px 2px 0 2px; height: 1.166666em; width: 16em; } #contentMain .formDiv input.inputFormPLZ { width: 3em; margin: 0 4px 0 0 ; } #contentMain .formDiv input.inputSearch { width: 13.0em; height: 12px; margin-right: 5px; float: left; } #contentMain .formDiv input.inputFormOrt { width: 12.0em; } #contentMain .formDiv input.inputSearchSend { width: 17px !important; height: 17px !important; padding: 0px !important; margin-top: 1px; float: left !important; } #contentMain input.inputSearchSend:hover, #contentMain input.inputSearchSend:focus { background : #FFF; border: none; } #contentMain .formDiv input.inputCheckbox { float: left; padding: 00 0 0; margin: 0 5px 0 109px; text-align: left; width: 20px; } #contentMain .formDiv .leftAlign input.inputCheckbox { margin: 0 5px 0 0px !important; } #contentMain .formDiv input:hover, #contentMain .formDiv input:focus, #contentMain .formDiv select:hover, #contentMain .formDiv select:focus, #contentMain .formDiv textarea:hover, #contentMain .formDiv textarea:focus { /*moved to screen-skin.css*/ } #contentMain input.inputFormSubmitKon { /*moved to screen-skin.css*/ float: left; padding: 2px 15px ! important; margin: 0 5px 0 110px; text-align: left; height: auto; width: auto; text-align: center; color: #111111; } #contentMain .formDiv p.pflicht { font-size: .625em; padding: 0 0 0 114px; clear: both; } option { padding-left: .5em ! important; } #contentMain textarea { font-family: Arial, Helvetica, Verdana, sans-serif; font-size: .75em; padding: 1px 2px 0 2px; height: 16em; /* width: 16em;*/ width: 25em; } #contentMain .textAbove textarea { padding: 1px 2px 0 0px; } #contentMain form div.space { height: 1em; line-height: 1em; font-size: 1em; display: block; } /* depressionen test */ #contentMain #deprTest input { font-size: 1em; margin: 0px 10px 0 0px; width: auto; } #contentMain #deprTest label { font-size: 1em; float: none; } #contentMain #deprTest input.inputFormSubmitKon { margin: 0 5px 0 0px; } #contentMain .error { color: #f00 ! important; } #contentMain form#searchbyplz, #contentMain form#searchbycity { margin-top: 20px; margin-bottom: 20px; } #contentMain #searchbyplz label, #contentMain #searchbycity label { font-size: .75em; width: 90px; float: left; } #contentMain #searchbyplz .inputFormTextKon, #contentMain #searchbycity .inputFormTextKon { width: 170px; } #contentMain #searchbyplz .inputFormSubmitKon, #contentMain #searchbycity .inputFormSubmitKon { margin-top: 15px; display: block ! important; float: none; margin-left: 90px; } /* =suchergebnisse, =search result -------------------------------------------------------------------------*/ #contentMain .searchResultBreadcrumb { /*moved to screen-skin.css*/ font-size: .833em ! important; } #contentMain .searchResultBreadcrumb, #contentMain .searchResultBreadcrumb a, #contentMain .searchResultBreadcrumb a:link, #contentMain .searchResultBreadcrumbb a:visited { /*moved to screen-skin.css*/ text-decoration: none ! important; } #contentMain .searchResultBreadcrumb a:hover, #contentMain .searchResultBreadcrumb a:active, #contentMain .searchResultBreadcrumb a.active { /*moved to screen-skin.css*/ text-decoration: underline ! important; } #contentMain .highlight { /*moved to screen-skin.css*/ font-weight: bold; padding: 0 2px; } #contentMain .searchResult a .highlight { background-color: transparent !important; font-weight: normal; padding: 0; } /* --- Moodbilder --- */ #contentMain .moodBildLayer { position: relative; } #contentMain .moodbild { position: absolute; top: 0; left: 0; display: none; } #contentMain #moodBild1 { display: block; } /* =breadcrumb trail -------------------------------------------------------------------------*/ #contentMain #breadcrumb { /*moved to screen-skin.css*/ width: 556px; vertical-align: middle; clear: both; margin-bottom: 10px; padding: 6px 0 4px 0; } #contentMain #breadcrumb p { font-size: .625em; margin: 0 ! important; } #contentMain #breadcrumbo a, #contentMain #breadcrumb a:link, #contentMain #breadcrumb a:visited { /*moved to screen-skin.css*/ text-decoration: none; } #contentMain #breadcrumb a:hover, #contentMain #breadcrumb a:active, #contentMain #breadcrumb a.active { /*moved to screen-skin.css*/ text-decoration: underline; } /* --- Pressebereich --- */ .pressebereichTeaser { width: 276px; height: 154px; margin-bottom: 4px; overflow: hidden; float: left; display: inline; } .pressebereichTeaser .toggleLayer { width: 276px; height: 154px; /* margin-top: 126px; */ } .pressebereichTeaser h2 { line-height: 28px !important; color: #fff !important; height: 28px; background: transparent url(/media/transparent_80_blau.png); padding-left: 14px !important; } .pressebereichTeaser .pbtContent { height: 98px; background: transparent url(/media/transparent_90_hellblau.png); padding: 14px; } /* =contentSiteInfo, below the main content area -------------------------------------------------------------------------*/ #contentSiteInfo { clear: both; /*moved to screen-skin.css*/ padding-top: 28px; margin-top: 43px; margin-bottom: 25px; } #contentSiteInfo p { font-size: .6875em; line-height: 1.5; background: #fff ! important; } #contentSiteInfo ul { margin: 0 0 5px 0; text-align: left; padding-top:3px; } #contentSiteInfo li { font-size: .6875em; line-height: 1.5; list-style: none ! important; float: left; margin: 5px 0 0 2px ; padding: 4px 0 0 0; } #contentSiteInfo li dfn { display: none; } /* =back to top */ #contentSiteInfo li#backToTop { /*moved to screen-skin.css*/ text-decoration: none; float: right; padding: 0 0 0 10px; } #contentSiteInfo li#backToTop a { /*moved to screen-skin.css*/ text-decoration: none; } #contentSiteInfo li#backToTop img { vertical-align: middle; margin: 0 0 0 5px; } #contentSiteInfo p { width: 320px; text-align: center; } #contentSiteInfo a, #contentSiteInfo a:link, #contentSiteInfo a:visited { /*moved to screen-skin.css*/ text-decoration: underline; } #contentSiteInfo a:hover, #contentSiteInfo a:active, #contentSiteInfo a.active { /*moved to screen-skin.css*/ text-decoration: none; } /* =contentService, =right, =sidebar -------------------------------------------------------------------------*/ #contentService { border: none; float: left; position: relative; width: 157px; display: inline; } #contentService #toolLinkLayer { height: 25px; } #contentService ul.toolLinks { margin-top: 5px; float: right; } #contentService ul.toolLinks li { list-style: none !important; float:left; } #contentService ul.toolLinks li a { background: none !important; padding-left: 10px; } #contentService .boxheadline h2 { background: transparent url(/media/bg_sprite.gif) no-repeat 0 -107px; padding: 5px 0 3px 15px !important; } #contentService img.loginLogos { margin-top: 5px; margin-bottom: 5px; margin-left: 8px; display: block; } .contentBG fieldset { padding-top: 3px !important; padding-right: 3px !important; padding-bottom: 0px !important; } #contentService .contentBG form { margin: 0px; } #contentService .contentBG div.hr { font-size: 1px; border: none; margin-top: 10px; margin-bottom: 5px; margin-right: 8px; margin-left: 8px; background-color: #E5E5E5; height: 1px; display: block; } #inputSucheCS { width: 124px !important; height: 13px !important; color: #1E3174; border: none; background: transparent url(/media/layout_1/img/bg_input_suche.gif) no-repeat; padding: 0px !important; padding-left: 8px !important; padding-top: 3px !important; padding-bottom: 3px !important; margin-right: 3px; float: left; } .inputSendCS { border: none; color: transparent; float: left; height: 25px !important; margin-top: -3px; padding: 0 !important; width: 25px !important; } .inputSendCSextSearch { width: 4px !important; height: 7px !important; color: transparent; border: none; padding: 0 0 !important; margin-top: 6px; margin-right: 2px; float: left; } #formExtSearch .divRow { margin-bottom: 5px; } #selectProductlist { width: 132px !important; color: #1E3174; border: 1px solid #E5E5E5; padding: 0px !important; padding-left: 6px !important; margin-top: 1px; margin-right: 3px; float: left; } #contentService .box .inputTextNlBox, .inputTextCS { width: 157px !important; height: 13x !important; color: #1E3174; background: transparent url(/media/layout_1/img/bg_input_text_toolbox.gif) no-repeat; border: none; padding: 0px !important; padding-left: 8px !important; padding-top: 3px !important; padding-bottom: 3px !important; margin-right: 3px; display: block; } #contentService .box .inputTextNlBox { margin-left: 10px !important; } #contentService .box label { margin-left: 13px; margin-bottom: 5px; } #contentService .box .inputFormSubmitKon { border: 1px solid #BAD5E4; background: #DFEAF7; margin-left: 17px !important; } #contentService .box input:hover.inputFormSubmitKon { background: #FEFEC5; border: 1px solid #FFCC00; } #contentService p.mlAnmeldung { width: 94px; margin-top: 7px !important; float: left; } #contentService p.moreLinkToolbox { font-size: 0.625em; margin: 0 8px 0 10px; } #contentService .moreLinkToolbox a { text-decoration: none; color: #1E3174; background: transparent url(/media/layout_1/img/bg_morelink_toolbox.gif) no-repeat 0 3px; padding-left: 10px; } #contentService .moreLinkToolbox a:hover { text-decoration: underline; } .inputSendLoginCS { width: 52px !important; height: 25px !important; color: #fff; background: transparent url(/media/layout_1/img/bg_send_login.gif) no-repeat 1px 1px; border: none; padding: 0px 0 !important; float: left; } #contentService form a { border: none ! important; } #contentService #formNlBox { /*moved to screen-skin.css*/ border-top: none; } #contentService #formNlBox .inputTextNlBox { width: 133px; float: none; display: block; margin-bottom: 7px; } #contentService #formNlBox .inputSubmitNlBox { /*moved to screen-skin.css*/ width: 80px; float: right ! important; margin-right: 2px; } #contentService h2 { /*moved to screen-skin.css*/ font-size: .75em; line-height: 1.2; font-weight: bold; font-family: "Trebuchet MS"; padding: 7px 7px 7px 7px ; border-bottom: none ! important; } #contentService p { /*moved to screen-skin.css*/ font-size: .6875em; line-height: 1.35; } /* boxobject 2 */ /* #contentService a { width: 155px; display: block; text-align: center; background: #F7FAFD; } #contentService a img { display: block; } */ #contentService a.onlyAndLast { /* moved to screen-skin.css */ margin-bottom: 10px ! important; } #contentService a.ImgNotLastUL { padding-top: 7px; } #contentService ul.notLastUL { /*moved to screen-skin.css*/ border-bottom: none ! important; margin-bottom: 0px; } #contentService ul { /*moved to screen-skin.css*/ padding: 0px 7px 0px 7px !important; border-top: none ! important; margin-bottom: 0px; } #contentService li { /*moved to screen-skin.css*/ font-size: .6875em; line-height: 1.35; padding: 0 0 0 12px; } #contentService li a { /*moved to screen-skin.css*/ text-decoration: none; /*reset boxobject 2*/ display: inline ! important; border: none ! important; background: transparent ; text-align: left ! important; } #contentService li a:link, #contentService li a:visited { /*moved to screen-skin.css*/ text-decoration: none; } #contentService li a:hover, #contentService li a:active { /*moved to screen-skin.css*/ text-decoration: underline; } /* =toolbox, change fontsize, print site -------------------------------------------------------------------------*/ #contentService #toolbox { border: none ! important; padding: 0; margin: 0 0 10px 0; display: none; } #contentService #toolbox li { /*moved to screen-skin.css*/ list-style: none; float: left; font-size: .875em; line-height: 1.35; display: block; /* height: 20px;*/ height: 1.4285714em; vertical-align: bottom; padding: 4px 0 0 4px; } #contentService #toolbox li dfn { display: none; } #contentService #toolbox li a { /*moved to screen-skin.css*/ font-family: "Trebuchet MS"; font-weight: bold; text-decoration: none; font-size: 1em; background: none; } #contentService #toolbox li#fontSizeDecrease { /*moved to screen-skin.css*/ width: 17px; padding-left: 6px; } #contentService #toolbox li#fontSizeDecrease a{ /* font-size: .75em;*/ font-size: .7142em; } #contentService #toolbox li#fontSizeReset { width: 17px; } #contentService #toolbox li#fontSizeReset a { font-size: .8571em; } #contentService #toolbox li#fontSizeIncrease { /*moved to screen-skin.css*/ width: 17px; padding-right: 8px; } #contentService #toolbox li#fontSizeIncrease a { font-size: 1em; } #contentService #toolbox li#print { /*moved to screen-skin.css*/ float: right; margin-left: 4px; width: 66px; padding-left: 10px; } #contentService #toolbox li#print a { /*moved to screen-skin.css*/ padding-right: 27px; } #contentService form { /*moved to screen-skin.css*/ margin: 0 0 10px 0; } #contentService form#formSearch { /*moved to screen-skin.css*/ margin-bottom: 0 ! important; border-bottom: none; } div#searchSuggest { width: 138px; background: #fff; margin: 0; /* margin-left: 3px; */ position: absolute; padding: 0; display: none; overflow: hidden; top: 57px; z-index: 3000; } div#searchSuggest ul, div#searchSuggest li{ display: block !important; margin: 0; padding: 0; } div#searchSuggest ul { padding: 0 !important; } #contentService div#searchSuggest li{ font-size: 1em; } #contentService div#searchSuggest a, div#searchSuggest a:link { text-decoration: none; padding: 1px 0 3px 7px; margin: 0; display: block !important; } #contentService div#searchSuggest a:hover { text-decoration: underline; } #contentService form#formProduktliste { border-top: none; } #contentService form#formLogin img { vertical-align: -10px; margin-left: 2px ! important; } #contentService form#formLogin p { clear: both; } #contentService fieldset { border: none; padding: 7px; } #contentService fieldset a { /*moved to screen-skin.css*/ background: transparent 0px -346px; padding: 0 0 0 12px; font-size: .6875em; line-height: 1.35; display: inline; } #contentService fieldset a.imgLink { background: none ! important; } #contentService fieldset a:link, #contentService fieldset a:visited { text-decoration: underline; } #contentService fieldset a:hover, #contentService fieldset a:active { text-decoration: none; } #contentService legend { display: none; } #contentService form h2 { /*moved to screen-skin.css*/ border: none; } #contentService label { /*moved to screen-skin.css*/ font-size: .6875em; line-height: 1.35; display: block; cursor: pointer; } #contentService input { /*moved to screen-skin.css*/ font-size: .6875em; padding: 2px 2px; width: 100px; /* float: left ! important; */ } #contentService input.inputSubmitSearch { /*moved to screen-skin.css*/ font-size: .6875em; padding: 0px 2px 2px 2px; height: 1.75em; width: 2.4545em; float: left ! important; margin: 0 0 0 5px; } #contentService input.inputTextLogin { /*moved to screen-skin.css*/ font-size: .6875em; padding: 2px 2px; width: 132px ! important; float: left ! important; } #contentService input.inputSubmitLogin { /*moved to screen-skin.css*/ font-size: .6875em; padding: 0px 2px 2px 2px; height: 1.75em; width: 4.5454em; float: right ! important; margin: 5px 3px 0 5px; } #contentService input.inputRadio { font-size: 1em ! important; border: none; color: #fff; width: auto ! important; float: none ! important; vertical-align: middle; } #contentService label.labelRadio { font-size: .6875em; vertical-align: middle; display: inline; } #contentService select { /*moved to screen-skin.css*/ font-size: .6875em; height: 1.65em; width: 106px; float: left ! important; } #contentService img.iconDocCheck { display: inline ! important; } /* =home, body selector used on =homepage object -------------------------------------------------------------------------*/ #contentMain { margin-top: 25px !important; } .clearAll { clear: both; line-height: 0; font-size: 1px; } /* =clearing floats without structural markup -------------------------------------------------------------------------*/ /* clearfix, http://www.positioniseverything.net/easyclearing.html */ .clearfix:after { content: "."; display: block; height:0; clear: both; visibility: hidden; } /* winIE7 */ .clearfix { display:inline-block; } /* valid in css2.1: http://www.w3.org/TR/CSS21/visuren.html */ /* winIE6 */ * html .clearfix { height: 1%; } /* safari, winIE, stripped macIE hide */ .clearfix { display: block; } /* float environment using overflox: hidden;*/ .floatbox { overflow:hidden; } /* winIE6, stripped the macIE stuff*/ * html .floatbox {width:100%;} /* =printInfo, print styles -------------------------------------------------------------------------*/ #printInfo, #logoPrint, #claimPrint, sup.printSup, #printFootnotes { display: none ! important; } /* =generic declarations -------------------------------------------------------------------------*/ abbr, acronym { border-bottom: 1px dotted #c00; cursor: help; } a, a:active, a:focus {outline: none;} a img { border: none; } .skip { display: none; } a.imgLink { background: none ! important; padding: 0 ! important; margin: 0 ! important; } .podcastlink { background: url(/media/gen_icon_podcast.gif) no-repeat scroll 0 0 transparent; padding-left: 20px; } .videolink { background: url(/media/gen_icon_video.gif) no-repeat scroll 0 0 transparent; padding-left: 20px; } .linkImg { cursor: pointer !important; } .noBorder { border: none ! important; } #contentMain img { display: block; } #contentMain img.photo, #contentMain img.imgArrow { display: inline; } span.ampersand { font-family: arial,tahoma, sans-serif; font-size: 100%; } .downloadIcon { vertical-align: -2px; display: inline !important; } #contentService div.rightBox { padding-top: 5px; margin-bottom: 10px; } #contentService div.haarausfall { background: #D2F2D3; height: 187px; } #contentService div.haarausfall2 { background: #D2F2D3; height: 120px; } #contentService div.rightBox a { border: none; background: none; } #contentService div.rightBox p { font-size: 0.625em; color: #000; padding: 6px; margin:-6px 0 0 0; } sup { line-height: 8px; } .marginBottom5 { margin-bottom: 5px; } /* Honcode- und Afgis-Box -------------------------------------------------------------------------*/ #contentService .subnavSimple { width: 155px; border: solid 1px #cccccc !important; padding: 0px; margin: 0px 0px 10px 0px; } #contentService .subnavSimple img{ display: block; border: none !important; } #contentService .subnavSimple a{ background: none !important; border: none !important; color: #111111; } #contentService .subnavSimple table tr td{ font-size: 12px; vertical-align: top; } #contentService .subnavSimple table tr td img{ width: 50px !important; border: 1px solid green; } #contentService .subnavSimple table tr td a{ display: inline; } #contentService .subnavSimple img.afgisLogo { margin-bottom: -1px; margin-top:3px; margin-left:3px; float: left; } #contentService .subnavSimple p.afgisText { font-size: 0.6875em; font-weight: bold; text-align: right; color: #00ABB3; padding: 0 3px 3px 0; clear: both; background: transparent; } p.caption { font-size: 0.625em !important; line-height: 1.2em !important; } .noPadLeft { padding-left: 0px !important; } .noMargBot { margin-bottom: 0 !important; } #contentMain h2.margBot, .margBot { margin-bottom: 1.5em !important; } p.schriftKlein { font-size: 0.625em !important; } span.cRadiesse { color: ##03ADCE; } span.cHyal { color: #B82E8E; } span.cBelotero { color: #F47C27; } /* slideShow -------------------------------------------------------------------------*/ #contentMain .slideShow .headlineSlide { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-bottom: 15px !important; } #contentMain .slideShow h2 { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding-left:5px; margin-bottom: 5px !important; } #contentMain .slideShow { padding-bottom: 5px; } #contentMain .slideShow div.slideText { background: #F7FAFD; padding: 5px; margin-top: 5px; height: 110px; overflow: auto; } #contentMain .slideShow div.slideText h2, #contentMain .slideShow div.slideText h3 { color: #000; border: none; padding-left: 0px; margin-bottom: 0px !important; } #contentMain .slideShow .bgPicLayer { width: 100%; background: #F7FAFD; height: 365px; padding-top: 15px; padding-bottom: 15px; } #contentMain .slideShow .bgPicLayer .picLayer { position: relative; top: 50%; margin: 0 auto; } #contentMain .slideShow .bgPicLayer .picLayer img { display: block; } #contentMain .slideShow .navigation { border: 1px solid #ccc; margin-bottom: 5px !important; padding: 0 1px 0 1px; margin-bottom: 2px !important; } #contentMain .slideShow .navigation p { text-align: center; margin-bottom: 0px !important; } #contentMain .slideShow .navigation img { margin-top: 1px !important; } #contentMain .slideShow .navigation img.floatLeft { border: none !important; } .imgLayer { position: relative; width: 180px; margin-right: 5px; margin-bottom: 10px; float: left; } .imgDiv { position: relative; height: 130px; margin-bottom: 5px; overflow: visible; } .imgLayer .imgDiv img { position: absolute; left: 0px; bottom: 0px; border: 1px solid #ccc; padding: 1px; cursor: pointer; } .imgLayer .imgDiv img.zoomBild { border: none !important; } span.bildTitel { font-size: 0.6875em; position: absolute; left: 0px; top: 0px; border: 1px solid #062E77; background: #EFF5FC; padding: 2px; z-index: 2000; display: none; } .imgLayer a.linkZoombild { padding-right: 5px; } .imgLayer .hasBorder { } .imgLayer p.reference { font-size: 0.6875em !important; margin: 0 0 0 !important; padding-left: 5px; } #contentMain .slideShow #text1 { display: block; } #contentMain .slideShow #text2, #contentMain .slideShow #text3, #contentMain .slideShow #text4, #contentMain .slideShow #text5, #contentMain .slideShow #text6, #contentMain .slideShow #text7, #contentMain .slideShow #text8, #contentMain .slideShow #text9, #contentMain .slideShow #text10, #contentMain .slideShow #text11, #contentMain .slideShow #text12, #contentMain .slideShow #text13, #contentMain .slideShow #text14, #contentMain .slideShow #text15, #contentMain .slideShow #text16, #contentMain .slideShow #text17, #contentMain .slideShow #text18, #contentMain .slideShow #text19 { display: none; } a.extLink { background: transparent url(/media/icon-extlink.gif) no-repeat 0 4px; padding-top: 4px; padding-bottom: 4px; padding-left: 18px; } a.pdfLink { background: transparent url(/media/layout_1/img/icons/base_icon_pdf.gif) no-repeat 0 0px; padding-top: 4px; padding-bottom: 4px; padding-left: 24px; } #survey_layer a:link { font-size : 12px !important; font-family : Arial, Helvetica, sans-serif ; color : #002474 ; text-decoration : none ; font-weight : bold ; } #survey_layer a:active { font-size : 12px !important; font-family : Arial, Helvetica, sans-serif ; color : #002474 ; text-decoration : none ; font-weight : bold ; } #survey_layer a:visited { font-size : 12px !important; font-family : Arial, Helvetica, sans-serif ; color : #002474 ; text-decoration :none ; font-weight : bold ; } #survey_layer a:hover { font-size : 12px !important; font-family : Arial, Helvetica, sans-serif ; color : #002474 ; text-decoration : underline ; font-weight : bold ; } #survey_layer .textNormal{ font-family:Verdana,Geneva,Arial,Helvetica,sans-serif; font-size:11px !important; font-weight:normal; color:#000000; padding: 5px; } #survey_layer #survey_content{ padding: 10px; } /* Search Popup Layer */ .popupHolder { position: absolute; top: 134px; left: 0px; height: 15px; clear: both; z-index: 1000; } .popupHolder #extendedSearchLink { position: absolute; top: 0px; left: 0px; padding: 3px 6px 3px 22px; outline: 0px; } #extendedSeachPopup { position: absolute; top: 78px; left: 680px; font-size:0.75em; color: #062E77; width: 280px; background: #EFF5FC; border: 2px solid #E5E5E5; padding: 8px; overflow: visible !important; display: none; } #extendedSeachPopup h2 { font-size: 1em; } .extSearchSubmit { color: #062E77; cursor: pointer; float: left; border: none; background: transparent; } .gi_toggleFirstCol{ float: left; width: 320px; } .gi_moreInfoLink{ width: 160px; float: right; font-size: 1em !important; margin-bottom: 0px !important; padding-bottom: 7px; padding-top: 7px; } .gi_moreInfoLink a{ padding-left: 8px; background: transparent url(/media/layout_1/img/bg_morelink_blue.gif) no-repeat 0 6px; display: block; font-size: 0.75em; font-weight: bold; line-height: 1.625em; text-decoration: none !important; color: #062E77 !important; } .gi_pdfLink a{ padding-left: 21px; background: transparent url(/media/layout_1/img/icons/base_icon_pdf.gif) no-repeat 0 0px; display: block; font-size: 0.75em; font-weight: bold; line-height: 1.625em; text-decoration: none !important; color: #062E77 !important; } .gi_pdfLink a:hover{ text-decoration: underline !important; } .gi_moreInfoLink a:hover{ text-decoration: underline !important; } .gi_pdfLink{ margin-bottom: 0px !important; width: 140px; float: right; font-size: 1em !important; padding-bottom: 7px; padding-top: 7px; } .gi_toggleSecondCol{ width: 134px; float: right; } #stage #contentMain .toggleHeader.gi_toggleSecondCol h2 a{ background: transparent url(/media/icon_audio.png) no-repeat 0 1px !important; padding-left: 20px; } #stage #contentMain .toggleHeader.gi_toggleSecondCol h2 a:hover{ text-decoration: underline; } .GILinks{ float: left; width: 296px; } .GILinks ul{ margin-top: 4px; } .GIAudioLayer{ float: left; width: 441px; padding-top: 20px; padding-left: 12px; } #stage #contentMain .gi_container h2.noBg{ background: none repeat scroll 0 0 transparent !important; padding-bottom: 7px; padding-top: 7px; padding-left: 26px; } #contentMain .gi_container .gi_item { border-bottom: 1px solid #CCCCCC !important; border-left: 1px solid #CCCCCC !important; border-right: 1px solid #CCCCCC !important; } #contentMain .gi_container .even { background-color: #FFFFFF; } #contentMain .gi_container .odd { background-color: #F6F6F6; } #contentMain .gi_container { border-top: 1px solid #CCCCCC; } #contentMain .gi_container .toggleBox .toggleHeader h2, #contentMain .gi_container .noexpand .toggleHeader h2 { padding-top: 7px; padding-bottom: 7px; background: none !important; } #contentMain .gi_container .toggleBox .toggleHeader h2 a { padding-left: 26px; display: block; } #contentMain .gi_container .toggleHeader h2 a { background: transparent url(/media/expand_minus.gif) no-repeat 10px 5px !important; overflow: auto; } #contentMain .gi_container .noexpand .toggleHeader h2 a { background: transparent url(/media/expand_plus.gif) no-repeat 10px 5px !important; } .GILinks.noBullets a{ text-decoration: none !important; } .GILinks.noBullets a:hover{ text-decoration: underline !important; } #contentMain .GILinks .file a { color: #062E77; font-size: 11px !important; text-decoration: none; } /* filename: /css/screen-skin.css version: 1.1 - 2013-01-04 - ma author: frontend (at) gpm (dot) de validated by W3C CSS Validator // jigsaw.w3.org */ body { background: #d9f0f0 url(/media/layout_1/img/mederma/bg_gradient.png) repeat-x 0 0; } #stage { width: 980px; } /* Identit�tsfarbe dunkel -------------------------------------------------------------------------*/ #branding { height: 97px; background: transparent url(/media/layout_1/img/mederma/branding_complete.png) no-repeat; } #brandingLogo { padding-left: 26px; padding-top: 0; } #brandingLogo a { display: inline-block; width: 50px; height: 50px; } #navSupplementary { font-family: Arial, sans-serif; font-size: 11px; line-height: 13px; color: #003b75; } #navMain li a { margin-bottom:-1px; margin-top:0; } #navSection { width: 180px; display: inline; margin-top: 30px; background-color: transparent; } #navSection ul { background: transparent url(/media/layout_1/img/mederma/nav_footer.png) no-repeat 0 100%; padding-bottom: 0px; overflow: hidden; } #navSection ul.noexpand { background: transparent url(/media/layout_1/img/mederma/nav_footer_noexpand.png) no-repeat 0 100%; padding-bottom: 4px; } #navSection ul li .firstLink img { background: transparent url(/media/bg_sprite_arrow.gif) no-repeat 0 -397px; } #navSection ul.noexpand li .firstLink img { background: transparent url(/media/bg_sprite_arrow.gif) no-repeat 2px 0; } #navSection ul li { background: none; display: inline !important; } #navSection ul li a:hover, #navSection ul li a:active, #navSection ul li a.active { /*moved to screen-skin.css*/ background: none; text-decoration: none; font-weight: bold; } #navSection ul li .firstLink { background: transparent url(/media/layout_1/img/img_sprite.png) no-repeat 0 -402px; padding: 6px 0 6px 12px !important; } #navSection ul.noexpand li .firstLink { padding: 6px 0 2px 12px !important; } #navSection ul li .firstLink a { font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; font-weight: bold; background: none; padding: 0px 2px 0px 0px; display: inline-block; color: white; } #navSection ul li .firstLink a:hover { color: white; } #navSection ul ul { background: #fff url(/media/layout_1/img/mederma/nav_body.png) repeat-y 0px 0px !important; } #navSection ul li li { background: none; display: inline !important; height: 1%; } #navSection ul.noexpand li ul { display: none; } #navSection ul li ul li.first { margin-top: 0px !important; } #navSection ul li ul li.first a { margin-top: 7px !important; } #navSection ul li ul li.first li a { margin-top: 0px !important; } #navSection ul li ul li.last a { margin-bottom: 5px !important; } #navSection ul li ul li.last li a { margin-bottom: 0px !important; } #navSection ul li ul li ul li.last a { margin-bottom: 3px !important; } #navSection ul ul li a.active, #navSection ul ul li a { font-family: Arial, sans-serif; font-size: 12px; line-height: 18px; padding: 0 5px 0 12px !important; } #navSection ul ul ul li a.active, #navSection ul ul ul li a { font-size: 0.6875em; background: transparent url(/media/bg_sprite_arrow.gif) no-repeat 20px -793px !important; padding: 2px 5px 2px 32px !important; } #navSection ul ul ul ul li a.active, #navSection ul ul ul ul li a { font-size: 0.6875em; background: transparent url(/media/bg_sprite_arrow.gif) no-repeat 25px -793px !important; padding: 2px 5px 2px 37px !important; } #navSection ul ul ul ul ul li a.active, #navSection ul ul ul ul ul li a { font-size: 0.6875em; background: transparent url(/media/bg_sprite_arrow.gif) no-repeat 30px -793px !important; padding: 2px 5px 2px 42px !important; } #contentMain { margin: 27px 40px 0 26px !important; width: 554px; margin-bottom: 9px !important; } #contentMainTop { height: 10px; width: 554px; background: transparent url(/media/layout_1/img/img_sprite.png) no-repeat 0 -218px; padding: 4px 25px 0 19px; } #contentMainBody { font-family: Arial, sans-serif; font-size:12px; line-height: 16px; width: 530px; background: transparent url(/media/layout_1/img/mederma/content_body_bg.png) repeat-y 0 0; padding: 2px 25px 10px 19px; overflow: hidden; min-height: 400px; } #contentMainBottom { height: 10px; width: 554px; background: transparent url(/media/layout_1/img/mederma/content_bg.png) no-repeat 0 bottom; padding: 0 25px 10px 19px; } #contentService { width: 180px; height: 70px; margin-top: 30px; background: transparent url(/media/layout_1/img/img_sprite.png) no-repeat 0 -558px; } /* Identit�tsfarbe hell -------------------------------------------------------------------------*/ /* button */ #contentMain input.inputFormSubmitKon { background: #DFEAF7; } #contentMain input:hover.inputFormSubmitKon { color: #61666F; } #contentService .box .inputFormSubmitKon { color: #fff; border: 1px solid #BAD5E4; background: #DFEAF7; } #contentService .box input:hover.inputFormSubmitKon { color: #000; background: #FEFEC5; border: 1px solid #FFCC00; } /* Schriftfarbe Navigation -------------------------------------------------------------------------*/ #navMain li a, #navMain li a:link, #navMain li a:visited, #navMain li a:hover, #navMain li a:active, .navDropDownShow li a { color: #003b75; } /* Schriftfarbe �berschrift -------------------------------------------------------------------------*/ #navSupplementary ul#navSupp li a, #navSupplementary ul#lang li a, #navSection ul li a, #contentMain h2, #contentMain h3, #contentMain .toggleBox .toggleHeader h2 a, #contentService .box .toggleHeader h2 a, #contentService { color: #003b75; } #contentMain h1 { color: #003b75; } /* Schriftfarbe Mengentext -------------------------------------------------------------------------*/ #contentMain { color: #003b75; } .textRot a, .textRot { color: #FF0000; } /* dropdown border color -------------------------------------------------------------------------*/ .navDropDownShow { border: 1px solid #062E77 ! important; } /* border color -------------------------------------------------------------------------*/ .navDropDownShow, #contentMain .warning { border: 1px solid #BAD5E4; } .navDropDownShow li a:hover, .navDropDownShow li a:active, .navDropDownShow li a.active { border-left: 2px solid #BAD5E4; border-right: 2px solid #BAD5E4; } /* button */ #contentMain input.inputFormSubmitKon { border: 1px solid #BAD5E4; } #contentMain input.inputFormSubmitKon:hover, #contentMain input.inputFormSubmitKon:focus { border: 1px solid #fc0; } div#searchSuggest { border:1px solid #E5E5E5; width: 158px; top: 66px; } #contentService div#searchSuggest a, div#searchSuggest a:link { color: #062E77; background: #FFF !important; border-right: 2px solid #FFF !important; border-left: 2px solid #FFF !important; } #contentService div#searchSuggest a:hover { background: #FAFBFE !important; border-right: 2px solid #BAD5E4 !important; border-left: 2px solid #BAD5E4 !important; } #contentService fieldset a { font-family: Arial, sans-serif; font-size: 11px; color: grey !important; } /* colored box background -------------------------------------------------------------------------*/ /* dropdown hover */ .navDropDownShow li a:hover, .navDropDownShow li a:active, .navDropDownShow li a.active { background-color: #F7FAFD ! important; } .navDropDownShow li a { border-bottom: 1px solid #F7FAFD; } .teaserHomeLayer { clear: both; } #contentMain .teaserHomeLayer h2 { font-size: 1em !important; border-bottom: 1px solid #E6E6E6; /* background: transparent url(/media/layout_1/img/icons/base_rss_15x15.gif) no-repeat 100% 3px; */ margin-bottom: 5px !important; } #contentMain .teaserHomeLayer ul { margin-bottom: 35px; } #contentMain .teaserHomeLayer li { list-style: none !important; margin: 0; margin-bottom: 10px; } #contentMain .teaserHomeLayer li h3 { margin-bottom: 3px !important; } #contentMain .teaserHomeLayer .teaserNewsDate { width: 120px; float: left; } #contentMain .teaserHomeLayer .teaserNewsText { width: 435px; float: left; } #contentMain .teaserHomeLayer a.moreLink1 { margin-left: 120px; } a.moreLink1 { padding-left: 10px; background: transparent url(/media/layout_1/img/base_more_link.gif) no-repeat 0px 4px; } a.moreLink2 { padding-left: 10px; background: transparent url(/media/layout_1/img/bg_morelink_blue.gif) no-repeat 0px 4px; } a.backLink { padding-left: 10px; background: transparent url(/media/layout_1/img/base_back_link.gif) no-repeat 0px 4px; } /* Sonderfarben -------------------------------------------------------------------------*/ /*------------------------------------------------------------------------- --------------------------------------------------------------------------- under normal circumstances, no changes beyond this point. --------------------------------------------------------------------------- -------------------------------------------------------------------------*/ /* form elements -------------------------------------------------------------------------*/ #contentMain input:hover, #contentMain input:focus, #contentMain select:hover, #contentMain select:focus, #contentMain textarea:hover, #contentMain textarea:focus { background : #FEFEC5; border: 2px solid #fc0; } /* navigation within the current site section -------------------------------------------------------------------------*/ #navSection ul li a:hover, #navSection ul li a:active, #navSection ul li a.active { color: #009a9d ! important; } #navSection ul li .firstLink a:hover, #navSection ul li .firstLink a:active { color: white ! important; text-decoration: none; } #navSection ul ul li a { color: #003b75; line-height: 13px; margin: 8px 0; } #navSection ul ul a.active { color: #009a9d ! important; } /* links -------------------------------------------------------------------------*/ #navSection .box a, #contentMain a, #contentMain a:link, #contentMain a:visited { color: #009; } #navSection .box a:hover, #contentMain a:hover, #contentMain a:active { color: #33c; } /* deko -------------------------------------------------------------------------*/ #contentMain h2.deko { text-transform: uppercase; color: #999 !important; background: transparent url(/media/layout_1/img/base_arrow_deko_expand_no.gif) no-repeat 0px 3px; border-bottom: 1px solid #ccc; } #contentMain h2.deko a { color: #999 !important; padding: 0 0 2px 15px !important; } #contentMain .toggleBox .toggleHeader h2.deko { background: transparent url(/media/layout_1/img/base_arrow_deko_expand.gif) no-repeat 0px 3px; } #contentMain .noexpand .toggleHeader h2.deko { background: transparent url(/media/layout_1/img/base_arrow_deko_expand_no.gif) no-repeat 0px 3px !important; } #contentMain ul.deko a, #contentMain ul.deko a:link, #contentMain ul.deko a:visited { color: #000; } #contentMain ul.deko a:hover, #contentMain ul.deko a:active { color: #33c; } #contentMain ul.deko li img.deko { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-right: 1px solid #ccc; border-left: 8px solid #062E77; } #contentMain ul.deko .monthList { margin-bottom: 0px !important; } #contentMain .pmNavi { color: #848484; border-top: 1px solid #ccc; padding-top: 5px; padding-bottom: 5px; margin-top: 10px; } #contentMain .pmNavi a { color: #848484; text-decoration: none; } #contentMain .pmNavi p { margin-bottom: 0px; } #contentMain .pmNavi a:hover { text-decoration: underline; } #contentMain p.vMeld { width: 140px; float: left; } #contentMain p.vMeld a { padding-left: 4px; } #contentMain p.zUeber { text-align: center; width: 276px; float: left; } #contentMain p.zUeber a { padding-left: 4px; padding-right: 4px; } #contentMain p.nMeld { text-align: right; width: 140px; float: left; } #contentMain p.nMeld a { padding-right: 4px } /* --- Bildlayout --- */ .borderLayer { border: 1px solid #ccc; padding: 4px; } #contentMain .bildlegende { margin-top: 5px; } #contentMain .bildlegende h2, #contentMain .bildlegende h3, #contentMain .bildlegende li, #contentMain .bildlegende p, #contentMain .bildlegende a { line-height: 1.275em !important; } #contentMain .tColorLegendeGrey h2, #contentMain .tColorLegendeGrey h3, #contentMain .tColorLegendeGrey li, #contentMain .tColorLegendeGrey p, #contentMain .tColorLegendeGrey a { color: #777777 !important; } .packLayer { width: 321px; height: 204px; background: transparent url(/media/layout_1/img/bildrahmnen/packed_shadow.jpg) no-repeat; } .shadowLayer .top {background: url(/media/layout_1/img/bildrahmnen/shadow_topce.jpg) 0 0 repeat-x;} .shadowLayer .bottom {background: url(/media/layout_1/img/bildrahmnen/shadow_botce.jpg) 0 100% repeat-x} .shadowLayer .left {background: url(/media/layout_1/img/bildrahmnen/shadow_lece.jpg) 0 0 repeat-y} .shadowLayer .right {background: url(/media/layout_1/img/bildrahmnen/shadow_rice.jpg) 100% 0 repeat-y} .shadowLayer .botLeft {background: url(/media/layout_1/img/bildrahmnen/shadow_botle.jpg) 0 100% no-repeat} .shadowLayer .botRight {background: url(/media/layout_1/img/bildrahmnen/shadow_botri.jpg) 100% 100% no-repeat} .shadowLayer .topLeft {background: url(/media/layout_1/img/bildrahmnen/shadow_tople.jpg) 0 0 no-repeat} .shadowLayer .topRight {background: url(/media/layout_1/img/bildrahmnen/shadow_topri.jpg) 100% 0 no-repeat; padding:10px} .shadowLayer .innerContent { padding: 5px; } .zoomLinkLayer { position: relative; } .zoomBild { position: absolute; top: 5px; right: 5px; z-index: 500px; } div.thumbpodcast { background: #E4F4D3 none repeat scroll 0 0 !important; border: 1px solid #5EA70D !important; margin-bottom: 10px; padding: 6px; width: 542px; } /* image with caption -------------------------------------------------------------------------*/ #contentMain dl.imgCaption { background: #dfdfdf; } /* table styles -------------------------------------------------------------------------*/ #contentMain table.tCom { border: 1px solid #ccc; border-bottom: none; background: #fff } #contentMain table.tCom td { border-bottom: 1px solid #ccc; } #contentMain table.tCom tr th { background: #DFDFDF; } #contentMain table.tCom tr.odd { background: #fff; } #contentMain table.tCom tr.even { background: #F6F6F6; } /* breadcrumb trail -------------------------------------------------------------------------*/ #contentMain #breadcrumb { border-bottom: 1px solid #ccc; color: #888; } #contentMain #breadcrumbo a, #contentMain #breadcrumb a:link, #contentMain #breadcrumb a:visited { color: #888; } #contentMain #breadcrumb a:hover, #contentMain #breadcrumb a:active, #contentMain #breadcrumb a.active { color: #555; } /* =suchergebnisse, =search result -------------------------------------------------------------------------*/ #contentMain .searchResultBreadcrumb { color: #003b75 ! important; } #contentMain .searchResultBreadcrumb, #contentMain .searchResultBreadcrumb a, #contentMain .searchResultBreadcrumb a:link, #contentMain .searchResultBreadcrumbb a:visited { color: #003b75 ! important; } #contentMain .searchResultBreadcrumb a:hover, #contentMain .searchResultBreadcrumb a:active, #contentMain .searchResultBreadcrumb a.active { color: #003b75 ! important; } #contentMain .highlight { background-color: #DFF2F3 ! important; } #contentMain p.contentService { margin: 35px 0 !important; } #contentMain .searchResultBreadcrumb a { font-size:0.834em !important; line-height: 1em; margin: 0 0 0.625em 0; color: #003B75 !important; } #contentMain .searchResultBreadcrumb a:visited { color: #003B75 !important; } #contentMain .searchResultBreadcrumb a:hover { text-decoration: underline !important; color: #003B75 !important; } #contentMain h3.pmOverview { font-size: 1.083em !important; line-height: 1.38em !important; font-weight: bold !important; } #contentMain #searchresults { font-size:1em; line-height: 1.334em; margin: 0 0 0.834em 0; } #contentMain #searchresults strong { color: #009a9d; } #contentMain p.ortdat, #contentMain p.ortdat .searchResultBreadcrumb { font-size: 12px !important; } #contentMain #searchresults p.teasertext { margin-bottom: 5px !important; } #contentMain #searchresults .searchResultWrapperLi { margin-bottom: 25px !important; } /* site info / metanavigation -------------------------------------------------------------------------*/ #contentSiteInfo, #contentSiteInfo a, #contentSiteInfo a:link, #contentSiteInfo a:visited { color: #999; } #contentSiteInfo li#backToTop, #contentSiteInfo li#backToTop a { color: #082C7A; } #contentSiteInfo a:hover, #contentSiteInfo a:active, #contentSiteInfo a.active { color: #777; } /* background images -------------------------------------------------------------------------*/ #navSupplementary { height: 20px; padding-top: 5px; padding-left: 4px; } #navSupplementary ul#lang { position: relative; margin-right: 5px; cursor: pointer; padding: 0 0 6px 12px; background: transparent url(/media/layout_1/img/img_sprite.png) no-repeat 0 -498px; } #navSupplementary ul#lang span.choosen:hover { text-decoration: underline; } #navSupplementary ul#lang ul{ border: 1px solid #009a9d; display: none; position: absolute; top: 14px; right: 0; } #langListLayer { background-color: white; } #navSupplementary ul#lang ul li { clear: both; height: 20px; } #navSupplementary ul#lang ul li a { padding: 2px 8px; line-height: 20px; } #navSupplementary ul#navSupp { margin: 0 25px 0 0; padding: 0; } #navSupplementary ul#navSupp li { background: none; } #navSupplementary ul#navSupp li a { font-family: Arial, sans-serif; font-size: 11px; line-height: 13px; vertical-align: inherit; padding: 0; } #navSupplementary ul#lang li { font-family: Arial, sans-serif; font-size: 11px; line-height: 13px; } #navSupplementary ul#lang li.active { } #navSupplementary ul#lang li a { font-family: Arial, sans-serif; font-size: 11px; line-height: 13px; } #brandingClaim { background: transparent url(/media/layout_1/img/skin_brandingclaim-bg.gif) no-repeat 125px 19px; } #navMain { height: 25px; background: transparent url(/media/layout_1/img/skin_bg_mainnav.jpg) no-repeat; } #navMain li { background: none; background-repeat: no-repeat; background-position: 0 -430px; } #navMain #worldwide { width: 186px; padding: 0 0 0 24px !important; } #navMain li#worldwide { background: transparent url(/media/layout_1/img/skin_bg-sprite.gif) ! important; background-repeat: no-repeat ! important; background-position: 20px -430px ! important; } #contentSiteInfo { clear: both; margin-top: 0px; padding-top: 0px; margin-bottom: 0; } #contentSiteInfo, #contentSiteInfo a, #contentSiteInfo a:link, #contentSiteInfo a:visited { color: #003b75; text-decoration: none; margin-right: 2px; } #contentSiteInfo a:hover { text-decoration: underline; } #contentSiteInfo .floatbox { margin: 0 0 0 0; padding-top: 0; } #contentSiteInfo .floatbox li { font-family: Arial, sans-serif; font-size:11px; line-height: 14px; margin: 0 0 0 0; padding: 0 0 0 4px; } #contentSiteInfoLayer { margin: 0 auto; width: auto !important; } #contentSiteInfo ul{ text-align: center; line-height: 11px; } #contentSiteInfo ul li{ display: inline; float: none; } #contentSiteInfo p { width: 493px; } #contentSiteInfo li#backToTop { background: transparent 0 100%; } div.podcastVideo-headline { background:transparent url(/media/layout_1/img/podcastHeadline_video.jpg) no-repeat scroll 0 0; } div.podcast-headline { background:transparent url(/media/layout_1/img/podcastHeadline.jpg) no-repeat scroll 0 0; } div.podcast-headline h2, div.podcastVideo-headline h2 { color: #F89134 !important; line-height: 30px !important; padding-left: 95px !important; } /* popUpForm -------------------------------------------------------------------------*/ .popUpForm { position: absolute; background-color: white; border: 0 solid red; top: 80px; left: 400px; margin: 0 auto; width: 350px; z-index: 100; display: none; } .popup_body { height: 350px; padding: 20px; } .popUpForm .dRow { clear: both; } .popUpForm .dData { font-size: 0.75em; width: 155px; float: left; } /* misc -------------------------------------------------------------------------*/ .navDropDownShow li a { border-left: 2px solid #fff; border-right: 2px solid #fff; } #contentMain .warning { background: #F6F6F6; } #contentMain .coloredTextbox { width: 538px; background: #DFEAF7; border: 1px solid #CCCCCC; padding: 6px 7px; margin-bottom: 10px; } #contentMain .ctbTyp2 { background-color: #F6F6F6; } #contentMain .ctbTyp3 { background-color: #FFFFFF; } #contentMain .ctbTyp4 { background-color: #FFFFEC; } #contentMain .coloredHeadline { padding: 0px 0px 6px 0px; } #contentMain .coloredHeadline .toggleBox .toggleHeader h2, #contentMain .coloredHeadline h2, #contentMain .coloredHeadline .toggleBox .toggleHeader h2 a, #contentMain .coloredHeadline h2 a { color: #000; background: #DFEAF7 !important; padding: 3px; padding-left: 5px; margin-bottom: 8px !important; } #contentMain .coloredHeadline .noexpand .toggleHeader h2 { margin-bottom: 0px !important; } #contentMain .coloredHeadline .toggleBody { padding: 0px 8px 0px 8px !important; margin-bottom: 0px !important; } #contentMain .noBullets li{ list-style: none !important; margin: 0px !important; } .boxtop { font-size: 1px; line-height: 1px; position: relative; height: 5px; background: transparent url(/media/bg_sprite.gif) repeat-x 0 0; margin-left: 5px; margin-right: 5px; z-index: 2; } .corLtop { position: absolute; top: 0; left: -5px; width: 5px; height: 5px; background: transparent url(/media/bg_sprite.gif) no-repeat 0 -40px; } .corRtop { position: absolute; top: 0; right: -5px; width: 5px; height: 5px; background: transparent url(/media/bg_sprite.gif) no-repeat -10px -40px; } .boxbot { font-size: 1px; line-height: 5px; position: relative; height: 5px; background: transparent url(/media/bg_sprite.gif) repeat-x 0 -10px; margin-left: 5px; margin-right: 5px; z-index: 2; } .corLbot { position: absolute; top: 0; left: -5px; width: 5px; height: 5px; background: transparent url(/media/bg_sprite.gif) no-repeat -30px -40px; } .corRbot { position: absolute; top: 0; right: -5px; width: 5px; height: 5px; background: transparent url(/media/bg_sprite.gif) no-repeat -20px -40px; } .contentBG { padding: 4px; height: 1%; } #contentService .boxtop { background: transparent url(/media/bg_sprite.gif) repeat-x 0 -20px; } #contentService .corLtop { background: transparent url(/media/bg_sprite.gif) no-repeat -40px -40px; } #contentService .corRtop { background: transparent url(/media/bg_sprite.gif) no-repeat -50px -40px; } #contentService .boxbot { background: transparent url(/media/bg_sprite.gif) repeat-x 0 -30px; margin-bottom: 15px; } #contentService .corLbot { background: transparent url(/media/bg_sprite.gif) no-repeat -70px -40px; } #contentService .corRbot { background: transparent url(/media/bg_sprite.gif) no-repeat -60px -40px;; } #contentService .contentBG { } #contentService { font-family: Arial, sans-serif; font-size: 12px; color: white; } #contentService h2 { font-family: Arial, sans-serif; font-size:12px; font-weight: bold; color: #009a9d; } #contentService ul { padding: 0 !important; } #contentService ul.toolLinks { margin-top: 0; padding: 0 !important; width: 85px; } #contentService ul.fontChange { width: 85px; float: left; padding-top: 1px !important; } #contentService ul.fontChange li a { display: inline !important; padding-left: 15px; } #contentService ul.fontChange li a.fontChangeSmall { font-size: 10px; padding-left: 12px; } #contentService ul.fontChange li a.fontChangeLarge { font-size: 14px; } #contentService ul.toolLinks li a { padding-left: 0; } #contentService ul.toolLinks li a span { vertical-align: top; line-height: 22px; } #contentService ul.toolLinks li a img { padding-top: 2px; } #contentService .contentBG { margin-bottom: 76px; } #contentService .contentBG p.searchLabel { font-family: Arial, sans-serif; font-size: 12px; color: white; line-height: 14px; padding-left: 6px; } #contentService .toggleBody p { font-family: Arial, sans-serif; font-size:11px; line-height: 16px; color: #009a9d; } #contentService fieldset { padding: 2px 3px 0 6px !important; } #inputSucheCS { height: 15px !important; width: 152px !important; background: none; font-size: 12px !important; padding-left: 5px !important; color: grey; outline: none; } #contentService .box .toggleHeader h2 { background: transparent url(/media/layout_1/img/img_sprite.png) no-repeat 0 -340px !important; padding-left: 10px !important; padding-bottom: 0; padding-top: 0; } #contentService .box .toggleHeader h2 a { color: #009a9d; } #contentService .noexpand .toggleHeader h2 { background: transparent url(/media/bg_sprite_arrow.gif) no-repeat 2px 9px !important; } #contentMain .toggleBox .toggleHeader h2 { background: transparent url(/media/layout_1/img/expand.gif) no-repeat 0 0px; } #contentMain .noexpand .toggleHeader h2 { background: transparent url(/media/layout_1/img/expand_no.gif) no-repeat 0 0px !important; } #contentMain .noexpand { margin-bottom: 0px; } #contentMain .toggleBox .toggleHeader h2 a, #contentService .toggleHeader h2 a { text-decoration: none; } #contentMain .toggleBox .toggleHeader h2 a span { display: block; margin-left: 15px; } #contentMain .toggleBody { /*padding-left: 15px;*/ } #contentMain .produktListe { border-top: 1px solid #ccc; } #contentMain .produktListe .odd{ background-color: #F6F6F6; } #contentMain .produktListe .even{ background-color: #fff; } #contentMain .produktListe .toggleBox .toggleHeader h2, #contentMain .produktListe .noexpand .toggleHeader h2 { padding-top: 7px; padding-bottom: 7px; background: none !important; } #contentMain .produktListe .toggleBox .toggleHeader h2 a { padding-left: 26px; display: block; } #contentMain .produktListe .toggleHeader h2 a { background: transparent url(/media/expand_minus.gif) no-repeat 10px 5px !important; overflow: auto; } #contentMain .produktListe .noexpand .toggleHeader h2 a { background: transparent url(/media/expand_plus.gif) no-repeat 10px 5px !important; } #contentMain .produktListe .produkt { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; } #contentMain .produktListe .toggleBox .toggleHeader h2 a span { margin-left: 0px !important; } span.prodName { width: 260px; float: left !important; } .innerContent span.prodName { width: 260px; float: left !important; } span.prodUnit { width: 160px; float: left; } span.prodPrice { width: 108px; float: left; } #contentMain .produktListe .toggleBody { padding-left: 26px !important; padding-top: 10px; height: 1%; } #contentMain .produktListe .prodPicLayer { width: 260px; float: left; } #contentMain .innerContent .produktListe .prodPicLayer { width: 253px; float: left; } #contentMain .produktListe .prodLinks { width: 268px; float: left; } #contentMain .produktListe .prodLinks h2 { margin-bottom: 5px !important; } #contentMain .produktListe .file a { font-size: 11px !important; text-decoration: none; color: #062E77; } #contentMain .produktListe .file a:hover { text-decoration: underline; } #contentService ul { padding-left: 0px; margin-bottom: 0; } #contentService .bildbox { margin-top: 15px; margin-bottom: 10px; clear: both; } #contentService .bildbox img{ display: block !important; } #contentService .box { margin-bottom: 30px; clear: both; } #contentService .box span.file { clear: both; } #contentService .box .file .downloadIcon { padding-top: 5px; float: left; } #contentService .box .file a { background: none !important; padding-top: 5px; padding-bottom: 5px; } #navSection .box { background: transparent url(/media/layout_1/img/screen_bg_subnav_bot.gif) no-repeat 0 100%; padding-bottom: 4px; margin-bottom: 15px; overflow: hidden; } #navSection .noexpand { background: transparent url(/media/layout_1/img/screen_bg_subnav_bot_smal.gif) no-repeat 0 100%; padding-bottom: 4px; overflow: hidden; } #navSection .box .toggleHeader { background: transparent url(/media/layout_1/img/screen_bg_subnav.gif) no-repeat 0 0; /* background: transparent url(/media/layout_1/img/arrow_expand.gif) no-repeat 12px 8px !important; */ padding: 5px 0 3px 15px !important; } #navSection .box .toggleHeader h2 { font-size: 0.75em; font-weight: bold; background: transparent url(/media/layout_1/img/arrow_expand.gif) no-repeat 0 7px; padding-left: 15px !important; padding-top: 5px !important; padding-bottom: 3px !important; /* margin-bottom: 5px !important; */ } #navSection .noexpand .toggleHeader h2 { background: transparent url(/media/layout_1/img/arrow_expand_no.gif) no-repeat 0 7px; } #navSection .box .toggleHeader a { text-decoration: none; color: #062E77; background:transparent none repeat scroll 0 0; display:inline; padding:5px 2px 5px 0; } #navSection .toggleBody { font-size: 0.6875em; background: #fff url(/media/layout_1/img/screen_bg_subnav_li.gif) repeat-y 0px 0px !important; } #navSection .toggleBody img { padding: 14px 5px 2px 14px; display: block; } #navSection .toggleBody address { font-style: normal; padding: 10px 5px 5px 14px; } #contentService li { padding-left: 0px; font-family: Arial, sans-serif; font-size: 12px; color: white; } #contentService li span.aFake, #contentService li a { color: white; padding-left: 20px; display: block !important; } #contentService li a.styleBildOben { color: #000; background: none !important; padding-left: 0px; margin-bottom: 3px; display: block; } #contentService li a.styleBildLinks { color: #000; background: none !important; padding-left: 0px; margin-right: 10px; float: left; } #contentService li span.styleTextBild, #contentService li a.styleTextBild { color: #000; background: none !important; padding-left: 0px; float: none; } .noexpand .toggleBody { display: none; } #socialBMlayer { height: 40px; margin-right: 4px; clear: both; } #socialBMlayer .sblBody { width: 181px; border-top: 1px solid #ccc; padding-top: 5px; float: right; } #socialBMlayer ul { width: 146px; margin: 0 auto; list-style: none; } #socialBMlayer li { display: inline; } #megaNav { width: 554px; margin-left: 206px; margin-right: 4px; margin-bottom: 30px; clear: both; } #megaNavTop { width: 554px; height: 10px; background: transparent url(/media/layout_1/img/mederma/content_bg.png) no-repeat 0 0; padding: 4px 25px 0 19px; } #megaNavBody { width: 554px; background: transparent url(/media/layout_1/img/mederma/content_body_bg.png) repeat-y 0 0; padding: 0 25px 0 4px; } #megaNavBottom { width: 554px; height: 10px; background: transparent url(/media/layout_1/img/mederma/content_bg.png) no-repeat 0 bottom; padding: 0 25px 10px 19px; } .margBot2px { margin-bottom: 2px; } #megaNav .contentBG { font-family: Arial, sans-serif; font-size:11px; line-height: 14px; color: #003b75; padding: 0px; } #megaNav .contentBG .breadcrumb { height: 22px; margin: 0 15px 0 15px; width: 531px; border-bottom: 1px solid #003b75; } #megaNav .contentBG .breadcrumb p { margin-right: 5px; float: left; } #megaNav .contentBG .breadcrumb li { list-style: none; margin-right: 4px; float: left; } #megaNav .contentBG .breadcrumb li a { text-decoration: underline; color: #062E77; } #megaNav .contentBG .breadcrumb li a:hover { text-decoration: none; } #megaNav .contentBG .navigation { padding: 10px 16px 8px; line-height: 12px; } #megaNav .contentBG .navigation .wrapper { width: 531px; border-bottom: 1px solid #003b75; padding-bottom: 5px; } #megaNav .contentBG .navigation ul { list-style: none; } #megaNav .contentBG .navigation ul li { font-weight: bold; padding-bottom: 4px; margin-right: 9px; float: left; } #megaNav .contentBG .navigation ul li.section { } #megaNav .contentBG .navigation ul li a { text-decoration: none; color: #062E77; } #megaNav .contentBG .navigation ul li a:hover { text-decoration: underline; } #megaNav .contentBG .navigation ul li li { font-weight: normal; float: none; } #megaNav .contentBG .navigation ul ul { margin-top: 4px; } .navRow { margin-right: 20px; float: left; } #megaNav .contentBG .navigation .navRow ul li { margin-right: 0px; } .merzWebsites { padding: 16px 16px 4px; margin-left: 4px; margin-right: 4px; clear: both; } .merzWebsites h2, .merzWebsites h3 { font-size: 1em; } .merzWebsites h2 { margin-bottom: 10px; } .websiteGroup { height: 1%; margin-bottom: 10px; clear: both; } .websiteGroup h3 { font-weight: normal; width: 145px; float: left; } .websiteGroup li { float: left; list-style: none; padding-right: 8px; } .websiteGroup li a { text-decoration: none; color: #062E77; padding-right: 8px; } .websiteGroup li a:hover { text-decoration: underline; } /* Schriftstyles Mederma -------------------------------------------------------------------------*/ #contentMain h1 { font-family: Arial, sans-serif; font-size:20px; line-height: 26px; color: #009a9d; font-weight: bold; } #contentMain p { font-size:1em; line-height: 1.334em; margin: 0 0 0.834em 0; } #contentMain h2, #contentMain h2.subheadline { font-size: 1.083em; line-height: 1.38em; font-weight: bold; margin: 2em 0 0.2em 0 ! important; } #contentMain .toggleBox h2 { font-size:1em; line-height: 1.334em; margin: 0 0 0.834em 0; font-weight: normal; } #contentMain .toggleBox .toggleHeader h2 { background: transparent url(/media/layout_1/img/mederma/toggle_minus.png) no-repeat 1px 4px !important; margin-top: 0 !important; } #contentMain .toggleBox .toggleHeader h2 a span { margin-left: 10px; } #contentMain .noexpand .toggleHeader h2 { background: transparent url(/media/layout_1/img/mederma/toggle_plus.png) no-repeat 1px 4px !important; } #contentMain .toggleBox h2 a { text-decoration: underline !important; } #contentMain .toggleBox h2 a:hover { text-decoration: none !important; } #contentMain h2.noMargBot { margin: 2em 0 0 0 !important; } #contentMain h2.noMargTop { margin: 0 0 0.2em 0 !important; } p.right { text-align: right; } #contentMain p.navTitle { font-family: Arial, sans-serif; font-size:12px; line-height: 16px; color: #003b75; font-weight: bold; } #contentMain .fullSize { margin-left: -15px; } .coloredText { color: #009a9d; } #contentMain a { font-size:1em; line-height: 1.334em; margin: 0 0 0.834em 0; color: #003b75 !important; } #contentMain p.reference { font-size:0.834em !important; line-height: 1em; margin: 0 0 0.625em 0; } #contentMain li { font-size:1em; line-height: 1.334em; margin: 0 0; padding-left: 15px; list-style-type: none !important; background: transparent url(/media/layout_1/img/mederma/listpoint_green.png) no-repeat 0 5px; } /* Success stories Mederma -------------------------------------------------------------------------*/ #storyMap { width: 530px; height: 330px; background: transparent url(/media/public/bilder_1/story_map.png) no-repeat 0 bottom; position: relative; } #storyMap.lang_IND{ height: 335px; } #storyMap.lang_IT{ height: 335px; } #storyMap.lang_MAL{ height: 335px; } #storyMap .element { position: absolute; cursor: pointer; } #storyMap .overlay { display: none; /*position: absolute;*/ width: 100%; height: 100%; } #storyMap .overlay .top{ padding-top: 4px; background: transparent url(/media/layout_1/img/mederma/map_overlay_top.png) no-repeat; width: 160px; } #storyMap .overlay .bottom{ height: 50px; width: 160px; } #storyMap .overlay .bottom.left { background: transparent url(/media/layout_1/img/mederma/map_overlay_bottom_left.png) no-repeat; } #storyMap .overlay .bottom.right { background: transparent url(/media/layout_1/img/mederma/map_overlay_bottom_right.png) no-repeat; } #storyMap .overlay p { text-align: center; margin: 0 0 0 0; } #storyMap .element.small { width: 40px; height: 40px; } #storyMap .element.large { width: 60px; height: 60px; } #storyMap .element a{ display: block; width: 100%; height: 100%; } .story { padding-left: 95px; position: relative; } #contentMain .story .toggleHeader h2 { margin-top: 0px !important; } .story .floatLeft{ position: absolute; left: 0; } .story p { margin: 0 0 0 0 !important; } #contentMain .story .toggleBody { padding-left: 0; padding-top: 12px; } .storyMonth { position: relative; background: transparent url(/media/layout_1/img/mederma/box_bg_top.png) no-repeat; margin-top: 30px; padding: 1px; } #contentMain h2.storyMonthHeadline { padding: 15px 0 0 15px !important; margin: 0 !important; } .storyMonthBody { overflow: hidden; padding: 15px 15px 0 110px; } .storyMonthBottom { height: 5px; background: transparent url(/media/layout_1/img/mederma/box_bg_bottom.png) no-repeat; } .storyMonth .floatLeft{ position: absolute; left: 15px; } #contentMain .storyMonth h2 { margin-top: 0px !important; } /* Button Mederma -------------------------------------------------------------------------*/ #contentMain .but1 { font-family: Arial, sans-serif; font-size:12px !important; line-height: 14px !important; color: white !important; font-weight: bold; } #contentMain .but1 .btLeft { display: inline-block; width: 6px; height: 25px; background: transparent url(/media/layout_1/img/mederma/button.png) no-repeat 0 0; } #contentMain .but1 .btRight { display: inline-block; width: 6px; height: 25px; background: transparent url(/media/layout_1/img/mederma/button.png) no-repeat -394px 0; } #contentMain .but1 .btCenter { display: inline-block; height: 19px; background: transparent url(/media/layout_1/img/mederma/button.png) no-repeat -7px 0; vertical-align: top; padding-top: 6px; text-decoration: none; } #contentMain .but1:hover .btLeft { background: transparent url(/media/layout_1/img/mederma/button.png) no-repeat -400px 0; cursor: pointer; } #contentMain .but1:hover .btRight { background: transparent url(/media/layout_1/img/mederma/button.png) no-repeat -794px 0; cursor: pointer; } #contentMain .but1:hover .btCenter { background: transparent url(/media/layout_1/img/mederma/button.png) no-repeat -407px 0; cursor: pointer; } #contentMain .successStory .but1, #contentMain .anfrage .but1 { float: right; } #contentMain .trForm .but1 input { height: 25px; margin: 0; clear: both; padding: 0 10px !important; } #contentMain .trForm .but1 .btCenter { height: 25px; padding-top: 0; } /* Formulare Mederma -------------------------------------------------------------------------*/ #contentMain input.inputFormSubmitKon, #contentMain input.inputFormSubmitKon:focus, #contentMain input.inputFormSubmitKon:hover { font-family: Arial, sans-serif; font-size:12px !important; line-height: 14px !important; color: white !important; font-weight: bold; border: none; background: transparent !important; } #contentMain input:hover, #contentMain input:focus, #contentMain select:hover, #contentMain select:focus, #contentMain textarea:hover, #contentMain textarea:focus { background-color: white !important; border: none; } #contentMain .formDiv .leftAlign label.labelCheckbox { width: 465px; } #contentMain .formDiv { margin-top: 15px; } span.inputLeft { display: inline-block; width: 5px; height: 26px; background: transparent url(/media/layout_1/img/mederma/forms/input_left.png) no-repeat 0 0; } span.inputRight { display: inline-block; width: 5px; height: 26px; background: transparent url(/media/layout_1/img/mederma/forms/input_right.png) no-repeat 0 0; } span.inputCenter { display: inline-block; height: 26px; vertical-align: top; padding: 1px 0; background: transparent url(/media/layout_1/img/mederma/forms/input_center.png) repeat-x 0 0; } span.inputCenter.select { display: inline-block; height: 26px; vertical-align: top; padding: 1px 0; background: transparent url(/media/layout_1/img/mederma/forms/input_center_select.png) no-repeat right 0; } span.textareaWrapper { display: inline-block; width: 412px; height: 90px; background: transparent url(/media/layout_1/img/mederma/forms/textarea.png) no-repeat 0 0; padding: 4px; } span.checkboxWrapper { display: inline-block; width: 15px; height: 15px; float: left; margin-right: 5px; background: transparent url(/media/layout_1/img/mederma/forms/checkbox.png) no-repeat 0 0; } span.checkboxWrapper input { opacity: 0.0; filter: alpha(opacity=0); } span.inputCenter .wrapperText { font-family: Arial, sans-serif; font-size:12px; color: gray; position: absolute; left: 0; top: 5px; } span.inputCenter .btn { position: absolute; display: block; width: 12px; height: 21px; right: 0px; top: 2px; background: transparent url(/media/layout_1/img/mederma/forms/select_action.png) no-repeat 0 0; } #contentMain span.inputCenter select { font-size:12px; color: gray; height: 24px !important; opacity: 0.0; filter: alpha(opacity=0); } #contentMain span.inputCenter.select { position: relative; } #contentMain span.inputCenter input { font-size:12px; color: gray; margin: 0 !important; padding: 0 !important; outline: none; border: none; height: 24px; border-color: transparent; height: 23px; } #contentMain .formDiv label { font-family: Arial, sans-serif; font-size:12px; line-height: 16px; color: #003b75; text-align: left; width: 70px; } #contentMain .loginForm .formDiv label { width: 100px; } #contentMain .col2.left { width: 315px; margin-right: 20px; } #contentMain .col2.right { width: 165px; margin-right: 0; } #contentMain textarea { font-size:12px; color: gray; height: 80px; width: 407px; outline: none; border: none; resize: none; overflow: auto; border-color: transparent; } #contentMain .formDiv .trForm { padding: 2px 0; } #contentMain .formDiv p.pflicht { font-family: Arial, sans-serif; font-size:12px; line-height: 16px; color: #003b75; text-align: right; } #contentMain div.contact .formDiv .inputCenter input { width: 410px; } #contentMain div.contact .formDiv .inputCenter input#plz { width: 70px; } #contentMain div.contact .formDiv .inputCenter input#ort { width: 324px; } #contentMain div.contact .formDiv .inputCenter select { width: 410px; } #contentMain div.contact .formDiv .submitButton { text-align: right; margin-right: 15px; } #contentMain div.contact .formDiv p.pflicht { margin-right: 15px; } #contentMain div.contact .formDiv { padding-left: 15px; } #contentMain div.successStory #name { width: 410px; } #contentMain div.successStory #email { width: 410px; } #contentMain div.successStory #alter { width: 410px; } #contentMain div.successStory #anfrage_zu { width: 403px; } #contentMain div.successStory #land { width: 410px; } #contentMain div.successStory #bildupload { /*opacity: 0.0; filter: alpha(opacity=0);*/ padding-left: 0 !important; height: 20px; } #contentMain div.successStory .upload label { /*width: auto; text-decoration: underline;*/ } #contentMain div.successStory .upload label:hover { text-decoration: none; } #contentMain div.anfrage #name { width: 224px; } #contentMain div.anfrage #email { width: 410px; } #contentMain div.anfrage #alter { width: 75px; } #contentMain div.anfrage p.pflicht { text-align: right; } #contentMain div.anfrage .checkboxWrapper { margin-left: 79px; } #contentMain div.anfrage input { margin-left: 0 !important; } #contentMain div.anfrage .labelCheckbox { width: 350px; } #contentMain div.password form { position: relative; } #contentMain div.password #vorname { width: 224px; } #contentMain div.password #nachname { width: 224px; } #contentMain div.password #beruf { width: 224px; } #contentMain div.password #email { width: 224px; } #contentMain div.password p.pflicht { padding: 0 0 0 0; text-align: left; float:left } #contentMain div.password label { width: 100px; } #contentMain div.password .submitButton { position: absolute; bottom: 0; right: 75px; } .successStory, .anfrage { background: transparent url(/media/layout_1/img/mederma/box_bg_top.png) no-repeat; padding: 15px 15px 15px 15px; margin-top: 30px; } .formBoxBottom { height: 5px; background: transparent url(/media/layout_1/img/mederma/box_bg_bottom.png) no-repeat; } #contentMain .successStory h2, #contentMain .successStory h2.subheadline { margin-top: 0 !important; } #contentMain .anfrage h2, #contentMain .anfrage h2.subheadline { margin-top: 0 !important; } .afterSubmit { position: relative; width: 470px; height: 50px; padding: 20px 30px 0 30px; margin-bottom: 50px; background: transparent url(/media/layout_1/img/mederma/forms/after_submit_box.png) no-repeat; } .afterSubmit a { position: absolute; display: block; width: 20px; height: 20px; right: 0; top: 0; } #contentMain .loginForm fieldset { float: left; } #contentMain .loginForm .floater { float: left; clear: none; margin-left: 40px; margin-top: 32px; } /* Aufklapp Container -------------------------------------------------------------------------*/ .containerElement { padding: 4px; position: relative; } #contentMain .container .toggleBox { overflow:hidden; padding: 0 0; } #contentMain .container .toggleBox .toggleHeader h2 { font-size: 1.083em; line-height: 1.38em; font-weight: bold; background: transparent url(/media/layout_1/img/mederma/container_arrow_down.png) no-repeat 14px 4px !important; margin: 0 !important; } #contentMain .containerElement h2 { margin: 0 !important; } #contentMain .container .noexpand .toggleHeader h2 { background: transparent url(/media/layout_1/img/mederma/container_arrow_right.png) no-repeat 19px 3px !important; padding: 4px 0; } #contentMain .container .toggleBox .toggleHeader h2 a { text-decoration: none !important; } #contentMain .container .toggleBox .toggleHeader h2 a span { margin-left: 45px; } #contentMain .container .toggleBody { padding-left: 45px; } .container .even { background: transparent url(/media/layout_1/img/mederma/gradient.png) repeat-y; } /* Glossar Container -------------------------------------------------------------------------*/ .scarGlossaryWrapper .leftLinks { width: 265px; float: left; } .scarGlossaryWrapper .rightLinks { width: 265px; float: right; } .scarGlossaryWrapper a { font-family: Arial, sans-serif; font-size:14px; line-height: 16px; color: #003b75 !important; text-decoration: none !important; display: block; width: 100%; height: 23px; padding: 7px 0 0 30px; background: transparent url(/media/layout_1/img/mederma/glossary_nav_bg.png) no-repeat; margin-bottom: 10px; } .scarGlossaryWrapper a:hover, .scarGlossaryWrapper a.selectedLink { font-family: Arial, sans-serif; font-size:14px; line-height: 16px; color: #003b75 !important; font-weight: bold; background: transparent url(/media/layout_1/img/mederma/glossary_nav_bg.png) no-repeat 0 -30px; } /* Text/Bild Zustatz -------------------------------------------------------------------------*/ .contentBlock.pictogram { padding-right: 75px; } .contentBlock.pictogram .floatRight.verticalCenter { position: absolute; right: 20px; } .contentBlock.pictogram .floatLeft.verticalCenter { position: absolute; left: 20px; } /* Video -------------------------------------------------------------------------*/ .popup_overlay { background-color: white !important; } .videoOverlay { background-color: white; display: none; position: absolute; top: 150px; z-index: 11; overflow: hidden; } .videoOverlay div { border: solid 2px #66c2c4; overflow: hidden; } .videoOverlay .overlayClose { display: block; position: absolute; width: 20px; height: 20px; z-index: 100; right: 0; background: transparent url(/media/layout_1/img/mederma/overlay_close.png) no-repeat 0 0; } /* Stuff -------------------------------------------------------------------------*/ .contentDivider { width: 560px; height: 2px; background: transparent url(/media/layout_1/img/mederma/divider.png) no-repeat 0 0; margin-left: -15px; } /* Text/Bild (Content) -------------------------------------------------------------------------*/ .contentBlock ul { display: inline-block; } #contentMain div.hr { background-color:#E5E5E5; border: medium none; display: block; font-size: 1px; height: 1px; margin: 0px 0 8px 0px; } /* --- Popup Overlay - Dark Background Overlay of the Popup Layer - Opcacity is defined in Javascript --- */ .popup_overlay { display: none; line-height: 1%; top: 0px; left: 0px; width: 100%; height: 100%; position: absolute; z-index: 10; background-color: #000; } /* frame of the whole slider */ .slider_container { position: relative; height: 115px; width: 556px; overflow: hidden; top: 0px; margin-bottom: 20px; left: 0px; } .slider_left, .slider_left_active { width: 48px; height: 115px; background-color: transparent; background: transparent url(/media/layout_1/img/imageslider/slider_left_clear.gif) no-repeat top left; float:left; cursor:default; } .slider_left_active { background: transparent url(/media/layout_1/img/imageslider/slider_left.gif) no-repeat top left; display: none; cursor: pointer; } .slider_center { position: relative; width: 460px; height: 150px; float:left; overflow: hidden; background: transparent url(/media/layout_1/img/imageslider/slider_center.gif) repeat; } .slider_right, .slider_right_active { width: 48px; height: 115px; background-color: transparent; background: transparent url(/media/layout_1/img/imageslider/slider_right_clear.gif) no-repeat top left; float:left; cursor:default; } .slider_right_active { background: transparent url(/media/layout_1/img/imageslider/slider_right.gif) no-repeat top left; display: none; cursor: pointer; } .clear_div { clear: both; display: none; } .sliding_div { position: absolute; top:16px; left:-0px; height: 83px; width:20000px; background: #EEEDEF url(/media/layout_1/img/imageslider/img_divider_center_bg.gif) no-repeat top left; } /* Images in the middle sliding right and left */ .sliding_divider_left { background: transparent url(/media/layout_1/img/imageslider/img_divider_left.gif) repeat; width: 8px; height: 82px; float: left; } .sliding_div_right { background: transparent url(/media/layout_1/img/imageslider/img_divider_right.gif) repeat; width: 8px; height: 82px; float: left; } .sliding_divider_center { height: 82px; background: transparent url(/media/layout_1/img/imageslider/img_divider_center_bg.gif) repeat; float: left; } .sliding_divider_after { height: 82px; background: transparent url(/media/layout_1/img/imageslider/img_divider_after.gif) repeat; float: left; width:500px; } .sliding_img { height:76px; padding-top:3px; cursor:pointer; } /* Popup */ .popup_container_all { display: none; position: absolute; top: 80px; left: 0px; background-color: white; z-index: 100; border:0px solid red; } .popup_container_center { top:0px; float:left; border:0px solid green; } .popup_div_center_headline { height: 60px; overflow: hidden; background-color:white; border:0px solid red; } .popup_div_center_middle { position: relative; height: 500px; overflow: hidden; background-color: white; } .popup_div_right_content_middle { width: 200px; height: 495px; overflow: hidden; background: white; top:0px; } .popup_div_right_content_middle h3 { font-size: 0.75em; margin-bottom: 3px; } .popup_div_right_content_middle li { font-size: 0.6875em; } .popup_div_right_content_middle li a { color: #000; text-decoration: none; } .popup_div_right_content_middle li a:hover { text-decoration: underline; } .popup_div_right_content_middle ul.downloadList li { list-style: none; padding-bottom: 3px; } .popup_div_right_content_middle .box { margin-bottom: 10px; clear: both; } .popup_div_right_content_middle .box h2 { font-size: 0.75em; } .popup_div_right_content_middle .box h2 a { color: #000 !important; text-decoration: none; } .popup_div_right_content_middle .box span.file { clear: both; } .popup_div_right_content_middle .box .file .downloadIcon { padding-top: 5px; float: left; } .popup_div_right_content_middle .box .file a { background: none !important; padding-top: 5px; padding-bottom: 5px; padding-left: 24px; /* display: inline !important; */ } .popup_div_right_content_middle .box .toggleHeader h2 a { color: #062E77; } .popup_div_right_content_middle li { font-size: .6875em; line-height: 1.35; padding: 0 0 0 0px; } .popup_div_right_content_middle li a { color: #000; background: transparent url(/media/layout_1/img/skin_bg_boxlink.gif) no-repeat 0px 4px !important; padding-left: 12px; display: block !important; } .popup_container_right_content { width: 190px; float: left; overflow: hidden; padding-top: 60px; } .container_popup_rightcontent_slider { display: block; } .popup_headline { position: absolute; top:20px; left: 20px; } .popup_pic_slider { position: absolute; top: 0px; left: 20px; } .popup_headline h2 { font-size: 1em; } .popup_rightcontent { display: block; background-color: white; margin-left: 10px; width: 190px; height: 495px; } .popup_pic_slider { display: block; } .container_popup_bottom {} .popup_div_right_bottom {} .popup_bottomline { display: block; top: 0px; left: 20px; padding: 20px; margin-top: 0px; } .popup_bottomline h2, .popup_bottomline p { font-size: 0.75em; } .popup_navibutton_left { position: absolute; background: transparent url(/media/layout_1/img/imageslider/navi_left_p.gif) no-repeat 0 0; background-position:left 20px; top: 300px; left: 20px; /* width: 31px; height: 33px; */ width: 250px; height: 300px; display: block; cursor: pointer; z-index: 4000; border: 0px solid red; } .popup_navibutton_right { position: absolute; background: transparent url(/media/layout_1/img/imageslider/navi_right_p.gif) no-repeat 100% 0; background-position:right 20px; top: 300px; right: 20px; /* width: 31px; height: 33px; */ width: 250px; height: 300px; display: block; cursor: pointer; z-index: 4000; border: 0px solid red; } .noBackground { background: none; } .naviButtonPic { border: 0px solid red; } .popup_closebutton { position: absolute; background: transparent url(/media/layout_1/img/imageslider/navi_close.gif) no-repeat; top: 5px; right: 5px; width: 30px; height: 31px; display: block; cursor: pointer; z-index: 4000; }