/* CSS Document */

* {
	margin:0;
	padding:0;
}
p {
	margin-bottom:17px;
}
a {
	color: #708fad;
	font-size: 12px;
	outline: none;
}
a:link {
	color: #708fad;
	text-decoration: none;
	outline: none;
}
a:visited {
	text-decoration: none;
	color: #708fad;
	outline: none;
}
a:hover {
	text-decoration: underline;
	color: #708fad;
	outline: none;
}
a:active {
	text-decoration: none;
	color: #708fad;
	outline: none;
}
ul {
	list-style:none;
}
/* float clearing for IE6 */
* html .clearfix {
	height: 1%;
	overflow: visible;
}
/* float clearing for IE7 */
*+html .clearfix {
	min-height: 1%;
}
/* float clearing for everyone else */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}
body {
	text-align: center; /* horizontal zentrieren für IE 5 */
	margin-top: 25px;
	background-color: #C9C9C7;
	margin-bottom: 25px;
	font-size: 13px;
	color: #333333;
	background-image: url(../bilder/hg_2.gif);
	background-repeat: repeat-x;
	font-family: Helvetica Neue, Arial, sans-serif;
	line-height: 17px;
}
#wrap {
	text-align: left;
	width: 964px;
	margin:0 auto;
}
#main {
	background: url(../bilder/inhalt-schatten.png) repeat-y;
	width: 964px;
}
#content {
	z-index: 0;
	background-image: url(../bilder/inhalt-hg.gif);
	background-repeat: repeat-x;
	margin-left: 7px;
	margin-right: 7px;
	background-position: bottom;
}
#content-padding {
	padding-top: 20px;
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 17px;
}
#header {
	height: 52px;
}
#header img {
	padding-right: 4px;
}
#bereichsbild {
	background-image: url(../bereichsbild-komp.jpg);
	height: 145px;
}
#klickpfad {
	margin-left: 236px;
	padding-top: 124px;
	font-size: 9px;
}
#klickpfad a:link, #klickpfad a:visited {
	font-size: 9px;
	color:#333333;
}
#footer {
	text-align:right;
	height: 12px;
	padding-left: 204px;
	padding-top: 5px;
	line-height: normal;
	color: #666666;
	padding-right: 15px;
}
#footer-ende {
	height: 16px;
	background-image: url(../bilder/footer-ende_weiss.png);
	background-repeat: no-repeat;
	background-color: transparent;
}
#footer h3 {
	color: #354c6c;
	font-size: 14px;
	text-align: left;
	height: 30px;
	display: block;
}
h1, h2, h3, h4, h5 {
	font-family: Helvetica, Arial, Verdana, sans-serif;
	font-weight: normal;
	margin: 0;
	padding: 0;
	line-height: 1em;
}
h3 {
	margin-bottom:9px;
}
a.interner-link {
	background: url(../bilder/more.gif) left top no-repeat;
	padding-left: 20px;
	padding-top:1px;
	padding-bottom:2px;
	color: #708fad;
	font-size: 12px;
	outline: none;
}
a.interner-link:link {
	color: #708fad;
	text-decoration: none;
	outline: none;
}
a.interner-link:visited {
	text-decoration: none;
	color: #708fad;
}
a.interner-link:hover {
	text-decoration: underline;
	color: #708fad;
	outline: none;
}
a.interner-link:active {
	text-decoration: none;
	color: #708fad;
	outline: none;
}
a.pdf-link {
	background: url(../bilder/pdf.gif) left top no-repeat;
	padding-left: 20px;
	padding-top:1px;
	padding-bottom:2px;
	color: #708fad;
	font-size: 12px;
	outline: none;
}
a.pdf-link:link {
	color: #708fad;
	text-decoration: none;
	outline: none;
}
a.pdf-link:visited {
	text-decoration: none;
	color: #708fad;
}
a.pdf-link:hover {
	text-decoration: underline;
	color: #708fad;
	outline: none;
}
a.pdf-link:active {
	text-decoration: none;
	color: #708fad;
	outline: none;
}
a.link-extern {
	background: url(../bilder/extern.gif) left top no-repeat;
	padding-left: 20px;
	padding-top:1px;
	padding-bottom:2px;
	color: #708fad;
	font-size: 12px;
	outline: none;
}
a.link-extern:link {
	color: #708fad;
	text-decoration: none;
	outline: none;
}
a.link-extern:visited {
	text-decoration: none;
	color: #708fad;
}
a.link-extern:hover {
	text-decoration: underline;
	color: #708fad;
	outline: none;
}
a.link-extern:active {
	text-decoration: none;
	color: #708fad;
	outline: none;
}
.hauptueberschrift {
	height: 77px;
}
.hauptueberschrift h2 {
	clear: both;
	font-size: 19px;
	line-height: normal;
}
#hauptspalte {
	text-align: left;
	float: right;
	width: 715px;
	margin-right: 16px;
	margin-top: 17px;
}
#hauptspalte-oben {
	background: url(../bilder/hauptbereich.gif) no-repeat left top;
	font-size: 1px;
	line-height: 1px;
	height: 5px;
}
#hauptspalte-mitte {
	background: url(../bilder/hauptbereich-mitte.gif) repeat-y left top;
	padding-top: 6px;
	padding-left: 17px;
	padding-right: 17px;
	padding-bottom: 14px;
	min-height: 356px;
	position:relative;
}
#hauptspalte-unten {
	background: url(../bilder/hauptbereich.gif) no-repeat left bottom;
	clear: both;
	line-height:1px;
	font-size: 1px;
	height: 5px;
}
#hauptspalte ul {
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#hauptspalte li {
	background:url(../bilder/list-style.gif) no-repeat 0px 4px;
	margin: 0px 0px 9px 0px;
	padding: 0px 0px 0px 19px;
}
#navigationsleiste {
	width: 963px;
	height: 32px;
	background-image: url(../bilder/nav.png);
	z-index: 99;
	background-repeat: no-repeat;
	background-position: left top;
}
#nav-schatten {
	background-image: url(../bilder/nav-schatten.gif);
	background-repeat: repeat-x;
	height: 17px;
}
/* Hauptnavigation */

#nav, #nav ul {
	float: left;
	list-style: none;
	line-height: 1.08em;
	font-weight: normal;
	padding: 0;
	margin: 0;
	border-width: 0;
	font-family: Arial, Helvetica, sans-serif;
	z-index: 300;
}
#nav {
	margin-left:27px;
	margin-top: 3px;
}
#nav a {
	display: block;
	border-right: solid #FFF 1px;
	text-decoration: none;
	padding: 8px 12px 7px 12px;
	color: #000000;
	font-size: 14px;/*height: 12px;*/
}
/*#nav li.menuparent, #nav ul li.menuparent  {
	background-image: url(../bilder/arrow.gif);
	background-repeat: no-repeat;
	background-position: 99.9% 40%;
}*/
 
#nav li {
	float: left;
	padding: 0;
	background-image: url(../bilder/schalter_an.gif);
	background-repeat: no-repeat;
	background-position: -999em top;
	position:relative;
}
#nav li a {
	background-image: url(../bilder/schalter_an_rechts.gif);
	background-repeat: no-repeat;
	background-position: -999em top;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 180px; /*Weite*/
	font-weight: normal;
	border-width: 0.085em;
	margin: 0;
	background-color: transparent;
	background-image: url(../bilder/bg-drop.gif);
	background-repeat: no-repeat;
	background-position: bottom left;
}
html>body #nav li ul {
	background-image: url(../bilder/hg-dropdown.png);
	background-color: transparent;
}
#nav li li {
	width: 180px; /*Weite*/
	font-size: 11px;
	line-height: 14px;
}
#nav li ul a {
	width: 180px; /*Weite*/
	padding: 0.35em 1.5em;
	border-right: 0;
	color: #9696b2;
	font-size: 11px;
	height:auto;
}
#nav li ul ul {
	margin: -1.75em 0 0 15em;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
#nav li:hover, #nav li.sfhover {
	background-color: #737ea9;
	background-position: top left;
}
#nav li.aktiv {
	background-position: top left;
}
#nav li:hover a, #nav li.sfhover a {
	color: #FFFFFF;
	background-position: right top;
}
#nav li.aktiv a {
	color: #FFFFFF;
	background-position: right top;
}
#nav li:hover li a, #nav li.sfhover li a {
	color: #999999;
	background:none;
}
#nav li li:hover a, #nav li li.sfhover a {
	color: #FFFFFF;
}
#nav li li:hover, #nav li li.sfhover {
	background-color: transparent;  /* Unterlegung zurücksetzten */
	background:none;
}
/*######### Subnavigation #########*/

#subnavspalte {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 203px;
}
#subnavcontainer {
	margin: 17px 0px 0px 16px;
	background-image: url(../bilder/subnav-hg-unten.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 14px;
}
#subnavkopf {
	background: url(../bilder/subnav-hg-oben.png) top left no-repeat;
	height: 4px;
	line-height: 1px;
	font-size: 1px;/*	width: 176px;*/
}
#navigation {
	margin: 10px 13px 0px 13px;
	padding: 0px 0px 0px 0px;
	list-style:none;
	border-top: solid #b1b6b5 1px;
	border-bottom:solid #FFF 1px;
}
#navigation li {
	display: block;
	margin: 0px;
	padding: 0px;
	border-bottom: solid #b1b6b5 1px;
	border-top:solid #FFF 1px;
}
#navigation a {
	display: block;
	text-align: left;
	text-decoration: none;
	font-size: 13px;
	width: 161px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	line-height: normal;
}
#navigation a.erstes {
}
#navigation a:link {
	color: #4a4a4c;
}
#navigation a:visited {
	color: #4a4a4c;
}
#navigation a:hover {
	background: url(../bilder/sub-aktiv.gif) bottom center repeat-x;
}
#navigation a.activ:hover {
}
#navigation a.aktiv {
	color: #4a4a4c;
	text-decoration: none;
	font-weight: bold;
}
#navigation a.aktiv:visited {
	color: #4a4a4c;
}
/* ############################/*
/*      Inhaltselemente        /*
/* ############################/*


/* 3 Spalten Element */

.drei-spalten-element {
	padding-left: 40px;
}
.spalte-links-3 {	/*	padding-top: 15px;*/
	width: 220px;
	float: left;
	position:relative;
}
.spalte-mitte-3 {
	width: 220px;
	float:left;
	position:relative;
}
.spalte-rechts-3 {
	width: 220px;
	float: right;
	position: relative;
	padding-right: 23px;
}
.padding-3-links {
	padding-left: 13px;
}
.padding-3-mitte {
	padding-right: 13px;
	padding-left: 13px;
}
.padding-3-rechts {
	padding-right: 13px;
}
.floatcleaner {
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}
/* Haupseitenteaser */

/*#haupseitenteaser-container {	
	background-image: url(../bilder/inhalt-hg.gif);
	background-repeat: repeat-x;
	padding-left: 30px;
	padding-right: 30px;
	background-position: bottom;
	padding-bottom: 17px;
	padding-top: 30px;
}
#haupseitenteaser-container h3 {
	color: #354c6c;
	font-size: 18px;
	text-align: left;
	margin-bottom: 12px;
}*/

/* Flash */

#flashcontent {
}
/* Infobox */

.infobox {
	margin-top: 16px;
	margin-left: 16px;
	background-image: url(../bilder/subnav-hg-unten.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
}
.infobox h4 {
	background-image: url(../bilder/infobox-hg-oben.gif);
	padding: 5px 0px 4px 13px;
	background-repeat: no-repeat;
	font-size: 12px;
	font-weight:bold;
	line-height: 17px;
	color: #FFF;
	text-transform:uppercase;
}
.infobox-txt {
	padding:5px 13px 13px 13px;
}
.infobox-txt p {
	margin-bottom: 13px;
}
.infobox img {
	margin-left: 1px;
	width:185px;
}
/* Haupseitenteaser */

#haupseitenteaser-container {
	background: url(../bilder/inhalt-hg.gif) left bottom repeat-x;
	padding-left: 26px;
	padding-right: 26px;
	padding-bottom: 0px;
	/*padding-top: 30px;*/
	margin: 0px;
}
#haupseitenteaser-container h3 {
	color: #354c6c;
	font-size: 16px;
	text-align: left;
	margin-bottom: 17px;
}
.haupseitenteaser-spalte-links {
	width: 218px;
	float: left;
	position:relative;
	background-image: url(../bilder/trennelinie.gif);
	background-repeat: no-repeat;
	background-position: top right;
	height: 152px;
	margin-top: 13px;
}
.haupseitenteaser-spalte-mitte {
	width: 231px;
	float:left;
	position:relative;
	background-image: url(../bilder/trennelinie.gif);
	background-repeat: no-repeat;
	background-position: top right;
	margin-top: 13px;
}
.haupseitenteaser-spalte-rechts {
	width: 205px;
	float:right;
	position:relative;
	margin-top: 13px;
}
.haupseitenteaser-padding-links {
	margin-right:13px;
	position:relative;
	height:162px;
}
.haupseitenteaser-padding-mitte {
	margin-left: 13px;
	margin-right: 13px;
	position:relative;
	height:162px;
}
.haupseitenteaser-padding-rechts {
	position:relative;
	height:162px;
}
.haupseitenteaser-hg {
	height: 87px;
	background-color: #F5F5F5;
}
.haupseitenteaser-img {
	margin-top: 0px;
	margin-bottom:7px;
}
.haupseitenteaser-img a img {
	border:none;
}
.haupseitenteaser-txt {
	padding: 0px 0px 0px 0px;
}
.haupseitenteaser-txt p {
	padding: 0px;
	margin:0px;
}
.haupseitenteaser-txt .interner-link {
	display:block;
	position:absolute;
	bottom:0px;
	right:0px;
}
/* Kategorieteaser */

#kategorieteaser-container {
	margin-left:0px;
}
.kategorieteaser-hg {
	height: 87px;
	background: url(../bilder/kat_teaser_hg.gif) no-repeat top left;
	padding:1px 0px 1px 1px;
}
.kategorieteaser-img {
	width: 314px;
	float: left;
	margin-top: 3px;
	margin-right: 26px;
	margin-bottom: 17px;
}
.kategorieteaser-txt {
	padding: 8px 8px 8px 102px;
	position:relative;
}
.kategorieteaser-txt h3 {
	color: #333333;
	font-size: 16px;
	text-align: left;
	margin-bottom: 9px;
}
.kategorieteaser-txt p {
	margin:0px;
	padding:0px;
}
.kategorieteaser-img img {
	float: left;
}
.kategorieteaser-txt a.interner-link {
	position:absolute;
	right:6px;
	top:65px;
}
/* 2-3 Spalter*/

/* 2+3 */
.zweier, .dreier {
	margin: 0px;/*padding-left: 40px;*/

}
/* 2 */
.zweier .spalte_1 {
	width: 317px;
	float: left;
}
.zweier .spalte_2 {
	width: 317px;
	float: left;
	margin-left: 26px;
}
.zweier .spalte_2 img {
	border: #d9dddb 1px solid;
	margin-bottom: 6px;
}
.zweier .spalte_2 dl {
	width:203px;
	margin-bottom:17px;
}
.zweier .spalte_2 dl dt {
	margin-bottom: 0;
}
.zweier .spalte_2 dl dd {
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	width:203px;
}
.bildunterschrift {
}
/* 3 */
.dreier .spalte_1 {
	width: 214px;
	float: left;
	margin-right: 19px;
}
.dreier .spalte_2 {
	width: 214px;
	float: left;/* padding-left: 13px;
 padding-right: 13px;*/
}
.dreier .spalte_3 {
	width: 214px;
	float: right;
}
.dreier .spalte_3 img {
	border: #d9dddb 1px solid;
	margin-bottom: 6px;
}
.dreier .spalte_3 dl {
	max-width:203px;
	margin-bottom:17px;
}
.dreier .spalte_3 dl dt {
	margin-bottom: 0;
}
.dreier .spalte_3 dl dd {
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	line-height: 12px;
	width:203px;
}
.bildunterschrift {
}
/* ### Text und Bild [Flexibel] ### */

div.text-bild-block {
	margin-top: 0px;
}
/*div.text-bild-block .splate-l {
	padding-left: 90px;
}
div.text-bild-block .splate-r {
	padding-right: 90px;
}*/

div.text-bild-block div {
/*width:100px;*/
}
div.text-bild-block p {
	font-size: 12px;
	margin-top: 0px;
}
div.text-bild-block div.floatLeft img {
	margin:0px 0px 17px 0;
	border: #d9dddb 1px solid;
}
div.text-bild-block div.floatRight img {
	margin:0px 0px 17px 0px;
	border: #d9dddb 1px solid;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
/*  Online-Kontakt */

/* Formular Definition */


/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 10px;
	width: 500px;
	border: 1px solid #d9dddb;
	background-color: #f4f5f4;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top:15px;
}
/* Was passiert wenn auf das Label geklickt wird? */
label, select, input[type=checkbox], input[type=radio], input[type=button], input[type=submit] {
	cursor : pointer;
}
.formgen form {
	line-height : 120%;
}
/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock {
	margin-bottom: 5px;
	/*margin-top: 10px;*/
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
}
.forminfo {
	width: 203px;
	margin-bottom: 15px;
	background-color: #f4f5f4;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 1px dotted #305C9E;
	margin-left: 40px;
}
/*
Verhalten von br-Tags
*/

.formgen br {
	clear : both;
}
/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield {
	width: 303px;
	height: 200px;
	margin-left: 4px;
	padding:  2px 4px;
	border: 1px solid #d9dddb;
}
/* Textfeld */
.formgen .formtext {
	width: 303px;
	margin-left: 4px;
	padding:  2px 4px;
	font-size: 1em;
	background-color: #FFFFFF;
	border: 1px solid #d9dddb;
}
.formgen input:focus, .formgen input:hover, .formgen select:focus, .formgen select:hover, .formgen textarea:focus, .formgen textarea:hover {
	background-color: #FFFFFF;
	border: 1px solid #d9dddb;
}
/* Label */
.formgen label {
	width: 100px;
	clear: left;
	float: left;
	height: 20px;
}
/* Aussehen der Select-Ausgabe */
.formgen .formselect {
	width: 100px;
	margin-left: 4px;
	color: #305C9E;
	border: 1px solid #d9dddb;
}
/* Sende-Button */
.formgen .formsubmit {
	width: 103px;
	text-align: center;
	background-color: #DADDDB;
	border: 1px solid #d9dddb;
	float: left;
	color: #333;
	margin-left: 103px;
}
/* Fieldsetbeschriftung */
.formgen legend {
	color: #305C9E;
}
/* -------------- AUSGABEN / Fehlermeldungen --------*/

/* Markierung der Labels bei Fehler */
.formgen .formerror {
	border-bottom-width: 1px;
	color:#B31313;
	font-weight: bold;
}
.formgen .formcaptcha {
	vertical-align: top;
	float: left;
	margin-right: 10px;
}
#form-module-thanks {
	margin-left:40px
}
/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */

/* -------------- Downloads --------*/

.download-element {
	margin-right: 0px;
	margin-bottom: 17px;
}
.download-element table.downloadliste {
	width: 100%;
	padding: 0px;
	margin: 0px;
	border: 0px;
	margin-left:-2px;
}
.download-element table.downloadliste th {
	text-align: left;
	vertical-align: top;
	padding: 0px 9px 1px 9px;
}
.download-element table.downloadliste th.grau-links {
	background:url(../bilder/zwischen-header-hg-links.gif) no-repeat top left;
}
.download-element table.downloadliste th.grau {
	background:url(../bilder/zwischen-header-hg-links.gif) no-repeat top left;
}
.download-element table.downloadliste th.grau-mitte {
	background:url(../bilder/zwischen-header-hg-links.gif) no-repeat -480px 0px;
}
.download-element table.downloadliste th.grau-rechts {
	background:url(../bilder/zwischen-header-hg-links.gif) no-repeat top right;
}
.download-element table.downloadliste td {
	text-align: left;
	vertical-align: top;
	padding: 5px 0px;
	height: 113px;
}
.download-element table.downloadliste td.text {
	padding: 5px 9px;
}
.download-element table.downloadliste img {
	border: #d9dddb 1px solid;
	margin-left:10px;
}
/* -------------- Projekte --------*/

.projekte-container {
	text-align: left;
	/*float: left;*/
	margin-left: 26px;
	margin-right: 26px;
	padding-top:12px;/*	position:relative;
*/}
.projekte-container p {
/*padding: 11px 11px 11px 11px;*/
}
.projekte-details {
	position:relative;
}
/* -------------- Infobox quer --------*/

#infobox-quer {
	border: solid #d9dddb 1px;
	margin-top: 17px;
	width: 896px;
	/*height: 50px;*/
	clear: both;
	background:url(../bilder/teaser-quer-hg.gif) top right no-repeat #f4f5f4;
}
#infobox-quer-padding {
	padding: 13px;
}
#infobox-quer-padding h3 {
	font-size:14px;
	padding-bottom:7px;
}
/* -------------- Newsmodul --------*/



.news-container {
}
.news-head {
	border-bottom: solid #d9dddb 1px;
	width: 545px;
	padding: 5px 0px 5px 5px;
	background-color: #d9dddb;
}
.news-head h4 {
	/*line-height: block;*/
	font-size: 12px;
}
.news-eintrag {
	border-bottom: solid #d9dddb 1px;
	/*width: 550px;*/
	padding: 17px 0px 17px 0px;
}
.news-eintrag img {
	float: right;
	border: solid 1px #d9dddb;
	margin-left: 26px;
	margin-top: 4px;
}
.news-txt {
}
.news-txt h4 {
	line-height: normal;
	font-size: 13px;
	margin-bottom: 1px;
	color: #333333;
	font-weight:bold;
	text-transform:uppercase;
}
.news-txt h4.halfmargin {
	margin-bottom: 8px;
}
.news-container-rechts {
	padding-right: 13px;
}
.news-eintrag .news-datum {
	line-height: normal;
	font-size: 10px;
	margin-bottom: 6px;
}
.news-txt {
	padding-right:60px;
}
#pagination {
	padding-bottom: 17px;
}
/* -------------- News gesamter Inhalt --------*/




.news-inhalts-container {
	padding-bottom:19px;
	;
}
.news-gesamter-eintrag {
}
.news-gesamter-eintrag img {
	border: solid 1px #d9dddb;
	margin-left: 26px;
	margin-top: 0px;
	margin-bottom: 7px;
	float: right;
	clear: right;
}
.news-gesamter-txt {
	margin-bottom: 17px;
	padding-right: 168px;
}
.news-gesamter-txt h4 {
	line-height: normal;
	font-size: 13px;
	margin-bottom: 17px;
	color: #333333;
	text-transform:uppercase;
	font-weight:bold;
}
.news-gesamter-eintrag .news-datum {
	line-height: normal;
	font-size: 10px;
	margin-bottom: 6px;
}
.news-zurueck {
	border-top: solid #d9dddb 1px;
	margin-top: 17px;
	padding-top: 15px;
}
/* -------------- Sitemap --------*/

#sitemap {
	padding-bottom: 17px;
}
#sitemap ul li {
	list-style:none;
}
#sitemap div.ebene-0 {
	margin-left: 0px;
	display: block;
	border-bottom: solid #d9dddb 1px;
	font-size: 14px;
	padding-bottom: 1px;
	margin-bottom:6px;
}
#sitemap div.ebene-0 a {
	font-size: 14px;
	color: #000000;
}
#sitemap div.ebene-1 a {
	font-size: 11px;
	color: #000000;
}
#sitemap ul ul li {
	margin-left: 26px;
}
/* -------------- 1 Spalter --------*/

.ein-spalter-ganz {
	clear:both;
}
.ein-spalter-kurz {
	clear:both;
}
/* --------------Zwischenüberschrift --------*/

.zwischenueberschrift {
	font-weight: bold;
	margin-left: 0px;
	margin-right: 0px;
	background:url(../bilder/zwischen-header-hg-links.gif) no-repeat left center;
	margin-bottom:17px;
	clear:both;
}
.zwischenueberschrift h5 {
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 4px 5px 3px 5px;
	display:block;
	text-transform: uppercase;
}
.paginate_nav {
	text-align: center;
	margin-left: 15px;
	height: 22px;
}
/* -------------- Seitennavigation --------*/

.paginate_nav span {
	display: block;
	float: left;
	font-size: 10px;
	line-height: 13px;
	margin: 2px 2px 2px 0;
}
.paginate_nav .paktiv {
	text-align: center;
	background-color: #1b5a9f;
	border: 1px solid #303030;
	color: #fff;
	display: block;
	padding: 1px 5px 2px 5px;
	text-decoration: none;
}
.paginate_nav li {
	display: block;
	float: left;
	font-size: 11px;
	line-height: 13px;
	color: #1b5a9f;
}
.paginate_nav li a {
	color: #000;
	background-color: #fff;
	display: block;
	text-decoration: none;
	font-weight: normal;
}
 .paginate_nav li a:hover {
 background-color: #ffffff;
 border: 1px solid #bbbbbb;
 color: #303030;
 display: block;
 padding: 1px 5px 2px 5px;
 text-decoration: none;
}
.paginate_nav span a {
	background-color: #ffffff;
	border: 1px solid #bbbbbb;
	color: #303030;
	display: block;
	padding: 1px 5px 2px 5px;
	text-decoration: none;
}
.paginate_nav span a:hover, .paginate_nav span a:active {
	background-color: #1b5a9f;
	border: 1px solid #303030;
	color: #fff;
}
.paginate_nav span.aktuell {
	background-color: #1b5a9f;
	border: 1px solid #303030;
	color: #ffffff;
	font-size: 11px;
	padding: 1px 5px 2px 5px;
}
.paginate_art {
	clear: both;
}
.logo {
	width: 329px;
	float: left;
	margin-right: 19px;
	margin-left: 0px;
	margin-bottom: 9px;
	border: solid #d9dddb 1px;
	height:56px;
	line-height:14px;

}
.logo table td{ height:56px; vertical-align:middle;}
.logo a, .logo a:link, .logo a:visited,
.logo a:hover, .logo a:active {
	text-decoration: none;
	color: #333333;
	font-size: 12px;
	outline: none;
	line-height:12px;
}
.logo img {
	border:none;
}
.logo p {
	margin-top: 2px;
	margin-bottom:0px;
}
#referenzen {
}
a.link-block {
	background-color: #DADDDB;
	border: 1px solid #d9dddb;
	color: #333;
	padding: 2px 4px;
}
/*a.link-block, a:link.link-block, 
a:visited.link-block, {
	background-color: #DADDDB;
	border: 1px solid #d9dddb;
	color: #333;
	margin-left: 40px;
	display:block;
}*/
a.link-block:hover, a.link-block:focus {
	background-color: #FFFFFF;
	text-decoration:none;
}
/*Projektübersicht*/

/*
 * 
 * Box Grid
 * 
 */
 .projekte-einleitung {
	width:100%;
	margin-bottom:14px;
}
.projekt-uebersicht {
	width: 170px;
	height: 108px;
	float:left;
	background:#161613;
	overflow: hidden;
	position: relative;
	margin-right:12px;
	margin-bottom:14px;
}
.projekt-uebersicht img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
/*.boxgrid p {
	padding: 0 10px;
	color:#afafaf;
	font-weight:bold;
}*/
.projekt-uebersicht-text {
	float: left;
	position: absolute;
	background: #FFF url(../bilder/pfeil.gif) bottom right no-repeat;
	height: 108px;
	width: 100%;
	top: 86px;
	left: 0;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.projekt-uebersicht h4 {
	color: #000;
	margin: 0;
	padding: 5px 8px;
	font-size: 12px;
	font-weight: bold;
	margin-bottom:5px;
	border-bottom: #999 solid 1px;
	display:block;
}
.projekt-uebersicht P {
	padding: 0 8px;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	line-height:normal;
	margin: 0;
}
.nomargin {
	margin-right:0px;
}
.projekt-uebersicht .mask {
	display: block;
	position: absolute;
	background: url(../bilder/sys-mask-alt.gif) no-repeat;
	height: 108px;
	width: 170px;
	z-index: 200;
	top: 0;
	left: 0;
	text-indent: -9996px;
}
/* ++++++++++ Erweiterung 2011 ++++++++++++*/

/*Kategorieteaser*/

.kategorieteaser-container {
}
#hauptspalte .kategorieteaser {
	width: 214px;
	height: 98px;
	float:left;
	background:#161613;
	overflow: hidden;
	position: relative;
	margin-right:19px;
	margin-bottom:16px;
	padding:0;
}
#hauptspalte .kategorieteaser-container .nomargin {
	margin-right:0px;
}
.kategorieteaser-container .kategorieteaser img {
	position: absolute;
	top: 0;
	left: 0;
	border: 0;
}
.kategorieteaser-container .kategorieteaser-text {
	float: left;
	position: absolute;
	background: #FFF url(../bilder/pfeil.gif) bottom right no-repeat;
	height: 98px;
	width: 100%;
	top: 71px;
	left: 0;
	opacity: .8;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.kategorieteaser-container .kategorieteaser h4 {
	color: #000;
	margin: 0;
	padding: 6px 16px 7px 16px;
	font-size: 12px;
	font-weight: bold;
	margin-bottom:5px;
	border-bottom: #999 solid 1px;
	display:block;
}
.kategorieteaser-container .kategorieteaser P {
	padding: 0px 16px;
	color: #000;
	font-size: 11px;
	font-weight: normal;
	line-height:normal;
	margin: 0;
	text-indent:0px;
}
.nomargin {
	margin-right:0px;
}
.kategorieteaser .mask {
	display: block;
	position: absolute;
	background: url("../bilder/sys-mask.gif") no-repeat;
	height: 98px;
	width: 214px;
	z-index: 200;
	top: 0;
	left: 0;
	text-indent: -9996px;
}
/* Geranderte Headline  */
span.soh {
	display:block;
	overflow:hidden;
	text-indent: -1000em;
	text-decoration:none;
	color:transparent;
}
/*######### projektnavigation #########*/

#projektnavspalte {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 203px;
}
#projektnavcontainer {
	margin: 0px 0px 0px 0px;
	background-image: url(../bilder/subnav-hg-unten-alt.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 14px;
}
#projektnavkopf {
	background: url(../bilder/subnav-hg-oben.gif) top left no-repeat;
	height: 4px;
	line-height: 1px;
	font-size: 1px;
	width: 176px;
}
#projektnavcontainer h4 {
	background-image: url(../bilder/projektnav-hg-oben.gif);
	padding: 5px 0px 4px 13px;
	background-repeat: no-repeat;
	font-size: 14px;
	line-height: 17px;
	color: #FFF;
}
#projektnavigation {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
}
#projektnavigation li {
	display: block;
	padding: 0px 13px 0px 13px;
	margin: 0px;
}
#projektnavigation a {
	display: block;
	text-align: left;
	text-decoration: none;
	font-size: 12px;
	border-bottom: solid #d9dddb 1px;
	width: 150px;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 3px 0px;
	line-height: normal;
}
#projektnavigation a.erstes {
	border-top: solid 1px #d9dddb;
}
#projektnavigation a:link {
	color: #4a4a4c;
}
#projektnavigation a:visited {
	color: #4a4a4c;
}
#projektnavigation a:hover {
	background: url(../bilder/sub-aktiv.gif) bottom center repeat-x;
}
#projektnavigation a.activ:hover {
}
#projektnavigation a.aktiv {
	color: #4a4a4c;
	text-decoration: none;
	font-weight: bold;
}
#projektnavigation a.aktiv:visited {
	color: #4a4a4c;
}
#projekt-beschreibung {
	width:372px;
	float:left;
}
#projekt-beschreibung p {
	padding:0px;
	color:#4b4b4d;
}
#projekt-beschreibung h4 {
	font-size:12px;
	padding:0px;
	font-weight:bold;
	display:block;
	border-bottom:solid 1px #A5A19B;
	margin-bottom:8px;
	color:#4b4b4d;
}
/*------- Projekt Galerie--------*/
#projekt-bildergalerie {
	width:292px;
	height:186px;
	float:right;
	overflow: hidden;
	position: relative;
}
#projekt-bildergalerie div img {
	padding: 0px;
	margin: 0px;
	border:none;/*	float: left;
*/
}
#thumbs-bar {
	display:block;
	background:#FFF;
	width: 292px;
	position: absolute;
	height: 39px;
	top: 147px;
	left: 0;
	z-index:10;
	opacity: .6;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}
#projekt-bildergalerie ul.thumbs {
	margin: 0;
	padding: 0px;
	list-style: none;
	width: 292px;
	height: 39px;
	top: 147px;
	left: 0;
	list-style: none;
	position:absolute;
	z-index:15;
}
#projekt-bildergalerie ul.thumbs li {
	width: 40px;
	height: 28px;
	margin: 6px 4px 0 8px;
	padding: 0;
	float: left;
	overflow: hidden;
	position: relative;
	text-align: left;
	opacity: 1;
}
#projekt-bildergalerie ul.thumbs li:hover {
	-moz-opacity:.75;
	filter:alpha(opacity=75);
	opacity:.75;
}
/*.photos ul.thumbs li img {
	position: absolute;
	top: -180px;
	left: -145px;

	}*/
#projekt-bildergalerie ul.thumbs li img {
	/*	width: 100px;
		height:auto;
		margin:-10px 0px 0px -20px;*/
		border:none;
}
#projekt-bildergalerie .photos-kontainer {
}
#projekt-bildergalerie .mask {
	display: block;
	position: absolute;
	background: url(../bilder/sys-mask-big.gif) no-repeat;
	height: 186px;
	width: 292px;
	z-index: 5;
	top: 0;
	left: 0;
	text-indent: -9996px;
}
a#projekt-zurueck, a#projekt-zurueck:link, a#projekt-zurueck:visited {
	background:url(../bilder/zurueck-btn.gif) no-repeat left top;
	width:292px;
	height:23px;
	position:absolute;
	top:295px;
	right:16px;
	z-index:1;
	text-indent: -9996px;
	overflow:hidden;
}
a#projekt-zurueck:hover {
	background:url(../bilder/zurueck-btn.gif) no-repeat left -23px;
	overflow:hidden;
}
#klickpfad-projekt {
	font-size: 9px;
	position:absolute;
	left:203px;
	top:9px;
}
#klickpfad-projekt a {
	font-size: 9px;
}
.box {
	background: url(../bilder/box-hg.gif) no-repeat left top;
	height:268px;
}
.box .spalte_1 {
	width: 250px;
	float: left;
}
.box .spalte_2 {
	width: 250px;
	float: left;
	margin-left: 0px;
}
.box p {
	margin: 44px 0px 17px 52px;
}
#hauptspalte .box ul {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 55px;
}
/* ### logo links ### */

div.text-bild-block-halbe-spalte {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 26px;
	width:327px;
}
#hauptspalte .nomargin {
	margin-right: 0px;
}
div.text-bild-block-halbe-spalte p {
	font-size: 12px;
	margin-top: 0px;
}
div.text-bild-block-halbe-spalte div.floatLeft img {
	margin:0px 0px 17px 0;/*border: #d9dddb 1px solid;*/
}
div.text-bild-block-halbe-spalte div.floatRight img {
	margin:0px 0px 17px 0px;
	border: #d9dddb 1px solid;
}
.floatLeft {
	float:left;
}
.floatRight {
	float:right;
}
.padding-left {
}
/*++++ Anmeldung 2010 ++++*/
#login-box {
	margin-left: 12px;
	background: url(../bilder/Login-Box-2.jpg) top left no-repeat;
	height:308px;
	padding-top:118px;
	width:658px;
}
#login-box .login-form {
	/*background:#FFF;*/
	width:350px;
	padding:12px 24px;
	margin:0 auto;
/*border: 1px solid #d9dddb;*/}
#login-box .login-form .text-input {
	width:140px;
	margin-left: 4px;
	padding:  2px 4px;
	font-size: 1em;
	background-color: #FFFFFF;
	border: 1px solid #d9dddb;
	float:left;
}
#login-box .login-form label {
	display:block;
	width: 85px;
	float:left;
	height: 20px;
}
#login-box .login-form .formsubmit {
	width: 90px;
	text-align: center;
	background-color: #DADDDB;
	border: 1px solid #d9dddb;
	padding:  2px 4px;
	color: #333;
	margin-left:12px;
}
#login-box .login-form p.error {
	color:#B31313;
	font-weight: bold;
}
/*+++ XForm Fomular Definitionen +++*/

.xform {
	clear: both;
	float: left;
	font-size: 1em;
	padding-right: 10px;
	width: 500px;
	border: 1px solid #d9dddb;
	background-color: #f4f5f4;
	margin-left: 40px;
	padding-left: 10px;
	padding-bottom: 20px;
	padding-top:15px;
}
.xform fieldset {
	clear: both;
	padding: .5em;
	margin-bottom: 1em;
}
.xform legend {
	padding: .5em;
	font-weight: bold;
}
/*	--------------------------------------- Container Formelement */
.xform p, .xform .xform-element {
	float: left;
	width: 100%;
	margin-bottom: .5em;
}
.xform div.formradio p.radio, .xform div.form_google_geocode p.form_google_geocode {
	width: auto;
}
.xform div.rex-widget p {
	margin-bottom: 0;
}
/*	--------------------------------------- Allgemeines */
.xform div.form_google_geocode .form_google_geocode_map {
	clear: both;
	margin-left: 145px;
}
/*	--------------------------------------- Labels */
.xform label, .xform span.as-label {
	float: left;
	width: 100px;
}
.xform label.captcha {
	display: block;
	float: none;
	width: 100%;
}
.xform span.formradio label.radio {
	float: none;
	width: auto;
	padding: 0 1em 0 5px;
}
/*	--------------------------------------- Felder : Allgemein */
.xform input.captcha, .xform input.inp_disabled, .xform input.password, .xform .formtext input.text, .xform textarea.textarea {
	padding: 2px;
	width: 300px;
}
.xform input.captcha {
	width: 80px;
}
/*	Breite = width + padding + border von text */
.xform select.select, .xform select.multipleselect {
	width: 306px;
}
.xform fieldset, .xform input.captcha, .xform input.inp_disabled, .xform input.password, .xform .formtext input.text, .xform textarea.textarea, .xform select.multipleselect, .xform .formtable table td input {
	border: 1px solid #999;
}
.xform .formtable table {
	margin-left: 145px;
}
.xform .formtable table td {
	padding: 0 5px 5px 0;
}
/*	--------------------------------------- Submit */
.xform input.submit {
	margin-left: 100px;
}
ul.form_warning {
}
ul.form_warning li {
	color:#B31313;
	font-weight: bold;
	list-style-image: url(../bilder/list-style-red.gif);
}
/* ### galerie ### */
.imagelist {
	width: 660px;
	margin-left: 40px;
	border-bottom: solid #d9dddb 1px;
	padding: 0px 0px 17px 0px;
	margin-bottom:17px;
}
.imagelist img {
	border:none;
}
.imagelist a.galerielink {
	color : #666;
	margin : 0px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	padding:2px;
	border:solid 1px #d9dddb;
	margin-right:5px;
	margin-bottom:5px;
	display:block;
	width:80px;
	height:80px;
	text-align:center;
	float:left;
}
.imagelist a.galerielink:hover {
	border:solid 1px #000;
}
/*    Modul Kompetenzen   */

/* 2+3 */
.zweier-bild {
	margin: 0px;/*padding-left: 40px;*/

}
/* 2 */
.zweier-bild .spalte_1 {
	width: 443px;
	float: left;
}
.zweier-bild .spalte_2 {
	width: 214px;
	float: left;
	margin-left: 24px;
}
.zweier-bild .spalte_2 img {
	padding-top:5px;
	margin-bottom: 6px;
}
.zweier-bild .spalte_2 dl {
	width:203px;
	margin-bottom:17px;
}
.zweier-bild .spalte_2 dl dt {
	margin-bottom: 0;
}
.zweier-bild .spalte_2 dl dd {
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	line-height: 11px;
	width:203px;
}
.klein {
	font-size:10px;
}
/*------ Carousel -----*/

#projectsCarousel {background-image: url(../bilder/trennlinie.gif); background-repeat: repeat-x; background-position:top;
padding-top:17px;}
#projectsCarousel .carousel {
	padding:0;
	margin: 0;
	position: relative;
	overflow:hidden;
	background:url(../bilder/loading.gif) center 94px no-repeat;

}

#projectsCarousel .carousel button { /*Don't remove this. we still use this for individual demos. only the front pages use images as of now*/
	float: left;
}
a.prev, a.next {
	display: block;
	float: left;
	width: 70px;
	height: 23px;
	text-decoration: none;
	background: url(../bilder/prev-next_btn.png) 0px 0px no-repeat;
	text-indent:-9996px;
	overflow:hidden;
}
#projectsCarousel .carousel a.prev, #projectsCarousel .carousel a.next {
	display: block;
	float: left;
	width: 70px;
	height: 23px;
	text-decoration: none;
	background: url(../bilder/prev-next_btn.png) 0px 0px no-repeat;
	color:#FFF;
	text-indent:-9996px;
	overflow:hidden;
}
#projectsCarousel .carousel a.next {
	background: url(../bilder/prev-next_btn.png) -71px 0px no-repeat;
	float:right;
}
#projectsCarousel .carousel a.next:hover {
background: url(../bilder/prev-next_btn.png) -71px -23px no-repeat;
            }
#projectsCarousel .carousel a.prev:hover {
background: url(../bilder/prev-next_btn.png) 0px -23px no-repeat;
}
#projectsCarousel .carousel a:hover, #projectsCarousel .carousel a:active {
	border: none;
	outline: none;
}
#projectsCarousel .carousel .jCarouselLite {
	float: left;
	background-color: #fff;
	height:228px;
	/* Needed for rendering without flicker */
        position: relative;
	visibility: hidden;
	left: -5000px;
}
#projectsCarousel .carousel ul {
	margin: 0;
	list-style:none;
	padding: 0;
	text-indent:0;
}
#projectsCarousel .carousel ul li {
background-color: transparent;
background-image: none;
background-repeat: repeat;
padding:0;
}
/*        #projectsCarousel .carousel li img, 
        #projectsCarousel .carousel li p {
	background-color: #fff;
	width: 148px;
	height: 145px;
	margin: 0px;
        }*/
        
#projectsCarousel .widget img {
	cursor: pointer;
}
#projectsCarousel .mid {
	margin-left: 80px;
	width: 400px;
	height: 300px;
}
#projectsCarousel .vertical {
	margin-left: 170px;
}
#projectsCarousel .vertical .jCarouselLite {   /* so that in IE 6, the carousel div doesnt expand to fill the space */
	width: 170px;
}
#projectsCarousel .imageSlider li img,  #projectsCarousel .imageSlider li p,  #projectsCarousel .imageSliderExt li img,  #projectsCarousel .imageSliderExt li p {
	width: 400px;
	height: 300px;
}
.clear {
	clear: both;
}
a:focus {
	outline: none;
}
#projectsCarousel #timer {
	width:24px;
	height:24px;
	display:block;
	background:url(../bilder/pietimer-sprite-72.png);
	float:left;
	margin-left:258px;
}