/*
 * navigation.css
 * 
 * @author kpaul, bluforce
 * @date 2012-08-13
 */



#navbox #main,
#navbox #metabox {
  float: right;
}

/* Metanav */
#wrap > header nav#meta {
  width: auto;
}
#wrap > header nav#meta:after,
#navbox .tx-macinasearchbox-pi1:after {
  content: '.';
  visibility: hidden;
  display: block;
  float: none;
  clear: both;
  width: 100%;
  height: 1px;
}
#wrap > header nav#meta ul {
  padding: 16px 0px 16px 15px;
  float: none;
  position: static;
  top: 0;
}
#wrap > header nav#meta ul li {
  padding-top: 0;
  padding-bottom: 0;
}
#wrap > header nav#meta ul a {
  color: #8b8b8c;
}


/* MAINNAV - Ebene 1 */
#wrap > header nav#main {
  width: 710px;
}
#wrap > header nav#main ul {
  border: 1px solid #d8d8d8;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  
  -webkit-box-shadow: 0px 1px 0px 0px #e6e6e6;
  box-shadow: 0px 1px 0px 0px #e6e6e6;
  
  background-color: #EDEDED;
  
}
#wrap > header nav#main > ul > li {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#EBEBEB');
  background-image: linear-gradient(bottom, #ebebeb, #f6f6f6);
  background-image: -o-linear-gradient(bottom, #ebebeb, #f6f6f6);
  /*background: -moz-linear-gradient(top, #ebebeb, #f6f6f6);*/
  background-image: -moz-linear-gradient(bottom, #ebebeb, #f6f6f6);
  background-image: -webkit-linear-gradient(bottom, #ebebeb, #f6f6f6);
  background-image: -ms-linear-gradient(bottom, #ebebeb, #f6f6f6);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(#ebebeb),
    color-stop(#f6f6f6)
  );
}
#wrap > header nav#main ul li {
  border-right: 1px solid #d8d8d8;
  width: auto;
  padding: 13px 13px;
  text-align: center;
  position: relative;
  top: 0;
  left: 0;
}
#wrap > header nav#main > ul > li.first {
  width: 36px;
  padding: 0px;
}
#wrap > header nav#main > ul > li.last {
  border-right: none;
}
#wrap > header nav#main > ul > li.aktiv,
#wrap > header nav#main > ul > li:hover {
  background-color: #F7F7F7;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EBEBEB', endColorstr='#FAFAFA');
  background-image: linear-gradient(bottom, #fafafa, #ebebeb);
  background-image: -o-linear-gradient(bottom, #fafafa, #ebebeb);
  background-image: -moz-linear-gradient(bottom, #fafafa, #ebebeb);
  background-image: -webkit-linear-gradient(bottom, #fafafa, #ebebeb);
  background-image: -ms-linear-gradient(bottom, #fafafa, #ebebeb);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    colorstop(#fafafa),
    colorstop(#ebebeb)
  );
  
  -webkit-box-shadow: inset 0px 1px 0px 0px #f2f2f2;
  box-shadow: inset 0px 1px 0px 0px #f2f2f2;
  
  -webkit-transition: background-image .2s;  
  -moz-transition: background-image .2s;  
  -o-transition: background-image .2s;  
  -ms-transition: background-image .2s;  
  transition: background-image .2s;
}
#wrap > header nav#main > ul > li.first.aktiv {
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#EBEBEB');
  background-image: linear-gradient(bottom, #ebebeb, #f6f6f6);
  background-image: -o-linear-gradient(bottom, #ebebeb, #f6f6f6);
  background-image: -moz-linear-gradient(bottom, #ebebeb, #f6f6f6);
  background-image: -webkit-linear-gradient(bottom, #ebebeb, #f6f6f6);
  background-image: -ms-linear-gradient(bottom, #ebebeb, #f6f6f6);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(#ebebeb),
    color-stop(#f6f6f6)
  );
}
#wrap > header nav#main ul li a {
  color: #656565;
  padding: 0px;
  text-align: center;
}
#wrap > header nav#main ul li.aktiv a,
#wrap > header nav#main ul li:hover a {
  color: #8c1032;
}
#wrap > header nav#main > ul > li.first a {
  color: transparent;
  background: transparent url('/fileadmin/templates/img/sprite_1.png') no-repeat -1px -33px;
  line-height: 36px;
}
#wrap > header nav#main > ul > li.first a span {
  visibility: hidden;
}
#wrap > header nav#main ul li.pid_2 a {
  background: transparent url('/fileadmin/templates/img/sprite_1.png') no-repeat -1px -33px !important;
}
#wrap > header nav#main ul li.first #aktiv {
  background: none;
}

/* MAINNAV - Ebene 2 */
#wrap > header nav#main li ul {
  float: left;
  opacity: 0;
  position: absolute;
    top: 37px;
  left: -1px;
  width: 210px;
  background-image: none;
  border: 1px solid #cfcfcf;
  visibility: hidden;
}
#wrap > header nav#main li:hover ul {
  background-image: none;
    background-color: rgba(239, 239, 239, 0.9);
    -webkit-box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 1px 1px 1px 0px rgba(0, 0, 0, 0.15); 
    display: inline;
    /*z-index: 1000;*/
    padding: 10px 0px;
    opacity: 1;
  visibility: visible;
  margin: 0px;
  padding: 0px;
  
    -webkit-transition: opacity .2s ease-in-out;
  -moz-transition: opacity .2s ease-in-out;
  -o-transition: opacity .2s ease-in-out;
  -ms-transition: opacity .2s ease-in-out;
  transition: opacity .2s ease-in-out;
  
  -webkit-border-top-right-radius: 0px;
  -webkit-border-top-left-radius: 0px;
  -moz-border-radius-topright: 0px;
  -moz-border-radius-topleft: 0px;
  border-top-right-radius: 0px;
  border-top-left-radius: 0px;
}
#wrap > header nav#main li ul li {
  border: none;
  width: 210px;
  padding: 0px;
}
#wrap > header nav#main li ul li:hover,
#wrap > header nav#main li ul li.aktiv {
  background: rgba(209, 209, 209, 0.25);
  
  -webkit-box-shadow: none;
  box-shadow: none;
}
#wrap > header nav#main li ul li a,
#wrap > header nav#main li:hover ul li a {
  color: #656565;
  display: block;
  text-align: left;
  line-height: 14px;
  width: 190px;
  padding: 10px;
}
#wrap > header nav#main li ul li:hover a,
#wrap > header nav#main li ul li.aktiv a {
  color: #8c1032;
}

/* BREADCRUMBS */
#rootline {
    margin: 0 0 10px;
    padding: 0;
    font-size: 1.1em;
    position: relative;
    z-index: 1;
}
#rootline ul {
  list-style-type:none;
  margin:0;
  padding:0;
}
#rootline ul li {
    background: transparent url('/fileadmin/templates/img/sprite_2.png') no-repeat -10px -8px;
    display: inline;
    font-size: 0.8em;
    margin-left: 0;
    padding: 0 1.3em 0 1em;
}
#rootline ul li.first {
  background: 0;
  padding:0;
    padding-right:1em;
  /*display: none;*/
}
#rootline ul li a {
  font-weight: normal;
  text-decoration: none;
  color: #5a5a5a;
}
#rootline ul li.last {
  color: #850f30;
}
#roothome {
    float: left;
    padding-right: 1em;
    font-size: 1.1em;
}

/* TABMENU */
#contentbox .inside ul.tabmenu {
  border-bottom: 1px solid #e3e3e3;
  padding-left: 4px;
  margin-left: -4px;
  margin-bottom: 10px;
    clear:both;
    height: 35px;
}
#contentbox .inside ul.tabmenu li {
  list-style: none;
  float:left;
  border: 1px solid #d3d3d3;
  border-bottom: none;
  margin: 0px 4px 0px 0px;
  padding: 7px 2%;
  
  background-color: #F5F5F5;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ececec');
  background-image: linear-gradient(bottom, #ececec, #ffffff);
  background-image: -o-linear-gradient(bottom, #ececec, #ffffff);
  background-image: -moz-linear-gradient(bottom, #ececec, #ffffff);
  background-image: -webkit-linear-gradient(bottom, #ececec, #ffffff);
  background-image: -ms-linear-gradient(bottom, #ececec, #ffffff);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(#ececec),
    color-stop(#ffffff)
  );
}
#contentbox .inside ul.tabmenu li a {
  color: #626465;
  font-size: 1.1em;
  text-decoration: none;
  padding: 0;
  display: block;
  white-space: nowrap;
}
#contentbox .inside ul.tabmenu li.aktiv {
  background-color: #90091C;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94081a', endColorstr='#8d0a1d');
  background-image: linear-gradient(top, #94081a, #8d0a1d);
  background-image: -o-linear-gradient(top, #94081a, #8d0a1d);
  background-image: -moz-linear-gradient(top, #94081a, #8d0a1d);
  background-image: -webkit-linear-gradient(top, #94081a, #8d0a1d);
  background-image: -ms-linear-gradient(top, #94081a, #8d0a1d);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(#94081a),
    color-stop(#8d0a1d)
  );
}
#contentbox .inside ul.tabmenu li.aktiv a {
  color: #ffffff;
}


/* SUBNAV */
#wrap #subnavigation {
  padding: 0 0 0 3%;
  margin-top: 35px;
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
}
#wrap #subnavigation ul.submenu {
  -webkit-border-radius: 2px 5px 5px 2px;
  -moz-border-radius: 2px 5px 5px 2px;
  border-radius: 2px 5px 5px 2px;
  border: 1px solid #dddddd;
  
  background-color: #F3F3F3;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F6F6F6', endColorstr='#EBEBEB');
  background-image: linear-gradient(bottom, #ebebeb, #f6f6f6);
  background-image: -o-linear-gradient(bottom, #ebebeb, #f6f6f6);
  background-image: -moz-linear-gradient(bottom, #ebebeb, #f6f6f6);
  background-image: -webkit-linear-gradient(bottom, #ebebeb, #f6f6f6);
  background-image: -ms-linear-gradient(bottom, #ebebeb, #f6f6f6);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(#ebebeb),
    color-stop(#f6f6f6)
  );
}
#wrap #subnavigation li {
  list-style: none;
  padding: 0px;
  margin: 0px;
}
#wrap #subnavigation li,
#wrap #subnavigation a {
  color: #656565;
  font-size: 1.2em;
  line-height: 1.5em;
  font-weight: normal;
  text-decoration: none;
  float: none;
  display: block;
}
#wrap #subnavigation a {
  font-size: 1em;
}
#wrap #subnavigation li li,
#wrap #subnavigation li a {
  font-size: 1em;
}
/* SUBNAV - Ebene 1 */
#wrap #subnavigation li.level_1 {
  text-transform: uppercase;
  border-top: 1px solid rgba(250,250,250,0.5);
  border-bottom: 1px solid rgba(221, 221, 221, 0.8);
}

#wrap #subnavigation li.level_1.first {
  border-top: none;
}
#wrap #subnavigation li.level_1.first a {
  -webkit-border-radius: 2px 5px 0px 0px;
  -moz-border-radius: 2px 5px 0px 0px;
  border-radius: 2px 5px 0px 0px;
}
#wrap #subnavigation li.level_1.last {
  border-bottom: none;
}
#wrap #subnavigation li.level_1.last,
#wrap #subnavigation li.level_1.last a {
  -webkit-border-radius: 0px 0px 5px 2px;
  -moz-border-radius: 0px 0px 5px 2px;
  border-radius: 0px 0px 5px 2px;
}
#wrap #subnavigation li.level_1 a {
  border-top: 1px solid transparent;
  border-bottom: 1px solid transparent;
  line-height: 1.3em;
}
#wrap #subnavigation li.level_1.header,
#wrap #subnavigation li.level_1 a span {
  padding: 15px 18px 15px 38px;
  display: block;
}
#wrap #subnavigation li.level_1 a span {
  /*background: transparent url('/fileadmin/templates/img/link_icon_l1.png') no-repeat 11px -68px;*/
  background: transparent url('/fileadmin/templates/img/sprite_2_neu.png') no-repeat 1px -108px;
}


/* SUBNAV - Ebene 2 */
#wrap #subnavigation ul.level_2 {
  padding-bottom: 10px;
}
#wrap #subnavigation li.level_2.header,
#wrap #subnavigation li.level_2 a span {
  padding: 0px 18px 0px 58px;
}
#wrap #subnavigation li.level_2 a,
#wrap #subnavigation li.level_2.header {
  padding-top: 2px;
  padding-bottom: 2px;
}
#wrap #subnavigation li.level_2 a span {
  /*background: transparent url('/fileadmin/templates/img/link_icon_l2.png') no-repeat 38px -85px;*/
  background: transparent url('/fileadmin/templates/img/sprite_2_neu.png') no-repeat 28px -252px;
}

/* SUBNAV - Ebene 3 */
#wrap #subnavigation ul.level_3 {
  padding-bottom: 10px;
}
#wrap #subnavigation li.level_3.header,
#wrap #subnavigation li.level_3 a span {
  padding: 0px 18px 0px 76px;
}
#wrap #subnavigation li.level_3 a {
  padding-top: 4px;
  padding-bottom: 4px;
  line-height: 1em;
}
#wrap #subnavigation li.level_3 a span {
  /*background: transparent url('/fileadmin/templates/img/link_icon_l3.png') no-repeat 58px -88px;*/
  background: transparent url('/fileadmin/templates/img/sprite_2.png') no-repeat 48px -376px;
}

#wrap #subnavigation li.level_2,
#wrap #subnavigation li.level_3 {
  border: none;
}
#wrap #subnavigation li.level_1 ul.level_2 a,
#wrap #subnavigation li.level_1 ul.level_3 a {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#wrap #subnavigation li.level_2 a,
#wrap #subnavigation li.level_3 a,
#wrap #subnavigation li.level_2.header,
#wrap #subnavigation li.level_3.header {
  text-transform: none;
}
#wrap #subnavigation li.level_2.header,
#wrap #subnavigation li.level_3.header {
  text-transform: uppercase;
  font-style: italic;
  padding-top: 15px;
  opacity: 0.7;
}
#wrap #subnavigation li.level_2.header:first-child,
#wrap #subnavigation li.level_3.header:first-child {
  padding-top: 5px;
}

/* hover */
#wrap #subnavigation li a:hover,
#wrap #subnavigation li a.aktiv {
  color: #fafafa;
  /*border-top: 1px solid rgba(154, 154, 154, 1);
  border-bottom: 1px solid rgba(145, 145, 145, 1);*/
  
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #dcdcdc;
  
  -webkit-box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.15);
  
  background-color: #90091C;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#94081a', endColorstr='#8d0a1d');
  background-image: linear-gradient(top, #94081a, #8d0a1d);
  background-image: -o-linear-gradient(top, #94081a, #8d0a1d);
  background-image: -moz-linear-gradient(top, #94081a, #8d0a1d);
  background-image: -webkit-linear-gradient(top, #94081a, #8d0a1d);
  background-image: -ms-linear-gradient(top, #94081a, #8d0a1d);
  background-image: -webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(#94081a),
    color-stop(#8d0a1d)
  );
}
#wrap #subnavigation li.level_1 a:hover span,
#wrap #subnavigation li.level_1 a.aktiv span {
  background-position: 1px -23px;
}
#wrap #subnavigation li.level_2 a:hover span,
#wrap #subnavigation li.level_2 a.aktiv span {
  background-position: 28px -183px;
}
#wrap #subnavigation li.level_3 a:hover span,
#wrap #subnavigation li.level_3 a.aktiv span {
  background-position: 48px -283px;
}

/* Footer Nav */
footer .twothirds nav {
  padding-bottom: 10px;
}
footer .twothirds ul {
  float: none;
  min-height: 11px;
  border-bottom: 1px solid #555;
  padding-bottom: 11px;
}
footer .twothirds ul li {
  margin: 0;
  padding: 0 9px 0 0;
  /*float: left;*/
  display: inline-block;
}
footer .twothirds ul li a {
  line-height: 1em;
  text-transform: uppercase;
  padding: 0px 0px 0px 10px;
  background: transparent url('/fileadmin/templates/img/sprite_1.png') no-repeat -9px -897px;
  font-size: 0.6em;
  font-weight: normal;
}
footer .twothirds table td {
  vertical-align: top;
  font-size: 1.1em;
  line-height: 1.65em;
}
footer .twothirds table td img {
  width: auto;
  max-width: none;
  max-width: none;
}
footer .twothirds table td.fibaa {
  width: 60px;
}
footer .twothirds table td.fibaa a {
  display: block;
  height: 55px;
  overflow: hidden;
}
footer .twothirds table td.fibaa a img {
  position: relative;
  top: -62px;
  left: 0;
  
}
footer .twothirds table td.fibaa a:hover img {
  top: 0;
}
footer .twothirds table td.icons {
  min-width: 15px;
  width: 50px;
  text-align: right;
}
footer .twothirds table td.spacer {
  width: 20px;
}
footer .twothirds table a {
  font-family: Arial, sans-serif;
  display: inline;
}
footer .thirds ul {
  padding-top: 9px;
}

/* Social Icons */
footer .thirds nav ul {
  float: none;
  
  -webkit-text-shadow: 0px 0px 0px transparent;
  text-shadow: 0px 0px 0px transparent;
  /*filter: dropshadow(color=transparent, offx=0, offy=0);*/
}
footer .thirds nav ul li {
  padding: 0px;
  margin: 0px;
  display: inline;
}
footer .thirds nav ul li a {
  background: transparent url('/fileadmin/templates/img/sprite_1.png') no-repeat -14px -807px;
  width: 10px;
  height: 30px;
  overflow: hidden;
  color: transparent !important;
  padding: 0px;
  margin: 0 7px 0 0;
  display: inline-block;
  vertical-align: top;
}
footer .thirds nav ul li:last-child a {
  margin: 0;
}
footer .thirds nav ul li a[title="Facebook"] {
  width: 10px;
  background-position: -14px -807px;
}
footer .thirds nav ul li a[title="Facebook"]:hover {
  background-position: -14px -771px;
}
footer .thirds nav ul li a[title="Twitter"] {
  width: 26px;
  background-position: -38px -807px;
}
footer .thirds nav ul li a[title="Twitter"]:hover {
  background-position: -38px -771px;
}
footer .thirds nav ul li a[title="Google Plus"] {
  width: 20px;
  background-position: -79px -807px;
}
footer .thirds nav ul li a[title="Google Plus"]:hover {
  background-position: -79px -771px;
}
footer .thirds nav ul li a[title="YouTube"] {
  width: 20px;
  background-position: -110px -807px;
}
footer .thirds nav ul li a[title="YouTube"]:hover {
  background-position: -110px -771px;
}
footer .thirds nav ul li a[title="FH Guide"] {
  width: 25px;
  background-position: -142px -807px;
}
footer .thirds nav ul li a[title="FH Guide"]:hover {
  background-position: -142px -771px;
}


li.pid_113 {
    height: 11px;
}
li.pid_113 a {
    width: 75px;
    top: -5px;
}