body {
  	color: black; 
  	background-color: #5CA7BC;
 	font-size: 100.01%;
 	font-family: Helvetica,Arial,sans-serif;
  	margin: 0; padding: 1em;
}

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,html,blockquote,fieldset,input, dl, dt, dd,div, p
{ margin:0; padding:0 }



h1 {
	font-size: 1.5em;
  	margin: 0 0 0em;
	text-align:center;
 	color:#FAFBCF;
	background-color:#103968;
	font-family:Helvetica,Arial,sans-serif;
	font-weight:normal;
}

h1 a {
 	color:#FAFBCF;
	text-decoration:none;
}

h1 a:hover {
	background-color:#800000;
	display:block;
}

h2 a {
font-size:1em;
 color:#800000;
background-color:#7CBCA3;
 text-decoration:none;
 display:block;
 font-weight:normal;
}

h2 a:hover {
font-size:1em;
color:#FAFBCF;
background-color:#103968;
display:block;
}


div#box-1 {
	float: left; 
	width: 14em;
  	margin: 0; 
  	padding: 0;
	background-color:#B7CFB7;
	text-align:center;
}




ul#Navigation {
  	font-size: 0.91em;
 	text-align:center;
	vertical-align:top;
}

ul#Navigation li {
  	list-style: none;
  	padding: 0.3em;
}

ul#Navigation a {
  	display: block;
  	padding: 0.4em;
  	font-weight: bold;
  	text-decoration:none;
  	color:#FAFBCF;
}

.menu0 {
 background-color: #A6C2A6;
}

.menu1 {
	background-color: #7CBCA3;
}

.menu2 {
	background-color: #00968A;
}

.menu3 {
	background-color: #008080;
}

.menu4 {
	background-color: #106C8E;
}

.menu5 {
	background-color: #115D8D;
}

.menu6 {
	background-color: #103968;
}

.menu7 {
	background-color: #007C96;
}

ul#Navigation a:hover {
  	color: #FAFBCF; 
  	background-color: #5CA7BC;
}

ul#Navigation a:active {
  	color: #103968; 
  	background-color: #FAFBCF;
}

div#Inhalt {
  	margin: 0 0 0 15em;
  	padding: 0 0 1em 0;
  	min-width: 16em; /*Mindestbreite (Ueberschrift) gegen Anzeigefehler in modernen Browsern*/
	background-color:#8CC0BF;
	height:100%;
	line-height:20px;
}

div#Inhalt h1 {
	padding-top:.2em;
	padding-bottom: .15em;
}

div#Inhalt h2 {
	margin:0 0 .8em;
	padding-top:.2em;
	padding-bottom:.2em;
	padding-left: 2em;
 	padding-right:2em;
	text-align:center;
	color:#103968;
	font-weight:normal;
	font-size: 1.2em;
		background-color:#7CBCA3;
}

div#Inhalt h3 {
	color:#103968;
	font-size: .9em;
	padding-left: 2em;
 	padding-right:2em;
	padding-top:.4em;
	margin:0 0 .8em;
}

div#Inhalt p {
	font-size:.9em;
  padding:0 2em 1em 2em;
}


div#Inhalt ul {
  	margin: 0 0 1em 3.2em;
	font-size:.9em;
	list-style-image :  url(../_gif/punkt.gif);
}




div#Inhalt a {
	color:#103968;
	text-decoration:none;
	border-bottom:1px solid #103968;
}

div#Inhalt a:hover {
	color:#FAFBCF;
	border-left: 8px solid #800000;
	border-bottom: 1px solid #103968;
	padding-left: 4px;
	padding-right: 4px;
	background-color:#103968;
}



/*Übersicht Projekte*/

.projekte {
	margin-left:4em;
}

.projekte a {
	font-size:.9em;
	font-weight:normal;
}

.projekte img {
	border:1px solid #103968;
	padding:.5em;
}

.projekte strong {
	color:#103968;
}


div#Inhalt .projekte p {
	width:195px;
	float:left;
	padding-right:.4em;
	padding-left:.4em;
	border-left:2px solid #103968;
	min-height:148px;
	margin-bottom:1em;
	margin-top:1em;
}


/*Bilder und Untertitel*/


.bild-400   {
 	padding:.5em;
	border: 1px solid  #115D8D;
	width:400px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:.8em;
	margin-top:.8em;
	text-align:center;
	line-height:1.3em;
}

.bild-400 i {
	font-size: .8em;
	font-style : normal;
}

.bild-600 {
	border: 1px solid  #103968;
	width:600px;
	padding: .5em;
}


div#Inhalt .bild-150 {
	width:150px;
	margin:0 0em 0 2em;
	border: 1px solid #103968;
	padding: .5em;
}



div#Inhalt .bild-150-l {
	float:left;
	margin:.3em 2em 1.3em 1.9em;
	border: 1px solid  #103968;
	padding: .5em;
	text-align:center;
	line-height:1.3em;
}

.bild-150-l i {
	font-size: .8em;
	font-style : normal;
}


div#Inhalt .bild-150-r {
	float:right;
	margin:.3em 1.9em 1.3em 2em;
	border: 1px solid  #103968;
	padding: .5em;
	text-align:center;
	line-height:1.3em;
}

.bild-150-r i {
	font-size: .8em;
	font-style : normal;
}


.copyright {
  color:#103968;
	text-align:right;
	font-size:.8em;
	padding:.5em;
}

.copyright a {
	color:#103968;
	text-decoration:none;
	border-bottom:1px solid #800000;
}

.copyright a:hover {
  color:#FAFBCF;
}


	
/**************************
* form.css
* Felder des Formulars formatieren
* 
* 24-10-2005 12:41
**************************/



/* Tabelle, in der das Formular aufgebaut wird */	

/*Überschrift*/

.fHead {
	background-color:#7CBCA3;
	border:none;
	text-align:center;
}


.fTable {
	padding:0px;
	border:none;
	background-color:#103968;
	font-family: verdana,arial,sans-serif;
	font-size:13px;
	 }
	
.fTable td {
	vertical-align:top; 
	}	
	

/* Rückmeldungen bei falscher Eingabe */
.fUserfeedback {
	padding:8px;
	color:#800000;
	background-color:#B7CFB7;
	 }

/* Tabellenspalte für Bezeichnung der Felder, Eingabe ok oder nicht ok */
.fInputNotOk {
	background-color:#B7CFB7;
	color:#000000;
	font-weight:bold;
	padding:10px;
 }
	
.fInputOk {
	padding:10px;
	background-color:#8CC0BF;
	color:#000000;
 }	
	

/* Tabellenspalte für Eingabefelder */	
.fContent {
	padding:8px;
	background-color:#8CC0BF;
	color:#000000;
	 }

/* Eingabefelder */	
.fContent input {
	background-color:#D2E8DF;
	color:#000000; }
	
/*Textarea Input Hintergrund*/

.fTextarea {
	background-color:#D2E8DF;
}

/* Eingabefeld "TEXTAREA" */	
.fTextareaCaption {
	background-color:#D2E8DF;
	border:1px solid #000000;
	color:#000000;
	font-family: verdana,arial,sans-serif;
	font-size:12px;
 }

/* Inhalt von TEXTAREA */		
.fTextareaContent {
	font-family:verdana,arial,sans-serif;
	font-size:12px;
	background-color:#D2E8DF;	}		


	
/* Beschriftung und Rahmen Absendeknopf */

.fSubmit {
	padding:5px;
	background-color:#B7CFB7;
	color:#DE6D39; }

.fSubmit input {
	border:2px solid #103968;
	background-color:#8CC0BF;
	color:#800000;
	width:140px;
		font-weight:bold;
	 }

/* Einsendenknopf "hover" */	
.fSubmit input:hover {
	color:#FAFBCF;
	border-left: 8px solid #800000;
	border-bottom: 1px solid #103968;
	padding-left: 4px;
	padding-right: 4px;
	background-color:#103968;
	}
	


/* neue */


.fReq {
	padding-top:10px;
	text-align:center;
	background-color:#D2E8DF;
	color:#800000;
}

.fTDLeft, .fTDRight {
	padding:5px;
	font-size:13px;
}

.fTDLeft {
	width:40%;
	padding:10px;
	background-color:#B7CFB7;
	color:#000000;
	font-weight:bold;
}
.fTDRight {
	background-color:#D2E8DF;
	width:60%;
	padding:10px;
	color:#000000;
}

.daten a {
	font-weight:bold;
	border:2px solid #103968;
	display:block;
	text-align:center;
	background-color:#8CC0BF;
		vertical-align:top;
}

.daten a:hover {
	display:block;
}


