/* ------------- Global Settings ------------- */

   html, body {
      /* background: #F8F2E8; */
      background-image: url(../gfx/fond.jpg);  
      color: black;
      margin: 0px;
      padding: 0px;
     /*font-family: 'Calibri', Verdana; */
      font-family: Verdana;
      font-size:10px;   
   }
   
   
   a {
      color: #0048aa;
      text-decoration: none;
      outline: none;
   }
   
   a:link {
      color: #0048aa;
   }
   
   a:visited {
      color: #0048aa;
   }
   
   a:hover {
      color: #0048aa;
      text-decoration: underline;
   }
   
   
   img {
      border: 0;
   }
   
   p {
      color: black;
      margin-bottom: 6px;
   }

   
   
   /* ------------- Base Layout, Wrapper ------------- */

   #page_wrapper {
      /* border: solid 0px #dc0000; */
      /* border-left: solid 1px #FFC066;
      border-right: solid 1px #FFC066; */
      width: 935px;   
      position: absolute;
      top: 36px;   
      left: 50%;
      margin-left: -467.5px;   /*  (width/2)*(-1) */
      /*background-color: white; */
      background-image: url(../gfx/bg_middle.png);
   }


   #page_wrapper_top_bg {
      width: 935px;
      height: 24px;
      top: 0px;
      margin-top: -24px;
      background-image: url(../gfx/bg_top.png);
   }
   
   #page_wrapper_bottom_bg {
      width: 935px;
      height: 24px;
      top: 0px;
      margin-bottom: -24px;
      background-image: url(../gfx/bg_bottom.png);
      clear:both;
   }


   /* ------------- Individual Areas, Container ------------- */
      
   #head {
      /*  background-color: #FCB652; */
      /* background-image: url(../gfx/fond_mainmenu_nobaby.jpg); */
      width: 908px;
      height: 100px;
      border-bottom: solid 1px #9d9d9d;
      margin-left: 14px;
   }


   #head #nuklogo img {
      position: absolute;
      /* width: 220px;
      height: 110px; */
      border: 0px solid #dc0000;
      top: 22px;
      left: 32px;
   }
   
      
   #topper_menu {
      position: absolute;
      top:0px;
      right: 20px;
      color: #bababa;
      font-size: 11px;
   }
   
   #topper_menu {
      position: absolute;
      top:1px;
      right: 32px;
   }
   
   #topper_menu a {
      color: #bababa;
   }

   #topper_menu a:link {text-decoration: none;}
   #topper_menu a:visited {text-decoration: none;}
   #topper_menu a:hover {text-decoration: none;}

/*
   
#head #vignettes {
   position: absolute;
   top: 29px;
   left: 466px;
   width: 400px;
   margin-left: -200px;
   text-align: center;
}

#head #vignettes img.vignette {
   margin-left: 5px;
   margin-right: 5px;
}
*/


   /* ------------- Insight Navigation ------------- */
   
   #insightmenu {
      width: 696px;
      position: absolute;
      top: 71px;
      height: 29px;
      left: 210px;
      
      display: block;
      margin: 0px;
      padding: 0px;
      
      text-align: center;
      text-decoration: none;   
      
   }
   
   #insightmenu a.insightmenuitem {
      margin: 0px;
      padding: 0px;
      margin-left: 8px;
      margin-right: 8px;
      padding-left: 0px;
      font-size: 12px;
      font-family: Arial;
      padding-bottom: 15px;
      line-height: normal;
   }
   
   #insightmenu a.insightmenu_active {
      background-image: url(../gfx/insightmenu_point.gif); 
      background-position: 50% 24px; 
      background-repeat: no-repeat;
      z-index: auto; 
   }
  
   
   
   #insightmenu a.insightmenuitem img {
     margin: 0px;
     padding: 0px; 
   }
   
   #insightmenu a:link {text-decoration: none; outline: none;}
   #insightmenu a:visited {text-decoration: none; outline: none;}
   #insightmenu a:hover {text-decoration: none; outline: none;}


   
   /* ------------- Standard Navigation ------------- */
   
   
   #content-standardmenu-container {
      border-top: 1px solid #2f65ad;
      border-bottom: 1px solid #2f65ad;
      background-color: #f9f9f9;
     /* position: relative; */
   }
   
   #content-standardmenu {
      /*
      border-top: 1px solid #2f65ad;
      border-bottom: 1px solid #2f65ad;
      background-color: #f9f9f9;
      */
      margin-right: 4px;
      margin-left: 4px;
      padding-right:23px;
      padding-left: 22px;
      color: #2e64ad;
      
      text-decoration: none;
      height: 36px;
      overflow: hidden;
   }
      
      
   /*
   #content-standardmenu {
      border-top: 1px solid #2f65ad;
      border-bottom: 1px solid #2f65ad;
      background-color: #f9f9f9;
      margin-right: 4px;
      margin-left: 4px;
      padding-right:23px;
      padding-left: 22px;
      color: #2e64ad;
      
      color: green;
      
      text-decoration: none;
      height: 36px;
      overflow: hidden;
      
   }
   */
   
   #content-standardmenu .standardmenuitem {
      font-size: 11px;
      font-family: Verdana;
   }
   
   
   #content-standardmenu a:link {text-decoration: none; overflow:hidden; outline: none;}
   #content-standardmenu a:visited {text-decoration: none;overflow:hidden; outline: none;}
   #content-standardmenu a:hover {text-decoration: none; overflow:hidden; outline: none;}


   /*
   .standardmenu_container {
      position: absolute;
      width: 250px;
      height: 150px;
      background-color: white;
      margin-left: 20px;
   }
   */
   
   #standardmenu-dropdown, #standardmenu-dropdown ul { 
      list-style: none;
      z-index: 2000;
   }
   
   #standardmenu-dropdown, #standardmenu-dropdown * { 
      padding: 0; 
      margin: 0; 
   }
   
   /* Head hyperlinks */
   #standardmenu-dropdown li.headlink {    
      float: left; 
      color: #0048aa;
      text-decoration: none;
      text-align: center;    
   }

   #standardmenu-dropdown li.headlink a {
      display: block;
      padding: 10px;      
      padding-bottom: 14px;
      color: #0048aa;
      overflow: auto;
   }
   
   #standardmenu-dropdown li.headlink a:hover { 
      background-color: #2F65AD; 
      color: white;  
   }

   
   
   /* Standard Menu - Submenu */
   
   /* ???? */
   #standardmenu-dropdown li.headlink .menueheadline { 
      margin-top: 3px;  
   } 
   
   
   #standardmenu-dropdown li.headlink ul.submenue { 
     /*  min-height: 100px; */
      /* height: 100px; */
      width: 305px; 
      position: absolute;
      
      background-color: white;
      text-align: left; 
      border: 1px solid #2F65AD;
      line-height: 12px;
      /* display: none; */
      /* z-index: 100; */
      
   }
   
   #standardmenu-dropdown li.headlink:hover ul.submenue { 
      display: block;
      padding-bottom: 6px;
   }
   
   #standardmenu-dropdown li.headlink ul.submenue li {
      display: block;
      overflow: auto;
   }
   
   #standardmenu-dropdown li.headlink ul.submenue li a { 
      padding: 5px;  
      padding-left: 10px;
      color: #666666;     
   }
   
   #standardmenu-dropdown li.headlink ul.submenue li a:hover { 
      color: white; 
   }
   
   
   .standardmenuitem_active {
      background-image: url(../gfx/standardmenu_arrow.gif); 
      background-position: 50% 26px; 
      background-repeat: no-repeat;
   }

   
   #startpage_animation {
      position: relative;      
   }
   
   #content-standardmenu #searchboxform {
      position: relative;
   }


   #content-standardmenu #searchfield {
      position: absolute;
      right: 16px;
      top: 7px;
      
      width: 77px;
      height: 18px;
      
      background-image: url('../gfx/searchfield.gif');
      background-position: right top;
      background-repeat: no-repeat;
      border: 0;
      overflow: hidden;
      
      text-decoration: none;
      
      padding-left: 20px;
      padding-right: 21px;
      background-color:#F9F9F9;
      
      font-family: Verdana;
      line-height: 12px;
      font-size: 11px;
      
   }


   

   /* ------------- Content ------------- */

   #content {   
      width: 899px;   
      /* margin-top: 16px; */
      margin-left: 16px;
      margin-right: 16px;   
      clear:both;
      position: relative;
   }

   #content-insight-scroll {
     width: 899px;  
     /* border: solid 4px red;  */
     overflow: hidden;
     position: relative;
   }

   #content-insight-holder {
     width: 1900px;
     position: relative; 
     background-image: url(../gfx/insight_area_loading.png);
     background-repeat: repeat-x;
     background-position: top left;
     overflow: hidden;
    /* border: 1px solid blue; */    
   }

   .content-insight-item {
      width: 890px;
      /* padding-right: 50px; */
      margin: 0;
      padding: 0;
      margin-left: 4px;
      margin-right: 4px;
      float: left;
      position: relative;
   }

   #content-contentboxes {
      /* old boxes */
   }
   
   #content-standard-normal {
     /* margin-left: 4px;
      margin-right: 4px; */
      margin:0;
      padding:0;
   }
   
   /* ------ Insight Boxes ------ */
   

   #content-insightboxes {
      /*height: 200px; */
      margin-top: 16px;
      /* margin-left: 16px;*/ 
      display: block;
   }
   
   .insight_box {
      float: left;
      /* Bug fix for Safari and jQuery fadeOut: only use float together with position:relative; */
      position: relative;
      
      width: 273px;
      height:  150px;
      margin-left: 20px;
      background-image: url('../gfx/insight_boxes_single.png');
      background-repeat: no-repeat;
      overflow: hidden;
      display: block;
      opacity: 0.5;
      
   }
   
   
   .insight_box:hover {
      opacity: 1;
   }
   
   
   .insight_box .box_content_container {
      position: absolute;
      width: 273px;
      height: 150px;
      background-image: url('../gfx/insight_boxes_corners.png');
   }
   
   
      
   .insight_box h1 {
      font-size: 12px;
      margin: 0px;
      padding: 6px;
   }
   
   .insight_box h2 {
      font-size: 12px;
      padding: 6px;
   }
   
   .insight_box h3 {
      font-size: 10px;
      margin: 0px;
      padding: 6px;
   }
   
   .insight_box p {
      margin: 0px;
      padding-left: 6px;  
      padding-right: 6px;
      margin-bottom: 6px;
   }
   
   
   /* InsightBoxes custom classes */
   
   .insight_box .normaltext {
      padding-left: 5px;
      padding-top: 5px;
      width: 268px;
      height: 145px;
   }
   
   .insight_box .normaltext p {
      font-size: 10px;
      line-height: 13px;
      color: #333;
   }
   
   
   
   
   .insight_box .bluetext {
      color: #0048aa;
      padding-top: 10px;
      padding-left: 10px;
      height: 110px;
      width: 260px;
      font-size: 11px; 
      line-height: 15px;
   }
   
   .insight_box .bluetext h1 {
      color: #0048aa;
      margin-bottom: 0px;
   }
   
   #content-insightboxes .insight_box .bluetext h2 {
      margin-top: 0px;
      font-size: 16px;
      line-height: 20px;
      font-weight: normal;
      color: #0048aa;
      margin-bottom: 0px;
   }
   
   .insight_box .bluetext h3 {
      color: #0048aa;
      margin-bottom: 0px;
   }
   
   .insight_box .bluetext p {
      color: #0048aa;
      font-size: 11px; 
      line-height: 15px;
      margin-top: 0px;
      margin-bottom: 6px;
   }
   
   .insight_box .bluetext a {
      color: #0048aa;
      font-weight: normal;
      text-decoration: underline;
   }
   

   
/*   
#claim {
   position: absolute;
   top: 168px;
   left: 428px;
}

#white_glow {
   position: absolute;
   top: 144px; 
   right: 0px;
}

#feature_image {
   position: absolute;
}

#feature_html {
   display: block;
   position: absolute;
   top: 0px;
   left: 0px;
}

.claimtext {
   position: absolute;
}

.claimtext h2 {
   font-style: italic;
   font-size: 17px;
   line-height: 24px;
}
*/
   /* --------- Loading Image    ------- */
   #page_loading {
         position: absolute;
         z-index: 1000;
         top: 25%;
         left: 50%;
   }




   /* ------ special CMS elements ------ */

   .hint_notlive_border {
      border: 1px dashed red;
   }
   


   /* ------------- Footer ------------- */
   
   #content-standard-footer {
      display: none;
      position: absolute;
      clear: both;
      bottom: 0px;
      right: 15px;   
      padding-right: 15px;
      height: 20px;
   }
   
   #content-standard-footer p {
      margin-left: 170px;
      width: 180px;
      position: relative;  
      color: #999999;
      line-height: 16px;
      padding-bottom: 6px;   
   }
   
   #content-standard-footer p a {
      color: #999999;
      text-decoration: none;
   }
   
   #content-standard-footer img {
      position: relative;
      top: 3px;
   }
   
   #foot {
      /*
      width:932px;
      height: 118px;
      background-image: url(../gfx/page_bottom.jpg);
      border-bottom: 1px solid #FFC066;
      */
   }
   
   

   /* ------------- Lightboxes, Pseudo Windows ------------- */

   /* Test for jquery tools */
   /* the overlayed element */
   .simple_overlay {
      /* must be initially hidden */
      display:none;
      /* place overlay on top of other elements */
      z-index:10000;
      /* styling */
      background-color:#333;
      
      border:1px solid #666;
      clear:both;
      /* CSS3 styling for latest browsers */
      -moz-box-shadow:0 0 90px 5px #000;
      -webkit-box-shadow: 0 0 90px #000;	
   }
   
   /* close button positioned on upper right corner */
   .simple_overlay .close {
      background-image:url(../img/overlay/close.png);
      position:absolute;
      right:-15px;
      top:-15px;
      cursor:pointer;
      height:35px;
      width:35px;
   }
   
   div.apple_overlay.black { 
       background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);         
       color:#DFDFDF; 
   }