/* ### rest of the PlanetActive styles used by the new Pappas pages ### version 1.0 - 29.10.2009 updated 5.3.2010 with new version from bgst */ /*+++ reset client default values to a common base +++*/ html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin:0; padding:0; } h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th {font-size:1em; font-weight:normal; font-style:normal; } ul,ol { list-style:none; } fieldset,img { border:none; } caption,th{ text-align:left; } table{ border-collapse: collapse; border-spacing:0; } /*+++ general definitions +++*/ html { height:100%; font-size:100%; } body { height:100%; background:#FFF; font-size:0.625em; line-height:0.625em; } *{ font-family:"Trebuchet MS", Verdana, Arial, sans-serif; } /*+++ general browser fixes +++*/ .CO-clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .CO-clearfix { display:block; clear:both; min-width:0; } /*edited Jan 2010*/ .CO-clearfix.headPart{background: url('../../images/wave.gif') no-repeat 205px 10px; margin-bottom: 0;} /*+++ general declarations +++*/ .CO-invisible { position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden; } .CO-contentRow{padding-bottom:10px;} a.CO-linkMore, a.CO-linkMore:link, a.CO-linkMore:visited { display:inline-block; text-decoration:none; background:url(../../images/ND/linkMore_bg.gif) no-repeat 0 0; } a.CO-linkMore:hover, a.CO-linkMore:focus, a.CO-linkMore:active { background-position:0 -149px; } a.CO-linkMore span, a.CO-linkMore:link span, a.CO-linkMore:visited span { display:block; padding:2px 0 0 12px; font-size:12px; line-height:12px; color:#007CA4; } a.CO-linkMore:hover span, a.CO-linkMore:focus span, a.CO-linkMore:active span {color:#003151;} a.CO-linkPDF, a.CO-linkPDF:link, a.CO-linkPDF:visited { display:inline-block; text-decoration:none; background:url(../../images/ND/linkPDF_bg.gif) no-repeat 0 0; } a.CO-linkPDF:hover, a.CO-linkPDF:focus, a.CO-linkPDF:active { background-position:0 -149px; } a.CO-linkPDF span, a.CO-linkPDF:link span, a.CO-linkPDF:visited span { display:block; padding:2px 0 0 30px; font-size:12px; line-height:12px; color:#007CA4; } a.CO-linkPDF:hover span, a.CO-linkPDF:focus span, a.CO-linkPDF:active span { color:#003151; } a.CO-linkClose, a.CO-linkClose:link, a.CO-linkClose:visited { background:url(../../images/ND/linkClose_bg.gif) no-repeat 0 0; } a.CO-linkClose:hover, a.CO-linkClose:focus, a.CO-linkClose:active { background-position:0 -49px; } a.CO-linkClose span, a.CO-linkClose:link span, a.CO-linkClose:visited span { display:block; padding:2px 0 0 15px; font-size:12px; line-height:12px; color:#007CA4; } /*+++ Framework container +++*/ #FW-canvas { height:100%; width:970px; margin:0 auto; } #FW-nonFooter { } /* edited Jan 2010*/#FW-nonFooterWrapper { padding-bottom:0px;} /* padding-bottom = Hoehe des Footers bzw. des Top-Margins PLUS Abstand Content zum Footer */ #FW-logo { float:left; } #FW-logout { display:none;} #FW-logout-frame {border:none;width:1px;height:1px;position:absolute;bottom:0px;left:0px;visibility:visible;display:block;overflow:hidden;} /* edited */#FW-containerNavMeta { width: 726px; float: left; text-align: right; padding: 10px 0;} #FW-containerGlobalSearch { float:right; width:726px; } /* edited Jan 2010*/#FW-containerNavTop { float:left; width: 100%; clear:both; } /* =navMeta --- */ /*edited Jan 2010*/.FW-navMeta {display:block; float:left; margin-top:6px; width: 690px;} /*edited Jan 2010*/.FW-navMeta li{ display:inline; margin-right:10px; padding-right: 10px; border-right:1px solid #d3d4d8; } /* added Jan 2010*/.FW-navMeta li.last{border: 0 none;} /*edited Jan 2010*/.FW-navMeta li a:link, .FW-navMeta li a:visited { font-size:11px; line-height:1.2em; font-weight:bold; color:#038299; text-decoration:none; } .FW-navMeta li a:hover, .FW-navMeta li a:focus { color:#003151; } .FW-navMeta li a.customerLogin:link, .FW-navMeta li a.customerLogin:visited { color:#003151; } .FW-navMeta li a.customerLogin:hover, .FW-navMeta li a.customerLogin:focus { color:#A3AF15; } /*#FW-footer .FW-navMeta { float:none; } */ /*Edited Jan 2010*/ #FW-navMetaContainer { width:970px; overflow: hidden; clear: both;} #FW-navMetaContainer .center { display:table; margin:0 auto; } #FW-navMetaContainer .shrinkwrap { display:table-cell; } /* =displayCountry --- */ /* edited Jan 2010*/#FW-displayCountry { float:left; margin:6px 0 0 0; } #FW-displayCountry span.displayCountry { font-size:1em; line-height:1.2em; font-weight:bold; margin-right:3px; text-transform:uppercase; z-index:21; position:relative; } #FW-displayCountry a:link, #FW-displayCountry a:visited { font-size:1em; line-height:1.2em; font-weight:bold; color:#007CA4; text-decoration:none; text-transform:uppercase; z-index:21; position:relative; } #FW-displayCountry a:hover, #FW-displayCountry a:focus { color:#003151; } /* =selectCountry ---- */ #FW-selectCountry { position:absolute; top:0; right:-7px; z-index:20; } #FW-selectCountry .containerBg { height:83px; width:212px; background:url(../../images/ND/fw_selectCountry_bg.png) no-repeat; } #FW-selectCountry select { position:absolute; top:24px; left:7px; width:196px; font-size:1em; } #FW-selectCountry .linkChangeContainer { position:absolute; top:52px; left:10px; width:105px; } #FW-selectCountry .linkCloseContainer { position:absolute; top:52px; right:10px; width:auto; } /* =globalSearch ---- */ #FW-globalSearch { margin-top:20px; float:right; } #FW-globalSearch span.left { display:block; float:left; width:17px; height:19px; background:url(../../images/ND/fw_globalSearch_left.gif) no-repeat; } #FW-globalSearch span.searchInputWrapper { display:block; float:left; position:relative; overflow:hidden; height:19px; width:104px; } #FW-globalSearch input.searchInput { position:absolute; left:-2px; float:left; width:104px; height:19px; padding:2px 0 0 5px; font-size:1.2em; line-height:1.2em; font-weight:bold; color:#666; border:0; background:url(../../images/ND/fw_globalSearch_bg.gif) center top repeat-x; } #FW-globalSearch span.right { display:block; float:left; width:15px; height:19px; background:url(../../images/ND/fw_globalSearch_right.gif) no-repeat; } #FW-globalSearch input.submit { margin-left:7px; width:53px; height:15px; background:url(../../images/ND/fw_globalSearch_submit.gif) 0 0 no-repeat; } #FW-globalSearch input.submit:hover, #FW-globalSearch input.submit:focus{ background-position:0 -30px; } /* =navFooter --- Footer navigation on bottom of the page --- */ /* edited Jan 2010*/ #FW-copyright{ color:#C2C2C2; width: 170px; float:left; font-size:11px; font-weight:bold; line-height:1.2em; margin-top:7px; text-transform:capitalize;} /* added Jan 2010*/ #FW-navFooter { float:left; font-size:12px; margin:7px 0 0 0; width:800px; } #FW-navFooter li { display:inline; margin-left:13px; } /* edited Jan 2010*/#FW-navFooter li a:link, #FW-navFooter li a:visited { font-size:1em; line-height:1.2em; font-weight:bold; color:#C2C2C2; text-decoration:none; } #FW-navFooter li a:hover, #FW-navFooter li a:focus { color:#003151; } #FW-navTop { width:728px; margin-top:5px; } /* general and first level specific declarations for the a tag */ #FW-navTop a:link, #FW-navTop a:visited { display:block; position:relative; font-size:1.2em; line-height:1.4em; text-decoration:none; cursor:pointer; } /* setup li elements */ #FW-navTop li { float:left; } #FW-navTop li:hover { position:relative; } /* general rule for a tags beneath level1 */ #FW-navTop li:link a, #FW-navTop li:visited a, #FW-navTop li:hover a { color:#FFF; z-index:2; } /* =level1Tab ----------------------------------------------- these are needed for displaying the tab on level 1 onhover ----------------------------------------------- */ /* left image */ #FW-navTop span.tabLeft { display:block; float:left; width:5px; height:31px; background:url(../../images/ND/navTop_tabLeft_slRight.png) no-repeat; position:relative; z-index:2; } #FW-navTop li.sublevelLeft span.tabLeft { background:url(../../images/ND/navTop_tabLeft_slLeft.png) no-repeat; } #FW-navTop a:link span.tabLeft, #FW-navTop a:visited span.tabLeft { visibility:hidden; } #FW-navTop li:hover span.tabLeft { visibility:visible; } /* link image */ #FW-navTop a:link span.linkImage, #FW-navTop a:visited span.linkImage { display:block; float:left; position:relative; top:8px; left:-3px; width:8px; height:8px; background:url(../../images/ND/navTop_linkImage.gif) 0 0 no-repeat; overflow:hidden; } #FW-navTop a.active:link span.linkImage, #FW-navTop a.active:visited span.linkImage { background-position:0 -8px; } /* link text */ #FW-navTop a:link span.linkText, #FW-navTop a:visited span.linkText { display:block; float:left; min-height:15px; line-height:6px; margin:16px 0 0 0; padding:0; color:#003151; text-transform:uppercase; } #FW-navTop li:hover span.linkText { margin:0; padding:16px 0 0 8px; color:#FFF; background:url(../../images/ND/navTop_linkBg.png) repeat-x; position:relative; left:-8px; z-index:2; } #FW-navTop a.active:link span.linkText, #FW-navTop a.active:visited span.linkText { color:#007CA4; } #FW-navTop li:hover a.active span.linkText { color:#FFF; } /* right image */ #FW-navTop span.tabRight { display:block; float:left; width:14px; height:31px; background:url(../../images/ND/navTop_tabRight_slRight.png) no-repeat; margin:0 10px 0 -8px; position:relative; z-index:2; } #FW-navTop li.sublevelLeft span.tabRight { background:url(../../images/ND/navTop_tabRight_slLeft.png) no-repeat; } #FW-navTop a:link span.tabRight, #FW-navTop a:visited span.tabRight { visibility:hidden; } #FW-navTop li:hover span.tabRight { visibility:visible; margin-right:0; padding-right:2px; } /* for accessibility, color level1 links when tabbing */ #FW-navTop a:focus span.tabLeft, #FW-navTop a:focus span.tabRight { visibility:visible; margin-right:0; padding-right:2px; } #FW-navTop a:focus span.linkText { margin:0; padding:16px 0 0 6px; color:#FFF; background:url(../../images/ND/navTop_linkBg.png) repeat-x; position:relative; left:-8px; z-index:2; } #FW-navTop a:focus span.linkImage { visibility:hidden; } /* =level1Tab ----------------------------------------------- */ /* =level2 + 3 pane ----------------------------------------------- these are needed for displaying the 2nd and 3rd level navigation ----------------------------------------------- */ #FW-navTop span.shadowTop { display:none; position:relative; top:27px; left:0; z-index:1; width:258px; height:4px; background:url(../../images/ND/navTop_sublevel_shadowTop.png) no-repeat; } #FW-navTop li:hover span.shadowTop { display:block; position:absolute; } #FW-navTop li ul { display:none; } #FW-navTop li ul li { background:transparent; margin-left:1px; float:none; width:250px; } #FW-navTop li ul li:hover { background:#003151; margin-right:19px; } #FW-navTop li:hover > ul { display:block; position:absolute; width:270px; padding:10px 30px 40px 30px; background:transparent url(../../images/ND/navTop_sublevel_bg.png) no-repeat bottom right; z-index:1; } #FW-navTop > li:hover > ul { left:-27px; top:31px; } #FW-navTop > li:hover > ul > li:hover > ul { left:219px; top:-10px; z-index:3; } #FW-navTop > li.sublevelLeft:hover > ul > li:hover > ul { left:-281px; width:255px; padding-right:0; background:transparent url(../../images/ND/navTop_sublevelLeft_bg.png) no-repeat bottom right; } #FW-navTop li ul li a:link, #FW-navTop li ul li a:visited { font-size:1.1em; line-height:1.48em; color:#FFF; height:auto; padding:1px 0 3px 0; margin-left:10px; margin-right:20px; } #FW-navTop > li:hover > ul a:link, #FW-navTop > li:hover > ul a:visited { background:transparent; } #FW-navTop li.hasChildren { background:transparent url(../../images/ND/navTop_hasChildren.gif) 0 -90px no-repeat; } #FW-navTop li.hasChildren:hover { background:#003151 url(../../images/ND/navTop_hasChildren.gif) 3px 0 no-repeat; } #FW-navTop > li:hover > ul > li:hover > .level3ShadowTop{ position:absolute; left:245px; top:-14px; z-index:3; width:258px; height:4px; background:url(../../images/ND/navTop_sublevel3_shadowTop.png) no-repeat; } #FW-navTop > li.sublevelLeft:hover > ul > li:hover > .level3ShadowTop { left:-255px; } #FW-navTop li ul.catGroup li { padding-left:10px; width:240px; } #FW-navTop li ul.catGroup li.catHead { font-size:1.1em; line-height:1.48em; padding-top:2px; color:#FFF; height:auto; padding:5px 0 5px 10px; width:240px; text-transform:uppercase; } #FW-navTop li ul.catGroup li.catHead a:link, #FW-navTop li ul.catGroup li.catHead a:visited, #FW-navTop li ul.catGroup li.catHead a:hover { padding:0; margin:0; } /*---------------------------------------------------------------------------------------------*/ /* =directAccess --- Direct Access module located at the bottom of most pages -- */ #CT-directAccess { width:966px; margin-top:10px; border:2px solid #E2EFF3; } #CT-directAccess h4 { margin:7px 0 7px 7px; font-size:12px; line-height:12px; font-weight:bold; color:#003151; text-transform:uppercase; } #CT-directAccess .containerLists { margin:7px 0 7px 7px; background:url(../../images/ND/ct_directAccess_bg.gif) repeat-y; } #CT-directAccess .containerList { float:left; width:122px; margin:7px 15px 0 0; } #CT-directAccess .containerList h5 { font-size:11px; line-height:11px; font-weight:bold; margin-bottom:6px; color:#666; } #CT-directAccess ul li { display:block; margin-bottom:6px; } #CT-directAccess a:link, #CT-directAccess a:visited { font-size:11px; line-height:11px; text-decoration:none; color:#666; } #CT-directAccess a:hover, #CT-directAccess a:focus, #CT-directAccess a:active { color:#003151; }