/*@autor Alexander Buhl & Hagen*/
html, body {
	margin:0;
	padding:0;
	height:100%;
}

h1{
	font-size: 18pt;
	padding: 0px 0px 10px 0px;	
}

h2, h3 {
	font-size: 14pt;	
}

a {
	text-decoration: none;
	color: #FFFFFF;
}

a:hover{color:#44929f}

#homeBtn, #impressumBtn{cursor: pointer}
.hover:hover{color:#44929f}
.activeColor{color:#44929f}

#homeBtn{}

#wrapper{
	min-height:100%;
	font-family: 'Open Sans', serif; 
	color:#ffffff;
}

#header {
	width:100%;
	background-color: #e8e8f1;
	padding: 0px 0px 0px 0px;
	float: left;
	border-bottom: 2px solid #FFFFFF;
	text-align: left;	
}

#logo{
	padding: 0px 0px 0px 20px;
	cursor: pointer;
}

#map{
	border-bottom: 2px solid #FFFFFF;
	float:left;
	width:100%;
}

#homeContent{
	float:left;
	width:100%;
    margin: 0 auto;
    vertical-align: middle;
    text-align:center;
}

#text{
  text-align:center;
  vertical-align: middle;
}

.textinner{
	margin: auto;
	padding: 40px 0px 20px 0px;
	width: 70%;
}

.textinner1{
	margin: auto;
	padding: 20px 0px 20px 0px;
	width: 70%;
}

.trenner{
	margin: auto;
    width: 20%;
	text-align: center;
	border-bottom: 2px solid #FFFFFF;
}

#impressumContent{
	float:left;
	/*max-width: 1100px;*/
    margin: 0 auto;
    padding: 10px 0px 10px 20px;
    text-align:left;
}

#footer {
	width:100%;
	position:relative;
	float:left;
	padding: 20px 0px 10px 0px;
	text-align:center;
	/*border-top: 1px solid #FFFFFF;*/
	display: table;
}

@media only screen and (max-device-width: 1041px) {
    .textinner{
		width: 95%;
	}
}

@media only screen and (max-device-width: 891px) {
    .textinner{
		width: 80%;
	}
}

@media only screen and (max-device-height: 2000px) {
    #map{
		height:500px;
	}
}

@media only screen and (max-device-height: 1100px) {
    #map{
		height:400px;
	}
}
 @media only screen and (max-device-height: 700px) {
    #map{
		height:200px;
	}
}

@media only screen and (max-device-height: 500px) {
    #map{
		display:none;
	}
	#text{
		font-size: 12px;
	}
.textinner{
	width: 95%;
}
a {
	font-size: 12px;
}
}