body {
font-family: verdana, arial;
background-color: #8c8c8c;
}

/* ============================================ */

#rahmen {
width: 965px;
margin: 20px auto 10px auto;
padding: 0px;
background-color: #f6f6f6;
border: 10px white solid;
}

/* ============================================ */

#kopf {
height: 90px;
background-color: #666B6F;
background-image: url('../img/kopfzeile.jpg');
background-repeat: no-repeat;
border-bottom: 10px white solid;
}

#kopf h1 {
display: none;
}

/* ============================================ */

#navigation {
height: 40px;
border-bottom: 10px white solid;
background-image: url('../img/top_nav.gif');
font-size: 80%;
font-weight: bold;
color: white;
padding: 0px;
}

#navigation .links, #navigation .passiv {
height: 30px;
float: left;
padding: 10px 20px 0px 20px;
border-right: 1px #222 solid;
}

#navigation a {
text-decoration: none;
}

#navigation a:link, #navigation a:visited {
color: white;
}

#navigation .links a:hover, #navigation .links a:visited:hover {
color: #dddddd;
}

#navigation .passiv {
background-color: #ccc;
background-image: url('../img/top_nav_passiv.gif');
}
/* ============================================ */

#sub-navigation {
height: 28px;
border-bottom: 10px white solid;
background-color: #666B6F;
font-size: 100%;
font-weight: bold;
color: white;
padding: 5px;
}

#sub-navigation ul {
margin-left: 0px;
padding: 5px 0px 0px 0px;
}

#sub-navigation ul li {
display: inline;
padding: 5px 10px;
border: 1px gray solid;
background-color: #666666;
}

#sub-navigation ul li a {
text-decoration: none;
}

#sub-navigation ul li a:link, #sub-navigation ul li a:visited {
color: white;
}

#sub-navigation ul li a:hover, #sub-navigation ul li a:visited:hover {
color: #AC1742;
}

#sub-navigation ul li.passiv {
background-color: #AC1742;
}

#sub-navigation ul li.inaktiv {
background-color: #999999;
color: #cccccc;
}

/* ============================================ */


#rahmen h1 {
font-size: 140%
font-weight: normal;
letter-spacing: 3px;
word-spacing: 6px;
}

#rahmen h2 {
font-size: 130%;
}

#rahmen p {
font-size: 80%;
margin-top: 0px;
}


/* ============================================ */
/* Spaltenaufteilung */

#content {
width: 965px;

}

#content #linke_spalte {
float: left;
width: 178px;
margin: 0px 10px 0px 0px;
background-color: #eee;
}

#content #mitte {
width: 589px;
float: left;
margin: 0px;
}

#content #rechte_spalte {
float: right;
width: 178px;
margin: 0px;
background-color: #eee;
}

#content #linke_spalte h3, #content #rechte_spalte h3 {
margin-top: 0px;
background-image: url('../img/balken178.gif');
height: 30px;
color: #fff;
padding: 10px 0px 0px 20px;
}


/* ============================================ */
/* FORMULARE */

#content form {
margin-left: 0px;
border: 1px gray solid;
}

/* Formular als Link zur Detailseite */
#content form.details, #content form.auswahl  {
border: none;
float: right;
}

#content form.details {
margin-top: 37px;
margin-right: 20px;
}


#content form.details input.button, #content form.auswahl input.button {
border: 1px gray solid;
background-color: #ffffff;
color: navy;
font-weight: bold;
}

#content form.details input.buttongrau, #content form.auswahl input.buttongrau {
border: 1px gray solid;
background-color: #ffffff;
color: gray;
font-weight: bold;
}


/* Formulartyp ohne Rahmen */
#content form.noborder {
border: none;
}

#content form.noborder .zeile {
font-size: 80%;
margin-top: 5px;
background-color: #e1e1e1;
border: none;
clear: both;
}

#content form.noborder .mt_20 {
margin-top: 20px;
}

#content form.noborder .mt_40 {
margin-top: 40px;
}

#content form.noborder .label {
float: left;
background-color: #e1e1e1;
text-align: right;
padding-right: 10px;
width: 200px;
border: none;
font-weight: bold;
padding-top: 3px;
}

#content form.noborder .w_150 {
width: 150px;
}

#content form.noborder .w_250 {
width: 250px;
}

#content form.noborder .w_300 {
width: 300px;
}

#content form.noborder .w_350 {
width: 350px;
}

#content form.noborder .fehler  {
color: red;
font-weight: bold;
background-color: #e1e1e1;
}

#content form.noborder .feld, #content form.noborder .feldcheckbox  {
background-color: #e1e1e1;
border: none;
margin-left: 210px;
}

#content form.noborder .m_180  {
margin-left: 180px;
}

#content form.noborder .m_160  {
margin-left: 160px;
}

#content form.noborder .feldtext {
padding: 10px 100px 5px 0px;
margin-left: 213px;
}

#content form.noborder .feldtext .beschriftung_links {
float: left;
width: 315px;
padding-bottom: 5px;
}

#content form.noborder .feldtext .beschriftung_rechts {
float: left;
width: 200px;
}

#content form.noborder .label input, #content form.noborder .feld input, #content form.noborder .feldcheckbox input {
border: 1px gray solid;
height: 22px;
margin: 2px;
font-weight: bold;
}

#content form.noborder .feld input.weiter {
background-image: url('../img/weiter.gif');
/* background-color: #00ff99; */
}

#content form.noborder .feld input.zurueck {
background-image: url('../img/zurueck.gif');
/* background-color: #ffcc66; */
}

#content form.noborder .feld input.ende {
background-color: #87cefa;
}

#content form.noborder .feld textarea, #content form.noborder .feld select {
border: 1px gray solid;
margin: 2px;
font-weight: bold;
}

#content form.noborder .feld textarea {
font-family: verdana;
font-size: 90%;
}

#content form.noborder .checkboxfeld {
border: 0px red solid;
white-space: nowrap;
margin-right: 40px;
display: inline; 
}

#content form.noborder .checkboxfeld .checkbox, #content form.noborder .checkboxfeld .checkbox_text, #content form.noborder .feldcheckbox .checkbox_text, #content form.noborder .checkboxfeld .radiotext {
display: inline;
align: top;
}

#content form.noborder .checkboxfeld .checkbox_text {
position: relative; 
top: -7px; 
}
#content form.noborder .checkboxfeld .radiotext {
position: relative; 
top: -7px; 
}

#content form.noborder .zeile .feldcheckbox .checkbox_text {
position: relative; 
top: -7px; 
}

#content form.noborder .zeile .text {
position: relative; 
top: -7px; 
}

/* ================================== */

#content #kontakt form {
margin-left: 0px;
border: none;
}

#content #kontakt table {
margin: 10px 0px 20px 10px;
padding: 5px;
border: 1px gray dotted;
}

#content #kontakt	.head1, #content #kontakt	.head2  {
 		width: 150px;
 		font-size: 90%;
 		text-align: left;
 		font-weight: bold;
 		margin: 0px 0px 0px 0px;
		}

#content #kontakt	.head1 {
 		padding: 10px 0px 10px 0px;
 		}

#content #kontakt	.head2 {
 		padding: 30px 0px 10px 0px;
 		}

#content #kontakt		.label, .alert {
 		width: 150px;
 		font-size: 80%;
 		text-align: left;
 		margin: 0px 0px 0px 0px;
		}

#content #kontakt		.input {
 		width: 250px;
 		font-size: 90%;
 		text-align: left;
 		margin: 0px 0px 0px 0px;
		}
		
#content #kontakt		.alert {
		color: red;
		}
		
#content #kontakt		.feld, .feld2 {
		background-color: whitesmoke;
 		width: 180px;
 		text-align: left;
 		margin: 0px 0px 20px 0px;
		}
		
#content #kontakt		.feld2 {
		margin: 0px;
		}

#content #kontakt		.knopf {
		background-color: #ffffff;
 		width: 180px;
 		text-align: right;
 		margin: 0px 0px 0px 0px;
		}
		


#content #kontakt	.button{
	border: 1px gray solid;
	font-family: Verdana;
	font-size: 11px;
	text-align: right;
	padding-left:5px;
	padding-top:2px;
	padding-bottom:2px;
	font-weight:bolder;
	color:black;
	background-color:#ffffff;
	cursor:hand;
	display:inline;
	width:auto;
	}




#content form.table {
border: none;
font-size: 80%;

}

#content form.table tr {
border: none;
}

#content form.table tr td {
border: none;
padding-left: 30px;
}

#content form.table tr td h3 {
font-size: 120%;
}

#content form.table input.weiter {
background-image: url('../img/weiter.gif');
font-weight: bold;
/* background-color: #00ff99; */
}

/* ============================================ */

#content {
padding: 0px;
margin: 0px;
}

#content .clear {
clear: both;
}

#content h2 {
/* background-color: #AC4200; */
background-image: url('../img/balken965.gif');
color: #eeeeee;
margin: 0px 0px 20px 0px;
padding: 10px;
font-size: 100%;
}

#content h2.schmal {
background-image: url('../img/balken589.gif');
}

#content h2 .h2_inverse {
color: #AC1742;
background-color: #eeeeee;
}

#content p, #content h3 {
padding-left: 10px;
padding-right: 10px;
}

#content h3 {
font-size: 90%;
margin: 20px 0px 10px 0px;
}

#content h3.admin {
font-size: 90%;
}

#content h4 {
margin-left: 10px;
font-size: 90%;
}


#content p .betont1 {
font-weight: bold;
color: #000000;
background-color: yellow;
}

#content p .betont2 {
font-weight: bold;
color: #000000;
}

#rahmen ul, #content ul  {
font-size: 80%;
margin-top: 0px;
}

#content ol {
font-size: 80%;
margin-top: 0px;
}

.align_r {
text-align: right;
padding-right: 10px;
}

/* ============================================ */

#content #mitte a:link, #content #mitte a:visited, #content #mitte a:hover, #content #mitte a:visited:hover  {
font-weight: bold;
/* letter-spacing: 1px;
word-spacing: 2px; */
}

#content #mitte a:link, #content #mitte a:visited  {
color: orange;
}

#content #mitte a:hover, #content #mitte a:visited:hover  {
color: red;
}





/* ============================================ */
/* Linke Spalte - Navigation */
#content #linke_spalte .nav {
padding-left: 7px;
font-weight: bold;
margin-bottom: 10px;
}

#content #linke_spalte div.nav a {
font-size: 80%;
}


#content #linke_spalte .nav a:link, #content #linke_spalte .nav a:visited {
text-decoration: none;
color: gray;
}


#content #linke_spalte .nav a:hover, #content #linke_spalte .nav a:visited:hover {
text-decoration: none;
color: orange;
}


/* ============================================ */
/* Rechte Spalte - Navigation */
#content #rechte_spalte .nav {
padding-left: 7px;
font-weight: bold;
margin-bottom: 10px;
}

#content #rechte_spalte div.nav a {
font-size: 80%;
}


#content #rechte_spalte .nav a:link, #content #rechte_spalte .nav a:visited {
text-decoration: none;
color: gray;
}


#content #rechte_spalte .nav a:hover, #content #rechte_spalte .nav a:visited:hover {
text-decoration: none;
color: orange;
}



/* ============================================ */
#content .infokasten {
float: right;
margin: 10px;
padding: 5px;
border: 1pg gray dotted;
background-color: #ffffff;
font-size: 80%;
}


/* ============================================ */
#content div.abgrenzung {
border: 1px gray solid;
padding: 5px 0px;
margin-bottom: 10px;
}

#content div.ausgabe {
background-color: #ffffff;
border: 1px gray solid;;
padding: 5px;
margin: 10px;
}

#content div.uebersicht {
background-color: #ffffff;
border: 1px gray solid;
padding: 5px;
margin: 5px;
font-size: 90%;
}

#content div.ausgabe h4.titel, #content div.uebersicht h4.titel {
font-size: 120%;
margin-right: 10px;
margin-left: 10px;
padding: 5px;
font-family: arial;
font-weight: bold;
letter-spacing: 1px;
word-spacing: 2px;
background-color: #eeeeee;
text-align: left;
}

#content div.anbieter {
background-color: #ffffff;
border: 1px gray solid;
padding: 5px;
margin: 5px 10px;
font-size: 90%;
}

#content div.anbieter h4.anbieter {
font-size: 120%;
margin-right: 10px;
margin-left: 10px;
padding: 5px;
font-family: arial;
font-weight: bold;
letter-spacing: 1px;
word-spacing: 2px;
background-color: #eeeeee;
text-align: left;
}



#content .rahmen {
border: 1px gray solid;
margin: 10px 10px 30px 10px;
padding: 5px 10px;
}

#content .rahmen1 {
border: 1px gray solid;
margin: 10px 10px 30px 10px;
padding: 5px 10px;
}

#content .rahmen1 h4 {
margin: 0px 0px 5px 10px;
font-size: 70%;
}

#content h3 a:hover, #content h3 a:visited:hover {
color: black;
}

#content .rahmen1 p {
font-size: 70%;
}

#content .rahmen2 {
border: 1px #ccc solid;
background-color: #fff;
margin: 2px 2px 10px 2px;
padding: 1px 1px;
}

#content hr {
border-top: 1px #ccc dotted;
border-top: none;
background-color: #ccc;
height: 1px;
margin: 10px;
}

#content .toplink {
text-align: right;
margin-bottom: 15px;
}

#content #mitte .toplink p a:link, #content #mitte .toplink p a:visited, #content #mitte .toplink p a:hover, #content #mitte .toplink p a:visited:hover {
text-decoration: none;
font-weight: bold;
color: blue;
}


/* LISTEN AUF SUCHSEITE */
#content #mitte .linke_spalte ul, #content #mitte .rechte_spalte ul, #content #mitte .eine_spalte ul  {
list-style-type: none;
font-size: 100%;
}

#content #mitte .linke_spalte ul  {
width: 200px;
float: left;
}

#content #mitte .rechte_spalte ul  {
width: 250px;
float: left;
}

#content #mitte .linke_spalte ul li, #content #mitte .rechte_spalte ul li, #content #mitte .eine_spalte ul li {
margin-left: -20px;
}


 
/* IMAGEMAP ============================= */
#content img.imagemap {
border: none;
}

/* ============================================ */
#linkbereich_unten {
clear: both;
border-top: 1px maroon solid;
margin-top: 40px;
padding-top: 10px;
}

#linkbereich_unten .standard {
float: left;
}

#linkbereich_unten .logout {

text-align: right;
}

/* ============================================ */

#fusszeile {
border-top: 10px white solid;
font-size: 80%;
padding: 5px;
}

#fusszeile .links {
text-align: right;
}

#fusszeile .links a {
text-decoration: none;
font-weight: bold;
}

#fusszeile .links a:link, #fusszeile .links a:visited {
color: green;
}

#fusszeile .links a:hover, #fusszeile .links a:visited:hover {
color: red;
}

/* ================================================= */
.fehler {
color: red;
font-weight: bold;
}

.grau {
color: gray;
}

.signal {
font-weight: bold;
}

.nichtfett {
font-weight: normal;
}

.gruen {
color: green;
}

.achtung {
background-color: orange;
padding: 5px;
letter-spacing: 1px;
word-spacing: 2px;
}

.clear {
clear: both;
font-size: 1px;
}

.klein {
font-size: 80%;
}

.kursiv {
font-style: italic;
}

.sw {
background-color: yellow;
}