/*****************************
*   Autor: Barbara Drischel  *
******************************/

 /* Überschriften */
.content h4,
.content h3 {
 font-size: 105%;
 color: rgb(150,0,0);
 margin: 10px 0;
 padding: 2px;
 text-align: left;
 border-bottom: 3px double rgb(127,0,0);
 }

b{
 display: block;
 border-bottom: 1px dotted rgb(127,0,0);
 color: rgb(127,0,0);
 margin-top: 20px;
 text-align: left;
 width: auto;
 }

i{
 font-style: normal;
 color: rgb(127,0,0);
 }

h4 b{
 display: inline;
 border-bottom: transparent;
 }

/* anpassen übergroßer img auf spaltenbreite */
#zoom{
 width: 96%;
 height: auto;
 margin: 0px;
 padding: 0px;
 }

/* Verschiebung nach links oder rechts */
#li{
 float: left;
 margin-right: 1px;
 }

#re{
 float: right;
 margin-left: 1px;
 }

/* Allgemeine Formatierung */
p {
 font-size: 100%;
 line-height: 1.3em;
 text-align: left;
 }

.hyper li{
 list-style-type: none;
 }

.hyper a,
.down a{
 display: block;
 width: 80%;
 padding: 2px 10px;
 margin: 2px auto 10px;
 text-decoration: none;
 text-align: center;
 border: 1px dotted black;
 border-right: transparent;
 border-top: transparent;
 color: black;
 background-image: url(../img/hyper.png);
 background-position: right 0px;
 background-repeat: no-repeat;
 background-color: rgb(225,225,225);;
 }

.down a{
 background-image: url(../img/download.png);
 }

.hyper a:hover,
.down a:hover{
 background-color: rgb(240,240,240);
 }

/* Dekoration */
.bild{
 margin: 0px;
 padding: 2px;
 border: 4px groove rgb(0,0,0);
 background-color: rgb(127,0,0);
 }

.jump{
 clear: both;
 display: block;
 float: right;
 width: 100%;
 background-color: transparent;
 text-decoration: none;
 /*border: 1px solid red;*/
 }

.jump img{
 padding: 5px 10px;
 margin: 0;
 background-image: none;
 background-color: transparent;
 text-decoration: none;
 }

ul, ol{
 text-align: left;
 padding-left: 30px;
}

ol li{
 list-style-type: decimal;
 }

ul li{
 list-style-type: circle; /* square circle disc none decimal */
 list-style-position: outside; /*inside  */
 margin-left: 15px;
 }


.weiter a{
 text-decoration: none;
 font-size: 90%;
 display: block;
 color: black;
 padding: 3px 10px;
 margin: 5px 0;
 background-image: url(../img/a-href-foot.jpg);
 border: 1px dotted black;
 border-left: transparent;
 border-top: transparent;
 }

.weiter a:hover{
 background-image: url(../img/a-hover-foot.jpg);
 }

.weiter{
 width: 48%;
 }

hr {
  width: 85%;
  /*color: red;
  height: 15px;*/
  border-top: 1px dashed transparent;
  border-bottom: 1px dashed rgb(100,100,100);
 }

.halb{
 width: 49%;
 /*border: 1px solid black;*/
}

.zwanzig{
 width: 19%;
 }

.dreizig{
 width: 32%;
 }

.vierzig{
 width: 40%;
 }

.sechzig{
 width: 60%;
 }

.achtzig{
 width: 80%;
 }


td b{  /* s. auch content.css */
 width: auto;
 border-bottom: transparent;
 margin-top: 0px;
 }

/* Tabellen, wenn sie mal vorkommen */
table{
 width: 100%;
 border-collapse: separate;
 border-spacing: 1px;
 background-color: transparent; /*rgb(100,100,100);*/
 text-align: center;
 margin: 3px auto;
 padding: 0px;
 font-size: 80%;
 border: 1px solid rgb(200,200,200);
 }

td {
 text-align: left;
 padding: 2px 5px;
 background-color: transparent;
 border-bottom: 1px dotted rgb(100,100,100);
 border-right: 1px dotted rgb(100,100,100);
 }

th{
 color: black;
 background-color: rgb(225,225,225);
 background-image: url(../img/foot.jpg);
 padding: 5px 12px;
 border-bottom: 1px solid rgb(50,50,50);
 border-right: 1px solid rgb(50,50,50);
 font-size: 105%;
 font-weight: bold;
 }

tr{
 vertical-align: top;
 }

td a{
 display: block;
 font-size: 85%;
 padding: 2px 5px;
 margin: 1px;
 text-decoration: none;
 text-align: center;
 border: 1px dotted black;
 border-right: 1px solid transparent;
 border-top: transparent;
 color: rgb(0,0,0);
 background-image: url(../img/a-href.jpg);
 background-color: rgb(225,225,225);;
 }

td a:hover{
 background-image: url(../img/a-hover.jpg);
 background-color: rgb(255,255,255);
 }

/*  listen  */

.auftrag th{
 background-image: none;
 background-color: rgb(127,0,0);
 color: white;
 }

.i-karten th{
 background-image: none;
 background-color: rgb(0,127,0);
 color: white;
 }

.buecher th{
 background-image: none;
 background-color: rgb(0,0,250);
 color: white;
 }

.gesang th{
 background-image: none;
 background-color: #FFBF00;
 color: black;
 }

.teleporter th{
 background-image: none;
 background-color: #00E0FF;
 color: black;
 }

.orte th{
 margin-top: 12px;
 background-image: none;
 background-color: #CEEAEC;
 color: black;
 }