@charset "UTF-8";
/* CSS Document */

html {
	background: linear-gradient(left, #b6d5c4 0%, #ffffff 25%, #ffffff 75%, #b1ac7e 100%);
	background: -moz-linear-gradient(left, #b6d5c4 0%, #ffffff 25%, #ffffff 75%, #b1ac7e 100%);
	background: -webkit-linear-gradient(left, #b6d5c4 0%, #ffffff 25%, #ffffff 75%, #b1ac7e 100%);
	background: -ms-linear-gradient(left, #b6d5c4 0%, #ffffff 25%, #ffffff 75%, #b1ac7e 100%);
	background: -o-linear-gradient(left, #b6d5c4 0%, #ffffff 25%, #ffffff 75%, #b1ac7e 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b6d5c4, endColorstr=#b1ac7e,GradientType=1);
}

body {
	width:960px;
	margin:25px auto;
	background-color:white;
	font-family: Helvetica, Arial, sans-serif;
	-moz-box-shadow: 0px 0px 5px #666;
	-webkit-box-shadow: 0px 0px 5px #666;
	box-shadow: 0px 0px 5px #666;
}

h1 {
	font-weight:bold;
	color:#575756;}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:20px;
}

li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:22px;
	padding-left:10px;
	margin-left:30px;
}
.tab {
	padding-left:5px;
	margin-left:15px;
	list-style-type:disc;
}
.tab-1 {
	padding-left:10px;
	margin-left:20px;
	list-style-type:circle;
}
.quick {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:22px;
	padding-left:10px;
	margin-right:20px;
	padding-top:5px;
	list-style-image:url(../images/Pfeil.png);
}


#h1news {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#575756;
	padding-left:10px;
	padding-top:40px;
	padding-bottom:20px;
}

#pnews {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
}

#logo
{
	width:960px;
	height:240px;
	margin:0 auto;
}

.imgzentriert {
	width:239px;
	margin:0 auto;
}

#button
{
	width:192px;
	height:25px;
	border-radius:3px;
	border-style:groove;
	border-color:grey;
	border-width:thin;
	margin:0 auto;
}

#content
{
	float:left;
	width:670px;
	padding:25px;
	border-right-style:solid;
	border-right-color:silver;
	border-right-width:1px;
}

.index {height:500px;}

.kontakt {height:640px;}

.leistungen {height:960px;}

.referenz {height:1700px;}

#news {
	float:right;
	width:239px;}

#copyright {
	float:bottom;
	height:40px;}

#footer {
	clear:left;
    margin-top:1em;
    text-align:center;
    padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	background-color:#575756;
	color:#ffffff;	
}

#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#cssmenu {
  width: auto;
  font-family: Helvetica, Arial, sans-serif;
  color: #ffffff;
}

#cssmenu.align-right ul li {
  float: right;
  border-right: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.22);
}

#cssmenu.align-right ul li a {
  border-right: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.15);
}

#cssmenu ul {
	background-color:#575756;
}

#cssmenu:after,
#cssmenu ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

#cssmenu ul li {
  float: left;
  display: block;
  border-right: 1px solid rgba(0, 0, 0, 0.22);
  z-index: 1;
}

#cssmenu ul li a {
  display: block;
  padding: 10px 30px;
  text-decoration: none;
  font-size: 12px;
  text-transform: uppercase;
  color: #ffffff;
  border-right: 1px solid rgba(255, 255, 255, 0.15);
  z-index: 3;
}

#cssmenu ul li a:hover,
#cssmenu ul li.active a {
  color: #000000;
}

#cssmenu ul li:hover,
#cssmenu ul li.active {
	background-color:#b6d5c4;
  
}

#cssmenu ul li:hover::after,
#cssmenu ul li.active::after {
	background-color:#b1ac7e;
	
}