	html {
		font:400 16px/1.30em 'Calibri', sans-serif;
		color:#fff; color: rgba(255,255,255,0.7);
	}
	html, body {
		width: 100%;
		height: 100%;
	}
	body { background-color: #7f7f7f; }

	::selection {background: #ccc;}
	::-moz-selection {background: #ccc;}

	p { margin-bottom: 1em; }

	p.inline + p { margin-top: 1em; }
	hr { background: transparent; }
	.next {
		width: 38px; height: 53px;
		background: url('../images/next.png') no-repeat 0 0;
		position: absolute;
		bottom: 40px; right: 40px;
		-webkit-transition: all 300ms;
		-moz-transition: all 300ms;
		-ms-transition: all 300ms;
		-o-transition: all 300ms;
		transition: all 300ms;
	}
	.next:hover{ opacity: 0.4; }

	.green{  color:#bafd41; }

	.main a,
	.highlight {color:#bafd41}

	.main a:hover { text-decoration: none; }


	.container
	{
		max-width:65em;
		margin:0 auto;
		height: 100%;
	}



	.slideContainer
	{
		max-width:65em;
		margin:0 auto;
	}



	h1, h2, h3, h4, h5, h6
	{
		margin-bottom:1em;
		text-rendering: optimizeLegibility;/* optimize text kerning */
		line-height: 35px;
		color: #FFF;

	}
	h1 {
		margin-top: 0;
		margin-bottom: 0;
		font-size:1.88rem;
		text-transform: uppercase;
	}
	h2 {font-size:1.8em}
	h3 {font-size:1.6em}
	h4 {font-size:1.4em}
	h5 {font-size:1.2em}
	h6 {font-size:1em}



	.inline { display: inline; }


	/* Header Styles */

	.header{
		position: absolute;
		top: 0;
		z-index: 100;
		background: #fff;
		width: 100%;
		height: 110px;
	}

	#branding {
		top: 10px;
	}
	#branding, #branding img {
		width: 219px;
		height: 80px;
	}



	/* ALL NAVIGATIONS */
    nav {
        position: relative;
        overflow: hidden;
         bottom: -165px;
    }

	nav ul,	.navi
	{
		list-style:none;



	}
	.navi a
	{
		display:inline-block;
	}

    .toggle-navi {
        background: #24242A;
        color:#fff;
        display: block;
        padding:.5em 0;
        position: relative;
        z-index:2;
    }

/*=NAVIGATION MAIN */
#navi {
	max-height:0;
	-webkit-transition: max-height 300ms ease-in-out 200ms;
	-moz-transition: max-height 300ms ease-in-out 200ms;
	-ms-transition: max-height 300ms ease-in-out 200ms;
	-o-transition: max-height 300ms ease-in-out 200ms;
	transition: max-height 300ms ease-in-out 200ms;
	}

    #navi:target {
        max-height:30em;
    }
    	#navi > li.vorteile-fuer-sie > a {
    		color: #bafd41;
    		font-style: italic;
    	}
        #navi > li > span,
        #navi > li > a {
			text-decoration: none;
			color: #fff;
			font-weight: bold;
			-webkit-transition: all 300ms;
			-moz-transition: all 300ms;
			-ms-transition: all 300ms;
			-o-transition: all 300ms;
			transition: all 300ms;
		}

        #navi > li:hover > a,
        #navi > li.active > a {
            color: #595959;
			font-style: normal;
        }



	/*=NAVIGATION ADDITIONAL */
	#naviAdd {}
		#naviAdd > li {}
			#naviAdd > li > span,
			#naviAdd > li > a {}
			#naviAdd > li > span:hover,
			#naviAdd > li > a:hover {}

	/*=CONTENT */
	.main {
		height: 100%; 
		width: 100%;
		margin: 0 auto;
		padding-top: 110px;
		background-color: #7f7f7f;
		display: table;
		border-left: 6px solid #FFF; border-right: 6px solid #FFF;
	}
		body.index .main { min-height: 680px; }

	.index .backgroundImage {
		background: url('../images/bg-images/home.jpg') center top;
		background-size: cover;
	}

	.en-index .backgroundImage {
		background: url('../images/bg-images/home.jpg') center top;
		background-size: cover;
	}

	.unternehmen .backgroundImage {
		background: url('../images/bg-images/unternehmen.jpg') center;
		background-size: cover;
	}

	.en-company .backgroundImage {
		background: url('../images/bg-images/unternehmen.jpg') center;
		background-size: cover;
	}
	.vorteile-fuer-sie .backgroundImage {
		background: url('../images/bg-images/vorteile.jpg') center;
		background-size: cover;
	}
	.en-benefite-for-you .backgroundImage {
		background: url('../images/bg-images/vorteile.jpg') center;
		background-size: cover;
	}
	.asset-interims-management-php .backgroundImage {
		background: url('../images/bg-images/maximum3.jpg') center ;
		background-size: cover;
	}

	.en-asset-interims-management .backgroundImage {
		background: url('../images/bg-images/maximum3.jpg') center ;
		background-size: cover;
	}
	.property-management .backgroundImage {
		background: url('../images/bg-images/property.jpg') center top;;
		background-size: cover;
	}

	.en-property-management .backgroundImage {
		background: url('../images/bg-images/property.jpg') center top;;
		background-size: cover;
	}
	.facility-management .backgroundImage {
		background: url('../images/bg-images/facility.jpg') center;
		background-size: cover;
	}

	.en-facility-management .backgroundImage {
		background: url('../images/bg-images/facility.jpg') center;
		background-size: cover;
	}
	.vermietungsmanagement .backgroundImage {
		background: url('../images/bg-images/vermietung.jpg') center;
		background-size: cover;
	}

	.en-leasingmanagement .backgroundImage {
		background: url('../images/bg-images/vermietung.jpg') center;
		background-size: cover;
	}

	.kontakt .backgroundImage {
		background: url('../images/bg-images/impressum.jpg') center;
		background-size: cover;
	}
	.en-contact .backgroundImage {
		background: url('../images/bg-images/impressum.jpg') center;
		background-size: cover;
	}

	.nutzungsbedingungen .backgroundImage{
		background: url('../images/bg-images/nutzungsbedingungen.jpg') center;
		background-size: cover;
		height: auto; min-height: 100%;
		padding: 20px;
	}

	.en-nutzungsbedingungen .backgroundImage{
		background: url('../images/bg-images/nutzungsbedingungen.jpg') center;
		background-size: cover;
		height: auto; min-height: 100%;
		padding: 20px;
	}

	.zwangsverwaltung-php .backgroundImage {
		background: url('../images/bg-images/zwangs.jpg') center;
		background-size: cover;
	}

	.immobilienfinanzierung-transaktionen-php .backgroundImage {
		background: url('../images/bg-images/home.jpg') center top;
		background-size: cover;
	}

	.en-receivership .backgroundImage {
		background: url('../images/bg-images/zwangs.jpg') center;
		background-size: cover;
	}

	.nutzungsbedingungen #navi{
		margin-top: 222px;
		position: fixed;
	}

	.referenzen #navi{
		margin-top: 222px;
		width: 180px;
	}


	.backgroundImage {
		height: 100%;
		width: 100%;
	}

	.main ul.special {
		width: 100%;
		height: auto;
		overflow: hidden;
		margin: 0 0 1rem 0;
	}
	.special .border {
		width: 100%;
		margin-right: 1%;
		height: auto;
		float: left;
		border: 1px solid #fff;
		text-align: center;
		padding:5px 0;
		color: #fff;
		margin-bottom: 25px;
		display: inline-block;
		text-decoration: none;
		-webkit-transition: all .4s;
		-o-transition: all .4s;
		transition: all .4s;
	}
	.special .border:hover {
		background: #fff;
		color: #7f7f7f;
	}


	.text {
		width: 500px;
		margin-left: 140px;
		margin-top: 23px;
		background-color: grey;
		opacity: 0.8;
		padding:18px;
	}

	.text > p { opacity: 1; }

	.info {
		background: url('../images/vorteile.png') no-repeat 0 0;
    	background-size: auto auto;
		width: 410px;
		height: 465px;
		background-size: cover;
		position: absolute;
		left: 50%;
		top: 43%;
		margin-top: -290px;
		margin-left: -211px;

	}
	.info:after {
		content: '';
		background: url('../images/stichpunkte.png') no-repeat 0 0;
		position: absolute;
		width: 300px; height: 153px;
		left: 50%;  bottom: -192px;;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		-o-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.info > ul{ margin-top: 0px; }

	.info > img{
		margin-left: -95px;
		margin-top:-40px;

	}
	.info > ul > li{
		float: left;
		text-transform: uppercase;
		font-size: 20px;
		width: 185px;
		padding-top: 52px;
		height: 147px;
		text-align: center;
	}
	.info >.adfuturaLeft > p{
		margin-left: 117px;
		margin-top: 111px;
		position: absolute;
		background-color: #bafd41;
		color: #7f7f7f;
		width: 131px;
		height: 65px;
		border: 3px solid white;
		border-radius: 13px;
		font-size: 22px;
		padding-top: 18px;
		text-align: center;
	}
	.borderBot{ border-bottom: 5px solid #fff; }

	.borderRight{ border-right: 5px solid #fff; }
	.floatList { width: 100%; float: left; }
	.floatList dt,
	.floatList dd { float: left; }
	dl.floatList.small dt { width: 20%; }
	dl.floatList.small dd { width: 80%; }
	dl.floatList dt { width: 30%; }
	dl.floatList dd { width: 70%; }
	#slideshow,
	.slider { height: 100%; }

	#contentMain {
		width: 45%;
		padding: 20px; padding-bottom: 200px; margin: 0;
		height: 100%;
		position: relative;
		display: table-cell;
		vertical-align: middle;
		float: none;
	}

	body.index #contentMain { padding-bottom: 0; }
	body.vorteile-fuer-sie #contentMain { padding-bottom:200px; }
	body.referenzen #contentMain,
	body.nutzungsbedingungen #contentMain { padding-bottom: 410px; }

	#contentLeft {
		width: 45%;
		padding: 0; margin: 0;
		height: 100%;
		position: relative;
		display: table-cell;
	}

	.facility-management .col_7  #slideshow.slider  div{
		background:url(../images/bg-images/facility-management1.jpg);
		background-size: cover;
	}

	.facility-management .col_7  #slideshow.slider  div + div{
		background:url(../images/bg-images/facility-management2.jpg);
		background-size: cover;
	}

	.facility-management .col_7  #slideshow.slider  div + div + div{
		background:url(../images/bg-images/facility-management3.jpg);
		background-size: cover;
	}

	.facility-management .col_7  #slideshow.slider  div + div + div + div{
		background:url(../images/bg-images/facility-management4.jpg);
		background-size: cover;
	}

ul#vorteile {

	bottom: 20px;
}
ul#vorteile a {
	text-decoration: none;
	color: #FFF;
	font-weight: bold;
	font-size: 1.2rem;
}

html body ul#vorteile li.active a { color: rgba(0,0,0,0.4); }
ul#vorteile li:first-child + li a { color: #bafd41; font-style: italic; text-transform: uppercase; }


	#slideshow {
		background: #fff;
		position: relative;
		width: 100%; height: 100%;
	}

#slideshow .slideContainer {
	height: 100%;
	width: 100%;
}
	 #slideshow .slideContainer:after { content: ''; display: block; clear: both;  }

#slideshow a[rel="lightbox"] {
	display: block;
	padding: 0; margin: 0;
	width: 48.5%; height: 32%;
	margin: 1.5% 1.5% 0 0;
	float: left;
	overflow: hidden;
	background-size: cover;
}

#slideshow .slideContainer a[rel="lightbox"]:first-child,
#slideshow .slideContainer a[rel="lightbox"]:first-child + a[rel="lightbox"] { margin-top: 0; height: 33%;  }

#slideshow img {
	height: 100%; width: auto;
	padding: 0; margin: 0;
}

div#nutzungsbedingungen{
	padding: 9px;
	line-height: 1.2em;
	background: #7f7f7f;
	color: #FFF;
	font-size: 0.9em;
	text-align: justify;
}
.main .showslideController.showslideSelect {
	opacity: 1;
	visibility: visible;
}
.main .showslideController.showslidePrev,
.main .showslideController.showslideNext,
.main #slideshow:hover .showslideController.showslidePrev,
.main #slideshow:hover .showslideController.showslideNext {
	opacity: 0;
	visibility: hidden;
}



@media screen and (max-width: 830px) {
	.main {
		display: block;
		height: auto;
		min-height: 0;
		border: 0;
	}

	#contentLeft {
		display: none;
	}
		body.referenzen #contentLeft,
		body.nutzungsbedingungen #contentLeft {
			display: block;
			width: 100%; height: auto;
			float: none; clear: both;
		}
		body.nutzungsbedingungen #contentLeft { padding-top: 40px; }

		body.referenzen #contentMain > h1,
		body.nutzungsbedingungen #contentMain > h1 { display: none; }

	/*div#nutzungsbedingungen {
		position: static;
		font-size: 1em;
		padding: 20px; margin: 0;
	}*/
		div#nutzungsbedingungen:before {
			content: 'Nutzungsbedingungen';
			display: block;
			font-size:1.5rem;
			text-transform: uppercase;
			margin-bottom: 0.3em;
			font-weight: bold;
		}

	#contentMain {
		width: 100%;
		padding: 5% !important;
		display: block;
		height: auto;
	}
		body.index #contentMain { padding-bottom: 90px !important; }
	ul#vorteile {
		position: static;
		margin-top: 2em;
	}
	.special .border {
		width: 49%;
		min-height: 55px;
		margin-bottom: 1%;
	}

	#contentMain:after,
	.main:after {
		content: '';
		display: block;
		clear: both;
	}

	#slideshow .slideContainer,
	#slideshow .slideContainer .slide {
		width: 100%; height: auto;
	}
	#slideshow .slide.active { position: relative; }



	#slideshow .slideContainer > a {
		width: 49%; height: auto;
		padding: 20% 0 20% 0;
		float: left;
		margin: 0.5%;
	}

	.next { bottom: 3%; right: 3%; }

}


.navContainer{
		width: 45%;
		padding: 20px;
		padding-bottom: 200px;
		margin: 0;
		height: 100%;
		position: relative;
		display: table-cell;
		vertical-align: middle;
		float: none;

}



	body.datenschutzerklaerung h1,
	body.datenschutzerklaerung h2,
	body.datenschutzerklaerung h3,
	body.datenschutzerklaerung h4,
	body.datenschutzerklaerung h5,
	body.datenschutzerklaerung h6{
		clear: both;
	}


	body.datenschutzerklaerung ul{
		list-style: circle;
		float: none;
		clear: both;
				list-style-position: inside;
	}

	body.datenschutzerklaerung #contentMain {
		width: 100%;
		display: block;
	}

	body.datenschutzerklaerung #contentLeft {
		display: none;
	}

	body.datenschutzerklaerung #contentMain ul li a{
		font-size: 15px;
	}


 @media only screen and (min-width:800px){

	body.datenschutzerklaerung #contentMain{
	   column-count: 2;
	}

	body.datenschutzerklaerung #contentMain ul li a{
		font-size: 16px;
	}

 }
