/*
last update 04.03.07
*/

html {
margin: 0;
padding: 0;
}
body {
background-color: #E3C699;
color: #fff;
background-image: none;
font-family:Verdana, Arial, sans-serif;
font-size:101%; /* fuer Opera */
}
/*
	Margins und Paddings generell auf 0 setzen
*/
h1, h2, h3, h4, p, ul, li, a {
 margin: 0;
 padding: 0;
}

h1.fault {
 margin-top:10px;
 font-size:20px;
 }

/* Hervorhebungen */
em,.hervorheb{
 font-weight:normal;
 font-style:normal;
}

acronym {
 border-bottom: 1px dotted #666;
 cursor:help;
}
hr{
 color:#666;
 height:1px;
}

/*
	===================
	ID CONTENT
	Alles umschliessende Box, zentriert;
	Hintergrundbild hier zusaetzlich einbinden, damit
	die Menue-"Spalte" durchgehend erscheint.
*/
#content {
position:relative;
background-image:none;
/*background-image: url(01Screen.jpg);*/
width:500px;height:200px;
margin:5px auto;
padding:0;
background-color:#003871;
color:#ccc;
border:1px solid #000;
}
/*
	===================
	ID LISTBOX
*/
#listbox {
position:absolute;
top:5px;
left:0;
width:230px;
background-image:none;
/*background-image: url(01Screen.jpg);*/
margin:0;
padding:0px 6px 6px 6px;
background-color:#D9F1F9;/*#B7EAEE;*/
border:1px solid #000;
color:#CCCCCC;
}
/*
	Allgemein
*/
#listbox ul {
list-style:none outside;
}
#listbox ul ul  {
margin-left: 30px;
}
#listbox ul li  {
margin-top:4px;
background-color:#304e6a;
color:#fff;
border-top:1px solid #000;
border-bottom:1px solid #000;
}
/*
	In dieses LI wird die naechste Liste eingeschachtelt
*/
#listbox ul li.ohne {
margin:0;
background-color:transparent;
color: #ccc;
border: 0 none;
}
/*
	Allgemeines Aussehen der Links
*/
#listbox ul a {
display:block;
background-color:transparent;
color: #ccc;
padding: 1px 0px 1px 8px; /* 8px Abstand zu border-left (definiert ab Zeile 117) */
font-family: Verdana, sans-serif;
font-size: 95%;
font-variant: small-caps;
font-weight: normal;
text-decoration: none;
}
#listbox ul a:hover {
background-color: #5b7a97;
color: #fff;
border-left: 7px solid #fc9; /* siehe auch Zeile 124 */
}
/*
	Optional zur Anzeige der aktuellen Rubrik
*/
#listbox ul a.aktiv {
background-color: #5b7a97;
color: #fff;
border-left: 7px solid #fc9;
}
/*
	Erste Ebene
	Steuern der verschiedenen Breiten je nach Verschachtelung;
	Borders und Paddings jeweils einrechnen;
	falls 'transitional': Conditional Comments fuer MSIE notwendig.
 */
#listbox ul li  {
width: 230px;
}
#listbox ul a {
width: 215px;
border-left: 6px solid #c0b090;
}
/*
	Zweite Ebene
*/
#listbox ul ul li {
width: 200px;
}
#listbox ul ul a {
width: 185px;
border-left: 5px solid #d0c0a0;
}
/*
	Dritte Ebene
*/
#listbox ul ul ul li {
width: 170px;
}
#listbox ul ul ul a {
width: 155px;
border-left: 4px solid #d0c0a0;
}
/*
	Vierte Ebene
*/
#listbox ul ul ul ul li {
width: 140px;
}
#listbox ul ul ul a {
width: 125px;
border-left: 3px solid #e0d0b0;
}

/*
	===================
	ID TEXTBOX
*/
#textbox {
position: relative; /* MSIE will es so - warum auch immer ... */
margin-left: 245px;
background-color: #FEFFE6;
color: #000;
border: 1px solid #000;
}

#textbox p {
margin-top: 10px;
padding: 0 30px 10px 40px;
font-size: 90%;
line-height: 150%;
}
#textbox p.klein  {
font-size: 60%;
}
#textbox p.initial {
 margin-top:-1px;
 margin-right:1px;
 font-size:1.5em;
 font-weight:bold;
 float:left;
}
/*
	Headings
*/
#textbox h1 {
font-size: 150%;
letter-spacing: 2pt;
padding: 30px 0px 20px 20px;
background-color: #FFFCD9;
}
#textbox h2 {
font-size: 130%;
letter-spacing: 1pt;
padding: 15px 0px 10px 30px;
background-color: #FFFCD9;
}
#textbox h3 {
font-size: 120%;
letter-spacing: 1pt;
padding: 10px 0px 10px 35px;
background-color: #FFFCD9;
}
#textbox h4 {
font-size: 110%;
letter-spacing: 1pt;
padding: 10px 0px 10px 40px;
background-color: #FFFCD9;
}
/*
	Links
*/
#textbox a {
text-decoration: none;
border-bottom: 1px solid #c0b090;
border-left: 1px solid #c0b090;
padding: 0px 3px;
}
textbox a.ext {
 padding-left:14px;
 background-image: url(xext.gif);
 background-repeat: no-repeat;
 background-position: left;
}

textbox a.ext2{
 padding-left:15px;
 background-image: url(xext.gif);
 background-repeat: no-repeat;
 background-position: left top;
}

#textbox a:link {
background-color: #e9d9b8;
color:#00009B;
}
#textbox a:visited {
background-color: #e9d9b9;
color: #800080;
}
#textbox a:hover {
background-color: #e9d9b9;
color: #0000FF;
}
#textbox a:active {
background-color: #e9d9b9;
color: #00009B;
}
/*
	Seitenanfang
*/
#textbox div.topper {
padding: 10px 0px 10px 0px;
background-color:  #d9c9a9;
color: #333;
}
/*
Seitegestaltung
*/

/* -- ID fuer head navigation */

#header {
 width:100%;
 position:relative;
 background-image: none;
/* background-image:url(blau.jpg);*/
 background-color: #003871;
 border:1px solid #666;
 z-index:2;
}

#header, #navi1, #brkr, #content {
 clear:both;
 float:left;
 width:100%;
 height:10%;
 position:relative;
 font-size:80%;
 vertical-align:bottom;
}

#navi1 {
 padding-top:1px;
 background-color:#fff;
 border:1px solid #666;
 color:#000;
 z-index:2;
 }
/* Brotkruemmel */
#brkr {
 text-align:left;
 color:#fff;
 background-image: none;
/* background-image: url(lichtorange.jpg);*/
 background-color:#FFA000;
 font-size:100%;
 font-style:italic;
 font-weight:normal;
 border:1px solid #666;
 z-index:5;
}

#footer {
 clear:both;
 font-size:80%;
 text-align: right;
/* margin:0;*/
 z-index:1;
}

.sponsor {
 text-align:left;
 font-size:10px;
 vertical-align:top;
 color: #000;
}

/*
Listen im Textbereich
*/
.aufz {
margin-left: 20px;
}
.aufz ul {
list-style: none outside;
}
.aufz ul li {
margin-left: 20px;
font-size:90%;
list-style : circle;
}
.aufz ul li ul {
margin-left: 30px;
list-style : circle;
}

/* Nach-oben-Link am Ende der Seite oder irgendwo */
#pageup {
 clear:both;
 text-align:right;
 margin-bottom:1px;
}
/* Hyperlinks nach oben */
#pageup a{
 padding-left:10px;
 background: url(xup.gif) no-repeat left;
}
.up {
 clear:both;
 text-align:right;
 margin-bottom:1px;
}

.up a{
padding-left:15px;
background: url(xup.gif) no-repeat left;
}

a.down{
 background:  url(xdown.gif) no-repeat left;
 padding-left: 10px;
}
/* Hyperlinks für externe Seiten */
a.ext{
 padding-left:14px;
 background-image: url(xext.gif);
 background-repeat: no-repeat;
 background-position: left;
}

a.ext2{
 padding-left:15px;
 background-image: url(xext.gif);
 background-repeat: no-repeat;
 background-position: left top;
}

a.intdn{
 padding-left:15px;
 background-image: url(download.png);
 background-repeat: no-repeat;
 background-position: left top;
}


/*
	===================
	Sonstiges
*/
.home2 {
 clear:both;
 width:60%;
 height:10%;
 position:absolute;
 left:250px;
 top:5px;
}

.invis {
display: none;
}

img {
border: none;
}
.noselect {
 display: none;
}
.zentriert {
 text-align: center;
}
.klein {
 font-size: 0.6em;
}
.norm {
 font-size: 0.8em;
}
.schwarz {
background-color: transparent;
color:#000;
}
.rot {
background-color: transparent;
color:#f00;
}
.fett {
font-weight:bold;
}

/* Quellcodeanzeige */
pre {
 background-color: #f7f7f7;
 border: 1px dashed #666;
 color: #000;
 font-size: 1.2em;
 margin: 0px 0px;
 padding: 15px 5px;
}

code {
 background-color: inherit;
 color: #bd0329;
 font-size: 1.2em;
}

/* Tabellenlayout */


table {
 font-size:1em;
 border: #000 1px solid;
}
td,th {
 vertical-align:top;
}
th, .th{
  background-color:#efefef;
  border-bottom: #666 1px solid;
  padding:3px;
  text-align:center;
  font-weight:bold;
}
.table {
  border: #666 1px solid;
  padding:2px;
  width:99%;
  border-spacing:0px;
  border-collapse:collapse;
  font-family:Arial;
}
.table td {padding:2px;}


/* Abwechselnd eine Zeile hell und eine dunkel */
.u {
 background-color:#fff;
 color:inherit;
}
.g {
 background-color:#CACACA;
 color:inherit;
}

.g a, .u a {white-space:nowrap;}

/*
	===================
	 Acceskey-number-Pad
*/
#acc-key {
 font-size:0.9em;
 left: 1%;
 line-height: 1.1em;
 position: relative;
 text-align: center;
 width: 10.3em;
}
.acc-br {clear: left;}
.acc-deak {
 border: 1px dotted #D7E9FF;
 display: block;
 float: left;
 margin-bottom: 0.25em;
 margin-right: 0.25em;
 padding: 0.1em 1em;
 width: 0.9em;
}
.acc-hidden {display: none;}
#acc-key a {
 border: 1px solid #6F6F6F;
 display: block;
 float: left;
 margin-bottom: 0.25em;
 margin-right: 0.25em;
 padding: 0.1em 1em;
 text-decoration: none;
 width: 0.9em;
}
#acc-key a:link {
 background: #D3D3D3;
 color: #000;
 font-weight: normal;
 text-decoration: none;
}
#acc-key a:visited {
 background:#D3D3D3;
 color:#000;
 font-weight:normal;
 text-decoration:none;
}
#acc-key a:hover {
 background:#778899;
 color: #FFFFF2;
 font-weight: bold;
 text-decoration: none;
}
#acc-key a:active {
 background: #BF0000;
 color: #FFFFF2;
 font-weight: normal;
 text-decoration: none;
}
#acc-key a:focus {
 background: #000080;
 color: #FFFFF2;
 font-weight: bold;
 text-decoration: none;
}
#acc-logo {
 font-size: 0.9em;
 letter-spacing: 0;
 line-height: 1.0em;
 text-decoration: inherit;
}
#acc-logo a {
 background-color: inherit;
 border:0;
 color:#FF0000;
 margin:0.25em 0 0 0.25em;
 padding:0.25em;
 text-decoration:none;
}
#acc-logo a:link {
 border: 0;
 font-weight: normal;
 padding: 0;
 text-decoration: none;
}
#acc-logo a:visited {
 border: 0;
 font-weight: normal;
 padding: 0;
 text-decoration: none;
}
#acc-logo a:hover {
 background: transparent;
 border: 0;
 font-weight: normal;
 padding: 0;
 text-decoration: none;
}
#acc-logo a:active {
 border: 0;
 font-weight: normal;
 padding: 0;
 text-decoration: none;
}
#acc-logo a:focus {
 border: 0;
 font-weight: normal;
 padding: 0;
 text-decoration: none;
}
.acc-text {
 background-color: inherit;
 color: #000080;
 font-variant: small-caps;
 font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
 font-style: normal;
 font-weight: bold;
 letter-spacing: 0;
}
.acc-text em {
 background-color: inherit;
 color: #F00;
 font-style: italic;
 letter-spacing: 0;
}
.accesskey {text-decoration: underline;}