@import"../css/reset.css";@import"../css/skeleton.css";@import"../css/superfish.css";@import"../css/flexslider.css";@import"../css/forms.css";@import"../css/prettyPhoto.css";
body{background:#e9e9e9 url(../images/bg-body.jpg) 50% 0 repeat;font:12px/18px Arial, Helvetica, sans-serif;color:#6a6a6a;position:relative;min-width:320px;}
html,body{height:100%;}
p{padding-bottom:18px; font-size: 14px;}
a{color:#2da8ac;outline:none;cursor:pointer;text-decoration:none;}  /** #2da8ac ist türkis**/
a:hover{text-decoration: underline}


/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1.2em;color:#3d3d3d; font-family:Georgia, "Times New Roman", Times, serif; font-weight:normal;}
h1{font-size:30px;}
h2{font-size:27px;}
h3{font-size:23px; padding-bottom:14px;} 
	h3 a{color:#3d3d3d;}
	h3 a:hover{ text-decoration:none;color:#2da8ac;}
h4{font-size:23px;color:#2da8ac; font-style:italic;}  
h5{font-size:18px;}
h6{font-size:16px;}


/* Global Structure---------------------------------------- */
.main{ width:1019px; margin:0 auto; background:#fff; box-shadow:0 2px 2px rgba(0,0,0,.3);}
/*----- txt,links,lines,titles -----*/
.clear{clear:both;line-height:0;font-size:0;overflow:hidden;height:0;width:100%;}
.wrapper{overflow:hidden;position:relative;}
.extra-wrap{overflow:hidden;display:block;}
.extra-wrap1{overflow:hidden;display:block; text-align:center;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignmiddle *{vertical-align:middle}
.color1{color:#2da8ac;}


/*********************************header*************************************/
header{ background:url(../images/bg-header.jpg) center 0 no-repeat; width:100%; padding:43px 0 0;}
header h1{ padding-bottom:44px; margin-left:-1px;}
header h1 a{ display:block;background:url(../images/logo_neu2.png) 0 0 no-repeat; width:254px; height:62px; text-indent:-5000px;}


/********************** Content ************************/
section{ background:#fff; width:100%;}
.padcontent{ padding:2px 0 54px;}
.padcontent2{ padding:2px 0 60px;}
.padcontent3{ padding:2px 0 37px;}
.padcontent4{ padding:2px 0 53px;}

.box{ background:url(../images/bg-box.png) 0 0 no-repeat; display:block; box-shadow:0 0 3px rgba(0,0,0,.3); border-radius:5px; margin:2px 0 0 0; overflow:hidden; padding:12px 20px 14px 20px; font-size:11px; line-height:15px; color:#6a6a6a;
	-webkit-transition:box-shadow 0.5s ease;-moz-transition:box-shadow 0.5s ease;-o-transition:box-shadow 0.5s ease;transition:box-shadow 0.5s ease;}
	.box img{ float:left; margin:11px 18px 0 0;}
	/**.box .extra-wrap{ background:url(../images/line-box.png) 0 0 no-repeat; padding:4px 0 0 18px;}**/
	.box .extra-wrap h3{ padding-bottom:6px;}
	.box p{ padding-bottom:0;}
	.box:hover,.box2:hover{ text-decoration:none; box-shadow:0 0 8px rgba(0,0,0,.3); color:#000;}
	
.box2{ display:block; box-shadow:0 0 3px rgba(0,0,0,.3); border-radius:5px; margin:2px 0 0 0;color:#6a6a6a; padding:10px 10px 13px 10px; position:relative; min-height:251px; background:#fff;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.box2 .box-img{ margin-bottom:21px;}
	.box2 span{ display:inline-block; padding-left:2px;}
	.box2 span.color1{ font:23px/1.2em Georgia, "Times New Roman", Times, serif; text-align:center; display:block; bottom:19px; right:19px;}
.news span{ display:inline-block; padding-bottom:10px;}

.list1 li{ background:url(../images/marker.png) 0 5px no-repeat; padding:0 0 12px 26px}
	.list1 li a{-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.list1 li a:hover{ text-decoration:none; color:#4a3e31;}
	
.list2{ position:relative;}
	.list2 li{ float:left; padding:4px 22px 8px 0px;} /**padding unten war 18px**/
	.list2 li img{ max-width:100%; height:auto;}
	
.list2-2{ padding:14px 0 0 0;}
	.list2-2 li{ height:auto;}
	.list2-2 h3{ padding:11px 0 8px 0;}
	
.line{  width:100%; border-bottom:1px solid #dddddd; max-width:940px; margin:0 auto;}
.line span{ display:block;background:url(../images/line-img.jpg) 50% 0 no-repeat; width:100%; height:15px; margin-bottom:-8px;}

.box-img{ display:inline-block;border-radius:5px; box-shadow:0 0 1px rgba(0,0,0,.3);-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
.box-img img{ max-width:100%; height:auto;}
	a.box-img:hover{box-shadow:0 0 7px rgba(0,0,0,.3);}

.facts a{ display:block; color:#6a6a6a;}
	.facts p{ padding-bottom:12px;}
	.facts a:hover{color:#2da8ac; text-decoration:none;}
	.facts a:hover .dropcap{ border:1px solid #14a1a7;
		background: #4AC0C3;
		background: -webkit-gradient(linear, 0 0, 0 bottom, from(#4AC0C3), to(#36a8ad));
		background: -webkit-linear-gradient(#4AC0C3, #36a8ad);
		background: -moz-linear-gradient(#4AC0C3, #36a8ad);
		background: -ms-linear-gradient(#4AC0C3, #36a8ad);
		background: -o-linear-gradient(#4AC0C3, #36a8ad);
		background: linear-gradient(#4AC0C3, #36a8ad);
		-pie-background: linear-gradient(#4AC0C3, #36a8ad);}

.dropcap{ color:#fff; border:1px solid #bcbcbb; float:left; width:25px; height:21px; border-radius:15px; text-align:center; box-shadow:0 1px 1px rgba(0,0,0,.1); margin:4px 12px 0 0; padding-top:4px;text-shadow:-1px 1px 1px rgba(0,0,0,.3);
	background: #CDCDCD;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#CDCDCD), to(#b9b9b9));
	background: -webkit-linear-gradient(#CDCDCD, #b9b9b9);
	background: -moz-linear-gradient(#CDCDCD, #b9b9b9);
	background: -ms-linear-gradient(#CDCDCD, #b9b9b9);
	background: -o-linear-gradient(#CDCDCD, #b9b9b9);
	background: linear-gradient(#CDCDCD, #b9b9b9);
	-pie-background: linear-gradient(#CDCDCD, #b9b9b9);}

#slides{height: auto; padding:4px 0 0 0; width:300px; position:relative;}
.slides_container {width:300px;height:416px; padding:0;}
	.slides_container div.slide {width:300px;height: auto; display:block;}
	.slide img{ margin-bottom:29px;}
	.slide h4{ padding:41px 0 0 0;}

.next,.prev{position:absolute;top:-38px;width:12px;height:20px;cursor:pointer;background-repeat:no-repeat;z-index:100; text-indent:-5000px; font-size:0; line-height:0;
	-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease;}
	.next{right:1px;background-image: url(../images/button-next.png);background-position:100% 0px;}
	.prev{right:16px;background-image: url(../images/button-prev.png);background-position:0 0px;}
	.next:hover{background-position:0 0px;}
	.prev:hover{background-position:100% 0px;}

.map{ margin:4px 0 0 0;}
	.map iframe{ width:345px; height:252px; border-radius:5px; border:1px solid #fff;}

.contacts{ font-style:normal; padding:23px 0 24px 0;}
	.contacts span{ display:inline-block; width:83px;}
	.contacts a{color:#6a6a6a;}
	
	
/*  Buttons */
.button{display:inline-block; font-weight:bold; color:#fff; background:#36a8ad url(../images/menu-hover.jpg) 0 0 repeat-x;border:1px solid #15a3a9;box-shadow:0 1px 1px rgba(0,0,0,.2);text-shadow:-1px 1px 1px rgba(0,0,0,.3); border-radius:5px; padding:5px 17px 6px 17px; font-size:13px;}
	.button:hover{ text-decoration:none; background: url(../images/bg-main.jpg) 0 0 repeat;border:1px solid #4e4335;}
.button1{color:#6a6a6a;-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease; font-weight:bold;}
	.button1:hover{ text-decoration:none;color:#2da8ac;}
	
	
/******************** Footer ******************/
footer{ width:100%; background:url(../images/bg-footer.jpg) center 0 no-repeat; padding:42px 0 44px; color:#fff; font-size:13px;}
footer a{ color:#fff;}
/* padding */
.padtop2{ padding-top:9px;}
.padtop4{ padding-top:27px;}
.padtop42{ padding-top:39px;}
.padtop{ padding-top:46px;}
.padbot33{ padding-bottom:8px;}
.padbot3{ padding-bottom:17px;}
.padbot32{ padding-bottom:19px;}
.padbot4{ padding-bottom:25px;}
.padbot{ padding-bottom:42px;}
.padbot2{ padding-bottom:44px;}
.imgindent{ margin:5px 0 0 0;}
.imgindent2{ margin:4px 0 22px 0;}
.pad{ padding:6px 0 0 0;}
	.pad .box-img{ margin:0 16px 0 0;}
	
	
	
/*==========================================*/
@media only screen and (min-width: 768px) and (max-width: 995px) {
	.main{ width:768px;}
	header h1{ padding-bottom:30px;}
	header{ background:url(../images/bg-header2.jpg) center 0 no-repeat;}
	.box p{ display:none;}
	.box .extra-wrap{ min-height:62px;}
	.padRT{ padding-top:15px;}
	.box-img{ display:block;}
	.line{max-width:748px;}
	#slides,.slides_container,.slides_container div.slide{ width:236px;}
	.list2 li{ width:160px;}
	.list2-2 li{ min-height:201px;}
	.map iframe{ width:298px;}
	.slides_container {height:488px;}
}
@media only screen and (max-width: 767px) {
	.main{ width:300px;}
	header{ padding-bottom:0;}
	header h1.fleft{ float:none; padding-left:25px}
	.main{background: url(../images/bg-main.jpg) 0 0 repeat;}
	header{ background:url(../images/bg-header2.jpg) center 0 no-repeat;}
	.marg{ margin:0 20px;}
	.line{max-width:300px;}
	.box{ width:220px; margin:15px 0 5px 20px;}
	.box p{ display:none;}
	.box .extra-wrap{ min-height:62px;}
	.padRT{ padding-top:15px;}
	.imgindent{ margin:0 0 20px 0; display:inline-block !important;}
	.box-img{ display:block;}
	.col1{ width:240px !important; margin:0 0 20px 30px;}
	.col1 img{ width:240px;}
	.padtop3{ padding-top:15px;}
	#slides,.slides_container,.slides_container div.slide{ width:260px;}
	.list2 li{ width:120px;padding:4px 10px 6px 0px;}
	.col2{ float:left; width:180px;}
	.marg2{ margin-right:20px;}
	.map iframe{ width:258px;}
	.slides_container {height:470px;}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.main{ width:420px;}
	header h1.fleft{ float:none; padding-left:80px}
	.line{max-width:400px;}
	.box{ width:260px; margin:15px 0 5px 60px;}
	.imgindent{ margin:0 0 20px 0; display:inline-block !important;}
	.box-img{ display:block;}
	.col1{ width:195px !important; margin:0 0 10px 10px;}
	.padRT{ padding-top:0;}
	.box p{ display:block;}
	#slides,.slides_container,.slides_container div.slide{ width:380px;}
	.slide img{ width:180px;}
	.imgindent2{display:inline-block !important;}
	.list2 li{ width:170px;padding:4px 15px 11px 0px;}
	.list2{ padding-left:5px;}
	.padtop42{ padding-top:0 !important;}
	.map iframe{ width:378px;}
	.slides_container {height:444px;}
}
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */