	
	
	#SmallOnly{
		display: block;
	}
	#NoSmall{
		display: none;
	}	
	.MidOnly{
		display: none;
	}
	.NoMid{
		display: block;
	}	
	#BigOnly{
		display: none;
	}
	#NoBig{
		display: block;
	}
	#FirstBox{
		margin-top: 0%;
		/*padding-top: 90px;*/
		
	}
	#news{
		border-bottom-style: none;
		border-bottom-color: #01ff10;		
		padding-top: 90px;
	}
	.blackbox{
		float: left;
		padding: 0% 0% 0% 0%;
		margin: 0% 0 0 0;
		background-color: #3f3f3f;
		position: relative;
		/*min-width: 300px;*/
		width: 100%;
		height: auto;
		opacity: 1;
		z-index: 4;
		border-top-color: green;
		border-top-style: none;
    }
	.whitebox{
		float: left;
		padding: 0% 0 0 0;
		margin: 0% 0 0 0;
		/*background-color: #fafafa;*/
		background-color: #e0e0e0;
		position: relative;
		/*min-width: 300px;*/
		width: 100%;
		height: auto;
		opacity: 1;
		z-index: 4;
		border-top-color: green;
		border-top-style: none;
    }	
	.textbox{
		margin: 0% 10% 0 10%;
		padding: 10% 0% 10% 0%;
		/*background-color: #fafafa;*/
		background-color: #3f3f3f;
		font-size: 2em;
		font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;		
	}
	.textbox img{
		margin: 0% 0% 0% 0%;
		padding: 15% 0 10% 0;
		width: 100%;
		opacity: 1;
	}
	.textbox p{
		margin: 5% 0% 5% 0%;
		padding: % 0 0% 0;
		width: 100%;
		/*color: #808080;*/
		/*color: #f0f0f0;*/		
		opacity: 1;
		text-align: center;
		font-size: 60%;
	}	
	.textbox h1{
		padding-top: 2.5%;
		color: #01ff10;
		opacity: 1;
		text-align: center;
		font-size: 80%;
	}	
	.textbox h2{
		padding-top: 2.5%;
		color: #01ff10;
		opacity: 1;
		text-align: center;
		font-size: 80%;
	}
	.textbox a{
		color: #01ff10;
		text-decoration: underline;
	}
	.textbox a:hover{
		color: #01ff10;
	}
	
	.black{
		background-color: #3f3f3f;
		color: #b0b0b0;
	}
	.white{
		background-color: #e0e0e0;
		color: #999999;
	}
	.white a{
		color: #999999;
	}
	
	.bildbox {
		float: left;
		padding: 0 0 0% 0;
		margin: 0% 0 0 0%;
		position: relative;
		background-color: #3f3f3f;
		width: 100%;
		height: auto;
		z-index: 2;
		opacity: 1;
	}
	.logobox{
		/*margin: 7.5% 10% 0% 10%;*/
		padding: 15% 0 15% 0;
		/*background-color: red;*/
		background-color: #3f3f3f;
	}
	.logobox img{
		margin: 0% 20% 0% 20%;
		/*padding: 5% 0 5% 0;*/
		width: 60%;
		opacity: 1;
	}
	.contactbox{
		margin: 0% 0% 0% 0%;
		padding: 0% 0 7.5% 0;
		background-color: #e0e0e0;
		height: 500px;
	}
	.contactbox img{
		margin: 2.5% 0% 0% 10%;
		padding: 0% 0 0% 0;
		width: 15%;
		opacity: 0.75;
	}	
	.contactbox_text{
		display: block;
		bottom: 0;
		left: 0;
		margin: 150px 5% 0% 5%;
		/*min-width: 260px;*/
		width: 90%;
		height: auto;
		position: absolute;
		z-index: 0;
		opacity: 1;
		background-color: #e0e0e0;
		color: #808080;
		/*border: 4px solid #01ff10;*/
	}
	.footerbox{
		/*bottom: 0;*/
		margin: 0% 0% 0 0%;
		padding: 3.5% 0 10% 0%;
		background-color: #3f3f3f;
		/*background-color: red;*/
		font-size: 110%;
		z-index: 3;
		witdth: 100%;

	}	
	.left_footer{
		margin: 0% 10% 2% 10%;
		text-align: center;
		font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
		width: 80%;
		opacity: 1;	
		color: #999999;
		background-color: none;

	}
	.right_footer{
		margin: 2% 10% 0% 10%;
		text-align: center;
		font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
		width: 80%;
		opacity: 1;
		background-color: none;;		
	}
	.right_footer a{
		color: #999999;
		text-decoration: none;
		font-size: 0.8em;
	}
	.right_footer a:hover{
		color: #01ff10;
	}
	.socialbox{
		bottom: 0;
		float: left;
		padding: 2% 0% 0% 0%;
		margin: 0% 0 0 0;
		background-color: #3f3f3f;
		/*background-color: yellow;*/
		/*min-width: 300px;*/
		width: 100%;
		height: auto;
		opacity: 1;
		z-index: 4;
		border-top-color: green;
		border-top-style: none;	
		text-align: center;	
	}
	.socialbox img{
		width: 25px;
	}
	.socialbox a{
		font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;						
		color: #01ff10;
		text-decoration: none;
		font-size: 120%;	
	}	
	
@media screen and (min-width: 1000px) {
	#SmallOnly{
		display: none;
	}	
	#NoSmall{
		display: block;
	}	
	.MidOnly{
		display: block;
	} 
	.NoMid{
		display: none;
	}	
	#BigOnly{
		display: none;
	}	
	#NoBig{
		display: block;
	}	
	#FirstBox{
		margin-top: 0%;
		/*padding-top: 120px;*/
	}
	/*.contactbox{
		margin: 20% 10% 0 10%;
		padding: 0% 0 12% 0;
		background-color: #e0e0e0;
	}
	.contactbox img{
		margin: 2.5% 0% 0% 2.55%;
		padding: 0% 0 0% 0;
		width: 30%;
		opacity: 0.75;
	}		
	.contactbox_text{
		display: block;
		top: 0;
		left: 0;
		margin: 10% 10% 18% 10%;
		width: 80%;
		height: auto;
		position: absolute;
		z-index: 9;
		opacity: 1;
		background-color: white;
		color: #808080;
	}*/	
	.socialbox img{
		width: 50px;
	}	
	.footerbox{
		margin: 2.5% 10% 0 10%;
		padding: 0% 0 3.5% 0%;
		background-color: #3f3f3f;
	}	
	.logobox{
		padding: 10% 0 10% 0;

	}
	.logobox img{
		margin: 0% 10% 0% 10%;
		padding: 0% 0 0% 0;
		width: 80%;
		opacity: 1;
	}
	.textbox{
		margin: 0% 10% 0 10%;
		padding: 5% 0 5% 0;		
	}	
	.textbox p{
		margin: 5% 10% 5% 10%;
		padding: 0% 0 0% 0;
		width: 80%;
	}
	.textbox h1{
		font-size: 130%;
	}
	.textbox h2{
		font-size: 130%;
	}	
}
@media screen and (min-width: 1500px) {
	#SmallOnly{
		display: none;
	}	
	#NoSmall{
		display: block;
	}	
	.MidOnly{
		display: none;
	} 
	.NoMid{
		display: block;
	}	
	#BigOnly{
		display: block;
	}
	#NoBig{
		display: none;
	}
	#FirstBox{
		margin-top: 0%;
		/*padding-top: 5%;*/		
	}	
	
	.contactbox{
		margin: 0% 10% 5% 10%;
		padding: 0% 0 0% 0;	
		background-color:#e0e0e0;
		height: 500px;
	}
		
	.contactbox_text{
		display: block;
		top: 0;
		left: 0;
		margin: 38% 0% 0% 25%;
		width: 50%;
		height: auto;
		position: absolute;
		z-index: 9;
		opacity: 1;
		background-color: #e0e0e0;
		color: #808080;
	}
	.contactbox img{
		width: 20%;
	}
	.contactbox p{
		margin-left: 2.5%;
		margin-top: 0%;
		font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
		font-size: 150%;
		color: #999999;		
		
	}
	.contactbox a{
		color: #999999;		
		text-decoration: underline;
	}
	.contactbox a:hover{
		color: #01ff10;		
		text-decoration: underline;
	}	
	.footerbox{
		margin-top: 0;
		padding-top: 0;
		background-color: #3f3f3f;
		/*background-color: #3f3f3f;*/

	}	
	
	.left_footer {
		float: left;
		margin: 1% 0% 0 0%;
		padding: 1% 0 2% 0;
		width: 25%;
		font-size: 120%;
		color: #999999;
		font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
		opacity: 0.75;	
		text-align: left;
	}
	.right_footer {
		float: right;
		font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;		
		color: #999999;
		margin: 1% 0% 0 0;
		padding: 1% 0 2% 0;
		text-align: right;
		width: 15%;
		font-size: 120%;
		opacity: 0.75;
	}	
	.logobox{
		margin: 5% 10% 5% 10%;
		padding: 0% 0 0% 0;
		/*background-color: #e0e0e0;*/
		background-color: #3f3f3f;
	}	
	.logobox img{
		margin: 0% 0% 0% 0%;
		padding: 0% 0 0% 0;
		width: 100%;
		opacity: 1;
	}	
	.textbox{
		margin: 0% 10% 0 10%;
		padding: 8% 0 3% 0;	
		font-size: 1.75em;
		font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;				
	}	
	.textbox p{
		margin: 5% 30% 5% 30%;
		padding: 0% 0 0% 0;
		width: 40%;
		font-size: 100%;
	}	
	.textbox h1{
		font-size: 150%;
	}	
	.textbox h2{
		font-size: 150%;
	}	
	.bildbox{
		margin-left: 0.0%;		
	}
	.socialbox{	
		display: none;
	}
	.insta{
		margin: 0;
		padding: 0;			
	}
	.insta img{
		width: 50px;
	}
	.insta a{
		font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;						
		color: #999999;
		text-decoration: underline;
		font-size: 150%;
	}
	.insta a:hover{
		color: #999999;
	}


}

	