@charset "utf-8";
/* CSS Document */
/* CSS Resets */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;margin:0;padding:0}article,aside,figure,figure img,figcaption,hgroup,footer,header,nav,section,video,object{display:block}a img{border:0}figure{position:relative}figure img{width:100%}

@font-face {
	font-family: 'man-font';
	src: url('../font/MANEuropeCondensed-Regular.eot');
	src: url('../font/MANEuropeCondensed-Regular.eot?#iefix') format('eot'),
		url('../font/MANEuropeCondensed-Regular.woff') format('woff'),
		url('../font/MANEuropeCondensed-Regular.ttf') format('truetype');

	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'man-font-bold';
	src: url('../font/MANEuropeCondensed-Bold.eot');
	src: url('../font/MANEuropeCondensed-Bold.eot?#iefix') format('eot'),
		url('../font/MANEuropeCondensed-Bold.woff') format('woff'),
		url('../font/MANEuropeCondensed-Bold.ttf') format('truetype');

	font-weight: bold;
	font-style: bold;
}

body{color:#838a92; font-size: 18px;  width: 100%; font-family: 'man-font', arial, sans-serif; font-weight: 400; height: auto;}

*{box-sizing: border-box;}

.row{width: 1200px ; margin: 0 auto;clear: both;}
[class*='col-'] {padding: 0 0; float: left;}
.col-100{width: 100%; margin: 10px 0; padding: 10px 10px;}
.col-90{width: 90%;}
.col-80{width: 80%;}
.col-70{width: 70%;}
.col-66{width: 66.6%; }
.col-60{width: 60%;}
.col-55{width: 55%;}
.col-50{width: 50%;}
.col-40{width: 40%; }
.col-33{width: 33.3%;}
.col-30{width: 30%;}
.col-25{width: 25%;}
.col-20{width: 20%;}
.col-10{width: 10%;}

.clear{clear: both;}
.right{text-align: right;}

a{text-decoration: none;color: #303c49;}
a:hover{color: #E60146;}

p{margin-bottom: 10px;}
ul{list-style: none;}


header{width: 100%;}
header .head-grau{background:#303c49; width: 100%; height: 95px; display: block; margin: 0 auto; position: relative; border-bottom: 4px solid #E90146;}
header .head-grau .logo span{margin-left: 20px;}
header nav{width: 100%; background: #F0F1F2; height: 56px;}
header nav ul{width: 1200px; margin: 0 auto; }
header nav ul li a{float: left;color: #303c49; padding: 12px 20px; border-bottom: 2px solid #F0F1F2;}
header nav ul li a:hover{border-bottom: 2px solid #303C49;color: #303c49;}

section{position: relative;}
section .slider{width: 1200px; height: 433px; display: block; margin: 0 auto; position: relative;}
section ul{list-style:circle; margin-left: 20px; margin-bottom: 30px;}
section .start-content{padding: 0 30px 50px 30px;}


h1{color: #303c49; font-weight: 600; font-size: 2.2em; margin-top: 40px; margin-bottom: 20px;}
h2{color: #E60146;}
.start-content h3{margin: 55px 0 20px 0; }
footer .col-33, section .col-33{padding: 20px;}
.center-box{height: 466px; display: block;  margin-bottom: 50px; color: #303C49; border: 1px solid #f0f1f2; position: relative; font-size: 0.8em;}
.center-box img{width: 100%;}
.center-box h3{margin: 10px 20px 15px 20px; font-size: 1.3em;}
.center-box p{margin: 0 20px 15px 20px;}
.center-box ul{list-style: none; margin-left: 0; margin: 0 0 30px 20px;}
.center-box a{color: #303C49; text-decoration:none;}
.center-box a.mehr{color: #303C49; border: 1px solid #303C49; border-radius: 3px; padding: 5px 20px; position: absolute; bottom: 5px; right: 5px; display: block;}
.center-box a.mehr:hover{color: #303C49; border: 1px solid #303C49; background: #f0f1f2; }

.ap-box{display: block;  margin: 10px 10px 10px 0; color: #303C49; border: 1px solid #f0f1f2; position: relative; width: 230px; float: left; text-align:center;} 
.ap-box .image{display: inline-block;}
.ap-box .image img{width: 100%; height: auto;}
.ap-box .bereich{margin-top: -5px;}
.ap-box .bereich p span{background: #f0f1f2; width: 100%; height: auto;padding: 5px 0; display: block; margin-bottom: 5px;}

.galerie{width: 100%; clear: both; padding: 30px 0;}

#map{width: 100%; height: 300px; margin-top: 80px;}

footer{background: #f0f1f2; width: 100%; height: auto;color: #303C49; padding: 20px 0 40px 0; font-size: 0.9em;}
footer h3{margin: 0px 0px 15px 0px; font-size: 1.3em;}
footer p{line-height: 25px;}
footer span{width: 120px; height: 20px; display: block; float: left;}
.foot-nav ul li a{ background: url(../images/nav-pfeil.png) top 10px right no-repeat; width: 200px; padding: 3px 0; display: block;}
footer .foot-line{border-top: 1px solid #e1e1e1; margin-top: 30px; padding: 10px 0 10px 20px; position:relative;}
footer .foot-line nav ul li{float: left; padding: 5px 10px; border-right: 1px solid #303C49;}
footer .foot-line nav ul li:last-child{border-right: none;}
footer .foot-line .col-33{padding: 0 20px 20px 0px;}



.formular{padding: 55px 30px 10px 30px;}
.formular .daten{float: left;width: 250px;}
.formular .mitteilung{float: left;width: 100%; padding: 30px 0;}
form label {	line-height:1.4;	vertical-align:top;	width:150px;	float:left; font-size: 1.1em; font-weight:300; margin-top: 10px;}
input, select {	border:1px solid rgba(238,238,238,0.9);	 width: 200px;color: #303C49; height: 30px;}
input[type="submit"]{background: #F0F1F2;  width: 200px; text-align: center; text-transform:uppercase; float: left; margin-top: 10px; height: 50px; line-height:50px; color: #303C49;border: 1px solid  #303C49;}
textarea{border:1px solid rgba(238,238,238,0.9);width: 100%; height: 300px;}
input:focus {	color: #303C49;	border: 1px solid  #303C49;	background: rgba(238,238,238,0.4);}
textarea:focus {	color: #303C49;	border: 1px solid  #303C49;	background: rgba(238,238,238,0.4);}

form fieldset fieldset label {	display:block;	width:auto;}
.error input {    color: red;}