/* -Default -----------------------------------------------
 
   ---------------------------------------------------------*/
					.showquery {
						position: absolute;
						bottom: 0;
						right: 0;
						content: "ich ";
						z-index: 999;
						background: green; 
						color: #fff;
						padding: 5px;
					}
					.showquery::before {
						content: "> 990px ";
					}	
					
	body {
     font-size: 100%;
     padding: 0;
     margin: 0;
     
     	/* Für Webfonts! */
	     -webkit-font-smoothing: antialiased;
	     -moz-font-smoothing: antialiased;
	     font-smoothing: antialiased;
	     text-rendering: optimizeLegibility;
	}
	 
	a:link { color:#205f94; text-decoration: none; }
	a:visited { color:#205f94; }
	a:hover, a:focus { color:#000; }
	a:active { color:#205f94; }
	
	#footer a {	color: #fff;	}
	
	::selection { color: #37bed1; }
	
	h1, h2, h3, h4, h5, h6 { margin-top: 0; font-weight: normal; }
	
		h1 { font-size: 1.5em; color: #00579a;	}
	
/*	img { display: block; }  */	

	.cf:before,
	   .cf:after {
		   content: " "; 
		   display: table; 
	   }
	   
	   .cf:after {
		   clear: both;
	   }
	
		 .cf {
		   *zoom: 1;
	   }
	
/* - Gerüst -----------------------------------------------
 
   ---------------------------------------------------------*/	

	body {
		font-family: 'Source Sans Pro', sans-serif;
		font-weight: 300;
		
	}
	
	 
	/*  #wrapper { width: 1990px; margin: 0 auto;  }  */	
	/*#wrapper { width: 100%; margin: 0 auto;  }*/	
	#wrapper { width: 990px; margin: 0 auto;  }

	
	#main{ margin-top: 30px;line-height: 1.4em;
	}
		
			
	
	/* - Navigationen -----------------------------------------------
	 
	   ---------------------------------------------------------*/	
			
			#nav {
				/* hintergrud menue  background-image: url(images/Menue02.gif); */	
				background-color: #333333; 
				text-align:left;
			}
			#nav ul { list-style-type: none; margin: 0; padding: 0;	}
			#nav ul li { float: left; margin: 0; padding: 0; }
			#nav a {	
				font-family: 'Source Sans Pro', sans-serif; 
				font-weight: 700; 
				font-size: 0.8em;
				color: #FFFFFF; 
				display: inline-block; 
				padding: 5px 20px 5px 20px; 
				text-transform: uppercase;
			 
				 
			}
			
			#nav { margin-top: 30px; }
			 
			
						 
			#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: #8dbce0; }
			
			#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: #00579a;
				    	 width: 160px;
				          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: #8dbce0;
				        }
				        .link-uebersicht { 
				        	display: none;
				        }

   
   #nav .navresp, .ico-menue {
background: #000000;
   color: #FFFFFF;
   	display: none;
   }
  
  .btn {
  	background: #00579a;
  	color: #fff !important;
  	padding: 3px 15px 3px 30px;
  	-webkit-border-radius: 5px;
	border-radius: 5px;
	position: relative;
	display: inline-block;
	margin-top: 5px;
  	    
  }
  
  .btn::before {
  	font-family: Verdana;
  	content: "\2192";
  	position: absolute;
  	left: 10px;
  	top: 4px;
  	
    }
  
  .btn:hover {
  	background: #8dbce0;
  }
  
 /* - Mediaqueries -----------------------------------------------
  
    ---------------------------------------------------------*/ 
  
  @media screen and (max-width:990px) {
    	
		    	.showquery::before {
		    		content: "< 990px ";
		    	}
    	
    	
	  	#wrapper{
	  		 /*width: 90%;*/
	  		 /*margin:  0 5%;*/

	  		width: 100%;
	  		margin:  0 0%;
	  	}
	  	img {
	  		max-width: 100%;
	  	}
	  	
  	
  	
  }
  
    @media screen and (min-width:760px) {
          #nav ul li:hover ul.sub, #nav ul.sub li:hover ul.sub2 {
            display: block !important;
 


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

 			#nav {
				background-image: url(none); background-color: #00ffff; text-align:left;
				font-weight: 200; 
				font-size: 1.2em;


			}


		  .showquery::before {
		  	content: "< 760px ";
		  }
  					#main {
  						margin-top: 50px;
  					}
		 			 /* test für NAV OFF Canvas */	 
			 		 	#nav {
			 		 		position: absolute;
			 		 		top: 12px;
			 		 		left: -300px;
			 		 		z-index: 300;
			 		 		background-color: rgba(0, 0, 0, .90);
			 		 		padding-top: 20px;
			 		 		padding-bottom: 20px;
			 		 		width: 300px;
			 		 		
			 		 	}
			 		 	#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;
							cursor: pointer;
			 		 		position: relative;
			 		 		top: 2px;
			 		 		color: #FFFFFF;
			 		 		font-size: 1.2em; 
			 		 		padding-left: 25px;
							padding-top: 15px;
							padding-bottom: 5px;
			 		 	}
			 		 		 .ico-menue::before {
			 		 		 	font-family: Verdana;
			 		 		 	content: "\2261";
			 		 		 	position: absolute;
			 		 		 	left: 9px;
			 		 		 	top: 13px;
			 		 		 }
			 		 		#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: Verdana;
			 		 				content: "\2297";
									cursor: pointer;
			 		 				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: Verdana;
							content: "\203A";
							
							float: right;
							padding-right: 10px;
							margin-top: -3px;
							font-size: 1.3em;
						}
		
 	
  }
  
    @media screen and (max-width:700px) {	
    	.showquery::before {
    		content: "< 700px ";
    	}
 		 
    	 #main .row4 img  {
    		width: 100%;
    	}
  
    	.row4 > div, .row4 > div:first-child {
    		width: 47%;
    		margin: 0 1.5% 20px 1.5%;
    	}
    	
   	 
    
    }
  
  @media screen and (max-width:580px) {
  .showquery::before {
  	content: "< 580px ";
  }
    
	   h1 {
	   	font-size: 1.3em;
	   }
   
   
  }
  
  @media screen and (max-width:480px) {
    .showquery::before {
    	content: "< 480px ";
    }
    input, textarea {
    	width: 98%;
    	padding: 1%;
    }
     input[type=submit] {
     	display: block;
     }
    
  }
  
  @media screen and (max-width:400px) {
   .showquery::before {
   	content: "< 400px ";
   }
           		
     
   }
   
   
   @media screen and (max-width:360px) {
          	.showquery::before {
          		content: "< 360px ";




          	}	

      
    }
   
  
  
  
   
   
   
   
	
/* ---------------------------------------------------------
   Print styles
   ---------------------------------------------------------*/
@media print {
    * {
        color:#000 !important;
        box-shadow:none !important;
        text-shadow:none !important;
		background:transparent !important;
    }
	html { background-color:#fff; }
	/* Hide navigation */
	nav { display:none; }

	/* Show link destinations in brackets after the link text */
	a[href]:after { content: " (" attr(href) ") "; }
	a[href] {
		font-weight:bold;
		text-decoration:underline;
		color:#06c;
		border:none;
	}
	/* Don't show link destinations for JavaScript or internal links */ 
	a[href^="javascript:"]:after, a[href^="#"]:after { content:""; }
	
	/* Show abbr title value in brackets after the text */
	abbr[title]:after { content: " (" attr(title) ")"; }

	figure { 
		margin-bottom:1em; 
		overflow:hidden;
	}

	figure img { border:1px solid #000; }
}