@charset "utf-8";
/* CSS Document */

/*= GENERAL STYLING
--------------------------------------------------------*/



html { 
		  background: url(../images/hg.jpg) no-repeat center center fixed; 
		  -webkit-background-size: cover;
		  -moz-background-size: cover;
		  -o-background-size: cover;
		  background-size: cover;
	}

body {
		margin-left: 0px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		overflow-y: scroll;
	}

body,td,th{
	font-size: 1em;
	font-family: 'Verdana', sans-serif;
	line-height: 1.4em;
	color: #666;
	}
	
h1 { 
    font-family: 'Verdana', sans-serif;
	font-weight:normal;
	font-size: 1.9em;
	text-align: center;
	margin: 0;
	padding: 2%;
}

h2 { 
    font-family: 'Verdana', sans-serif;
	font-weight:normal;
	font-size: 1.4em;
	margin: 0;
	padding: 1%;
}

h2 { 
    font-family: 'Verdana', sans-serif;
	font-weight:normal;
	font-size: 1.2em;
	margin: 0;
	padding: 1%;
}

a:focus { -moz-outline: none; }
a:link { color:#7E0E07; text-decoration: none; }
a:visited { color:#7E0E07; }
a:hover, a:focus { color:#000; outline:none;  }
a:active { color:#7E0E07; }


/*= HEADER
--------------------------------------------------------*/


#hg {
	position: fixed;
	left:0px;
	top:0px;
	width:100%;
	height:200px;
	background-color:#d40000;

}

#mittig {
	position:absolute;
	left:50%;
	top:0px;
	width:960px;
	height:100%;
	margin-left:-480px;
	z-index:1;
}
#sidebar {
	position: fixed;
	left:50%;
	top:0px;
	margin-left:-480px;
	width:280px;
	height:100%;
	z-index:2;
	-webkit-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	-moz-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);

}

#logo {
	position:absolute;
	left:0px;
	top:0px;
	width:90%;
	height:auto;
	padding:5px;
	margin:10px;
	z-index:3;
	background-color:#fff;

}

#logo_mobil {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
	text-align:center;
	background-color:#ffffff;
	display:none;
}

/*= NAVIGATION
--------------------------------------------------------*/

#navi {
	width: 100%;
	height: 50px;
	z-index: 4;
	float: left;
	background-color: #f8f8f8;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border: 0px solid #000000;
}

#nav {
			background: #;
				
			}
			#nav ul { list-style-type: none; margin: 0; padding: 0;	}
			#nav ul li {
				float: left;
				margin: 0;
				padding: 0;
			}
			#nav a {	
				font-family: 'Verdana', sans-serif;
				font-size: 1.2em;
				color: #000; 
				display: inline-block; 
				padding: 5px 15px 5px 15px; 
				text-transform: uppercase;
			 
				 
			}
			
			#nav { margin-top: 8px; }
			 
			
						 
			#nav a {
					-webkit-transition: background 1s ease;
							-moz-transition: background 1s ease;
					        -ms-transition: background 1s ease;
					        -o-transition: background 1s ease;
							transition: background 1s ease;
			}
			#nav a:hover {
			background-color: #d40000;
			color: #FFF;
			
			font-family: 'Verdana', sans-serif;
			}
			
			#nav span.plus {
				display: none;
			}

			/*  SUBNAVIGATION  */
			
				 		#nav ul > li {
				             position: relative;
				         }
				        #nav ul ul {
				          display: none;
				          position: absolute;
				          z-index: 30;				         
				        }
				        
				          
				          #nav  ul.sub2 {
							margin-left: 201px;
				            top: 0;
				          }
				       
				      
				        #nav ul li ul li {
				          float: none;
				          padding: 0;
				          margin: 0;
				          border: none;
				          height: inherit;
				          width: 100%;
				          
				        }
				        #nav ul ul li a {
				          padding: 5px 20px 5px 20px;
				          background: #d40000;
				    	  width: 150px;
				          color: #fff;
				          border-top: 1px solid #fff;
				          -webkit-transition: background .5 ease;
				              -moz-transition: background .5 ease;
				                  -ms-transition: background .5 ease;
				                  -o-transition: background .5 ease;
				              transition: background .5 ease;
				            text-transform: none;
				        }
				        #nav ul ul li a i {
				          display: none;
				        }
				  
				         
				        
				        #nav ul ul li a:hover {
						background-color: #ae0303;
						color: #FFF;
				        }
				        .link-uebersicht { 
				        	display: none;
				        }

   
   #nav .navresp, .ico-menue {
   	display: none;
   }



#navigation {
	position: fixed;
	left:50%;
	margin-left:-180px;
	width:640px;
	height:auto;
	margin-top:13px;
	z-index:4;
	-webkit-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	-moz-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
}


#content {
	float:left;
	left:300px;
	width:640px;
	height:auto;
	margin-top:83px;
	margin-left:300px;
	z-index:5;
	overflow:hidden;
}

#inhalte {
	float:left;
	left:529px;
	width:100%;
	height:auto;
	margin-top:13px;
	z-index:6;
}
#partner {
	float:left;
	left:529px;
	width:95%;
	height:auto;
	margin-top:13px;
	margin-left:15px;
	z-index:7;

}
#footer {
	float:left;
	left:529px;
	width:100%;
	height:auto;
	margin-top:13px;
	margin-left:15px;
	z-index:8;
	padding-top: 13px;
	padding-bottom: 30px;
}
.box {
	float:left;
	width:89%;
	height:auto;
	padding:20px;
	margin:5px;
	margin-left:15px;
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	-moz-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
}
.text {
	float:left;
	width:60%;
	height:auto;
	margin:5px;
}
.text2 {
	float:left;
	width:95%;
	height:auto;
	margin:5px;
}
.image {
	float:left;
	width:35%;
	padding:7px;
	height:auto;
}

.image_sidebar {
	width:100%;
	height:100%;
}
#mittig #content #inhalte h1 {
	color: #FFF;
}

/*= MEDIA
--------------------------------------------------------*/

@media screen and (min-height: 830px) {

}

@media screen and (max-width: 980px) {
#mittig {
	position:absolute;
	left:0;
	top:0px;
	width:100%;
	height:100%;
	margin-left:0px;
	z-index:1;


}
#content {
	float:left;
	left:270px;
	width:550px;
	height:auto;
	margin-top:83px;
	margin-left:300px;
	z-index:5;
	overflow:hidden;
}
#navigation {
	position: fixed;
	left:300px;
	margin-left:0px;
	width:600px;
	height:auto;
	margin-top:13px;
	z-index:4;
	-webkit-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	-moz-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
}



#inhalte {
	float:left;
	left:480px;
	width:100%;
	height:auto;
	margin-top:13px;
	z-index:6;
}
#sidebar {
	position: fixed;
	left:0px;
	top:0px;
	margin-left:0px;
	width:280px;
	height:100%;
}
}

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


#nav a {	
				font-family: 'Verdana', sans-serif;
				font-size: 0.9em;
				color: #000; 
				display: inline-block; 
				padding: 5px 7px 5px 15px; 
				text-transform: uppercase;
			 
				 
			}
#navigation {
	position: fixed;
	left:300px;
	margin-left:0px;
	width:560px;
	height:auto;
	margin-top:13px;
	z-index:4;
	-webkit-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	-moz-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
}


}

@media screen and (max-width: 860px) {
	
#sidebar {
	position: fixed;
	left:0px;
	top:0px;
	margin-left:0px;
	width:250px;
	height:100%;
}
#content {
	float:left;
	left:270px;
	width:550px;
	height:auto;
	margin-top:83px;
	margin-left:280px;
	z-index:5;
	overflow:hidden;
}
#navigation {
	position: fixed;
	left:280px;
	margin-left:0px;
	width:560px;
	height:auto;
	margin-top:13px;
	z-index:100;
	-webkit-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	-moz-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
}
}

@media screen and (max-width: 850px) {
	
	
#navigation {
	position: fixed;
	right:15px;

	margin-left:0px;
	width:48px;
	height:auto;
	margin-top:13px;
	z-index:4;
	-webkit-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	-moz-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
}

#content {
	float:left;
	width:60%;
	height:auto;
	margin-top:83px;
	margin-left:260px;
	z-index:5;
	overflow:hidden;

}
.text {
	float:left;
	width:95%;
	height:auto;
	margin:5px;
}
.image {
	float:left;
	width:95%;
	padding:7px;
	height:auto;
}
}

@media screen and (min-width:850px) {
    #nav ul li:hover ul.sub, #nav ul.sub li:hover ul.sub2 {
    display: block !important;
    }
  
}

@media screen and (max-width:850px) {
	.showquery::before {
	content: "< 760px ";
	}
  					
	/* NAV OFF Canvas */	 
			 		 	#nav {
						position: absolute;
						top: 12px;
						left: -200px;
						z-index: 300;
						background-color: rgba(51, 51, 51, .90);
						padding-top: 20px;
						padding-bottom: 20px;
						width: 250px;
			 		 		
			 		 	}
			 		 	#nav ul li {
			 		 		float: none;
			 		 		overflow: hidden;
			 		 	}
			 		 	#nav a {
			 		 		color: #fff;
			 		 		padding-left: 10%;
			 		 		 
			 		 		width: 90%;
			 		 	}
			 		 	#nav li:first-child, #nav li:last-child {
			 		 		display: block;
			 		 	}
			 		 	
			 		 	.ico-menue {
			 		 		display: block;
			 		 		position: relative;
			 		 		top: 12px;
			 		 		color: #ae0303;
			 		 		font-size: 2em; 
			 		 		left: 7px;
							width:230px;
			 		 	}
			 		 	.ico-menue::before {
			 		 		font-family: FontAwesome;
			 		 		content: "\f039 ";
			 		 		position: absolute;
			 		 		left: 0;
			 		 		top: 2px;
								
			 		 		 }
			 		 		#nav .navresp {
			 		 			display: block;
			 		 		}
			 		 			#nav a.gclose {
			 		 				font-size: .8em !important;
			 		 				margin-bottom: 10px;
			 		 				width: auto;
			 		 				position: relative;
			 		 				padding-left: 17%;
			 		 			}
			 		 			#nav a.gclose::before {
			 		 				font-family: FontAwesome;
			 		 				content: "\f057 ";
			 		 				position: absolute;
			 		 				left: 10%;
			 		 				top: 3px;
			 		 				font-size: 1.4em;
			 		 				
			 		 			}
			 		 	
						#nav span.plus {
							display: inline-block;
							position: absolute;
							color: #fff;
							right: -7px;
						
							top: 4px;
							font-size: 1.3em;
							padding: 0 20px;
							cursor:	pointer;
						}
						
						#nav ul ul {
							position: relative;
						}
						#nav ul.sub a {
							width: 80%;
							background: transparent;
							border: none; 
							font-size: 1em;
							padding-left: 15%;
						}
						#nav ul.sub2{
							margin-left: 0;
						}
						#nav ul.sub2 a{
							padding-left: 23%;
						}
						#nav ul.sub2 a::before {
							content: "- ";
						}
						.link-uebersicht {
							display: block;
							font-style: italic;
						}
						.plus2::after {
							font-family: FontAwesome;
							content: "\f107 ";
							
							float: right;
							padding-right: 10px;
							margin-top: -3px;
							font-size: 1.3em;
						}
			

	.column_footer_li {width:60%; float:left; margin:15px;}
	.column_footer_re {width:30%; float:left; margin:15px;}
	.column {width: 80%;}

}

@media screen and (max-width: 700px) {
#sidebar {
	position: fixed;
	left:0px;
	top:0px;
	margin-left:0px;
	width:230px;
	height:100%;
}
#content {
	float:left;
	width:60%;
	height:auto;
	margin-top:83px;
	margin-left:240px;
	z-index:5;
	overflow:hidden;

}
}

@media screen and (max-width: 640px) {
	
#navi {
	width: 100%;
	height: 50px;
	z-index: 4;
	float: left;
	margin-top:-30px;
	background-color: #f8f8f8;
	border-radius: 7px 7px 7px 7px;
	-moz-border-radius: 7px 7px 7px 7px;
	-webkit-border-radius: 7px 7px 7px 7px;
	border: 0px solid #000000;
}

	
#navigation {
	position: relative;
	left:10px;

	width:48px;
	height:auto;
	z-index:4;
	-webkit-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	-moz-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
}	
	
#logo_mobil {
	float:left;
	width:100%;
	height:auto;
	padding:0px;
	margin:0px;
	text-align:center;
	display:block;
	z-index:400;
}
			
#sidebar {
display:none;
}


#content {
	float:left;
	width:98%;
	height:auto;
	margin-top:10px;
	margin-left:0px;
	z-index:5;
	overflow:hidden;

}

#inhalte {
	float:left;
	left:480px;
	width:100%;
	height:auto;
	margin-top:0px;
	z-index:6;
}

#hg {
	float:left;
	left:0px;
	top:0px;
	width:100%;
	height:280px;
	background-color:#d40000;
}

}

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

.box {
	float:left;
	width:89%;
	height:auto;
	padding:20px;
	margin:5px;
	margin-left:15px;
	background-color:#fff;
	-webkit-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	-moz-box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
	box-shadow: 0px 0px 23px -4px rgba(0,0,0,0.46);
}
}