body { background-color: #505050; margin:0px; padding:4px; font-family: tahoma, arial, sans-serif; font-size:76%; }

.lo { background:url(../images/tl.JPG) top left no-repeat;     margin:0px; padding:0px; width:994px; }
.ro { background:url(../images/tr.png) top right no-repeat;    margin:0px; padding:0px; }
.ru { background:url(../images/br.png) bottom right no-repeat; margin:0px; padding:0px; }
.lu { background:url(../images/bl.png) bottom left no-repeat;  margin:0px; padding:0px; }
.inhalt { text-align: left; margin:0px; padding:15px; } 

#wrapper     { margin:0px; padding:0px; text-align: left; }
#category    { margin:0px; padding:0px; }
#chapter     { margin:0px; padding:1px; font-size:18px; color:white; background-color: maroon;}
#subchapter  { margin:0px; padding:0px; float: left;  width: 150px; height: 580px; }

#content    { float: left;  width: 490px; height: 570px; margin: 0px; padding: 10px 10px 0px 10px; overflow:auto; }
#content p  { margin: 0.8em 0em; padding:0px;}
#content em { font-weight:bold; font-style:normal;}
#content blockquote { margin:5px 0px; padding: 0px; border: 1px solid maroon; font-style: italic; color: maroon; 
                      background-color: white;}
#content blockquote p { margin: 5px; padding: 0px;}
cite  { font-weight:bold; }
table { width:96%; border:1px solid #000; border-collapse:collapse; empty-cells:show; }
th    { vertical-align:top; padding: 10px; border-bottom:1px solid #000; }
td    { vertical-align:top; padding: 10px; }

#footer   { clear: both; padding: 1px; margin: 0px; background-color: maroon; color: white; font-size:14px; }
#footer a { color: white;}
#footer a:visited { color: gray;}

  /* ****************************************** */
  /* *** Gallerie im rechten Seitenstreifen *** */
  /* ****************************************** */
#gallery { margin:0px; padding:0px; float: right; width: 304px; height: 580px; }
#gallery { position:relative; border:0px solid #000;}
#gallery div { font-weight:normal; width:298px; height:473px; text-align:left; position:absolute; top:106px; left:3px; color:#000; z-index:1; border: 0px; cursor:default; }

a.gallery, a.gallery:visited {display:inline; background-color: #505050; color:#000; text-decoration:none; border:1px solid #000; width:47px; height:47px; float:left; margin:2px 2px; padding:0px; position:relative; cursor:default; }
a.gallery span {visibility:hidden; display:block; position:absolute; width:298px; height:453px; top:189px; left:9px; color:#000; text-align:left; border:0px solid #fff; cursor:default; }

a.slide1 span {left: 0px;   top:103px;} 
a.slide2 span {left:-53px;  top:103px;} 
a.slide3 span {left:-106px; top:103px;}
a.slide4 span {left:-159px; top:103px;}
a.slide5 span {left:-212px; top:103px;}
a.slide6 span {left: 0px;    top:50px;}
a.slide7 span {left:-53px;   top:50px;}
a.slide8 span {left:-106px;  top:50px;}
a.slide9 span {left:-159px;  top:50px;}
a.slide10 span {left:-212px; top:50px;}

a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}
a.gallery:hover span {visibility:visible; z-index:100;}
a.gallery:hover span img {margin:0px; border:0px solid #000; position:relative; z-index:100;}
a.gallery:active, a.gallery:focus {border:1px solid maroon; z-index:10;}
a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}
a.gallery:active span img, a.gallery:focus span img {border:0px solid #000; position:relative; margin:0px; z-index:10;}
a.gallery br.clear {clear:left;} /* damit der Text unter dem Bild ausgegeben wird */

  /* **************************************** */
  /* *** Hauptnavigation in der Kopfzeile *** */
  /* **************************************** */
#category ul     { margin: 0px; padding: 0px; width:950px; height:140px; padding-bottom: 3px; text-align: left; }
#category ul li  { margin: 7px; padding: 0px; width:110px; height:120px; display: inline; list-style: none; }
#category ul img { margin: 0px; padding: 0px; width:110px; height:120px; border: 0px; }
#category ul img#logo{ width:130px; height:130px; margin: 0px; padding: 0px; border: 0px; }

  /* ************************************************** */
  /* *** Kapitel-Navigation unterhalb der Kopfzeile *** */
  /* ************************************************** */

#chapter ul { margin: 0px; padding: 0px; padding-left: 0px; background-color: maroon; }
#chapter ul li { list-style: none; display: inline; }
#chapter ul li a {
	width: 120px;
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	color:white;
	float: left; 
 }
  * html #chapter ul a {  /* Korrektur fuer IE 5.x */
    width: 140px;
    w\idth: 120px;;
  }
#chapter ul li div a {
	width: 38px;
	margin-left: 5px;
	margin-right: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	color:white;
	float: left; 
}

#chapter ul li a:hover { color: black; }
#chapter ul div { clear: left; }

  /* *********************************************** */
  /* *** Seitennavigation im A-Bereich           *** */
  /* *********************************************** */

#subchapter ul      { margin: 0px; padding: 0px; padding-left: 3px; line-height: 1.7em; }
#subchapter ul li   { list-style: none; display: block; }
#subchapter ul li a { width: 120px; margin: 2px; text-decoration: underline; text-align: left; color: white; }
* html #subchapter ul li a {  /* Korrektur fuer IE 5.x */
    width: 140px;
    w\idth: 120px;
  }

#subchapter ul li a.aktuell { font-weight: bold; }
#subchapter ul li a:hover   { color: white; background-color: maroon; }

  /* *** ENDE *** */