/*
@import url(http://fonts.googleapis.com/css?family=Open+Sans:600,700,600italic,700italic);
@import url(http://fonts.googleapis.com/css?family=Courgette);
*/

@font-face {
  font-family:"PT Serif";
  src: url("../fonts/PT_Serif/PT_Serif-Web-Regular.ttf") format("truetype");
}
@font-face {
  font-family:"Roboto";
  src: url("../fonts/Roboto/Roboto-Regular.ttf") format("truetype");
}


/*** Navigation oben BEGIN ***/

.navbar-static-top {
  
}
.navbar-fixed-top {
border:0px;
}
.navbar {
 margin-bottom: 0px;
}
.navbar-default {
 border: none;
 border-radius: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form {

}
.navbar-collapse {
 margin-top: 57px;
}
.navbar-bezeichnung {
 display: none;
}


.navbar-default .navbar-toggle {
 
}
.navbar-default .navbar-toggle:hover {
 border-color: #fff;
 color: #fff;
}
.navbar-default .navbar-toggle .icon-bar {
 
}
.navbar-default .navbar-toggle .icon-bar:hover {
 background-color: #fff;
}



#mainnav {
 margin: 0px;
 padding: 0px;
 width: 100%;
}
#mainnav li {
 margin-right: 55px;
}
#mainnav li:nth-child(1) {
 margin-right: 62px;
}
#mainnav li:nth-child(2) {
 margin-right: 62px;
}
#mainnav li:nth-child(3) {
 margin-right: 235px;
}

#mainnav li.mainmenue a {
 text-decoration: none;
 text-align:center;
 color: #fffefa;
 font-family: "PT Serif";
 font-style: regular;
 font-weight: normal;
 font-size: 20px;
line-height: 20px;
}
#mainnav li.active a:focus {
 background-color: transparent;
}
#mainnav li a:hover,
#mainnav li.active a {
 color: #fde7b6;
  background-color: transparent;
}

@media screen and (min-width: 768px) {
 #mainnav li.mainmenue a {
 padding: 0px;
 }
 #header .navbar-collapse {
 margin-left: 0px;
 margin-right: 0px;
}
}


/** 2. Menü Ebene BEGIN***/
#mainnav li ul.sub_navi {
  list-style: none;
  height: auto;
  width: 175px;
  padding: 0px;
  padding-top: 21px;
  margin: 0px;
  margin-left: -35px;
  position: absolute;
  /*left: -999em;*/
  display:none;  
  z-index: 300;
}
#mainnav #page4 ul.sub_navi {
  margin-left: -70px;
}

#mainnav li.mainmenue ul li {
  float:left;
  text-align:center;
  margin: 0px !important;
  padding: 0px;
  padding-left: 8.5px;
  padding-right: 8.5px;
  margin-bottom: 0px;
  min-height: 27px;
  background-color: #003c22;
}


#mainnav li.mainmenue ul.sub_navi li.menue a{
  display:block;
  width: 158px;
  min-height: 27px;
  color: #fff; 
  font-family: 'PT Serif';
  font-size: 14px;
  text-transform: uppercase;
  line-height: 24px;
  padding: 0px;
  text-align:center;
  background-image: url(../images/submenue_linie.png);
  background-position: left bottom;
  background-repeat: repeat-x;
}

#mainnav li.mainmenue ul.sub_navi li.last {
 
}
#mainnav li.mainmenue ul.sub_navi li.last a {
 background-image: none;
}

/*#mainnav li.mainmenuparent ul.sub_navi li.active a,*/
#mainnav li.mainmenue ul.sub_navi li.menue a:hover{
  color: #fde7b6;
  font-size: 14.5px;
  background-color: #500900;
  transition: all 300ms;
}
#mainnav li.mainmenue ul.sub_navi li:hover {
 
}
 
#mainnav li:hover ul ul, #mainnav li:hover ul ul ul, #mainnav li.sfhover ul ul, #mainnav li.sfhover ul ul ul {
  left: -999em;
}
 
#mainnav li:hover ul, #mainnav li li:hover ul, #mainnav li li li:hover ul, #mainnav li.sfhover ul, #mainnav li li.sfhover ul, #mainnav li li li.sfhover ul {
  left: auto;
}
 
#mainnav li:hover, #mainnav li.sfhover {
  color: white;
}





/*** Navigation oben END ***/





/*** Navigation Footer BEGIN ***/
#navbottom {
 margin: 0px;
 padding: 0px;
 text-align: right;
 display: inline;
}

#navbottom li{
 margin: 0px;
 padding: 0px;
 list-style: none;
 display: inline;
 margin-left: 5px;
}
#navbottom li .trenner{
 margin-left: 5px;
}
#navbottom li .trenner,
#navbottom li a {
  font-family: 'Roboto';
  font-size: 11px;
  font-weight: 500;
  color: #fffefa;
  text-decoration: none;
}
#navbottom li a:hover,
#navbottom li a:active {
 text-decoration: underline;
}

/*** Navigation Footer END ***/



/*** Sprach Menü BEGIN ***/
#langauge-menue {
  position: absolute;
  top: 15px;
  right: 15px;
  
}
#langauge-menue li a {
 padding: 0;
 color: #fff;
 display: inline-block;
}
#langauge-menue li.active {
 color: #fde7b6
}
#langauge-menue li span.trenner {
 display: inline-block;
 padding: 0 5px;
 color: #fff;
}
#langauge-menue li:last-child span.trenner {
  display: none;
}