/*
@font-face {
    font-family: universLight;
    src: url('fonts/univers-light-condensed-1361511939.ttf');
}
@font-face {
    font-family: droidSerif;
    src: url('fonts/DroidSerif-Regular.ttf');
}
*/


/* UniversLTPro */
@font-face {
	font-family: 'UniversLTPro';
	font-style: normal;
	font-weight: 700;
	src: url('/assets/fonts/UniversLTPro-LightCond.otf'); /* IE9 Compat Modes */
	src: local(''),
		 url('/assets/fonts/UniversLTPro-LightCond.otf?#iefix') format('opentype')
  }
  


html,body, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    /*font-weight: inherit;
    font-style: inherit;*/
    font-size: 100%;
    vertical-align: baseline;
   
	
    background: transparent;
    
}
html{
	height:100%;
	overflow-y: scroll;
}

body{
	height:100%;
	font-family:'UniversLTPro';
	
}

table, caption, tbody, tfoot, thead, tr, th, td     {
    vertical-align : top;
}

:focus {
    outline: 0;
}

ul, ol {
	list-style: none;
}

table {
    border-collapse: separate;
    border-spacing: 0;
}

caption, th, td {
    text-align: left;
    font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}

blockquote, q {
    quotes: "" "";
}

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

a:hover {
	text-decoration: underline;
	color: #020204;
}


/*** General Site Layout ***/
/* General */

body {
	background-attachment: fixed;
    /*background-image: url("dummy/bg-projects.jpg");*/
	background-size: cover;
	height: 100%;
    overflow: visible;
	font-size: 18px;
	letter-spacing: 0.5px;
}

body.bg_center {
	background-position:305px center;
}

body.bg_left {
	background-position:610px center;
}

body.bg_right,
.cbp-bislideshow li.bg_right_home {
	background-position:right center;
}

.cbp-bislideshow li.bg_center_home {
	background-position:115px center;
}

.cbp-bislideshow li.bg_left_home {
	background-position:230px center;
}

.lupebgimage {width:18px;height:18px;position:absolute;top:20px;right:18px;border:1px solid grey; background:white;opacity: 0.8;padding:8px;}
.icomoon-search-3 {color: black;font-size: 1em;}

#wrapper{    
	height: 100%;
	min-height: 100%;
	/*border: solid red 1px;*/
	background-color: #ffffff;
}
#wrapper.startpage {
	width: 230px;
}
#wrapper.contentpage {
	width: 610px;
}
#wrapper.referencepage {
	width: 100%;
}

#sidebar {
	float: left;
	width: 230px;	
	background-color: #ffffff;
	height: 100%;
	min-height: 100%;
	position: fixed;
	border-right: dotted 1px #999999;
}

#logo_area {
	width: 90%;	
	text-align: center;
	margin: 35px auto;
	margin-top:20px;
	margin-bottom:31px;
	
}

#logo_area a {
	display: block;	
}

a#menu_mobile_click {
	display: none;
}

div#menu_mobile {
	display: none;
}

div#menu {
	width: 100%;
	margin: 0 auto;	
	clear: both;
}

div#menu ul.level1{
	margin: 0 auto;
}

div#menu ul.level1 li,
div#menu_mobile ul.level1 li {	
	padding-left: 20px;
}

div#menu ul.level1 li a,
div#menu_mobile ul.level1 li a {
	color: #999999;
	font-size: 19px;
	line-height: 28px;	
}

div#menu ul.level1 > li > a,
div#menu_mobile ul.level1 > li > a{
	text-transform:uppercase;
}

div#menu ul.level1 li.active,
div#menu_mobile  ul.level1 li.active {	
	background-image: url('../images/nav_bullet.png');
	background-repeat: no-repeat;
	background-position: left 6px;
	
}

div#menu ul.level1 li.active a,
div#menu_mobile ul.level1 li.active a {
	color: #000000;
}

div#menu ul.level1 li a:hover,
div#menu ul.level2 li a:hover,
div#menu li.active ul.level3 li a:hover,
div#menu_mobile ul.level1 li a:hover,
div#menu_mobile ul.level2 li a:hover,
div#menu_mobile li.active ul.level3 li a:hover {
	color: #000000 !important;
	text-decoration:none;
}

div#menu ul.level2,
div#menu_mobile ul.level2{
	margin: 9px 0;	
}
div#menu ul.level2 li,
div#menu_mobile ul.level2 li {		
	padding-left: 0px;
	line-height: 15px;
}
div#menu ul.level2 li a,
div#menu_mobile ul.level2 li a {	
	font-family:'UniversLTPro';	
	font-size: 13px;
	line-height: 20px;
	color: #999999 !important;
}

div#menu ul.level2 li.active,
div#menu_mobile ul.level2 li.active {
	background: none;
}

div#menu ul.level2 li.active a,
div#menu_mobile ul.level2 li.active a {
	color: #000000 !important;
}



div#menu li.active ul.level3,
div#menu_mobile li.active ul.level3{
	margin: 9px 0;	
}
div#menu li.active ul.level3 li,
div#menu_mobile li.active ul.level3 li {		
	padding-left: 10px;
	line-height: 15px;
}
div#menu li.active ul.level3 li a,
div#menu_mobile li.active ul.level3 li a {	
	font-family:'UniversLTPro';	
	font-size: 13px;
	line-height: 20px;
	color: #999999 !important;
}
div#menu li.active ul.level3 li.active,
div#menu_mobile li.active ul.level3 li.active {
	background: none;
}
div#menu li.active ul.level3 li.active a,
div#menu_mobile li.active ul.level3 li.active a {
	color: #000000 !important;
}
div#menu a:hover,
div#menu_mobile a:hover {
	text-decoration: underline;
}


div#search,
div#mobile_search {    
    width: 180px;
	margin: 20px;
	position: relative;    
}

div#mobile_search { 
	width: 245px;
	margin: 20px 20px 0 20px;
}

div#search input#q,
div#mobile_search input#q{   
    background-image: none !important;
    border: 1px solid #cccccc !important;
    font-family: "UniversLTPro";
    font-size: 13px;
    height: 15px;
    margin: 0;
    outline: medium none !important;
    padding: 3px !important;
    width: 176px;
	color:#999999;
}

div#mobile_search input#q {   
	width: 234px;
	height: 25px;
	padding: 3px 6px !important;
	font-family: "UniversLTW01-47LightCn";
	font-size: 15px;
}

div#search input.submit,
div#mobile_search input.submit {  
    background-color: #ffffff; 
	border: 0px;     
    display: block;
    float: right;
    height: 20px;
    margin: 1px 0 0 0;
    padding: 0;
    width: 25px;
	position: absolute;   
	right: 0;
	top: 1px;
}

div#mobile_search input.submit {
	top: 6px;
}

#mobile_footer {
	display: none;
}

#footer,
#mobile_footer {
	width: 210px;
	margin: 0 auto;
	margin-top:461px;
	padding-left: 20px;
	font-family:'UniversLTPro';
	font-size: 13px;
	line-height: 15px;
	color: #999999;
}

#footer a,
#mobile_footer a {
	font-style: italic;
}

#footer ul.meta_navigation,
#mobile_footer ul.meta_navigation {
	width: auto;
	clear: both;
	display: inline-flex;
	margin-top: 15px;
}
#footer ul.meta_navigation li:nth-child(2n+1),
#mobile_footer ul.meta_navigation li:nth-child(2n+1){	
	float: left;
	margin-right: 5px;
}

#footer ul.meta_navigation li:nth-child(2n),
#mobile_footer ul.meta_navigation li:nth-child(2n){	
	float: left;
	margin-left: 5px;
}

#footer ul.meta_navigation li a, 
#mobile_footer ul.meta_navigation li a{	
	color: #999999;
	font-style: normal;
}
#footer ul.meta_navigation li a:hover,
#mobile_footer ul.meta_navigation li a:hover {
	text-decoration: underline;
}

#content_image { 
	display: none;
}

#content {
	width: 320px;
	float: left;
	margin-left: 230px;
	padding: 103px 30px 90px 30px;
	color: #999999;
	background-color: #ffffff;
}

#content h1 {
	font-size: 29px;
	text-transform: uppercase;
	font-weight: normal;	
	padding-bottom:20px;
}

#content h2 {	
	font-size: 19px;
	line-height: 23px;
	font-weight: normal;
	padding-bottom: 15px;
	border-bottom: solid 1px #cccccc;	
	margin-bottom: 15px;
}

#content p {
	padding: 10px 0;
	font-size: 13px;
	line-height: 20px;
}
#content p a {
	font-style: italic;
}
/*
*/

.content_wysiwyg {
	padding: 10px 0;
	font-size: 13px;
	line-height: 20px;
}

.content_wysiwyg a {
	font-style: italic;
}
/*
.content_wysiwyg span:first-child {
	padding: 5px 0;
}
*/

/*** Reference list ***/
#references {
	/*max-width: 1200px;*/
	color: #999999;
	background-color: #ffffff;		
	padding-top: 15px;
}

#references h1 {
	display: none;
}

#references div.list_header {
	margin: 0 30px 0 260px;
	height: 18px;	
	line-height: 40px;
	border-bottom: dotted 1px #999999;
	font-size: 13px;
	padding-top: 21px;
	padding-bottom: 21px;
}

#references div.list_header a.alphabetical {
	float: left;
	margin-right: 30px;
	color: #999999;	
	line-height: 26px;      
}
#references div.list_header a.alphabetical span {
	font-family:'UniversLTW01-47LightCn';
	font-weight: bold;
}
#references div.list_header a.chronological {
	float: left;
	margin-right: 20px;
	line-height: 26px;
}

#references div.list_header a.chronological {
	background-image: url('../images/menu_reference_clock.png');
	background-repeat: no-repeat;
	background-position: left 5px;
	color: #999999;	
	padding-left: 25px;
}

#references div.list_header a.active {
	color: #000000;
}

#references div.list_header a.show_list {
	float: right;
	background-image: url('../images/menu_reference_icon.png');
	background-position: center;
	background-repeat: no-repeat;
	width: 20px;
	height: 20px;
	text-decoration: none;	
	/* margin-top: 20px;	 */
	margin-right: 1.5%;
}
#references div.list_header a.show_list.active {
	background-image: url('../images/menu_reference_icon_active.png');
}

#references div.list_menu {
	margin: 16px 30px 0 260px;	
	padding: 0 0 16px 0;
	clear: both;
	float: left;
	/* border-bottom: dotted 1px #999999; */
	display: none;
	/* width: 890px; */
}
#references div.list_menu ul.navigation {
	float: left;
	width: 162px;
	padding: 0 20px 0 0;
}
#references div.list_menu ul.navigation li {
	line-height: 13px;
	padding: 4px 0;
}
#references div.list_menu ul.navigation li a{
	font-size: 13px;
	line-height: 17px;
	color: #999999;
}

#references div.list_body {
	margin: 0px 30px 0 260px;	
	padding: 20px 0 0 0;
	clear: both;	
}

.top_border_dots {
	border-top: 1px dotted #999999;
}

#references div.list_body div.reference_item {
	width: 247px;
	height: 247px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	position: relative;	
}

#references div.list_body div.reference_item a img {
	width: 100%;
	height: 100%;
	float: left;
}

#references div.list_body div.reference_item a div.hover_info {
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left:0;
	display: none;
	filter:alpha(opacity=90); /* IE */
    -moz-opacity:0.9; /* Mozilla */
    opacity: 0.9; /* CSS3 */
}

#references div.list_body div.reference_item a div.hover_info table {
	width: 100%;
	height: 100%;
	
}

#references div.list_body div.reference_item a div.hover_info table td {
	padding: 10% 5%;
	vertical-align: middle;
}

#references div.list_body div.reference_item a div.hover_info h2 {
	font-family:'UniversLTW01-47LightCn';
	font-size: 16px;
	text-align: center;
	color: #999999;
	padding-bottom: 10px;
	border-bottom: solid 1px #cccccc;
	font-weight: normal;
    letter-spacing: 1px;
	text-transform:uppercase;
}

#references div.list_body div.reference_item a div.hover_info h3 {
	font-size: 13px;
	text-align: center;
	color: #999999;
	padding-top: 10px;
	font-weight: normal;
}

/*** Reference Detail **/

div#content div.highslide_group{
	margin: 7px auto 0;
	border-bottom: 1px dotted #cccccc;
    border-top: 1px dotted #cccccc;
    padding: 20px 0 10px 0;	
}

div#content div.highslide_group_content{
	width: 290px;
	margin: 0 auto;
}

div#content div.highslide_group a{
	float:left;
	margin-right:10px;
	margin-bottom:7px;
}

div#content div.highslide_group a:nth-child(3n){
	margin-right:0px;
}

div#content div.reference_nav{
	border-bottom: 1px dotted #cccccc;
	padding:6px 0;
	
}

div#content div.reference_nav_content {
	width: 290px;
	margin: 0 auto;
}

div#content div.reference_nav a.ref_prev{
	float:left;
	width:68px;
	font-size:12px;
	padding-left:25px;
	background:url('../images/ref_prev.png') no-repeat;
	color:#999999;
}

div#content div.reference_nav a.ref_next{
	float:right;
	width:68px;
	font-size:12px;
	padding-right:25px;
	background:url('../images/ref_next.png') no-repeat right;
	color:#999999;
	text-align:right;
}

div#content div.reference_nav a.ref_next:hover,
div#content div.reference_nav a.ref_prev:hover{
	text-decoration:none;
}

div#content div.share_section{
	padding-top:20px;
	text-align:center;
}

div#content div.share_section a{
	margin-right:9px;
}

div#content img.news_main_image{
	margin-top:15px;
	margin-bottom:5px;
	margin-bottom:5px;
}

#content ul {
    list-style-type: none;
    /*padding-left: 15px;*/
}

#content ul li:before {
    color: #999999;
    /*content: "• ⋅";*/
    content: "ꞏ ";
    font-size: 15px;
    margin-left: -14px;
    padding-right: 5px;
}


#content ul li {
    font-size: 13px;
    line-height: 20px;
	padding:0px 10px 0px 15px;
}

ul.found {
    margin-top: 20px;
    padding: 0;
}

ul.found li.titel, ul.found li.lead {
    color: #999999;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

ul.found li.titel{
	font-size:14px !important;
}

ul.found li.titel a:link, ul.found li.titel a:visited, ul.found li.lead a:link {
    text-decoration: underline;
}

ul.found li.titel a:hover{
	text-decoration:none;
}

ul.found li.lead {
    font-size: 14px;
    font-weight: normal;
    list-style: none outside none;
    padding-left: 5px;
}

ul.found li.lead b{
	color:#000000;
}

#content ul.found li.lead:before {
    content: "" !important;
    margin-left: 0;
    padding-right: 0;
}

#sitesearch_pages {
    margin-top: 20px;
}

#sitesearch_pages a{
	color:#999999;
	text-decoration:none;
}

.webonly {
	display: block;
}



/*** Small media sizes: tablet and phone ***/
@media only screen and (max-width: 1366px) { /** Umbruch von 1024 auf 1366 verschoben nach Sitzung Oktober 2019 **/
	body {
		background: none !important;
		height: 100%;
		overflow: visible;
		font-size: 18px;
		letter-spacing: 0.5px;
	}	
	
	#wrapper.startpage,
	#wrapper.contentpage,
	#wrapper.referencepage {
		width: 100%;
		height: auto;
		min-height: 0;
		min-width: 260px;
		
	}
	
	#content {
		width: auto;
		padding-top: 20px;
	}
	

	#content_image {
		/* background-image: url("dummy/bg-projects.jpg");
		background-size: contain;
		background-repeat: no-repeat; */
		float: left;
		margin: 0 0 20px 230px;
		/* padding: 0px 60px 0px 30px; */
		/* width: 568px; */
		/* width: 824px; */
		/* height: 280px; */
		display: block;
	}	
	
	#content_image img{
		width: 100%;
	}
	
	
	#references {
		width: auto;
		padding-top: 20px;
		float: left;
	}
	
	
	#references div.list_header {
		/* width: auto;
		min-width: 460px; */		
		min-width: 460px;
	}
	
	#references div.list_menu {
		width: auto;
		min-width: 240px;
	}
	
	#contact_map {		
		width: 100%;
		margin-left: 230px;
	}
	
	div.image_container {
		text-align: center;
	}	
	
	.webonly {
		display: none;
	}
	
}

@media only screen and (max-width: 720px) {
	#references div.list_header {
		height: 48px;
		min-width: 240px;		
	}
}

@media only screen and (max-width: 615px) {
	.image_module img{
		width:100%;
	}
}

@media only screen and (max-width: 560px) {
	.image_module img{
		width:auto;
	}

	#wrapper .cbp-bicontrols {
		left:0px;
	}


	#cbp-bislideshow {
		position: static;
	}	
	/*.cbp-bicontrols {
		left: 25% !important;
		margin-left: 0 !important;
	}*/
		
	#sidebar {
		width: 100%;
		padding: 0;	
		position: relative;
		height: auto;
		min-height: 0;		
		background-color: #ffffff;
		background-image: none;
	}
	
	a#menu_mobile_click {
		position: absolute;
		top: 35px;
		right: 20px;
		display: block;
	}	
	div#menu {
		display: none;
	}	
	
	div#menu_mobile {
		display: none;
		position: absolute;
		top: 90px;
		left: 0;
		background-color: #ffffff;		
		padding: 0 8%;
		width: 84%;
		border-top: 1px dotted #ccc;
		z-index: 999;
	}
	
	div#menu_mobile ul.level1 {
		margin: 10px 0 30px;
	}
	div#menu_mobile ul.navigation {
		width: 100%;
	}
	
	#search {
		display: none;
	}
	
	#logo_area {
		text-align: left;
	}
	
	#logo_area a {
		width: 65%;
	}
	
	#content_image {
		width: 100%;
		height: auto;
		float: left;
		margin-left: 0px;		
	}
	#content_image img{
		width: 100%;
		height: auto;
	}
	
	#content {
		margin-left: 0px;
		padding: 0 8%;
	}
	
	
	#references div.list_header {
		margin: 0 20px;
		line-height: 28px;
		min-width: 460px;
		height: 18px;
	
	}
	#references div.list_header a.show_list {
		margin-top: 0px;
	}
	#references div.list_menu {
		margin: 16px 20px 0px;
	}
	#references div.list_body {
		margin: 0 20px;
	}
		
	#contact_map {		
		margin-left: 0px;
	}
	
	#footer {
		display: none;
	}
	#mobile_footer {
		display: block;
		width: 84%;
		padding: 0 8%;
		padding-top: 20px;
		padding-bottom: 20px;
		margin-top: 10px;
		margin-bottom: 10px;
		border-top: 1px dotted #cccccc;
		float: left;
	}
	
	
	#references div.list_body div.reference_item {
		width:130px;
		height:130px;
	}
	
	#references div.list_body div.reference_item a div.hover_info h2 {
		font-size:13px;
	}
	
	.cbp-bislideshow li.bg_right_home,
	.cbp-bislideshow li.bg_left_home,
	.cbp-bislideshow li.bg_center_home	{
		background-position:center center;
	}

}

@media only screen and (max-width: 490px) {
	#references div.list_header {
		height: 48px;
		min-width: 240px;		
	}
}

@media only screen and (max-width: 375px) {
	.image_module img{
		width:100%;
	}
}