/*  //////////////////////////////////////////////////////
// -- Allgemeines --
// screen3 dient fuer ein dreispaltiges Layout. //
// Grundfunktionen werden aus screen.css importiert.
// Einheitliche CID Farbdefinitionen //
// #BF0000 = rot = CorporateID-rot //
// #6699CC = hellblau //
// #e7f3f7 = sehr helles blau //
// #0000FF = dunkelblau //
// #808080 = dunkelgrau - Impressum //
// #DFDFDF = hellgrau //
// #000000 = schwarz //
// #FFFFFF = weiß //
//
// Um die meist gewünschte Darstellung dieser Pseudoklassen zu erreichen,
// müssen bei der Notierung die folgende Reihenfolge einhalten:
// :link, :visited, :hover, :active, :focus.
*/
@import url(screen.css);

/* - Hauptnavigation, Linke Spalte - */
#l-sidebar {
 width: 20%; /* Je kleiner das Fenster desto kleiner soll auch die Breite der Subnavigation werden, damit immer genügend Platz für den richtigen Inhalt bleibt. */
 min-width: 10%; /* Damit uns die Subnavigarion nicht zu sehr zusammengeschoben wird. */
 float: left;
 font-size: 0.92em; /* Die Schriftgröße setzen wir hier ein wenig herunter damit erkennbar wird dass das Informationen zweiter Rangordnung sind. */
 text-align:left;
 margin: 80px 0 0 -20px;
 padding:0;                         /* browser default padding überschreiben */
 height:auto !important;
}

#l-sidebar ul{
  text-align:left;
  margin:0;                          /* browser default margins überschreiben */
  padding:0;                         /* browser default padding überschreiben */
}

#l-sidebar li{
	margin:0.45em 0 0 25px;            /* left margin für Einrückung */
	color: #BF0000;
	font-family:Verdana,Arial,Helvetica;
	text-decoration:none;
	padding:0;                           /* browser default margins überschreiben */
	list-style-type:none;                /* browser default padding überschreiben */
	font-weight:bolder;
}
#l-sidebar a {text-decoration: none; color:#BF0000}
#l-sidebar a:link    {color: #BF0000;}
#l-sidebar a:visited {color: #BF0000; }
#l-sidebar a:hover   {text-decoration: none; border-bottom: 1px solid #6699CC; color: #BF0000;background:#EEE}
#l-sidebar a:active  {color: white; background-color: gray;}

#l-sidebar li.level1 {
	font-family:Arial,Verdana,Helvetica;
	font-size: 0.92em;
	color:#000000;
	font-weight:normal;
}
#l-sidebar li.level1 a:link    {color: #000000; }
#l-sidebar li.level1 a:visited {color: #000000; }
#l-sidebar li.level1 a:hover   {text-decoration: underline; border:0;}

#l-sidebar li.active {
	font-family:Arial,Verdana,Helvetica;
	font-weight:900;
	font-size: 0.92em;
}
#l-sidebar li.active a:link {color: #6699CC; }
#l-sidebar li.active a:visited {color: #6699CC;}
#l-sidebar .symbols{               /* styles positionierung symbole */
  float:left;
  width:12px;
  height:1em;
  background-position:0 center;
  background-repeat:no-repeat;
  margin-right: 0.21em;
  margin-top: 0.1em;
}

/* erweiterte Navigation - Sidebar  - Rechte Spalte - */

div#r-sidebar {width: 18%; float:right; padding-top:4.5em;}
div#r-sidebar a:link 	{color:#000000; text-decoration:none;}
div#r-sidebar a:visited	{color:#000000; text-decoration:none;}
div#r-sidebar a:hover	{color:#6699CC; text-decoration:underline;}
div#r-sidebar a:active 	{color:#FC031A; text-decoration:underline;}

/* background:url(../img/_arrows/arrow2_blue.gif) -0em 0.25em no-repeat; */
.ul-1 {margin:0 0 0 0;padding-left: 1px; float:left; }
.ul-1 li {list-style-type:none; margin:0.4em 0 0 0; padding-left:0.25em; font-size: 1.08em; font-weight:900;}
.ul-1 li a {text-decoration: none;}
.ul-1 li ul {margin:0.5em 0 0 0; padding-left:0;}
.ul-1 li ul li {margin: 0.5em 0 0 0.72em;padding-left:1.6em;background:transparent;
                font-size: 0.68em;font-weight:100;}

/* class=imagegalery kann verwendet werden, um einen Link zu einer Bildgalery besonders hervorzuheben.*/
.ul-1 li ul li.imagegalery {
    background-image:url(../img/_decoration/window_open10_12.gif);
    background-repeat: no-repeat;
    background-position: 0 2px;
}

.ul-1 li ul li.active {font-weight:900;
    background-image:url(../img/_decoration/arrow_red.gif);
    background-repeat: no-repeat;
    background-position: 0 2px;
}

.txt-sidebar {color:#6699CC;} /* CI - hellblau */
.txt-sidebarhead a:link{color:#6699CC;} /* CI - hellblau */

/* - Hier Hauptinhaltsteil für 3spaltiges Layout- */
div#inhalt {width: 55%; margin: 1% auto 1em auto; padding: 0 0.5em; line-height: 1.12em; border-right: 1px dashed #aaa; border-left: 1px dashed #aaa;
  font-family: Verdana, Arial, Helvetica, sans-serif;}
div#inhalt a         {color: #0000FF; text-decoration:none;}
div#inhalt a:link 	 {color: #0000FF; text-decoration:none;}
div#inhalt a:visited {color: #000000; text-decoration:underline;}
div#inhalt a:hover   {color: #6699CC; text-decoration:underline;}
div#inhalt h1 {text-align: right; }
div#inhalt h3 {background-color:#FFFFFF; background-image:url(../img/_decoration/verlauf.jpg); background-repeat:repeat-y;}
div#inhalt h4 {margin-bottom: -0.25em; padding-top: 0.2em; border-top: 1px solid #BF0000;}
 /* Textbereich im Hauptbereich. */
div#inhalt p {font-size: 0.80em;}
* html div#inhalt {height: 1.0em;/* Workaround gegen den 3-Pixel-Bug des Internet Explorers */}