/* HTML */
/* FC0 Gold         */
/* C00 Rot          */
/* FFFF00 Gelb      */
/* FFC Pastellgelb  */
/* F8F8FF Ghost White ganz helles grau */

html {
scrollbar-face-color: #FC0; 
scrollbar-highlight-color:#FFFF00; 
scrollbar-shadow-color: #333399; 
scrollbar-3dlight-color: #FFF; 
scrollbar-arrow-color: #000; 
scrollbar-track-color: #C00; 
scrollbar-base-color: #C00;
scrollbar-darkshadow-color: #000;}

/* BODY */
body { 
    color: black; background-color: #F8F8FF;
    background: #F8F8FF;
    font-size: 90%;
    font-family: Verdana,Helvetica,Arial,sans-serif;
    margin: 0; padding: 0;
    min-width: 845px
 }
/* ALLGEMEIN (gilt für alles) */

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

.feld {
    font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size : 11px; border: 1px solid #FC0;
	}
.feldklein {
    font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size : 10px; border: 1px solid #FC0;
}
.feldgross {
    font-family: Verdana,Helvetica,Arial,sans-serif;
	font-size : 13px; border: 1px solid #FC0;
}

.button {
	font-family : Verdana,Helvetica,Arial,sans-serif;
	font-size : 11px;
	background-color:#FC0; border: 1px solid #FC0;
	color: #000;
}
.buttonred {
	font-family : Verdana,Helvetica,Arial,sans-serif;
	font-size : 11px;
	background-color: #C00; border: 1px solid #C00;
	color: #FFF;
}
p            { margin:0 }
/* LISTEN */
li           { font-size: 0.8em }
/* HYPERLINKS */
a:link       { color: #C00; font-family: Verdana, Arial, Helvetica; text-decoration:none }
a:visited    { color: #C00; font-family: Verdana, Arial, Helvetica; text-decoration:none }
a:active     { color: #C00; font-family: Verdana, Arial, Helvetica; text-decoration:none }
a:hover      { color: #C00; font-family: Verdana, Arial, Helvetica; background-color: #FC0; text-decoration:none }

/* Ü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 {
	font-size: 1.1em;
	background-color: #FFF;
	border: 0px none;
	height: 85px;
	padding: 5px 0 0 0;
	margin:0;
  }
#Navigation p {
    font-size: 0.7em;
    margin: 3px 5px;
    padding: 0;
	 background-color: #FFF ;
	 color:#FFF
  }

#Navigation ul {
	display: block;
	width: auto;
	height: 25px;
	margin: 0 5px;
	padding: 0; border: 1px solid silver;
	background: #FFC;
}
#Navigation li {
	display: inline;
}
#Navigation 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: #C00; background: #FC0;
  }
#Navigation a:hover {
	color: #FFFFFF; background: #C00; }
#Logout {
	color: #FC0; background: #C00; }

/* NAVIGATION2 (Untermenü) */
#Navigation2 {
    font-size:1em;
    background-color: #FFCC00; /*thanh duoi mau vang*/
    border: 0px none;
	height: 20px;
	padding-top: 5px;
	padding-left: 10px;
	z-index:7; margin-left:0px; margin-right:0px; margin-top:0px; margin-bottom:5px; padding-right:0; padding-bottom:0
  }

#Navigation2 ul {
	display: block;
	width: auto;
	height: 5px;
	margin: 5px;
	padding: 0;
}
#Navigation2 li {
	display: inline;
	 color:#000000; /*chu mau den*/
	 font-weight:bold;
	 cursor:pointer;
}

/* LINKS (linke Spalte) */
#Links {
	clear:left; float: left; width: 20%;
	margin: 10px 5px; padding: 0;
	border: 1px solid silver;
	background-color: #FFC;
	}
#Links h5 {
	clear: both;
	font-size: 0.8em;
	background-color: #666;
	color:#FFF;
	margin: 1px; 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:#C00; background-color: #FFC; font-size:1em; float:left; text-decoration:none; font-weight: bold; padding:1px; margin:0; width:100%}
#Links a:visited    { color:#C00; background-color: #FFC; font-size:1em; float:left; text-decoration:none; font-weight: bold; padding:1px; margin:0; width:100%}
#Links a:active     { color:#C00; background-color: #FFC; font-size:1em; float:left; text-decoration:none; font-weight: bold; padding:1px; margin:0; width:100%}
#Links a:hover      { color:#C00; background-color: #FC0; 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: 10px 5px; padding: 0;
	border: 0;
	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:#C00; background-color: #FFF; font-size:1em; float:left; text-decoration:none; font-weight: bold; padding:1px; margin:0; width:100%}
#Rechts a:visited    { color:#C00; background-color: #FFF; font-size:1em; float:left; text-decoration:none; font-weight: bold; padding:1px; margin:0; width:100%}
#Rechts a:active     { color:#C00; background-color: #FFF; font-size:1em; float:left; text-decoration:none; font-weight: bold; padding:1px; margin:0; width:100%}
#Rechts a:hover      { color:#C00; background-color: #FFF; font-size:1em; float:left; text-decoration:none; font-weight: bold; padding:1px; margin:0; width:100%}

/* CONTENT (mittlere Spalte) */
#Content {
	float: left; width: 54%;
	margin: auto;
	padding: 1%;
  }
* 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: auto;
	padding: 1%;
	text-align: left;
  }
  * html div#Form {
    height: 1em;  /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
  }
#Form p {
    font-size: 0.7em;
    margin: 0;
  }
#Form hr {
	border-style:dotted;
	color: #060;
	}
#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: 1em }
#Form tr { vertical-align:top; font-size: 0.8em}
#Form th { text-align:left; background-color:#808080; color:#FFFFFF }
#Form td { text-align:left; vertical-align:top; font-size: 0.9em}

/***** 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: #060;
	}
#Liste table { background-color:#EFEFEF; border:0; width:100%; font-size: 0.8em }
#Liste tr { vertical-align:top }
#Liste th { text-align:left; background-color:#808080; color:#FFFFFF }
#Liste td { font-size: 0.9em}

/* FUSSZEILE (als letzte Zeile) */
  p#Fusszeile {
    clear: both;
    font-size: 0.7em;
    margin: 0 5px;
    padding: 0.1em;
    text-align: center;
    background-color: #FFC;
    border: 1px dotted silver;
  }