@charset "UTF-8";
/* CSS Document */

html, body{
	height:100%;
	width:100%;
	font-family: 'Helvetica Neue',Helvetica, Arial, 'Source Sans Pro', sans-serif;
	font-weight:400;
	font-size:15px;
	line-height:25px;
	letter-spacing:1px;
	margin:0px;
	padding:0px;
	color:rgb(92,96,98);
}
.bg{
	background:rgb(250,250,250);
}
.aright{
	text-align:right;
}
.alpha-80{
	opacity:1;
	
}


/* BG IMAGES */

#images{
	position:absolute;
	top:0px;
	left:0px;	
	
	width:100%;
	height:100%;
	overflow:hidden;
}
#images .img{
	position:absolute;
	top:0px;
	height:100%;
	overflow:hidden;
}
#images .img.left{
	left:0px;
	width:50%;
}
#images .img.right{
	right:0px;
	width:50%;
}
#images .img.right img{
	position:absolute;
	right:0px;	
}
#dragarea{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	overflow:hidden;
}
#panel{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
}

/* TOWER */

#tower{
	position:absolute;
	top:0px;
	left:0px;
	width:250px;
	height:100%;
	color:rgb(92,96,98);
	padding:20px;
}
#tower #logo{
	margin:20px;
	text-align:center;
}
#tower #logo-type{
	text-align:center;
	margin-bottom:38px
}


#tower h1{
	font-size:30px;
	line-height:30px;
	font-weight:200;
	letter-spacing:5px;	
	text-align:center;
	margin:0px 0px 52px;
}

#tower ul{
	margin:0px;
	list-style:none;
	padding:0px;
	border-top:1px solid #b1b5ba;
}
#tower li{
	border-bottom:1px solid #b1b5ba;
	margin-top:-1px;
	cursor:pointer;
}
#tower li a{
	line-height:30px;
	display:block;
	padding:5px 0px;
	letter-spacing:1px;	
	color:inherit;
	text-decoration:none;
	cursor:pointer;
}
#tower li.on{
	border-top:1px solid rgb(92,96,98);
	border-bottom:1px solid rgb(92,96,98);
}
#tower li.on a{
	padding:3px 0px 2px;	
	border-top:2px solid rgb(92,96,98);
	border-bottom:2px solid rgb(92,96,98);
	text-align:center;
	font-weight:normal;
}
/* ADD */

#aktuell{
	position:absolute;
	top:0px;
	right:50px;
	width:501px;
	height:100%;
	color:#5c60762;
	padding:70px;
	padding-top:90px;	
	
}
#aktuell h2{
	margin:0px;
	font-size:32px;
	line-height:35px;
	font-weight:300;
	letter-spacing:4px;	
	text-transform:uppercase;
}

/* content */
.closer, .closer2{
	position:absolute;
	top:30px;
	right:10px;
	width:40px;
	height:40px;
	background:url(../img/close.png);
	cursor:pointer;
	z-index:1000;
}
.closer2{
	top:0px;
	right:-10px;
}
#content{
	display:none;
	position:absolute;
	top:0px;
	left:250px;
	width:501px;
	height:100%;
	color:#5c60762;
	border-left:1px dotted #b1b5ba;
	overflow:auto;
}
#content .inner{
	display:none;
	padding:20px 20px;
}
#content h2{
	border-top:3px solid rgb(92,96,98);
	margin:72px 0px 0px;
	padding:15px 0px 0px;
	
	font-size:32px;
	line-height:30px;
	font-weight:300;
	letter-spacing:4px;	
	text-transform:uppercase;	
}

#content h3{
	margin:0px;
	padding:37px 0px 16px;
	
	line-height:25px;
	font-weight:300;
	letter-spacing:1px;	
	border-bottom:1px solid #b1b5ba;
	
	font-size:32px;
	line-height:26px;
	letter-spacing:4px;	
	text-transform:uppercase;	
	
}
#content h4{
	margin:0px;
	padding:45px 0px 8px;
	border-bottom:3px solid #b1b5ba;
	font-size:15px;
	line-height:25px;
	font-weight:400;
	text-transform:uppercase;	
	
}

#content p{
	line-height:20px;
	margin:0px;
	padding:10px 0px 10px;
}
#content a{
	color:#22aadd;
	color:#ea3f58;
	text-decoration:none;
}
#content table{
	width:100%;
	
}

#content table.firma{
	table-layout:fixed;
}
#content table.firma tr{
	cursor:pointer;
}
#content table.firma tr td:first-child{
}
#content table.firma tr td:last-child{
	text-align:right;
}
#content table.angebot tr td:first-child{
	width:33%;	
}

#content table td{
	border-bottom:1px solid #b1b5ba;
	padding:10px 0px 9px;
	line-height:20px;
	vertical-align:top;
}
#content table.angebot{
	border-top:1px solid #b1b5ba;
}
#content table.off {
	display:none;
}
#content .inlay{
	display:none;
}

#content .inlay{
	position:relative;
	padding-top:5px;
	border-top:2px solid rgb(92,96,98);
	border-bottom:3px solid rgb(92,96,98);	
	text-align:left !important;
}
#content .title{
	font-weight:400;
}
#content .subtitle{
}

#content .inlay p{
	padding:0px 20px 20px 0px;	
}
#content .maps{
	margin-top:12px;
	padding:9px 0px 8px;
	cursor:pointer;
}
#content .maps:hover{
	background:#eff0f1;
}

.mright{
	padding-right:5px !important;
}

#content-header{
	position:absolute;
	width:100%;
	display:none;
}
#content-header td{
	padding:0px;
	border:0px !important;
	vertical-align:top;
}
#logo-small{
	text-align:center;
	margin-top:17px;
}
#logo-line{
	
	border-top:2px solid rgb(92,96,98);
	margin:40px 20px;	
}
.mobile-only{
	display:none;
}
.desktop-only{
	display:block;
}

.credits{
	padding-top:32px;
	//font-size:12px;
	line-height:20px;
	text-align:center;
}
.credits a{
	color:inherit;
	text-decoration:none;
	
}

/* media queries */
@media screen and (max-width: 600px) {
	
}

/* tabled */
@media screen and (max-width: 1200px) {
	
	
}
/* mobile */
@media screen and (max-width: 800px) {
	.mobile-only{
		display:block;
	}
	.desktop-only{
		display:none;
	}
	#images{
		display:none;
	}
	#dragarea, #panel, #tower, #content{
		left:0px;
		width:100%;
	}
	#tower #logo{
		margin-top:7px;
		margin-left:21px;
	}
	#tower #logo-type img{
		width:80%;
		margin-bottom:20px;
	}
	#tower #logo img{
		width:80px;
		
	}
	#tower h1{
		margin-bottom:20px;
	}
	#tower li{
		width:50%;
		float:left;
		font-size:20px;
		text-align:center;
	}
	#tower li:nth-child(2n+1) {
		border-right:1px solid #b1b5ba;
	}
	#tower li a{
	}
	#content-header{
		display:block;	
	}
	#content h2{
		margin-top:90px;
		padding-bottom:5px;
		border-top:0px;
		text-align:center;
		font-weight:300;
	}
	#content .firma tr{
	}
	
	#logo-small{
		display:block;
	}
	.closer{
		top:5px;
	}
	.bg{
		background:rgb(250,250,250);
	}
	
	.credits br{
			display:none;
	}
}