/* 
### rest of the PlanetActive styles used by the new Pappas pages ### version 1.0 - 29.10.2009
 .kb. 20.01.2010 - added some more PA styles for CT-floatImg
*/

/*+++ reset client default values to a common base +++*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input  { margin:0; padding:0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th                       { font-size:1em; font-weight:normal; font-style:normal; }
ul,ol{ list-style:none; }
fieldset,img{ border:none; }
caption,th{ text-align:left; }
table{ border-collapse: collapse; border-spacing:0; }
div#governance table.elqLayout { margin-bottom: 0; }
div#governance table.elqLayout td { border-bottom: 0; }
/* div#governance form table#pageTable { background-color:#E2EFF3; } */

/*+++ general definitions +++*/
html{ height:100%; font-size:100%; }
body{ height:100%; background:#FFF; font-size:0.625em; line-height:0.625em; }

*       { font-family:"Trebuchet MS", Verdana, Arial, sans-serif; }

/*+++ general browser fixes +++*/
.CO-clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; }
.CO-clearfix{ min-width:0; }
.CO-clearfix{ display:block; clear:both; }

/*+++ general declarations +++*/
.CO-invisible{ position:absolute; left:-9999px; top:-9999px; width:1px; height:1px; overflow:hidden; }
.CO-contentRow{ margin-bottom:10px; }

a.CO-linkMore, a.CO-linkMore:link,
a.CO-linkMore:visited{ display:inline-block; text-decoration:none; background:url(/images/ND/linkMore_bg.gif) no-repeat 0 0; }
a.CO-linkMore:hover,
a.CO-linkMore:focus,
a.CO-linkMore:active{ background-position:0 -149px; }
a.CO-linkMore span,
a.CO-linkMore:link span,
a.CO-linkMore:visited span{ display:block; padding:2px 0 0 12px; font-size:12px; line-height:12px; color:#007CA4; }
a.CO-linkMore:hover span,
a.CO-linkMore:focus span,
a.CO-linkMore:active span{ color:#003151; }

a.CO-linkPDF, a.CO-linkPDF:link,
a.CO-linkPDF:visited{ display:inline-block; text-decoration:none; background:url(/images/ND/linkPDF_bg.gif) no-repeat 0 0; }
a.CO-linkPDF:hover,
a.CO-linkPDF:focus,
a.CO-linkPDF:active{ background-position:0 -149px; }
a.CO-linkPDF span,
a.CO-linkPDF:link span,
a.CO-linkPDF:visited span{ display:block; padding:2px 0 0 30px; font-size:12px; line-height:12px; color:#007CA4; }
a.CO-linkPDF:hover span,
a.CO-linkPDF:focus span,
a.CO-linkPDF:active span{ color:#003151; }

a.CO-linkClose,
a.CO-linkClose:link,
a.CO-linkClose:visited{ background:url(/images/ND/linkClose_bg.gif) no-repeat 0 0; }
a.CO-linkClose:hover,
a.CO-linkClose:focus,
a.CO-linkClose:active	{ background-position:0 -49px; }
a.CO-linkClose span,
a.CO-linkClose:link span,
a.CO-linkClose:visited span{ display:block; padding:2px 0 0 15px; font-size:12px; line-height:12px; color:#007CA4; }
/*+++ Framework container +++*/
#FW-head{height:101px}
#FW-canvas{ height:100%; width:970px; margin:0 auto; }
#FW-nonFooter{ position:relative; min-height:100%; }
#FW-nonFooterWrapper{ padding-bottom:71px; } /* padding-bottom = Hoehe des Footers bzw. des Top-Margins PLUS Abstand Content zum Footer */ 
#FW-logo{ float:left; }
#FW-logout { float:right; margin:0; width:330px; font-size:1em; display:none; color: #000; font-weight: bold; line-height: 1.2em; text-decoration: none; text-transform: uppercase; }
#FW-logout a:link, #FW-logout a:visited  {text-decoration:underline; color:#000}
#FW-logout-container {display:block; height: 14px; line-height: 1.2em; float:right; width: 330px}
#FW-logout-frame {border:none;width:1px;height:1px;position:absolute;top:0px;left:0px;visibility:hidden;display:none;overflow:hidden;} 
#FW-containerNavMeta{float:right; margin-bottom: 6px}
#FW-containerGlobalSearch{float:right; width:726px; margin-top:5px;}
#FW-containerNavTop	{float:right; }
ul.topHint{float: none;display:block;margin:0;text-align:right;}
/* =navMeta --- */
.FW-navMeta{display:block; float:left; margin-top:6px; }
.FW-navMeta li{display:inline; margin-left:13px; }
.FW-navMeta li a:link, .FW-navMeta li a:visited{font-size:1em; line-height:1.2em; font-weight:bold; color:#007CA4; text-decoration:none; text-transform:uppercase; }
.FW-navMeta li a:hover, .FW-navMeta li a:focus{color:#003151; }
.FW-navMeta li a.customerLogin:link,
.FW-navMeta li a.customerLogin:visited{color:#003151; }
.FW-navMeta li a.customerLogin:hover,
.FW-navMeta li a.customerLogin:focus{color:#A3AF15; }
#FW-footer .FW-navMeta{float:none; }
#FW-navMetaContainer{width:970px; }
#FW-navMetaContainer .center{display:table; margin:0 auto; }
#FW-navMetaContainer .shrinkwrap{display:table-cell; }
/* =displayCountry --- */
#FW-displayCountry{float:left; margin:6px 0 0 55px; }
#FW-displayCountry span.displayCountry{font-size:1em; line-height:1.2em; font-weight:bold; margin-right:3px; text-transform:uppercase; z-index:21; position:relative; }
#FW-displayCountry a:link,
#FW-displayCountry a:visited{font-size:1em; line-height:1.2em; font-weight:bold; color:#007CA4; text-decoration:none; text-transform:uppercase; z-index:21; position:relative; }
#FW-displayCountry a:hover, 
#FW-displayCountry a:focus{color:#003151; }
/* =selectCountry ---- */
#FW-selectCountry{position:absolute; top:0; right:-7px; z-index:20; }
#FW-selectCountry .containerBg{height:83px; width:212px; background:url(/images/ND/fw_selectCountry_bg.png) no-repeat; }
#FW-selectCountry select{position:absolute; top:24px; left:7px; width:196px; font-size:1em; }
#FW-selectCountry .linkChangeContainer{position:absolute; top:52px; left:10px; width:105px; }
#FW-selectCountry .linkCloseContainer{position:absolute; top:52px; right:10px; width:auto; }
/* =globalSearch  ---- */
#FW-globalSearch{margin-top:2px; float:right; }
#FW-globalSearch span.left{display:block; float:left; width:17px; height:19px; background:url(/images/ND/fw_globalSearch_left.gif) no-repeat; }
#FW-globalSearch span.searchInputWrapper{display:block; float:left; position:relative; overflow:hidden; height:19px; width:223px;  }
#FW-globalSearch input.searchInput{position:absolute; left:-2px; float:left; width:227px; height:19px; padding:2px 0 0 5px; font-size:1.2em; line-height:1.2em; font-weight:bold; color:#666; border:0; background:url(/images/ND/fw_globalSearch_bg.gif) center top repeat-x; }
#FW-globalSearch span.right{display:block; float:left; width:15px; height:19px; background:url(/images/ND/fw_globalSearch_right.gif) no-repeat; }
#FW-globalSearch input.submit{margin-left:7px; width:53px; height:15px; background:url(/images/ND/fw_globalSearch_submit.gif) 0 0 no-repeat; }
#FW-globalSearch input.submit:hover,
#FW-globalSearch input.submit:focus{ background-position:0 -30px; }
/* =navPath --- Path navigation below navTop --- */
#FW-containerNavPath{width:970px; height:16px; margin-bottom:8px; background:#007CA4; }
/* =navFooter --- Footer navigation on bottom of the page --- */
#FW-copyright{float:left; font-size:1em; line-height:1.2em; font-weight:bold; color:#C2C2C2; text-transform:uppercase; margin-top:30px; }
#FW-navFooter li{display:inline; margin-left:13px; }
#FW-navFooter li a:link, #FW-navFooter li a:visited{font-size:1em; line-height:1.2em; font-weight:bold; color:#C2C2C2; text-decoration:none; text-transform:uppercase; }
#FW-navFooter li a:hover, #FW-navFooter li a:focus{color:#003151; }
/* +++ navTop declarations +++*/
#FW-navTop{width:728px; margin-top:6px; }
/* general and first level specific declarations for the a tag */
#FW-navTop a:link,
#FW-navTop a:visited{display:block; position:relative; font-size:1.2em; line-height:1.4em; text-decoration:none; cursor:pointer; }
/* setup li elements */
#FW-navTop li{ float:left; }
#FW-navTop li:hover{position:relative; }
/* general rule for a tags beneath level1 */
#FW-navTop li:link a,
#FW-navTop li:visited a, #FW-navTop li:hover a{color:#FFF; z-index:2; }
/* =level1Tab --- these are needed for displaying the tab on level 1 onhover --- */
/* left image */
#FW-navTop span.tabLeft{ display:block; float:left; width:5px; height:31px; background:url(/images/ND/navTop_tabLeft_slRight.png) no-repeat; position:relative; z-index:2; }
#FW-navTop li.sublevelLeft span.tabLeft{ background:url(/images/ND/navTop_tabLeft_slLeft.png) no-repeat; }
#FW-navTop a:link span.tabLeft,
#FW-navTop a:visited span.tabLeft{ visibility:hidden; }
#FW-navTop li:hover span.tabLeft{ visibility:visible; }
/* link image */
#FW-navTop a:link span.linkImage,
#FW-navTop a:visited span.linkImage{ display:block; float:left; position:relative; top:8px; left:-3px; width:8px; height:8px; background:url(/images/ND/navTop_linkImage.gif) 0 0 no-repeat; overflow:hidden; }
#FW-navTop a.active:link span.linkImage,
#FW-navTop a.active:visited span.linkImage{ background-position:0 -8px; }
/* link text */
#FW-navTop a:link span.linkText,
#FW-navTop a:visited span.linkText{display:block; float:left; min-height:15px; line-height:6px; margin:16px 0 0 0; padding:0; color:#003151; text-transform:uppercase; }
#FW-navTop li:hover span.linkText{margin:0; padding:16px 0 0 8px; color:#FFF; background:url(/images/ND/navTop_linkBg.png) repeat-x; position:relative; left:-8px; z-index:2; }
#FW-navTop a.active:link span.linkText,
#FW-navTop a.active:visited span.linkText{color:#007CA4; }
#FW-navTop li:hover a.active span.linkText{color:#FFF; }
/* right image */
#FW-navTop span.tabRight{display:block; float:left; width:14px; height:31px; background:url(/images/ND/navTop_tabRight_slRight.png) no-repeat; margin:0 10px 0 -8px; position:relative; z-index:2; }
#FW-navTop li.sublevelLeft span.tabRight{background:url(/images/ND/navTop_tabRight_slLeft.png) no-repeat; }
#FW-navTop a:link span.tabRight,
#FW-navTop a:visited span.tabRight{visibility:hidden; }
#FW-navTop li:hover span.tabRight{visibility:visible; margin-right:0; padding-right:2px; }
/* for accessibility, color level1 links when tabbing */
#FW-navTop a:focus span.tabLeft,
#FW-navTop a:focus span.tabRight{visibility:visible; margin-right:0; padding-right:2px; }
#FW-navTop a:focus span.linkText{margin:0; padding:16px 0 0 6px; color:#FFF; background:url(/images/ND/navTop_linkBg.png) repeat-x; position:relative; left:-8px; z-index:2; }
#FW-navTop a:focus span.linkImage{visibility:hidden; }
/* =level1Tab --- */
/* =level2 + 3 pane --- these are needed for displaying the 2nd and 3rd level navigation --- */
#FW-navTop span.shadowTop{display:none; position:relative; top:27px; left:0; z-index:1; width:258px; height:4px; background:url(/images/ND/navTop_sublevel_shadowTop.png) no-repeat; }
#FW-navTop li:hover span.shadowTop{display:block; position:absolute; }
#FW-navTop li ul{display:none; }
#FW-navTop li ul li{background:transparent; margin-left:1px; float:none; width:250px; }
#FW-navTop li ul li:hover{background:#003151; margin-right:19px; }
#FW-navTop li:hover > ul{display:block; position:absolute; width:270px; padding:10px 30px 40px 30px; background:transparent url(/images/ND/navTop_sublevel_bg.png) no-repeat bottom right; z-index:1; }
#FW-navTop > li:hover > ul{left:-27px; top:31px; }
#FW-navTop > li:hover > ul > li:hover > ul{left:219px; top:-10px; z-index:3; }
#FW-navTop > li.sublevelLeft:hover > ul > li:hover > ul{left:-281px; width:255px; padding-right:0; background:transparent url(/images/ND/navTop_sublevelLeft_bg.png) no-repeat bottom right; }
#FW-navTop li ul li a:link,
#FW-navTop li ul li a:visited{font-size:1.1em; line-height:1.48em; color:#FFF; height:auto; padding:1px 0 3px 0; margin-left:10px; margin-right:20px; }
#FW-navTop > li:hover > ul a:link,
#FW-navTop > li:hover > ul a:visited{background:transparent; }
#FW-navTop li.hasChildren{background:transparent url(/images/ND/navTop_hasChildren.gif) 0 -90px no-repeat; }
#FW-navTop li.hasChildren:hover{background:#003151 url(/images/ND/navTop_hasChildren.gif) 3px 0 no-repeat; }
#FW-navTop > li:hover > ul > li:hover > .level3ShadowTop{position:absolute; left:245px; top:-14px; z-index:3; width:258px; height:4px; background:url(/images/ND/navTop_sublevel3_shadowTop.png) no-repeat; }
#FW-navTop > li.sublevelLeft:hover > ul > li:hover > .level3ShadowTop{left:-255px; }
#FW-navTop li ul.catGroup li{padding-left:10px; width:240px; }
#FW-navTop li ul.catGroup li.catHead{font-size:1.1em; line-height:1.48em; padding-top:2px; color:#FFF; height:auto; padding:5px 0 5px 10px;  width:240px; text-transform:uppercase; }
#FW-navTop li ul.catGroup li.catHead a:link,
#FW-navTop li ul.catGroup li.catHead a:visited,
#FW-navTop li ul.catGroup li.catHead a:hover{padding:0; margin:0; }
/* =level2 + 3 pane --- */
/* =directAccess --- Direct Access module located at the bottom of most pages -- */
#CT-directAccess{width:966px; margin-top:10px; border:2px solid #E2EFF3; }
#CT-directAccess h4{margin:7px 0 7px 7px; font-size:12px; line-height:12px; font-weight:bold; color:#003151; text-transform:uppercase; }
#CT-directAccess .containerLists{margin:7px 0 7px 7px; background:url(/images/ND/ct_directAccess_bg.gif) repeat-y; }
#CT-directAccess .containerList{float:left; width:122px; margin:7px 15px 0 0; }
#CT-directAccess .containerList h5{font-size:11px; line-height:11px; font-weight:bold; margin-bottom:6px; color:#666; }
#CT-directAccess ul li{display:block; margin-bottom:6px; }
#CT-directAccess a:link,
#CT-directAccess a:visited{font-size:11px; line-height:11px; text-decoration:none; color:#666; }
#CT-directAccess a:hover,
#CT-directAccess a:focus,
#CT-directAccess a:active{color:#003151; }
/* =floatImg ------------------- Floating image in content ------------------ */
div#governance div.CT-floatImg{margin-bottom:13px; }
div#governance .floatImgLeft .cntFloatImg{float:left; margin-right:10px; }
div#governance .floatImgLarge .cntFloatImg{width:220px; }
div#governance .floatImgLeft .cntContent{float:left; }
div#governance .floatImgLarge .cntContent{width:290px; }
div#governance .cntFloatImg a{display:inline; padding:0; background:none; }

div.feature p.firstpara{font-weight:bold;}
div.feature p.date{font-size:12px;padding:5px 0;}
