@charset "utf-8";
/* CSS Document */

/******************************
 Autor:    Daniel Schade (ds@innascor.com)
 Date:     04.09.2013
 Version:  1.1
******************************/


/**NAVIGATIONEN**********************************/

/**Mainnavigation*******************/


#targetaudiencenavigation {
          width:100%;
          position:relative;
                                              
}

#targetaudiencenavigation ul.inline li a {
          text-decoration:none;
          color:#fff;
          margin-right:1px;
          padding-right:8px;
          float:left;
          background-repeat:no-repeat;
          background-position: right top;
          display:inline;
          line-height:1.7em;
          border-bottom:1px solid #fff;
}

#targetaudiencenavigation ul li a span {
          width:14.91em;
          float:left;
          padding:11px 0 4px 0;
          cursor:pointer;
          background-repeat:repeat-x;
          background-position: left top;
}

.fontsize #targetaudiencenavigation ul li a span {
    width: 13.1em;
}


/**Orange**************/

#targetaudiencenavigation ul.inline li#orange a {
          background-image:url(../img/mainnavi_bg_orange_edge.gif);
          background-color:#FF7A00;
}

#targetaudiencenavigation ul li#orange a span { background-image: url(../img/mainnavi_bg_orange.gif); }

#targetaudiencenavigation ul li#orange a:hover, #targetaudiencenavigation ul li#orange a:hover span, #targetaudiencenavigation ul li#orange a.active span, #targetaudiencenavigation ul li#orange a.active { background-position:100% -107px; }

#targetaudiencenavigation ul li#orange a.active span, #targetaudiencenavigation ul li#orange a.active { font-weight:bold; }

#targetaudiencenavigation ul li#orange a.active { border-bottom:1px solid #FF7A00; }

/**Darkblue**************/

#targetaudiencenavigation ul.inline li#darkblue a {
          background-image: url(../img/mainnavi_bg_dunkel_blau_edge.gif);
          background-color:#00457A;
}

#targetaudiencenavigation ul li#darkblue a span { background-image: url(../img/mainnavi_bg_dunkel_blau.gif); }

#targetaudiencenavigation ul li#darkblue a:hover, #targetaudiencenavigation ul li#darkblue a:hover span, #targetaudiencenavigation ul li#darkblue a.active span, #targetaudiencenavigation ul li#darkblue a.active { background-position:100% -107px; }

#targetaudiencenavigation ul li#darkblue a.active span, #targetaudiencenavigation ul li#darkblue a.active { font-weight:bold; }

#targetaudiencenavigation ul li#darkblue a.active { border-bottom:1px solid #00457A; }

/**Turkis**************/

#targetaudiencenavigation ul.inline li#turkis a {
          background-image: url(../img/mainnavi_bg_turkis_edge.gif);
          background-color:#00868D;
}

#targetaudiencenavigation ul li#turkis a span { background-image: url(../img/mainnavi_bg_turkis.gif); }

#targetaudiencenavigation ul li#turkis a:hover, #targetaudiencenavigation ul li#turkis a:hover span, #targetaudiencenavigation ul li#turkis a.active span, #targetaudiencenavigation ul li#turkis a.active { background-position:100% -107px; }

#targetaudiencenavigation ul li#turkis a.active span, #targetaudiencenavigation ul li#turkis a.active { font-weight:bold; }

#targetaudiencenavigation ul li#turkis a.active { border-bottom:1px solid #00868D; }

/**Red**************/

#targetaudiencenavigation ul.inline li#red a {
          background-image: url(../img/mainnavi_bg_red_edge.gif);
          background-color:#DB463D;
}

#targetaudiencenavigation ul li#red a span { background-image: url(../img/mainnavi_bg_red.gif); }

#targetaudiencenavigation ul li#red a:hover, #targetaudiencenavigation ul li#red a:hover span, #targetaudiencenavigation ul li#red a.active span, #targetaudiencenavigation ul li#red a.active { background-position:100% -107px; }

#targetaudiencenavigation ul li#red a.active span, #targetaudiencenavigation ul li#red a.active { font-weight:bold; }

#targetaudiencenavigation ul li#red a.active { border-bottom:1px solid #DB463D; }

/**Lightblue**************/

#targetaudiencenavigation ul.inline li#lightblue a {
          background-image: url(../img/mainnavi_bg_light_blue_edge.gif);
          background-color:#71A9D6;
}

#targetaudiencenavigation ul li#lightblue a span { background-image: url(../img/mainnavi_bg_light_blue.gif); }

#targetaudiencenavigation ul li#lightblue a:hover, #targetaudiencenavigation ul li#lightblue a:hover span, #targetaudiencenavigation ul li#lightblue a.active span, #targetaudiencenavigation ul li#lightblue a.active { background-position:100% -107px; }

#targetaudiencenavigation ul li#lightblue a.active span, #targetaudiencenavigation ul li#lightblue a.active { font-weight:bold; }

#targetaudiencenavigation ul li#lightblue a.active { border-bottom:1px solid #71A9D6; }



/**Servicenavigation*******************/


#servicenavigation {
            background:transparent url(../img/edge_top_start.gif) left bottom no-repeat;
          font-size:0.9em;
                                                  padding-bottom:10px;
          
}
#servicenavigation ul { width:500px; }

#servicenavigation ul li { color:#666; }

#servicenavigation ul li a {
          color:#666;
          text-decoration:none;
          padding:0 32px 0 10px;
}

#servicenavigation ul li a:hover { text-decoration:underline; }


/**Contrast**********/

#servicenavigation ul li#contrast { padding:0 0 0 16px; }

#servicenavigation ul li#contrast a {
          margin:4px 0 0 0;
          width:13px;
          float:left;
          padding:0;
}

#servicenavigation ul li#contrast span {
          padding:0;
          width:4.5em;
          float:left;
}

#servicenavigation ul li#contrast a:hover { outline:1px solid #00787C; }

/**Fontsize**********/

#servicenavigation ul li#fontsize { padding:0 0 0 16px; }

#servicenavigation ul li#fontsize a {
          margin:2px 0 0 0;
          padding:0;
          width:13px;
          float:left;
}

#servicenavigation ul li#fontsize span {
          padding:0;
          width:3.5em;
          float:left;
}

li#fontsize a:hover { outline:1px solid #00787C; }

/**Sitemap**********/

#servicenavigation ul li#sitemap a {
  background:transparent url(../img/icon_sitemap.png) 100% 3px no-repeat;
  padding:0px 25px 0px 16px;
}

/**Intranet**********/

#servicenavigation ul li#intranet a {
  background:transparent url(../img/icon_intranet.png) 100% 2px no-repeat;
  padding:0px 25px 0px 16px;
}

/**International**********/

#servicenavigation ul li#international {
  padding-left: 5px;
}
#servicenavigation ul li#international a {
  padding:0 20px 0 0px;
  background:transparent url(../img/int_flag_en_mini.png) 100% 2px no-repeat;
}

/**THEMENNAVIGATION*******************/


/**First Levels********/

#thematicnavigation {
          position:relative;
          z-index:1;
          height:100%;
          margin-bottom:30px;
}

#thematicnavigation ul.inline li a {
          text-decoration:none;
          color:#333;
          padding-right:8px;
          float:left;
          background:url(../img/servicenavigation_bg_edge.gif) right top no-repeat;
          border-bottom:1px solid #ccc;
}

#thematicnavigation ul li a span {
          width:6.4em;
          float:left;
          padding:7px 0 0 7px;
          cursor:pointer;
          background:url(../img/servicenavigation_bg.gif) left top no-repeat;
}

#thematicnavigation ul li a:hover, #thematicnavigation ul li a:hover span {
          background-position:100% -107px;
          color:#fff;
          background-color:#00787C;
}

#thematicnavigation ul li a.active span, #thematicnavigation ul li a.active {
          font-weight:bold;
          background-position:100% -107px;
          color:#fff;
          background-color:#00787C;
}

#thematicnavigation ul li a.active { border-bottom:1px solid #00787C; }