@charset "utf-8";
/* CSS Document */



body {
	padding:0;
	margin:0 auto;
	background:#F1F1F1;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#666;
	font-size:11px;
	line-height:15px;
}
img, a, a img {
	border:0;
	outline:0;
}



input {
	padding:1px 3px;
	width:158px;
	height:14px;
	line-height:14px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:#fff;
	font-size:11px;
	color:#333;
}

a {
	color:#666;
	text-decoration:none;
	border-bottom:1px dotted #DD5703; }
p a:visited {
	color:#666;
}
a:hover, a:focus,a:active {
	color:#666;
	border:0;
	text-decoration:none;
}

	a.pure-image {
		border-bottom: 0; }


span.important,
strong.tx-indexedsearch-redMarkup { color: #DD5703; }




/**
 * Hauptboxen
 * ------------------------------------- */

#page {
	width:960px;
	margin:0 auto;
	padding:0 0 30px 0; 
	position: relative; }
	#page:after {
		content: '.';
		display:block;
		visibility:hidden;
		clear:both;
		height:0; }
#head {
	width:960px;
	height:124px;
	position:relative; }

.content-top {
	width:960px;
	min-height:50px;
}
* html .content-top {
	height:50px;
}


.content-middle {
	width:960px;
	position:relative;
	min-height:200px;
	background-color:#fff;
	background-image:url(../images/1px_hg.gif);
	background-repeat:repeat-y;
	background-position:199px 0px;
}
* html .content-middle {
	height:200px;
}




#bottom {
	width:960px;
	margin:9px 0 0 0;
	padding:1px 0 0 0;
	background:#fff;
}






.websnapr {
	position: absolute;
	height: 103px;
	width: 125px;
	top: 0;
	left: 0;
	padding: 0;
	background: url(../images/websnapr-hg.png) top left no-repeat !important;
	background: url(../images/websnapr-hg.gif) top left no-repeat;
	display: none; 
	z-index: 9000;}
	.websnapr img {
		padding: 10px 0 0 10px; }

.punkt-wrapper {
	height:21px;
	clear:both;
	float: none;
}
.punktierte-linie {
	border-bottom:1px dotted #999;
	height:1px;
	margin: 20px 0 20px 0;
}



/**
 * Hilfstools
 * ------------------------------------- */


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearing {
	clear:both;
	height:0;
	padding:0;
	border:0;
	margin:0;
	font-size:0;
	line-height:0;
}






/**
 * Head bereich 
 * (Logo Meta und Hauptnavigation)
 * ------------------------------------- */


/**
 * Logo
 * ---------------------------------------------------------- */
#logo {
	width: 140px;
	height: 39px;
	margin: 68px 25px 0 0;
	float: right; }





/**
 * Metamenü links neben der Navigation
 * ---------------------------------------------------------- */
#meta {
	width: 96px;
	height: 13px;
	float: left;
	margin: 84px 0 0 25px;
	color: #808080; }
	* html #meta {
		margin: 84px 0 0 15px; }
 
#meta a {
	color:#808080;
	text-decoration:none;
}
#meta a:hover {
	color:#888;
}




/**
 * Hauptnavigation
 * ---------------------------------------------------------- */
#head ul,
#head ul li  {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}

#head ul.main {
	position:absolute;
	width:580px;
	height:77px;
	top:48px;
	left:210px;
	z-index:8;
}

#head ul li.main {
	float:left;
	padding:29px 0 0 0;
	position:relative;
	width: auto;
	margin: 0 1px 0 0; }
	#head ul li li {
		margin: 0; }
	* html #head ul li.main {
		width: 10px; }
	
		
#head ul li.current {
	background:url(../images/main_act_bg.gif) top center no-repeat; }
#head ul li.hover {
	background:url(../images/main_hover_bg.gif) top center no-repeat; }

#head ul li a {
	padding: 8px 8px 16px 8px;
	display:block; }
	#head ul li.current a,	
	#head ul li.hover a {
		padding: 24px 8px 0 8px; }

	








/**
 * Container für unterebenen
 * ---------------------------------------------------------- */
.menu-container {
	position:absolute;
	left:0;
	top:0;
	visibility:hidden;
	width: 224px;
	z-index: 80000;
	padding:0 0 11px 0; }
	
	.menu-container .shadow {
		padding: 0 0 0 7px; 
		width:100%;
		background:url(../images/menu_hg_main.png) top left repeat-y !important; 
		background:url(../images/none.gif) top left repeat-y; }
	
	.menu-container .shadow-bottom {
		position: absolute;
		bottom:4px;
		left:0;
		width:224px;
		height:7px;
		background:url(../images/menu_hg_bottom.png) top left no-repeat !important; 
		background:url(../images/none.gif) top left no-repeat;}













/**
 * Erste Unterebene
 * ---------------------------------------------------------- */
	
ul.main-level-2 {
	display: none;
	margin: 0;
	padding:0; }
ul#current-active-menu,
ul.main-level-2 {
	width: 210px;
	height: auto;
	background: #c7c7c7;
	padding: 6px 0; }


ul#current-active-menu {
	position: absolute;
	left: 0;
	top: 74px;
	z-index: 80000;
	padding-bottom:5px; }




#head ul li.current #current-active-menu {
	height: 40px;
	z-index:9;
	overflow: hidden;}
	
	#head ul li.current li,
	#current-active-menu li,
	ul.main-level-2 li {
		display: block;
		float: none;
		clear: both;
		padding: 0; 
		margin: 0;
		height: auto;
		background-image: none; }

		#current-active-menu li,
		ul.main-level-2 li {
			border-bottom: 1px solid #cdcdcd; }

			ul.main-level-2 li.last,
			ul.main-level-2 li li {
				border-bottom: 0; }

	#head ul li.current li a,
	#current-active-menu li a, 
	ul.main-level-2 li span,
	ul.main-level-2 li a {
		display: block;
		padding: 4px 12px 3px 12px;
		font: #333 11px/13px Verdana,Arial,Helvetica,sans-serif;
		text-decoration: none;
		cursor: pointer;
		background-image: none; }

	#current-active-menu li a {
		color:#fff;}

	ul.main-level-2 li span:hover,
	ul.main-level-2 li a:hover {
		background-color:#d8d8d8;
		color:#333; }

	/** Pfeile für die SPAN elemente **/
	ul.main-level-2 li span {
		background:url(../images/menu-rechts.gif) 95% no-repeat; }
	
	ul.main-level-2 li.current a,	
	ul.main-level-2 li span.act {
		background-color: #d2d2d2; 
		color: #fff; }

	ul.main-level-2 li span.act {
		background:url(../images/menu-runter.gif) 95% no-repeat; }

			
			ul.main-level-2 li.current ul,
			ul.main-level-2 li.current li a {
				color: #666;
				background: #d8d8d8; }
				ul.main-level-2 li.current li.current a {
				color: #fff; }
								
				ul.main-level-2 li.current li a:hover {
					background: #dcdcdc;
					color: #666; }



#head a,
#head ul li.current li a,
#current-active-menu li a,
ul.main-level-2 li a,
#footer-links a,
#imprint a {
	border: 0; }

/**
 * Zweite Unterebene
 * ---------------------------------------------------------- */
ul.main-level-3 {
	clear: both;
	float: none;
	margin: 0;
	padding: 0 0 7px 0;
	background: #d2d2d2; }

	#head ul ul.main-level-3 li {
		display: block;
		float: none;
		clear: both;
		padding: 0; 
		margin: 0;
		height: auto; 
		border-bottom: 0;}
		
	ul.main-level-3 li a {
		padding-left: 25px; }
	#head ul ul.main-level-3 li a {
		display: block;
		padding: 4px 20px 4px 40px;
		color:#666;
		text-decoration: none;
		cursor: pointer; }

	#head ul ul.main-level-3 li a:hover {
		background-color: #d8d8d8;
		color: #666; }

	#head ul ul.main-level-3 li.current {
		background-color: #d9d9d9; }
	
	ul.main-level-3 li.last {
		padding: 0 0 6px 0; }







/**
 * Balken zwischen Navigation und Inhalt
 * ---------------------------------------------------------- */

#balken-oben {
	width: 960px;
	height: 40px;
	background: #CDCDCD;
	float: none;
	clear: both;
	z-index: 1;
	margin:9px 0 10px 0; }
	
	#balken-oben .date {
		float: right;
		margin: 14px 24px 0 0;
		color: #fff; }
	
	#balken-oben .text-top {
		margin: 0;
		width: 516px;
		height: 40px;
		left:210px;
		top: 122px;
		background: #c5c5c5;
		z-index: 2; 
		padding: 11px 24px 0 0;
		overflow: hidden; 
		position:absolute; } 
		
		#balken-oben .text-top p {
			text-align:right;
			width:450px;
			height:13px;
			position:absolute;
			top:147px;
			right:50%;
			margin:0 -250px 0 0; }
			









/**
 * Footer
 * --------------------------------------------- */

#copyright {
	float:left;
	margin:40px 0 0 20px;
	width:163px;
	color:#ccc;
}
* html #copyright {
	margin:40px 0 0 12px;
}

#footer-links,
#footer-links li {
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}
#footer-links {
	float:left;
	width:683px;
}
#footer-links li {
	float:left;
	margin:40px 30px 0 0;
}
#footer-links li a {
	color:#999;
	text-decoration:none;
}
#footer-links li a:hover {
	color:#666;
}



#imprint {
	float:left;
	margin:40px 0 0 0;
	width:70px;
}

#imprint a {
	color:#ccc;
	text-decoration:none;
}
#imprint a:hover {
	color:#666;
}




/**
 * Mittlerer Bereich
 * --------------------------------------------- */

/**
 * Inhaltsspalten 
 * ---------------------------------------- */


.middle {
	width: 960px;
	background: #fff;
	overflow: hidden;
}

.middle-outerwrap {
	display: table;}
.middle-innerwrap {
	display: table-row; }
	* html .middle-innerwrap {
		display: inline;
		height: 1%; }
		
.column {
	display: table-cell;
	vertical-align: top;
	background: #fff; }
	
	* html .column {
		margin-bottom: -10002px;
		padding-bottom: 10000px;
		float: left;
		display: inline;}
		
	*+html .column {
		margin-bottom: -10002px;
		padding-bottom: 10000px;
		float: left;
		display: inline; }
		



/** Padding **/
.padding {
	padding: 19px 25px 8px 25px; }	
		
	* html .padding {
		padding-bottom: 10010px; 
		padding-right: 0; }

	*+html .padding {
		padding-bottom: 10010px; }


/** Rahmen rechts **/
.border {
	border-right: 1px solid #f1f1f1; }
	
/** Rahmen rechts **/
.full-border {
	border: 1px solid #ddd;
	margin: 0 0 0 1px; }

.background {
	background:url(../images/hg_box-unten-klein.gif) top left repeat-x; }

/** Abstand danach **/
.margin-after {
	margin-bottom:10px;	
}
.small-margin-after {
	margin-bottom:0;
	border-bottom:1px solid #f1f1f1;
}


/** Footer Boxes mit fixer Höhe **/
#bottom .middle {
	min-height: 144px; }
#bottom .middle .column {
	min-height: 144px;
	overflow: hidden; }


/**
 * List Items
 */

.detail1 ul,
.detail1 ul li,
.middle ul,
.middle ul li,
.right ul,
.right ul li,
.detail2 ul,
.detail2 ul li {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-type: none;
}
.middle ul {
	padding-top: 1px;}

.detail1 ul li,
.middle ul li,
.right ul li,
.detail2 ul li {
	padding: 0 0 5px 15px;
	background: url(../images/pfeil-rechts.gif) 0 4px no-repeat;
}




#bottom .column h2.sIFR-replaced {
	overflow:hidden; }
	
	
	


	




/**
 * CSC Zusätze
 */



/** Keine Linie unter verlinkten Bildern **/
.csc-textpic-imagewrap a {
	border: 0; }


/** Textpic IE Fehler **/
.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow {
	padding-bottom: 40px; }
	.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last {
		padding-bottom: 0; }


/** Bildtexte **/
.csc-textpic-caption {
	color: #666;
	font-size:10px; }


/** IE Hacks **/

/** html .csc-textpic .csc-textpic-text {
	border: 1px solid red; }

* html .csc-textpic-imagewrap {
	display:inline;
	height:1%;}*/
*+html .csc-textpic-imagewrap {
	display:inline;
	height:1%;}








/**
 * Akronyme
 * ------------------------------------------ */

.akronym-layer {

	position: absolute;
	left: -10000px;
	top: -10000px;
	width: 246px;
	padding: 0;

	z-index: 90000; }

	.akronym-layer .oben {
		width: 256px;
		height: 18px;
		padding:0;
		background: url(../images/akronym-top.png) top left no-repeat !important;
		background: url(../images/akronym-top.gif) top left no-repeat; }

	.akronym-layer .mitte {
		background: url(../images/akronym-middle.png) top left repeat-y !important;
		background: url(../images/akronym-middle.gif) top left repeat-y; 	 
		padding: 0 20px; }

	.akronym-layer .unten {
		width: 256px;
		height: 19px;
		padding:0;
		background: url(../images/akronym-bottom.png) bottom left no-repeat !important;
		background: url(../images/akronym-bottom.gif) bottom left no-repeat; }






/** Sitemap Format **/


.tx-flseositemap-pi1 {
	margin:0;
	padding: 25px 0 50px 0;}
.tx-flseositemap-pi1 a {
	border-bottom: 0;
	color: #f60;}

.tx-flseositemap-pi1 ul li {
	border-bottom:1px solid #f1f1f1;
	padding: 30px;
	display: block;
	background-position:20px 34px; }
	
	.tx-flseositemap-pi1 ul li li {
		border-bottom:0;
		padding: 4px 0 4px 15px;
		background-position:5px 8px; }






/**
 * Projekte
 * ------------------------------------- */

#project-list {
	background:#fff;	
	width: 960px;
	overflow: hidden;
	min-height:400px; }

#project-list ul,
#project-list ol,
#project-list li {
	padding: 0;
	margin: 0;
	list-style: none;
	list-style-type: none; }


	/**
	 * Header Part
	 */
	#project-list a {
		margin: 0;
		padding: 0; 
		display: inline;
		border-bottom:0; }
	#project-list ol {
		border-bottom: 1px solid #f1f1f1; }
		
	#project-list div,
	#project-list li li {
		float: left;
		height: 29px;
		display: inline;
		border-right: 1px solid #f1f1f1;
		padding: 11px 0 0 25px; }

		#project-list div div div {
			padding: 0;
			margin: 0;
			border: 0;
		}
	
	#project-list .header,
	#project-list ul {
		clear: both;
		float: none;
		border-top: 1px solid #f1f1f1; }
		
	#project-list .header {
		height: 40px;
		width: 960px;
		overflow: hidden; }
		
	#project-list .kunde {
		width: 205px; }	
	#project-list .name {
		width: 258px; }	
	#project-list .type {
		width: 156px; }	
	#project-list .branche {
		width: 95px; }	
	#project-list .jahr {
		width: 74px; }
	#project-list .case-study {
		width: 17px; 
		border-right: 0; }

			#project-list .case-study img {
				float: left;
				margin: 0 0 0 -22px; }
		

		/** Line Hover Effect **/
	#project-list ol .wrapper {
		cursor: pointer; 
		width: 961px; }
		
		#project-list ol ul li {
			border-right-color: #fff;
			background: #fff; }

			#project-list .hover li {
				background: #F7CDB3;
				color:#666;
				border-right-color: #F7CDB3; }
				#project-list .hover a {
					color: #666; }

			#project-list .active li {
				background: #E97B35;
				color:#fff;
				border-right-color: #E97B35; }
				#project-list .active a {
					color: #fff; }



		#project-list ol a:hover {
			background: none;
			color: #fff;
			text-decoration: underline; }












.news-header {
	padding: 0 0 0 20px; }
	
	
.news-latest {
	width: auto; 
	overflow: hidden; }
.news-latest li {
	padding-bottom: 11px; }
.news-latest a {
	border-bottom: 0; }
	
	
.news-single .right a {
	border-bottom:0; }



/**
 * Newsliste
 * ------------------------------------------ */

.news-list {
	border-top: 1px solid #f1f1f1;
	background: #fff; 
	min-height: 400px; }

	.news-list li,	
	.news-list ul,	
	.news-list ol {
		background-image: none;
		margin: 0;
		padding:0;
		border: 0;
		list-style: none; }

	.news-list .header,
	.news-list .wrapper {
		width:960px; overflow:hidden; }

		.news-list .header div,
		.news-list .wrapper li {
			padding: 15px 0 15px 25px; }

		.news-list .wrapper {
			border-bottom: 1px solid #f1f1f1; }


	.news-list .header {
		border-top: 1px solid #f1f1f1;
		border-bottom: 1px solid #f1f1f1;
		height: 40px; }

	.news-list .header div,
	.news-list .wrapper li {
		float: left;
		display: inline; }

	.news-list .wrapper {
		clear: both;
		float: none; }

	.news-list .wrapper li,
	.news-list .wrapper,
	.news-list .wrapper ul {
		height: 110px;
		overflow:hidden; }
		
	.news-list .header ul {
		position: absolute; 
		margin: 25px 0 0 -34px;
		width: 155px;
		padding: 7px 9px 16px 9px;
		display: none;
		background: url(../images/hg_filter-datum.png) bottom left no-repeat !important;
		background: url(../images/hg_filter-datum.gif) bottom left no-repeat;}
		
			*+html .news-list .header ul {
				margin: 25px 0 0 -72px;}
			* html .news-list .header ul {
				margin: 25px 0 0 -72px;}
		
			.news-list .header .visible ul {
				display: block; }

		.news-list .header ul li {
			border-top: 1px solid #f1f1f1;
			padding: 3px 20px; 
			cursor: pointer; }
			.news-list .header ul li:first-child {
				border-top: 0; }

		.news-list .header ul li:hover {
			background: #d8d8d8; }
		.news-list .header ul li.active {
			background: #d2d2d2;
			color: #fff; }
				
		



		.news-list .header .datum {
			border-left:  1px solid #f1f1f1;
			border-right: 1px solid #f1f1f1;
			margin-left: 195px;
			width: 130px; }

			.news-list .header .current {
				padding: 0; }



		.news-list .header .titel {
			width:490px ;}


	.news-list .bild {
		width: 171px; }

	.news-list .datum {
		width: 130px; }

	.news-list .titel {	
		width: 490px; }

	.news-list .detail {
		width: 69px;
		border-right: 0; }
		
	#datum-current {
		cursor: pointer; }
		.news-list .selected div {
			font-weight:bold;
		}


			.news-list .hover li {
				background: #F7CDB3;
				color:#666;
				border-right-color: #F7CDB3; }

				.news-list .hover a {
					color: #666;
					border-bottom-color:#DD5703; }

			.news-list .active li {
				background: #E97B35;
				color:#fff;
				border-right-color: #E97B35; }

				.news-list .active a {
					color: #fff;
					border-bottom-color: #fff; }


			#project-list.news-list li li {
				float: left;
				height: 80px;
				display: inline;
				border-right: 1px solid #f1f1f1;
				padding: 15px 0 0 25px; }

















/**
 * Formulare
 * ------------------------------------- */

input,
textarea {
	width:142px;
	padding:2px 3px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	border:1px solid #ccc;
	display:block;
	height: auto;
}
textarea {
	float:left;
	height:100px;
	overflow:auto;
	font-size:11px;
	line-height:13px;
}

input.error {
	color:#E75012; }

.fast_contact input {
	width:142px; }

.full_contact,
.fast_contact {
	border:0;
	padding:5px 0 0 0;
	margin:0; }
	
	*+html .full_contact,
	*+html .fast_contact {
		padding:3px 0 0 0; }
	* html .full_contact,
	* html .fast_contact {
		padding:3px 0 0 0; }
	
.full_contact legend,
.fast_contact legend { display:none; }

.full_contact button,
.fast_contact button {
	border:0;
	margin:0;
	padding:0;
	width:200px;
	cursor:pointer;
	height:24px;
	display:block;
	text-align:center;
	background:url(../images/btn_no.gif) top left no-repeat; }




/**
 * Normaler Seitenlogin
 **/
.full_contact button.login {
	background:url(../images/btn_no.gif) top left no-repeat;
}


.full_contact div.submit,
.fast_contact div.submit {
	padding-top: 8px;
	clear:both;
	float:none; }
.full_contact div.submit {
	padding-left: 130px; }
	*+html .full_contact div.submit,
	*+html .fast_contact div.submit {
		padding-top: 5px;}
	* html .full_contact div.submit,
	* html .fast_contact div.submit {
		padding-top: 5px;}
		
.full_contact button.inquiry_submit span,
.fast_contact button.inquiry_submit span {
	/*visibility:hidden;*/
	color:#666;
	font-size:11px;
	font-weight:bold;
	display:block;
	height: 13px;
	line-height:13px;
	width:200px;
	padding: 0 0 0 0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
.full_contact label,
.fast_contact label {
	float: left;
	height: 20px;
	width: 50px;
	line-height: 20px;
	margin-bottom: 6px;
}

.full_contact div,
.fast_contact div {
	clear:both;
	float:none;
}
.full_contact input,
.fast_contact input {
	margin-bottom:6px;
	padding:2px 3px;
	float:left;
}
.full_contact textarea {
	margin-top: 8px; }
.full_contact {
	width:500px;
}
.full_contact label {
	width:130px;
}
.full_contact input,
.full_contact textarea {
	width:228px;
}
.full_contact input.plz {
	width:80px;
}
.full_contact input.ort {
	margin-left:10px;
	width:130px;
}
.fast_contact {
	width: 200px;}

.fast_contact .spacer-bottom {
	padding-bottom:20px;
}
fieldset.fast_contact {
	margin-top: 0; padding-top: 0; }
.full_contact .submit {
	clear: both;
	float: none; }

.full_contact .helper,
.full_contact .helper tr,
.full_contact .helper td {
	border: 0; margin: 0; padding: 0; }
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*
 * Newsletter Anmeldung
 * --------------------------------------------- */
 
 
/** Anmeldung **/
.newsletter {
	margin: 0;
	border: 0;
	padding: 0; }
	.newsletter legend {
		display: none; }
	.newsletter label {
		width: 150px;
		float: left;
		text-align: left; }
	.newsletter dl dt {
		width:150px; }
	.newsletter input {
		margin:0;
		padding:1px 3px;
		width: 200px; }
		.newsletter .checkbox input {
			width:10px; }
	.newsletter dl {
		clear: both; }
	button.register {
		margin: 10px 0 10px 0;
		height: 24px;
		width:  200px;
		background:url(../images/quickform_no.gif) top left no-repeat;
		border: 0;
		cursor: pointer;
		clear: both;}
		button.register span {
			position: absolute;
			left: -10000px;
			top: -10000px; }
	.newsletter p {
		padding-left: 0; }
	.newsletter p.error {
		color: #f60; }
			
	
/*
 * Header, Normal und Flash
 * --------------------------------------------- */

h1.normal {
	display:block;
	padding:0;
	margin: 0;
	font-weight:normal;
	font-size:15px;
	line-height:17px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}
h1.mittel {
	display:block;
	padding:0;
	margin: 0;
	font-weight:normal;
	font-size:20px;
	line-height:23px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
}

h1.big {
	margin:0;
	padding:0;
	font-size:26px;
	line-height:1.2em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-weight:normal; }

h5 {
	display:block;
	padding:0;
	margin: 0;
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#333;
	font-size:13px;
	line-height:15px; }	




h2 {
	display:block;
	padding:0;
	margin:0;
	font-weight:normal;
	font-size:13px;
	line-height:15px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#DD5703; }
	

	.news-latest {
		padding:0; }
	.news-latest h2 { margin:0; }
		
/** sIFR **/

.sIFR-active h1 {
	font-size: 18px; }
.sIFR-active h2,
.sIFR-active h5 {
	font-size: 15px; }
.sIFR-active h3 {
	font-size: 29px; }

.sIFR-active h1,
.sIFR-active h2,
.sIFR-active h3,
.sIFR-active h5  {
      visibility: hidden;
      line-height: 1em;
	  padding: 0; }

	





/*
 * Graue Linkbox
 * --------------------------------------------- */

.link-widget,
.link-widget ul,
.link-widget li,
.link-widget a,
.link-widget span {
	display:block;
	width:170px;
	margin:0;
	padding:0;
	list-style:none;
	list-style-type:none;
}
	
.link-widget ul li {
	height:24px;
	background:url(../images/fce/hg_link-item.gif) top left no-repeat;
	border-bottom:1px solid #fff;
	padding: 0;
	margin: 0;
	line-height: 13px;
}
.link-widget ul li a,
.link-widget ul li span {
	width:100%;
	height:24px;
	line-height:24px;
	padding:0 0 0 20px;
	color:#808080;
	text-decoration:none;
	border: 0;
}
.link-widget ul li a:hover {
	color:#333;
	background:none;
}


.link-widget {
	overflow:hidden;
	padding:4px 0 24px 0;
	background:url(../images/fce/hg_link-unten.gif) bottom left no-repeat;
}




/**
 * Suche
 * --------------------------------------------- */

/**
 * Schnellsuche
 */
#suche {
	width:200px;
	height:40px;
	background:#fff;
	border:0;
	margin:0;
	padding:0;
	float:left;
	overflow:hidden;
	position:relative;
}
.search-wrapper {
	width:200px;
	height:41px;
}

#suche legend {
	display:none;
}

#suche .wrapper {
	width:122px;
	padding:0 9px;
	position:relative;
	float:left;
	margin:11px 0 0 17px;
}

#suche input {
	width:100px;

	background:#fff;
	border:0;
	background:url(../images/suche_bg.gif) top left no-repeat;	

	color:#808080;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:13px;

	float:left;
	margin:11px 0 0 17px;
	padding:3px 15px 4px 15px; }
	
	* html #suche input {
		margin-left:8px; }

#suche button {
	width:20px;
	height:20px;
	float:left;
	margin:12px 0 0 8px;
	border:0;
	background-color:none;
	background:url(../images/suche_btn.gif) top left no-repeat;
	cursor:pointer;
	outline: 0;
}
#suche button:hover {
	background:url(../images/suche_btn_hover.gif) top left no-repeat;
}


* html #suche button {
	margin:12px 0 0 7px;
}
#suche button span {
	visibility:hidden;
}



/** 
 * Suchergebnisliste
 */
#suchergebnis {
 	padding:10px 0 0 0; }

.tx-indexedsearch #suchergebnis label {
	display:block;
	padding-bottom:10px;
}


.tx-indexedsearch-whatis {
	background: #fff;
	padding: 25px;
	margin: 10px 0 9px 0; }


.tx-indexedsearch input.submit {
	width: 63px;
	height: 18px;
	border: 0;
	background-color: none;
	margin: 1px 0 0 20px;
	background: url(/fileadmin/templates/images/suche_btn2.gif) top left no-repeat;
	cursor: pointer;
	float: left;
	outline: 0;
}
		
.tx-indexedsearch fieldset {
	border:0;
	margin:0; 
	padding:0; }

.tx-indexedsearch legend {
	display:none; }



	dl.tx-indexedsearch-result,
	dl.tx-indexedsearch-result dd,
	dl.tx-indexedsearch-result dt {
		margin: 0;
		padding: 0; }

	dl.tx-indexedsearch-result {
		width:220px;
		padding: 30px 0 0 0; }

		dl.tx-indexedsearch-result dt {
			float:left; width:80px; font-weight:normal; }
		dl.tx-indexedsearch-result dd {
			float:left; width:120px; font-weight:normal; }

#tx-indexedsearch-searchbox-sword-big {
	background: url(../images/suche_hg2.gif) top left no-repeat;
	padding: 4px 9px 3px 9px;
	color: #ccc;
	font-size: 11px;
	line-height: 13px;
	width: 212px;
	border: 0; }
	#tx-indexedsearch-searchbox-sword-big.current {
		color: #666; }


.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }


.tx-indexedsearch dl {
	background:#E5E5E5;
	display:block;
	padding:10px 0 10px 30px;
	height:34px;
}
.tx-indexedsearch dt,
.tx-indexedsearch dd {
	display:block;
	margin:0;
	padding:0;
	float:left;
}
.tx-indexedsearch p.descr {
	padding-left:30px;
	padding-right:100px;
	overflow:hidden;
}
.tx-indexedsearch dt.item-size,
.tx-indexedsearch dt.item-crdate {
	width:50px;
	height:20px;
}
.tx-indexedsearch dd.item-size,
.tx-indexedsearch dd.item-crdate {
	width:100px;
	height:20px;
}
.tx-indexedsearch dt.item-mtime,
.tx-indexedsearch dt.item-path {
	width:65px;
	height:20px;
}
.tx-indexedsearch dd.item-mtime,
.tx-indexedsearch dd.item-path {
	width:230px;
	height:20px;
}
.tx-indexedsearch .result-item-wrapper {
	padding:0 0 10px 0;
	border-top:1px solid #E5E5E5;
}
.tx-indexedsearch .tx-indexedsearch-res {
	padding-top:20px;
}
.tx-indexedsearch .tx-indexedsearch-res strong {
	color:#E75012;
}



	/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }





/**
 * Tabs
 * --------------------------------------------- */



/* wraps the hole tab */
.middle .column .rgtabs-wrapper {
  padding:20px 0 0 0;
  margin:5px 0 0 0;
  background-image:none;
  overflow:hidden;
  clear:both;
}

/* add a loading icon */
.middle .column .rgtabs-wrapper .rgtabs-ajax-loading {
  padding: 100px 0;
  background-image:none;
}

/* Tab-Menu ul */
.middle .column .rgtabs-menu  {
  margin: 0;
  padding:0;
  height: 30px;
  width: auto;
  background-image:none;
  list-style:none;
  border-bottom: 1px solid #ccc;
  outline:0;
}

/* Tab-Menu li */
.middle .column .rgtabs-menu  li, 
#left .rgtabs-menu  li {
  list-style-type: none;
  list-style:none;
  background: none;
  float: left;
  margin: 0 1px 0 0 !important;
  padding: 0;
  height: 30px;
  line-height: 30px;
  cursor: pointer;
  background-image:none;
  outline:0;
}	

/* Tab-Menu li.a */
.middle .column .rgtabs-menu  li a {
  display: block;
  height: 30px;
  line-height: 30px;
  padding: 0 20px;
  border-bottom:0;
  min-width:10px;
  background: #eaeaea;
  outline:0;
}

/* Selected Tab */

.middle .column .rgtabs-menu  li.rgtabs-selected a, .middle .column .rgtabs-menu  li.rgtabs-selected a {
  color: #DD5703;
  background:#d2d2d2;
}






/**
 * Dropdowns
 */
#project-list .header .current {
	height: 15px;
	display:block;
	padding-right:30px;
	background:url(../images/projekt-runter.gif) 95% no-repeat;
	cursor:pointer; }

#project-list .header {
	height: 39px;
}
#project-list .header,
#project-list ol,
#project-list .wrapper {
	clear: both;
	float: none; }

#project-list .wrapper {
	margin: 0;
	padding: 0; }

#project-list .header ul {
	display:none; }
	
#project-list .header div.visible {
	position:relative; }
	
	#project-list .header .active {
		font-weight: bold; }
	
	#project-list .header div.visible ul {
		position: absolute;
		top: 29px;
		left: -35px;
		width: 152px;
		padding: 9px 9px 17px 9px;
		height: auto;
		overflow:auto;
		display: block; }
		
			#project-list .header .type div.visible ul {
				width: 182px;
				background:url(../images/hg_filter-type.png) bottom right no-repeat !important;
				background:url(../images/hg_filter-type.gif) bottom right no-repeat; }
			#project-list .header .branche div.visible ul {
				width: 120px;
				background:url(../images/hg_filter-branche.png) bottom right no-repeat !important;
				background:url(../images/hg_filter-branche.gif) bottom right no-repeat; }
			#project-list .header .jahr div.visible ul {
				width: 99px;
				background:url(../images/hg_filter-jahr.png) bottom right no-repeat !important;
				background:url(../images/hg_filter-jahr.gif) bottom right no-repeat; }
			#project-list .header .case-study div.visible ul {
				width: 129px; }
		
		#project-list .header div.visible ul li {
			padding: 3px 20px;
			border-top:1px solid #f1f1f1;
			margin: 0;
			cursor: pointer; }	
			
			#project-list .header div.visible ul li:first-child {
				border-top: 0; }
			
			#project-list .header div.visible ul li:hover {
				background: #d2d2d2; }
		
			#project-list .header div.visible ul li.selected {
				background: #d8d8d8; }

#project-list ol .wrapper {
	height: 40px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	width: 960px; }
	/** Height Problem after fading to height:0 **/
	*+html #project-list ol .wrapper {
		float: left; }
	* html #project-list ol .wrapper {
		float: left; }
		
		#project-list ol .wrapper .name a.ext-link {
			float: right;
			width: 21px;
			height: 13px;
			margin: 0; }





/**
 * Detailansicht mit grossem Bild
 */
.detail1 {
	background: #fff;
	padding:20px; }
	
	.detail1 .top {
		padding: 0; 
		height: 33px;
		clear: both;
		float: none;
		display: block; }
		
		.detail1 .top .backlink {
			float: left;
			width: 150px;
			height:13px; }
			
		.detail1 .top .infos {
			float: right;
			width: 450px;
			text-align:right;
			height:13px; }
			
	.detail1 .bild-gross {
		clear: both;
		float: none;
		display: block; }
		
	.detail1 .bottom {
		padding:20px 0 30px 0;
		min-height:200px; }
		
		.detail1 .bottom div {
			float: left;
			display:inline; }
		
		.detail1 .bottom .icon {
			width: 86px; } 
		
		.detail1 .bottom .text-left {
			width: 317px;
			margin: 0 40px 0 0; }
		
		.detail1 .bottom .text-right {
			width: 287px; 
			margin:0 20px 0 0; }
		
		.detail1 .bottom .leistungen {
			width: 107px; }
			
			
/**
 * Detail mit Slideshow
 */
.detail2 {
	background: #fff;
	padding:20px; }
	
	.detail2 .backlink {
		height:30px;
		clear:both;
		float:none;
	}
	
	.detail2 .links {
		float:left;
		display:inline;
		width:550px;
	}
	
	.detail2 #slideshow {
		border: 1px solid #dbdbdb; 
		position: relative;
		width: 550px;
		height: 350px; 
		overflow: hidden; }
		
			.detail2 #slideshow a {
				border-bottom: 0; }
		
		.detail2 #slideshow .slideshow-item {
			position:absolute;
			left:0;
			top: 0;
			width: 550px;
			height: 350px; 
			background-position: center center;
			background-repeat: no-repeat; }
			
		.detail2 #slideshow .slideshow-preview {
			position:absolute;
			left: 100px;
			top: 247px;
			width: 112px;
			height: 77px;
			background:url(../images/hg_preview.png) top left no-repeat !important;
			background:url(../images/hg_preview.gif) top left no-repeat; }
			.detail2 #slideshow .slideshow-preview DIV {
				width: 112px;
				height: 71px;
				background-position: center center;
				background-repeat: no-repeat; }
			
		.detail2 #slideshow #slideshow-nav {
			background: none; 
			position: absolute;
			bottom: 0;
			left: 0;
			height: 26px;
			width :480px;
			margin: 0;
			padding: 14px 0 0 70px; }
			
			.detail2 #slideshow #slideshow-nav img {
				cursor: pointer; }
			
			.detail2 #slideshow .navigation-box .prev {
				position: absolute;
				top: 12px;
				left: 19px; }
			.detail2 #slideshow .navigation-box .next {
				position: absolute;
				top: 12px;
				left: 33px; }
			.detail2 #slideshow .navigation-box .single {
				position: absolute;
				top: 15px;
				left: 54px;
				height:14px;
				width:330px; }
		
		.detail2 .bottom {
			padding: 26px 0 0 0; }
			
			.detail2 .bottom .leistungen {
				float:right;
				width:171px; }
				
			.detail2 .bottom .text-bottom {
				width: 330px; }
		
	.detail2 .rechts {
		float:left;
		display:inline;
		width:330px;
		margin: 0 0 0 28px; }
		
	.detail2 .infos {
		height: 127px;
		width: 330px; }
		
		.detail2 .infos .icon {
			 float: right;
			 width: 120px;
			 text-align: right; }
			 
		.detail2 .infos .infos {
			padding: 26px 0 0 0; 
			height: 30px; 
			width: auto;}
		







	
/**
 * Ajax Loginbox
 * --------------------------------------------- */

.login-wrapper {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #000;
	z-index: 100;
	cursor: pointer;
}
.loginbox {
	position:absolute;
	left:0;
	top:0;
	background:url(../images/hg_login.gif) top left no-repeat;
	z-index:110;
	width:200px;
	height:268px;
}
.loginbox .button {
	height:24px;
	width:160px;
	cursor:pointer;
	position:relative;
	display:block;
	margin:20px 0 0 18px;
}

.login-wrapper .marker {
	position:absolute;
	color:#933;
	cursor:pointer;
}
.loginbox input,
.loginbox img,
.loginbox a,
.loginbox h1 {
	display:block;
}

.loginbox input,
.message input {
	background:#FF8533;
	border:1px solid #FF8533;
	color:#fff;
	display:block;
	margin:10px 0 0 18px;
	width:152px;
	display:block;
}
.message input {
	margin:20px 0 0 0; }
.message button {
	height:24px;
	width:160px;
	cursor:pointer;
	position:relative;
	display:block;
	margin:5px 0 0 0; 
	padding: 0; border: 0;
	background: url(../images/forgot_normal.gif) top left no-repeat; }
	.message button span {
		position: absolute; left: -10000px; top: -10000px; visibility:hidden;}

.loginbox .header {
	margin:0;
	padding:35px 0 14px 18px;
}

.loginbox p {
	padding:0 0 14px 18px;
	color:#fff;
}
*+html .loginbox p {
	padding:0 0 8px 18px;
}
* html .loginbox p {
	padding:0 0 8px 18px;
}

.loginbox a {
	border-bottom: 0; 
	color: #fff; }
.loginbox a:hover {
	color:#e8e8e8;
}

.loginbox .links {
	padding:40px 0 0 18px;
}
*+html .loginbox .links {
	padding:20px 0 0 18px;
}
* html .loginbox .links {
	padding:20px 0 0 18px;
}

/**
 * Message Body
 */
.login-msg {
	position: absolute;
	left: 0;
	top: 0;
	width: 760px;
	height: 260px;
	padding: 8px 0 0 0;
	z-index: 105;
}
.message {
	width: 760px;
	height: 260px;
	background: #EF6003;
	color: #fff;
}
.message .wrapper {
	padding:27px 40px;	
}

.message div {
	height:17px;
	line-height:17px;
	padding:0;
	margin:0;	
}
.message p {
	margin:0;
	padding:25px 0 0 0;
	line-height:1.2em;	
}
.message a {
	border-bottom: 0;
	color: #fff; }
	.message a:hover {
		color: #ccc; }







/**
 * Corrective overrides
 * --------------------------------------------- */

/** Links without borders **/
.detail2 #slideshow a,
#slideshow-container a,
.tx-wssitemap-pi1 a {
	border-bottom: 0; }


/** Akronyme **/
abbr.abbrevation,
acronym.abbrevation,
p.abbrevation,
span.abbrevation,
dfn.abbrevation {
	border-bottom: 1px dotted #999;
	cursor: help;
	font-style:normal; 
	padding: 0; }

a span, 
span span {
	padding: 0; }

.sIFR-replaced {
	padding: 0; margin: 0; }

.sIFR-alternate { display: none; }


.middle .middle-innerwrap .column h1.normal,
.middle .middle-innerwrap .column h1.mittel,
.middle .middle-innerwrap .column h1.big,
.middle .middle-innerwrap .column h2,
.middle .middle-innerwrap .column h5 {
	margin: 0 0 15px 0;
	padding: 0;
	line-height:1.2em;}
	
.middle .middle-innerwrap .column h1.sIFR-replaced,
.middle .middle-innerwrap .column h2.sIFR-replaced,
.middle .middle-innerwrap .column h5.sIFR-replaced {
	margin: 0 0 8px 0; }


.middle .middle-innerwrap .column p {
	margin:0;
	padding: 1px 0 11px 0;}

form {
	padding:0; margin:0; }
	
h1, object, embed {
	padding-top: 0; margin-top: 0; overflow: hidden; }


/** Once more some CSC - IE stuff **/
.csc-textpic-intext-left-nowrap {
	padding-top: 4px;  }
	.csc-textpic-intext-left-nowrap .csc-textpic-text {
		margin-top: -5px; }
		*+html .csc-textpic-intext-left-nowrap .csc-textpic-text {
			margin-top: -17px; }
		* html .csc-textpic-intext-left-nowrap .csc-textpic-text {
			margin-top: -17px; }