/*FREIES MENÜ - LOGOS*/

.logos{
	background:#fff;
	float:left;
	width:1100px;
	padding:10px 0;
	margin:5px 0 25px;
	border-top:1px solid #b6b6b6;
	border-bottom:1px solid #b6b6b6;}
	
.logos ul{margin:0;}	

.logos ul li{
	float:left;
	list-style-type:none;
	margin:0px 0 0 13px;}
	
.logos .menutitle{display:none;}	
	
/*FREIES MENÜ - DIENSTLEISTUNGEN*/	

.dienstleistungen{
	float:left;
	width:100%;
	background:#00509e;
	color:#fff;
	padding:20px 0;
	border-bottom:3px solid #fff;}
	
.dienstleistungen ul{
	margin:0 auto;
	width:848px;}

.dienstleistungen ul li{
	float:left;
	color:#fff;
	list-style-type:none;
	margin:0 0 0 25px;
	padding:10px;
	
	transition-property:background-color, color, border;
	transition-duration: 0.1s, 0.2s;
	transition-timing-function: linear, ease-in;
	
	-webkit-transition-property:background-color, color, border;
	-webkit-transition-duration: 0.1s, 0.2s;
	-webkit-transition-timing-function: linear, ease-in;
	
	-moz-transition-property:background-color, color, border;
	-moz-transition-duration: 0.1s, 0.2s;
	-moz-transition-timing-function: linear, ease-in;
	
	-o-transition-property:background-color, color, border;
	-o-transition-duration: 0.1s, 0.2s;
	-o-transition-timing-function: linear, ease-in;	}	
	
.dienstleistungen ul li a{
	color:#fff;
	text-decoration:none;}	
	
.dienstleistungen ul li:hover,
.dienstleistungen ul li.active{
	background:#597bb8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;}	

.dienstleistungen ul li .menuimage{
	background:#fff;
	border-radius:100%;
	height:75px;
	width:75px;
	display:block;
	text-align:center;
	margin:0 auto;}
		
.dienstleistungen ul li .menuimage img{
	margin:14px auto;
	vertical-align:middle;}	
	
.dienstleistungen ul li .menutitle{
	text-align:center;
	margin:10px 0 0 0;}
	
/* FREIES MENÜ - REFERENZEN */

h3.freemenu-title{
	font-size:170% !important;
	margin:0 0 0.5em 0 !important;
	font-weight:normal !Important;}

.referenzen{
	float:left;
	width:100%;
	margin:0;
	padding:0;}

.referenzen ul{margin:0;}

#main.twocol .referenzen ul li{
	float:left;
	background:#fff;
	padding:10px;
	width:29%;
	min-height:300px;
	text-align:center;
	margin:0 10px 10px 0;
	border-radius:10px;
	box-shadow:2px 2px 10px #ddd;
	list-style-type:none;}
	
#main .referenzen ul li{
	float:left;
	background:#fff;
	padding:10px;
	width:28%;
	min-height:300px;
	text-align:center;
	margin:0 10px 10px 0;
	border-radius:10px;
	box-shadow:2px 2px 10px #ddd;
	list-style-type:none;}	
	
.referenzen ul li:last-child{margin:0;}	
	
.referenzen ul li a{text-decoration:none;}	
.referenzen ul li .menuimage{border:1px solid #ddd;border-radius:10px;}
.referenzen ul li .menutitle{font-size:130%;margin:0.5em 0;text-align:left;}
.referenzen ul li .description{text-align:left;}
	
.referenzen ul li .menuimage img{
	filter: grayscale(100%);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: gray;
	-webkit-filter: grayscale(1);}	
	
.referenzen ul li:hover .menuimage img{
	filter: none;
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter:none;
	-o-filter: none;
	-webkit-filter:none;}