/* ### General declarations ### version 1.12 - 19.05.2008 */ /*+++++++++++++++++++++++++ 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; color:#666; } /*+++++++++++++++++++++++++ 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: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:1.1em; line-height:1.3em; 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: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 27px; font-size:1.1em; line-height:1.3em; 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:1.1em; line-height:1.3em; color:#007CA4; } #FW-containerSidebar a.CO-linkMore:link span, #FW-containerSidebar a.CO-linkMore:visited span, #FW-containerSidebar a.CO-linkPDF:link span, #FW-containerSidebar a.CO-linkPDF:visited span { margin-bottom:10px; } #FW-containerSidebar .containerReference a.CO-linkMore:link span, #FW-containerSidebar .containerReference a.CO-linkMore:visited span, #FW-containerSidebar .containerReference a.CO-linkPDF:link span, #FW-containerSidebar .containerReference a.CO-linkPDF:visited span { margin-bottom:0; } /*+++++++++++++++++++++++++ Framework container +++++++++++++++++++++++++*/ #FW-canvas { height:100%; width:970px; margin:0 auto; } #FW-nonFooter { position:relative; min-height:100%;} #FW-nonFooterWrapper { padding-bottom:0px; } /* padding-bottom = Hoehe des Footers bzw. des Top-Margins PLUS Abstand Content zum Footer */ #FW-footer { position:relative; width:970px; margin:-69px 0 0 0; } #FW-logo { float:left; } #FW-containerNavMeta { float:right; } #FW-containerGlobalSearch { float:right; width:726px; } #FW-containerNavTop { float:right; } #FW-containerContent { width:970px; } #FW-containerContentMiddle, #SAG-containerContentMiddle { float:left; width:525px; margin-left:20px; line-height:1.3em; } #FW-containerSidebar { float:left; width:170px; margin-left:20px; background:#E5E5E5 url(/images/ND/fw_containerSidebar_bg.jpg) repeat-x left bottom; } #SAG-containerSidebar { float:left; width:170px; margin-left:20px; background:#E2EFF3; } /* =navMeta ----------------------------------------------- Meta navigation in top right corner of the page ----------------------------------------------- */ .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; } /* =navMeta ----------------------------------------------- */ /* =displayCountry ----------------------------------------------- Country display besides top meta navigation ----------------------------------------------- */ #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; } /* =displayCountry ----------------------------------------------- */ /* =selectCountry ----------------------------------------------- Country select layer ----------------------------------------------- */ #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; } /* =selectCountry ----------------------------------------------- */ /* =globalSearch ----------------------------------------------- Sitesearch top right corner ----------------------------------------------- */ #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; } /* =globalSearch ----------------------------------------------- */ /* =navPath ----------------------------------------------- Path navigation below navTop ----------------------------------------------- */ #FW-containerNavPath { width:970px; height:16px; margin-bottom:8px; background:#007CA4; } #FW-containerNavPath ul { margin-left:255px; padding-top:1px; } #FW-containerNavPath ul li { display:inline; font-size:1.1em; line-height:1.3em; } #FW-containerNavPath ul li a:link, #FW-containerNavPath ul li a:visited { color:#FFF; text-decoration:none; } #FW-containerNavPath ul li a:hover, #FW-containerNavPath ul li a:focus { color:#003151; } #FW-containerNavPath ul li.active { color:#FFF; } #FW-containerNavPath ul li span.seperator { color:#FFF; margin:0 2px; } /* =navPath ----------------------------------------------- */ /* =navLeft ----------------------------------------------- Left navigation on subpages ----------------------------------------------- */ #FW-navLeft { float:left; width:235px; margin-bottom:1px; } #FW-navLeft li { background:#E2EFF3; border-bottom:1px solid #FFF; } #FW-navLeft li.hasChildren { background:#E2EFF3 url(/images/ND/navLeft_hasChildren.gif) no-repeat 3px 6px; } #FW-navLeft li.open { background:#F5F9FB url(/images/ND/navLeft_hasChildren.gif) no-repeat 3px -78px; } #FW-navLeft li ul li { padding-left:14px; background:#F5F9FB; border-bottom:1px solid #F5F9FB; } #FW-navLeft li ul li.hasChildren { background-color:#F5F9FB; background-position:17px 6px; } #FW-navLeft li ul li.open { background-color:#FCFDFE; background-position:17px -78px; } #FW-navLeft li.active { background-position:3px -38px; } #FW-navLeft li ul li.active, #FW-navLeft li ul li ul li.active { background-position:17px -38px; } #FW-navLeft li ul li ul li { background:#FCFDFE; border-bottom:1px solid #FCFDFE; } #FW-navLeft li ul li ul li ul li { background:#FFF; border-bottom:1px solid #FFF; } #FW-navLeft li a:link, #FW-navLeft li a:visited { display:block; padding:3px 0 3px 14px; font-size:1.1em; line-height:1.3em; font-weight:normal; color:#666; text-decoration:none; } #FW-navLeft li a:hover, #FW-navLeft li a:focus { color:#003151; } #FW-navLeft a.active:link, #FW-navLeft a.active:visited, #FW-navLeft a.active:hover, #FW-navLeft a.active:focus { color:#007CA4; font-weight:bold; } /* =navLeft ----------------------------------------------- */ /* =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 { display:block; float:right; 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; } /* =navFooter ----------------------------------------------- */ /*+++++++++++++++++++++++++ navTop declarations +++++++++++++++++++++++++*/ /* =navTop ----------------------------------------------- Top (main) navigation at the top of the page ----------------------------------------------- */ #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 ----------------------------------------------- */ /* =navTop ----------------------------------------------- */