@charset "utf-8";


/*====================== Menü Handyversion=============================*/

.open1 {
	height: 48px;
	line-height: 48px;
	width: 99.8%;
	text-align: center;
	text-transform: uppercase;
	display:block;
	background-image: -webkit-gradient(linear, left top, left bottom, from(white ), to( silver));
	background-image: -webkit-linear-gradient(white , silver );
	background-image: -moz-linear-gradient(white , silver );
	background-image: -ms-linear-gradient(white , silver );
	background-image: -o-linear-gradient(white,silver);
	background-image: linear-gradient(white,silver);
	
}

.open1:hover{
	color: #333;
}

.open1:visited{
	color: #333;
}

#inh1 {
	margin-top:-620px;color: black;
}

#inh1:target{ 
    margin-top:0px;color: black;
	-webkit-transition: all 1s ease; 
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease; 
	transition: all 1s ease; 
}





/*====================== Menü Ausklapppunkte Desktopversion =======*/

#menu{
	display:block;
	overflow:hidden;
	clear:none;
	float:left;
    height:38px;
	line-height:38px;
	margin-bottom:0px;
	-webkit-transition: all 0.41s ;
	-moz-transition: all 0.41s ;
	-o-transition: all 0.41s ;
	transition: all 0.41s ;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:90%;
	width:18.7%;
}

#menu:hover {
	height:230px;
	cursor:default;
	-webkit-transition: all 0.6s ;
	-moz-transition: all 0.6s ;
	-o-transition: all 0.6s ;
	transition: all 0.6s ;
}

#menu ul:hover;{}
#menu li  {	list-style-type: none;margin-left:-40px;margin-top:-10px;} 
#menu li a {
	margin-left:0px;
	color:#333;
	height:60px;
	line-height:60px;
}
#menu:hover li {color:#c93;background-color:#F0F0F0;margin-top:-10px;}
#menu li a:hover {	display: block;overflow:visible;color:#000000}




/*====================== Menü Überschriften Ausklapppunkte Desktop =======*/
#titel{
	height:60px;
	line-height:60px;
	margin-top:0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	text-transform:uppercase;
	width:18.7%;
	
}

#titel:hover{color:#000000}







/*====================== Menü Überschriften ohne Ausklapppunkte Desktop =======*/
.format a {
	line-height: 40px;
	height: 40px;
	padding-left: 2.6%;
	padding-right: 2.6%;
	float: left;
	text-decoration: none;
	/* text-transform: uppercase; */
	font-family: Arial, Helvetica, sans-serif;
	font-size: 91%;
	color: #006400;
	margin-top: 20px;
	display:inline;
}
.format a:hover { color:#730000;}





/*====================== Rückwärtsbewegung=============================*/

#back {
	width:95%;
	color: black;
}
#back:target { 
	
} 
:not(:target) .beweg {
    -webkit-transition: all 1s ease; /* Firefox */
    -moz-transition: all 1s ease; /* WebKit */
    -o-transition: all 1s ease; /* Opera */
    transition: all 1s ease; /* Standard */
}



/* =========== Handy ===============================*/
#inh1 #container_1_2 {
	width:100%;
	margin:0%;padding:0px;
	height:50px;
	line-height:50px;
	text-align:center;
	background-image: -webkit-gradient(linear, left top, left bottom, from(white ), to( silver));
	background-image: -webkit-linear-gradient(white , silver );
	background-image: -moz-linear-gradient(white , silver );
	background-image: -ms-linear-gradient(white , silver );
	background-image: -o-linear-gradient(white,silver);
	background-image: linear-gradient(white,silver);
	border-left:1px #666 solid;
}

.gross{height:0px;visibility:hidden;display:none}
.klein{
	visibility:visible;
	top:00px;
	color:black;
}

/* =========== Tablet ===============================*/

@media only screen and (min-width: 481px) {
#inh1 #container_1_2 {
	width:49.8%;}
.gross{visibility:hidden;display:none}
.klein{visibility:visible;margin-top:0px;background-color:white;color:black}
.open1{}
}




/* ======================== Desktop ======================*/

@media only screen and (min-width: 769px) {
	
	
.klein{visibility:hidden;display:none}
.gross{
	visibility:visible;
	height:0px;
	line-height:0px;
	display:block;
	color:#006400;
	width: 96.2%;
	/* border-top-right-radius:12px; */
	/* border-top-left-radius:12px; */
	margin-left: 6.2%;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#990031 ), to( #990031));
	background-image: -webkit-linear-gradient(#990031 , #990031 );
	background-image: -moz-linear-gradient(#990031 , #990031 );
	background-image: -ms-linear-gradient(#990031 , #990031 );
	background-image: -o-linear-gradient(#990031,#990031);
	background-image: linear-gradient(#990031,#990031);
}
.format a:hover, .current, a.current{background-color:#384f38;
	color:white;
	border-radius:3px;
	text-decoration: underline;
}
.format a:active{
color:#c93}
}

@media only screen and (min-width: 888px) {
	.format a{margin-top: 14px;}   /* Abstand Menü von oben */
	}
	
@media only screen and (min-width: 891px) {
	.gross{margin-left: 2.4%;}
	}

@media only screen and (min-width: 1057px) {
	.gross{margin-left: 10%;}
	}