body{
    font-family: 'Open Sans Condensed', sans-serif;
    margin:0;
    font-smoothing: antialiased; 
    background:url(images/bg1.jpg);
}
  
element:hover, 
element:active { 
-webkit-user-select: none; 
-webkit-touch-callout: none;
}

#content{
	width:100%;
	max-width:1000px;
	margin:auto;	
	display: table;
	height:100vh;
	width: 100%;	
	vertical-align: middle;	
}

.contentbereich{
	width:100%;
	background:#fff;
	position:relative;
	overflow:hidden;
	min-height:500px;
}

#logo{
	background:rgba(255,255,255,0.88);
	position:relative;
	z-index:1;
	width:100%;
	max-width:200px;
	padding-top:10px;
	left:80px;
}

#logo img{
	width:100%;
}


.slider{
	position:absolute;
	top:0;
	width:100%;
	heiht:100%;
	left:0;
	max-width:100000px !important;
}

.slider img{
	width:100%;
}

footer{
	color:#004556;
	font-weight:300;
	text-align:right;
	font-size:15px;
	margin-top:4px;
}

nav{
	position:absolute;
	z-index:9;
	bottom:0;
	left:70px;
	background:#fff;
	padding:10px;
	height:17px;
	overflow:hidden;
	transition:all 0.5s ease;
}

nav:hover{
	height:150px;
}

nav:hover #navi{
	color:#9daa14;
}

nav:hover a{
	margin-left:3px;
	margin-bottom:3px;
	transition-delay:0.2s;
}

nav a:hover{
	color:#9daa14;
	margin-left:6px;
}

nav a{
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	display:block;
	text-decoration:none;
	color:#004556;
	transition:all 0.6s ease;
}

.textzuslide{
	position:absolute;
	max-width:300px;
	background:#fff;
	border-left:4px solid #9daa14;
	padding-left:15px;
	padding-right:15px;
	right:50px;
	bottom:60px;
	box-shadow:0 3px 4px rgba(0,0,0,0.4);
}

.subtitelbild{
	position:absolute;
	left:0;
	top:0;
	height:100%;
}

.subtitelbild img{
	height:100%;
}

.subtitelbildganz{
	position:absolute;
	left:0;
	top:0;
	height:100%;
	width:100%;
}

.subtitelbildganz img{
	width:100%;
}

.inhalt{
	position:absolute;
	left: 45%;
	width: 54%;
	z-index:2;
	font-size:12px;
	line-height:18px;
	top:50px;
	font-family:"Verdana";
	max-height:450px;
	overflow-y:auto;
}

.inhalt a{
	color:000;
}

.inhalt img{
	max-width:90%;
}

.subnavi{
	margin-bottom:30px;
}

.subnavi a{
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
	color:#004556;
	transition:all 0.4s ease;
	margin-right:10px;
	font-family: 'Open Sans Condensed', sans-serif;
}

.subnavi a:hover{
	color:#9daa14;
}

a.active{
	color:#9daa14;
}

.contbild{
	float:left;
	margin-right:10px;
	margin-top:4px;
	max-width:130px;
}

.contbild2{
	margin-top:4px;
	margin-bottom:4px;
	width:100%;
}

.teammitglied{
	font-family: 'Open Sans Condensed', sans-serif;
	width:150px;
	transition:all 0.4s ease;
	float:left;
	margin:5px;
}

.teammitglied:hover{
	background:rgba(255,255,255,1);
}

.teammitglied img{
	width:100%;
	max-width:100% !important;
}

.teammitglied h2{
	font-size:14px;
	color:#004556;
	text-decoration:none;
}

.teammitglied p{
	font-size:13px;
	color:rgba(0,0,0,0.5);
	font-weight:bold;
	margin-top:-5px;
	text-decoration:none;	
}

.teammitglied a{
	text-decoration:none;		
}

.tmt{
	background:rgba(255,255,255,0.7);
	padding:10px;
	margin-top:-10px;
}


/***** RESPONSIVE by denktal.de******/

@media only screen and (max-width:920px) {
	.subnavi a{
		display:block;
	}
	
	#content td{
		vertical-align:top;
	}

	.subtitelbild,
	.subtitelbildganz{
		position:relative;
		margin-top:-110px;
	}
	
	.subtitelbild img,
	.subtitelbildganz img{
		width:100%;
	}	
	
	.inhalt{
		position:relative;
		width:90%;
		margin:auto;
		margin-bottom:80px;
		left:0;	
		height:100%;
		max-height:10000000px;
		font-size:16px;
		line-height:30px;
	}
	
	#logo{
		left:0;
		margin:auto;
	}
	
	.subnavi a{
		font-size:17px;
		line-height:30px;
	}
	
	nav{
		width:100%;
		position:fixed;
		bottom:0;
		left:0;
		transition-delay:0.1s;
		background:#004556;
	}
	
	nav a{
		font-size:17px;
		line-height:30px;
		color:#fff;
	}
	
	.teammitglied{
		width:45%;
	}
	
	#navi{
		margin-top:-5px;
		  pointer-events: none;
	}
	
	.slider{
		overflow:hidden;
		top:100px;
	}
	
	.textzuslide{
		bottom:auto;
		right:auto;
		margin:auto;
		margin-bottom:-10px;
		position:relative;
		width:100%;
	}
	
	.contentbereich{
		min-height:500px;
	}
	
	nav:hover {
    		height: 180px;
	}	

	footer{
		margin-bottom:40px;
		text-align:center;
		padding:20px;
	}
}

@media only screen and (max-width:780px) {
	.contentbereich{
		min-height:400px;	
	}
}

@media only screen and (max-width:515px) {
	.contentbereich{
		min-height:300px;	
	}
}