@charset "utf-8";
/* CSS Document 
/*
font-family:'Conduit ITC W01 Light'; ITCConduitLight
font-family:'Conduit ITC W01 Bold'; ITCConduitBold
*/

/* html5
 ------------------------------------------------------------------------------------------- */	
  /*   html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 
  | Authors: Eric Meyer & Richard Clark  html5doctor.com/html-5-reset-stylesheet/*/
  html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code,
  del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, 
  form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, 
  hgroup, menu, nav, section, menu, time, mark, audio, videom, address { 
    margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }
  article, aside, figure, footer, header, hgroup, nav, section, address { display:block; }
  nav ul { list-style:none; }
  blockquote, q { quotes:none; }
  blockquote:before, blockquote:after,
  q:before, q:after { content:''; content:none; }
  a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
  ins { background-color:#ff9; color:#000; text-decoration:none; }
  mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
  del { text-decoration: line-through; }
  abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }
  /* tables still need cellspacing="0" in the markup */
  table { border-collapse:collapse; border-spacing:0; }
  hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
  input, select { vertical-align:middle; }
	address { font-style:normal !important; font-size:1em; }
  /* END RESET CSS */
  
  article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, #slider, #body { display:block; position:relative; margin:0; padding:0; }
  
  header:after, #slider:after, footer:after, #content:after, aside:after, #body:after, 
  .pView:after, .pViewContent:after, .btnGroup:after, btnGroupNoBorder:after { content:""; display:table; clear:both; }

/* HTML Body
 ------------------------------------------------------------------------------------------- */
  html, body {
	  height:100%; line-height:1.4285;
    -webkit-font-smoothing:antialiased !important; -moz-osx-font-smoothing:grayscale !important; text-rendering:optimizeLegibility !important;
    overflow-x: hidden;    
  }  
    
  body {
    font-family:'ITCConduitLight'; font-size:17px; color:#fff; 
		background-color:#252121;
	}
	
	#body, footer, header { background-color:#252121 !important; }
	
/* responsive
 ------------------------------------------------------------------------------------------- */	
  img { width:100%;max-width:100%;height:auto;border:none;padding:0;margin:0;line-height:0;vertical-align:bottom; }
	

/* Layout
 ------------------------------------------------------------------------------------------- */
	#skipContent { position:absolute;top:0;left:0;height:0;width:0;visibility:hidden;overflow:hidden; } 
  .clearFloat { clear:both;height:0;overflow:hidden; }  
  
	.wrapper {
    height:auto; margin-left:auto; margin-right:auto; padding:0;
		position:relative; overflow:visible;
	}
	
	.bgText { 
	  position:absolute; top:-238px; left:1%; 
		font-family:'ITCConduitBold'; font-size:14.75em; font-weight:normal; color:#2e2a2b; text-align:center; text-transform:uppercase;
	}
        .bgText H1 { font-weight:normal !important; }
  
	@media screen and (max-width: 768px) {
    	
  }	
	  
  @media screen and (min-width: 768px) {
    
  }
	
	@media screen and (max-width: 1180px) {
	  header .wrapper, .content .wrapper, footer .wrapper { margin:0 2.5%; width:none; }
	}
	
  @media screen and (min-width: 1180px) {
    .wrapper { max-width:1140px; margin:auto; }
  }	
	
	
/* Format
 ------------------------------------------------------------------------------------------- */  
  a { color:#fff; text-decoration:none; }
  a:hover { color:#c03337; }
  

/* Header construction
 ------------------------------------------------------------------------------------------- */
	header { color:#fff; position:relative; padding:58px 0 48px 0; background-color:#252121; }
	header #logo img { width:30.3%; margin:0; }
	
	@media screen and (min-width: 1180px) {
		 
	}
	

/* Slider construction
 ------------------------------------------------------------------------------------------- */
 .slider { margin:0 0 40px 0; }
 .slider .sl-bg { position:absolute; top:0; bottom:0; right:0; width:100%; background-color:rgba(192, 51, 55, 0.4); z-index:1; }
 

/* Content construction
 ------------------------------------------------------------------------------------------- */
	h1 { }
	h2, h3, h4, h5, h6, .projectDetail h1 { color:#c03337; }
  h2, h3, .projectDetail h1 { font-size:1.75em; margin:0; padding:0 0 22px 0; position:relative; font-weight:normal; text-transform:uppercase; }
	h4, h5, h6 { font-size:1.2em; margin:0; padding:0; position:relative; font-weight:normal; }
  
  .row p { margin:0 0 1.6em 0; line-height:1.70; }
  .row p:last-child { margin-bottom:0; }
	
	.row a { text-decoration:underline; }
	.row .aPDF, .row .aLink, .row .aGallery { 
	  display:block; margin-top:5px; padding-right:25px; background:url(/typo3conf/ext/dn_canvas/Resources/Public/Icons/icon.png) right no-repeat; 
		text-align:right; text-decoration:none;
	}
	.row .aPDF { background-image:url(/typo3conf/ext/dn_canvas/Resources/Public/Icons/pdf.gif); }
	.row .aLink { background-image:url(/typo3conf/ext/dn_canvas/Resources/Public/Icons/link.gif); }
	.row .aGallery { background-image:url(/typo3conf/ext/dn_canvas/Resources/Public/Icons/fotos.gif); }
	
  .row ol { list-style:outside decimal; margin:0 0 20px 28px; padding:0; }
  .row ol li { margin:0; padding:0; }
  .row ul, .box ul { list-style:inside none; margin:0; padding:0; }
  .row ul li, .box ul li { margin:0 0 5px 0; padding:0 0 0 12px; background:url(/typo3conf/ext/dn_canvas/Resources/Public/Icons/list.png) no-repeat left top; line-height:1.70;  }
  .row ul li p, .box ul li p { margin-bottom:8px; }
  
  .row ul:last-child, .box ul:last-child { margin:0; }
  .row ul li:last-child, .box ul li:last-child { margin:0 0 15px 0; }

	.image-border { position:relative; margin-bottom:15px; }
	.image-border span { border:6px solid rgba(255, 255, 255, 0.7); display:block; position:absolute; left:0; top:0; width:100%; height:100%; }
  
  img.left { float:left; margin:5px 15px 5px 0; width:36%; }
	#img.left { float:right; margin:5px 15px 5px 0; width:36%; }
  img.badge { width:77%; }
	
	.columns .text { -moz-hyphens:auto; -o-hyphens:auto; -webkit-hyphens:auto; -ms-hyphens:auto; hyphens:auto; hyphenate-limit-chars:auto 5; }
	/*  text-align:justify; */
  .center { text-align:center; }
 
  div.info-text { 
	  font-size:2em; line-height:1.1em; letter-spacing:0.03em; margin:0 0 40px 0; border-top:2px solid #174924; border-bottom:2px solid #174924; padding:8px 0 10px 0; 
  } 

	
	/* Nachricht  *>
	form { margin:0; padding:0; }
	fieldset p { margin:0 0 8px 0 !important; padding:0; }
	input, textarea { border:2px solid #174924; border-radius:4px; padding:4px 6px; width:100%; margin-bottom:0; }
	button { background-color:#876e4f; border:1px solid #174924; border-radius:4px; padding:6px 16px; color:#fff; float:right; }
	input, textarea, button { font-family: 'PT Sans', sans-serif; font-size:0.9em; }
	
	/* Aktuell Home */
	.reportlist { list-style:inside none; margin:0; padding:0; }
	.reportlist li { display:block; margin:0 0 1.6em 0 !important; padding:0 !important; background:none !important; }
	.reportlist .date { color:#c03337; }
	
	/* Aktuell */
	/*article { margin-bottom:30px; }*/
	article h2 { margin:0; padding:0; }
	article .date { margin:-4px 0 25px 0; }
	article .text { margin-bottom:15px; }
	
	.imgReportLarge { position:relative; margin-bottom:25px; }
	.imgReportLarge .imgCaption {
		position:absolute; top:auto; left:0; bottom:0; width:100%; z-index:1000;
		background-color:rgba(192, 51, 55, 0.4);
		padding:5px 10px;
		font-size: 0.80em; font-weight:normal;
		color:#fff; text-align:right;
	}
	
	.imgReportSmall { position:relative; margin:0; }
	.imgReportSmall .imgCaption {
		position:absolute; top:auto; left:0; bottom:0; width:100%; z-index:1000;
		background-color:rgba(192, 51, 55, 0.4);
		padding:5px 10px;
		font-size: 0.80em; font-weight:normal;
		color:#fff; text-align:right;
	}

  .lnkReport { margin-bottom:0; text-align:right; }
	ul.document, ul.link { list-style:none; display:inline-block; }
	ul.document li, ul.link li, .btnReport, a.reportGalleryImage { 
	  display:inline-block !important; background:none;
		background-color:rgba(192, 51, 55, 0.6) !important;
		margin:0 0 8px 10px !important; padding:2px 12px;
		font-size: 0.80em; font-weight:normal;
		color:#fff; text-decoration:none !important;
	}	
	
	ul.document li a, ul.link li a { text-decoration:none !important; }
	.btnReport, a.reportGalleryImage  { line-height:1.7; }
	.lnkReport li.pdf16 { background:url(/typo3conf/ext/dn_canvas/Resources/Public/Icons/pdf.gif) right center no-repeat; }
	.lnkReport li.url16 { background:url(/typo3conf/ext/dn_canvas/Resources/Public/Icons/link.gif) right center no-repeat; }
        .lnkReport .pdf16 { background:url(/typo3conf/ext/dn_canvas/Resources/Public/Icons/pdf.gif) right center no-repeat; }
        .lnkReport .url16 { background:url(/typo3conf/ext/dn_canvas/Resources/Public/Icons/link.gif) right center no-repeat; }
	.lnkReport a.reportGalleryImage { background:url(/typo3conf/ext/dn_canvas/Resources/Public/Icons/fotos.gif) right center no-repeat; }
	.lnkReport .aLink, .lnkReport .pdf16, .lnkReport li.pdf16, .lnkReport li.url16, .lnkReport a.reportGalleryImage { padding:2px 35px 2px 12px !important; background-position:calc(100% - 7px); }
	#viewReportPhotoGallery .anotherImage { visibility:hidden; display:none; }
	
	.fancybox-title-float-wrap {
			position:absolute; bottom:0; right:0; left:0;
			z-index: 8050; background-color:rgba(192, 51, 55, 0.6);
			margin:0 !important; padding:2px 12px;
			font-size: 0.80em; font-weight:normal; text-align:right;
	}
	
	.fancybox-title-float-wrap .child {
		display:inline-block;
		margin-right:0; padding:0;
		background:transparent;
		-webkit-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		color:#fff;
		text-shadow:none;
		text-align:right;
		font-weight:inherit;
		line-height:inherit;
		white-space:nowrap;
	}	
	
	/* Referenzen */
	#projektfilter { list-style:inside none; margin:0; padding:0; text-align:center; }
	#projektfilter li { display:inline-block; padding:1.3%; background:none; text-transform:uppercase; }
	#projektfilter li:hover { cursor:pointer; color:#c03337; }
	#projektfilter li.is-checked { color:#c03337; }
	
	.projectDetail h1 { padding:0 3.5% 22px 3.5%; }
	.projectDetail .columns { padding:0 3.5%; }
	.projectDetail dt, .projectDetail dd { margin-bottom:10px; }
  .projectDetail dt {
    float: left; width: 120px; overflow: hidden; clear: left;
    text-align: left; text-overflow: ellipsis; white-space: nowrap; 
	}

  .projectDetail dd { margin-left: 140px; }
	
	/*
	#projektliste { list-style:inside none; margin:-1.3%; padding:0; }
	#projektliste li { display:block; float:left; margin:0; border:none; padding:1.3%; width:33.33333333333333%; background:none; }
	#projektliste li .image { position:relative; }
	#projektliste li .info { position:absolute; bottom:10px; left:0; padding:5px 15px; color:fff !important; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); }
	#projektliste li:hover .info { background-color:rgba(192, 51, 55, 0.4); }
	#projektliste li .caption { background-color:rgba(192, 51, 55, 0.4); padding:6px 15px; }
	*/

	/* ---- isotope ---- */
	.grid { margin:0; padding:0; width:102.6% }
	
	/* clear fix */
	.grid:after { content: ''; display: block; clear: both; }
	
	/* ---- .element-item ---- */
	.gutter-sizer { width:2.6%; }
	.element-sizer, .element-item { width:30.7333333%; }
	.element-item { position:relative; float:left; margin:1.3% 0 1.3% 0; border:0; padding:0; }
	.element-item > * { margin:0; padding:0; }
	.element-item a { color:#fff !important;}
	.element-item .image { position:relative; }
	.element-item .hover { display:none; position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; }
	.element-item .hover img { width:26%; margin-top:29%; }
	.element-item:hover .hover { display:block; }
	.element-item .info { display:block; width:100%; position:absolute; bottom:0px; left:0; padding:12px 15px; color:#fff; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8); visibility:hidden; }
	.element-item:hover .info { background-color:rgba(192, 51, 55, 0.4); visibility:visible; }
	.element-item .caption { background-color:rgba(192, 51, 55, 0.4); padding:6px 15px; color:#fff !important; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; }

  .fancybox-skin { padding:0 !important; }
	
	/* Kontakt */
	.row address { line-height:1.70; }
	.row address span { display:block; }
	.person { }
	.person span.name { text-transform:uppercase; }
	
	/* Google Maps */
	.mapAddressBox { background-color:rgba(192, 51, 55, 0.4); }
	.mapAddressBox p { padding:5px 16px 4px 16px; text-align:right; bottom:0px; }
	.mapAddressBox .mapAddressRes { position:relative; padding-bottom:40%; height:0; overflow:hidden; }
	#mapAddress { position:absolute; top:0; left:0; bottom:30px; width:100%; height:100%; margin:0; border:0; padding:0; }	
 
 
/* Footer construction
 ------------------------------------------------------------------------------------------- */
  footer { border-top:1px solid #2e2a2b; padding:25px 0; font-size:1em; line-height:normal; color:#fff; text-align:left; }
	footer h3 { text-align:left; font-weight:normal; }
  footer p { line-height:normal; }
	footer address span { padding:0 15px 0 0; white-space:nowrap; }
	footer address span:first-child { padding-left:0; }
	footer address span.org, ooter address b { font-weight:bold; }
	footer address span.line { display:inline-block; border-left:2px solid #c03337; padding:0 0 0 15px; height:11px; }
	

	@media screen and (max-width: 992px) {
		header { position:fixed; top:0; left:0; right:0; z-index:20000; padding:10px 0 10px 0; text-align:left; }
		header #logo { width:auto; }
		header #logo img { width:240px !important; }
		#body { padding-top:68px; }
		.projectDetail { padding-top:0 !important; }
		.reportDetail { padding-top:0 !important; }
	}
	
	@media screen and (max-width: 768px) {
		.element-sizer, .element-item { width:50%; }
		.projectDetail dt { float: none; width:auto; overflow:hidden; clear:none; }
		.projectDetail dd { margin-left:0; }
	}
	
	@media screen and (max-width: 500px) {
		.element-sizer, .element-item { width:100%; }
		#projektfilter li { display:block; }
		.projectDetail dt { margin-bottom:2px; }
  }	
	
@media screen and (min-width:768px) {	
	.md-customer { position:absolute !important; right:2px; bottom:-8px; }
}