/* Navigation Style */
.navbar {min-height:36px; margin-bottom:0 !important;}
.headnavbar {position:absolute; z-index:999;top:0; background-color:transparent;}
#topnav { /*z-index:99999;position:relative;*/background:url(../img/bg_nav.png) transparent repeat-x 0 0;}
#mainnav { /*z-index:999;position:relative;*/min-height:100px;background:url(../img/bg_nav.png) transparent repeat-x 0 -36px; font-weight:600;}

.navbar .logo a img { max-height:inherit; max-width:inherit; }

#topnav.navbar ul li {height:36px;position:relative;}
#topnav.navbar ul li > a {font-size:11px; font-size:0.78571rem; height:36px; line-height:36px; padding:0 10px; border: none;}
#topnav.navbar ul li .dropdown ul li a:hover {background:transparent;}
.language-select {background:url(../img/icons_small.png) no-repeat right 17px;max-width:60px;}
.language-select .dropdown {max-width:130px !important;min-width:100px !important;margin-left:5px;}
.language-select .dropdown ul > li a {border:none; color:#F89A40; display:block; height:auto; line-height:36px !important; padding:0 !important; text-shadow:none;}
.language-select .dropdown ul > li a:hover {background-color:none;}
.language-select .dropdown ul > li {font-size:11px; font-size:0.78571rem; border-bottom:1px solid #CCCCCC; color:#CCC; display:block; height:45px; line-height:36px; padding:0 20px; text-shadow:none;}
.language-select .dropdown ul > li:hover {background-color:rgb(242, 242, 242);}
.language-select .dropdown ul > li.activ {color:#000;}
.navbar ul li > i.icon-down-open-mini {z-index:99999;display:none !important;}

#mainnav.navbar ul {display: block;}
#mainnav.navbar ul ul { width: 100%; }
#mainnav.navbar ul li { height:56px; padding:18px 0; display:inline-block; margin: 0;}
#mainnav.navbar ul li > a {font-size:20px; color:#00278a; padding: 0 22px 0 23px; border-left:1px solid #fff; font-weight:600; height:56px; line-height:56px; text-transform: uppercase;}
.gumby-no-touch .navbar ul li:hover > a, .gumby-touch .navbar ul li.active > a,
#mainnav.navbar ul li:hover > a, #mainnav.navbar ul li.active > a { color:#ff7e00; }
.gumby-no-touch #mainnav.navbar ul li:hover a { background: #f9faff; background: rgba(249,250,255,1); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.gumby-no-touch #mainnav.navbar ul li:hover li a { -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
#mainnav.navbar ul li.first > a {border:none;}
/* 2. Ebene - Layer */
#mainnav.navbar ul li ul li {height:inherit;padding:0;}
#mainnav.navbar ul li ul li > a {border:none;border-bottom:1px solid #ecedf5;border-top:1px solid #fff;font-size:14px;height:42px;line-height:42px;font-weight:400;text-transform: none; }
#mainnav.navbar ul li ul li:first-child > a {border-top:none; }
#mainnav.navbar ul li .dropdown {max-width:280px; background: rgba(249,250,255,.5); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; border-left:1px solid white;}
#mainnav.navbar .dropdown em { position:absolute;right:0;}
.gumby-no-touch #mainnav.navbar .dropdown.offset .dropdown { margin-left: -550px !important; }

@media only screen and (max-width: 768px) { 
/* ---------------------------------------------------- */

#topnav.navbar ul { display: table; height: 36px; max-height: 36px; top: 0; left: 0; background: none; padding: 0 10px !important; margin: 0 !important; }
#topnav.navbar ul.active { height: 36px; max-height: auto; } 
#topnav.navbar ul li { display: table-cell; text-align: left; padding-bottom: 0; margin: 0; height: 36px; line-height: 36px; min-height: 36px; max-height: 36px; width: auto; }
#topnav.navbar ul li.home {max-width:30px;}
#topnav.navbar ul li.home > A {padding-left:0;}
#topnav.navbar ul li > a { padding:0 10px;}

#topnav.navbar ul li.language-select .dropdown { border-bottom: none; width: 100%; /*left: -28px !important;*/ }
#topnav.navbar ul li.language-select .dropdown ul {padding:0 !important;}
#topnav.navbar ul li.language-select .dropdown ul > li {width:100%;display:block;border-bottom:1px solid #CCCCCC;max-width: 320px;word-wrap: normal;}
.navbar ul li > i.icon-down-open-mini {display:block !important;}
/*
#topnav.navbar ul li .dropdown ul { position: relative; display: block; left: 0; top: 0; background: rgba(8,51,151,1) !important; min-height: 36px; max-height: 450px; height: auto; overflow: auto; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; box-shadow: none !important; }
#topnav.navbar ul li .dropdown ul li { display: block !important; width: 100%; min-height: 36px; border-bottom: 1px solid white !important; }
*/
.headnavbar {z-index:auto;}
#topnav { z-index:99999;position:relative;}
#mainnav { z-index:999;position:relative;}
/* ---------------------------------------------------- */
}
@media only screen and (max-width: 320px) { 
#topnav.navbar ul li.top_login {display:none;}
}

.navbar .logo { width: 100%; height:92px; line-height:90px; }
.navbar .logo a { height:80px; line-height:inherit; padding:15px 0 0 0px; }
.navbar .logo a img { max-height:100%;}
.fixed .logo img { width: 107px; }

.sitemap UL {display: table;float: none;margin: 0;padding:0;vertical-align: middle;text-align:left; width: 100%;}
.sitemap LI {display: table-cell;float: none;line-height: 100%;margin: 0;border-left:1px solid #ccc;border-right:1px solid #fff;padding:0 17px 0 17px;}
.sitemap LI.first {border-left:none;padding-left:0;}
.sitemap LI.last {border-right:none;padding-right:0;}
.sitemap LI A {text-transform:uppercase;color:#00278A;padding-bottom:30px;display:block;float: none;}
.sitemap LI A:hover {color:#ff7e00;}
.sitemap LI UL LI {margin-bottom:3px;padding: 4px 0;}
.sitemap LI UL LI A {text-transform:inherit;font-size:12px;line-height:140%;color:#6d6d6d;padding-bottom:0;}
.sitemap UL LI UL, .footer UL LI UL LI {display:block;line-height:130%;border:none;}

.footnav {color:#00278A;font-size:12px;}
.footnav A {color:#00278A;}
.footnav A:hover {color:#ff7e00;}
.footnav LI {display:inline-block;padding-left:10px;}
.footnav LI.first {padding-left:0;}

@media only screen and (max-width: 480px) { 
.three .footnav { background: #00278A; padding: 5px;}
.three .footnav A { color: white;}
.three .footnav LI, .three .footnav LI.first { padding: 0 10px;}

.nine .footnav { float: left ; }
}



.pagecontrol {position:absolute;left:50%;margin-left:-21px;top:-21px;height:43px;width:43px;background:url(../img/bg_pagecontrols.png) no-repeat center 0px;text-indent:-999px;overflow:hidden;z-index:9;}
.main-content .pagecontrol {background-position: center -43px;}



@media only screen and (max-width: 1024px) { 
  #mainnav.navbar ul li > a { font-size: 18px; padding: 0 18px 0 19px; }
}

@media only screen and (max-width: 880px) { 
  #mainnav.navbar ul li > a { font-size: 18px; padding: 0 10px 0 11px; }
}


@media only screen and (max-width: 768px) { 
.sitemap LI {display: block; border:none;padding:0 15px 0 15px;}
}

@media only screen and (max-width: 768px) { 
  .navbar a.toggle { top: 11%; right: 2%; color: #00278a; background: none; font-size: 40px; font-size:2.5rem; }
  .navbar a.toggle:hover { background: none; }
  .navbar a.toggle:active, .navbar a.toggle.active { background: none; color: #00278a; } 
  
  .sitemap UL { margin: 0 0 25px 0 !important; display: none;}
  .sitemap LI UL { padding-top: 10px !important; border-top: 1px solid #f5f5f9 !important; } 
  .sitemap LI A { padding-bottom: 10px !important; border-bottom: 1px solid #cfcfd3; }
  .sitemap LI LI A { border-bottom: none;}
  
  #mainnav.navbar { height:auto !important; }
  #mainnav.navbar ul { background: rgba(8,51,151,1) !important; margin-top: 25px; padding: 0 20px; height:auto !important; }
  #mainnav.navbar ul li { height:auto !important; padding: 0; margin: 0; }
  #mainnav.navbar ul li > a {font-size:16px; padding: 10px 0; color: white; text-align: left; margin: 0; border-left: none; border-top:1px solid #516997; border-bottom:none; font-weight:400; height:auto; line-height:32px;}
  #mainnav.navbar ul ul { margin-top: 0; padding: 20px 0 0 0; }
  #mainnav.navbar ul li ul li > a {border:none; }
  
  #mainnav.navbar ul li .dropdown {border-left:none;}
  /*#mainnav.navbar ul li.hover .dropdown, .navbar ul li.active .dropdown, .navbar ul li.active .dropdown ul { background: rgba(8,51,151,1) !important; }*/
  #mainnav.navbar li, .navbar li .dropdown ul { background: rgba(8,51,151,1); }
  /*#mainnav.navbar li .dropdown ul > li .dropdown { display: none; background: rgba(8,51,151,1); }*/
  #mainnav.navbar li:hover .dropdown ul li { border: none; margin: 0 !important; padding: 0 !important; }
    #mainnav.navbar li:hover .dropdown ul li a { padding: 0; margin: 0; background: rgba(8,51,151,1); padding-left: 20px !important; border-bottom:1px solid #516997; }
    
    
    #mainnav.navbar li .dropdown ul { border-top: 1px solid #516997; }
    #mainnav.navbar li .dropdown ul > li a { border-bottom: 1px solid #516997 !important; }
  #mainnav.navbar li .dropdown ul > li a:hover { background: rgba(8,51,151,1) !important; }
    #mainnav.navbar li .dropdown ul > li:last-child > a { border-bottom: none !important; }
    .gumby-no-touch #mainnav.navbar ul li:hover a { background: none; }
    
    #mainnav.navbar li:hover .dropdown ul li .dropdown ul li a { padding-left: 40px !important; }
    
    .gumby-no-touch #mainnav.navbar ul li:hover .dropdown ul { max-height: 520px; } 
  
.gumby-touch .language-select {background:none;}
.gumby-touch .navbar i.icon-down-open-mini {position:absolute;top:0;right:6px;padding:0 10px;font-size:22px;z-index:1001;color:white;width: 100%;text-align: right; padding:0;}
.gumby-touch .navbar ul.mainnav li {padding-right:50px;}
.gumby-touch .navbar ul.active li.active .dropdown ul li a {line-height:42px !important;min-height:40px !important;}
.gumby-touch .navbar li .dropdown ul > li {padding:0 50px 0 15px;min-height:40px !important;line-height:40px !important;}
.gumby-touch .navbar > ul.mainnav > li:hover > a {color:#003370;}
/*.gumby-touch li.active i.icon-down-open-mini:before { content: "\e760"; color:#ff7e00;} 
.gumby-touch li.active li i.icon-down-open-mini:before { content: "\229e";color:white; } 
.gumby-touch li.active li.active i.icon-down-open-mini:before { content: "\e760";color:#ff7e00; }
*/
.gumby-no-touch .navbar li .dropdown ul > li:hover .dropdown, .gumby-touch .navbar li .dropdown ul > li.active .dropdown {position:relative;left:auto;top:auto;}
#mainnav.navbar li .dropdown ul .dropdown ul > li:last-child > a {border-bottom: 1px solid #516997 !important;}
#mainnav.navbar li .dropdown ul .dropdown ul {border-top:0;}
.navbar a.toggle:hover {color:#00278A !important;}
}



/* SUB NAV 
======================================================= */

.subnav { width: 86.5%; margin: 0 0 15px 0; padding: 0; }
.subnav li, .subnav dt, .subnav dd { float: none; display: block; margin: 0; padding: 0; border-bottom: 1px solid #f5f5f9; }
.subnav li.hassub {border-bottom:none;}
/*.subnav li.active { border-bottom: none; }*/
.subnav li:first-child, .subnav dt:first-child, .subnav dd:first-child { margin-left: 0; }
.subnav dt { color: #999; font-weight: normal; }
.subnav li a, .subnav dd a { width: 100%; display: block; color: #13248c; font-size: 14px; padding: 10px 0; border-bottom: 1px solid #cfcfd3; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.subnav li.active a, .subnav dd.active a { color: #ff7e00; background: none; padding: 10px 0; text-shadow: none; }

ul.submenu ul { margin: 0 !important; padding-left: 15px !important; border-top: 1px solid #f5f5f9; }
.subnav li.active li a { color: #13248c; }
.subnav li.active li.active > a { color: #ff7e00; }
.subnav li a:hover { color: #ff7e00 !important; }

/*.subnav li li:last-child, .subnav li  li li:last-child, .subnav li  li li:last-child a { border: none; }*/



@media only screen and (max-width: 1024px) { 

}

@media only screen and (max-width: 768px) { 
  /*.subnav { width: 160px; }*/
  #mainnav.navbar ul li .dropdown {max-width:100%;}
  .navbar li .dropdown ul > li {max-width:100%;}
  .navbar ul li.active .dropdown {border-bottom:0;}
  .navbar ul li.active .dropdown ul {max-height:350px;}
  .navbar ul li.active .dropdown ul li a {color:#ff7e00 !important;}
  #mainnav.navbar ul ul {padding-top:0;}
  .gumby-touch #mainnav.navbar ul li ul li em {display:none;}
}

@media only screen and (max-width: 767px) { 
  .subnav { display: none; }
}

@media only screen and (max-width: 1024px) {
  #teasernav {margin-top:0;}
}

@media only screen and (max-width: 768px) {
  .path-content { padding: 0 20px; }
}





/* MeanMenu 2.0.6 */

/* hide the link until viewport size is reached */
a.meanmenu-reveal {
  display: none;
}
/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
  width: 100%;position: absolute;top:128px;background: transparent;padding: 0;z-index: 9999;
}
.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: -70px;
  right: 5px;
  cursor: pointer;
  color: #00278A;
  text-decoration: none;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-weight:700;
}
.mean-container a.meanmenu-reveal span {
  display: block;background: #00278A;height: 3px;margin-top: 3px;
}
.mean-container .mean-nav {
  width: 100%;float:left;margin-top: 0;background:#00278A;background: none repeat scroll 0 0 #003370;
}
.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}
.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
  padding:0;
}
.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
  color: #fff;
  border-top: 1px solid #383838;
  border-top: 1px solid rgba(255,255,255,0.5);
  text-decoration: none;
  text-transform: uppercase;
}
.mean-container .mean-nav ul li em {display:none;}

.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 1em 10%;
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255,255,255,0.25);
  opacity: 0.75;
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
  text-transform:none;
}
.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 15%;
}
.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 20%;
}
.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 25%;
}
.mean-container .mean-nav ul li a:hover {
  background: #252525;
  background: rgba(255,255,255,0.1);
}
.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 24px;
  height: 24px;
  padding: 12px !important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(255,255,255,0.1);
  border: none !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background: #ff7e00;
}
.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}
.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}
/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.mean-remove {
  display: none !important;
}


UL.browsebox LI {margin:0 3px 0 0;}
UL.browsebox LI A {
    padding: 6px;
    background: #f8f8f8;
    border: 1px solid white;
    box-shadow: 0px 0px 1px #999;
    margin: 2px;
    color: #646464;
  font-size:12px;
}

UL.browsebox LI STRONG A {
    font-weight:bold;
    background: #f4f4f4;
    border: 1px solid #ededed;
    box-shadow: inset 0px 0px 10px #bebebe;
    padding: 6px;
    display: inline-block;
    margin: 10px 2px 20px;
}