* { padding: 0px; margin: 0px; border: 0px;}

hr {
		border: 1px solid rgba(187,0,3,1.00);
	
}
img {
	max-width:100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
	height: auto;
}
@font-face { font-family: 'Open Sans'; 
	src:url('typo/OpenSans-Regular.ttf') format('truetype')}
body {
	
	background-color: #fff;
	font-family: 'Open Sans',  sans-serif;
    font-weight: 300;
    font-style: normal;
	font-size: 1em;
    color: #666;
	text-decoration: none;
	overflow-x: hidden;
	overflow-y: scroll !important;
   }

label {
	
	font-family: 'Open Sans',  sans-serif;
    font-weight: 300;
    font-style: normal;
	font-size: 1.2em;
	line-height: 1.4em;
    color: #666;
	text-decoration: none;
	
}

p {
	
	font-family: 'Open Sans',  sans-serif;
    font-weight: 300;
    font-style: normal;
	font-size: 1.2em;
	line-height: 1.4em;
    color: #666;
	text-decoration: none;
	
}

table {
	
	font-family: 'Open Sans',  sans-serif;
    font-weight: 300;
    font-style: normal;
	font-size: 1.2em;
	line-height: 1.4em;
    color: #666;
	text-decoration: none;
	
}

a { 
  border: 0px;
  padding: 0px; 
  margin: 0px;
  text-decoration: none;
  outline: none;
}

#content li {
    margin-left: 20px;
    list-style:disc;
    line-height: 1.5em;

 }

a:link {color: #000;}
a:visited {color: #000;}
a:hover { color:#000;}
a:focus { color:#000;}
a:active { color:#000;}


h1  {
  text-decoration:none;
  text-transform: uppercase;
  color: rgba(59,98,9,1.00);
  font-family: 'Open Sans',  sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 2.0em;
  letter-spacing: 0.10em;
  line-height:1.3em;
  text-align:left;
	margin-bottom: 30px;
	

}

h2  {
    text-decoration: none;
    color: #444;
	font-family: 'Open Sans',  sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.8em;
    line-height: 1.4em;
    margin-bottom: 10px;
}

h3  {
 text-decoration: none;
  color: rgba(60,100,20,1.00);
  font-family: 'Open Sans',  sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.4em;
  line-height:1.3em;
  text-align:left;
	margin-bottom: 10px;

}

h4  {
  text-decoration: none;
  color: rgba(68,151,3,1.00);
  font-family: 'Open Sans',  sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.5em;
  line-height:1.3em;
  text-align:left;

}



@media screen and (max-width: 600px) {
	
body {
	line-height:1.4em;
	font-size:1em;
}	
	
p {
	
	font-family: 'Open Sans',  sans-serif;
    font-weight: 200;
    font-style: normal;
	font-size: 1.2em;
	line-height: 1.4em;
    color: #666;
	text-decoration: none;	
}
	
table {
	
	font-family: 'Open Sans',  sans-serif;
    font-weight: 300;
    font-style: normal;
	font-size: 1.3em;
	line-height: 1.4em;
    color: #666;
	text-decoration: none;	
}
	
h1  {
  
  font-size: 1.7em;
  line-height:1.2em;
	letter-spacing: 0.10em;
}


h2  {
    text-decoration: none;
    font-family: 'Open Sans',  sans-serif;
    font-weight: 300;
    font-style: normal;
    font-size: 1.6em;
    line-height:1.3em;
	margin-bottom: 10px;
}
	
h3  {
  text-decoration: none;
  color: rgba(20,60,100,0.90);
  font-family: 'Open Sans',  sans-serif;
    font-weight: 300;
    font-style: normal;
  font-size: 1.3em;
  line-height:1.4em;
  margin-bottom: 10px;

}

h4  {
  font-size: 1.7em;
  line-height:1.2em;
	
}
	}
	
	


#nav a:link { color: #767676; border-bottom:0px solid #767676;}
#nav a:visited { color:#767676; border-bottom:0px solid #767676;}
#nav a:hover { color: #000; border-bottom:0px solid #000;}
#nav a:focus { color: #000; border-bottom:0px solid #000;}
#nav a:active { color: #000; border-bottom:0px solid #000;}
.navactive { color:#000; border-bottom:0px solid #000;}

#navwrap
{
	padding-top: 0px;
	z-index:9999999;
}

	#nav
	{
	border-top:2px solid rgba(236,235,235,1.00);
    background-color:rgba(255,255,255,1.00);
	font-size: 0.7em;
    height: 4em;
	border-bottom:2px solid rgba(168,220,49,1.00);
		margin-bottom: 2px;
		z-index:99999999;
		
		}



	#nav ul { list-style: none;

	
			font-family: 'Open Sans', sans-serif;
    		font-weight: 600;
			position:relative;
            vertical-align: baseline;
		
		}

			#nav > a
			{
				display: none;
				
			}

			#nav li
			{
				position: relative;
				
				
			}
				#nav li a
				{
				padding:0px 10px 0px 15px;
				display: block;
					
				}
				#nav li a:active
				{

				}

			#nav span:after
			{
				width: 0;
				height: 0;
				border: 0.313em solid transparent; /* 5 */
				border-bottom: none;
				border-top-color: #fff;
				
				
				display: inline-block;
				position: relative;
				right: -0.313em; /* 5 */
			}

			/* first level */

			#nav > ul
			{
				width:750px;
				margin:0px auto 0px auto;
				height: 4em; /* 60 */
				
								
			}
				#nav > ul > li
				{
					
					width:auto;
					height: 100%;
					float: left;
				}
					#nav > ul > li > a
					{
						height: 3.1em;
						font-size: 1.3em; /* 24 */
						line-height: 3.4em; /* 60 (24) */
						text-align: center;
						letter-spacing: 0.15em;
						
						
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: 0px solid #fff;
						}
						#nav > ul > li:hover > a,
						#nav > ul:not( :hover ) > li.active > a
						{
							
							color:#000 !important;

						z-index:9999999;
						}


				/* second level */

				#nav li ul
				{
					width:auto;
					min-width: 300px;
					background-color:rgba(255,255,255,1.00);
					font-family: 'Open Sans', sans-serif;
    				font-weight: 300;
					font-size: 1.3em;
					letter-spacing: 0.1em;
					text-align: center;
					display: none;
					position: absolute;
					top: 100%;
					z-index: 999999;
				}
					#nav li:hover ul
					{
						
						display: block;
						left: 0;
						right: 0;
					}
						#nav li:not( :first-child ):hover ul
						{
							
							left: -1px;
						}
						#nav li ul a
						{
							color:#333 !important;
							
							padding: 0.5em; 
							
						}
							#nav li ul li a:hover,
							#nav li ul:not( :hover ) li.active a
							{
							color:#fff !important;
							background-color: rgba(168,220,49,1.00);
							}


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

			nav#nav{height: 3.5em;padding-bottom:10px;}
			
			html
			{
				font-size: 100%; 
			}

			.logomenu
			{
				
				width:0px !important;
			}

			#nav
			{
				height: 3.5em;
				padding-left:0px !important;
				position: relative;
				top: auto;
				left: auto;
			}
				#nav > a
				{
					height:1.8em;
       			 }
       				 #nav:not( :target ) > a:first-of-type,
       				 #nav:target > a:last-of-type
       					 {
							height:3.5em;
							color:#fff;
	                 		background-color:rgba(168,220,49,1.00);
							text-align:center;
							padding-top:10px;
         				   	display: block;
							border-bottom:1px solid #fff;
       					
				
				}
					#nav > a:before,
					#nav > a:after
					{
						position: absolute;
						border: 1px solid #fff;
						top: 35%;
						left: 25%;
						right: 25%;
						
					}
					#nav > a:after
					{
						top: 60%;
					}

				#nav:not( :target ) > a:first-of-type,
				#nav:target > a:last-of-type
				{
					display: block;
				}


			/* first level */

			#nav > ul
			{
				width: 302px !important;
					background-color:rgba(236,236,236,1.00);
				height: auto;
				font-size:1.0em;
				line-height:1.3em;
				display: none;
				position: absolute;
				
				right: 0px;
				z-index: 4000;
			}
				#nav:target > ul
				{
					display: block;
				}
				#nav > ul > li
				{
					
					width: 300px;
					float: none;
				}
					#nav > ul > li > a
					{	
						width: 300px !important;
						height: 2.8em !important;
						line-height:2.8em !important;
						text-align: right;
						padding: 0px 20px 0px 0px;
					}
						#nav > ul > li:not( :last-child ) > a
						{
							border-right: none;
							border-bottom: 1px dotted #fff;
						}
						
						#nav > ul > :last-child > a
						{
							border-right: none;
							border-bottom:3px solid #fff;
						}


				/* second level */

				#nav li ul {	
					
					width: 300px !important;
					position: static;
					height:auto;
					line-height: 2.2em;
					text-align: right;
					border-bottom: 1px solid #fff;
				}
				#nav li ul a{	
					
					width: 300px !important;
					position: static;
					height:auto;
					line-height: 2.2em;
					text-align: right;
					padding: 0px 20px 0px 0px;
					right:0px;
				}
				
		}



#logo { background-image: url("/images/logo_BG.jpg");
	background-size: cover;
	height: 150px;
		padding-top: 0px;
		padding-bottom:0px;
	    padding-left:50px;
	    text-align: left;
	
	}
	
.logohide {
		width:120px;
		padding-right:10px;
	}
	
.logoshow {
		width:260px;
		
        
	}
.menushow {
		width:55px;
		padding-right:10px;
		
	}
	.nlwrap {
		max-width:800px;
	}
	.video {
		max-width:800px;
	}
	
	

@media screen and (max-width: 1230px) {
	
	#logo { padding-top: 10px;
		height: 130px;
		padding-bottom:5px;
		padding-left:50px;
	    text-align: left;
	
	}
	
	.logohide {
		width:0px;
		padding-right:0px;
	}
	
	.logoshow {
		width:200px;
        
		
		
	}
	.nlwrap {
		max-width:500px;
	}
}
@media screen and (max-width: 600px) {
	
	#logo { 
		height: 100px;
		padding-top: 10px;
		padding-left:20px;
		text-align: left;
	
	}

	.menushow {
		width:55px;
		padding-right:5px;
		
	}
	.logoshow {
		width:180px;
        
		
	}
	
	.logohide {
		width:0px;
		padding-right:0px;
	}
	
	}
	
#minilogo img{	height: 80px !important;}
#minilogo {
	
   position: fixed;
   top:0px;
   left:20px;
   z-index:4000;
   display: none;     
}
@media screen and (max-width: 1370px) {
#minilogo img{	height: 60px !important;}
#minilogo {
   position: fixed;
   top:5px;
   left:10px;
   z-index:4000;
   display: none;     
}
}
	


#content {
	
	
	width:90%;
	max-width: 1000px;
	color:#666;
	text-align: left;
	min-height:500px;
	line-height: 1.5em;
	padding-top:20px;
	padding-bottom:100px;
	margin:0px auto 0px auto;
	z-index:10;
	
	
	
}


#content a:link {color:#312D12;}
#content a:visited {color: #312D12;}
#content a:hover { color: #66634D;}
#content a:focus { color: #66634D; }
#content a:active { color: #66634D; }



#footer {
	
	background-color: rgba(225,225,225,1.00);
	width:100%;
	font-family: 'Open Sans', sans-serif;
	font-size:14px;
	line-height:1.5em;
	text-align: center;
	padding-left:5%;
	padding-right:5%;
	padding-bottom:20px;
    margin:0px auto 0px auto;
    border-top:0px solid #939078;
	float:left;
	}

#footer a:link { color: #666; border-bottom:0px solid #666;}
#footer a:visited { color:#666; border-bottom:0px solid #666;}
#footer a:hover { color: #000; border-bottom:0px solid #000;}
#footer a:focus { color: #000; border-bottom:0px solid #000;}
#footer a:active { color: #000; border-bottom:0px solid #000;}




input#firma {
  width:0px;
	max-width:0%;
  min-height: 0px;
	min-width: 0px;
  font-size:0px;
	padding: 0px;
  border: 0px solid #fff;
  
  
}

textarea, input, select {
 font-family: atten-new, sans-serif;
  color: #666;
	background-color: rgba(255,255,255,1.00);
  min-height: 20px;
  width: 400px;
  max-width: 95%;
  font-size:1.0em;
  padding: 5px 0px 5px 0px;
  border: 1px solid #66B300;
	border-radius:5px;
  
	
  
}
input#nutzung, input#datenschutz {
  min-height: 0px;
  width: 20px;
  padding: 0px;
 
  }


input:-internal-autofill {
    appearance: menulist-button;
    background-color:rgba(247,247,247,0.5) !important; 
    background-image: none !important;
  color:  rgba(135,180,32,1.00) !important;
}


input#absender:focus, #name:focus, #firma:focus, #anschrift:focus, #tel:focus, #nachricht:focus,
textarea:focus {
  background-color: rgba(233,247,214,1.00);
  color:  rgba(135,180,32,1.00) !important;
	
  
}

.button {
background-color: rgba(79,132,17,1.00); 
	color: #fff;
	 
	font-family: atten-new, sans-serif;
	font-weight: 600;
	padding: 10px; 
	border: 0px solid #000;
	text-align: center; 
	border-radius:5px;
	font-size: 1.2em; line-height: 1.8em;
	letter-spacing: 0.1em; 
}
a.button {
	color: #fff;
	font-family: atten-new, sans-serif;
}


.button:active, .button:hover, .button:hover a:link, .button:hover a:visited {
  background-color: rgba(0,0,0,1.00); 
  color: rgba(255,255,255,1.00) !important;
  text-decoration: none;
  cursor:pointer;
}




.one {

	width:44%;
	margin-right:6%;
	margin-bottom: 20px;
	float:left;
	text-align: left;
	padding:20px;
	border:1px solid rgba(91,144,11,1.00);
	
}
.two {

	width:47%;
	float:left;
	text-align: left;
	padding:20px;
	border:1px solid rgba(91,144,11,1.00);

}
	
.three {

	width:27%;
	margin-right:4%;
	margin-bottom: 20px;
	float:left;
	text-align: left;
	padding:10px;
	border:1px solid rgba(91,144,11,1.00);
	
}

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

	.one {
	width:99% !important; 
	margin-right:0px;
	margin-left:0px;
	}
	div.one {display: inline-block;}
	
	.two {
	width:99% !important; 
	margin-right:0px;
	margin-left:0px;
	}
	div.two {display: inline-block;}
	
	
		.three {
	width:99% !important; 
	margin-right:0px;
	margin-left:0px;
	}
	div.three {display: inline-block;}
}		

.one2 {

	width:62%;
	margin-right:2%;
	margin-bottom: 20px;
	float:left;
	text-align: left;
	padding:20px;
	border:1px solid rgba(255,0,4,1.00);
	border-bottom-left-radius: 20px;
	border-top-right-radius: 20px;
}
.two2 {

	width:35%;
	float:left;
	text-align: left;
	padding:20px;
	border:1px solid rgba(255,0,4,1.00);
	border-bottom-left-radius: 20px;
	border-top-right-radius: 20px;
}
		
@media screen and (max-width: 950px) {	

	.one2 {
	width:99% !important; 
	margin-right:0px;
	margin-left:0px;
	}
	div.one {display: inline-block;}
	
	.two2 {
	width:99% !important; 
	margin-right:0px;
	margin-left:0px;
	}
	div.two {display: inline-block;}
		
}	

/* ===========ARBEITEN BOXEN=========== */	
.box_wrap{
	width: 400px; 
	min-width: 400px;
	max-width: 33%; 
	min-height: 250px; 
	background-color:rgba(0,0,0,0.5); 
	margin:20px; float: left;
}
.box_title_left{
	background-color:rgba(41,41,41,0.89); 
	width:250px; 
	height: 25px; 
	max-width: 65%;
	font-family: atten-new, sans-serif;
	padding: 5px; 
	border: 1px solid rgba(41,41,41,0.89); 
	float:left;
}

.box_galerie{
	background-color:rgba(247,247,247,0.05); 
	width:150px; 
	height: 25px; 
	max-width: 30%; 
	padding: 5px; 
	border: 1px solid #fff; 
	text-align: center; 
	color: #fff; 
	font-size: 0.8em; line-height: 1.8em;
	letter-spacing: 0.1em; 
	float:right;
}
.box_text{
	padding:20px; 
	color: #A8A699;
	line-height: 1.5em;
}

@media screen and (max-width: 600px) {
.box_wrap{
	width: 400px; 
	min-width: 350px;
	max-width: 400px;
	min-height: 100px; 
	margin:10px; 
}
.box_title_left{
	width: 350px; 
	max-width: 60%; 
	}
	
.box_galerie{
	width:150px; 
	height: 25px; 
	max-width: 30%; 
	
}
.box_text{
	padding:15px; 
}	
	
	}

/* ============ PopUp=========== */
#popup {
	width: 900px;
	
	max-width:90%;
	overflow: hidden;
	top: 0px;
	position: absolute;
	opacity: 1;
	z-index: 10000;
	cursor: pointer;
	
	
}
#popup-container {
    margin-left: auto;
    margin-right: auto;
	
	
}
#popup-content {

    width: 80%;
    padding: 20px;
	margin: 100px auto 0px auto;
    background-color:#fff;
    border-radius:10px;
	border:5px solid #143C64;
	
	
}	

#news {

    
    
	
}	

/* ============ EXTRA LOGO =========== */

#logobig	 {
	position: absolute;
	top:180px;
	left:180px;
	display: block;
	}


@media screen and (max-width: 1430px) {
#logobig	 {
	width: 300px;
	position: absolute;
	top:130px;
	left:120px;
	display: block;
	}
}
	
@media screen and (max-width: 1200px) {

#logobig	 {
	display: none;
	}

}


/* ============ EXTRA TEXT =========== */

#textheaderwrapper {
	background-color:rgba(255,255,255,0.90);
	width: 100px;
	height:auto;
	z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    margin: 0px auto 0 auto;
    
	border-radius:10px;
}

#textheader {
	

    display: block;
    text-align: center;
    color: #fff;
	margin: 3px auto 3px auto;
	

	}
	.subtitel{
		font-size: 18px;
		}

/* ===========ZOOM=========== */	

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}



.zoomdiv {
	width:100%; 
	margin:1%; 
	border-radius:0px;  
    overflow: hidden;
}

.zoomdiv img {
  max-width: 100%;
  
  -moz-transition: all 0.4s;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.zoomdiv:hover img {
  -moz-transform: scale(1.5);
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}


@media screen and (max-width: 650px) {
	
	.zoomdiv, .zoomdiv_b {
	width:98%;
	margin-top:20px;
	}
}

.responsive-video {
    position: relative;
    padding-bottom: 56.25%; 
    padding-top: 25px;
    height: 0;
}
.responsive-video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ===========fade in=========== */	
.fade {
  opacity: 1;
}  
.hiddenpic {
  display: none;
}  

/*======slideanim=====*/
.slideanim {
    visibility:hidden;
    visibility:visible\9;/*For old IE browsers IE6-8 */
}
.slideanim.slide {                  
    visibility: visible;                  
    animation: slide 1s;
}
/* ===========fade in=========== */	
@keyframes slide {
    0% {
        opacity: 0;
        transform: translateY(50%);
    } 
    100% {
        opacity: 1;
        transform: translateY(0);
    } 
}

.slidertitel {
background-color: rgba(255,0,4,1.00);
	color: #fff; 
	font-size: 2em; 
	font-weight: 600; 
	letter-spacing: 0.07em; 
	padding: 5px 20px 5px 50px; 
	position: absolute; 
	top:40%; left:0px; 
	z-index:300;
} 

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

.slidertitel {

	top:37%; left:0px; 
	font-size: 1.3em; 
} 
} 



/* ===========Fahrten Divs=========== */	

.fahrtentitelfont {
	font-size: 1.2em; 
	letter-spacing: 0.05em;
	font-weight: 600;
	line-height: 1.4em;
}

.fahrt_t_wrap {                  
    width:48%;                  
    height: 60px;
	margin-right:2%;
	margin-bottom:50px;
	float:left;
}

.fahrt_t_left { 
	color: #333;
    width:17%;                  
    height: 80px;
 	font-family: 'Open Sans',  sans-serif;
  	font-weight: 800;
  	font-style:normal;
  	font-size: 2.0em;
  	letter-spacing: 0.10em;
  	line-height:1.3em;
 	text-align:center;
	padding:15px 5px 5px 10px;
	margin-right:1%;
	float: left;
}

.fahrt_t_right { 
	color: #333;
    width:82%;                  
    height: 80px;
	padding:5px 5px 5px 10px;
	float: left;
}

@media screen and (max-width: 1200px) {
	.fahrt_t_wrap {                  
    width:98%;                  
    height: 60px;
	float:left;
}
	
	}

.fahrtennummer {
	
	color: #fff;
    width:80px;                  
    height: 80px;
 	font-family: 'Open Sans',  sans-serif;
  	font-weight: 800;
  	font-style:normal;
  	font-size: 2.0em;
  	letter-spacing: 0.10em;
  	line-height:1.3em;
 	text-align:center;
	border-bottom-left-radius: 20px;
	border-top-right-radius: 20px;
	padding:15px 5px 5px 10px;
	margin-right:1%;
	
	}

.stelle_l {
	
	color: #fff !important;
	background-color: rgba(75,166,11,1.00);
    width:20%;                  
    height: auto;
 	font-family: 'Open Sans',  sans-serif;
  	font-weight: 800;
  	font-style:normal;
  	font-size: 1.0em;
  	letter-spacing: 0.10em;
  	line-height:1.3em;
 	text-align:center;
	padding:15px 5px 15px 5px;
	margin-right:1%;
	border:double 6px #fff;
	border-radius: 10px;
	float:left;
	
	}

.stelle_r {
	
	color: #fff !important;
	background-color: rgba(75,166,11,1.00);
    width:98%;                  
    height: auto;
 	font-family: 'Open Sans',  sans-serif;
  	font-weight: 800;
  	font-style:normal;
  	font-size: 1.0em;
  	letter-spacing: 0.10em;
  	line-height:1.3em;
 	text-align:center;
	padding:15px 5px 5px 10px;
	margin-right:1%;
	border:double 6px #fff;
	border-radius: 10px;
	float:left;
	}

.stelle_l:hover {
	
	background-color: rgba(107,196,15,1.00);

	}
.stelle_r:hover {
	
	background-color: rgba(107,196,15,1.00);

	}



.kontaktone {

	width:40%;
	margin-right:6%;
	margin-bottom: 20px;
	float:left;
	text-align: left;
	padding:20px;
	border:1px solid rgba(120,162,26,1.00);;
	border-radius: 20px;
	
}
.kontakttwo {

	width:40%;
	float:left;
	text-align: left;
	padding:20px;
	border:1px solid rgba(120,162,26,1.00);
	border-radius: 20px;
	
}
		
@media screen and (max-width: 650px) {	

	.kontaktone {
	width:99% !important; 
	margin-right:0px;
	margin-left:0px;
	}
	div.kontaktone {display: inline-block;}
	
	.kontakttwo {
	width:99% !important; 
	margin-right:0px;
	margin-left:0px;
	}
	div.kontakttwo {display: inline-block;}
		
}