/*
	Copyright (c) 2005 causa-formalis systeme
	Autor 2005 Elisabeth Kaliva, Kln
*/
html {
	margin:0em;
	padding:0em;
	height:101%;
}
body {
	font:.70em Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	margin:0em;
	padding:0em;
	background-color:#ffffff;
	text-align:center;
}
/* ------ Links allgemein ------ */
a{
	color:#FF0000;
	text-decoration: none;
}
a:hover{
	color:#FF0000;
	text-decoration: none;
}
a:active{
	color:#FF0000;
	text-decoration: none;
	color:#333333;
}
a:visited{
	text-decoration: none;
}
/* ______ Ende Links ______ */

/*  ------ Ueberschriften ------ */
h1{
	font-size:110%;
	line-height:160%;
	font-weight:bold;
	margin:0em 0em 0em 0em;
	padding:0em 0em .5em 0em;
}
h2{
	font-size:100%;
	font-weight:bold;
	margin:0em 0em 1em 0em;
	padding:0em;
}
h3{
	font-size: 100%;
	font-weight:bold;
	margin:0em 0em .2em 0em ;
	padding:0em;
}
h4{
	font-size: 100%;
	font-weight:normal;
	margin:0em 0em 0em 0em ;
	padding:0em;
}
h5{
	font-size: 100%;
	font-weight:normal;
	margin:0em 0em 0em 0em;
	padding:0em;
	font-style: italic;
}
h6{
	font-size: 100%;
	font-weight:normal;
	margin:0em 0em 0em 0em ;
	padding:0em;
}
/* ______ Ende Ueberschriften ______ */

/* ------ Diverse  HTML-Elemente ------ */
p {
	margin-top:0em;
	margin-bottom: 1.2em;
}
span {
	margin-top:0em;
	margin-bottom: 1.2em;
}
table{
	margin:0em 0em .892em 0em;
	font-size:100%;
	}
table p{
	margin-top:0em;
	margin-bottom:.6em;
}
th { 
	text-align:left;
}
td	{
	margin:0em;
}
hr{
	border-bottom:1px solid #cccccc;
	border-top:0px;
	height:1px;
}
blockquote {
	margin:0em 0em 0em 1.785em;
}
dd {
	margin:0em;
	padding:0em;
}
UL{
	margin:0em 0em 0em 1.3em;
	padding:0em 0em .982em 0em;
	list-style-type: none;
}
OL {
	margin:0em 0em 0em 2.4em;
}
li {
	padding:0em;
	margin:0em;
}
dt {
	font-weight: bold;
}
img {
	border:0;
}
.fontKlein {
	font-size:85%;
	line-height:1.8em;
	color:#666666;
}
hr {
	height:1px;
	color: #999999;
	background: #999999;
	border:0px;
}
/* ______ Ende Diverse HTML HTML-Elemente ______ */

/* ------ Formulare ------ */
.name {
	visibility: hidden;
}

form {
	padding:0em;
	margin:0em;
	}
FIELDSET {
	border:none;
 padding:0px;	
	MARGIN-BOTTOM: 1em; 
	PADDING-BOTTOM: 0.2em; 
	Margin-TOP: 0.8em; 
}	
	
input, select, textarea{
	font-size:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #cccccc;

}

.kontaktInputwidth {	
	width: 22em;
}
.kontaktLabelwidth {	
	width: 6em;
	float:left;
}

.checkboxen{
	border:0;
}
label.login {
	width:5.5em;	
	float:left;
}
p.login {
	margin-left:7em;	
}
LEGEND {
	FONT-WEIGHT: bold; COLOR: #333333;
	margin:0em 0pt 0.5em -12px;
}
/* ______ Ende  Formulare ______*/

/* ------ Haupt Layoutelemente ------ */
#main {
	margin:auto;
	padding:0em;
	width:57em;
	text-align:left;
	}
#head{  /* width:55em;*/
	height:15.1em;
	margin:0em;
	padding:1.78em 0em 0em 0em;
	border-bottom:1px solid #999999;
}
#contentBG {
	margin:0em;
	padding:0em;
	line-height:normal;
}
#footer{  /* */
	height:1.785em;
 	clear:both;
 	margin:0em 0em 1em 0em;
 	padding:2.678em 0em 0em 31.85em;
}
p.clear {
	clear:both;
	margin:0em;
	padding:0em;
}
/* ______ Ende  Haupt Layoutelemente ______*/

/* ------ Unterelemente ------ */
.headContent{  /* */
 	padding:0em 0em 0em 0em;
	margin:0em 0em 0em 0em;
	width:31.7em;
	clear:right;
	float:left;
	}
.content{  /* */
	float:left;
 	padding:0em 0em 0em 0em;
	margin:0em 0em 0em 0em;
	width:31.8em;
	clear:right;
}
.inhalt {
	padding:0em 1em 0em 0em;
	margin:1em 0em 0em 0em;
	line-height:1.5em;
}
.spalteR{
	padding:0em 0em 0em 0em;
	margin:0em 0em 0em 1.4em;
	clear:right;
	float:left;
	line-height:1.5em;
	width:23.21em;
}
.logo {/* Logo der Seite: causa formalis */
	margin: 0px;
	padding: 0px;
}
.titel {/* Logo der Seite: causa formalis */
	margin: 0px;
	padding: 0px;
}
#hauptNav{
	padding:0em;
 	margin:1em 0em 0em 0em;
	clear:both;
	height:3.57em;
	color:#999999;
}
#subNav {
	margin:1em 0em 0em 0em;
	padding:0em;
	clear:right;
	float:left;
	font-size:90%;
	line-height:1.5em;
}
.funktionsleiste{  /* Funktionsleiste im oberen Bereich der Website*/
 	padding:0em;
 	margin:0em;
	clear:both;
	height:4.9em;
	color:#999999;
}
.copy {/*Copyright im unteren Bereich der Website */
	padding:.446em .892em 0em 0em;
	border-top:1px solid #ff0000;
}
/* ______ Ende  Unterelemente ______*/
dl.subNavElem{  /*Unternavigation */
 	margin:0em 0em 0em 0em;
	padding:0em 0em 0em 0em;
}
dl.subNavElem dd {
	margin:0em 0em 0em 0em;
	padding:0em 0em 0em 0em;
}
dl.hauptNavElem{  /*Hauptnavigation */
 	margin:0em 0em 0em 0em;
	padding:0em 0em 0em 0em;
	float:left;
	clear:right;
	width:9.46em;
}
dl.hauptNavElem dd {
	margin:0em 0em .4em 0em;
	padding:0em 0em 0em 0em;
}
.funktionsleiste .elem {
	clear:right;
	float:left;
	margin:0em 0em 0em 0em;
	line-height:1.5em;
	width:9.46em;
	padding:0em;
}
.pfeile {
	clear:both;
	float:none;
	height:1.8em;
	margin:.7em 0em 0em 0em;
	padding:0em;
}
.spalteRText {
	margin:1em 0em 0em 0em;
	padding:0em 1.78em 0em 0em;
	clear:right;
	float:left;
}
.spalteRText h1{
	margin:0em;
	padding:0em 0em .5em 0em;
}
.spalteRText small{
	font-size:90%;
	line-height:1.5em;
}
/* ------ Eigenschaften von HTML-Elementen in Unterelementen ------ */
#hauptNav a ,  .subNavElem a{
	color:#333333;
	text-decoration: none;
}
.funktionsleiste a  {
	color:#999999;
	text-decoration: none;
}
#hauptNav a:visited, .funktionsleiste a:visited, .subNavElem  a:visited{
	text-decoration: none;
}
.funktionsleiste .active, .subNavElem  .active {
	color:#ff0000;
}
#hauptNav a:hover, .funktionsleiste a:hover, .subNavElem a:hover {
	text-decoration:none;
	color:#FF0000;
}
#hauptNav a:active, .funktionsleiste a:active, .subNavElem  a:active {
	text-decoration:none;
	color:#333333;
} 
#hauptNav .active{  /* */
	font-weight:bold;
	color:#ff0000;
}

.links {
	margin:0em 0em 0em 0em;
	padding:0em .2em 0em .2em;
	background:url("../images/pfeilL.gif") no-repeat left 0em;
}
 .rechts {
	margin:0em 0em 0em 0em;
	padding:0em 0em 0em .4em;
	background:url("../images/pfeilR.gif") no-repeat right 0em;
	background-image: url("../images/pfeilR.gif");
	background-repeat:no-repeat;
}
 .rechts a:hover {
	margin:0em 0em 0em 0em;
	padding:0em 0em 0em .4em;
	background:url("../images/pfeilROver.gif") no-repeat right 0em;
	text-decoration:none;
}
 .links a:hover {
	margin:0em 0em 0em 0em;
	padding:0em .2em 0em .2em;
	background:url("../images/pfeilLOver.gif") no-repeat right 0em;
	text-decoration:none;
}
/*-----Browserweiche Safari -----------*/
dl.news {
	border-bottom:1px solid #999999;
	height:8.92em;
	padding:0em 0em 1.5em 0em;
	margin:0em;
	width:100%;
}
dl.news img {
	float:left;
	clear:right;
	padding:0em 0em 0em 0em;
	margin:0em 2em 0em 0em;
}
dl.news dd {
	float:left;
	clear:right;
	padding:1em 0em 0em 0em;
	margin:0em;
	width:24.77em;
	font-size:90%;
	line-height:1.5em;
}
.newsBild{
	margin: 0px;
	padding: 0px;
	width:31.25em;
	height:8.92em;
}
.logo img{/* Bild Logo */
	margin: 0px;
	padding: 0px;
	width:26.78em;
}
.titel img{/* Bild Logo */
	margin: 0px;
	padding: 0px;
	width:22.32em;
}
.bildContent {
	width:31.25em;
	padding:0em 0em 0em 0em;
	margin:0em 0em 0em 0em;
	float:left;
	clear:right;
}
.bildProjekte {
	width:19em;
	padding:0em 0em 0em 0em;
	margin:0em 0em 0em 0em;
	float:left;
	clear:right;
}
#flashcontent {
	width:19em;
	padding:0em 0em 0em 0em;
	margin:0em 0em 0em 0em;
	float:left;
	clear:right;
}
.contentBild{
	width:31.25em;
	padding:0em 0em 0em 0em;
	margin:0em 0em 0em 0em;
	float:left;
	clear:right;
}
.projekeBild{
	width:17.85em;
}
.projekeBildBcom{
	border: 1px solid #CCCCCC;
	border-top:none;  
}
.projekeBildGrauerRand{
	border: 1px solid #CCCCCC;
	width:234px; 
	height:60px;	
}
#width200{
  width:17.85em;    
  height:25.267em;
  
  }
#widthHRK{
  width:17.85em;    
  height:18.839em;
  
  }

#widthBcom{
  width:17.85em;    
  height:25.267em;
	border: 1px solid #CCCCCC;
	border-top:none;  
  
  }