/* MENU [MENU] */
#menupush			{/* padding-left:90px; */ }
.navcontainer 		{margin: 0 0 14px 0;/* border-top:1px solid #000; margin-top:7px; */}
/* #hidestripe			{ display:none; width:32px; height:7px; background-color:white;
						position: absolute;    right: 0;    top: 0;} */
#hidemenu				{position:fixed; top:0; left:0; z-index:2; background-color: rgba(0,0,0,0); width:100%; height:100%; display:none;}

.topnav {
     /* background-color: #fff;  */
    overflow: hidden;
	z-index:7;

	position: relative;
	transition:0.3s;

}

#hausikone		{position:absolute; top:-6px; right:25px; }
#mobilesmenu	{font-size:30px; padding:0; border:1px solid white;  width:44px; border-radius:5px; margin: 7px 38px 5px 5px;}

/* Style the links inside the navigation bar */
.topnav a {
    float: left;
    display: block;
    color: #fff;
    text-align: center;
    /* padding: 0 4px; */
    text-decoration: none;
	transition: 0.3s;
   /*  font-size: 18px;
	text-transform:uppercase;
	font-family:  Arial, sans-serif; font-stretch: condensed; */

}

.topnav a.topl {	border-left:0; position: relative;}

.topnav a.topl:before {
  content:"";
  position:absolute;
  right:0;
  bottom:6px;
  top:6px;
  height:60%;
  width: 1px;
  border-left:1px solid #fff;
}

#firstmenu,#rss,#wetter	{border:none;}
#rss		{float:right;}
#wetter		{float:right;}
#rss img		{margin:4px 20px 0 10px;}
#wetter img		{margin:4px 10px 0 10px;}


/* Change the color of links on hover */
.topnav a:hover {
   /*  background-color: #ddd; */
    /* color: #033461; */
	transition:0.3s;
}

/* Hide the link that should open and close the topnav on small screens */
.topnav .icon {
    display: none;
	text-transform:none;
}
.topnav .icon:hover, .topnav .icon:active {text-transform:none;}
.mobilesmenu:hover, .mobilesmenu:active {text-transform:none;}



#subcontainer	{position:relative;}
.submenu	{
	background-color:#fff;

	max-width:100%;
	padding-left:20px;
	position: absolute;
	top:-15px;
	left:-15px;
	z-index:10;
border-color: #006666;
  border-style: solid;
  border-width: 0 2px 2px 0;
}
.close			{color:#ba0000; bottom:10px; right:10px; position: absolute; transition: 0.3s;
opacity: 0.5;
cursor: pointer;
transform: scale(1.4, .9); }

.close:hover	{ color:#ba0000;  opacity: 1;}




/* Desktop */
@media (max-width: 1300px) {
/* .topnav a {padding: 22px 16px;} */
}
@media (max-width: 1172px) {
#menupush	{padding-left:0;}
}



@media screen and (min-width:992px){
.topnav	{	border-bottom:1px solid #006666;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3e7270+0,4f8182+50,629495+100 */
background: rgb(62,114,112); /* Old browsers */
background: -moz-linear-gradient(top, rgba(62,114,112,1) 0%, rgba(79,129,130,1) 50%, rgba(98,148,149,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(62,114,112,1) 0%,rgba(79,129,130,1) 50%,rgba(98,148,149,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(62,114,112,1) 0%,rgba(79,129,130,1) 50%,rgba(98,148,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e7270', endColorstr='#629495',GradientType=0 ); /* IE6-9 */
}


.topnav a {	border-left:1px solid #fff;}


#subcontainer #frs 	{	width:878px;	left:-15px;}
#subcontainer #ges 	{	width:278px;	left:116px;}
#subcontainer #bis 	{	width:478px;	left:249px;}
#subcontainer #wis 	{	width:278px;	left:372px;}
#subcontainer #sts 	{	width:278px;	left:494px;}
#subcontainer #wos	{	width:278px;	left:592px;}
#subcontainer #sss 	{	width:278px;	left:709px;}

}
/* Mobil */
@media screen and (max-width:991px){
/*   #firstmenu	{margin-top:58px;} */
.topnav  {width:200px; float:right; position: absolute; width:300px; top:0; right:0; }
.responsive	{float:none;}
.topnav a {/* display: none; */ background-color:rgba(98, 148, 149, 0); transition:0.3s;
    float: none;
    display: block;
    text-align: right;

 }
 .topnav a.topl:before {border:none;}
 .topnav a span	{font-size:1px; transition:0.3s; line-height: 0px;}
  .topnav a.icon {
    /* float: right; */
    display: block;
	position:absolute;
	right:0;
	top:0;
	text-align:center;
  }

  .topnav img	{max-width:1px;}
  #rss img		{margin:0;}
#wetter img		{margin:0;}

.navcontainer {position: relative; height:57px; /* border-bottom:1px solid #006666; */
background: rgb(62,114,112); /* Old browsers */
background: -moz-linear-gradient(top, rgba(62,114,112,1) 0%, rgba(79,129,130,1) 50%, rgba(98,148,149,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(62,114,112,1) 0%,rgba(79,129,130,1) 50%,rgba(98,148,149,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(62,114,112,1) 0%,rgba(79,129,130,1) 50%,rgba(98,148,149,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3e7270', endColorstr='#629495',GradientType=0 ); /* IE6-9 */
}
    .topnav.responsive {	}
.responsive   #firstmenu	{margin-top:56px;}
	  .topnav .responsive img	{max-width:20px;}

  .topnav.responsive a {
	padding: 10px 38px;
	background-color:rgba(98, 148, 149, 1);
	display: block;
	/* transition:0.3s; */
  }
  .topnav.responsive a span{	font-size:12px; line-height: 30px;}
  .responsive a.icon {
    position: absolute;
    right: 0;
    top: 0;

	background:none;
  }

.responsive   #rss img		{margin:4px 20px 0 10px;}
.responsive #wetter img		{margin:4px 10px 0 10px;}

  #firstmenu	{margin-top:57px;}

  #hausikone	{display:none;}

.responsive #hidestripe	{display: inline; top:41px; right:45px; z-index:20;}

#sliderlogo		{ display:none;}

#wetter			{width:50%;}
#rss			{width:50%;}

}

@media (min-width: 992px) and (max-width: 1199px) {
#rss img		{margin:4px 5px 0 5px;}
#wetter img		{margin:4px 5px 0 5px;}
}

@media (min-width: 768px) and (max-width: 991px) {

}

@media (max-width: 767px) {
.close	{top:10px; bottom:auto;}


/* .navcontainer	{margin-top: 125px;} */
}

@media (max-width: 480px) {
.topnav		{width:100%;}
}