/* setzt die Browser Einstellungen zurück ------------*/
/*
*{
	padding: 0;
	margin: 0;
}
*/

/* muli-regular - latin */
@font-face {
  font-family: 'Muli';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/muli-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Muli Regular'), local('Muli-Regular'),
       url('../fonts/muli-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/muli-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/muli-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/muli-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/muli-v11-latin-regular.svg#Muli') format('svg'); /* Legacy iOS */
}

html {
	background-color: #fff;
/*	font-family: 'Muli', sans-serif;
*/
	font-family: 'Muli', normal;

	-webkit-font-smoothing : subpixel-antialiased;
	font-smoothing: subpixel-antialiased;
	}

.home {
	font-size: 18px;
	color: #000;
	margin: 18px 140px;
}

.nav {
	color: #000;
	text-decoration: none;
	/*text-transform: lowercase;*/
/*	width: 70px;
*/	height: 13px;
	margin: 0px 15px 0px 15px;
	float: left;
	text-align: center;
	/*padding: 4px 0px;*/
/*	margin-left: 3px;
*/}

.nav_active {
	color: #008CD1;
}

.nav:hover {
/*	background-color: #008CD1;
*/	/*color: #fff;*/
	color: #008CD1;
}

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

a:hover {
	color: #008CD1;
}

/*#container {
	margin: 0px;
	z-index: 1000;
}*/

#header {
	position: fixed;
	width: 100%;
	background-color: #fff;
	z-index: 100;
}

body {
	margin: 0px;
	overflow: scroll;
}

.page {
	overflow: scroll;
}

#navigation{
/*	margin-top: 20px;
*/	position: fixed;
	margin: 24px auto;
	left: 50%;
	margin-left: -59px;
	z-index: 1000;
}

/*#navigation*/ 
#quick_contact {
	margin-top: 24px;
/*	width: 219px;
*/	float: right;
	right: 140px;
	position: fixed;
	z-index: 100;
}

#controll {
	width: 110px;
	float: left;
	color: rgb(107,107,107);
	position: relative;
}

.content_projectnavigation {
	color: #888;
	right: 0px;
	position: fixed;
	top: 84px;
	z-index: 100;
}

.content_headline_1 {
	/*text-transform: lowercase;*/
	background-color: #fff;
	padding: 6px 15px;
	margin-bottom: 3px;
/*	margin-top: 10px;
*/}

.content_headline_2 {
	/*text-transform: lowercase;*/
	background-color: #fff;
	padding: 6px 15px;
	margin-bottom: 3px;
}

.content_headline_3 {
	/*text-transform: lowercase;*/
	padding: 6px 0px;	
}

.tag {
	text-transform: lowercase;
/*	color: #777;
*//*	padding-right: 6px;
*/}

.tag_active {
	color: #008CD1;
}

.tag_collection {
	margin-top: 70px;
	margin-left: 0px;
	width: 216px;
	position: absolute;
	line-height: 150%;
}

.content_columns {
	margin-left: 240px;
	margin-right: 30px;
	margin-top: 72px;
}

.col {
	margin: 0px 0px 13px 10px;
	float: left;
}

.project {
	height: 169px;
}

.project:hover {
	box-shadow: 0px 1px 6px rgba(5,5,5,0.6);
}
/*
.project_inactive {
	display: none;
}*/

.inactive {
	display: none;
}	

/* units _________________________________*/

p {
	margin: 0px;
	margin-bottom: 10px;
}

.text {
	padding: 12px 14px 2px;
	line-height: 15px;
}


.unit {
	background-color: #fff;
	margin-bottom: 3px;
}

.unit_collection {
	margin-top: 30px;
	margin-left: 30px;
	width: 200px;
/*	position: absolute;
*/}

h1 {
	font-size: 18px;
	margin: 0px;
	font-weight: normal;
}

#imprint {
	left: 140px;
	bottom: 12px;
	position: fixed;
	z-index: 1000;
}


section article{
	margin: 0px;
	padding: 0px;
}

/* keys __________________________________*/

.keys {
	visibility: visible;
	width: 69px;
	right: 20px;
	z-index: 2000;
	margin-bottom: 10px;
}

.ascensorLinkNext {
	width: 21px;
	height: 21px;
	background-image:url('../img/key_right.png');
	background-color: #000;
	float: right;
}

.ascensorLinkNext:hover {
	background-color: #008CD1;
}

.ascensorLinkPrev {
	width: 21px;
	height: 21px;
	background-image:url('../img/key_left.png');
	background-color: #000;
	float: left;
}

.ascensorLinkPrev:hover {
	background-color: #008CD1;
}

.ascensorLinkUp {
	width: 21px;
	height: 21px;
	background-image:url('../img/key_up.png');
	background-color: #000;
	margin: 0 auto 3px;
}

.ascensorLinkUp:hover {
	background-color: #008CD1;
}

.ascensorLinkDown {
	width: 21px;
	height: 21px;
	background-image:url('../img/key_down.png');
	background-color: #000;
	margin: 0 auto;
}

.ascensorLinkDown:hover {
	background-color: #008CD1;
}

/* ascensor  _______________________________*/

#ascensorBuilding{
	overflow:hidden;
	font-size: 12px;
	position: static;
	z-index: -200;
}

.map ul, .map ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

#navigationMap{
	top:70px;
	width:70px;
	height: 156px;
}

#navigationMap ul li a{
	background: #222;
	height:10px;
	width: 10px;
	position: fixed;
}

/*_________ x ___________________________*/

/* 1. row x _____________________________*/

#navigationMap .ascensorLink1
{
	margin-top: 0px;
}


/* 2. row x _____________________________*/

#navigationMap .ascensorLink2

{
	margin-top: 12px;
}

/* 3. row x _____________________________*/

#navigationMap .ascensorLink3,
#navigationMap .ascensorLink4,
#navigationMap .ascensorLink5
{
	margin-top: 24px;
}

/* 4. row x _____________________________*/

#navigationMap .ascensorLink6
{
	margin-top: 36px;
}

/* 5. row x _____________________________*/

#navigationMap .ascensorLink7
{
	margin-top: 48px;
}

/* 6. row x _____________________________*/

#navigationMap .ascensorLink8,
#navigationMap .ascensorLink9,
#navigationMap .ascensorLink10,
#navigationMap .ascensorLink11,
#navigationMap .ascensorLink12
{
	margin-top: 60px;
}

/* 7. row x _____________________________*/

#navigationMap .ascensorLink13,
#navigationMap .ascensorLink14,
#navigationMap .ascensorLink15,
#navigationMap .ascensorLink16,
#navigationMap .ascensorLink17,
#navigationMap .ascensorLink18
{
	margin-top: 72px;
}

/* 8. row x _____________________________*/

#navigationMap .ascensorLink19
{
	margin-top: 84px;
}

/* 9. row x _____________________________*/

#navigationMap .ascensorLink20,
#navigationMap .ascensorLink21
{
	margin-top: 96px;
}

/* 10. row x _____________________________*/

#navigationMap .ascensorLink22,
#navigationMap .ascensorLink23,
#navigationMap .ascensorLink24,
#navigationMap .ascensorLink25,
#navigationMap .ascensorLink26,
#navigationMap .ascensorLink27

{
	margin-top: 108px;
}

/* 11. row x _____________________________*/

#navigationMap .ascensorLink28,
#navigationMap .ascensorLink29,
#navigationMap .ascensorLink30,
#navigationMap .ascensorLink31,
#navigationMap .ascensorLink32,
#navigationMap .ascensorLink33

{
	margin-top: 120px;
}

/* 12. row x _____________________________*/

#navigationMap .ascensorLink34

{
	margin-top: 132px;
}

/* 13. row x _____________________________*/

#navigationMap .ascensorLink35

{
	margin-top: 144px;
}

/*_________ y ___________________________*/

/* 2. row y _____________________________*/

#navigationMap .ascensorLink4,
#navigationMap .ascensorLink9,
#navigationMap .ascensorLink14,
#navigationMap .ascensorLink21,
#navigationMap .ascensorLink23,
#navigationMap .ascensorLink29
{
	margin-left: 12px;
}

/* 3. row y _____________________________*/


#navigationMap .ascensorLink5,
#navigationMap .ascensorLink10,
#navigationMap .ascensorLink15,
#navigationMap .ascensorLink24,
#navigationMap .ascensorLink30
{
	margin-left: 24px;
}

/* 4. row y _____________________________*/

#navigationMap .ascensorLink11,
#navigationMap .ascensorLink16,
#navigationMap .ascensorLink25,
#navigationMap .ascensorLink31
{
	margin-left: 36px;
}

/* 5. row y _____________________________*/

#navigationMap .ascensorLink12,
#navigationMap .ascensorLink17,
#navigationMap .ascensorLink26,
#navigationMap .ascensorLink32
{
	margin-left: 48px;
}

/* 6. row y _____________________________*/

#navigationMap .ascensorLink18,
#navigationMap .ascensorLink27,
#navigationMap .ascensorLink33
{
	margin-left: 60px;
}

#navigationMap .ascensorLinkActive{
	background: #008CD1;
}

#navigationMap .ascensorLink:hover{
	background: #008CD1;
}

/*content follows width_______________________*/

/*@media screen and (max-width: 480px) */
@media screen and (max-width: 845px) {

/*	.content_columns {
		margin-left: 20px;
		margin-top: 10px;
	 }*/

	.unit_collection {
/*		position: static;
*/	}

	.home {
		margin: 18px 40px;
	}

	#quick_contact {
		right: 40px;
	}

}