/* wpt-online Angaben - nicht entfernen! */
.poweredby {
    font-size: .8em;
}

#get {
    background : url(http://http-get.de/get.gif) no-repeat;
}

/* Main styles */

body {
	background: #11161a;
	overflow-y: scroll;
	font-size: 14px;
	font-family: "Arial Narrow", Arial, sans-serif;
}

.head {
	margin: 3px 0 3px 0;
}

.mainhead {
	position:relative;
	top:-10px;
}

.schatten_oben, .schatten_unten {
	width: 100%;
}

img {
	border: 0 none;
	max-width: 100%;
	height: auto;
}

textarea, input[type='text'], select {
	max-width: 100%;
	min-width: 100%;
}

/* View */

#wrapper {
	max-width: 1150px;
	width: 100%;
	margin: 0 auto;
	background: #FFF;
	position: relative;
}

.container {
	max-width: 900px;
}

#top {
	padding-top: 20px;
}


iframe {
	width: 100%;
}

.logo {
	position: relative;
	float: left;
	margin: 5px 0 10px 0;
	z-index: 6000;
}

.mobilelogo {
	display: none;
	position: relative;
	margin: 5px 0 5px 0;
	z-index: 500000;
}

.s-1, .s-2, .s-3, .s-4, .s-5, .s-6, .s-7, .s-8, .s-logo {
	height: 94px;
	width: 100%;
	max-width: 243px;
	margin-bottom: 10px;
	margin-right: 10px;
	margin-left: 2px;
	padding-left: 2%;
	padding-top: 30px;
	color: #ffffff;
	text-shadow: 1px 1px 1px #333333;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
}

.s-1 {
	background: url('../images/schaltflaeche1.png') no-repeat top center;
}

.s-2 {
	background: url('../images/schaltflaeche2.png') no-repeat top center;
}

.s-3 {
	background: url('../images/schaltflaeche3.png') no-repeat top center;
}

.s-4 {
	background: url('../images/schaltflaeche4.png') no-repeat top center;
}

.s-logo {
	background: url('../images/logo.png') no-repeat top center;
}

.s-5 {
	background: url('../images/schaltflaeche5.png') no-repeat top center;
}

.s-6 {
	background: url('../images/schaltflaeche6.png') no-repeat top center;
}

.s-7 {
	background: url('../images/schaltflaeche7.png') no-repeat top center;
}

.s-8 {
	background: url('../images/schaltflaeche8.png') no-repeat top center;
}

#service-tel {
	display: none;
	color: #52a6d9;
	font-size: 21px;
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 10px;
	margin-left: 13%;
	padding-left: 40px;
	height: 36px;
	line-height: 0.8em;
	background: url(../images/phone.png) left center no-repeat;
}

#service-tel-normal {
	color: #52a6d9;
	font-size: 21px;
	float:right;
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 10px;
	padding-left: 40px;
	height: 36px;
	line-height: 0.8em;
	background: url(../images/phone.png) left center no-repeat;
}

#service-tel-index {
	color: #52a6d9;
	font-size: 21px;
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 10px;
	margin-left: 13%;
	padding-left: 40px;
	height: 36px;
	line-height: 0.8em;
	background: url(../images/phone.png) left center no-repeat;
}

#gplus {
	float: left; 
	margin-left: 250px;
}

#menu a {
	position: relative;
	font-family: 'Arial Narrow', sans-serif;
	color: #333333;
	text-transform: uppercase;
	font-size: 13px;
	font-weight: bold;
	z-index:6000;
}

#menu a:hover, #menu a:focus, a.active {
	color: #27a3be !important;
	text-decoration: none;
}

h1 {
	font-size: 18px;
}

h2 {
	font-size: 16px;
}


#menu li {
	text-align:center;
	width: 17%;
}

#menu li:nth-child(4) {
	width: 19%;
}
#menu li:nth-child(5) {
	width: 14%;
}
#menu li:last-child {
	width: 13%;
}

#menu {
	margin: 10px 0 15px;
}

.glyphicon {
	font-size: 20px;
}

#mobile-menu, #bottom-menu {
	display: none;
}

#mobile-menu a {
	display: inline-block;
	text-align: center;
	width: 25%;
	margin: 10px;
}

#mobile-menu a.active {
	color: #2e2e2e;
}

.m-menu {
	border-top: 2px solid #EEE; 
	border-bottom: 2px solid #EEE; 
	background: #F4F4F4;
}

#bottom-menu {
	background: #222;
}

#bottom-menu .fa {
	font-size: 42px !important;
	padding: 15px 0px;
	width: 25%;
	color: #FFF;
}

#content {
	padding-bottom: 25px;
	z-index: 20;
	position: relative;
}

.content {
	font-family: 'Calibri', sans-serif;
	font-size: 13px;
	color: #026ba1;
	font-weight: bold;
	padding-bottom: 15px;
}

.textsmall {
	font-size: 11px;
}

#bottom-nav {
	position: absolute; 
	margin-top: 125px; 
	right: 0;
	text-transform: uppercase;
	font-size: 10px;
}

#bottom-nav a, #bottom-nav a.active {
	color: #353535 !important;
	text-decoration: none;
}

#bottom-nav li:after {
	content: '|';
}

#content li:last-child:after {
	content: '';
}

#bottom-nav a {
	padding-right: 5px;
	margin-left: -5px;
}

footer {
	background: #5EC0EA url('../images/footer.png') repeat-y right top;
	font-size: 12px;
	color: #FFF;
	min-height: 90px;
	padding-top: 10px;
	margin-top: 5px;
}

#paint-bottom {
	position: absolute;
	margin-left: -29px;
	height: 271px;
	z-index: 10;
	margin-top: -269px;
}

.indent {
	text-indent: -9999px;
	position: absolute;
}

/* Responsive */
@media (max-width: 850px) {
#paint-bottom {
	display: none;
	position: absolute;
	margin-left: -29px;
	height: 271px;
	z-index: 10;
	margin-top: -269px;
}
#gplus {
	float: left; 
	margin-left: -30px;
	margin-bottom: 50px;
}
}

@media (max-width: 640px) {
	footer span {
		color: #FFF !important;
	}
	#wrapper {
		margin-top: -20px;
	}
	.logo {
		padding: 10px 0 20px 0;
	}
	#menu {
		display: none;
	}	
	#mobile-menu, #bottom-menu {
		display: block;
		margin-bottom: 20px;
	}
	#paint-bottom {
		display: none;
	}
	.partner {
		text-align: left !important;
		padding-left: 15px;
	}
	.s-1, .s-2, .s-3, .s-4, .s-5, .s-6, .s-7, .s-8 {
		width: auto;
		min-width: 110px;
		padding-left: 0px;
		text-align: center;
		border-radius: 3px;
		margin: 5px;
	}
	.buttons .col-xs-6 {	
		padding: 0;
	}
	
	.schatten_oben, .schatten_unten {
	display:none;
}
}

@media (max-width: 790px) {
	#service-tel {
		display: none;
		float: none;
	}
	
	#service-tel-normal {
	display:inline-block;
	color: #52a6d9;
	font-size: 21px;
	float: none;
	text-transform: uppercase;
	margin-top: 25px;
	margin-bottom: 10px;
	padding-left: 40px;
	height: 36px;
	line-height: 0.8em;
	background: url(../images/phone.png) left center no-repeat;
}
	
	.mobilelogo {
	display: inline-block;
	margin: 5px 0 5px 0;
}
	.logo {
	display: none;
	margin: 5px 0 5px 0;
}
	.head {
	margin: 1px 0 1px 0;
}
#menu {
	position: relative;
	top: -25px;
}

#menu li {
	text-align:center;
	width: 17%;
}
}

@media print {
	#menu, #bottom-nav, #service-tel, .partner, #paint-bottom, a[href]:after, .mainhead {
		display: none;
	}
	.s-1, .s-2, .s-3, .s-4, .s-5, .s-6, .s-7, .s-8  {
		text-transform: none;
		text-align: left !important;
		padding: 0 !important;
		font-weight: normal;
	}
	.s-1 br, .s-2 br, .s-3 br, .s-4 br, .s-5 br, .s-6 br, .s-7 br, .s-8  br {
		display: none;
	}
	.logo {
		margin-bottom: 50px;
	}
}