@charset "utf-8";
html, body {
	margin:0;
	padding:0;
	text-align:center;
	color: #000000;
	font-family: 'raleway', sans-serif;
	height: 101%;
	background: #FFFFFF;
	line-height: 150%;
}


div, img, area, textarea, input {
	outline: none;
}

input {width: 90%; border: 1px solid #555555; padding: 10px 5%; margin-bottom: 18px; font-family: 'raleway', sans-serif; font-size: 14px;}
textarea {width: 90%; border: 1px solid #555555; padding: 10px 5%; margin-bottom: 18px; font-family: 'raleway', sans-serif; font-size: 14px;}
input[type='submit'] {width: 90%; background: #F08112; color: #FFFFFF; cursor: pointer; }
input[type='submit']:hover {background: #CD660B;}

iframe { width: 100%; min-height: 200px; }

H1, H2 {font-weight: normal; margin: 0; padding: 0;line-height: 150%;}
A {	color: #F08112; text-decoration: none;}
A:hover {	color: #000000;}

IMG {max-width: 100%; height:auto;}
header IMG {width: 100% !important}

.orange {color: #F08112; }
.backorange {background-color: #F08112; color: #FFFFFF;}
.backorange A {color: #FFFFFF;}
.backgrau {background-color: #555555; color: #FFFFFF;}
.backorange A {color: #FFFFFF;}

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

#logo #dronik {margin: 25px 0;}
#logo #tigergrip {width: 50%;margin: 25px 0;}


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

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


.einspalter {width: 95%;margin-left: auto; margin-right: auto;; padding: 0; position:relative; display: block;}

.zweispalter {width: 95%; margin-left: auto; margin-right: auto; padding: 0; position:relative; display: block;}
.zweispalter .spalte1 {width: 100%; display: block;}
.zweispalter .spalte2 {width: 100%; display: block;}

.dreispalter {width: 95%; margin-left: auto; margin-right: auto; padding: 0; position:relative; display: block;}
.dreispalter .spalte1 {width: 100%; display: block;}
.dreispalter .spalte2 {width: 100%; display: block;}
.dreispalter .spalte3 {width: 100%; display: block;}





	
		
.clearfix {
	display: block;
	clear: both;
}




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

	.pagewidth { max-width: 760px; }

	

#logo .spalte1 {text-align: left; }
#logo .spalte2 {text-align: right;}
#logo  IMG {width: 100px !important; padding: 0px;}

		.einspalter {display: block; position: relative;}
		.einspalter .spalte1 {padding: 0% 5%; width: 90%; }
		
		.zweispalter {display: block; position: relative;}
		.zweispalter .spalte1 {padding: 0 2.5% 0 0; width: 47.5%; float: left; display:inline;}
		.zweispalter .spalte2 {padding: 0 0 0 2.5%; width: 47.5%; float: left; display:inline;}

		.dreispalter {display: block; position: relative;}
		.dreispalter .spalte1 {padding: 0% 5%; width: 23.33%; float: left; display:block;}
		.dreispalter .spalte2 {padding: 0% 5%; width: 23.33%; float: left; display:inline;}	
		.dreispalter .spalte3 {padding: 0% 5%; width: 23.33%; float: left; display:inline;}	

		
		
	
}

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

	.pagewidth { max-width: 960px; }
	#logo  IMG {width: 125px !important;}
iframe { width: 100%; min-height: 250px; }		
	FOOTER { width: 960px; }
	
}

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

	.pagewidth { max-width: 1280px; }
	#logo  IMG {width: 150px}
iframe { width: 100%; min-height: 300px; }	
	FOOTER { width: 1280px; }
	
}