/* ### General declarations ### version 1.03 - 18.06.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; } a.CO-linkText, a.CO-linkText:link, a.CO-linkText:visited { font-size:1.5em; line-height:1.7em; font-weight:bold; white-space:nowrap; text-decoration:none; color:#007CA4; } a.CO-linkText:hover, a.CO-linkText:focus, a.CO-linkText:active { color:#003151; } a[href$=".pdf"] { padding-left:18px; background:url(/images/ms/CO-linkPDF_bg.gif) no-repeat 0 80%; } a.CO-linkButton, a.CO-linkButton:link, a.CO-linkButton:visited { text-decoration:none; } a.CO-linkButton:hover, a.CO-linkButton:focus, a.CO-linkButton:active { } a.CO-linkButton span, a.CO-linkButton:link span, a.CO-linkButton:visited span { padding:5px 8px; font-size:1.6em; line-height:1.8em; font-weight:bold; white-space:nowrap; text-decoration:none; color:#FFF; background:#007CA4; } a.CO-linkButton:hover span, a.CO-linkButton:focus span, a.CO-linkButton:active span { background:#003151; } /*+++ Framework container +++*/ #FW-canvas { height:100%; width:990px; margin:0 0 0 5px; } #FW-nonFooter { position:relative; min-height:100%; } #FW-nonFooterWrapper { padding-bottom:95px; } /* padding-bottom = Hoehe des Footers bzw. des Top-Margins PLUS Abstand Content zum Footer */ #FW-footer { position:relative; width:990px; height:95px; margin:-95px 0 0 0; background:#DADADA url(../images/FW-footer_bg.gif) repeat-x; } .FW-logoSAG { float:left; margin-right:10px; } .FW-logoIW { float:right; } #FW-containerContent { margin-top:25px; background:#EFEFEF; } #FW-containerSidebar { float:right; width:180px; margin-right:10px; } /* =navTop --------- Top main navigation ----------- */ #FW-navTop { position:relative; left:10px; width:990px; z-index:100; } #FW-navTop li { position:relative; display:block; float:left; padding:5px 10px 3px 10px; text-align:center; background:#EFEFEF; } #FW-navTop li.active { background:url(/images/ms/FW-navTop_bgActive.gif) no-repeat center top; } #FW-navTop li.delimiter { font-size:1.8em; line-height:2em; margin:0; padding:5px 0 3px; font-weight:bold; color:#FFF; } #FW-navTop li:hover { background:#003151; } #FW-navTop li.delimiter:hover { background:#EFEFEF; } #FW-navTop li a { font-size:1.8em; line-height:2em; color:#007CA4; text-decoration:none; text-transform:uppercase; cursor:pointer; } #FW-navTop li.highlight a { color:#D16B00; } #FW-navTop li.highlight:hover a { color:#FFF; } #FW-navTop li.active > a { color:#003151; } /* level 2 */ #FW-navTop li.hasChildren { background:#007CA4 url(/images/ms/FW-navTop_hasChildren.gif) 0 -89px no-repeat; } #FW-navTop li.hasChildren:hover { background:#003151 url(/images/ms/FW-navTop_hasChildren.gif) 0 0 no-repeat; } #FW-navTop li ul { display:none; } #FW-navTop li:hover > ul { display:block; position:absolute; top:44px; left:-30px; width:227px; padding:2px 30px 30px; } #FW-navTop li ul li { float:none; width:210px; padding:7px 0 4px 17px; background:#007CA4; text-align:left; } #FW-navTop li ul li:hover { background:#003151; } #FW-navTop li ul li > a { position:relative; width:100%; color:#FFF; font-size:1.2em; line-height:1.4em; } #FW-navTop li:hover > a { color:#FFF; } /* level 3 */ #FW-navTop li:hover > ul > li:hover > ul { top:-30px; left:227px; padding-top:30px; padding-left:2px; } #FW-navTop li.sublevelLeft:hover > ul > li:hover > ul { left:-259px; padding-right:2px; padding-left:30px; } /* =navTop ------------ */ /* =navPath --------- Path navigation below navTop ------------- */ dl#FW-navPath { position:absolute; top:164px; left:25px; z-index:50; width:777px; } dl#FW-navPath dt strong { float:left; margin-right:3px; font-size:1em; line-height:1.6em; font-weight:bold; color:#003151; } dl#FW-navPath ol li { float:left; } dl#FW-navPath a:link, dl#FW-navPath a:visited { font-size:1em; line-height:1.6em; font-weight:bold; color:#007CA4; text-decoration:none; } dl#FW-navPath a:hover, dl#FW-navPath a:focus, dl#FW-navPath a:active { color:#003151; } dl#FW-navPath li.active { font-size:1.2em; line-height:1.2em; font-weight:bold; color:#003151; } dl#FW-navPath span.seperator { color:#003151; margin:0 2px; font-weight:bold; } /* =navPath -------- */ /* =navMetaBottom ------- Meta navigation on bottom of the page ---- */ ul#FW-navMetaBottom { display:block; float:left; margin-top:12px; } ul#FW-navMetaBottom li { display:inline; margin-left:20px; } ul#FW-navMetaBottom li a:link, ul#FW-navMetaBottom li a:visited { font-size:1.2em; line-height:1.4em; font-weight:bold; color:#007CA4; text-decoration:none; text-transform:uppercase; } ul#FW-navMetaBottom li a:hover, ul#FW-navMetaBottom li a:focus { color:#003151; } span#FW-copyright { display:block; float:right; margin:12px 15px 0 0; font-size:1.2em; line-height:1.4em; font-weight:bold; color:#003151; text-transform:uppercase; } /* =navMetaBottom ---------- */