/* Standardelemente */

body
{
  /* font: 100% Geneva, Arial, Helvetica, sans-serif; */
  margin:0;padding:0;
  color: #800000;
}

p , td, li
{
  font-family: Arial;
  font-size: 12;
  margin:0;padding:0;
  color: #800000;
  text-align:justify;
  margin-right:10px;
}

td
{
  text-align:left;
}

h1
{
  font-family: Arial;
  font-size: 20;
  font-weight: bold;
}

h2
{
  font-family: Arial;
  font-size: 16;
  font-weight: bold;
}

h3
{
  font-family: Arial;
  font-size: 14;
  font-weight: bold;
}

a
{
  color: #800000;
  text-decoration:none;
}

a:hover
{
  color:#FFFFFF;
  background-color: #800000;
  text-decoration:none;
  font-weight: bold;
}

/* Divs */

#titel
{
  /* Position und Größe */
  position:absolute; top:0px; left:0px; height:120px; width:100%;
  /* Layer */
  z-index:3;
  /* Rahmen */
  border-width:0px;
}

#titel h1
{
  color:white; text-align:left; margin-left:200px; margin-top:30px; margin-bottom:0;
}

#titel h3
{
  color:white; text-align:left; margin-left:250px; margin-top:0;
}


#pop_menu
{
  /* Position und Größe */
  position:absolute; top:122px; left:0px; height:30px; width:100%;
  /* Layer */
  z-index:100;
  /* Rahmen */
  border-width:1px; border-style:solid; border-color:#800000;
  /* Rahmen links/oben/rechts ausschalten */
  border-top: none; border-left: none;  border-right: none;

  text-align:justify;
  /* Innenabstand */
  padding:0px; margin:0px;
}

#menu
{
  /* Position und Größe */
  position:absolute; top:165px; left:2px; height:400px; width:180px;
  /* Layer */
  z-index:3;
  /* Rahmen */
  border-width:1px; border-style:solid; border-color:#800000;
  background:#F9E9A9;
  text-align:justify;
  /* Innenabstand */
  padding:0px;
}

#inhalt
{
  position:absolute; top:170px; left:190px; width:770px; z-index:1;
  border-width:0px; border-style:solid; border-color:black; padding:5px; text-align:justify;
  /* border-style:ridge; border-width:5px;  funzt nur im Opera ... */
  /* Scrolleiste wenn Inhalt zu groß */
  /* ohne entstehen Scrolleisten, hier erwünscht overflow: auto; */
  /* background-color:; */
  text-align: left;
}

#inhalt2
{
  position:absolute; top:170px; left:190px; width:620px; z-index:1;
  border-width:0px; border-style:solid; border-color:black; padding:5px; text-align:justify;
  /* border-style:ridge; border-width:5px;  funzt nur im Opera ... */
  /* Scrolleiste wenn Inhalt zu groß */
  /* ohne entstehen Scrolleisten, hier erwünscht overflow: auto; */
  text-align: left;
}

#login
{
  /* Position und Größe */
  position:absolute; top:165px; left:855px; height:100px; width:145px;
  /* Layer */
  z-index:3;
  /* Rahmen */
  border-width:1px; border-style:solid; border-color:#800000;
  /* abgerundete Ecken ...     */
  /* background: url(../images/box.gif) no-repeat bottom left width="50%"; */
  background:#F9E9A9;
  text-align:justify;
  /* Innenabstand */
  padding:0px;
}

/*
#login h3
{
  background: url(../images/box.gif) no-repeat top left;
}
*/

#aktuell
{
  /* Position und Größe */
  position:absolute; top:165px; left:825px; width:170px;
  /* Layer */
  z-index:3;
  /* Rahmen */
  border-width:1px; border-style:solid; border-color:#800000;
  background:#F9E9A9;
  text-align:justify;
  /* Innenabstand */
  padding:10px;
}

#aktuell a
{
  font-size: 12;
}

#etc
{
  /* Position und Größe */
  /* ehemals
  position:absolute; top:535px; left:875px; height:85px; width:150px; */
  position:absolute; top:520px; left:10px; height:85px; width:150px;
  /* Layer */
  z-index:3;
  /* Rahmen */
  border-width:0px;
  /* Innenabstand */
  padding:0px;
}
#etc .p
{
  vertical-align:middle;text-align:justify;
}

#foto
{
  /* Position und Größe */
  position:absolute; top:150px; left:415px; height:200px; width:250px;
  /* Layer */
  z-index:3;
  /* Rahmen */
  border-width:0px;
  /* Innenabstand */
  padding:0px;
}

/*
#kopf{top:0;height:105px;background: #fff url(/images/macmouse.jpg) no-repeat left top;}
#fuss, #verlauf{font-size:80%;padding:2%;border-top:1px solid #026;border-bottom:1px solid #026;background:#cdf url(/images/bar.png) repeat-x top left;}
#navigation{float:left;padding:1%;padding-right:3%;}
#navigation ul{list-style:none;padding-left:1em;margin:0;}
#navigation ul ul{list-style:url(/images/arrow.gif);}
#inhalt{float:left;padding:1% 3%;width:65%;border-left:1px solid #026;}
#fuss{clear:both;}
#rahmen{margin-left:10%;width:80%;border:1px solid #026;border-bottom:none;}
a:link, a:visited{color:#026;text-decoration:underline;text-decoration:none;}
a.aktuell:link,a.aktuell:visited{background:#02b;color:#fff;text-decoration:none;}
a:hover{color:#02b;text-decoration:underline;}
a.aktuell:hover{color:#cdf;}
*/


/* Better optics for good browsers */
/*
div#navigation li{border:1px outset #ccc;padding-right:1%;width:100%;}
li.aktuell{background:#02b;border:1px inset #ccc !important;}
div#navigation li:hover{background:#cdf;}
li.aktuell:hover{background:#02b !important;}
*/
/* Hacks for annoying browsers */
/*
* html div#navigation li{border:none;padding-right:0;width:auto}
* html li.aktuell{background:none;border:none !important;}
*/