/* ### 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: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: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 ----------------------------------------------- */ /* ### Component Template declarations ### version 1.09 - 19.05.2008 */ /* =contentElements ----------------------------------------------- Standard content elements ----------------------------------------------- */ #FW-containerContentMiddle h1 { margin-bottom:0.2em; font-size:2.4em; line-height:1em; font-weight:bold; color:#003151; text-transform:uppercase; } #FW-containerContentMiddle p { font-size:1.1em; color:#666; margin-bottom:13px; } /* =contentElements ----------------------------------------------- */ /* =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:1.4em; font-weight:bold; color:#FFF; text-transform:uppercase; } .CT-T01 span.bodytext { display:block; width:125px; margin:8px; font-size:1.1em; 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; } a.CT-T01, a.CT-T01:link, a.CT-T01:visited { float:left; position:relative; display:block; width:169px; height:77px; margin-right:9px; background:#9198AA url(/images/ND/ct_T01_bg.jpg) repeat-x; text-decoration:none; cursor:pointer; } a.CT-T01:hover span.button, a.CT-T01:focus span.button, a.CT-T01:active span.button { background-position:0 -26px; } .CT-T01Container a.last, .CT-T01Container a.last:link, .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; } .CT-T02Container h4 { font-size:1.2em; line-height:1.4em; font-weight:bold; color:#003151; text-transform:uppercase; margin:3px 5px 0 5px; } .CT-T02Container .CT-T02 img { margin-bottom:5px; } .CT-T02Container .CT-T02 span.date { font-size:1.1em; line-height:1.3em; } .CT-T02Container .CT-T02 h5 { font-size:1.2em; line-height:1.4em; font-weight:bold; color:#003151; text-transform:uppercase; } #FW-containerContentMiddle .CT-T02 p { margin-bottom:5px; } /* =contentTeaserT02 ----------------------------------------------- */ /* =resourcesBrowser ----------------------------------------------- Client browser used on homepage and other pages ----------------------------------------------- */ #CB.resourceList { width:521px; height:245px; margin-bottom:10px; background:#FFF; overflow:auto; border:2px solid #E2EFF3; } .resourceList #CB-container { position:relative; width:521px; height:240px; margin:0 auto; } .resourceList #CB-container h4 { float:left; font-size:1.2em; line-height:1.4em; 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:170px; } .resourceList #CB-containerClientList .last { margin-right:0; } .resourceList #CB-sliderTrack { position:absolute; top:220px; 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 a { display:block; width:185px; height:170px; text-decoration:none; } .resourceList .CB-clientListing a:hover span.link, .resourceList .CB-clientListing a:focus span.link, .resourceList .CB-clientListing a:active span.link { background-position:0 -149px; color:#003151; } .resourceList .CB-clientListing span.headline { display:block; margin-top:95px; font-weight:bold; font-size:1.1em; line-height:1.3em; color:#666; } .resourceList .CB-clientListing span.bodytext { display:block; margin:3px 0 10px; font-size:1.1em; line-height:1.3em; color:#666; } .resourceList .CB-clientListing span.link { display:block; padding:2px 0 0 12px; font-size:1.1em; line-height:1.3em; 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.accordionHandle { 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:link, #accordionResources li a.accordionHandle:visited, #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:1.2em; line-height:1.2em; font-weight:bold; color:#FFF; text-transform:uppercase; } #accordionResources li a.open span { color:#003151; } #accordionResources li .accordionContent { display:block; 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:1.1em; line-height:1.3em; } #accordionResources li div.videoList div.text { width:283px; margin:0 7px 3px 0; font-size:1.1em; line-height:1.3em; } #accordionResources li a.CO-linkMore:link, #accordionResources li a.CO-linkMore:visited, #accordionResources li a.CO-linkPDF:link, #accordionResources li a.CO-linkPDF:visited { margin-right:7px; } #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:1.2em; line-height:1.2em; 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:1.1em; line-height:1.1em; font-weight:bold; margin-bottom:6px; } #CT-directAccess ul li { display:block; margin-bottom:6px; } #CT-directAccess a:link, #CT-directAccess a:visited { font-size:1.1em; line-height:1.1em; text-decoration:none; } #CT-directAccess a:hover, #CT-directAccess a:focus, #CT-directAccess a:active { color:#003151; } /* =directAccess ----------------------------------------------- */ /* =containerSidebar ----------------------------------------------- Sidebar located on the right side of each subpage ----------------------------------------------- */ #FW-containerSidebar { margin-bottom:10px; } #FW-containerSidebar h3 { margin:10px 0 16px 10px; font-size:1.2em; line-height:1.4em; font-weight:bold; color:#003151; text-transform:uppercase; } #FW-containerSidebar h4 { margin-left:10px; font-size:1.1em; line-height:1.3em; 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:1.1em; line-height:1.3em; } #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; background:url(/images/ND/linkMore_bg.gif) no-repeat 0 0; color:#007CA4; padding-left:14px; } #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; padding-left:0; } #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-linkPlain:link, #FW-containerSidebar a.CO-linkPlain:visited { background-image:none; padding:0; } #FW-containerSidebar a.noarrow:link, #FW-containerSidebar a.noarrow:visited { background-image:none; padding:0; } /* =containerSidebar ----------------------------------------------- */ /* ### older declarations from Large for the containerContentMiddle ### renamed container FW-containerContentMiddle to SAG-containerContentMiddle in order to avoid conflicts with PA definitions version 1.11 - 17.04.2008 (kb@sag) */ #SAG-containerContentMiddle { float:left; width:525px; margin-left:20px; line-height:1.3em; } #SAG-containerContentFull { float:left; width:715px; margin-left:20px; line-height:1.3em; } a.CO-nolink, a.CO-nolink:link, a.CO-nolink:visited, a.CO-nolink:hover, a.CO-nolink:focus, a.CO-nolink:active { background-image:none; } /* old style definition from large design ----------------------------------------------- */ #SAG-containerContentMiddle, #SAG-containerContentFull { font-size:12px; line-height:1.3em; } #SAG-containerContentMiddle h2.borders, #SAG-containerContentFull h2.borders { color:#273356; font-size:24px; font-weight:bold; /* margin:0 13px 13px 0; */ margin-bottom:13px; padding:13px; /* border-top:5px solid #273356; */ border-bottom:5px solid #e6e6e6; line-height:1.5em; } #SAG-containerContentMiddle h2.borders span, #SAG-containerContentFull h2.borders span { display:block; font-size:15px; line-height:1.5em; font-weight:normal; } #SAG-containerContentMiddle p, #SAG-containerContentFull p { color:#4d4d4d; font-size:12px; line-height:1.3em; margin-bottom: 1em; } #SAG-containerContentMiddle p.date { color:#adb0aa; font-family:arial, helvetica, sans-serif; line-height:1em; font-size:11px; } #SAG-containerContentMiddle .maincol-img { clear:both; float:right; margin-bottom:13px; } #SAG-containerContentMiddle h3 { padding:0; clear:both; font-size:100%; margin:0 0 13px 0; } #SAG-containerContentMiddle h3 a, #SAG-containerContentMiddle h3 { font-family:"Trebuchet MS", arial, helvetica, sans-serif; font-size:15px; color:#273356; line-height:1.3em; } #SAG-containerContentMiddle h3.arrow a { background:url(/images/eos/arr-grey.gif) no-repeat 0px 6px; font-weight:normal; font-weight:bold; font-size:13px; padding-left:13px; } #SAG-containerContentMiddle h3.arrow a:hover { background:url(/images/eos/arr-maincontent.gif) no-repeat 0px 6px; } #SAG-containerContentMiddle h3.arrow { font-weight:normal; font-size:13px; } #SAG-containerContentMiddle .firstpara { color:#273356; font-size:13px; font-weight:bold; } #SAG-containerContentMiddle a, #SAG-containerContentFull a { background:url(/images/eos/arr_grey_trsp.gif) no-repeat 0px 3px; font-weight:normal; font-size:12px; padding-left:13px; } #SAG-containerContentMiddle a:hover, #SAG-containerContentFull a:hover { background:url(/images/eos/arr_blue_trsp.gif) no-repeat 0px 3px; } #FW-containerSidebar a.morelinks:hover { background:url(/images/eos/arr_blue_trsp.gif) no-repeat 0px 4px ; } #FW-containerSidebar a:link, a:visited, #SAG-containerContentMiddle a:link, a:visited, #SAG-containerContentFull a:link, a:visited { text-decoration: none; } #SAG-containerContentMiddle a.noarrow, #SAG-containerContentFull a.noarrow { background:none; padding-left:0px; } #SAG-containerContentMiddle strong { color:#273356; font-weight:bold; } #SAG-containerContentMiddle .quotebox { clear:both; width:524px; background-color:#f7f8f6; color:#273356; margin:0 0 13px 0; padding:0 0 0 0; font-style:italic; line-height:1.4em; } #SAG-containerContentMiddle .quotebox h3 { color:#273356; margin:13px 0 0 13px; } #SAG-containerContentMiddle .quotebox blockquote { width:95%; padding:13px 13px 6px 13px; margin:0; font-family:"Trebuchet MS", arial, helvetica, sans-serif; font-size:14px; } #SAG-containerContentMiddle .quotebox p { color:#273356; margin:0 13px 0 0; padding:0 0 13px 0; text-align:right; } #SAG-containerContentMiddle .cz-finders { background-color:#f7f8f6; float:left; width:505px; padding:10px 10px 0 10px; margin-bottom:13px; display:inline; } #SAG-containerContentMiddle .cz-finders h2 { font-size:15px; color:#273356; font-weight:normal; line-height:1.3em; } /* two thirds left, one third right */ #SAG-containerContentMiddle .articlecol2thirds-nomrg, #SAG-containerContentMiddle .articlecol2thirds { float:left; width:335px; margin:13px 13px 0 0; display:inline; } #SAG-containerContentMiddle .articlecol2thirds-right { float:left; width:177px; margin:13px 0 0 0; } #SAG-containerContentMiddle .articlecol2thirds h2 { font-size:15px; color:#273356; font-weight:normal; line-height:1.3em; } #SAG-containerContentMiddle .articlecol2thirds { float:left; width:320px; margin:10px 10px 0 10px; display:inline; } /* one third left, two thirds right */ #SAG-containerContentMiddle .articlecol1third-left, #SAG-containerContentMiddle .articlecol1third-left-mrg { float:left; width:175px; margin:13px 0 13px 0; display:inline; } #SAG-containerContentMiddle .articlecol1third-right { float:left; width:350px; margin:13px 0; } #SAG-containerContentMiddle td { font-size:12px; font-weight:normal; color:#4d4d4d; line-height:1.3em; text-decoration:none; padding:6px; } #SAG-containerContentMiddle table.stripes { clear:both; border:0; margin:0 0 0 0; padding:0 0 0 0; spacing:1px; color:#4d4d4d; font-size:11px; line-height:1.3em; } #SAG-containerContentMiddle table.stripes-nolm, #SAG-containerContentFull table.stripes-nolm { clear:both; border:0; margin:0 0 10px; padding:0; spacing:1px; font-size:11px; line-height:1.3em; empty-cells:show; } #SAG-containerContentMiddle table.stripes-nolm th, #SAG-containerContentFull table.stripes-nolm th { font-weight:bold; line-height:2.3em; } #SAG-containerContentFull table.stripes-nolm td { padding:6px; vertical-align:top; } #SAG-containerContentFull table.stripes-nolm td.stripe-bottom, #SAG-containerContentMiddle table.stripes-nolm td.stripe-bottom { border-bottom-width:2px; border-bottom-style:solid; border-bottom-color:#E2EFF3; } #SAG-containerContentMiddle table.stripes-nolm h3, #SAG-containerContentFull table.stripes-nolm h3 { /* padding:0; clear:both; font-size:15px; */ margin:0; } #SAG-containerContentMiddle table.stripes-nolm h4, #SAG-containerContentFull table.stripes-nolm h4 { /* padding:0; clear:both; */ font-size:13px; margin:0; } #SAG-containerContentMiddle ul { list-style-type:none; margin-left:0px!important; margin-bottom:13px; padding-right:13px; } #SAG-containerContentMiddle ul li { list-style-type:none; background:url(/images/eos/bullet.gif) no-repeat 0px 3px; color:#4d4d4d; font-family:"Trebuchet MS", arial, helvetica, sans-serif; font-size:12px; line-height:1.3em; margin:6px 0 6px 0; padding-left:14px; } #SAG-containerContentMiddle .firstpara { color:#273356; font-size:13px; font-weight:bold; } .articlerow { clear:both; width:525px; margin-top:26px; } .articlerow div { float:left; width:257px; margin-right:8px; } /* hico */ .articlerow div.right { float: right; clear: right; width:260px; margin-right:0px; } /* */ #SAG-containerContentMiddle .clearfix {display: block;} #SAG-containerContentMiddle a.olderarticles, #SAG-containerContentFull a.right { clear:both; float:right; } /* #SAG-containerContentMiddle a.olderarticles:hover { background:url(/images/eos/arr-maincontent.gif) no-repeat 0px 3px; color:#273356; } */ #FW-containerSidebar a.morelinks { background:url(/images/eos/arr_grey_trsp.gif) no-repeat 0px 4px ; float:right; font-size:1.1em; font-weight:bold; line-height:1.3em; padding:0 0 0 13px; margin-right:13px; } #FW-containerSidebar .quotetz { clear:both; width:150px; background-color:#f7f8f6; color:#273356; margin:0 0 10px 10px; padding:0; font-style:italic; font-size:1.1em; line-height:1.3em; } #FW-containerSidebar .quotetz blockquote { padding:5px; margin:0; } #FW-containerSidebar .quotetz p { color:#273356; width:145px margin:0 5px 0 0; padding:0pt; text-align:right; } #FW-containerSidebar table.tz { width:150px; margin:0 10px 10px 10px; /* margin-left:0px; border="0" cellpadding="10" cellspacing="0" width="150" */ } #FW-containerSidebar table.tz td { /* font-size:1.1em; font-weight:normal; color:#4d4d4d; */ font-size:1.0em; line-height:1.2em; text-decoration:none; padding:0 0 6px 0; }