@charset "utf-8";
*{margin:0;padding:0}
body {
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	list-style-type: circle;
	color: black;
	font-size: 12px;
   background-repeat: no-repeat;
	}
	

	
	.right{
		float:right
	}
	
	.index .header{
	background-image:url(../img/kachel1.jpg);
	}
	
	input[type="button"], input[type="submit"], input[type="reset"]{
		width:120px;
		height:40px;
		border-radius:2px;
		border:1px solid #ccc;
		background-image: -webkit-gradient(linear, left top, left bottom, from( white), to(#ccc ));
		background-image: -webkit-linear-gradient(white ,#ccc  );
		background-image: -moz-linear-gradient(white ,#ccc );
		background-image: -ms-linear-gradient(white ,#ccc);
		background-image: -o-linear-gradient(white ,#ccc);
		background-image: linear-gradient(white ,#ccc);
		}
	
	input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover{

		background-image: -webkit-gradient(linear, left top, left bottom, from( white), to(#888 ));
		background-image: -webkit-linear-gradient(white ,#888  );
		background-image: -moz-linear-gradient(white ,#888 );
		background-image: -ms-linear-gradient(white ,#888);
		background-image: -o-linear-gradient(white ,#888);
		background-image: linear-gradient(white ,#888);
		}
		
	.logo img {height:130px;}	.picheader{width:60%;height:160px}
	
	.main{
		position: relative;
		float: left;
		height: auto;
		width: 100%;
}
		
.header{
	background-image:url(../img/kachel3.png);
	background-repeat: repeat-x;
	background-size:auto 160px;
	height:159px;
		}

.wrapper{
		margin-top: -6px;
		}
		
.logo{
	position:absolute;
	width:100%;
	left:0
	}
	.logo a{width: 158px;
margin: 0 auto;
display: block;}

.only{
	margin-top:56px;
	margin-bottom:45px
}

ul{
	-webkit-padding-start: 20px;

	}
	
	.mitte ul{
	margin-left:15px;
	}
.Stil3 {font-weight: bold}
.Stil4 {font-weight: bold}
.Stil6 {font-weight: bold}

.seite{
	width: 100%;
	min-height:500px;
	float:left;
	margin-top: 2px;
	
	
	background-repeat: no-repeat;
	background-image:url(../img/bg_mid.gif);
	}
	
.index .mitte{
	margin-top:-220px;
	background-image:url(../img/vorhang_1.jpg);
	height:600px;
	background-size:cover;
	width:68%;
	float:left;
	margin-left:0
}

.mitte{
	width: 60%;
	margin-left: 20%;
	margin-top:150px
	}

.left{  
  height: 400px;
  width: 32%;
  margin-top: -130px;
  float: left;
	}

.linie_breit{
	height:280px;
	width:100%;
	background-repeat:no-repeat;
	background-image:url(../img/linien.png);float:left;
	}
	
.index_content{
	width:80%;
	margin-left:5.2%;
	color:white;
	margin-top:120px;
	line-height:25px
	}
	
h1{
	color:#c33;
	font-weight:100;
	}
	
	.index h1{
		margin-left:0;
		color:white;
		margin-bottom:45px
		}
		
h2{	
	font-weight: 100;
	margin-left: 25px;
	font-size:21px;
	color: #999;
	margin-bottom:45px;
	}

td, p{
	line-height:26px
	}
	
table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width:100%
}

a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	color: #A5A5A5;
	text-decoration: none;
}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #A5A5A5;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #cccccc;
	text-decoration: underline;
}
	a.black{
		color:black;
		font-weight:bold
	} 
	
input, textarea { font-family: "Lucida Grande", "Lucida Sans Unicode", lucida, arial, helvetica, sans-serif; color: #666666; background: #fff; font-size: 11px; margin: 0px 0 0px 0; padding: 2px; border: 1px #999999 solid; }

 textarea { height: 170px; background: #fff; }

 input.button { width: 129px; height: 31px; border: 0px; background: none; }


.index input.button { 
	width: 129px; 
	height: 31px; 
	border: 0px; 
	background: none;
	 }

.index input{
	color:white;
	min-width:200px;
	height:80px;
	width:38%;
	margin-left:40%;
	margin-top:45px;
	background-image:url(../img/bg_top1.gif);
	-webkit-box-shadow: 5px 5px 24px 0px rgba(245,13,5,0.71);
	-moz-box-shadow: 5px 5px 24px 0px rgba(245,13,5,0.71);
	box-shadow: 5px 5px 24px 0px rgba(245,13,5,0.71);
	}

.index input:hover{
	-ms-transform: scale(1.05,1.05); /* IE 9 */
    -webkit-transform: scale(1.05,1.05); /* Safari */
    transform: scale(1.05,1.05);	
    background-image:url(../img/bg_top1.gif);
    	-webkit-box-shadow: 5px 5px 24px 0px rgba(195,13,5,0.71);
	-moz-box-shadow: 5px 5px 24px 0px rgba(195,13,5,0.71);
	box-shadow: 9px 9px 14px 0px rgba(195,13,5,0.71);
	}
	
.c21{
	width:19%;
	float:right;
	height:45px;
	padding:2%;
	padding-top:20px;
}

.c20{
	width:15%;
	float:right;
	height:45px;
	padding:2%;
	padding-top:20px;
	text-align: right;
	color:white;
}
.top{
	display:none
		}
		
.mitte{
	padding-bottom:140px;
	}
	
.footer{
	float:left;
	height: 120px;
	width:100%;
	background-image:url(../img/bg_top1.gif) ;
	}

@media screen and (max-width: 1200px) {
	
 .mitte{
	width:90%;
	margin-left:5%;
	padding-bottom:20px;
}

.slider-wrapper.theme-default{
	width:100%;
	margin-left:0;
	}
	
.index .mitte{
	width:97%;
	padding:2%;
	height:auto;
	padding-bottom: 230px;
	margin-left:0;
	margin-top: -200px;
	background-repeat: no-repeat;
}
	
.left{
	position:absolute;
	bottom:20px;
	width:100%;
	height: auto;
	padding-bottom: 130px;
	/* margin-bottom: 65px; */
}
.index h1 {
	margin-left:20%
	}
	
.index input{
	width:200px;
	float:left;
	margin-left: 18%;
}

.index_content{
	width:100%;
	margin-top:0px;
	margin-left:0;
	}
.top{
	float:right;
	display:block;
	padding:12px;
	padding-right:10%;
	margin-bottom:40px
	}
.c21{
	width:5%;
	}

}




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

.index .mitte{
	padding-bottom: 260px;
	margin-bottom:0;
		}
	
.index input{
	width: 200px;
	margin: 10px 30%;
	clear: both;
	float: left;
	display: block;
	border:1px solid red;
}
.mitte{margin-bottom:50px}
h1{-webkit-margin-before: 0em;}
.seite{background-image:none}
.index .mitte {
    padding-bottom: 260px;
}
.c21{
	width:3%;
	}
.mitte{padding-bottom:20px;}

}




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

.c20{
	width: 50%;
	padding-right:4%;
	height:40px;
}
}
@media screen and (min-width: 1200px) {
.footer{
	bottom:0;
	position: fixed;
		}
.index .footer{

	bottom:auto;
	position: relative;
		}
}