* { padding: 0; margin: 0; }

body {
 font-family: Arial, Helvetica, sans-serif;
 font-size: 13px;
 line-height: 18px;
}

/*inhalte*/ 



h1 {
	color:#000000;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	padding-bottom:20px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	text-decoration: none;
	
}

h2 strong {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	
	
}

h2 a {
	color: #333333;
	text-decoration: none;
	
}

h2 a:link {
	color: #004072;
	text-decoration: none;
	
}

h2 a:hover {
	color: #004072;
	text-decoration: none;
	
}

h2 a:visted {
	color: #004072;
	text-decoration: none;
	
}

h2 a:active {
	color: #004072;
	text-decoration: none;
	
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #b9d9ff;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	
}

h5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #CCCCCC;
	margin-bottom: 8px;
}


img {border:0px;margin-right:10px;}

.csc-textpic-image {padding-left: 0px;}

/*strong {font-family:Arial, Helvetica, sans-serif, Sans;
	font-size:13px;}*/


TD, UL, OL { font-size: 12px; }
TABLE.contenttable {
	border: 0px none 0;
	margin: 10px 0px 10px 0px;
	width: 100%;
}

TABLE.contenttable TR TD { padding: 0px 3px 0px 3px; }
TABLE.contenttable TR TD P.bodytext { font-size: 10px; }
TABLE.contenttable TR { background-color: #F5F5F5; }

/* Images / Captions */
P.csc-caption { font-size: 8px; font-style: italic; }

/* Images / Tables / Floating text */
TABLE.imgtext-table { border: 0px; }

/* Images / Tables / Wrapped text */
/* When "Text w/Image" elements are wrapping the text into a table the top-margin of Hx elements should be transferred to the wrapping table instead. This is done here: */
TABLE.imgtext-nowrap { border: 0px; }
TABLE.imgtext-nowrap H1, TABLE.imgtext-nowrap H2, TABLE.imgtext-nowrap H3, TABLE.imgtext-nowrap H4, TABLE.imgtext-nowrap H5 { margin-top: 0px; }

TABLE.contenttable P { font-size: 11px; }
TABLE.contenttable TR TD { vertical-align: top; border-bottom:0px; }

/* Tables, specifically */
TABLE.contenttable-0 P { color: #000000; }

TABLE.contenttable-1 P { color: #186900; }
TABLE.contenttable-1 TR.tr-0 TD P { font-weight: bold; }
TABLE.contenttable-1 TR.tr-0 TD { background-color: #D1D2E4;}
 
TABLE.contenttable-2 P { color: #10007B; }
TABLE.contenttable-2 TR TD.td-0 { background-color: #F5FFAA;}
TABLE.contenttable-2 TR TD.td-0 P { font-weight: bold; }

TABLE.contenttable-3 P { color: #8A0020; }
TABLE.contenttable-3 TR TD.td-0, TABLE.contenttable-3 TR.tr-0 TD { background-color: #D1D2E4;}
TABLE.contenttable-3 TR TD.td-0 P, TABLE.contenttable-3 TR.tr-0 TD P { font-weight: bold; }

/* RTE / Bodytext: */

P.bodytext a{
	font-size: 13px;
	color: #333333;
	line-height: 130%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	
}

a.mail {color: #333333;}
a.external-link-new-window {color: #333333;}

.bodytext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

bodytext{
	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.csc-textpic-caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	display: block;
	padding-top: 5px;
}

#wrapper {
	width: 955px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#faux {
	margin-bottom: 10px;
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	width: 100%;
	height: 100%;
	margin-top: 8px;
	background-color: #F5F5F5;
	background-image: url(bilder/layout/background.gif);
	background-repeat: repeat-y;
}

#faux_start {
	margin-bottom: 0px;
	overflow: auto; /* Paul O Brien Fix for IE www.pmob.co.uk */
	width: 100%;
	height: 100%;
	margin-top: 8px;
	/*background-color: #F5F5F5;*/
	/*background-image: url(bilder/layout/background.gif);*/
	/*background-repeat: repeat-y;*/
}

#header {
	color: #333333;
	width: 955px;
	padding: 0px;
	height: 147px;
	margin: 0px 0px 0px 0px;
	background-color: #ffffff;
	background-image: url(bilder/layout/header.jpg);
	background-repeat: no-repeat;
}
#navigation {
	color: #333;
	padding: 0px;
	background-color: #868889;
	height: 24px;
	width: 955px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#leftcolumn {
	display: inline;
	color: #333;
	width: 184px;
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	height:540px;
}
#leftcolumn[id] {
    height:auto;
    min-height:540px;
}

#content {
	float: left;
	color: #333;
	width: 400px;
	display: inline;
	position: relative;
	margin-top: 32px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	padding: 0px;
}

#content_subsites {
	float: left;
	color: #333;
	width: 600px;
	display: inline;
	position: relative;
	margin-top: 32px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 35px;
	padding: 0px;
}

#rightcolumn {
	display: inline;
	position: relative;
	color: #333;
	width: 205px;
	float: right;
	margin-top: 32px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.clear { clear: both; background: none; }

/*css navi*/


	/* NAV - top horizontal nav */
	#nav, #nav ul {list-style: none;}
	#nav {
	font-weight:bold;
	height:2.1em;
	font: bold 96% arial;
	margin-top: 0;
	margin-bottom: 0;
	
	
}
	#nav li {position:relative;background: #FF000;float: left;width: auto;display:block;margin: 0;border-bottom: 0px solid #666;border-right: 0px solid #FFFFFF;padding:0}
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 10px 2px}
	#nav a:hover {color:#000}
	
	#nav li ul {border-left: 1px solid #c00;background: #f6f6f6 url("bilder/images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
	
	#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
	#nav li li a:hover {color:#fff;background:#c00}
	
	#nav li.active {
	background-color: #59a1c2;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #59a1c2;
}
	#nav li.active ul {border:none;background: #c00 url("bilder/images/featurebox2_bg.gif") no-repeat 100% 100%}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {color:#000}
	
	#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
	#nav li.active li a:hover {background: #666 url("biler/images/sprites.gif") repeat-x 0 99%;color:#fff}
	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("bilder/images/sprites.gif") repeat-x 0 99%}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
	
	/* SECONDARY NAVIGATION - vertical navigation */
	#nav-secondary, #nav-secondary ul {position:static}
	#nav-secondary, #nav-secondary li {
	list-style: none;
	margin:0;
	padding:0
}
	#nav-secondary {padding-top:0;border-top: 1px solid #ccc;margin-top: 1px}
	#nav-secondary a {
	line-height:1.8;
	display:block;
	font-family: arial;
	font-size: 86%;
	font-weight: bold;
	color: #cccccc;
	background-repeat: no-repeat;
	background-position: 10px -695px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0px;
}
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {text-decoration:none;cursor:pointer} 
	#nav-secondary a:link {
	color:#cccccc
} 
	#nav-secondary a:visited {
	color:#cccccc
} 
	#nav-secondary a:hover {
	color:#ffffff;
	background-repeat: no-repeat;
	background-position: 10px -695px;
} 
	#nav-secondary li.active a:link, #nav-secondary li.active a:visited, #nav-secondary li.active a:hover, #nav-secondary li.active a:active {color:#ffffff} 
	#nav-secondary li {border-top: 0px solid #ccc;border-bottom: 1px solid #ccc}

/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {margin: 0 0 1em 23px;padding:0}
	#nav-secondary li.active li a, #nav-secondary li.active li a:link, #nav-secondary li.active li a:visited {line-height:1.5;background: #fff url("bilder/images/sprites.gif") no-repeat 0 -798px;padding:0 0 0 12px;font-weight:normal;width:auto;color:#000;width:130px;display:block}
	#nav-secondary li.active li a:hover, #nav-secondary li.active li a:active {color: #c00}
	#nav-secondary li.active li {border: none;margin:0}
	
	#nav-secondary li.active li.active a:link, 
	#nav-secondary li.active li.active a:visited, 
	#nav-secondary li.active li.active a:hover, 


	#nav-secondary li.active li.active a:active {color: #c00; font-weight:normal}

/* SECONDARY NAVIGATION - 3rd TIER */
	#nav-secondary ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}
	#nav-secondary li.active li.active li a:link, 
	#nav-secondary li.active li.active li a:visited, 
	#nav-secondary li.active li.active li a:hover, 
	#nav-secondary li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active a:active {color: #c00; font-weight:normal}

/* SECONDARY NAVIGATION - 4th TIER */
	#nav-secondary ul ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li.active li a, #nav-secondary li.active li.active li.active li a:link, #nav-secondary li.active li.active li.active li a:visited {width:104px}
	#nav-secondary li.active li.active li.active li a:link, 
	#nav-secondary li.active li.active li.active li a:visited, 
	#nav-secondary li.active li.active li.active li a:hover, 
	#nav-secondary li.active li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active li.active a:active {color: #c00; font-weight:normal}





/*News css*/

.news_header {
	background-color: #868889;
	display: block;
	width: 205px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 0px;
	height: 20px;
	margin-bottom: 20px;
}
.box_latest_news_inner {
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
	width: 203px;
}

.news-latest-date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.news-latest-date a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.news-latest-container {
	background-color: #FFFFFF;
	/*width: 227px;*/
	/*overflow: auto;*/
	/*height: 350px;*/
	float:left;
	padding-bottom:10px;
	

}
.news_latest_title {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	display: block;
	padding-top: 0px;
	padding-bottom: 4px;
	margin-top: 0px;
}

.news_latest_title a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;	
}
.news_subheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #CCCCCC;
	padding-bottom: 4px;
}
.clearer {
	padding-top: 0px;
	margin-top: 4px;
}


.news-latest-item {
	color: #999999;
	line-height: 14px;
}
#homebutton {
	width: 100px;
	clear: none;
	float: left;
	height:2.09em;
	margin-right: 140px;
}


/*css navi*/


	/* NAV - top horizontal nav */
	#nav2, #nav2 ul {padding: 0;margin: 0;list-style: none;}
	#nav2 {
	font-weight:bold;
	height:2.09em;
	font: bold 96% arial;
	margin-top: 0;
	margin-bottom: 0;
	margin-right: 40px;
	width: 75px;
	

}
	#nav2 li {position:relative;background: #FF000;float: left;width: auto;display:block;margin: 0;border-bottom: 0px solid #666;border-right: 0px solid #FFFFFF;padding:0}
	#nav2 a, #nav2 a:link, #nav2 a:visited, #nav2 a:hover, #nav2 a:active {text-decoration:none;cursor:pointer;color:#fff;display: block;padding: 4px 27px 2px}
	#nav2 a:hover {color:#000}
	
	#nav2 li ul {border-left: 1px solid #c00;background: #f6f6f6 url("bilder/images/featurebox_bg.gif") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
	#nav2 li:hover ul, #nav2 li.sfhover ul {left: 0;z-index:99999}
	
	#nav2 li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav2 li li.last {border-bottom:none}
	#nav2 li li a, #nav2 li li a:link, #nav2 li li a:visited, #nav2 li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
	#nav2 li li a:hover {color:#fff;background:#c00}
	
	#nav2 li.active {
	background-color: #59a1c2;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #59a1c2;
	width: 92px;
	
}
	#nav2 li.active ul {border:none;background: #c00 url("bilder/images/featurebox2_bg.gif") no-repeat 100% 100%}
	#nav2 li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav2 li.active a:hover {color:#000}
	
	#nav2 li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
	#nav2 li.active li.last {border-bottom: none}
	#nav2 li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
	#nav2 li.active li a:hover {background: #666 url("biler/images/sprites.gif") repeat-x 0 99%;color:#fff}
	
	#nav2 li.active li.active a:link, #nav2 li.active li.active a:visited, #nav2 li.active li.active a:hover, #nav2 li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("bilder/images/sprites.gif") repeat-x 0 99%}

	/* hide from IE mac \*/
	#nav2 li {width:auto}
	/* end hiding from IE5 mac */

#leftcolumn_main {
	display: inline;
	color: #333;
	width: 152px;
	float: left;
	padding-top: 32px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #868889;
}

#leftcolumn_main[id] {
    height:auto;
    min-height:537px;
}

/*Referenzen*/
/*Referenzen*/
/*Referenzen*/

.tx-referenzen-pi1 {width:600px;}
.project_out {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin-bottom: 0px;
	background-color: #F3F3F3;
	margin-left: 0px;
	clear: both;
	/*float: left;*/
}

#projectcontainer {
	height: 145px;
	width: 550px;
	clear: both;
	float: left;
	margin-top: 0px;
	/*background-color: #F3F3F3;*/
	margin-top: 5px;
	margin-bottom: 15px;
	border-bottom:1px solid #cccccc
}	
.project_img_over {
	display: block;
	clear: none;
	float: left;
	height: 98px;
	width: 150px;
}
.project_dicr_over {
	clear: right;
	float: left;
	height: 98px;
	width: 350px;
	margin-left: 30px;
}
.project_headline_over {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	display: block;
	clear: right;
	float: left;
	margin-top: 0px;
	margin-bottom: 4px;
}

.project_headline_over a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}
.project_headline_over a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #333333;
	font-weight: bold;
	text-decoration: none;
}

.project_headline_over a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #333333;
	text-decoration: none;
	font-weight: bold;
}
.project_headline_over a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;	
	color: #333333;
	font-weight: bold;
}

.project_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #333333;
	display: block;
	/*float: left;*/
	clear: both;
	margin-bottom: 2px;
	width:350px;
}
.detailink {
	display: block;
	float: left;
	width: 350px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	margin-top: 5px;
}

.detailink a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

.detailink a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

.detailink a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
}

#project-detail-box {
	clear: none;
	float: left;
	width: 150px;
}
.project_text_detail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-transform: uppercase;
	color: #333333;
	display: block;
	float: left;
	clear: right;
	margin-bottom: 2px;
	width: 200px;
}


#project_singleview_left_items {
	color: #333;
	height: 340px;
	width: 100px;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.project_singleview_headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	display: block;
	width: 300px;
	
	
}

#project_singleview_discription{
	color: #333;
	height: 370px;
	width: 200px;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.project_singleview_descr_items {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333333;
	display: block;
	padding-top: 30px;
}
.project_singleview_descr_items_db {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.project_singleview_descr_items_left {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #333333;
	display: block;
	padding-top: 0px;
}

#project_singleview_rightcolumn {
	color: #333;
	padding: 0px;
	height: 400px;
	width: 250px;
	float: left;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin: 0px;
}
#project_singleview_images {
	height: 380px;
	width: 250px;
}
#project_back2list {
	text-align: right;
	font-size: 11px;
	color:#333333;
	display:block;
	margin-top:20px;
	margin-left:20px;
}
#project_back2list a {
	text-align: right;
	font-size: 11px;
	color:#333333;
}



#project_back2list a:link {
	text-align: right;
	font-size: 11px;
}


.clear { float: left; width: 1px;  }


#project_singleview_images_thumbs {
display:block;
padding-right: 5px;}


.csc-mailform {
        border: 0px;
        /*background-color: #CCCCCC;*/
        width:200px;
        padding-top:30px;
}

.csc-mailform-field {
	margin-bottom:10px;
}
 
.csc-mailform-field label {
	display:inherit;
	width:160px;
	float:left;
	text-align: left;
	font-size: 12px;
}
 
.csc-mailform-submit {
        width:120px;
        margin-left:0px;
}


.tx-ttnews-browsebox {font-size:10px;}
.tx-ttnews-browsebox a {font-size:10px;color:#333333;}
