@import url(https://fonts.googleapis.com/css?family=Ubuntu:400,300,200,100,500,600,700,800,900);

@media all{
	body{
		font:14px "Ubuntu", Arial, Helvetica, sans-serif;
		margin:0;
		background:#fff;
		width:100%;
		color:#0c231a;
	}
	a{
		color:#383;
		text-decoration:underline;
	}
	a:hover { text-decoration:none;}
	section, header,footer,nav { display:block;}
	img{
		border:0;
		vertical-align:top;
		max-width:100%;
	}
	form,
	fieldset{
		border:0;
		padding:0;
		margin:0;
	}
	h1{
		font:4.285em/1.067em "Ubuntu", Arial, Helvetica, sans-serif; /*60px/64px*/
		margin:0 0 0.167em;
		text-align:center;
		color:#266b4f;
		text-shadow:0px 1px 1px rgba(59,59,59,0.5);
	}
	h2 {
		font:1.714em/1.125em "Ubuntu",Arial, Helvetica, sans-serif; /*24px/27px*/
		color:#266b4f;
		text-align:center;
		margin:0 0 0.417em;
		text-shadow:0px 1px 1px rgba(59,59,59,0.5);
	}
	h3 {
		font:1.357em "Ubuntu", Arial, Helvetica, sans-serif; /*18px/21px*/
		color:#266b4f;
		text-shadow:0px 1px 1px rgba(59,59,59,0.5);
	}
	h4 {
		font:1.057em/0.851em "Ubuntu", Arial, Helvetica, sans-serif; /*18px/21px*/
		color:#266b4f;
		text-shadow:0px 1px 1px rgba(59,59,59,0.5);
	h5 {
		font:1.057em "Ubuntu", Arial, Helvetica, sans-serif; /*18px/21px*/
		color:#f00;
	}
	}
	.subHeading{
		display:block;
		font:2.357em/1.151em "Ubuntu", Arial, Helvetica, sans-serif; /*33px/38px*/
		margin:0 0 1em;
		text-align:center;
		color:#266b4f;
		text-shadow:0px 1px 1px rgba(59,59,59,0.5);
	}

	.fest {
    		position: fixed;
    		top: 5;
    		left: 1;
    		width: 50px;
		}

        .Hoehe100 td {
               height: 10px;
               font-family: Arial,sans-serif;
               font-size: 12px;
               color: #BF00BF;
               padding: 10px;
               text-align: center;
               font-weight: normal;
}


	ul {
		padding:0;
		margin:0;
		list-style:square;
	}
	section ul,
	article ul{
		margin:0 0 0.5em;
	}
	section li,
	article li{
		padding:0 0 0.5em 1.5em;
	}
	.grey li,
	.grey article li
	p {margin:0 0 1em;}
	blockquote {
		margin:0 0 1em;
		background: url(../img/quotes.png) no-repeat;            //Abschnitt f�r Zitate angef�hrt mit " Grafik
		font-weight:bold;
		line-height:1.5em;
		font-style:italic;
		font-color:##fff;
	}
	q {
		quotes:none;
		display:block;
		padding:1.5em 1em 0 40px;
		font-color:##fff;
	}
	q:before { content:"";}
	q:after { content:"";}
	dl{ margin:0 0 10px;}
	dt {font-weight:bold;}
	dd { margin:0 0 10px 20px;}
	form,
	fieldset {
		padding:0;
		margin:0;
		border:0;
	}
	.center {
		max-width:960px;
		width:100%;
		margin:0 auto;
	}
	.hidden{display:none;}
	.box-main:after,
	.center:after {
		content:"";
		clear:both;
		display:block;
	}
	.right { float:right;} 
	.left { float:left;}
	.alignLeft{
		float:left;
		margin-right:1em;
	}
	.alignRight{
		float:right;
		margin-left:1em;
	}
	.fullWidth{width:100%;}
	.fullWidth img{width:100%;}
	.row{
		background-image: url(../img/bg1.gif);
		width:100%;
		//background:#f0f;
		padding:2.857em 0;

	}
	h1{
		color:#266b4f;
		text-shadow:0 1px 2px rgba(59,59,59,0.5);
		}
	.subHeading{
		color:#40b384;
		text-shadow:0 1px 1px rgba(059,59,59,0.5);
	}
	.row:after{
		content:"";
		display:block;
		clear:both;
	}
	.grey{
		font-family:"Ubuntu";
		background:#fff;
		color:#266b4f;
		border-bottom:1px solid #f6f6f6;
		border-top:1px solid #f6f6f6;
		

	}
	.grey rot {
		font:1.057em/0.851em "Ubuntu", Arial, Helvetica, sans-serif; /*18px/21px*/
		color:#ff0000;
		text-align:left;
		text-shadow:0px 1px 1px rgba(59,59,59,0.5);
	}
	.grey h1{
		color:#266b4f;
		text-shadow:0 1px 2px rgba(59,59,59,0.5);
	}
	.grey h2{
		text-shadow:0 1px 2px rgba(59,59,59,0.5);
	}
	.grey .subHeading{
		color:#40b384;
		text-shadow:0 1px 1px rgba(059,59,59,0.5);
	}
	.grey a{color:#DE4A25;}
	.btn{
		position:relative;
		display:inline-block;
		padding:0.278em;
		font:1.714em/2.375em Arial, Helvetica, sans-serif;
		border:1px solid #d600d6;
		background:#dedede;
		text-decoration:none;
		font-weight:bold;
		cursor:pointer;
		width:auto;
		margin:0 -2px;
		overflow:visible;
		
		-webkit-border-radius: 1.67em;
		-moz-border-radius: 1.67em;
		border-radius: 1.67em;
		
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease;
	}
	* +html .btn{margin:0;}
	.btn span{
		color:#fff;
		padding:0 1.25em;
		display:block;
		text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
		

		-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		border-radius: 1.25em;
	}
	.btnSmall{
		padding:0.278em;
		text-decoration:none;
		font-size:1.214em;
		line-height:1.35em;
		background:#fff;
		font-weight:bold;
		border:2px solid #e73046;
		
		-webkit-border-radius: 1.47em;
		-moz-border-radius: 1.47em;
		border-radius: 1.47em;
		
		-webkit-transition: background 0.5s ease;
		-moz-transition: background 0.5s ease;
		-o-transition: background 0.5s ease;
		transition: background 0.5s ease; 
		

	}
	.btnSmall span{
		color:#fff;
		text-decoration:none;
		padding:0 0.47em;
		display:block;
		text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
		
		border:2px solid #60c69c;
		background:#444;

		background-image: linear-gradient(bottom, rgb(255,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -o-linear-gradient(bottom, rgb(255,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(255,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(255,119,149) 0%, rgb(160,188,226) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(255,119,149) 0%, rgb(160,188,226) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(98,119,149)),
			color-stop(1, rgb(160,188,226))
		);
		

		-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		border-radius: 1.25em;
	}
	.btn:hover {
		background:#888;
		background:rgba(0,0,0,0.2);
	}
	.btnSmall:hover {
		background:none;
	}
	.btnSmall:hover span{
		background-image: linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -o-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(109,131,164) 0%, rgb(169,199,241) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(109,131,164)),
			color-stop(1, rgb(169,190,241))
		);
	}
	.btn:active{
		top:1px;
	}
	.btn:hover span,
	.btn:active span{
		color:#e73046;
	}
	.btnGreen span{
		border:1px solid #5e9048;
		background:#75cf44;
		
		background-image: linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -o-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(80,153,46) 0%, rgb(117,207,68) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(80,153,46)),
			color-stop(1, rgb(117,207,68))
		);
	}

	.formRow{
		width:100%;
		margin:0 0 1.5em;
	}
	.formRow:after{
		content:"";
		display:block;
		clear:both;
	}
	.textField{
		width:100%;
		overflow:hidden;
		border:2px solid #e73046;
		background:#fff;
		font-weight:bold;
		padding:0.2em;
		
		-webkit-border-radius: 0.7em;
		-moz-border-radius: 0.7em;
		border-radius: 0.7em;
				
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box; 
		

	}
	input,
	textarea{
		display:block;
		background:#d7f1e6;
		font:1.0em/1.214em "Ubuntu", Arial, Helvetica, sans-serif;  /*14px/17px*/
		color:#444;
		width:100%;
		padding:0.75em 1.0em;
		border:2px solid #60c69c;
		margin:0;
		
		resize:none;
		
	
		-webkit-border-radius: 0.5em;
		-moz-border-radius: 0.5em;
		border-radius: 0.5em;
				
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}
	textarea {
		overflow:auto;
		height:8.812em;
	}
	* +html input,
	* +html textarea,
	* +html .textField{
		width:99%;
		padding:0;
	}
	::-webkit-input-placeholder {
		color:    #404;
	}
	:-moz-placeholder {
		color:    #404;
	}
	.columns{width:100%	}
	.columns:after{
		content:"";
		display:block;
		clear:both;
	}
	.columns > div,
	.columns > article{
		float:left;
		vertical-align:top;
	}
	.columns h2{text-align:left;}
	.half{
		font:1.357em/1.151em "Ubuntu", Arial, Helvetica, sans-serif;  /*14px/17px*/
		color:#266b4f;
		width:48.0%;
		margin:1.3%;
	}
	.oneThird{
		font:1.357em/1.151em "Ubuntu", Arial, Helvetica, sans-serif;  /*14px/17px*/
		color:#266b4f;
		width:32%;
		margin:1%;
	}
	.columns > div:first-child,
	.columns > article:first-child{margin-left:0;}
	.oneThird +.oneThird +.oneThird,
	.threeForth + .oneForth,
	.oneForth + .half,
	.half + .half,
	.half + .oneForth + .oneForth,
	.last{
		float:right;
		margin-right:0;
	}
	.oneForth{width:25%;}
	.threeForth{width:74.5%;}
	.buttons{
		width:100%;
		overflow:hidden;
		text-align:center;
		margin:0.5em 0 0
	}
	.buttons > span{
		background:url(../img/sep-vert.gif) no-repeat 50% 50%;
		display:inline-block;
		font-size:1.714em;
		line-height:1.125em;
		padding:1em 0.75em;
		margin:0 -1px 0 -2px;
		background:#;
	}
	* +html .buttons > span{margin:0 20px;}
	.buttons > span em{
		font-style:normal;
		display:block;
		background:#eaeaea;
	}

	.imgCenter{
		display:block;
		margin: auto auto;
		border:0px solid #cecece;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}

	.imgHolder{
		display:inline-block;
		padding:1px;
		//background:#fff;
		border:0px solid #cecece;
		margin-bottom:1em;
		max-width:100%;
		overflow:hidden;
		
		-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
		-moz-box-sizing: border-box;    /* Firefox, other Gecko */
		box-sizing: border-box;         /* Opera/IE 8+ */
	}

	* +html .imgHolder{
		max-width:93.5%;
		border-width:3%;
		padding:0;
	}
	.imgHolder img{display:block;}
	.grey .imgHolder{
		border-color:#646e7d;
	}
	/*main styles*/
	#pagewidth {width:100%;}
	#header{
		background-image: url(../img/banner.png);
		position: fixed;
		z-index:100;
		left: 0;
		top: 0;
		height:51px;
		width:100%;
		overflow:hidden;
		padding:1.143em 0;
		background:#303030;
		
	}
	#content{padding:82px 0 0;}
	#mainNav{text-align:center;}
	#mainNav li{
		display:inline-block;
		margin:0 5px;
	}
	#mainNav a{
		color:#fff;
		position:relative;
		display:inline-block;
		padding:0.178em;
		text-decoration:none;
		font-size:1.214em;
		line-height:2.35em;
		background:#266b4f;
		font-weight:bold;
		
		-moz-box-shadow:   	inset 0 0px 3px rgba(0,0,0,0.75);
		-webkit-box-shadow: inset 0 0px 3px rgba(0,0,0,0.75);
		box-shadow:         inset 0 0px 3px rgba(0,0,0,0.75);
		
		-webkit-border-radius: 1.47em;
		-moz-border-radius: 1.47em;
		border-radius: 1.47em;
	}
	#mainNav a span{
		color:#fff;
		text-decoration:none;
		padding:0 0.5em;
		display:block;
		text-shadow: 0px 0 rgba(0,0,0,0.31), 0 1px rgba(0,0,0,0.5), 0px 0 rgba(0,0,0,0.5), 0 0px rgba(0,0,0,0.5);
		
		border:1px solid #266b4f;
		background:#266b4f;

		background-image: linear-gradient(bottom, rgb(255,72,82) 0%, rgb(96,106,120) 100%);
		background-image: -o-linear-gradient(bottom, rgb(255,72,82) 0%, rgb(96,106,120) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(255,72,82) 0%, rgb(96,106,120) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(255,72,82) 0%, rgb(96,106,120) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(255,72,82) 0%, rgb(96,106,120) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(38,107,79)),
			color-stop(1, rgb(64,179,132))
		);
		

		-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		border-radius: 1.25em;
	}
	#mainNav a:active{
		top:1px;
	}
	#mainNav a:hover span ,
	#mainNav li.active span {
		background-image: linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
		background-image: -o-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(71,83,101) 0%, rgb(123,145,177) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(64,179,132)),
			color-stop(1, rgb(175,226,205))
		)
	}
	.gallery{
		padding:2px 0;
		position:relative;
		margin:0 auto;
		width:50%;
		position:relative;
	}
	.gallery:after{
		content:"";
		position:absolute;
		bottom:0;
		left:0;
		width:100%;
		height:2px;
	}
	.news > div{
		border:1px solid #505a68;
		position:relative;
		padding:0 0 50px;
		margin:0 0 30px;
		height:1%;
	}
	.news > div:after{
		content:"";
		display:block;
		clear:both;
	}
	.news h3{
		font-size:1.714em;
		line-height:2.583em;
		text-align:center;
		margin:0 0 0.83em;
		border-top:1px solid #909eb2;
		border-bottom:1px solid #545b65;
		background:#5d6a7c;
		
		background-image: linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
		background-image: -o-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
		background-image: -moz-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
		background-image: -webkit-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);
		background-image: -ms-linear-gradient(bottom, rgb(93,106,124) 0%, rgb(126,137,153) 100%);

		background-image: -webkit-gradient(
			linear,
			left bottom,
			left top,
			color-stop(0, rgb(93,106,124)),
			color-stop(1, rgb(126,137,153))
		);
	}
	.news h3 a{
		display:block;
		text-decoration:none;
		text-shadow:0 1px 2px rgba(0,0,0,0.5);

	.news .content{
		width:83%;
		overflow:hidden;
		margin:0 auto;
	}
	.news .readMore{
		position:absolute;
		top:100%;
		margin:-2.143em 0 0;
		width:100%;
		text-align:center;
	}
	.slides{
		list-style:none;
		overflow:hidden;
		padding:0;
		width:100%;
	}
	.slides li{
		padding:0;
		display: none;
		position:relative;
		background:url(../img/sep-vert.gif) no-repeat 50% 50%;
	}
	* +html .slides li{
		display:inline;
		zoom:1;
		margin:0;
	}
	.slides blockquote{
		float:right;
		width:48%;
		margin:2.5em 0 0;
	}
	.slides blockquote:first-child{float:left;}

	.form{width:92%;}
	#testimonials{
		margin-top:-1.857em;
	}
	#testimonials .row{
		padding:0;
		background:url(../img/sep-hor.gif) no-repeat 50% 1.5em;
	}
	#testimonials .row:first-child{
		background:none;
	}
	#testimonials{background:none;}
	#testimonials:after{display:none;}
	#footer{
		width:100%;
		overflow:hidden;
		padding:24px 0;
		color:#266b4f;
		line-height:16px;
	}
	#footer a{
		color:#40b384;
	}
	#footer .copy{float:right;}
	#message p{margin: 0;}
	.error_message{
		padding: 5px 10px!important;
		border-width: 2px !important;
		background:rgba(247,0,0,0.5) !important;
		margin: 0 0 15px;
	}
	.ok_message{
		padding: 10px 15px!important;
		background:rgba(57,143,20,0.5) !important;
		margin: 0 0 15px;
	}
}
@media all and (max-width: 1024px){
}
@media all and (max-width: 960px){
	.center{
		padding:0 10px;
		width:auto;
	}
	.buttons{font-size:11px;}
	#header{
		padding:2px 0 0;
		height:0;
		overflow:hidden;
		position:static;
	}
	#content{padding:0;}
}
@media all and (max-width: 780px){
	body{font-size:13px;}
	.buttons{font-size:9px;}
	h1{font-size:3.5em;}
	.subHeading{font-size:2em;}
	.news h3{font-size:1.3em;}
}
@media all and (max-width: 504px){
	body{font-size:12px;}
	.columns > div,
	.columns > article{
		float:none;
		margin:0;
		width:100%;
	}
	.buttons{font-size:7px;}
	#testimonials li,
	#testimonials .row{
		background:none;
	}
	#testimonials blockquote{
		float:none;
		width:100%;
		position:relative;
	}
	#testimonials blockquote:after{
		background:url(../img/sep-hor.gif) no-repeat 50% 0;
		content:"";
		position:absolute;
		left:0;
		top:-18px;
		width:100%;
		height:2px;
	}
	#testimonials .row:first-child blockquote:first-child:after{display:none;}
	.flex-direction-nav{display:none;}
	h1{font-size:3em;}
	.subHeading{font-size:1.75em;}
}
@media all and (max-width: 320px){
	.buttons > span{display:none;}
	.buttons .btn{margin-top:0.5em;}
	.buttons{margin-top:2em;}
	h1{font-size:2.5em;}
	.subHeading{font-size:1.5em;}
	.news h3{font-size:1.25em;}
}
@media all
	and (min-device-width: 768px)
	and (max-device-width: 1024px){
	#header{
		padding:2px 0 0;
		height:0;
		overflow:hidden;
		position:static;
	}
	#content{padding:0;}
	
}