body {
  color: black; 
  background-color: #F8F8F8;
  font-size: 100.01%;
  font-family: Calibri,Helvetica,Arial,sans-serif;
  margin: 0; padding: 0;
  background-image:url(/00/bodybackground.png);      /* seitenhintergrund.jpg header_maintheme_background.jpg */
  background-repeat:repeat-x;
}

/* Header =============================== */

div.header {
  background:#3C3C3C;
	background-image:url(/00/headerbackground.png);
	background-repeat:repeat;
	width:auto; 
	min-width:600px;
	height:80px;   /* 81 */
	}

img.headerlogo {
  position:absolute;    /* dann darf anderer text drüberliegen */
	border: 0px solid #000;
	margin: 0px;
}

div.headerselector {
  float:right;
	position:relative;
	top:12px;            /* abstand von oben */
	right:20px;          /* einrück von rechts bzgl. headerline */ 
	width:auto; 
	height:auto;
}

td.headermenu {
	border-right: 0px solid #FFFFFF;
	padding-left:7px;
	padding-right:7px;
}

a.headertext {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	color: #FFFFFF;
	}
a.headertext:link, a.headertext:visited {
	color: #BBB;
	text-decoration:none;
	}
a.headertext:hover { 
	color: #FFF;
	text-decoration:underline overline;
	}

/* Linkes Menü ========================== */

div.navigation {
  float: left; 
  width: 10em;   /* breite für den linken bereich, maß eigentlich irrelevant, hauptsächlich so klein, dass es rechts nicht stört */
  margin: 0; 
  padding: 0;
  padding-top: 20px;        /* damit ein boxmenu nicht in den header ragt */
  /*  border: 1px dashed #09F;  */
}
div.navigation p {
  clear: both;
}

.boxmenu {
  font-family: Verdana,Helvetica,Arial,sans-serif;
 font-size:0.80em;
 margin-left:6px;          /* abstand vom li rand */
 margin-bottom:20px;        /* abstand zu einem anderen, darunter folgenden menü */
 background:#FFF;           /* hintergrundfarbe */
 -moz-border-radius:6px;
 border:1px solid #777;    /* menü Rahmen */
 color:#09F;               /* Textfarbe -> Farbe untergeordneter Bullets */
 padding:5px 0 0 5px;              /* innenabstand vom rahmen */       
 width:19.5em; /* 100% */		/* dies legt die Breite der weißen Boxen fest */
}
.boxmenu ul li {
 width:100%;                /* die breite */
}
.boxmenu ul {
 margin:-8px 4px 5px 6px;         
 padding:0;
 list-style-type:none;
 /* border-top:1px dashed #d7d7d7;            erste gestrichl. Linie */
}
.boxmenu ul > ul {
 display:none; 
 margin:0px 4px 4px;         /* abstand 1. element von oben ; von links ; letztes element von unten */
 padding-left:25px;
 list-style-type:disc;
 /* border-top:1px dashed #d7d7d7;            erste gestrichl. Linie */
}
.boxmenu ul > ul li {
 padding:0px;
}

.boxmenu ul li a,
.boxmenu ul li span {
  display:inline-block;
  width:100%;
  padding:0px 0px 1px 0px;            /* zeilenabstand o/u  einrückung l/r */
  /*  border-left:1px solid #09F;   */    /* balken links von jedem Eintrag */
  /*  border-bottom:1px dashed #d7d7d7;           gestrichl. linie unten */ 
}
.boxmenu > ul li a,
.boxmenu > ul li span {
  display:block;
}
.boxmenu ul li a:link {
 /*   border-left:3px solid #F90;    */   /* linker "balken" beim drüberfahren */
  color:#0000EE;
	text-decoration:none;
}
.boxmenu ul li a:hover {
  color:#000;
  background-color: #DEF;           /* hover-balken = hintergrundfarbe */
	text-decoration:none;     
}
.boxmenu ul li a:visited {
  color:#551A8B;
	text-decoration:none;
}
.caption {
 font-weight:bold;
 position:relative;
 margin:0 0 0 5px;      /* einrücken von links */
 bottom:1em;            /* einrücken/anheben von unten */
}
.caption a {
 padding:2px 8px;         /* innenabstand  o/u  l/r */
 border:1px solid #777;   /* caption Rahmen */
 background:#EEE; /*url(gradient.png) repeat-x;*/     /* hintergrundfarbe */
 color:#000;              /* schriftfarbe */
 -moz-border-radius:4px;
 /*-moz-background-clip:padding !important;*/
}

.activecaption a {
 background:#A1D8FF; /*url(gradient.png) repeat-x;*/     /* hintergrundfarbe */
}
.activebox {
 border:1px solid #09F;    /* menü Rahmen */
}

.activebox ul > ul {
 display:block;
}

.activeitem {
 font-weight:bold;
}

.normalitem {
 font-weight:normal;
}

/* Footer =============================== */

#Footer {
  clear: both;
  font-size: 0.9em;
  margin: 0; 
  padding: 0;       /* .1em;  */
  text-align: left;
  background-image:url(/00/footerlinebackground.png);
  background-repeat:repeat-x;
  /*  border: 1px solid silver; */
}

#Footer img {
  margin: 0;
  padding:0 0 5px 0;
  padding-top: 0;
  float: left;
}
  
#Footer p {
  clear:both;
  margin: 10px;
  padding: 0px;
}
  
/* Hauptfeld ============================ */

div.Inhalt {
  margin: 10px 0px 0px 18em;    /* o,r,u,l:platz für linken bereich */
  /*  padding: 10px 0em 0px 0em;    */
  padding: 0 0.5em;             /* innenabstand o/u  l/r  */
 border:1px solid #BBB;    /* Rahmen */
  min-width: 16em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
  background:#FFF;           /* hintergrundfarbe */
}
div.Inhalt h1 {
  font-size: 1.5em;
	font-weight:bold;
	text-align:left;
  /*  margin: 0 0 1em;  */
}
div.Inhalt h2 {
  font-size: 1.2em;
	font-weight:bold;
	text-align:left;
  display:block;
  padding-left:3px;
  border-left:   2px solid #FFDCA5;
  border-bottom: 2px solid #FFDCA5;
  /* background:#FFDCA5;     */      /* hintergrundfarbe */
  margin: 3ex 0 1ex 0;  /* ORUL */
}
div.Inhalt h3 {
  font-size: 1.0em;
	font-weight:bold;
	text-align:left;
  display:block;
  padding-left:3px;
  border-left:   2px solid #D1ECFF;
  border-bottom: 2px solid #D1ECFF;
  margin: 2ex 0 1ex 0;  /* ORUL */
}
div.Inhalt h4 {
  font-size: 1.0em;
	font-weight:bold;
	text-align:left;
  padding-left:3px;
  border-left:   2px solid #D1ECFF;
  margin: 1ex 0 1ex 0;  /* ORUL */
}
div.Inhalt p {
  font-size:1em;
  /*  margin: 1em 0;  */
}


/* Tabelle mit Linien =================== */
table.linetable {
  border: 1px solid #888;
  border-collapse:collapse;
  border-spacing:0px;
  empty-cells:show;
}
table.linetable th {
  border: 1px solid #888;
  padding: 1px 3px;
	font-weight:bold;
	text-align:left;
	background:#E4E4E4;
}
table.linetable td {
  border: 1px solid #888;
  padding: 1px 3px;
	text-align:left;
	background:#F8F8F8;
}


/* Tabelle mit farbigen Feldern ========= */
table.colortable  {
  border-collapse:separate; 
  border: 1px solid #09F;
  border-spacing:2px;
}
table.colortable th {
  border: 1px none;
  padding: 1px 3px;
	text-align:left;
	background:#FFDCA5;
}
table.colortable td {
  border: 1px none;
  padding: 1px 3px;
	text-align:left;
	background:#D1ECFF;
}

/* Tabelle, zur Textausrichtung (Tabulator)  */
table.tabulator  {
  border-collapse:collapse; 
  border: 0px;
  border-spacing:0px;
}
table.tabulator th {
  border: 0px;
  padding: 0px 3px 0px 0px;
	text-align:left;
}
table.tabulator td {
  border: 0px;
  padding: 0px 3px 0px 0px;
	text-align:left;
	vertical-align:top;
}


/* generelle Einstellungen _______________)  */
.nowrap  { white-space:nowrap; }                /* for td  */
.border1DDD {  border: 1px solid #DDDDDD; }     /* for img */
.floatleft  {float:left;   margin-right:10px; margin-bottom:10px}
.floatright {float:right;  margin-left:10px;  margin-bottom:10px}
.clearright {clear:right;}
.floatclear {clear:both;}
.nomargintop    {margin-top:    0pt;}
.nomarginbottom {margin-bottom: 0pt;}

.hr1 {  /* Horizontal Rule, halbe Länge, blau  */
  width:50%; 
  height:1px;
  color:#09F;
  background-color:#09F; 
  margin-left:0; 
  text-align:left; 
  border:0;
}

.point1 { }

.point1:before { 
  vertical-align:baseline;
  content:url(/00/arrowright01.png);
}

.point2:before { 
  vertical-align:baseline;
  content:url(/00/arrowright02.png);
}

.pointbullet:before { content:"\2022  "; }