@charset "UTF-8";
* {
margin:0px;
padding:0px;
}
html { overflow-y: scroll; }
body{background-color:#ffffff;text-align:left;	font-size: 16px;height:100%; font-family: 'Source Sans Pro', Lucida Grande, Verdana, sans-serif; font-weight: 400;}

h1{	font-family: font-family: 'Source Sans Pro',  Lucida Grande, Verdana, sans-serif; font-weight: 700;	font-size: 30px;color: #BBBBBB;margin-bottom: 24px;padding-top: 20px;}
h2{	font-family: font-family: 'Source Sans Pro', Lucida Grande, Verdana, sans-serif; font-weight: 700;	font-size: 30px;color: #f4a8ae;margin-bottom: 15px;padding-top: 17px;}
h3{	font-family: font-family: 'Source Sans Pro',  Lucida Grande, Verdana, sans-serif; font-weight: 400;	font-size: 26px;color: #BBBBBB;margin-bottom: 16px;padding-top: 20px;}
h4{	font-family: font-family: 'Source Sans Pro',  Lucida Grande, Verdana, sans-serif; font-weight: 400;	font-size: 20px;color: #fc0c1a;margin-bottom: 8px;padding-top: 20px;}
h5{	font-family: font-family: 'Source Sans Pro',  Lucida Grande, Verdana, sans-serif; font-weight: 700;	font-size: 22px;color: #000000;margin-bottom: 12px;}


img{width:100%;}

.impressum_klein{font-size:10pt;}

#top{width: 64%;padding-left:36%;margin-bottom:12px;}
#logo{width:526px;height:163px;}
@media (max-width: 822px){#logo {width: 98%;height:auto;}}

#slideshow{width:100%; margin-bottom:30px;}


#main{width:100%;min-height:600px;}
#main a, #main a:visited, #main a:focus {color:#000000; font-style: normal;text-decoration:none;}
#main a:hover {color: #fc0c1a;}
#main_left{float:left;width:36%;}
#main_right{float:right;width:64%;}
#buero_left{float:left;width:48%;margin-right:2%;margin-bottom:2%;}
@media (max-width: 880px){#buero_left{width:80%;}}
#buero_right{float:left;width:46%;margin-bottom:30px;margin-top:20px}
@media (max-width: 880px){#buero_right{width:80%;}}
#externe_left{float:left;width:48%;margin-right:2%;}
@media (max-width: 880px){#externe_left{width:80%;}}
#externe_right{float:left;width:46%;margin-bottom:30px;}
@media (max-width: 880px){#externe_right{width:80%;}}

#downloads {}
#downloads a, #downloads a:visited, #downloads a:focus {color: #000000;font-style: normal;text-decoration: underline;}
#downloads a:hover {color: #fc0c1a;}

#impressum{width:90%;}

.adresse{font-family: 'Source Sans Pro', Lucida Grande, Verdana, sans-serif; font-weight: 400;color:#000000;}

/*======================================================================*/
/*HAUPTMENUE*/
#nav {text-decoration: none;margin-left: 20px;	}
#nav LI { margin-bottom:8px;list-style-type: none;}	

#nav  A, #nav A:visited {font-family: 'Source Sans Pro', Lucida grande,  Verdana, sans-serif; font-weight: 200;font-size:26px;color:#656565;font-style: normal;text-decoration:none;}

#nav A:hover, #nav A:focus {color: #fc0c1a;	background-color: transparent;text-decoration: none;}	

#ia #nav A.ca,
#ib #nav A.cb,
#ic #nav A.cc,
#id #nav A.cd,
#ie #nav A.ce,
#if #nav A.cf,
#ig #nav A.cg,
#ih #nav A.ch,
#ii #nav A.ci,
#ij #nav A.cj{
   color: #fc0c1a;
   height:100%;
   }
   



/*======================================================================*/
/*MENUE */

/*======================================================================*/
/*UNTERMENUE */
#nav2, #nav2 span {font-family: 'Source Sans Pro', Lucida grande,  Verdana, sans-serif; font-weight: 400;font-size:15px;color:#909090; width: 80%;text-decoration: none;margin: 2px 0 20px 20px;	}
#nav2  A, #nav2 A:visited {font-family: 'Source Sans Pro', Lucida grande,  Verdana, sans-serif; font-weight: 400;font-style: normal;text-decoration:none;font-size:15px;color:#909090; }
#nav2 A:hover, #nav2 A:focus {color: #fc0c1a;	background-color: transparent;text-decoration: none;}	
#nav2 .dead{ font-family: 'Source Sans Pro', Lucida grande, Verdana, sans-serif; font-weight: 400; font-style: normal; text-decoration: none; color: #909090; font-size: 15px;  margin-left:0px; cursor:default; }
#nav2 {display:none;}
#nav2.current {display:inline-block;}
p.hidden{display:none;}

.aktiv{color: #fc0c1a;}
.head_projekte{margin:8px 0 2px 0;font-weight: 400;font-size:17px;}

#nav2 span.aktiv {color:#fc0c1a;margin-left: 0px; font-size:15px;}
#nav2 a:hover { color:#fc0c1a !important; margin-left: 0px; }
#nav2 a p:hover { color:#fc0c1a !important; margin-left: 0px; }
#nav2 p {color:#555555;}

/*======================================================================*/
/*MENUE */


/*======================================================================*/
/*MENUARCHIV */
#nav_a {xfont-family: 'Source Sans Pro', Lucida grande,  Verdana, sans-serif; font-weight: 400;font-size:15px;color:#006600; width: 80%;text-decoration: none;margin: 15px 0 20px 20px;	}
#nav_a  A, #nav2 A:visited {font-style: normal;text-decoration:none;font-size:15px; color:#909090; }
#nav_a A:hover, #nav2 A:focus {color: #fc0c1a;	background-color: transparent; text-decoration: none;}	
#nav_a li{margin-bottom:8px;list-style-type: none;}

/*======================================================================*/
/*MENUE */

/*======================================================================*/
/*UNTERMENUE */
#nav3 {font-family: 'Source Sans Pro', Lucida grande,  Verdana, sans-serif; font-weight: 400;font-size:15px/17px;color:#909090; width: 80%;text-decoration: none;margin: 2px 0 20px 20px;	}
#nav3  A, #nav3 A:visited {font-style: normal;text-decoration:none;font-size:15px;color:#909090; }
#nav3 A:hover, #nav3 A:focus {color: #fc0c1a;	background-color: transparent;text-decoration: none;}	

/*======================================================================*/
/*MENUE */


#test {border-top-style: solid;
	border-top-color: #E6E6E6;
	border-top-width: 12px;
}

/***********************************************************************
	SlideShow @FF
**********************************************************************/
#slideshow .item{
	display:none;
}
#slideshow .item.active{
	display:block;
}

/***********************************************************************
	Projekt-Lightbox @FF
**********************************************************************/
.project-overlay{
	z-index:10;
	position:fixed;
	width:100%;
	height:100%;
	background-color: #000000;
	top:0;
	left:0;
	filter:     alpha(opacity = 75);    /* IE 6, 7, 8 */
	-ms-filter: "alpha(opacity = 75)";  /* ab IE 8 zusätzlich möglich */
	opacity:    .75;
	display:none;
}
#project-lightbox {
	z-index:999;
	background-color:#fff;
	width:80%;
	max-width:1700px;
	margin:auto;
	border:5px solid #e3e3e3;
	position: absolute;
	top:10%;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	margin-top: auto;
	margin-bottom: auto;
	top: 50px;
	display:none;
	max-width:1400px;
}
#project-lightbox-content{
	margin:auto;
	width:110;
	padding:30px;
	max-height:750px;
	padding-left: 50px;
	padding-right: 50px;
}

.project-content-left{
	display:inline-block;
	width: 33%;
	float: left;
	margin-right: 10px;
}

.project-content-left #text{
	margin-right:8px;
	margin-top:10px;
	margin-bottom:20px;
}

.project-content-right{
	display:inline-block;
	width:64%;
	text-align:center;
	overflow:hidden !important;
	float:right;
	text-align:right;
	
}
.project-content-right img{
	height:auto;
	width: auto;
	max-width: 100%;
}
.project-content-left #pdf{
	font-size:10pt;
}

.project-content-controls{
	clear:both;
}

.project-next, .project-prev{
	color: #ccc;
	/*border: 3px solid #ccc;*/
	padding: 8px;
	padding-top: 0px;
	padding-bottom: 4px;
	background-color:transparent;
	font-family: monospace;
	line-height: 300px;
	font-size: 40px;
    font-weight: bold;
}

.project-prev{
	float:left;
	position: relative;
	margin-left:5px;
	cursor:pointer;
	left: -9px;
}

.project-next{
	float:right;
	position: relative;
	margin-right:5px;
	cursor:pointer;
	left: 9px;
}

.project-next:hover, .project-prev:hover{
	background-color:#e3e3e3;
	color:#fff;
}

/***********************************************************************
	Mobile CSS @FF für onlionit www.onlionit.de
	Starting at 797px
**********************************************************************/
#mobile-logo{
	display:none;
	margin-bottom:25px;
	margin-bottom:25px;
	width:100%;
	min-height: 90px;
}

#mobile-logo img{
	float:right;
	max-height:90px;
	max-width:282px;
	width:78%;
}
	

#mobile-navigation {
	display:none;
	cursor: pointer;
	background: #000 url(../gfx/nav.svg) no-repeat center center;
	height: 16px;
	width: 100%;
	margin:auto;
	margin-top: 5px;
	margin-bottom: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#gmaps{
	width:600px;
	height:300px;
}

@media screen and (max-width: 797px) {
    #main{
		width: 97%;
		min-height: 600px;
		margin-left: 5px;
		margin-right: 5px;
	}
	
	#top, #main_left{
        display:none;
    }
	
	#mobile-logo,#mobile-navigation {
		display:block;
	}
	
	#main_left{
		float:none;
		width:100%;
	}
	
	#main_left.show{
		display:block;
		    margin-bottom: 100px;
	}
	
	#main_right, #buero_right{
		width:100%;
		float:none;
	}
	
	#gmaps{
		width:100%;
		height:300px;
	}
	
	#nav2 {display:block;}
	
	#slideshow{
		  margin-top: 25px;
  margin-bottom: 30px;
	}
	
	
	/***********************************************************************
		Projekt-Lightbox @FF
	**********************************************************************/
	#project-lightbox{
		max-height:auto;
		bottom:auto;
	}
	.project-overlay{
		position:fixed;
		top:0px;
	}
	.project-content-left{
		width:100%;
	}
	.project-content-left #pdf{
		margin-bottom:15px; 
		display: block;
	}
	.project-content-right{
		width:100%;
	}
	.project-content-right img{
		width:100%;
		height:auto;
	}
	#project-lightbox-content{
		padding:34px;
	}
	.project-next, .project-prev{
		font-size:16pt;
		padding:5px;
		padding-top: 0px;
		position:fixed;
		top:150px !important;
		left:auto;
	}
	.project-next:hover, .project-prev:hover{
		background-color:transparent;
		color:#ccc;
	}
	
	.project-next{
		right:10%;
	}
	#nav2.current-clap a p.hidden{display:block;}
	strong#title{margin-top:10px;display:block;}
	p.hidden{display:block;}
}


/* source-sans-pro-200 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 200;
  src: url('../fonts/source-sans-pro-v11-latin-200.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro ExtraLight'), local('SourceSansPro-ExtraLight'),
       url('../fonts/source-sans-pro-v11-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-200.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-200.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-300 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/source-sans-pro-v11-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Light'), local('SourceSansPro-Light'),
       url('../fonts/source-sans-pro-v11-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/source-sans-pro-v11-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'),
       url('../fonts/source-sans-pro-v11-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
  font-family: 'Source Sans Pro';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/source-sans-pro-v11-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'),
       url('../fonts/source-sans-pro-v11-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/source-sans-pro-v11-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/source-sans-pro-v11-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/source-sans-pro-v11-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}