div#bg-image-mVision {
	height: 1px;
	margin-top: 64px; /* 134px */
	position: absolute;
	top: 0px;
	z-index: 1;
}

div#headWrapNew {
	position: relative;
	top: 0;
	left: 0;
	z-index:200;
	margin-top: -300px;
}

/* MIDAS VISION TEASER */

		ul#mVisionTeasers {
			list-style: none;	
		}
		li.teaser {
			width: 0px;
			height: 23px;
			padding-left: 23px;
			position: absolute;	
			z-index: 1;
		}
		li.mVision {
			background-image: url(images/Midas-Webseite-Pfeil-Vision.png);	
			background-position: 10px 4px;
		}
		li.mVision:hover{
			background-image: url(images/Midas-Webseite-Pfeil-Vision-R.png);	
			background-position: 8px 4px;
			width: 1px;
			height: 120px;
			z-index:10000;
		}
		div.teaserText {
			position: absolute;
			top: 0px;
			left: 23px;
			padding: 0;
			width: auto;
			height: auto;
		}
		li.mVision div.teaserText {
			margin-top: 5px;
			margin-left: -170px;
			text-align: right;
			padding-right: 7px;
			width: 150px;
		}
		li.mVision img {
			margin-top: 5px;
			margin-left: -500px;	
		}

		li.mVision:hover div.teaserText {
			margin-left: -180px;
			padding-top: 5px;
			background-color: #5EC5ED;
			height: 115px;
			width: 150px;
			overflow: hidden;	
		}
		li.teaser:hover div.teaserPicture {
			display: block;	
		}


		div.teaserText h2 {
			display: inline;	
			font-family: TypestarWeb-Black,sans-serif;
			font-style: normal;
			font-weight: normal;
			font-size: 20px;
			letter-spacing: 1px;
			color: #5EC5ED;
			margin-bottom: 34px;
		}
		li.teaser:hover h2 {
			color: #FFF;	
		}

		div.teaserText p {
			display: none;
			color: #000;
			margin: 0;
			font-size: 13px;	
			position:absolute;
		}
		li.teaser:hover p {
			display: block;	
		}

		p.teaserObjekt {
			bottom: 50px;
			height: auto;
			font-size: 15px;
			letter-spacing: 0.8px;
			line-height: 16px;
			vertical-align:bottom;
			font-family: "HelveticaNeueLTStd-BdCn";
		  	font-weight: normal;
		    font-style: normal;
		    text-transform: uppercase;
		}
		li.teaser p.teaserOrt {
			bottom: 34px;
		}
		li.teaser p.teaserJahr {
			bottom: 10px;
		}
		
		li.teaser p {
		    text-align: left;
		}
		li.mVision p {
		    padding-left: 10px; 
		}
		div.teaserPicture {
			position: absolute;
			top: 0px;
			left: 183px;
			width: 160px;
			height: 120px;
			display: none;
		}

li#mVision-0 {
	top: 140px;
	left: 555px;
}
li#mVision-1 {
	top: 110px;
	left: 620px;
}
li#mVision-2 {
	top: 80px;
	left: 535px;
}
li#mVision-3 {
	top: 45px;
	left: 630px;
}
li#mVision-4 {
	top: 200px;
	left: 655px;
}
li#mVision-5 {
	top: 145px;
	left: 715px;
}

/* MIDAS PLAN TEASER */

		ul#mPlanTeasers {
			list-style: none;	
		}
		
		li.mPlan {
			background-image: url(images/Midas-Webseite-Pfeil-Plan.png);
			background-position: 0px 4px;
		}
		li.mPlan:hover{
			width: 320px;
			height: 120px;
			z-index:10000;
		}

		li.mPlan:hover div.teaserText {
			padding-left: 10px;
			padding-top: 5px;
			background-color: #5EC5ED;
			height: 115px;
			width: 150px;
			overflow: hidden;	
		}
		li.teaser:hover div.teaserPicture {
			display: block;	
		}

		li#mPlan-0 {
			top: 120px;
			left: 278px;
		}
		li#mPlan-1 {
			top: 40px;
			left: 180px;
		}
		li#mPlan-2 {
			top: 105px;
			left: 160px;
		}
		li#mPlan-3 {
			top: 170px;
			left: 200px;
		}
		li#mPlan-4 {
			top: 150px;
			left: 125px;
		}
		li#mPlan-5 {
			top: 200px;
			left: 90px;
		}
		
/* END MIDAS PLAN TEASER */








	div.view_info a {
		text-decoration: none;
		color: inherit;
		font-family: inherit;
		cursor: pointer;
	}
		div.view_nav {
			clear:both;
			font-family: "HelveticaNeueLTStd-BdCn";
	    	font-weight: normal;
		    font-style: normal;
			text-transform: uppercase;
			font-size: 16px;
		    letter-spacing: 1px;
			color: #B8B8B8;
			padding: 3px 0px 25px 20px;
			
		}
		div.view_nav:hover {
			color: #5EC5ED;	
		}
		div.view_nav_img {
			float: right;
			width: 18px;
			height: 16px;
			margin-right: 65px;
		}
		div.view_close div.view_nav_img {
			background-image: url(images/Midas-Webseite-Kreuz.png);	
		}
		div.view_close:hover div.view_nav_img {
			background-image: url(images/Midas-Webseite-Kreuz.png);
			background-position: 0px -16px;	
		}
		div.view_next div.view_nav_img {
			background-image: url(images/Midas-Webseite-Pfeil-R.png);	
		}
		div.view_next:hover div.view_nav_img {
			background-image: url(images/Midas-Webseite-Pfeil-R.png);	
			background-position: 0px -16px;	
		}
		div.view_prev div.view_nav_img {
			background-image: url(images/Midas-Webseite-Pfeil-L.png);	
		}
		div.view_prev:hover div.view_nav_img {
			background-image: url(images/Midas-Webseite-Pfeil-L.png);	
			background-position: 0px -16px;	
		}


/* midas base css */
body, div, ul, li {
   	font-weight: normal;
    font-style: normal;
	background-repeat:no-repeat;
	padding: 0;
	margin: 0;
}	

body{
	width: 100%;
	max-width: 100%;
	background-color: #3c3c3c;
	font-size: 100%;
	font-family: TypestarWeb,sans-serif;
	font-size: 100%;
}


/*
body.abl div#belowTheLineWrap {
	display: none;
}
*/

div#centeredWrap {
	background-color: red;
	color: white;
	z-index: 10000;
	top: -10px;
	margin-left: auto;
	margin-height: auto;
	margin-top: -10px;
}

div#background {
	background-repeat:repeat-x;
	width: 100%;
	height: 100%;	
}



	

h1 {
	font-family: TypestarWeb-Black,sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	letter-spacing: 1px;
	line-height: 13px;
	margin-bottom: 20px;
}


/* hidden div with preloaded images */
div#imagePreload {
	opacity:0;
	position:fixed;
	bottom:0;
	z-index:0;			
}
div#imagePreload img {
	width: 1px;
	height: 1px;
}

/* font classes */
	h2, p.h2 {
		font-family: "HelveticaNeueLTStd-BdCn";
		letter-spacing: 1px;
		text-transform: uppercase;
		padding: 0;
	}	

	.helvetica {
		font-family: "HelveticaNeueLTStd-BdCn";
	}

	.font1 {
	    text-transform: uppercase;
	    color: #000;
	}
	ul#midasmenu {
		font-family: "HelveticaNeueLTStd-BdCn";
		text-transform: uppercase;
	}

	

/* color classes */

	.blue, h2.active p.active, div.border-right-active, div.border-right:hover, ul#midasmenu li.active a, ul#midasmenu li a:hover, div#logoWrap p.h2, h1 {
		color: #5EC5ED;		
	}
	.bg-blue {
		background-color: #5EC5ED;
	}
	.gray, div.border-right, h2 {
		color: #B8B8B8;
	}
	.white, ul#midasmenu li a {
		color: #FFF;	
	}
	.bg-gray1 {
		background-color: #666; 
	}
	
div#aboveTheLineWrap {
	position: relative;
	background-position:bottom;
/*	overflow:hidden;	*/
	position: relative;
	z-index: 1;
}


/* BELOW THE LINE */
div#belowTheLineWrap {
	margin-top: 25px;
	line-height: 20px;
}
div#contentBelowTheLine {
	display: table;
}	
div#contentBelowTheLine div.colBelowTheLine {
	display: table-cell;+
	float: left;	
	margin-bottom: 55px;
}
div.colBelowTheLine a {
	text-decoration: none;
	color: inherit;
}

div.textBelowTheLine {
	display: none;
}

div.textBelowTheLine-active {
	float: left;
	display: block;
}
div.textBelowTheLine-active p {
	margin-top: 0px;
	margin-bottom: 20px;
	line-height: 20px;
}


div.textBelowTheLine-active h1 {
	line-height: 20px;
	margin-bottom: 20px;
}
div.textBelowTheLine-active ul {
	margin-left: 0px;
}
	
div.textBelowTheLine-active li {
/*	margin-bottom: 2px; */
}
		

/* COLUMS BELOW THE LINE */
div.border-right, div.border-right-active {
	border-right: 1px solid #888888;
	heihgt: 100%;	
}
div.border-right p, div.border-right-active p {
	padding-right: 15px;
	overflow:hidden;
	margin: 0;
	cursor: pointer;
}

div#leistungen h1 {
	margin-bottom: 20px;
}
div#leistungen li {
	margin-bottom: 15px;
}
div#leistungen p {
	margin-bottom: 35px;	
}


/* MENU */
div#midasmenu {
	height: 1px;
}
ul#midasmenu {
	list-style: none;
}
ul#midasmenu li {
	float: left;
}
ul#midasmenu li.active {
	background-color: transparent;
}
ul#midasmenu li a {
	text-decoration: none;
}


/* LOGO */
div#logoWrap {
	margin-left: -45px;
}
div#logoWrap p.h2 {
	margin: 20px 0px 20px 0px;
	padding: 0;	
}

img#midas-logo {
	margin-bottom: 20px;	
}
div#midasVisionInfo, div#midasPlanInfo {
	margin: 0;
	width: 380px;
	height: auto;
	padding: 0px;
	overflow: hidden;
	font-family: TypestarWeb,sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	letter-spacing: 0px;
	z-index: 300;	
	background-color: #orange;
	position: absolute;
}
div#midasVisionInfo {
	left: 0;
	top: 0;
	margin-top: 90px;
	margin-left: 350px;
}
div#midasPlanInfo {
	left: 150px;
	top: 110px;
}
div.infoBox h2 {
	float: left;
	width: 310px;
	padding: 20px 20px 15px 20px;
	margin: 0;	
	font-family: "HelveticaNeueLTStd-BdCn";
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #FFF;
	font-size: 22px;
	font-weight: normal;
	font-style: normal;
	line-height: 22px;
	background-color: #5EC5ED;
}
div.infoBox p {
	width: 310px;
	padding: 0px 20px 15px 20px;
	margin: 0px;
	background-color: #5EC5ED;
}
div.infoBox a {
	float: right;
}


div#midasPlanLogo {
	width: 130px;
	height: 70px;
	top: 110px;
	position: absolute; 
	left: 0px;
	z-index: 200;
}

body.abl div#midasPlanLogo, body.abl div#belowTheLineWrap {
	opacity: 0.2;	
}

div#impressum {
	color: #b8b8b8;
	margin-left: 55px;
	font-size: 11px;
	letter-spacing: 0.5px;
	margin-bottom: 30px;	
}
div#impressum a, p#mailTo a {
	text-decoration: none;
	color: #b8b8b8;	
}
div#impressum a:hover, p#mailTo a:hover {
	cursor: pointer;
	color: #5Ec5Ed;	
}
a.projektliste:hover {
	color: #5ec5ed;	
}


/* GRID VIEW */
div.grid-view {
	color: white;
	font-size: 12px;	
}
div.grid-view th {
	background: transparent;	
}
div.grid-view a {
	color: #8B8B8B;	
}
div.grid-view a:hover {
	color: white;	
}

/* PRESSE */

		ul#presse {
			list-style: none;
			width: 605px;
			margin-left: 41px;
			margin-bottom: 50px;
		}
		ul#presse li, ul#presse a {
			border-bottom: 1px solid #8b8b8b;
			color: #8b8b8b;
			padding: 16px 0px 16px;	
			height: 38px;
		}

		ul#presse li:hover, ul#presse a:hover {
			color: #5EC5ED;	
		}
		ul#presse li div {
			display: inline;
			float: left;
			height: auto;	
		}
		ul#presse li div:nth-child(1) {
			width: 470px;
		}
		ul#presse li div:nth-child(2) {
			width: 90px;
		}
		ul#presse li div:nth-child(3) {
			margin-top: -3px;
			width: 30px;
			height: 38px;
			background-image: url(images/download_pdf.png);	
			background-position: 0px -38px;
		}
		ul#presse li:hover  div:nth-child(3) {
			background-position: 0px 0px;
		}
		ul#presse p, ul#presse a {
			font-family: TypestarWeb,sans-serif;
			font-style: normal;
			font-weight: normal;
			margin: 0;
			padding: 0;
			font-size: 13px;
			letter-spacing: 0px;
		}
		ul#presse li p:nth-child(1) {
			font-family: TypestarWeb-Black,sans-serif;
		}

div#abblender {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(60, 60, 60, 0.8);
	z-index: 1000;
	display: none;	
}
div#foreground {
	clear:both;
	position: absolute;
	top: 0px;
	left: 50%;
	width: 100%;
	z-index: 1001;
	color: white;
	margin-left: -50%;
	display: none;
	opacity: 1;
}
div.view_teaserPic img, div#blocks img {
	background-color:#3c3c3c;	
}

/* INFO BOXES */
		div#midasPlanInfo, div#midasVisionInfo {
			display: none;
			opacity: 0;
		}
		a#mPlan-link {
			background-image: url(images/996/midasPlan_logo.png);
			background-repeat: no-repeat;
			color: transparent;
			width: 130px;
			height: 70px;
			display: block;
			position: absolute;
			top: 110px;
			left: 0px;
			z-index:1000;
		}
		a#mVision-link {
			background-image: url(images/996/midasVision_logo.png);
			background-repeat: no-repeat;
			color: transparent;
			width: 130px;
			height: 70px;
			display: block;
			position: absolute;
			top: 0px;
			left: 570px;
		}
		a.projektliste {
			text-transform: uppercase;
			text-decoration: none; 
			font-family: "HelveticaNeueLTStd-BdCn";
			letter-spacing: 1px;
			font-size: 16px;
			color: #B8B8B8;
			width: 130px;
			text-align: right;
			height: auto;
			display: block;
			position: absolute;
			z-index:1000;
		}
		a.liste-mPlan {
			top: 190px;		
		}

		a.liste-mVision {
			width: auto;
			height: auto;
			position: abosolute;
			bottom: 0;
			right: 0;
			display: block;
			margin: 0;
			padding: 0;
			line-height: 13px;		
		}
		div#mVision-LinkWrap {
			width: 560px;
			height: 70px;
			position: relative;
			top: 0px;
			left: 0px;	
			text-align: right;
			vertical-align: bottom;
		}

/* SHOW LIST */
		a.closeBox {
			background-image: url(images/closeInfoBox.png);
			width: 30px;
			height: 30px;
		}
		a.closeBox:hover {
			background-position: 0px -30px;	
			cursor: pointer;
		}
		
		a.closeList {
			background-image: url(images/Midas-Webseite-Kreuz-Schwarz.png);
			width: 17px;
			display: block;
			float: right;
			height: 16px;
			margin-right: 7px;
			margin-top: 7px;
			background-position: 0px 0px;
		}
		a.closeList:hover {
			background-position: 0px -16px;	
			cursor: pointer;
		}
		ul#showList {
			list-style: none;
			margin-bottom: 50px;	
		}
		li.showList-row {
			float: left;
			margin-bottom: 2px;
			background-color: #5EC5ED; 
			font-family: TypestarWeb,sans-serif;
			font-style: normal;
			font-weight: normal;
			font-size: 12px;
			letter-spacing: 0px;
		}
		li.showList-row a {
			text-decoration: none;
			color: black;	
		}
		li.showList-row:hover a {
			color: white;	
		}
		li.showList-row:nth-child(1) {
			background-color: transparent;
		}
		li.showList-row div {
			padding: 8px;
			float: left;
			width: 114px;
			margin-left: 2px;
			min-height: 54px;
		}
		li.showList-row div:nth-child(1) {
			margin-left: 0px;
		}



		li.showList-row:nth-child(1) div {
			background-color: black;
			font-family: "HelveticaNeueLTStd-BdCn";
			letter-spacing: 1px;
			text-transform: uppercase;
			color: #FFF;
			font-size: 16px;
			line-height: 20px;
			padding-bottom: 4px;
			padding-top: 6px;
			height: 40px;
		}

		li.showList-row:nth-child(1) div:nth-child(7) {
			background-color: white;
			color: black;
			text-align: right;
			padding: 0;
			width: 93px;
			height: 50px;
			min-height: 64px;
		}

		li.showList-row div:nth-child(5) {
			width: 54px;
		}
		li.showList-row div:nth-child(1) p {
			margin: 0;
			padding: 0;
		}
		li.showList-row div:nth-child(1) p:nth-child(1) {
			font-family: TypestarWeb-Black;
			font-weight: normal;
			font-style: normal;
			text-transform: uppercase;
		}
		li.showList-row div:nth-child(1) p:nth-child(2) {
			text-transform: uppercase;
		}
		li.showList-row div:nth-child(6) {
			width: 46px;
			font-size: 18px;
			line-height: 18px;
			font-family: TypestarWeb-Black;
			font-weight: normal;
			font-style: normal;
		}
		li.showList-row:nth-child(1) div:nth-child(6) {
			font-size: 16px;
		}

		li.showList-row div:nth-child(7) {
		}
		div.rowImage {
			width: 93px;
			margin-left: 2px;
			background-color: transparent;
			overflow: hidden;
			float: left;
		}

/* BLOCKS */

		/* BLOCKS */
		hr {
			border-style:solid;
			border-color: #3c3c3c;
			border-width: 0px 0px 1px 0px;
			margin: 5px 0px 5px 0px;
		}
		div#blocks {
			width: 700px;	
			clear: both;
			margin-bottom: 100px;
		}
		div.block {
			width: 560px;
			position: relative;
			background-color: #FFFFFF;
			margin-top: 5px;
			cursor: pointer;
		}
		div.block:first-child {
			background-color: #55c6e9;
		}
		div.text h1 {
			margin: 10px 0px 0px 0px;
			padding: 0;
			color: #000000;
			font-family: TypestarWeb-Black;
			font-weight: normal;
			font-style: normal;
			letter-spacing: 0px;
		}

		div.text p {
			margin-bottom: 10px;
			padding: 0;
			margin-top: 5px;	
		}
		div.blockOp {
			float: right;
			position: absolute;
			left: 570px;
			top: 10px;
			width: 200px;	
		}
		div.blockOp p {
			margin-bottom: 5px;	
		}
		div.blockOp p a {
			text-decoration: none;
			color: #666;	
		}
		div.blockOp p a:hover {
			text-decoration: underline;
			color: #FFF;	
		}

		
		div.pic {
			width: auto;
			height: 100%;
			display: block;	
		}

		div.layout-1 div.pic {
			float: left;
			margin-right: 14px;
		}
		
		span.pic {
			position: absolute;
			top: 0;
			left: 0;
			z-index: 1;
			width: 560px;
			height: auto;	
		}
		
		span.title {
			position: absolute;
			top: 0px;
			left: 0px;
			z-index: 10;
			background-color: #3c3c3c;
			color: #FFFFFF;
			text-transform: uppercase;
			font-family: "HelveticaNeueLTStd-BdCn";
	    	font-weight: normal;
		    font-style: normal
			font-size: 16px;
			letter-spacing: 1px;
			height: auto;
			width: auto;
			padding: 4px 8px 3px 8px;	
		}

		div.text {
			bottom: 0;
			color: #000;
			height: auto;
			font-family: TypestarWeb;
			font-size: 13px;
			padding: 10px 14px 1px 14px;
			line-height: 20px;
		}
		div.layout-1 div.text {
			position: absolute;
			left: 320px;
		}
		/* END BLOCKS */



		div.view_project {
			display: block;
			width: 760px; 
		}
		
		div#shadow {
			background-color:rgba(0, 0, 0, 0.5);
			width: 100%;
			height: 100%;
			position: absolute;
			left: 0;
			top: 0;
			display: none;	
		}
		
		div#blockForm {
			width: 700px;
			height: 400px;
			background-color: #3c3c3c;
			position: absolute;
			z-index:100;
			left: 50%;
			top: 50%;
			margin-left: -350px;
			margin-top: -200px;
			color: #FFF;
		}
		
		
		div.view_teaserPic {
			width: 560px;
			height: auto;
			float: left;
			float: left;
			 margin-bottom: 5px;
			/*
			
			border-width: 0px 0px 2px 0px;
			border-style: solid;
			border-color: #666;
			*/

		}
		div.view_info {
			width: 200px;
			max-width: 200px;
			min-height: 190px;
			background-color: transparent;
			display: block;
			float: left;
			padding-bottom: 14px;
			position: fixed;
			padding-left: 560px;
			z-index: 0;
	
		}
		
		div.view_info img:nth-child(1) {
			border-width: 2px 0px 0px 0px;
			border-style: solid;
			border-color: #FFF;
		}

		div.view_projektnummer {
			font-family: TypestarWeb-Black;
			font-weight: normal;
			letter-spacing: 2px;
			padding-left: 20px;
			font-size: 50px;
			color: #FFF;
			float: left;
			line-height: 50px;
			padding-top: 2px;	
		}

		div.view_projektname {
			clear:both;
 			font-family: "HelveticaNeueLTStd-BdCn";
	    	font-weight: normal;
		    font-style: normal
		  	font-variant: small-caps;
		  	letter-spacing: 1.5px;
			padding-left: 20px;
			padding-top: 3px;
			font-size:20px;
			line-height: 20px;
		    text-transform: uppercase;
			color: #FFF;
		}

		div.view_ort {
			clear:both;
     		font-family: TypestarWeb, sans-serif;
	    	font-weight: normal;
		    font-style: normal
		    letter-spacing: 1px;
			padding: 4px 0px 12px 20px;
			font-size:13px;
			color: #FFF;
			border-width: 0px 0px 2px 0px;
			border-style: solid;
			border-color: #FFF;
			margin-bottom: 33px;
		}