@charset "UTF-8";

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700);
	
@font-face {
	font-family: "Corbert";
	src: url("files/fonts/Corbert_Regular_Regular.otf");
}

* {
	margin:0px;
	padding:0px;
}

html, body { height:100%; }

body {
	font-family: 'Source Sans Pro', sans-serif;
	font-size:14px;
	min-width:870px;
	background:#e2ebef;
}

#ausen_wrapper {
	margin:auto;
	width:1000px;
	
}

#wrapper {
	margin:auto;
	width:1000px;
	-webkit-box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 20px 0px rgba(0, 0, 0, 0.2);
	background:#fff;
	min-height:500px;
}

#header {
	height:140px;
	background:top left url('images/unternehmer-stammtisch-isernhagen-logo.png') no-repeat, top right url('images/unternehmer-stammtisch-isernhagen-slogan.png') no-repeat;
}

#header a {
	display:block;
	height:100%;
	width:100%;
	text-indent:-9000px;
	overflow:hidden;
}

div#content {
	margin:20px 50px;
	padding-bottom:50px;

}

h2 {
	font-weight:100;
	font-size:45px;
	margin-bottom:20px;
	color:#0962C3;
}

div.menu-hauptmenu-container ul {
	font-family: Corbert;
	padding:0px 40px;
	background: #0D81FF; /* Old browsers */
	background: -moz-linear-gradient(top, #0D81FF 0%, #012597 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0D81FF), color-stop(100%,#012597)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0D81FF 0%,#012597 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0D81FF 0%,#012597 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #0D81FF 0%,#012597 100%); /* IE10+ */
	background: linear-gradient(to bottom, #0D81FF 0%,#012597 100%); /* W3C */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0D81FF', endColorstr='#012597',GradientType=0 ); /* IE6-9 */
}

div.menu-hauptmenu-container ul li {
	display:inline-block;
}

div.menu-hauptmenu-container ul li a {
	display:inline-block;
	color:#fff;
	text-decoration:none;
	text-transform:uppercase;
	padding:10px 15px;
	font-weight:600;
}

div.member_wrapper {
	display:inline-block;
	padding:15px;
}

div.member {
	display:inline-block;
	width:400px;
	height:200px;
	float:left;
	cursor:pointer;
}

div.titel {
	display:inline-block;
	background:#f7f7f7;
	padding:25px;
	width:350px;
	height:150px;
	position:relative;
	overflow:hidden;
	-webkit-box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .2);
    box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, .2);
}

div.member a {
	position:absolute;
	display:block;
	background:white;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
}

div.member h3 {
	font-weight:100;
	font-size:24px;
	line-height:26px;
}

div.member h3 span {
	display:block;
	font-weight:100;
	font-size:36px;
}

div.member img.portrait {
	position:absolute;
	top:0px;
	right:0px;
	height:100%;
	
}

div.member img.portrait {  

    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
    filter: gray; /* IE6-9 */

	-moz-transition: -webkit-filter 1s;  
	-moz-filter: grayscale(100%);  
	transition: -webkit-filter 1s;  
	filter: grayscale(100%);  
	
	-webkit-transition: -webkit-filter 1s;  
	-webkit-filter: grayscale(100%);  
}  

div.member:hover img.portrait {  

	-moz-filter: grayscale(0%);   
	filter: grayscale(0%);  
    filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
    -webkit-filter: grayscale(0%);

} 

.link {
	position: relative !important;
	background: none !important;
	display: inline !important;
}

.weis {
	background-color: rgb(255, 255, 255) !important;
	width: 100%;
	height: 100%;
	margin: -24px;
	padding: 24px;
}

.kontaktdaten {
	position: absolute;
	bottom: 0px;
}

.infos {
	display:none;
	width:400px;
	height:200px;
}

div#content {
	font-size:18px;
	font-weight:300;
}

div#content p {
	margin-bottom:12px;
	line-height:26px;
	width:100%;
	max-width:650px;
}

div#content a {
	color:#0D81FF;
	text-decoration:none;
}

div.entry {
	font-weight:400;
	color:#333;
}

.flippy_light {
	width:400px !important;
	height:200px !important;
}

.impressum {
	float: right;
	margin-top: 0.5em;
	text-decoration: none;
	color: #585858;
	font-size: 17px;
}
.member_wrapper *{
	white-space:nowrap;
}

.name{
	position: absolute;
	bottom: 55px;
}

.tempmenu{
	list-style-type:none;
	text-decoration:none;
	color:white;
	padding:5px;
	background-color:darkred;
	display:inline-block;
	font-size: 20px;
	width: 949px;
	padding-left: 46px;
}
.tempmenu a{
	list-style-type:none;
	text-decoration:none;
	color:white;
	padding:5px;
	background-color:darkred;
	display:inline;
}