/*
**  Dateiversion: 27.12.06  
**  Datei       : standard.css
**  Funktion    : Standard-Stylesheet
*/

/* B A S I C S */
* { margin: 0; padding: 0; }
body {
  	min-width: 640px;
  	color: #505050;
	background: #DCDCDC; /* DCDCDC 5E5E5F */
  	font: 100.01% Verdana, Arial, sans-serif;
  	padding: 0 0 20px 0;
  	text-align: center;
}
/* Headlines */
h1, h2, h3, h4, h5, h6 { line-height: 1.35em; /* color: #690; */ }
h1, h2, h3, h4, h5, h6 { font-family: Arial Narrow, Tahoma, Arial, Helvetica, sans-serif, 'trebuchet ms', arial, sans-serif; }
h1 { font-size: 2.4em; }
h2 { font-size: 1.65em; }
h3 { font-size: 1.6em; }
h4, h5, h6 { font-size: 1.3em; }
h1, h2, h3 { padding: 0 60px 16px 0; }
h4, h5, h6 { padding: 0 60px 0 0; }
body#news h3, body#news h4, body#news h5, body#news h6 { padding: 20px 60px 8px 0; }
span.small{ display: block; color: #656565; font-size: 0.7em !important; }
/* Headlines rightside */
#right h3 { font-size: 1.15em; }
#right h4 { font-size: 1.05em; }
h3.refheadline { font-size: 1.4em; padding: 15px 0 0; }
.headline { padding: 0 60px 30px 0; }
h2.refheadline { float: left; padding: 0; }
.aufmacher { font-size: 1.2em; line-height: 1.65em; }
.intro {font: bold 1.4em Arial Narrow, Tahoma, Arial, Helvetica, sans-serif, 'trebuchet ms', arial, sans-serif; line-height: 1.35em; margin: 18.5px 0 30px;}
/* Standard Textlinks */
a, a:visited { background: transparent; color: #333; outline: none; }
a:focus, a:hover, a:active { background: transparent; color: #690; }
/* formatierte Textlinks */
a.link, a:visited.link { background: inherit; color: #690; text-decoration: underline; }
a.link:focus, a.link:hover, a.link:active { background: #690; color: #FFF; text-decoration: none; }
span.more { padding: 0 5px; }
/* VCARD Link */
a.iconvcard {
	background: url(../images/icons/vcard.gif) no-repeat left center;
	display: block;
	line-height: 31px;
	padding-left: 45px;
}
/* Text */ 
p, address { margin: 0 0 30px 0; }
em { background: inherit; color: #999; }
abbr { font-style: normal; }
abbr[title],
acronym[title] { border-bottom: 1px dotted #81BA3D; cursor: help; }
kbd { font-size: 1.3em; }
address { font-style: normal; line-height: 1.7em; }
dt { font-weight: bold; }
dt, dd { padding: 0.5em 0; }
#accesskeys dt, #accesskeys dd { padding-bottom: 0.3em; }
#accesskeys dt { float: left; width: 3em; }
#content strong { font-weight: normal; }
blockquote { padding: 0 0 0 25px; }
#right blockquote { background: url(../images/icons/zitat.gif) no-repeat 0 0; }
#inhalt blockquote { background: url(../images/icons/zitat_inhalt.gif) no-repeat 0 0; }	
ul { list-style: none; }
/* Images */
img { border: 0;}
img.bildLinks { float: left; margin: 2px 10px 0 0; }
img.bildRechts { float: right; margin: 0 10px 10px 0; }
img.ref { border: 1px solid #999; margin: 15px 0 10px; }
#right img.ref { margin: 5px 0 15px; }
/* T A B E L L E N */
table {
	/* border-top: 1px solid #999; border-bottom: 1px solid #999; */
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 15px 0;
}
table#kunden {
	width: 100%;
	margin: 20px 0 0;
}
tbody th, td {
	background: url("../images/hintergrund/dotted.gif") repeat-x left bottom;
	vertical-align: top;
	padding: 0.3em 0;	
}
tbody th {
	font-weight: normal;
}
tbody tr:hover { background: #EBECE8; }
.bezeichnung { width: 45% }
.referenzwert { width: 45% }
.anmerkung { width: 10% }
caption {
	caption-side: bottom;
	font-size: 70%;
	margin: 0.4em 0 1em;
	text-align: left;
}
#helpkey, #helpdesc { border-bottom: 1px solid #999; }
/* Formelementes */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] { cursor: pointer; }
label { display: block; }
fieldset { border: none;}
legend { display: none; }
input, select { font-size: 1.1em; padding: 3px; }
input, select, textarea { 
	background: #FFF; 
	border: 1px solid #999;
	color: #666;
	font-family: 'trebuchet ms',verdana,'lucida grande',arial,sans-serif;
}
textarea {
	padding: 15px;
	height: 13em;
	font-size: 1.15em;
}
input:hover, input:focus,
textarea:hover, textarea:focus {
	background: #f9f9f9;
	border: 1px inset #999;
	color: #666;
}
textarea:hover, textarea:focus { background: #f9f9f9; color: #666; }
* html input, * html select { padding: 4px; }
*+html input, *+html select { padding: 4px; }
/* Accessibility */
dfn,
.unsichtbar,
#headerInnen h1,
#hauptmenue a span,
#hauptmenue span.angezeigt span { 
	position: absolute; top: -6000px; left: -6000px;
}
dfn {
  	overflow: hidden;
  	display: inline;
}
.unsichtbar a:focus,
.unsichtbar a:active {
  	background: #B2DC09; color: #000;
  	font-size: 70%;
  	position: absolute; top: 6002px; left: 6010px;
	padding: 3px;
	width: 15em;
  	z-index: 20;
}
/* clear */
.floatende {
  	display: block;
  	clear: both;
  	float: none;
  	height: 1px;
  	font-size: 1px;
  	line-height: 1px;
  	overflow: hidden;
}
div.hr {
	font-size: 1px !important;
  	height: 15px;
  	clear: both;
  	float: none;
}
/* IE/Win" Höhe der Horizontalen Linie */
* html div.hr { height: 15px; }
*+html div.hr { height: 15px; }
div.hr hr { visibility: hidden; display: none; }
/* L A Y O U T */
/* Basic */
#container {
  	background: #fff url(../images/hintergrund/seite_links.gif) repeat-y; color: inherit;
  	text-align: left;
	margin: 20px auto 0 auto;
  	width: 95%; max-width: 58em;
}
#container { width: expression(document.body.clientWidth > 1100? "1000px": "auto" ); }
* html #container { width: expression(document.body.clientWidth > 1035? "935px": "auto" ); }
#containerInnen { 
	background: url("../images/hintergrund/seite_rechts.gif") top right repeat-y;
	height: 1%;
}
#header {
  	background: url("../images/hintergrund/ecke_oben_links.gif") no-repeat;
  	width: 100%;  /* fuer den IE, sonst Bug mit verschwindenen Ecken... */
}
#headerInnen {
	background: url("../images/hintergrund/ecke_oben_rechts.gif") top right no-repeat; 
	padding-left: 45px; 
}
#headerInnen #imagescontainer {
	height: 150px;
	width: 95%;
}
#content {
	background: url("../images/hintergrund/dotted.gif") repeat-x left top;
	font-size: 71.35%;
  	height: 1%; /* fuer den IE */
  	margin: 0 45px;
}
#footer { 
	background: url("../images/hintergrund/ecke_unten_links.gif") bottom left no-repeat; 
}
#footerInnen {
	height: 1%; /* fuer IE */
	background: url("../images/hintergrund/ecke_unten_rechts.gif") bottom right no-repeat;
	padding: 0 0 42px;
}
#footerText {
	background: url("../images/hintergrund/dotted.gif") repeat-x left top;
	height: 1%; /* fuer IE */
	margin: 0 45px;
}
html>body #content, html>body #contentInnen,
html>body #footerInnen, html>body #footerText { 
	height: auto;  /* Hoehe fuer vernuenftige Browser wieder aufheben */
}
/* Sections */
#logo { 
	float: right; 
	padding: 40px 40px 5px 0;
}
#hauptmenue { background: url("../images/hintergrund/dotted.gif") repeat-x left bottom; margin: 10px 45px 0 0; height: 3.5em; /*width: 95%; */ }
#untermenue { width: 95%; margin: 0 0 30px; }
#inhalt, #right, .col50, .col50r, .col46, .col46r, .item, .news { float: left; }
#inhalt, #mehrinhalt { padding: 0 0 50px; }
#right { padding: 70px 0 0; }
#inhalt, #mehrinhalt { line-height: 1.85em; }
#inhalt { width: 62.5%;	}
#right {
  	width: 37%;
	line-height: 1.55em;	
}
.col50 {
	width: 45%;
	border: 1px solid #cfcfcf;
	height: 20em;
	padding: 15px;
	margin: 0 20px 10px 0;
	
}
.col50r {
	width: 45%;
	border: 1px solid #cfcfcf;
	height: 20em;
	padding: 15px;
	margin: 0 0 10px 0;
}
/* .col50:hover, .col50r:hover {background: #DCDCDC;} */
.col46 {
	width: 46.5%;
	padding: 0 25px 10px 0;
}
.col46r {
	width: 46.5%;
	padding: 0 0 10px 25px;
}
.teaser {
	background: #690;	
}
.section { background: url("../images/hintergrund/dotted.gif") repeat-x left bottom; }
.refnav {
	float: right;
	padding: 6px 0 0;
	margin: 0;
}
/* Header Image */
#headerInnen .startseite { background: url(../images/hintergrund/bild_unten.jpg) no-repeat 0 0; }
#headerInnen .kompetenzen { background: url(../images/hintergrund/kompetenzen_unten.jpg) no-repeat 0 0; }
#headerInnen .strategie { background: url(../images/hintergrund/strategie.jpg) no-repeat 0 0; }
#headerInnen .strategieprozess { background: url(../images/hintergrund/strategieprozess.jpg) no-repeat 0 0; }
#headerInnen .webdesign { background: url(../images/hintergrund/webdesign_unten.jpg) no-repeat 0 0; }
#headerInnen .mobil { background: url(../images/hintergrund/mobil_unten.jpg) no-repeat 0 0; }
#headerInnen .benchmark { background: url(../images/hintergrund/benchmark_unten.jpg) no-repeat 0 0; }
#headerInnen .accessibility { background: url(../images/hintergrund/accessibility_unten.jpg) no-repeat 0 0; }
#headerInnen .cd { background: url(../images/hintergrund/cd_unten.jpg) no-repeat 0 0; }
#headerInnen .newsletter { background: url(../images/hintergrund/newsletter_unten.jpg) no-repeat 0 0; }
#headerInnen .startup { background: url(../images/hintergrund/startup_unten.jpg) no-repeat 0 0; }
#headerInnen .referenzen { background: url(../images/hintergrund/referenzen_unten.jpg) no-repeat 0 0; }
#headerInnen .kontakt { background: url(../images/hintergrund/kontakt_unten.jpg) no-repeat 0 0; }
#headerInnen .impressum { background: url(../images/hintergrund/impressum_unten.jpg) no-repeat 0 0; }
#headerInnen .hilfe { background: url(../images/hintergrund/hilfe_unten.jpg) no-repeat 0 0; }
#headerInnen .news { background: url(../images/hintergrund/news_unten.jpg) no-repeat 0 0; }
#headerInnen .profil { background: url(../images/hintergrund/profil_unten.jpg) no-repeat 0 0; }
#headerInnen .guetesiegel { background: url(../images/hintergrund/guetesiegel_unten.jpg) no-repeat 0 0; }
#headerInnen .partner { background: url(../images/hintergrund/partner_unten.jpg) no-repeat 0 0; }
#headerInnen .sitemap { background: url(../images/hintergrund/sitemap_unten.jpg) no-repeat 0 0; }


/* Banner Homepage */

#banner {
	background: transparent url(images/banner_bg.jpg) no-repeat scroll center top;
	position: relative;
	height: 324px;
}
#scroll_wrapper {
	background: #000;
	position: absolute; top: 0; left: 0;
	overflow: hidden;
	height: 324px; width: 846px;
}
/* ein paar Korrekturen */
/* IE7 */
*+html #scroll_wrapper {width: 839px;} 
/* only IE8 */
#scroll_wrapper {width /*\**/: 839px\9;} 
/* Safari 4beta */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    #scroll_wrapper {
        width: 839px;
    }
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    head~body #scroll_wrapper {
        width: 839px;
    }
}
/* ende der Korrekturen */
#scroll_inner { width:3728px; }
.item {
	display: block;
	height: 324px; width: 846px;
}
#scroll_links {
	background-color: #666; /*background-color: #D00000;*/
	font-size: 13px; line-height: 20px; text-align: center;
	position: absolute; left: 757px; top: 291px;
	height: 22px; width: 70px;
}
#scroll_links a { color: #FFF; }
#scroll_links a:hover, #scroll_links a:focus, #scroll_links a.active_link { color: #FFF; }
#scroll_referenzen {
	font-size: 13px; 
	position: absolute; left: 528px; top: 251px;
}
#inhalt #screenshots ol {
	margin:0;
}
#inhalt #screenshots ol li {
	padding:0;
}
#screenshots a { text-decoration:inherit; }
body#work #screenshots ol#pager { height:auto; }
body#work.hasJS #screenshots ol { height:460px; }
body#work #screenshots ol, body#work #screenshots ul { clear:both; }
#screenshots #pager li {
float:left;
margin-right:5px;
text-align:center;
}
#screenshots #pager li a:hover, body#work #screenshots #pager li.current a {
background: #DFDFDF;
color: #505050;
}
#screenshots #pager li a {
background: #F1F1F1;
color: #505050;
display:block;
font-size: .8em;
padding: 0 8px;
	
}
#screenshots img { 
	border: 1px solid #F1F1F1;
	margin: 10px 0;

}
ul, ol, ul li, ol li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}


/* N A V I G A T I O N */
ul#servicemenue li, #hauptmenue ul li, #untermenue ul li { display: inline; }
ul#servicemenue li span.angezeigt,
#hauptmenue ul li a:hover, #hauptmenue ul li a:focus, #hauptmenue ul li a:active,
#hauptmenue ul li span.angezeigt, #untermenue ul li span.angezeigt,
#hauptmenue ul li strong.active  { 
	color: #690;
}
ul#servicemenue, 
ul#servicemenue li span.angezeigt,
ul#servicemenue li a,
#hauptmenue ul li span.angezeigt,
#hauptmenue ul li a {
  	float: left;
  	text-decoration: none;
  	text-transform: uppercase;
  	letter-spacing: 0.55px;
}
/* Servicemenue */
ul#servicemenue { padding: 40px 0 0 0; }
ul#servicemenue li span.angezeigt,
ul#servicemenue li a {
  	font-size: 65%; font-weight: normal;
	padding: 5px; margin: 0 4px;	
}
/* Hauptmenue */
#hauptmenue ul{ 
	background:url("../images/hintergrund/dotted.gif") repeat-x left top;
	padding: 15px 0 0 5px; 
}
#hauptmenue ul li span.angezeigt,
#hauptmenue ul li a {
	font-family: Arial Narrow, Arial, Helvetica, sans-serif, 'trebuchet ms', arial, sans-serif;
  	font-size: 85%;
 	margin: 0 2px; padding: 5px 10px;
}
/* #hauptmenue ul li span.angezeigt { background: #FFF; } */
#hauptmenue ul li a { 
	color: #505050;
	font-weight: bold;
	text-decoration: none; 	
}
/* Untermenue */
#untermenue ul ul { margin: 0 0 0 30px; }
#untermenue ul li a, #untermenue ul li a:visited,
#untermenue ul li span.angezeigt { 
	border-bottom: 1px dotted #CCC;
	display: block;
	text-decoration: none; text-transform: uppercase; letter-spacing: 1px;
	padding: 0.5em 0 0.7em 28px;
}
#untermenue ul li a, #untermenue ul li a:visited,
#untermenue ul ul li a, #untermenue ul li a:visited { 
	background: url("../images/untermenue/link_off.gif") 0 50% no-repeat; 
}
#untermenue ul li a:focus, #untermenue ul li a:hover, #untermenue ul li a:active,
#untermenue ul li span.angezeigt,
#untermenue ul ul li a:focus, #untermenue ul li a:hover, #untermenue ul li a:active,
#untermenue ul ul li span.angezeigt { 
	background: #fcfcfc url("../images/untermenue/link_on.gif") 0 50% no-repeat; 
}
/* S I T E M A P */
#sitemap { margin: 0 60px 0 0; }
#inhalt #sitemap ul li { 
	background: #EDEDED; color: inherit;
	padding: 0; margin: 0.5em 0; 
}
#inhalt #sitemap ul ul li { background: #F4F4F2; color: inherit; }																	  
#inhalt .mapebene0 { margin: 5px 0; }
#inhalt .mapebene1 { padding: 5px 10px 5px 20px; }
#inhalt .mapebene2 { padding: 5px 10px 5px 30px; }
#inhalt #sitemap ul li a, #inhalt #sitemap ul li a:visited {
	display: block;
	text-decoration: none;
	padding: 0.5em 0 0.7em 28px;
}
#sitemap ul li a, #sitemap ul li a:visited { 
	background: url(../images/untermenue/sitemaplink_off.gif) 0 50% no-repeat; 
}
#sitemap ul ul li a, #sitemap ul ul li a:visited,
#sitemap ul ul ul li a, #sitemap ul ul ul li a:visited { 
	background: #fcfcfc url(../images/untermenue/sitemapebene1_link_off.gif) 0 50% no-repeat; 
}
#sitemap ul li a:focus, #sitemap ul li a:hover, #sitemap ul li a:active,
#sitemap ul ul li a:focus, #sitemap ul ul li a:hover, #sitemap ul ul li a:active,
#sitemap ul ul ul li a:focus, #sitemap ul ul ul li a:hover, #sitemap ul ul ul li a:active { 
	background: #fcfcfc url(../images/untermenue/sitemaplink_on.gif) 0 50% no-repeat; 
}
/* I N H A L T S B E R E I C H */
.pathway { font-size: 0.95em; padding: 0; margin: 0 0 50px; }
#inhalt p { padding: 0 60px 0 0; }
#inhalt ul li, #inhalt ol li, #inhalt dd { padding: 0 60px 2px 0; }
#inhalt ul { margin: 0 0 35px 0; } 
#inhalt ol { margin: 0 0 35px 25px; }
#inhalt .liste li {
	background: url(../images/icons/listen_icon.gif) no-repeat 0 3px;
	padding: 0 60px 2px 20px; 
}
#inhalt .ticker li {
	background: url("../images/hintergrund/dotted.gif") repeat-x left top;
	margin-right: 60px;
	padding: 10px 0 15px; 
}
#right ul.liste { 
	list-style: none;
	margin: 0 0 15px; 
}
#right .liste li { 
	background: url(../images/icons/listendate_icon.gif) no-repeat 0 3px; 
	padding: 0 0 2px 20px;
}
.inhaltText ul li {padding-bottom: 8px;}
.inhaltText {
	background: transparent url(../images/hintergrund/dotted_rightside.gif) repeat-y top left; color: inherit;
	padding: 0 0 0 20px;
}
/* T O O L B O X - C O N T E N T N A V I G A T I O N */
.inhalt { 
	border-left: 1px solid #DFE0DD; border-right: 1px solid #DFE0DD; 
	padding: 10px 19px; 
}
.inhalt ul { 
	list-style-type: square;
	margin: 0 0 20px 16px;
}
.inhalt ul li { 
	padding: 0 0 2px;
}
#toolbox .inhalt { 
	border-left: 1px solid #690; border-right: 1px solid #690; 
}
.rundeecken { 
	display: block; 
	height: 5px; 
}
.news {
	width: 100%;
	display: block;
	text-decoration: none;
}
/*
  nur fuer PC IE wegen Mac IE
\*/
* html .news { width: 100%; }
/*
*/

/* toolbox */
#toolbox .top_right { background: url(../images/hintergrund/round_right.gif) right top no-repeat; vertical-align: top;}
#toolbox .top_left { background: url(../images/hintergrund/round_left.gif) left top no-repeat; vertical-align: top; }
#toolbox .bottom_right { background: url(../images/hintergrund/round_right_u.gif) right bottom no-repeat; vertical-align: bottom; } 
#toolbox .bottom_left { background: url(../images/hintergrund/round_left_u.gif) left bottom no-repeat; vertical-align: bottom; }
#toolbox { background: #690; color: #fff; }
#toolbox a, #toolbox a:visited {
	background: #690; color: #fff;
	text-decoration: underline;
}

#toolbox p.fon {font-size: 1.9em;}
/* contentnavigation */
#contentnavigation .top_right { background: url(../images/hintergrund/round_right_contentnavi.gif) right top no-repeat; vertical-align: top;}
#contentnavigation .top_left { background: url(../images/hintergrund/round_left_contentnavi.gif) left top no-repeat; vertical-align: top; }
#contentnavigation .bottom_right { background: url(../images/hintergrund/round_right_u_contentnavi.gif) right bottom no-repeat; vertical-align: bottom; } 
#contentnavigation .bottom_left { background: url(../images/hintergrund/round_left_u_contentnavi.gif) left bottom no-repeat; vertical-align: bottom; }
#contentnavigation { background: #EDEDEC; } /* E9E9E9 */
#contentnavigation a, #contentnavigation a:visited {
	background: #EDEDEC;
	color: #333;
	text-decoration: underline;
}
#toolbox h2, #contentnavigation h2, #toolbox h3, #contentnavigation h3 { padding: 0 0 12px; }
#toolbox h2, #toolbox h3 { color: #FFF; }
#contentnavigation ul { list-style-type:square; margin:0 0 20px 0; }
#toolbox p, #contentnavigation p { margin:0 0 10px; }
#toolbox a:hover, #toolbox a:focus, #toolbox a:active,
#contentnavigation a:hover, #contentnavigation a:focus, #contentnavigation a:active {
	text-decoration: none;		
}

/* S E R V I C E L I N K S */
.services {
	padding: 0 0 20px 30px;
}
#kompetenzen_webdesign, #kompetenzen_ci, #kompetenzen_print {
	background: #690 url(../images/icons/open_icon.gif) 0 0 no-repeat; color: #fff;
	cursor: pointer;
	padding: 3px 0 10px 30px;
}
/* F O R M U L A R E */
#formular { width: 85%; }
#formular p { margin: 1em 0 0.5em 0; }
#formular input { width: 98%; }
#formular input.agb { 
	text-align: left; 
	width: auto; 
}
#formular textarea { width: 92%; }
#formular select { width: 50%; }
#formular .nostyle {
	width: 1.2em;
	border: none;
}
#formular input.sendmail {
	background: #690; color: #fff;	
	font-size: 1.2em; font-weight: normal;
	width: 30%;	
}
/* allg. Hinweis und Fehlermeldungen */
p.hinweis { font-size: 0.9em; }
p.message, #formular .error {
	/* background: transparent url("../images/icons/icon-error.gif") no-repeat 0 50%; color: #B70202; */
	background: #B70202;
	color: #fff;
	padding: 4px 0 4px 20px !important;	
}
p.message { width: 70%; }
#formular .error {
	display: block;
	width: 95%;
}
/* F O O T E R */
#footerText ul{	padding: 6px 0 80px; }
#footerText ul li { 
	background: inherit; color: #666;
	display: inline; 
	font-size: 65%;
	text-transform: uppercase; 
	padding: 10px 8px 10px 0;
}



	.panel h2.title { position: absolute; top: -6000px; left: -6000px; }
	.panel h3 {font-size: 120%;}
	.text {
		font-size: 78%;
		padding: 20px 40px;
		width: 320px;
	}
	.explanation1 {
		background-color: #002851;
		color: #fff;
	}
	.explanation2 {
		background-color: #000;
		color: #fff;
	}
	.explanation3 {
		background-color: #A70728;
		color: #fff;
	}
	.explanation4 {
		background-color: #009EE1;
		color: #fff;
	}
	noscript div { background: #ccc; border: 1px solid #900; margin: 20px 0; padding: 15px }
	.coda-slider-wrapper { padding: 0 0 20px; }
	.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }
	.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel { width: 847px; }
	.coda-nav-left a, .coda-nav-right a { background: #fff !important; color: #000; padding: 20px 5px; }
	.coda-nav ul li a.current { background: #690 !important; }
	.coda-slider .panel-wrapper { 
		padding: 160px 0 0 0;
		height: 240px;
	 }
	.dpl1 {
		background: url("../referenzen/images/dpl1.jpg") no-repeat 0 0;
	}
	.dpl2 {
		background: url("../referenzen/images/dpl2.jpg") no-repeat 0 0;
	}
	.dpl3 {
		background: url("../referenzen/images/dpl3.jpg") no-repeat 0 0;
	}
	.dpl4 {
		background: url("../referenzen/images/dpl4.jpg") no-repeat 0 0;
	}
	.dpl5 {
		background: url("../referenzen/images/dpl5.jpg") no-repeat 0 0;
	}
	.nsk1 {
		background: url("../referenzen/images/nsk1.jpg") no-repeat 0 0;
	}
	.nsk2 {
		background: url("../referenzen/images/nsk2.jpg") no-repeat 0 0;
	}
	.nsk3 {
		background: url("../referenzen/images/nsk3.jpg") no-repeat 0 0;
	}
	.nsk4 {
		background: url("../referenzen/images/nsk4.jpg") no-repeat 0 0;
	}
	.nsk5 {
		background: url("../referenzen/images/nsk5.jpg") no-repeat 0 0;
	}
	.nsk6 {
		background: url("../referenzen/images/nsk6.jpg") no-repeat 0 0;
	}
	.nsk7 {
		background: url("../referenzen/images/nsk7.jpg") no-repeat 0 0;
	}
	.nsk8 {
		background: url("../referenzen/images/nsk8.jpg") no-repeat 0 0;
	}
	.nsk9 {
		background: url("../referenzen/images/nsk9.jpg") no-repeat 0 0;
	}
	.myxplace1 {
		background: url("../referenzen/images/myxplace1.jpg") no-repeat 0 0;
	}
	.myxplace2 {
		background: url("../referenzen/images/myxplace2.jpg") no-repeat 0 0;
	}
	.myxplace3 {
		background: url("../referenzen/images/myxplace3.jpg") no-repeat 0 0;
	}
	.zvl1 {
		background: url("../referenzen/images/zvl1.jpg") no-repeat 0 0;
	}
	.zvl2 {
		background: url("../referenzen/images/zvl2.jpg") no-repeat 0 0;
	}
	.zvl3 {
		background: url("../referenzen/images/zvl3.jpg") no-repeat 0 0;
	}
	.zvl4 {
		background: url("../referenzen/images/zvl4.jpg") no-repeat 0 0;
	}
	.pkd1 {
		background: url("../referenzen/images/pkd1.jpg") no-repeat 0 0;
	}
	.pkd2 {
		background: url("../referenzen/images/pkd2.jpg") no-repeat 0 0;
	}
	.pkd3 {
		background: url("../referenzen/images/pkd3.jpg") no-repeat 0 0;
	}
	.pkd4 {
		background: url("../referenzen/images/pkd4.jpg") no-repeat 0 0;
	}
	.pkd5 {
		background: url("../referenzen/images/pkd5.jpg") no-repeat 0 0;
	}
	.itection1 {
		background: url("../referenzen/images/itection1.jpg") no-repeat 0 0;
	}
	.itection2 {
		background: url("../referenzen/images/itection2.jpg") no-repeat 0 0;
	}
	.itection3 {
		background: url("../referenzen/images/itection3.jpg") no-repeat 0 0;
	}
	.itection4 {
		background: url("../referenzen/images/itection4.jpg") no-repeat 0 0;
	}
	.itection5 {
		background: url("../referenzen/images/itection5.jpg") no-repeat 0 0;
	}
	.itection6 {
		background: url("../referenzen/images/itection6.jpg") no-repeat 0 0;
	}
	.osha1 {
		background: url("../referenzen/images/osha1.jpg") no-repeat 0 0;
	}
	.osha2 {
		background: url("../referenzen/images/osha2.jpg") no-repeat 0 0;
	}
	.osha3 {
		background: url("../referenzen/images/osha3.jpg") no-repeat 0 0;
	}
	.tgmobi1 {
		background: url("../referenzen/images/tgmobi1.jpg") no-repeat 0 0;
	}
	.tgmobi2 {
		background: url("../referenzen/images/tgmobi2.jpg") no-repeat 0 0;
	}

	.coda-slider p.loading { padding: 20px; text-align: center }

	.coda-nav ul { clear: both; display: block; margin: auto; overflow: hidden }
	.coda-nav ul li { display: inline }
	.coda-nav ul li a { background: #666 !important; color: #fff !important; display: block; float: left; font-size: 78%; margin-right: 1px; padding: 3px 6px; text-decoration: none }
	
	.coda-slider-wrapper { clear: both; /* overflow: auto; */
		width: 95%; position: relative; 
		
	}
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	
	.coda-nav-left {
		position: absolute;
		top: 160px;
		left: 0;
		z-index: 100;
	}
	.coda-nav-right {
		position: absolute;
		top: 160px;
		right: 0;
		z-index: 200;
	}
	
/* only IE8 */
.coda-nav-right {right /*\**/: -1px\9;} 
/* Safari 4beta */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .coda-nav-right {
        right: -9px;
    }
}
/* Opera */
@media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) {
    head~body .coda-nav-right {
        right: -9px;
    }
}

	*html .coda-nav-right {
		right: 38px;
	}
	*+html .coda-nav-right {
		right: -1px;
	}
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }