/* CSS Document */

*{
	margin: 0;
	padding: 0;
}

body {
		background-color:#FFF;
		font-family: 'Roboto';
}
img {
	border: none;
	}
#topspace {
	width: 100%;
	height:55px;
	background-color:#185DAC;
	padding-top:25px;
	}

#topbox {
	max-width:960px;
	margin:auto;
	}
.topspace {
	width: 100%;
	height:47px;
	padding-top:23px;
	background-color:#185DAC;
	border-top:solid thin #185DAC;
	border-bottom:solid thin #185DAC;
	}
.topbox {
	max-width:960px;
	margin:auto;
	text-align:center;
	}
#header {
		height:100px;
       	background-color: hsla(0, 0%, 100%, 1.0);
		border-bottom:solid thin #FFF;
		-webkit-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.6);
		-moz-box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.6);
		box-shadow: 0px 4px 5px 0px rgba(0,0,0,0.6);
    	}
#headercontent {
		max-width:960px;
		padding-left:10px;
		padding-right:10px;
		height:auto;	
		margin:auto;
		background-color:#FFF;
		}
#topcontainer {
	max-width:1800px;
	height:auto;
	margin:auto;
	}
#logobox {
	float:left;
	height:auto;
	margin-top:10px;
	margin-right: 45px;
	}
#wrap {
	width:100%;
	}
.container {
	width: 100%;
	margin-top:10px;
	margin-bottom:5px;
	}
.container a {
	text-decoration:none;
	color:#185DAC;
	font-weight:500;
	}
.content{
	max-width:960px;
	margin:auto;
	overflow: hidden;
	margin-bottom:5px;
	}
#start {
	background-image:  url(images/start_pic3.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	}
.innerright li {
	list-style-image: url(images/haekchen.png);
	margin-left:27px;
	line-height:200%;
	}
#leistungen {
	background-attachment:fixed top;
	background-image:  url(images/Fotolia/Fotolia_49738056_S.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	}
#news {
	background-attachment:fixed top right;
	background-image:  url(images/Fotolia/Fotolia_63978347_S.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	}	
#profil {
	background-attachment:fixed top;
	background-image:  url(images/Fotolia/Fotolia_51565133_M.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	}
#kontakt {
	background-attachment:fixed bottom;
	background-image: url(images/Fotolia/Fotolia_71449804.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	}
#impressum {
	background-attachment:fixed top;
	background-image: url(images/Fotolia/Fotolia_47736704.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	}
#referenzen {
	background-attachment:fixed top center;
	background-image:  url(images/Fotolia/Fotolia_37741736_S.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	}
.innerleft {
	width:48%;
	float:left;
	}
.innerright {
	width:50%;
	float:right;
	}
#textarea, #textarea5 {
	max-width:100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: hsla(0, 0%, 100%, 0.8);
	padding:8px;
	margin:30px 20px 20px 20px;
	}
#textarea5 li{
	list-style-type:none;
	line-height: 200%;
	}
#textarea2 {
	max-width:100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: hsla(212, 76%, 38%, 0.9);
	padding:15px;
	margin:50px 20px 20px 20px;
	}
#textarea3 {
	max-width:100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: hsla(0, 0%, 100%, 0.8);;
	padding:8px;
	float:left;
	margin:137px 20px 20px 20px;
	}
#textarea4 {
	max-width:100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: hsla(0, 0%, 100%, 0.8);
	padding:8px;
	margin:30px 20px 20px 20px;
	float:left;
	}
#textarea6 {
	max-width:100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: hsla(0, 0%, 100%, 0.8);
	padding:8px;
	margin:30px 20px 20px 20px;
	float:left;
	}
#zeiten {
	max-width:100%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: hsla(212, 76%, 38%, 0.9);
	padding:8px;
	float:left;
	margin:410px 20px 20px 20px;
	}
#picright {
	max-width:44%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: hsla(0, 0%, 100%, 0.8);
	padding:5px;
	float:right;
	margin:137px 20px 20px 20px;
	}	
#slider {
	max-width:44%;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background-color: hsla(212, 76%, 38%, 1);
	padding:5px;
	float:right;
	margin:137px 20px 45px 20px;
	-webkit-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
box-shadow: 0px 7px 5px 0px rgba(0,0,0,0.5);
	}
#kontaktbox {
	width:150px;
	height:auto;
	float:left;
	}
#footer {
	padding-top:20px;
	width: 100%;
	height:40px;
	background-color:#185DAC;
	}
#footerbox {
	max-width:960px;
	margin:auto;
	text-align:center;
	}
@media screen and (max-width:768px) {
.content {
	padding: 0px 10px 0px 10px;
	}
#logobox {
	margin-right: 35px;
	}
.topbox {
	max-width:960px;
	margin:auto;
	}
#footer {
	padding:5px 0px 5px 0px;
	height:50px;
	}
}
@media screen and (max-width:553px) {
#topspace {
	height:35px;
	padding-top:15px;
	}
.topbox {
	width:100%;
	margin:auto;
	}
#logobox {
	margin-right: 10px;
	}
.content li {
	list-style-position:inside;
	margin-left:0px;
	}
.innerleft {
	width:100%;
	float:left;
	}
.innerright {
	width:100%;
	float:left;
	}
#picright {
	max-width:98%;
	float: left;
	margin:20px;
	}
#slider {
	max-width:98%;
	float: left;
	margin:10px;
	}
#kontaktbox {
	float:none;
	margin:auto;
	}
#textarea {
	margin:10px 20px 20px 20px;
	}
#textarea3 {
	margin:20px;
	}
#textarea4 {
	margin:10px 20px 20px 20px;
	}
#zeiten {
	margin:20px;
	}
#footer {
	padding-top:3px;
	width: 100%;
	height:60px;
	background-color:#185DAC;
	}
}
@media screen and (max-width:320px) {
#textarea, #textarea2, #textarea3, 
#textarea4, #zeiten 
	{
	margin:10px;
	}
#topspace {
	height:55px;
	padding-top:5px;
	}	
}