body {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	font-size: 13px;
	color: #666;
	margin: 0;
	padding: 0;
	background-color: #fff;
	background-color: #1f1f1f;
}


/* Standard-Formate */

table {
	width: 100%;
}

td, div {
	text-align: left;
}

img {
	border-style: none;
}

ul {
	margin: 0px 0px 16px 0px;
	padding: 0;
	line-height:16px;
	list-style-type: none;
} 

ul li {
	margin: 0px 0px 10px 0px; 
	padding: 0 0 0 14px;
	line-height: 16px;
	background-image: url('../_gfx/bullet1.gif');
	background-repeat: no-repeat;
	background-position: 0px 5px;
} 

ul li ul, ul li ul li ul {
	margin: 5px 0px 0px 0px;
}

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

a:hover {
	text-decoration: none;
}

a:active, a:focus {outline: none;}

h1 {
	font-size: 18px;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #666;
}

h2, h3, h4, h5 {
	font-size: 16px;
	font-weight: normal;
	margin-top: 15px;
	margin-bottom: 10px;
	color: #666;
}

p {
	line-height: 18px;
	margin-top: 0px;
	margin-bottom: 10px;
	color: #666;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.indent {
	margin-left: 25px;
}

blockquote {
	color: #656565;
	font-style: italic;
	margin-left: 25px;
}

hr {
	height: 1px;
	border: 0px;
	color: #A21C11;
}

fieldset {
	border: none;
	padding: 5px 0 0 0;
	margin: 0;
}

legend {
	display: none;
}

input, select, textarea {
	font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
	border-style: solid;
	border-width: 1px;
	border-color: #8C8C8C;
	font-size: 13px;
}

input.checkbox {
	border-style: none;
}


/*
### Formate für den Seitenaufbau
*/


div#backgroundframe {
	float: left;
	width: 100%;
	background-color: #fff;
}

div#worldframe {
	margin: 0 auto 0 auto;
	text-align: center;
	width: 960px;
}

	div#mainframe {
		float: left;
		width: 960px;
		margin: 0 0 40px 0;
		#padding: 0 0 40px 0; 
	}

		div#headframe {
			float: left;
			position: relative;
			width: 960px;
			height: 105px;
			background-image: url(../_gfx/bg.gif);
			background-repeat: repeat-x;
			border-bottom: solid 1px #999;
			margin: 0 0 20px 0;
		}

			img#logo {
				position: absolute;
				top: 18px;
				left: 30px;
				z-index: 1;
			}

			div#mainnav {
				float: left;
				position: absolute;
				top: 0px;
				width: 960px;
				height: 45px;
			}

				div#mainnav ul {
					position: absolute;
					left: 30px;
					top: 60px;
					margin: 0;
					padding: 0;
				}

					div#mainnav ul li {
						float: left;
						margin: 0;
						padding: 0;
						background: none;
					}

					div#mainnav ul li a {
						display: block;
						color: #666;
						font-size: 13px;
						margin: 0 30px 0 0;
						padding: 14px 0 15px 0;
					}

					div#mainnav ul li a:hover,
					div#mainnav ul li.act a {
						border-bottom: solid 1px #df4126;
					}
			
			div#searchbox {
				position: absolute;
				right: 30px;
				top: 15px;
			}	

				div#searchbox input {
					background-color: #515151;
					border: none;
					padding: 5px;
				}
				
					#sword {
						float: left;
						width: 120px;
						margin: 0 1px 0 0;
					}
					
					#submit {
						float: left;
						height: 25px;
					}
				

		div#stageframe {
			float: left;
			width: 960px;
			margin: 0 0 20px 0;
			position: relative;
		}
				
		div#contentframe .layout1 {
			float: left;
			width: 960px;
		}

			.layout1 .col1 {
				float: left;
				width: 590px;
				margin: 0 30px 40px 30px;
				_margin: 0 30px 40px 15px;
			}

			.layout1 .col2 {
				float: left;
				width: 280px;
				margin: 0 30px 40px 0;
			}
			
		/* Abweichung bei drei Spalten */

			.layout2 .col1 {
				float: left;
				width: 125px;
				margin: 0 30px 20px 30px;
				_margin: 0 30px 20px 15px;
			}
			
				ul#subnav {
					margin: 47px 0 0 0;
					padding: 0;
				}

					ul#subnav li {
						margin: 0;
						padding: 0;
						background-image: none;
					}

						ul#subnav li a {
							color: #666;
							display: block;
							margin: 0 0 10px 0;
						}

						ul#subnav li a:hover,
						ul#subnav li.pas a:hover,
						ul#subnav li.act a {
							color: #df4126;
						}

						ul#subnav li.pas a {
							color: #666;
						}
						
					ul#subnav ul {
						padding: 0 0 0 20px;
					}


			.layout2 .col2 {
				float: left;
				width: 435px;
				margin: 0 30px 40px 0;
			}

			.layout2 .col3 {
				float: left;
				width: 280px;
				margin: 0 30px 40px 0;
			}


		/* Abweichung bei der Projektansicht */

			.layout3 .col1 {
				float: left;
				width: 125px;
				margin: 0 30px 20px 30px;
				_margin: 0 30px 20px 15px;
			}


				.layout3 .col1 ul#subnav li a {
					_padding: 0 0 0 0;
					_margin: 0 0 0 0;
				}



			.layout3 .col2 {
				float: left;
				width: 590px;
				margin: 0 30px 40px 0;
			}

			.layout3 .col3 {
				float: left;
				width: 125px;
				margin: 46px 30px 40px 0;
			}



div#footer {
	float: left;
	margin: 30px 0 0 0;
	width: 100%;
	background-color: #1f1f1f;
}

	div#footerframe {
		margin: 0 auto 0 auto;
		padding: 20px 0 0 30px;
		text-align: center;
		width: 930px;
		height: 100%;
		color: #ccc;
		#margin-bottom: 40px;
	}
		
		div#footerframe div.col {
			float: left;
			width: 125px;
			margin: 0 30px 40px 0;
			font-size: 13px;
		}

			div#footerframe div.col ul {
				margin: 0;
				padding: 0;
			}

				div#footerframe div.col ul li {
					margin: 0;
					padding: 0 0 10px 0;
					background-image: none;
				}

					div#footerframe div.col a {
						color: #666;
					}
				
		div#footerframe div.col.one {
			float: left;
			width: 435px;
			margin: 0 30px 40px 0;
			font-size: 13px;
		}



/* Powermail im Seiteninhalt */

.tx-powermail-pi1 #contactform .big label {
	display: block;
	float: left;
	width: 80px;
}

.tx-powermail-pi1 #contactform .big input {
	width: 240px;
	display: block;
	border: none;
	background-color: #e5e5e5;
	margin: 0 0 10px 0;
	padding: 3px;
}

.tx-powermail-pi1 #contactform .big textarea {
	width: 240px;
	height: 240px;
	background-color: #e5e5e5;
	border: none;
	margin: 0 0 5px 0;
	padding: 3px;
}

#powermaildiv_uid18 {
	background-image: url(../_gfx/corner1.png);
	background-repeat: no-repeat;
	background-position: 175px 245px;
	padding: 0 0 10px 0;
}

.tx-powermail-pi1 #contactform .big .powermail_submit {
	width: 80px;
	margin: 0 0 0 80px;
	background-color: #1F1F1F;
	color: #fff;
	padding: 5px;
}

.tx-powermail-pi1 #contactform .big .powermail_submit:hover {
	background-color: #DF4126;
}

.tx-powermail-pi1 #contactform .big .powermail_mandatory_js {
	padding: 0 0 10px 80px;
}



/* Powermail im Seitenfuss */

.tx-powermail-pi1 #contactform .small label {
	display: none;
}

.tx-powermail-pi1 #contactform .small input {
	width: 280px;
	display: block;
	border: none;
	background-color: #515151;
	margin: 0 0 5px 0;
	padding: 2px 2px 2px 2px;
}

.tx-powermail-pi1 #contactform .small textarea {
	width: 431px;
	height: 120px;
	background-color: #515151;
	border: none;
	margin: 0 0 5px 0;
	padding: 2px 2px 2px 2px;
	overflow: auto;
}

#powermaildiv_uid28 {
	background-image: url(../_gfx/corner2.png);
	background-repeat: no-repeat;
	background-position: 95px 124px;
	padding: 0 0 10px 0;
}

.tx-powermail-pi1 #contactform .small .powermail_submit {
	width: 80px;
	background-color: #DF4126;
	color: #1f1f1f;
	padding: 5px;
}

.powermail_mandatory_js {
	font-size: 11px;
	color: #DF4126;
	padding: 0 0 5px 0;
}







	
/* Slider */

div#slider {
	width: 960px;
	height: 385px;
	margin: 0;
}

	div#slider div.left {
		position: absolute;
		top: 170px;
		left: -20px;
		width: 40px;
		height: 40px;
		z-index: 2000;
	} 

		div#slider div.left a {
			float:left;
			width: 40px;
			height: 40px;
			background-image: url(../_gfx/left-arrow.gif);
			background-position: left center;
			background-repeat: no-repeat;
			z-index: 1;
		}

		div#slider div.left a:hover {
			background-image: url(../_gfx/left-arrow-o.gif);				
		}

	div#slider div.center {
		float: left;
		width: 960px;
		overflow: hidden;
		position: relative;
	}

		div#slider div.center div.content {
			float: left;
			width: 960px;
		}

			div#slider div.box {
				float: left;
				width: 650px;
				height: 385px;
				margin: 0 0 0 0;
				padding: 0 0 0 0;
				color: #fff;
				overflow: hidden;
			}

	div#slider div.right {
		position: absolute;
		top: 170px;
		right: -20px;
		width: 40px;
		height: 40px;
		z-index: 2000;
	}

		div#slider div.right a {
			float:left;
			width: 40px;
			height: 40px;
			background-image: url(../_gfx/right-arrow.gif);
			background-position: right center;
			background-repeat: no-repeat;
			z-index: 1;
		}
		
			div#slider div.right a:hover {
				background-image: url(../_gfx/right-arrow-o.gif);					
			}

/* FCE für Text in zwei Spalten */

div.fce-twocols {
	margin: 40px 0 0 0;
	padding: 20px 0 0 0;
	border-top: solid 1px #ccc;
}

	div.fce-twocols div.col.one {
		float: left;
		width: 45%;
		_width: 40%;
		padding: 0 5% 0 0;
	}

	div.fce-twocols div.col.two {
		float: left;
		width: 45%;
		_width: 40%;
		padding: 0 5% 0 0;
		#padding: 0 0 0 0;
	}


/* FCE Sliding Boxes */

			.boxgrid { 
				float:left; 
				width: 648px; 
				height: 385px; 
				margin: 0 0 0 0; 
				overflow: hidden; 
				position: relative;
				z-index: 1; 
			}
				.boxgrid img { 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
				}
				
			.boxcaption { 
				float: left; 
				position: absolute; 
				background: #1F1F1F; 
				height: 80px; 
				width: 588px; 
				opacity: .8;
				padding: 0 30px 0 30px;
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 			}

			.boxcaption h2 {
				font-size: 13px;
				font-weight: bold;
				margin: 15px 0 0 0;
				padding: 0;
			}

				.boxcaption h2 a {
					color: #fff;
				}

				.boxcaption p a {
					color: #fff;
				}
			 
 				.captionfull .boxcaption {
 					top: 385px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 385px;
 					left: 0;
 				}
				
			h3 a{}


/* News */

.news-latest-item {
	border-bottom: solid 1px #CCC;
	padding: 0 0 0 0;
}

.news-latest-item h2 {
	font-size: 13px;
	margin-top: 10px;
}

.news-latest-item h2 a {
	color: #666;
}

.news-list-container {
	margin: 30px 0 0 0;
}

.news-list-item {
	float: left;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
	border-bottom: solid 1px #ccc;
}

.news-list-item .col.one {
	float: left;
	width: 162px;
	margin: 0 15px 0 0;
}

.news-list-item .col.two {
	float: left;
	width: 413px;
}

.news-list-item h2 {
	margin: 5px 0 10px 0;
	font-size: 16px;
}

.news-list-item h2 a {
	color: #666;
}

.news-single-item p.subheader {
	
}

.news-single-date {
	margin: 30px 0 30px 0;
}



/* Referenzen */

.projectlist {}

	.projectpreview {
		float: left;
		width: 180px;
		height: 185px;
		margin: 0 15px 30px 0;
		background-color: #1F1F1F;
		-webkit-box-shadow: 0px 5px 5px #999;
	    -moz-box-shadow: 0px 5px 5px #999;
  	 	 box-shadow: 0px 5px 5px #999;
	}

	.projectpreview:hover {
		background-color: #DF4126;
	}

	
	.projectpreview .info {
		padding: 5px 10px 10px 10px;
	}

	.projectpreview .info a {
		color: #fff;
	}
		
		.projectpreview .info h2 {
			font-size: 13px;
			margin: 0;
			font-weight: bold;
		}
	
		.projectpreview .info h3 {
			font-size: 13px;
			margin: 0;
		}
		
#projectinfo {
	margin: 0 0 30px 0;
}

#interesting {
	/* border-top: solid 1px #ccc; */
	background-color: #1F1F1F;
	padding: 15px 30px 20px 30px;
	margin: 60px 0 0 0;
}

	#interesting ul {
		margin: 10px 0 0 0;
		padding: 0;
	}

		#interesting ul li {
			margin: 0 10px 0 0;
			padding: 0;
			background-image: none;
			display: inline;
		}
		
.inspire {
	background-color: #1F1F1F;
	padding: 15px 20px 0 20px;
	margin: 40px 0 0 0;
	position: absolute;
	top: 399px;
	width: 65px;
	height: 99px;
}

#reload {
	margin: 10px 0 0 15px;
}



/* Suche */

.tx-indexedsearch-res {
	border-top: solid 1px #ccc;
	margin: 30px 0 0 0;
	padding: 10px 0 0 0;
}


.tx-indexedsearch-res h2 a {
	color: #666;
}

.tx-indexedsearch-res h2 a:hover {
	color: #DF4126;
}

.tx-indexedsearch-searchbox dl {
	margin: 0 0 40px 0;
	padding: 0;
	background-image: url(../_gfx/corner1.png);
	background-repeat: no-repeat;
	background-position: 95px 50px;
}

.tx-indexedsearch-searchbox dl dt {
	margin: 0 0 10px 0;
	padding: 0;
}

.tx-indexedsearch-searchbox dl dd {
	margin: 0;
	padding: 0;
}

#tx-indexedsearch-searchbox-sword {
	background-color: #E5E5E5;
	border: none;
	padding: 5px;
	width: 240px;
	color: #666;
}

.tx-indexedsearch-searchbox-button {
	width: 80px;
	background-color: #1F1F1F;
	color: #fff;
	border: none;
	padding: 5px;
	margin: 15px 0 0 0;
}

.tx-indexedsearch-searchbox-button:hover {
	background-color: #DF4126;
}