@charset "utf-8";
html, body {
	margin:0;
	padding:0;
	text-align:center;
	color: #3C3C3C;
	font-family: 'Open Sans', sans-serif;
	height: 101%;
	line-height:150%;
}
html {
        background: url(images/background.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
}


div, img, area, textarea, input {
	outline: none;
}
H1, H2, H3 {font-family: 'Encode Sans Condensed', sans-serif;  margin: 0;padding: 0; }

H1 {margin-left: -25px; padding-left: 25px; background: url(images/kasten.png) 0 20px no-repeat;
	font-size: 40px; text-transform: uppercase; color: #0EA7E1;  font-weight: normal;line-height:100%;}
H2 {font-size: 20px; font-weight:bold;line-height:150%; }	


A {	color: #0EA7E1; text-decoration: none;}
A:hover {	color: #000000;}
A.aktiv { color: #0EA7E1}

.blautext { color: #0EA7E1}
.grautext { color: #979286 !important}
.backgrau {background: #3C3C3C; color: #FFFFFF;}
.backgrau A {color: #FFFFFF; }
.backhellgrau {background: #E4E4E4;}

.backweiss {background: #FFFFFF;  color: #3C3C3C}
.backweiss A {color: #CA1336; }

.left {text-align: left;}
.center {text-align: center;}
.right {text-align: right;}

.pagewidth {
	width:  100%; text-align:left; margin-left:auto; margin-right:auto; }






#logo { position: relative;width: 100%;  text-align:center;}
#logo IMG { width: 50%; height:auto; margin-top: 10px;}

IMG.fullsize {width: 100%; height: auto; display: block;}

#but_menue {width: 40px; padding: 10px;margin-left: auto; margin-right: auto; cursor: pointer;}
#but_menue IMG {width: 100%; height: auto;}

NAV { width: 100%; text-align: center; display: none;  margin: 25px 0; line-height: 35px; }
NAV A {font-family: 'Encode Sans Condensed', sans-serif;  text-transform: uppercase; font-size: 25px;}
NAV IMG {display: none;}		
.icon_submenue {display: none;}


#intro {background: #FFFFFF; clear:both; display: block; width: 100%;}
#intro IMG {width: 100%; height: auto;}

.row {padding: 50px 0;}


.einspalter {width: 90%; padding: 0 5%; text-align: left; text-align:justify;}
.einspalter IMG {max-width: 100%; height: auto;  }

.zweispalter {width: 90%; padding: 0 5%; margin: 0; position:relative; display: block; text-align: left;}
.zweispalter .spalte1 {width: 100%; display: block;}
.zweispalter .spalte2 {width: 100%; display: block;}

.zweispalter .spalte13 {width: 100%; display: block;}
.zweispalter .spalte23 {width: 100%; display: block;}

.dreispalter {width: 90%; padding: 0 5%; margin: 0; position:relative; display: block; text-align: left;}
.dreispalter .spalte1 {width: 100%; display: block; position: relative;}
.dreispalter .spalte2 {width: 100%; display: block; position: relative;}
.dreispalter .spalte3 {width: 100%; display: block; position: relative;}


.fullsize {width: 100%; padding: 0;}
.fullsize IMG {width: 100%; height:auto; }
.fullsize P { padding: 0 5%; margin: 0;}





FOOTER {width: 100%; padding: 0; background: #363636; padding-top: 25px; color: #FFFFFF;  text-align: center;}
FOOTER A {color: #FFFFFF}
Footer A:hover {color: rgb(0,204,255); }
FOOTER P {margin: 0; padding: 3px 0; }
FOOTER H3 {margin: 0; padding: 0; font-size: 20px;}
FOOTER .dreispalter .spalte3 {text-align: center;}	
FOOTER IMG {height: auto; margin: 0 1%;}

.but_0 {color: #FFFFFF; background: #ABD02B; padding: 10px; text-transform: uppercase; font-weight: bold; cursor: pointer;}
.but_0:hover {background: #8BB00B;}


#icons {position: fixed; right: 0; top: 150px; z-index: 10000}
#icons IMG { width: 50px; height: auto; }
.scrollRunter{  bottom:15px; left: 50%; cursor:pointer; position:fixed; z-index:1000; text-align:center; opacity: 0.7;    filter: alpha(opacity=70);}
.scrollRunter:hover {opacity: 1;    filter: alpha(opacity=100);}

#email_error, #name_error {color: #CA1336}

/* #########################################################################################  */
	
		
.clearfix {
	display: block;
	clear: both;
}




/* Tabletts */
@media only screen and (min-width: 760px) {

	.pagewidth { max-width: 760px; }


		#but_menue {display: none;}
		
		#logo { position: relative;width: 100%;  text-align:center;  margin-top: 15px;}
		#logo IMG { width: 200px; height:auto;}		
	
	
		

		NAV {display: block; text-align:center; margin: 15px 0;}
		NAV DIV { width: auto; display: inline; padding: 0 10px;}
		NAV A {font-size: 20px; color: #3C3C3C;}
		NAV IMG {display: inline-block;}	
		
		.icon_submenue {display: inline; margin-bottom: 3px; margin-right: 5px;}
		#icons img{width: 75px;}
		
		.einspalter {display: block; position: relative;}
		.einspalter .spalte1 {padding: 0%; width: 100%; }
		
		.zweispalter {display: block; position: relative;}
		.zweispalter .spalte1 {padding: 0 2% 0 0; width: 48%; float: left; display:inline;}
		.zweispalter .spalte2 {padding: 0 0 0 2%; width: 48%; float: left; display:inline;}
		.fullsize .spalte13 {width: 30%; float: left; display:inline;}
		.fullsize .spalte23 {width: 70%; max-width: 800px; float: left; display:inline;}
		.fullsize .spalte13 IMG {padding-top: 220px; display: block;}
		
		.dreispalter {display: block; position: relative;}
		.dreispalter .spalte1 {padding: 0 2% 0 0; width: 31.33%; float: left; display:inline;}
		.dreispalter .spalte2 {padding: 0 1% 0 1%; width: 31.33%; float: left; display:inline;}	
		.dreispalter .spalte3 {padding: 0 0 0 2%; width: 31.33%; float: left; display:inline;}	
		
		 .fullsize .spalte1 {display: inline-table; padding: 0; width: 32%; padding: 0;}
		 .fullsize .spalte2 {display: inline-table; padding: 0; width: 32%; margin-left: 2%; margin-right: 2%; padding: 0;}
		 .fullsize .spalte3 {display: inline-table; padding: 0; width: 32%; padding: 0;}

		 #kontakt  .fullsize .spalte1 {width: 48%; }
		 #kontakt  .fullsize .spalte2 {width: 48%; }
		 		 
.fullsizeboxen  {overflow: hidden;   }
.fullsizeboxen .spalte1, .fullsizeboxen .spalte2, .fullsizeboxen .spalte3 { padding-bottom:500px;  margin-bottom:-480px; }






	
footer {clear: both;}


#icons {top: 300px;}
	
}

/* Mittlere Gr��e */
@media only screen and (min-width: 960px)  {

	.pagewidth { max-width: 960px; }

	#logo {width: 200px; float: left; } 
	#logo IMG {width: 100%; }
	NAV { position: relative;display: block; width: 740px; float: right; text-align: left;  text-align: right; margin-top: 60px;} 
	NAV A {font-size: 20px;}






		.fullsize .spalte13 IMG {padding-top: 140px}
	


	#kooperationspartner IMG {width: 16%; height: auto; }

	#icons {top: 350px;}
	#icons IMG {width: auto;}
	FOOTER IMG.stempel {width: 40%; height: auto;}
	
}

/* Gro�e Monitore */
@media only screen and (min-width: 1280px)  {

	.pagewidth { max-width: 1280px; }

	#logo {width: 260px;}
	NAV {width: 1000px; margin-top: 80px;}
	


	.fullsize .spalte13 IMG {padding-top: 20px}
				

	
	FOOTER .dreispalter .spalte1 {padding: 0 2% 0 0; width: 37.33%; float: left; display:inline;}
	FOOTER .dreispalter .spalte2 {padding: 0 1% 0 1%; width: 19.33%; float: left; display:inline;}	
	FOOTER .dreispalter .spalte3 {padding: 0 0 0 2%; width: 37.33%; float: left; display:inline;text-align: right;}	
			
	
	
}