/* HTML */
html {
scrollbar-face-color: #008840; /*dunkles Grün*/
scrollbar-highlight-color:#D3D3D3;  /*Light gray*/
scrollbar-shadow-color: #C0C0C0; 
scrollbar-3dlight-color: #D3D3D3;
scrollbar-arrow-color: #D3D3D3; 
scrollbar-track-color: #D3D3D3; 
scrollbar-base-color: #C0C0C0;
scrollbar-darkshadow-color: #D3D3D3;}

/* BODY */
body { 
color: black; background-color:#FFF;
font-size:90%;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:1%; padding:0;
min-width:785px; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
}

/* ALLGEMEIN (gilt für alles) */
hr {
	border-style:dotted;
	color:#008840;
	}

input:focus { background-color:#D3D3D3;} 

.feld {
    font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size : 11px;
	}
.feldklein {
    font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size : 10px;
	background-color : #FFF;
	color: #008840;
}
.button {
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:12px;
	background-color:#008840; border:1px solid #008840;
	color: #FFF;
	}
.buttonred {
	font-family:Verdana,Helvetica,Arial,sans-serif;
	font-size:0.9em;
	background-color:#F00; border:1px solid #F00;
	color: #FFF;
	}
p            { margin:0 }
/* LISTEN */
li           { font-size: 0.8em }
/* HYPERLINKS */
a:link       { color: #008840; font-family: Verdana, Arial, Helvetica; text-decoration:none }
a:visited    { color: #008840; font-family: Verdana, Arial, Helvetica; text-decoration:none }
a:active     { color: #008840; font-family: Verdana, Arial, Helvetica; text-decoration:none }
a:hover      { text-decoration:underline; }
/* ÜBERSCHRIFTEN */
h1, h2, h3, h4, h5, h6 { font-family: Verdana,Arial,Helvetica; text-align: left; margin: 0 }
h1           { font-size: 18px; font-weight: bold }
h2           { font-size: 16px; font-weight: bold; color:#000000 }
h3           { font-size: 14px; font-weight: bold }
h4           { font-size: 14px; font-weight: bold; color:#000000 }
h5           { font-size: 12px; font-weight: bold }
h6           { font-size: 12px; font-weight: normal }

html>body h1 {
	border-color: gray;  /* Farbangleichung an den Internet Explorer  */
	}

/* NAVIGATION (oben) */
#Navigation {
	height: 70px;
	background: #FFF;
}

#Navigation h1 {
	width: 0%;
	margin: 0 0 0 20%;
	padding: 0;
	font-size: 1em;
}

#Navigation h2 {
	width: 90%;
	margin: -47px 0 0 0;
	text-align: right;
	font-size: 1em;
}
#Navigation p {
    font-size: 0.7em;
    margin: 0px 5px;
    padding: 0.2em;
	color:#FFF
  }

/* NAVIGATION2 (Untermenü) */
#Navigation2, #Navigation2 ul{
    font-size:0.9em;
  	text-align:left;
  	background-image:url('../images/zelletab.gif');
  	border: 1px solid silver;
	padding: 0.1em;
	margin: 0 0 4px 0;
  }

#Navigation2 ul {
	display: block;
	width: 785px;
	height: 5px;
	margin: 5px;
	padding: 0;
}
#Navigation2 li {
	display: inline;
	 color:#000000; /*chu mau den*/
	 font-weight:bold;
	 cursor:hand;
	 cursor:pointer;
}
#Navigation2 a {
	display: inline;
	width: 120px;
	height: 20px;
	padding: 5px 0 0 0;
	text-align: center;
	text-decoration: none;
	letter-spacing: -1px;
	font-weight: bold;
}
#Navigation2 form {
	display: inline;
	width: 120px;
	height: 20px;
	padding: 5px 0 0 0;
	text-align: center;
	text-decoration: none;
	letter-spacing: -1px;
	font-weight: bold;
}
#Navigation2 form .feldklein ul li{
	display: inline;
	width: 120px;
	height: 20px;
	padding: 5px 0 0 0;
	text-align: center;
	text-decoration: none;
	letter-spacing: -1px;
	font-weight: bold;
	background-color:#008840
}
#Navigation2 form .feldklein:hover ul li {
	display: inline;
	width: 120px;
	height: 20px;
	padding: 5px 0 0 0;
	text-align: center;
	text-decoration: none;
	letter-spacing: -1px;
	font-weight: bold;
		background-color:#008840

}

#Navigation2 a:hover {
	color: #FFFFFF; background: #008840; }


/* NAVIGATION3 (oben) */
#Navigation3 {
    font-size: 1em;
      	background-color: #FFF;
    border: 0px none;
	height: 30px;
	padding-top: 5px;
	z-index:4; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:5px; padding-left:0; padding-right:0; padding-bottom:0
  }
#Navigation3 p {
    font-size: 1em;
    padding: 0.1em;
  }
#Navigation3 .kontakt {
    font-size: 0.95em;
    padding: 0.2em;
	 background-color: #000;
	 color:#FFF
  }
#Navigation3 ul {
	display: block;
	width: 605px;
	height: 25px;
	margin: 0 auto;
	padding: 0;
	background: #CCC;
}
#Navigation3 li {
	display: inline;
}
#Navigation3 a {
	display: block;
	float: left;
	width: 120px;
	height: 20px;
	padding: 5px 0 0 0;
	text-align: center;
	text-decoration: none;
	letter-spacing: -1px;
	font-weight: bold;
	color: #333;
  }
#Navigation3 a:hover {
	color: #FFFFFF; background: #999; }
#Logout { background: #F3B6CE }

/* LINKS (linke Spalte) */
#Links {
	clear:left; float: left; width: 20%;
	margin: 5px 5px 5px 0; 
	padding: 1px;
	border: 1px solid silver;
	background-color: #FFF;
	}
#Links h5 {
	font-size: 0.8em;
	background-color: #666;
	color:#FFF;
	margin: 1px 0 0 0; 
	padding: 0.1em 0.3em 0.1em 0.3em;
	}
#Links p {
	font-size: 0.7em;
	margin: 0.1em 0.3em 0.1em 0.3em;
	vertical-align:middle;
	}
#Links a:link       { color:#008840 ; background-color: #FFF; font-size:1em; float:left; text-decoration:none; font-weight: bold; padding:1px; margin:0; width:100%}
#Links a:visited    { color:#008840 ; background-color: #FFF; font-size:1em; float:left; text-decoration:none; font-weight: bold; padding:1px; margin:0; width:100%}
#Links a:active     { color:#008840 ; background-color: #FFF; font-size:1em; float:left; text-decoration:none; font-weight: bold; padding:1px; margin:0; width:100%}
#Links a:hover      { color:#FFF; background-color: #008840; font-size:1em; float:left; text-decoration:none; font-weight: bold; padding:1px; margin:0; width:100%}

/***** RECHTS (rechte Spalte) */
#Rechts {
	float: right; width: 20%;
	margin: 5px 0 5px 5px; padding: 0;
	border: 1px solid silver;
	background-color: #FFF;
	}
#Rechts h5 {
	font-size: 0.8em;
	background-color: #666;
	color:#FFF;
	margin: 1px; padding: 0.1em 0.3em 0.1em 0.3em;
	}
#Rechts p {
	font-size: 0.75em;
	margin: 0.1em 0.3em 0.1em 0.3em;
	}
#Rechts a:link       { color:#008840 ; background-color: #FFF; font-size:1em; float:left; text-decoration:none; font-weight: bold; padding:1px; margin:0; width:100%}
#Rechts a:visited    { color:#008840 ; background-color: #FFF; font-size:1em; float:left; text-decoration:none; font-weight: bold; padding:1px; margin:0; width:100%}
#Rechts a:active     { color:#008840 ; background-color: #FFF; font-size:1em; float:left; text-decoration:none; font-weight: bold; padding:1px; margin:0; width:100%}
#Rechts a:hover      { color:#FFF; background-color: #008840; font-size:1em; float:left; text-decoration:none; font-weight: bold; padding:1px; margin:0; width:100%}

/* CONTENT (mittlere Spalte) */
#Content {
	float: left; width: 52%;
	margin: 4px auto;
  }
* html #Content {
	height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
	}

#Content h1 {
    font-size: 1.3em;
    margin: 0;
  }
#Content h2 {
    font-size: 1.2em;
    margin: 10px 0 0 0;
  }
#Content h3 {
    margin: 10px 0 0 0;
  }
#Content h4 {
    margin: 10px 0 0 0;
  }
#Content h5 {
    margin: 10px 0 0 0;
  }
#Content p {
    font-size: 0.9em;
    margin: 10px 0 0 0;
  }
#Content hr {
	border-style:dotted;
	color: #060;
	}
#Content acronym {
	border-bottom: 1px dotted #666;
	cursor:help;
	}
#Content table { background-color:#FFFFFF; border:0px solid #C0C0C0; font-size: 0.9em }
#Content tr { vertical-align:top; font-size: 1em}
#Content th { text-align:left; background-color:#808080; color:#FFFFFF }
#Content td { vertical-align:top; font-size: 1em}

/* FORM (mittlere Spalte für Formulare) */
#Form {
	float: left; width: 52%;
	margin: 5px;
	padding: 0;
	text-align: left;
  }
  * html div#Form {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }

#Form p {
    font-size: 0.9em;
    margin: 0;
  }
#Form hr {
	border-style:dotted;
	color: #000099;
	}
#Form .feldheadline {
	font-family : Arial, Helvetica;
	font-size : 12pt; font-weight: bold
	}
#Form .feldteaser {
	font-family : Arial, Helvetica;
	font-size : 10pt; font-weight: bold
	}

#Form table { background-color:#EFEFEF; border:1px solid #C0C0C0; border-spacing:1pt; font-size: 0.7em }
#Form tr { vertical-align:top; font-size: 1em}
#Form th { text-align:left; font-size: 1em; background-color:#808080; color:#FFFFFF }
#Form td { text-align:left; vertical-align:top; font-size: 1em}

/* Shop (mittlere Spalte) */
#Shop {
	float: right; width: 77%;
	margin: 7px 0 0 0;
	padding: 0;
	
  }
* html #Shop {
	height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
	}

#Shop h1 {
    font-size: 1.3em;
    margin: 0;
  }
#Shop h2 {
    font-size: 1.2em;
    margin: 10px 0 0 0;
  }
#Shop h3 {
    margin: 10px 0 0 0;
  }
#Shop h4 {
    margin: 10px 0 0 0;
  }
#Shop h5 {
    margin: 10px 0 0 0;
  }
#Shop p {
    font-size: 0.9em;
    margin: 10px 0 0 0;
  }
#Shop hr {
	border-style:dotted;
	color: #060;
	}
#Shop acronym {
	border-bottom: 1px dotted #666;
	cursor:help;
	}
#Shop table { background-color:#FFFFFF; border:0px solid #C0C0C0; font-size: 0.9em }
#Shop tr { vertical-align:top; font-size: 1em}
#Shop th { text-align:left; background-color:#666; color:#FFFFFF }
#Shop td { vertical-align:top; font-size: 1em}

/***** LISTE (mittlere Spalte für Listentabellen) */
#Liste {
    margin: auto;
    padding: 0;
  }
  * html #Liste {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }
#Liste p {
    font-size: 0.7em;
    margin: 0;
  }
#Liste hr {
	border-style:dotted;
	color: #666;
	}
#Liste table { background-color:#EFEFEF; border:0px none; width:100%; font-size: 0.7em }
#Liste tr { vertical-align:top }
#Liste th { text-align:left; background-color:#808080; color:#FFFFFF }/*#808080 dunkles grau*/
#Liste td { font-size: 0.9em}

/* FUSSZEILE (als letzte Zeile) */
  p#Fusszeile {
    clear: both;
    font-size: 0.7em;
    margin: 0;
    padding: 0;
    text-align: center;
    border: 0px none;
  }