/* ### rest of the PlanetActive styles used by the new Pappas pages ### version 1.0 - 29.10.2009 .kb. 20.01.2010 - added some more PA styles for CT-floatImg */ /*+++ 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; } div#governance table.elqLayout { margin-bottom: 0; } div#governance table.elqLayout td { border-bottom: 0; } div#governance form table#pageTable { background-color:#E2EFF3; } /*+++ 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 { min-width:0; } .CO-clearfix { display:block; clear:both; } /*+++ general declarations +++*/ .CO-invisible { position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden; } .CO-contentRow { margin-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 { position:relative; min-height:100%; } #FW-nonFooterWrapper { padding-bottom:71px; } /* padding-bottom = Hoehe des Footers bzw. des Top-Margins PLUS Abstand Content zum Footer */ #FW-logo { float:left; } #FW-containerNavMeta { float:right; } #FW-containerGlobalSearch { float:right; width:726px; } #FW-containerNavTop { float:right; } /* =navMeta --- */ .FW-navMeta { display:block; float:left; margin-top:6px; } .FW-navMeta li { display:inline; margin-left:13px; } .FW-navMeta li a:link, .FW-navMeta li a:visited { font-size:1em; line-height:1.2em; font-weight:bold; color:#007CA4; text-decoration:none; text-transform:uppercase; } .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; } #FW-navMetaContainer { width:970px; } #FW-navMetaContainer .center { display:table; margin:0 auto; } #FW-navMetaContainer .shrinkwrap { display:table-cell; } /* =displayCountry --- */ #FW-displayCountry { float:left; margin:6px 0 0 55px; } #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:223px; } #FW-globalSearch input.searchInput { position:absolute; left:-2px; float:left; width:227px; 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; } /* =navPath --- Path navigation below navTop --- */ #FW-containerNavPath { width:970px; height:16px; margin-bottom:8px; background:#007CA4; } /* =navFooter --- Footer navigation on bottom of the page --- */ #FW-copyright { float:left; font-size:1em; line-height:1.2em; font-weight:bold; color:#C2C2C2; text-transform:uppercase; margin-top:30px; } #FW-navFooter li { display:inline; margin-left:13px; } #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; text-transform:uppercase; } #FW-navFooter li a:hover, #FW-navFooter li a:focus { color:#003151; } /* +++ navTop declarations +++*/ #FW-navTop { width:728px; margin-top:13px; } /* 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; } /* =level2 + 3 pane --- */ /* =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; } /* =floatImg ------------------- Floating image in content ------------------ */ div#governance div.CT-floatImg { margin-bottom:13px; } div#governance .floatImgLeft .cntFloatImg { float:left; margin-right:10px; } div#governance .floatImgLarge .cntFloatImg { width:220px; } div#governance .floatImgLeft .cntContent { float:left; } div#governance .floatImgLarge .cntContent { width:290px; } div#governance .cntFloatImg a { display:inline; padding:0; background:none; }