/* CSS-Formate für www.efg-tanna.de
   Beschreibung: Grundformate
   geändert am: 19.01.2009   background-color:#99FF99;
 */

  /* zentriert die ganze Seite
  .zentrum
  {
   position: absolut;
   height:100%;
   width: 100%;
   left: 50%;
   top: 50%
   margin-left: -150px;
   margin-top: -150px;
  }         */

  /* Verweise #f3dcd6*/
  a:link {color: #0000FF; font-size: 10pt;}
  a:visited {color: #0000FF; font-size: 10pt;}
  a:active {color: #FF0000; font-size: 10pt;}
  a:hover {color: #9C6300; background-color: #FFDD00; font-size: 10pt; font-weight: bold;}

  /*
  link = noch nicht besuchte Seite ("#800080")
  alink =aktive Seite              (rot "#FF0000")
  vlink =bereits besuchte Seite    (blau "#C0C0C0")
  */

  .typA { margin: 1cm 0 0 0; background-color:#FFFF31; }  /* #DFDFDF */

  .typB { margin: 1cm 2cm; background-color:#FFFF99; }

  .typC { margin: 1cm 2cm 3cm; background-color:#99FFFF; }

  .typD { margin: 1cm 2cm 3cm 4cm; background-color:#FF99FF; }

  .SN1
  {
   margin-left:60px;
   color:red;
  }

  .allg
  {
   text-align: center;
   font-family: Geneva, Helvetica, Verdana, Arial;
  }

  p.Block
  {
   text-align: justify;
   margin-right: 10px;
  }

  tr                /* Tabelle allgemein */
  {
   text-align: center;
  }

  table.Info           /* Infoseite, Text nach links in Zeilen */
  {
   text-align: left;
  }


  .noJS          /* Hinweis für kein Javascript */
  {
   background-color: #EFEFEF;
  }

  .typA  	/* Abstand der Inhaltsleiste nach links */
  {
    margin-left:4pt;
  }



  .Kreuz
  {
   text-align: center;
   font-size: 180%;
   font-family: Times New Roman, Georgia, Times, Geneva;
   background-color: #FFC;
  }

  .Initial:first-letter /* Initial am Anfang */
  {
   font-size: 260%;
   font-style: italic;
   float: left;
  }
  .Initial
  {
   font-size: 100%;
   font-style: normal;
   text-align: justify;
  }

/* ========================== */


 .text
 {
   font-family:Geneva,Verdana,Arial,Helvetica;
   font-size: 18px;
   color: #FFFFFF;
 }



 /* ab hier neu!!!!!! === */
 /* !!!   http://aktuell.de.selfhtml.org/artikel/css/footer/#footer_feststehend */

html, body {
    overflow: hidden;
    height:100%;
    width: 1240px;
    align: center;
    padding:0px;
    margin:20px;
    color: black;
}

#header
 {
    position:fixed;
    align: center;
    width: 99%;
    top:0px; left:0px; right:0px;
    text-align:center;
    color: black;
    padding:0px;
    z-index:9;
}

#index_header
 {
    position:fixed;
    align: center;
    width: 99%;
    top:0px; left:0px; right:0px;
    text-align:center;
    color: #9F0000;  /* #CE0000; */
    padding:0px;
    margin:0px;
}

.Abs1           /* für Überschriften */
 {
   font-family: Arial, Geneva, Helvetica, Verdana;
   font-style: normal;
   font-size: 18pt;
   font-weight: bold;
   text-align: center;
   letter-spacing: 4pt;
   line-height: 32pt;
}

hr.normal      /* Trennungsbalken */
  {
   bg-color:#999900; /* Mozilla 1.4 */
   background:#999900;    /* IE 6 */
   background-color:#999900;
   color:#999900;
   width:100%;
   border:#999900;   /* Opera 7.11 */
   /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
   height:4pt;
  }

#content_container
 {
    position:fixed;
     height:100%; width:98%; top:56px; left:6px; right:2px;
}

 /* Und für den Internet Explorer */
* html #header {
    margin:0;
}

* html #content_container {
    position:absolute;
    height:90%; width:98%; top:100px; left:2%; right:0px;
}

@media sreen {
    body>#header{position:fixed;}
    body>#footer{position:fixed;}
}
 /* ================================================================= */

  /* für das Menue */
.menu {
z-index:9;
padding:0;
margin:0;
width:150px;
border-color:black;
border-width:2px;
position:fixed;
}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {
position:relative;
z-index:9;
padding:0;
margin:0;
width:150px;
list-style-type:none;
top:40px;
float:left;
/* for IE */
_top:20px;
_float:left;
}

.menu ul.u2 {
z-index:3;
}

/* style the list items */
.menu li {
background:khaki;
padding:0;

list-style-type:none;
/* for IE */
_float:left;
}

.menu li.sub {background:khaki no-repeat right center; z-index:11;}
.menu li.subcolor {background:#F9F033; no-repeat right center; z-index:11;}
.menu li.sub2 {background:#eee8aa; z-index:3;}

/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; font-size:1em;}

/* style the links */
.menu a, .menu a:visited {
display:block;
text-decoration:none;
line-height:28px;
width:149px;
color:#000;
font-family: Arial;
font-size:10pt;
text-indent:5px;
_text-align:left;
border:1px solid #fff;
border-width:0 1px 1px 1px;
}
/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:160px; w\idth:159px;}
/* style the link hover */
* html .menu a:hover {color:#efa; background:#ccCC00; background-color:#CCCC00; position:relative;}

.menu li:hover {position:relative;}

/* For accessibility of the top level menu when tabbing */
.menu a:active, .menu a:focus {color:#efa; background:#aa7;}

/* retain the hover colors for each sublevel IE7 and Firefox etc */
.menu li:hover > a {color:#efa; background:#aa7;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu li ul {
z-index:5;
visibility:hidden;
position:absolute;
top:-30px;
/* set up the overlap (minus the overrun) */
left:99px;
/* for IE */
_left:99px;
/* set up the overrun area */
padding:30px;
/* this is for IE to make it interpret the overrrun padding */
background:transparent url(transparent.gif);
}

/* for browsers that understand this is all you need for the flyouts */
.menu li:hover > ul {visibility:visible;}

/* for IE5.5 and IE6 you need to style each level hover */
/* second level visible when hover on first level link */
.menu ul a:hover ul {visibility:visible;
}

#content_right {
	border:1px solid sienna;
	background-color:#FFFFCE;
  z-index:1;
	width:80%;
  height:82%;
	padding:10px;
	margin: 0;
	position:absolute;
	top:40px;
	left:200px;
  overflow:auto;

/* for IE */
  _width:81%;
  _height:89%;
  _top:20px;
  _left:200px;
}

/* Schaukastenbild */
#content_right2 {
	border:1px solid khaki;
	background-color:              /*#CEFF63; */
  z-index:1;
	width:80%;
  height:57%;
	padding:10px;
	margin: 0;
	position:absolute;
	top:40px;
	left:200px;
	overflow:auto;

/* for IE */
	_width:81%;
	_height:64%;
	_top:20px;
	_left:200px;
}

/* Schlagschatten */
DIV.schatten1, DIV.schatten2, DIV.schatten3, DIV.schatten4, DIV.schatten5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }
DIV.schatten1 {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.schatten2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.schatten3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.schatten4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.schatten5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid #fff;
   margin: 0.7em 1em;
   }

DIV.schatten1 IMG {
   border: 0px solid #666;
   margin: 0;
   display:block;
   position: relative;
   top: -3px;
   left: -3px;
   }

 #a0 {  position:absolute; left:22%; }
 #a1 {  position:absolute; top:120px; left: 33%; }
 #a2 {  position:absolute; top:200px; left: 80px; }
 #a3 {  position:absolute; top: 60px; left:120px; }
 #a4 {  position:absolute; top:350px; left:180px; }
 #a5 {  position:absolute; top: 80px; right: 20px; }
 #a6 {  position:absolute; top:140px; right:170px; }
 #a7 {  position:absolute; top:200px; right: 50px; }
 #a8 {  position:absolute; top:230px; right: 260px; }
 #a9 {  position:absolute; top:270px; left:100px; }
 #a10 { position:absolute; top:440px; left: 50px; }
 #a11 { position:absolute; top: 30px; right:230px; }
 #a12 { position:absolute; top:360px; right:50px; }
 #a13 { position:absolute; top:300px; right: 100px; }
 #a14 { position:absolute; top:410px; right: 80px; }
 #a15 { position:absolute; top:480px; right: 140px; }
 #a16 { position:absolute; top:500px; left: 16px; }
 #a17 { position:absolute; top:130px; left: 180px; }
 #a18 { position:absolute; top:590px; left: 50px; }
 #a19 { position:absolute; top:520px; left: 15px; }
 #a20 { position:absolute; top:555px; left: 0px; }
/* Ende */