/*Allgemeine Bemerkung vorab: Durch die Angabe em sind die Größenangaben
relativ, d.h. die Größenangabe h1 berechnet sich auf der Basis des font-size des
einzelnen div-Bereichs*/

/*---------------------------------------------*/
/* Body */
/*---------------------------------------------*/
body {
     font-family:'Verdana';
     font-size:10pt; /*bei Änderung verändert sich das Layout, es muss bei Inhalt-3 div margin nachjustiert werden*/
     font-weight:normal;
     margin:0em 0em 0em 0em; /* oben rechts unten links */
     color:#1C1C1C;
     text-align:left;
     background-color:#FFFFFF;
     min-width: 40em; /* Mindestbreite verhindert Umbruch und Anzeigefehler in modernen Browsern */
     }

h1 {
    font-size: 16pt;
    color:#66CC66;
    margin: 1em 0em  2em 0em; /* oben rechts unten links */
    text-align:center;
   }

/*---------------------------------------------*/
/* Logo */
/*---------------------------------------------*/
div#Logo {
    text-align:center;
    margin:1em 0em 1em 0em; /*oben rechts unten links*/
    }

/*---------------------------------------------*/
/* leerer Bereich:
Abstand zwischen Menü und Text
erforderlich, um im Firefox das Fenster ordentlich verkleinern zu können*/
/*---------------------------------------------*/
div#Blank {
    background-color:#FFFFFF;
   }

/*---------------------------------------------*/
/* Counter */
/*---------------------------------------------*/

/* Counter: für Besucher seit ... */
div#Kolumne p.zaehler {
    font-size: 0.7em;
    text-align:left;
    }

/*----------------------------------------------------------*/
/* Linke Spalte (Kolumne): Kolumne bzw. Verweise, Impressum */
/*---------------------------------------------------- -----*/
div#Kolumne {
    font-size:0.8em; /*bei Änderung verändert sich das Layout, es muss bei Inhalt-3 div margin nachjustiert werden*/
    float: left; width:16em;
    border: 1px dotted silver;
    background-color:#F5F5F5;
    margin:0em 0em 0em 0em;  /* oben rechts unten links */
    padding:0em 0.7em 0em 0.7em;  /* oben rechts unten links */
  }

div#Kolumne h1 {
    font-size: 1.3em;
    color:#66CC66;
    text-align:left;
    margin:0em 0em 0.5em 0em;  /* oben rechts unten links */
  }

div#Kolumne h1.rot {
    color:#BE0C09;
    text-align:left;
    margin:0em 0em 0.5em 0em;  /* oben rechts unten links */
  }

div#Kolumne h2, h3 {
    font-size:1em;  /*bezug ist hier font-size von div:Kolumne*/
    margin:1.3em 0em 0.5em 0em;  /* oben rechts unten links */
  }

div#Kolumne a {
    line-height:2em;
    text-decoration:none;
    color:#3366FF;
   }

div#Kolumne b.rot {
    line-height:2em;
    color:#BE0C09;
   }

/*---------------------------------------------*/
/* Rechte Spalte (Info)                        */
/*---------------------------------------------*/
div#Info {
    font-size:0.8em; /*bei Änderung verändert sich das Layout, es muss bei Inhalt-3 div margin nachjustiert werden*/
    line-height:1.4em;
    float: right; width:16em;
    border:1px dotted silver; background-color:#FFFFFF;
    background-color:#F5F5F5;
    margin:0em 0em 0em 0em;  /* oben rechts unten links */
    padding:0em 0.7em 0em 0.7em;  /* oben rechts unten links */
  }

div#Info h1 {
    font-size: 1.2em;
    text-align:center;
    margin:0em 0em 0.5em 0em;  /* oben rechts unten links */
    color:#BE0C09;
  }

div#Info h2 {
    font-style:italic;
    margin:0em 0em 0.5em 0em;  /* oben rechts unten links */
    color:#BE0C09;
  }

div#Info b.rot {
    color:#BE0C09;
   }

div#Info a.Links {
    color:#3366FF;
   }

div#Info ol {
    list-style-type:decimal;
    list-style-position:inside;
    margin: 0.5em 0em 0em 0em; /* oben rechts unten links */
  }

div#Info li {
    margin: 0em 0em 0.5em 0em; /* oben rechts unten links */
  }

div#Info img.zentriert {
    border:none;  /*unterdrückt den Rahmen, den ein Hyperlink farbig kennzeichnet*/
    /*Manchmal muss nicht der Text selbst zentriert werden, sondern vielmehr der gesamte
    Block inkl. des darin enthaltenen Textes. Oder anders ausgedrückt - wir möchten die
    rechten und linken margin Abstände gleich setzen. Um das zu erreichen vergeben wir den
    margin Eigenschaften den Wert 'auto'. Auf diese Weise können auch Bilder zentriert werden.
    Wir behandeln das Bild selbst als Blockelement und weisen ihm die entsprechenden margin
    Eigenschaften zu. */
    display: block;
    margin-left: auto;
    margin-right: auto;
   }

/*--------------------------------------------------*/
/* 3-spaltiges Template: Mittlere Spalte (Inhalt) */
/*-------------------------------------------------*/
div#Inhalt-3 {
    margin:0em 14em 0em 14em; /* oben rechts unten links */
    padding:0em 1.2em 0em 0.7em;   /* oben rechts unten links */
    border: 0px solid silver;
  }

/*Titel einer Seite, z.B. Aktuelles*/
div#Inhalt-3 h1.Titel {
    font-size: 1.5em;
    color:#FFFFFF;
    background-color:#66CC66;
    margin: 0em 0em  0em 0em; /* oben rechts unten links */
    text-align:center;
   }

/*Überschriften im Text*/
div#Inhalt-3 h1 {
    font-size: 1.35em;
    color:#66CC66;
    margin: 0em 0em 0em 0em; /* oben rechts unten links */
    text-align:left;
   }

div#Inhalt-3 h1.rot {
    color:#BE0C09;
    margin: 0em 0em 0.5em 0em; /* oben rechts unten links */
   }

div#Inhalt-3 h2 {
    font-size: 1.1em;
    color:#660066;
    margin: 0em 0em  0em 0em; /* oben rechts unten links */
    text-align:left;
   }

div#Inhalt-3 h3 {
    font-size: 1em;
    color:#000000;
    margin: 0em 0em  0em 0em; /* oben rechts unten links */
    text-align:left;
   }

div#Inhalt-3 h3.rot {
    color:#BE0C09;
    margin: 0em 0em  0em 0em; /* oben rechts unten links */
    text-align:left;
  }
/*Links*/
div#Inhalt-3 a {
    color:#3366FF;
   }
div#Inhalt-3 a:visited {
             color:#660066;
             }

div#Inhalt-3 a:focus {
             color:#BE0C09;
             } /*für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0)*/

div#Inhalt-3 a:hover {
             color:#BE0C09;
             }   /*für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0)*/

div#Inhalt-3 a:active {
             color:#BE0C09;
            }


/*Portal-Seiten*/
div#Inhalt-3 a.Links {
    font-size:0.8em;
    line-height:1.5em;
    color:#3366FF;
    text-decoration:none;
   }

div#Inhalt-3 a.Links:visited {
             color:#666699;
             }

div#Inhalt-3 a.Links:focus {
             color:#BE0C09;
             } /*für Elemente, die den Fokus erhalten, z.B. durch "Durchsteppen" mit der Tabulator-Taste (CSS 2.0)*/

div#Inhalt-3 a.Links:hover {
             color:#BE0C09;
             }   /*für Elemente, während der Anwender mit der Maus darüber fährt (CSS 2.0)*/

div#Inhalt-3 a.Links:active {
             color:#BE0C09;
            }

div#Inhalt-3 p.Portal {
    font-weight:bold;
    color:#000000;
    margin: 0em 0em  0em 0em; /* oben rechts unten links */
    text-align:left;
   }


div#Inhalt-3 hr {
    width:100%;
    height:2px;
    color:#66CC66;
   }

div#Inhalt-3 hr.grau {
    width:100%;
    height:2px;
    color:#808080;
    }

div#Inhalt-3 p {
    margin: 0.3em 0em  0.3em 0em; /* oben rechts unten links */
  }
div#Inhalt-3 p.rot {
    color:#BE0C09;
    margin: 0em 0em  0.5em 0em; /* oben rechts unten links */
  }

div#Inhalt-3 b.rot {
    color:#BE0C09;
   }

div#Inhalt-3 b.Achtung {
    color:#BE0C09;
   }

div#Inhalt-3 li {
    margin: 0.5em 0em 0.5em 0em; /* oben rechts unten links */
  }

div#Inhalt-3 li.rot {
    color:#BE0C09;
    margin: 0em 0em  0.5em 0em; /* oben rechts unten links */
  }

div#Inhalt-3 div.Kasten {
    border: 1px dotted silver;
    margin:0em 0em 0em 0em;  /* oben rechts unten links */
    padding:0em 0.7em 0em 0.7em;  /* oben rechts unten links */
  }

div#Inhalt-3 div.Kasten-rot {
    color:#BE0C09;
    border: 1px dotted silver;
    background-color:#F5F5F5;
    margin:0em 0em 0em 0em;  /* oben rechts unten links */
    padding:0em 0.7em 0em 0.7em;  /* oben rechts unten links */
  }

div#Inhalt-3 div.Kasten-Portal {
    color:#000000;
    border: 1px dotted silver;
    margin:0em 0em 0em 0em;  /* oben rechts unten links */
    padding:0em 0.7em 0em 0.7em;  /* oben rechts unten links */
  }

div#Inhalt-3 td {
    vertical-align:top;
   }

div#Inhalt-3 table.mit_Rahmen {
    border-collapse:collapse;
    border:1px;
    border-style:solid;
    border-color:#66CC66;
  }

div#Inhalt-3 td.mit_Rahmen {
    vertical-align:top;
    border:1px;
    border-style:solid;
    border-color:#66CC66;
    padding-left:0ps;
    padding-right:10px;
    padding-top:5px;
    padding-bottom:5px;
  }

/* Spezielle Formate für die Literaturseite: literatur.html*/
div#Inhalt-3 p.Bildtext {
    line-height:1.5em;
    margin:0em 0em 0em 1em;  /* oben rechts unten links */
  }

div#Inhalt-3 p.Daten {
    font-size:0.8em;
    line-height:1.5em;
    margin:0em 0em 0em 1em;  /* oben rechts unten links */
  }


/*Spezielle Formate für die Rechtsseite, benötigt im Arbeitsrechts ABC*/
div#Inhalt-3 a.Links_no_underline {
    font-family:Verdana;
    font-size:8pt;
    line-height:2em;
    text-decoration:none;
    color:#3366FF;
   }


 /*---------------------*/
/*Menu-Layout: mlddmenu */
/*----------------------*/
div#Menu hr {
    text-align:left;
    width:100%;
    color:#DCDCDC;
    }

.mlddm
{	margin: 0;
	padding: 0;
  width:100%;
	background: url(../Control/includes/topbg.gif);
	height: 24px}

	.mlddm li
	{	display: inline;
		margin: 0;
		padding: 0;
		list-style: none;
		float: left;
		font: bold 12px arial}

/*Hauptmenupunkte*/
	.mlddm li a, .mlddm li a#buttonnohover
	{	display: block;
		text-align: center;
		color: #3D3D3D;
		padding: 5px 11px;
		margin: 0;
		/*width: 70px;*/
		text-decoration: none;
		white-space: nowrap;}

	.mlddm li a:hover, .mlddm li a#buttonhover
	{	color: #FFFFFF;
		background: #34537C url(topbgd.gif)}   /*die Bildangabe hat keine Wirkung, da bewusst der Pfad nicht stimmt*/

  /*Untermenue*/
		.mlddm ul
		{	z-index: 100;
			margin: 0;
			padding: 0;
			visibility: hidden;
			position: absolute;
			background: #EEEEEE url(../Control/includes/menubg.gif)}
		
		.mlddm ul li
		{	float: none}

		.mlddm ul li a
		{	width: auto;
			margin: 0px;
			padding: 3px 20px 3px 15px;
			font-weight: normal;
			text-align: left;
			text-decoration: none;
			color: #3D3D3D}   /*Submenupunkte*/

		.mlddm ul li a:hover
		{	color: #FFFFFF;
      font-weight:bold;
			background: #34537C}    /*Submenupunkte*/

		.mlddm .hsub
		{	background: no-repeat right url(../Control/includes/arrow.gif)}

		.mlddm .hsub:hover
		{	background: #34537C no-repeat right url(../Control/includes/arrow.gif)}

/*--------------------------------------------------*/
/* 1-spaltiges Template: Mittlere Spalte (Inhalt) */
/*-------------------------------------------------*/
div#Inhalt-1 {
    margin:0em 0em 0em 0em; /* oben rechts unten links */
    padding:0em 0.7em 0em 0.7em;   /* oben rechts unten links */
    border: 0px solid silver;
  }

div#Inhalt-1 h1.Titel {
    font-size: 1.35em;
    color:#FFFFFF;
    background-color:#66CC66;
    margin: 0em 0em  0em 0em; /* oben rechts unten links */
    text-align:center;
   }


/*--------------------------------------------------*/
/* 2-spaltiges Template: Mittlere Spalte (Inhalt)   */
/* wird verwendet z.B. BR-Wahlergebnisse                                   */
/*-------------------------------------------------*/

div#Inhalt-2 {
    margin:0em 0em 0em 12.5em; /* oben rechts unten links */
    padding:0em 0.7em 0em 0.7em;   /* oben rechts unten links */
    border: 0px solid silver;
  }

/*Inhalt-2* benötigt für BR-Wahlergebnisse */
div#Inhalt-2 h1 {
    font-size: 1.35em;
    color:#66CC66;
    margin: 0em 0em 0em 0em; /* oben rechts unten links */
    text-align:left;
   }

div#Inhalt-2 h2 {
    font-size: 1.1em;
    }

div#Inhalt-2 h1.Titel {
    font-size: 1.5em;
    color:#FFFFFF;
    background-color:#66CC66;
    margin: 0em 0em  0em 0em; /* oben rechts unten links */
    text-align:center;
   }

div#Inhalt-2 p  {
    color:#000000;
    margin: 0.2em 0.3em;
    text-align:left;
   }

div#Inhalt-2 li.rot-ol {
    color:#FF0000;
    margin: 0.2em 0.3em;
    text-align:left;
   }

div#Inhalt-2 li.rot-ul {
    color:#FF0000;
    margin: 0.2em 0.3em;
    text-align:left;
   }

div#Inhalt-2 li.schwarz {
    color:#000000;
    margin: 0.2em 0.3em;
    text-align:left;
   }


