/* ### General declarations ### version 1.16 - 17.10.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; } */ * { 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 15px; 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; } #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:71px; } /* 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:15px; } #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:11px; line-height:14px; 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 ----------------------------------------------- *//* ### Component Template declarations ### version 1.21 - 13.02.2009 */ /* =contentElements --------------- Standard content elements ------- */ #FW-containerContent { font-size:12px; color:#666; } #FW-containerContent img.pageHeader { margin-bottom:13px; } #FW-containerContent h1, #FW-containerContent h3 { margin:0 0 13px 5px; font-size:24px; line-height:24px; font-weight:bold; color:#003151; text-transform:uppercase; } #FW-containerContent h1 *, #FW-containerContent h3 * { font-size:24px; line-height:24px; font-weight:bold; color:#003151; text-transform:uppercase; } #FW-containerContent h2, #FW-containerContent h4 { margin:0 0 7px 5px; font-size:15px; line-height:17px; font-weight:bold; color:#003151; text-transform:uppercase; } #FW-containerContent h2 *, #FW-containerContent h4 * { font-size:15px; line-height:17px; font-weight:bold; color:#003151; text-transform:uppercase; } #FW-containerContent p { font-size:12px; color:#666; margin:0 0 13px 5px; } #FW-containerContent p.first, #FW-containerContent #FW-containerContentMiddle p.firstpara{ font-weight:bold; color:#666; } #FW-containerContent em { color:#007CA4; } #FW-containerContent strong { font-weight:bold; } #FW-containerContent #FW-containerContentMiddle ol, #FW-containerContent #FW-containerContentMiddle ul { margin:0 0 13px 30px; } #FW-containerContent #FW-containerContentMiddle ol li { margin-bottom:6px; list-style:decimal outside; font-size:12px; line-height:15px; } #FW-containerContent #FW-containerContentMiddle ul li { margin-bottom:6px; list-style:disc outside; font-size:12px; line-height:15px; } #FW-containerContent #FW-containerContentMiddle ul.linkList { margin-left:18px; } #FW-containerContent #FW-containerContentMiddle ul.linkList li { list-style:none; } #FW-containerContent #FW-containerContentMiddle .resourceList ul { margin:0; } #FW-containerContent #FW-containerContentMiddle .resourceList ul li { margin-bottom:0; list-style:none; font-size:100%; } #FW-containerContent #FW-containerContentMiddle #accordionResources ul { margin:0; } #FW-containerContent #FW-containerContentMiddle #accordionResources ul li { margin-bottom:0; list-style:none; font-size:100%; } #FW-containerContent #FW-containerContentMiddle li p { margin:0; } #FW-containerContentMiddle li a.CO-linkMore span { line-height:15px !important; } #FW-containerContent dl { margin:0 0 13px 5px; } #FW-containerContent dt { font-size:12px; } #FW-containerContent dd { font-size:12px; margin:0 0 7px 13px; } #FW-containerContentMiddle a, #FW-containerContentMiddle a:link, #FW-containerContentMiddle a:visited { display:inline-block; padding:2px 0 0 12px; text-decoration:none; font-size:12px; line-height:15px; color:#007CA4; background:url(/images/ND/linkMore_bg.gif) no-repeat 0 0; } #FW-containerContentMiddle a:hover, #FW-containerContentMiddle a:focus, #FW-containerContentMiddle a:active { color:#003151; background-position:0 -149px; } #FW-containerContent a.CO-linkPDF, #FW-containerContent a.CO-linkPDF:link, #FW-containerContent a.CO-linkPDF:visited { background:url(/images/ND/linkPDF_bg.gif) no-repeat 0 0; } #FW-containerContent a.CO-linkPDF:hover, #FW-containerContent a.CO-linkPDF:focus, #FW-containerContent a.CO-linkPDF:active { background-position:0 -149px; } #FW-containerContentMiddle a.CO-noLinkStyle, #FW-containerContentMiddle a.CO-noLinkStyle:link, #FW-containerContentMiddle a.CO-noLinkStyle:visited, #FW-containerContentMiddle a.CO-noLinkStyle:hover, #FW-containerContentMiddle a.CO-noLinkStyle:focus, #FW-containerContentMiddle a.CO-noLinkStyle:active { display:inline; padding:0; background:none; } /* legacy */ #FW-containerContentMiddle strong { font-weight:bold; color:#273356; } #FW-containerContentMiddle a.noarrow, #FW-containerContentMiddle a.noarrow:link, #FW-containerContentMiddle a.noarrow:visited, #FW-containerContentMiddle a.noarrow:hover, #FW-containerContentMiddle a.noarrow:focus, #FW-containerContentMiddle a.noarrow:active { padding:0; background:none; } /* table content */ #FW-containerContentMiddle td { padding:6px; font-size:12px; line-height:15px; } #FW-containerContentMiddle td h3 { margin:0 0 13px 0; font-size:14px; line-height:16px; font-weight:bold; color:#003151; text-transform:uppercase; } #FW-containerContentMiddle td p { margin-left:0; } #FW-containerContentMiddle table strong { font-size:12px; line-height:15px; } /* forms */ .cz-finders { display:inline; float:left; width:505px; padding:10px 10px 0 10px; margin-bottom:13px; background:#F7F8F6; } .cz-finders h2 { font-size:15px; line-height:13px; font-weight:normal; color:#003151; } #FW-containerContent h3.arrow a, #FW-containerContent h3.arrow a:link, #FW-containerContent h3.arrow a:visited { font-size:13px; font-weight:bold; color:#007CA4; } #FW-containerContent h3.arrow a:hover, #FW-containerContent h3.arrow a:focus, #FW-containerContent h3.arrow a:active { color:#003151; } /* =quote --------------------- Quote component ------------------------------ */ #FW-containerContent div.CT-quote { width:525px; margin-bottom:13px; background:#EDF5F6 url(/images/ND/ct_quote_bg.gif) repeat-x; } #FW-containerContent div.CT-quote h3 { margin:0; padding:10px; font-size:17px; line-height:17px; font-weight:normal; color:#003151; text-transform:uppercase; } #FW-containerContent div.CT-quote p { padding:5px 30px 0; margin-bottom:0; font-size:14px; line-height:14px; color:#000; } #FW-containerContent div.CT-quote q { color:#000; } #FW-containerContent div.CT-quote q:before, #FW-containerContent div.CT-quote q:after { content:""; } #FW-containerContent div.CT-quote .CO-linkMore { float:right; padding:0 10px 10px 0; } /* =quote --- */ /* =container2col -------------- two column container ------------------------ */ #FW-containerContent div.CT-container2col { width:525px; margin-bottom:13px; } #FW-containerContent div.CT-container2col h2 { margin:0 0 0 5px; } #FW-containerContent div.CT-container2col p { margin:0 0 13px 5px; } #FW-containerContent div.CT-container2col div.containerLeft { float:left; width:257px; } #FW-containerContent div.CT-container2col div.containerRight { float:left; width:258px; } #FW-containerContent div.containerBoxed { margin-bottom:13px; padding:2px 8px 2px; border:1px solid #E2EFF3; } #FW-containerContent div.containerBoxed h2 { padding-top:13px; } #FW-containerContent div.containerBoxed p { float:left; width:236px; margin-left:17px; } #FW-containerContent div.containerBoxed a { margin-left:-12px; } #FW-containerContent div.containerBoxed br.rowDel { clear:both; } /* =container2col --- */ /* =floatImg ------------------- Floating image in content ------------------ */ #FW-containerContent div.CT-floatImg { margin-bottom:13px; } #FW-containerContent .floatImgRight .cntFloatImg { float:right; margin-left:10px; } #FW-containerContent .floatImgLeft .cntFloatImg { float:left; margin-right:10px; } #FW-containerContent .floatImgLarge .cntFloatImg { width:220px; } #FW-containerContent .floatImgSmall .cntFloatImg { width:87px; } #FW-containerContent .floatImg div.cntFloatImg img { margin-bottom:5px; } #FW-containerContent .floatImg div.cntFloatImg span { font-size:11px; line-height:11px; } #FW-containerContent .floatImgRight .cntContent { float:left; } #FW-containerContent .floatImgLeft .cntContent { float:left; } #FW-containerContent .floatImgLarge .cntContent { width:290px; } #FW-containerContent .floatImgSmall .cntContent { width:423px; } #FW-containerContent .cntFloatImg a { display:inline; padding:0; background:none; } #FW-containerContent div.CT-floatImg a.CO-linkPDF { margin-left:5px; } /* =floatImg ------ */ /* =tableType1 ------- two column container -------- */ #FW-containerContent table.CT-styled { width:525px; margin-bottom:13px; font-size:12px; } #FW-containerContent table.CT-styled th { padding:5px 7px; font-weight:bold; } #FW-containerContent table.CT-styled tr.odd { background:#E2EFF3; } #FW-containerContent table.CT-styled td { padding:5px 7px; } #FW-containerContent table.CT-styled td.title { font-weight:bold; } #FW-containerContent table.type2 td { border:1px solid #FFF; } #FW-containerContent table.type2 tfoot td { background:#003151; color:#FFF; } /* =tableType1 ---- */ /* =contentElements ------------------------------- */ /* =formElements ----- form elements -------------- */ .CT-containerForm { } #FW-containerContent .CT-containerForm h1, #FW-containerContent .CT-containerForm h2, #FW-containerContent .CT-containerForm h4 { margin-left:0; } #FW-containerContent .CT-containerForm h3 { margin:2px 0; font-size:14px; line-height:16px; font-weight:bold; color:#003151; text-transform:uppercase; } #FW-containerContent .CT-containerForm p { margin:2px 0; font-size:12px; line-height:13px; } #FW-containerContent .CT-containerForm p.required { text-align:right; } #FW-containerContent .CT-containerForm strong.required { color:#F00; cursor:help; } .CT-containerForm fieldset { background:#E2EFF3; padding:5px 10px; border-bottom:1px solid #FFF; } .CT-containerForm fieldset fieldset { padding:0; margin:6px 0; border-bottom:none; } /* defaults */ .CT-containerForm label { font-size:13px; line-height:15px; margin-bottom:3px; } .CT-containerForm label span { display:block; float:left; width:109px; margin:2px 6px 0 0; cursor:pointer; } #FW-containerContent .CT-containerForm label.displayError span { font-weight:bold; color:#F00; } #FW-containerContent .CT-containerForm label.displayError strong { margin-right:3px; font-weight:bold; color:#F00; } .CT-containerForm input, .CT-containerForm textarea { float:left; } .CT-containerForm input[type="text"], .CT-containerForm textarea { width:380px; padding:2px; font-size:100%; border:1px solid #90ABC3; } .CT-containerForm input[type="text"]:focus, .CT-containerForm textarea:focus { background:#FCFDFE; border:1px solid #007CA4; } .CT-containerForm input[type="checkbox"], .CT-containerForm input[type="radio"] { margin:2px 6px 0 0; } .CT-containerForm input[type="file"] { width:380px; padding:2px; font-size:100%; } /* checkradioGroup */ .CT-containerForm label.checkradioGroupDesc { float:left; width:109px; margin:0 6px 6px 0; cursor:pointer; } .CT-containerForm div.checkradioGroupInput { display:block; float:left; width:387px; } .CT-containerForm .checkradioGroup span { width:auto; max-width:360px; margin:0; } /* labelWide */ .CT-containerForm fieldset.labelColWide label span { width:239px; } .CT-containerForm fieldset.labelColWide input[type="text"], .CT-containerForm fieldset.labelColWide textarea, .CT-containerForm fieldset.labelColWide input[type="file"] { width:250px; } .CT-containerForm fieldset.labelColWide label.checkradioGroupDesc { width:239px; } .CT-containerForm fieldset.labelColWide div.checkradioGroupInput { width:257px; } .CT-containerForm fieldset.labelColWide .checkradioGroup span { max-width:230px; } /* agb */ .CT-containerForm textarea.fullCol { width:495px; font-size:13px; } .CT-containerForm label.checkboxFullCol span { width:auto; max-width:480px; margin:0; } /* rating */ .CT-containerForm fieldset.rating { } .CT-containerForm fieldset.rating label.checkradioGroupDesc { float:none; } .CT-containerForm fieldset.rating .checkradioGroupInput { margin-top:6px; } .CT-containerForm fieldset.rating .checkradioGroupInput label { display:block; float:left; margin-right:24px; } .CT-containerForm fieldset.rating textarea { margin-bottom:3px; } /* pubOrder */ .CT-containerForm fieldset legend { font-size:13px; line-height:15px; font-weight:bold; padding:0; } .CT-containerForm fieldset table { } .CT-containerForm fieldset table thead { font-size:13px; line-height:15px; } .CT-containerForm fieldset table thead th { font-weight:bold; } #FW-containerContentMiddle .CT-containerForm fieldset table td { padding:2px 10px 2px 0; font-size:100%; } .CT-containerForm fieldset table td input.inputQuantity { width:30px; font-size:13px; } .CT-containerForm fieldset table td input.inputTitle { width:190px; font-size:100%; } /* error display */ .CT-containerForm div.displayError { margin-bottom:12px; } .CT-containerForm div.containerLeft { float:left; width:20px; } .CT-containerForm div.containerRight { float:left; } #FW-containerContent .CT-containerForm div.containerRight p { margin-top:0; color:#F00; font-size:13px; line-height:15px; } /* submit button */ #FW-containerContent .CT-containerForm p.containerSubmit { margin-top:15px; text-align:right; } .CT-containerForm span.CO-submitButton { display:-moz-inline-box; display:inline-block; height:26px; padding-right:4px; background:url(/images/ND/ct_form_submitButton.gif) no-repeat right -32px; cursor:pointer; } .CT-containerForm span.CO-submitButton span { display:-moz-inline-box; display:inline-block; float:left; height:26px; width:4px; background:url(/images/ND/ct_form_submitButton.gif) no-repeat 0 -68px; cursor:pointer; } .CT-containerForm span.CO-submitButton input { float:left; height:21px; width:auto; padding:0 20px 0 4px; margin-bottom:4px; font-size:100%; line-height:200%; font-weight:bold; border:none; color:#FFF; text-transform:uppercase; background:url(/images/ND/ct_form_submitButton.gif) no-repeat top right; cursor:pointer; } /* =formElements ------------------ */ /* =contentTeaserT01 -------------- Grey box with grey gradient and button in lower right corner --------- */ .CT-T01Container { margin-bottom:10px; } .CT-T01 span.headline { display:block; margin:8px; font-size:14px; line-height:100%; font-weight:bold; color:#FFF; text-transform:uppercase; } .CT-T01 span.bodytext { display:block; width:125px; margin:8px; font-size:11px; line-height:12px; font-weight:bold; color:#FFF; } .CT-T01 span.button { position:absolute; top:45px; left:139px; display:block; width:25px; height:26px; background:url(/images/ND/ct_T01_button.png) no-repeat 0 0; } #FW-containerContentMiddle a.CT-T01, #FW-containerContentMiddle a.CT-T01:link, #FW-containerContentMiddle a.CT-T01:visited { float:left; position:relative; display:block; width:169px; height:77px; margin-right:9px; padding:0; background:url(/images/ND/ct_T01_bg.jpg) repeat-x; text-decoration:none; cursor:pointer; } #FW-containerContentMiddle a.CT-T01:hover span.button, #FW-containerContentMiddle a.CT-T01:focus span.button, #FW-containerContentMiddle a.CT-T01:active span.button { background-position:0 -26px; } #FW-containerContentMiddle .CT-T01Container a.last, #FW-containerContentMiddle .CT-T01Container a.last:link, #FW-containerContentMiddle .CT-T01Container a.last:visited { margin:0; } /* =contentTeaserT01 ------------ */ /* =contentTeaserT02 ------------ Event list container, used on resources page ------ */ .CT-T02Container { float:left; width:210px; border:2px solid #E2EFF3; } .CT-T02Container .CT-T02 { margin:0 5px; padding-bottom:15px; } #FW-containerContentMiddle .CT-T02Container h4 { font-size:12px; line-height:14px; font-weight:bold; color:#003151; text-transform:uppercase; margin:3px 5px 0 5px; } #FW-containerContentMiddle .CT-T02 a, #FW-containerContentMiddle .CT-T02 a:link, #FW-containerContentMiddle .CT-T02 a:visited { padding:0; } #FW-containerContentMiddle .CT-T02 a.CO-linkPDF, #FW-containerContentMiddle .CT-T02 a.CO-linkPDF:link, #FW-containerContentMiddle .CT-T02 a.CO-linkPDF:visited { padding-left:12px; } .CT-T02Container .CT-T02 img { margin-bottom:5px; } .CT-T02Container .CT-T02 span.date { font-size:11px; line-height:13px; } .CT-T02Container .CT-T02 h5 { font-size:12px; line-height:14px; font-weight:bold; color:#003151; text-transform:uppercase; } #FW-containerContent #FW-containerContentMiddle .CT-T02 p { margin:0 0 5px 0; } /* =contentTeaserT02 ----------- */ /* =contentTeaserT03 ----------- Event detail container ---- */ .CT-T03Container { padding:1px; border:2px solid #e2eff3; } .CT-T03Container div.headline { position:relative; padding:5px; margin-bottom:15px; font-size:14px; font-weight:bold; text-transform:uppercase; color:#fff; background:#007ca4; } .CT-T03Container div.headline a { position:absolute; top:5px; right:5px; } .CT-T03Container div.headline a:link, .CT-T03Container div.headline a:visited { font-size:12px; font-weight:normal; color:#0479a4; text-decoration:none; } .CT-T03Container div.headline a:hover, .CT-T03Container div.headline a:focus, .CT-T03Container div.headline a:active { color:#233355; } .CT-T03Container img { float:left; } .CT-T03Container div.text { width:409px; float:left; } .CT-T03Container div.text p { font-weight:bold; } .CT-T03Container div.text p.first { font-size:14px !important; } .CT-T03Container div.text ul.linkList { margin-bottom:13px; } .CT-T03Container div.text ul.linkList li { margin-bottom:3px; } /* =contentTeaserT03 ----------- */ /* =contentTeaserT04 ----------- Teaser boxes on gray bg ------ */ .CT-T04Container { padding:7px 0 0; background:#E6E6E6; } .CT-T04Container div.elementT04 { float:left; width:252px; height:195px; margin:0 7px 7px; overflow:hidden; background:#FFFDFE; } .CT-T04Container div.last { margin:0; } .CT-T04Container div.elementT04 h2 { margin:8px 10px 7px !important; } .CT-T04Container div.elementT04 img { float:left; margin:0 15px 0 10px; } .CT-T04Container div.elementT04 div.cntRight { float:left; } .CT-T04Container div.elementT04 p { margin-left:0 !important; } .CT-T04Container div.elementT04 h5 { font-weight:bold; text-transform:uppercase; } .CT-T04Container div.elementT04 a, .CT-T04Container div.elementT04 a:link, .CT-T04Container div.elementT04 a:visited { padding:0 !important; font-size:13px !important; font-weight:normal; color:#007CA4; text-decoration:none; background:none !important; } .CT-T04Container div.elementT04 a:hover, .CT-T04Container div.elementT04 a:focus, .CT-T04Container div.elementT04 a:active { color:#003151; } .CT-T04Container div.elementT04 ul.linkList { margin:0 !important; } .CT-T04Container div.elementT04 ul.linkList li { float:left; } .CT-T04Container div.elementT04 ul.linkList li span.del { margin:0 5px; color:#007CA4; } .CT-T04Container div.elementT04a div.cntRight { float:left; width:140px; } .CT-T04Container div.elementT04b div.cntRight { float:left; width:110px; } .CT-T04Container div.elementT04c div.cntRight { float:left; width:102px; } .CT-T04Container div.elementT04d div.cntRight { float:left; width:149px; } .CT-T04Container div.elementT04 form label { display:block; margin-bottom:5px; color:#007CA4; } .CT-T04Container div.elementT04 form span.left { display:block; float:left; width:15px; height:19px; background:url(/images/ND/ct_t04_input_left.gif) no-repeat; } .CT-T04Container div.elementT04 form span.inputWrapper { display:block; float:left; position:relative; overflow:hidden; height:19px; width:100px; } .CT-T04Container div.elementT04 form input.inputField { position:absolute; left:-2px; float:left; width:227px; height:19px; padding:2px 0 0 5px; font-size:12px; line-height:1.2em; font-weight:bold; border:0; background:url(/images/ND/ct_t04_input_bg.gif) center top repeat-x; } .CT-T04Container div.elementT04 span.right { display:block; float:left; width:15px; height:19px; background:url(/images/ND/ct_t04_input_right.gif) no-repeat; } .CT-T04Container div.elementT04 form input.submit { margin-top:5px; font-size:13px; color:#007CA4;border:0; background:#FFF; } /* =contentTeaserT04 ------- */ /* =resourcesBrowser ------- Client browser used on homepage and other pages ---- */ #CB.resourceList { width:521px; height:280px; margin-bottom:10px; background:#FFF; overflow:auto; border:2px solid #E2EFF3; } .resourceList #CB-container { position:relative; width:521px; height:275px; margin:0 auto; } .resourceList #CB-container h4 { float:left; font-size:12px; line-height:14px; font-weight:bold; color:#003151; text-transform:uppercase; margin:3px 0 0 8px; } .resourceList #CB-containerClientList { position:absolute; top:35px; left:0; width:2375px; height:140px; margin:0; padding:0; } .resourceList #CB-containerClientList .CB-clientListing { float:left; position:relative; top:0; margin:0 25px; width:185px; height:250px; } .resourceList #CB-containerClientList .last { margin-right:0; } .resourceList #CB-sliderTrack { position:absolute; top:255px; left:8px; width:509px; height:18px; overflow:hidden; background:url(/images/ND/cb_scrollbar_cntMiddle.gif) no-repeat; display:none; } .resourceList #CB-sliderHandle { position:absolute; top:0; width:75px; height:18px; cursor:pointer; z-index:155; } .resourceList #CB-sliderHandleImage { position:absolute; top:0; width:75px; height:18px; background:url(/images/ND/cb_scroller_cntMiddle.png) no-repeat; cursor:pointer; z-index:5; } .resourceList .CB-clientListing div.logo { width:190px; height:130px; } #FW-containerContentMiddle .resourceList .CB-clientListing a { display:block; width:185px; height:170px; padding:0; text-decoration:none; background:none; } #FW-containerContentMiddle .resourceList .CB-clientListing a:hover span.link, #FW-containerContentMiddle .resourceList .CB-clientListing a:focus span.link, #FW-containerContentMiddle .resourceList .CB-clientListing a:active span.link { background-position:0 -149px; color:#003151; } .resourceList .CB-clientListing span.headline { display:block; font-weight:bold; font-size:11px; line-height:13px; color:#666; } .resourceList .CB-clientListing span.bodytext { display:block; margin:3px 0 10px; font-size:11px; line-height:13px; color:#666; } .resourceList .CB-clientListing span.link { display:block; padding:2px 0 0 12px; font-size:11px; line-height:13px; color:#007CA4; background:url(/images/ND/linkMore_bg.gif) no-repeat 0 0; } .resourceList .CB-clientListing span.linkPDF { padding-left:27px; background:url(/images/ND/linkPDF_bg.gif) no-repeat 0 0; } /* =resourcesBrowser ----------- */ /* =resourcesAccordion --------- Accordion used on the resources page --- */ #accordionResources { float:left; width:297px; margin-right:10px; border:2px solid #E2EFF3; } #accordionResources li { clear:both; } #accordionResources li a, #accordionResources li a:link, #accordionResources li a:visited { display:inline; padding:0; background:none; } #accordionResources li a.accordionHandle, #accordionResources li a.accordionHandle:link, #accordionResources li a.accordionHandle:visited { position:relative; display:block; width:297px; height:23px; background:url(/images/ND/ac_handle_297.gif) no-repeat top left; cursor:pointer; } #accordionResources li a.accordionHandle:hover, #accordionResources li a.accordionHandle:active { text-decoration:none; outline:none; } #accordionResources li a.open { background:transparent none; } #accordionResources li .accordionHandle span { display:block; padding:4px 0 0 8px; font-size:12px; line-height:12px; font-weight:bold; color:#FFF; text-transform:uppercase; } #accordionResources li a.open span { color:#003151; } #accordionResources li .accordionContent { display:block; min-height:331px; } /* Videolist */ #accordionResources li div.videoList { margin:0 0 0 7px; } #accordionResources li div.videoList .listItem { margin-bottom:14px; } #accordionResources li div.videoList .listItem h5 { margin:3px 7px 3px 0; font-weight:bold; font-size:11px; line-height:13px; } #accordionResources li div.videoList div.text { width:283px; margin:0 7px 3px 0; font-size:11px; line-height:13px; } #accordionResources li a.CO-linkMore:link, #accordionResources li a.CO-linkMore:visited { display:inline-block; margin-right:7px; background:url(/images/ND/linkMore_bg.gif) no-repeat 0 0; } #accordionResources li a.CO-linkPDF:link, #accordionResources li a.CO-linkPDF:visited { display:inline-block; margin-right:7px; padding-left:12px; } #accordionResources li div.videoList .listItem a { float:left; } #accordionResources li div.videoList .listItem img { float:left; margin-right:7px; } #accordionResources li div.videoList .containerContent { float:left; width:156px; } #accordionResources li div.videoList .containerContent div.text { width:156px; } /* =resourcesAccordion ------- */ /* =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; } /* =directAccess ------------- */ /* =containerSidebar --------- Sidebar located on the left side of each subpage -- */ #FW-containerSidebar { margin-bottom:10px; } #FW-containerSidebar h3 { margin:10px 0 16px 10px; font-size:12px; line-height:14px; font-weight:bold; color:#003151; text-transform:uppercase; } #FW-containerSidebar h4 { margin:0 10px; font-size:11px; line-height:13px; font-weight:bold; } #FW-containerSidebar .containerFullText { padding-bottom:10px; } #FW-containerSidebar .containerFullText img { margin:10px 0; } #FW-containerSidebar .containerReference { padding-bottom:20px; } #FW-containerSidebar .containerReference img { margin:0 0 10px 10px; } #FW-containerSidebar .containerEvent { padding-bottom:0; } #FW-containerSidebar .containerReference p, #FW-containerSidebar .containerFullText p, #FW-containerSidebar .containerEvent p { margin:0 0 5px 10px; width:150px; font-size:11px; line-height:13px; } #FW-containerSidebar .containerSeperator { width:160px; margin:0 0 -8px 5px; border-top:1px solid #FFF; } #FW-containerSidebar a:link, #FW-containerSidebar a:visited { display:block; padding-left:14px; color:#007CA4; background:url(/images/ND/linkMore_bg.gif) no-repeat 0 0; text-decoration:none; } #FW-containerSidebar a:hover, #FW-containerSidebar a:focus, #FW-containerSidebar a:active { color:#003151; background-position:0 -149px; } #FW-containerSidebar a.CO-linkMore:link, #FW-containerSidebar a.CO-linkMore:visited, #FW-containerSidebar a.CO-linkMore:hover, #FW-containerSidebar a.CO-linkMore:focus, #FW-containerSidebar a.CO-linkMore:active { margin-left:10px; padding-left:0; } #FW-containerSidebar a.CO-linkPDF:link, #FW-containerSidebar a.CO-linkPDF:visited { background:url(/images/ND/linkPDF_bg.gif) no-repeat 0 0; margin-left:10px; } #FW-containerSidebar a.CO-linkPDF:hover, #FW-containerSidebar a.CO-linkPDF:focus, #FW-containerSidebar a.CO-linkPDF:active { background-position:0 -149px; } #FW-containerSidebar a.linkEvent { margin-top:20px; } #FW-containerSidebar a.CO-noLinkStyle:link, #FW-containerSidebar a.CO-noLinkStyle:visited { padding:0; background-image:none; } #FW-containerSidebar a.noarrow:link, #FW-containerSidebar a.noarrow:visited { padding:0; background-image:none; } #FW-containerSidebar div.quotetz { margin:0 0 10px 10px; width:150px; font-size:11px; line-height:13px; font-style:italic; color:#273356; background:#F7F8F6; } #FW-containerSidebar div.quotetz blockquote { padding:5px; } #FW-containerSidebar div.quotetz p { margin:0 5px; padding-bottom:5px; text-align:right; color:#273356; } /* =containerSidebar ------- *//* ### Homepage declarations ### version 1.11 - 08.06.2009 */ /*+++++++++++++++++++++++++ general layout container +++++++++++++++++++++++++*/ #HP-containerContent { } #HP-flashStageFull { width:970px; height:208px; margin-bottom:10px; } #HP-flashStage { float:left; width:642px; height:208px; margin-bottom:10px; overflow: hidden;} #HP-promoBannerSlot1 { float:left; width:318px; height:99px; margin:0 0 0 10px; } #HP-promoBannerSlot2 { float:left; width:318px; height:99px; margin:10px 0 0 10px; } /*+++++++++++++++++++++++++ Homepage Teaser 01 +++++++++++++++++++++++++*/ .HP-T01 { float:left; position:relative; width:316px; height:175px; margin-right:10px; } .HP-T01last { margin-right:0; } .HP-T01Business { background:#E2EFF3 url(/images/ND/hp_T01_business_bg.jpg) no-repeat; } .HP-T01 h2 { margin:10px 0 0 0; width:190px; font-size:2em; line-height:1.2em; color:#003151; font-weight:bold; text-transform:uppercase; } .HP-T01 h3 { margin:4px 0 0 115px; width:190px; font-size:1.1em; line-height:1.3em; color:#666; font-weight:bold; } .HP-T01 ul { width:190px; margin:4px 0 0 0; } .HP-T01 ul li { list-style:disc inside; font-size:1.2em; line-height:1.4em; } .HP-T01 .linkMoreContainer { position:absolute; top:152px; width:190px; } .HP-T01 .CO-linkMore { white-space:nowrap; } .HP-T01Business h2, .HP-T01Business h3, .HP-T01Business ul { margin-left:115px; } .HP-T01Business .linkMoreContainer { margin-left:115px; } .HP-T01Business .CO-linkMore { float:right; } .HP-T01IT { background:#E2EFF3 url(/images/ND/hp_T01_it_bg.jpg) no-repeat; } .HP-T01IT h2 { margin-left:10px; } .HP-T01IT h3 { margin-left:10px; } .HP-T01IT ul { margin-left:10px; } .HP-T01IT .linkMoreContainer { left:10px; } /*+++++++++++++++++++++++++ Homepage Teaser 02 (new design) +++++++++++++++++++++++++*/ .HP-T02 { float:left; position:relative; width:638px; height:175px; border:2px solid #E2EFF3; } .HP-T02 h1 { margin:15px 5px 14px 115px; font-size:1.8em; line-height:1em; font-weight:bold; color:#003151; } .HP-T02 div.container { float:left; width:200px; margin-left:20px; } .HP-T02 div.container.first { margin-left:200px; } .HP-T02 h2 { margin:10px 0 0 0; width:190px; font-size:1.4em; line-height:1.6em; color:#666; font-weight:bold; } .HP-T02 ul { width:190px; margin:4px 0 0 0; } .HP-T02 ul li { list-style:disc inside; font-size:1.2em; line-height:1.4em; } .HP-T02 .linkMoreContainer { position:absolute; top:145px; width:190px; } .HP-T02 .CO-linkMore { white-space:nowrap; } /*+++++++++++++++++++++++++ Homepage Personas Teaser (new design) +++++++++++++++++++++++++*/ .HP-Tpb { float:left; position:relative; width:638px; height:175px; border:2px solid #E2EFF3; overflow: hidden; } .HP-Tpb h1 { margin:5px 5px 14px; text-align:center; line-height:1em; font-size:1.8em; font-weight:bold; color:#003151; } .HP-Tpb div.container { float:left; width:210px; height:138px; border-right:1px solid #E2EFF3; } .HP-Tpb div.container.last { border-right-width:0px; } .HP-Tpb div.tbSmall { width:109px; margin:0 0 0 98px; font-size:1.2em; color:#999999; line-height:1.3em; } .HP-Tpb div.tbBig { width:200px; margin:0 6px; font-size:1.2em; color:#999999; line-height:1.4em; } .HP-Tpb h2 { margin:0; width:109px; font-size:1em; line-height:1.6em; color:#666; font-weight:bold; } .HP-Tpb ul { margin:3px 0 0 0; } .HP-Tpb .tbSmall ul { width:105px; } .HP-Tpb .tbBig ul { width:195px; } .HP-Tpb ul li { list-style:disc inside; font-size:1em; line-height:1.2em; } .HP-Tpb p { font-size:1em; line-height:1.2em; } .HP-Tpb .bot_banner { position:absolute; top:153px; width:210px; height:22px; } .HP-Tpb .bot_banner span { display:block; padding:4px 8px 0; font-size:1.2em; line-height:1.2em; font-weight:bold; color:#FFF; text-transform:uppercase; } .HP-Tpb .linkMoreContainer {margin: 0;} .HP-Tpb .linkMoreContainer, .HP-Tpb .linkMoreContainerB { position:absolute; top:125px; width:109px; margin:0 6px; text-align:right; } .HP-Tpb .linkMoreContainerB { width:200px; } .HP-Tpb .tbSmall, .HP-Tpb .linkMoreContainer { margin-left:95px; } .HP-Tpb .tbSmall + .linkMoreContainer { margin-left:95px; } .HP-Tpb .CO-linkMore { white-space:nowrap; } /*+++++++++++++++++++++++++ Featured Links +++++++++++++++++++++++++*/ #HP-featuredLinks { float:left; position:relative; width:314px; height:171px; margin-left:10px; border:2px solid #E2EFF3; } #HP-featuredLinks h3 { margin:8px 0 0 10px; width:294px; font-size:2em; line-height:1.2em; color:#003151; font-weight:bold; text-transform:uppercase; } #HP-featuredLinks h4 { margin:4px 0 0 10px; width:294px; font-size:1.1em; line-height:1.3em; color:#666; font-weight:bold; } #HP-featuredLinks p { margin:4px 0 0 10px; width:294px; font-size:1.1em; line-height:1.3em; color:#666; } #HP-featuredLinks #linkButtonContainer { position:absolute; top:100px; } #HP-featuredLinks a, #HP-featuredLinks a:link, #HP-featuredLinks a:visited { display:block; float:left; width:105px; height:70px; margin-left:-1px; text-align:center; text-decoration:none; background:url(/images/ND/0.gif); } #HP-featuredLinks span.icon { display:block; width:40px; height:40px; margin:5px 0 5px 34px; } #HP-featuredLinks a:link span.iconDownload, #HP-featuredLinks a:visited span.iconDownload { background:url(/images/ND/hp_featuredLinks_icon_download.gif) 0 0 no-repeat; } #HP-featuredLinks a:link span.iconWhitepaper, #HP-featuredLinks a:visited span.iconWhitepaper { background:url(/images/ND/hp_featuredLinks_icon_whitepaper.gif) 0 0 no-repeat; } #HP-featuredLinks a:link span.iconDemo, #HP-featuredLinks a:visited span.iconDemo { background:url(/images/ND/hp_featuredLinks_icon_demo.gif) 0 0 no-repeat; } #HP-featuredLinks a:hover span.icon, #HP-featuredLinks a:focus span.icon, #HP-featuredLinks a:active span.icon { background-position:0 -40px; } #HP-featuredLinks span.link { color:#007CA4; font-size:1.1em; line-height:1.3em; margin-left:-9px; padding:3px 0 0 11px; background:url(/images/ND/linkMore_bg.gif) no-repeat 0 0; } #HP-featuredLinks a:hover span.link, #HP-featuredLinks a:focus span.link, #HP-featuredLinks a:active span.link { color:#003151; background-position:0 -149px; } /*+++++++++++++++++++++++++ Client Browser +++++++++++++++++++++++++*/ #CB { float:left; width:638px; height:274px; background:#FFF; overflow:auto; border:2px solid #E2EFF3; } #CB-container { position:relative; width:638px; height:269px; margin:0 auto; } #CB-header { width:100%; height:27px; } #CB-header h4 { float:left; font-size:1.2em; line-height:1.4em; font-weight:bold; color:#003151; text-transform:uppercase; margin:3px 0 0 8px; } /* Die Weite der Clientlist wird, bei aktiviertem Javascript, automatisch entsprechend der Anzahl der "CB-clientListing"-Container gesetzt. Bei deaktiviertem Javascript wird der nachfolgend deklarierte Wert genommen. Er reicht aus um 10 "CB-clientListing"-Container darzustellen. */ #CB-containerClientList { position:absolute; top:35px; left:0; width:3095px; height:140px; margin:0; padding:0; } #CB-containerClientList .CB-clientListing { float:left; position:relative; top:0; margin:0 25px; width:190px; height:250px; } #CB-containerClientList .last { margin-right:0; } #CB-containerClientList .CB-clientListing div.logo { width:190px; height:102px; } #CB-containerClientList .CB-clientListing p { font-size:1.1em; line-height:1.3em; color:#666; margin:10px 0 7px 0; } #CB-sliderTrack { position:absolute; top:228px; left:8px; width:622px; height:18px; overflow:hidden; background:url(/images/ND/cb_scrollbar.gif) no-repeat; display:none; } #CB-sliderHandle { position:absolute; top:0; width:75px; height:18px; cursor:pointer; z-index:155; } #CB-sliderHandleImage { position:absolute; top:0; width:75px; height:18px; background:url(/images/ND/cb_scroller.png) no-repeat; cursor:pointer; z-index:5; } #CB-linkContainer .CO-linkMore { margin:0; } #CB-linkContainer { position:absolute; top:251px; width:635px; height:30px; } #CB-center { display:table; margin:0 auto; } #CB-shrinkwrap { display:table-cell; } /*+++++++++++++++++++++++++ Client BrowserV2 (new design) +++++++++++++++++++++++++*/ .CBv2 #CB { width:966px; } .CBv2 #CB-container { width:966px; } .CBv2 #CB-sliderTrack { width:950px; background:url(/images/ND/cb_scrollbarV2.gif) no-repeat; } .CBv2 #CB-sliderHandle { width:165px; } .CBv2 #CB-sliderHandleImage { width:165px; background:url(/images/ND/cb_scrollerV2.png) no-repeat; } .CBv2 #CB-linkContainer { width:966px; height:30px; } /*+++++++++++++++++++++++++ Accordion +++++++++++++++++++++++++*/ #accordion { float:left; width:314px; min-height:274px; margin-left:10px; border:2px solid #E2EFF3; } #accordion li { clear:both; } #accordion li a.accordionHandle { position:relative; display:block; width:314px; height:23px; background:url(/images/ND/ac_handle.gif) no-repeat; cursor:pointer; } #accordion li a.accordionHandle:link, #accordion li a.accordionHandle:visited, #accordion li a.accordionHandle:hover, #accordion li a.accordionHandle:active { text-decoration:none; outline:none; } #accordion li .accordionHandle span { display:block; padding:4px 0 0 8px; font-size:1.2em; line-height:1.2em; font-weight:bold; color:#FFF; text-transform:uppercase; } #accordion li .accordionContent { display:block; height:202px; } #accordion li .accordionContent p { width:300px; margin:2px 7px 8px 7px; font-size:1.1em; line-height:1.3em; } #accordion li .accordionContent div.linkList { margin:0 0 0 7px; } #accordion li a.CO-linkMore:link, #accordion li a.CO-linkMore:visited { float:right; margin:10px 7px 0 0; } #accordion li div.linkList strong { font-weight:bold; } #accordion li div.linkList a.CO-linkMore:link, #accordion li div.linkList a.CO-linkMore:visited { float:none; display:block; margin:0 2px 12px 0; } #accordion li div.linkList a.CO-linkMore:link span, #accordion li div.linkList a.CO-linkMore:visited span { color:#666; } #accordion li div.linkList a.CO-linkMore:hover span, #accordion li div.linkList a.CO-linkMore:focus span, #accordion li div.linkList a.CO-linkMore:hover strong, #accordion li div.linkList a.CO-linkMore:focus strong { color:#003151; } /*+++++++++++++++++++++++++ AccordionV2 (new design) +++++++++++++++++++++++++*/ .accordionV2 #accordion { float:right; min-height:393px; } .accordionV2 #accordion li a.accordionHandle { background-image:none; } .accordionV2 #accordion li a.handleType1 { background:#0379A3 url(/images/ND/ac_handle_type1.gif) no-repeat; } .accordionV2 #accordion li a.handleType2 { background:#586C01 url(/images/ND/ac_handle_type2.gif) no-repeat; } .accordionV2 #accordion li a.handleType3 { background:#974F01 url(/images/ND/ac_handle_type3.gif) no-repeat; } .accordionV2 #accordion li .accordionContent { height:312px; } .accordionV2 #accordion li div.contentType3 a:link, .accordionV2 #accordion li div.contentType3 a:visited, .accordionV2 #accordion li div.contentType3 a:hover, .accordionV2 #accordion li div.contentType3 a:focus, .accordionV2 #accordion li div.contentType3 a:active { display:block; width:274px; min-height:49px; margin:0 12px; border-bottom:1px solid #E2EFF3; background:#EEE url(/images/ND/ac_content_type3_bg.gif) repeat-x top left; text-decoration:none; } .accordionV2 #accordion li div.contentType3 span { display:block; margin:0 15px; font-size:1.2em; line-height:1.4em; } .accordionV2 #accordion li div.contentType3 span.headline { margin-top:6px; font-weight:bold; color:#003151; } .accordionV2 #accordion li div.contentType3 span.bodytext { font-weight:normal; color:#999; margin-bottom:6px; }