body {
  	background-color: #000000;
  	margin: 0;
  	padding: 0;
         color: #AFAFAF;
         font-size: 0.8em;
         font-family: myriad, verdana, arial, helvetica, sans-serif;
         font-weight : normal;
         text-decoration: none;
}

  .inhalt a:before {
  content: url(link.gif);
 }

  .inhalt a:link {
  background-color: black;
  color: #8F8F8F;
  text-decoration: none;
  }

  .inhalt a:active {
  background-color: black;
  color: #EFEFEF;
  text-decoration: none;
  }

  .inhalt a:visited {
  background-color: black;
  color: #CFCFCF;
  text-decoration: none;
  }

  .inhalt a:hover {
  background-color: black;
  color: #EFEFEF;
  text-decoration: underline;
  }

a.disko {
	font-size: 1.1em;
         font-weight: bold;
         display: block;
         margin: 2px 0 2px 0;
}

a.disko:before {
	content: inherit;
}


img {
	border: none;
}

img#navi {
	width: 115px;
         height: 66px;
         float:left;
}

img.naviklein {
	width: 98px;
         height: 23px;
         position: relative;
         top: 6px;
         right: 1px;
}

div#navigation {
	width: 666px;
	height: 80px;
         position: absolute;
         top: 0;
         left: 50%;
         margin: 20px 0 0 -300px;
}

#novitas a {
	color: black;
	width: 50px;
         height: 50px;
         margin: 0 10px 0 10px;
         border: 1px solid #2F2F2F;
         background-image: url(novitaskx.jpg);
         float: left;
         display: block;
}

#novitas a:hover {
	color: black;
	border:1px solid #4F4F4F;
         background-image: url(novitask.jpg);
}

#novitas a span {
	display:none;
}

#novitas a:hover span {
	position: absolute; top:47px; left:10px;
	display:block;
	color:#D5D2C6;
         width: 100px;
         height: 30px;
         border-left: 1px solid #4F4F4F;
         border-bottom: 1px solid #4F4F4F;
         margin:0;
         text-align: right;
}

#historia a {
	color: black;
	width: 50px;
         height: 50px;
         margin: 0 10px 0 10px;
         border: 1px solid #2F2F2F;
         background-image: url(historiakx.jpg);
         float: left;
}

#historia a:hover {
	color: black;
	border:1px solid #4F4F4F;
         background-image: url(historiak.jpg);
}

#historia a span {
	display:none;
}

#historia a:hover span {
	position: absolute; top:47px; left:82px;
	display:block;
	color:#D5D2C6;
         width: 100px;
         height: 30px;
         border-left: 1px solid #4F4F4F;
         border-bottom: 1px solid #4F4F4F;
         margin:0;
         text-align: right;
}

#personae a {
	color: black;
	width: 50px;
         height: 50px;
         margin: 0 10px 0 10px;
         border: 1px solid #2F2F2F;
         background-image: url(personaekx.jpg);
         float: left;
}

#personae a:hover {
	color: black;
	border:1px solid #4F4F4F;
         background-image: url(personaek.jpg);
}

#personae a span {
	display:none;
}

#personae a:hover span {
	position: absolute; top:47px; left:154px;
	display:block;
	color:#D5D2C6;
         width: 100px;
         height: 30px;
         border-left: 1px solid #4F4F4F;
         border-bottom: 1px solid #4F4F4F;
         margin:0;
         text-align: right;
}

#musicum a {
	color: black;
	width: 50px;
         height: 50px;
         margin: 0 10px 0 10px;
         border: 1px solid #2F2F2F;
         background-image: url(musicumkx.jpg);
         float: left;
}

#musicum a:hover {
	color: black;
	border:1px solid #4F4F4F;
         background-image: url(musicumk.jpg);
}

#musicum a span {
	display:none;
}

#musicum a:hover span {
	position: absolute; top:47px; left:226px;
	display:block;
	color:#D5D2C6;
         width: 100px;
         height: 30px;
         border-left: 1px solid #4F4F4F;
         border-bottom: 1px solid #4F4F4F;
         margin:0;
         text-align: right;
}

#accusatio a {
	color: black;
	width: 50px;
         height: 50px;
         margin: 0 10px 0 10px;
         border: 1px solid #2F2F2F;
         background-image: url(accusatiokx.jpg);
         float: left;
}

#accusatio a:hover {
	color: black;
	border:1px solid #4F4F4F;
         background-image: url(accusatiok.jpg);
}

#accusatio a span {
	display:none;
}

#accusatio a:hover span {
	position: absolute; top:47px; left:298px;
	display:block;
	color:#D5D2C6;
         width: 100px;
         height: 30px;
         border-left: 1px solid #4F4F4F;
         border-bottom: 1px solid #4F4F4F;
         margin:0;
         text-align: right;
}

#scaena a {
	color: black;
	width: 50px;
         height: 50px;
         margin: 0 10px 0 10px;
         border: 1px solid #2F2F2F;
         background-image: url(scaenakx.jpg);
         float: left;
}

#scaena a:hover {
	color: black;
	border:1px solid #4F4F4F;
         background-image: url(scaenak.jpg);
}

#scaena a span {
	display:none;
}

#scaena a:hover span {
	position: absolute; top:47px; left:370px;
	display:block;
	color:#D5D2C6;
         width: 100px;
         height: 30px;
         border-left: 1px solid #4F4F4F;
         border-bottom: 1px solid #4F4F4F;
         margin:0;
         text-align: right;
}

#imaginis a {
	color: black;
	width: 50px;
         height: 50px;
         margin: 0 10px 0 10px;
         border: 1px solid #2F2F2F;
         background-image: url(imaginiskx.jpg);
         float: left;
}

#imaginis a:hover {
	color: black;
	border:1px solid #4F4F4F;
         background-image: url(imaginisk.jpg);
}

#imaginis a span {
	display:none;
}

#imaginis a:hover span {
	position: absolute; top:47px; left:442px;
	display:block;
	color:#D5D2C6;
         width: 100px;
         height: 30px;
         border-left: 1px solid #4F4F4F;
         border-bottom: 1px solid #4F4F4F;
         margin:0;
         text-align: right;
}

#monstrator a {
	color: black;
	width: 50px;
         height: 50px;
         margin: 0 10px 0 10px;
         border: 1px solid #2F2F2F;
         background-image: url(monstratorkx.jpg);
         float: left;
}

#monstrator a:hover {
	color: black;
	border:1px solid #4F4F4F;
         background-image: url(monstratork.jpg);
}

#monstrator a span {
	display:none;
}

#monstrator a:hover span {
	position: absolute; top:47px; left:514px;
	display:block;
	color:#D5D2C6;
         width: 100px;
         height: 30px;
         border-left: 1px solid #4F4F4F;
         border-bottom: 1px solid #4F4F4F;
         margin:0;
         text-align: right;
}

#epistula a {
	color: black;
	width: 50px;
         height: 50px;
         margin: 0 10px 0 10px;
         border: 1px solid #2F2F2F;
         background-image: url(epistulakx.jpg);
         float: left;
}

#epistula a:hover {
	color: black;
	border:1px solid #4F4F4F;
         background-image: url(epistulak.jpg);
}

#epistula a span {
	display:none;
}

#epistula a:hover span {
	position: absolute; top:47px; left:586px;
	display:block;
	color:#D5D2C6;
         width: 100px;
         height: 30px;
         border-left: 1px solid #4F4F4F;
         border-bottom: 1px solid #4F4F4F;
         margin:0;
         text-align: right;
}

img#inid {
	width: 273px;
         height: 350px;
         position: absolute;
         margin: -175px 0 0 -136px;
         top: 50%;
         left: 50%;
}

img.thema {
	width: 200px;
         height: 400px;
         position: absolute;
         left: 160px;
         top: 200px;
         border: 1px solid #2F2F2F;
}

.inhalt {
	position: absolute;
         width: 55%;
         left: 400px;
         top: 200px;
         border: none;
         display: block;
         margin-bottom: 20px;
}

span.personae {
	width: 300px;
         height: 350px;
         position: absolute;
         left: 100px;
         top: 0px;
         display: block;
}

 a.bild:before {
  content: inherit;
 }

img.personaeklein {
	width: 64px;
         height: 80px;
         display: block;
         margin-bottom: 10px;
}

h1, h2, h3 {
	font-size: 1.2em;
         color: #4F4F4F;
}

h2 {
	font-size: 1.0em;
}

h3 {
	font-size: 0.9em;
}

p {
	color: #BFBFBF;
         text-align: justify;
         line-height: 1.2em;
         margin: 0;
         padding-bottom: 0.6em;
}

p.frage {
	color: #AFAFAF;
         text-align: justify;
         font-weight: bold;
         padding-bottom: 0.2em;
}

p.autor {
	font-style: italic;
         text-align: right;
}

img.accusatiocover {
	margin: 10px;
         width: 100px;
         height: 100px;
}

img.flagge {
	width: 17px;
         height: 10px;
         margin-left: 5px;
}

ul li {
	list-style-type: none;
}

img.coverdisko {
	height: 200px;
         width: 200px;
         float: left;
         margin-bottom: 10px;
}

ol li {
   	padding: 0 !important;
}

ol.disko {
	list-style-type: decimal-leading-zero;
         display: block;
         float: left;
}

p.info {
	margin: 10px 0 10px 0;
      	clear: both;
      	padding:3px;
      	border:1px dashed #4F4F4F;
         background-color: #0F0F0F;
      }



#galerie {
	width: 200px;
         position: absolute;
         left: 160px;
         top: 200px;
         border: 1px solid #2F2F2F;
         background-color: #1F1F1F;
}

#galerie a, #galerie a:visited {
   display: block;
   float: left;
   width: 80px;
   height: 55px;
   margin: 4px;
   border: 1px solid #6F6F6F;
   text-decoration: none;
}

#galerie a span {
   display: none;
}

#galerie a span img {
   border: 2px solid #CFCFCF;
}


#galerie a:focus, #galerie a:active  {
   border: 1px solid #666666;
}

#galerie a:hover  {
   border: 1px solid #CFCFCF;
}

#galerie a:focus span, #galerie a:active span  {
	position: absolute;
         width: 55%;
         left: 220px;
         top: 0;
         border: none;
         display: block;
         margin-bottom: 20px;

}

img.bti {
	width: 126px;
         height: 24px;
         position: absolute;
         left: 190px;
         top: 175px;
}

h3.scaena {
	margin-bottom: 0.1em;
}

img#mkbanner {
	width: 150px;
         height: 29px;
         position: absolute;
         right: 20px;
         top: 30px;
}

img#mail {
	width: 50px;
         height: 30px;
         position: absolute;
         left: 40px;
         top: 80px;
}

p.bgsound {
	padding: 5px;
         text-align: center;
}

div#counter {
	height: 40px;
         width: 200px;
         position: absolute;
         top: 80%;
         left: 50%;
         margin: 0 0 0 -100px;
         font-size: 0.8em;
         color: #3F3F3F;
         text-align: center;
}

div#admin {
	width: 600px;
         position: absolute;
         top: 30px;
         left: 50%;
         margin: 0 0 0 -300px;
         border: 1px solid #3F3F3F;
}

div#eingabe {
	width: 520px;
         position: relative;
         top: 0;
         left: 50%;
         margin: 20px 0 20px -275px;
         border: 1px solid #3F3F3F;
         background-color: #1F1F1F;
         padding: 15px;
}

div#vorschau {
	width: 520px;
         position: relative;
         top: 0;
         left: 50%;
         margin: 20px 0 20px -275px;
         border: 1px dashed #3F3F3F;
         padding: 15px;
}

input {
	width: 400px;
         margin-left: 75px;
         background-color: #EFEFEF;
         border: 1px solid #7F7F7F;
}

input.submit {
	width: 100px;
         margin: 15px 0 20px 120px;
         background-color: #4F4F4F;
         color: #DFDFDF;
}

input.button {
	width: 50px;
         margin: 3px 0 10px 20px;
         background-color: #4F4F4F;
         color: #DFDFDF;
}

textarea {
	width: 400px;
         height: 250px;
         margin-left: 75px;
         background-color: #EFEFEF;
         border: 1px solid #7F7F7F;
}