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

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

b{
 display: block;
 border-bottom: 1px solid rgb(250,220,50);
 color: rgb(0,0,0);
 margin-top: 15px;
 margin-bottom: 2px;
 text-align: left;
 width: auto;
 }

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

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

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

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

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

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

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

#hyper a,
#down a{
 display: block;
 width: 95%;
 padding: 1px 3px;
 margin: 0px auto 3px;
 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 center;
 background-repeat: no-repeat;
 background-color: rgb(250,220,50);
 }

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

#hyper a:hover,
#down a:hover{
 background-color: rgb(250,250,80);
 }

/* Dekoration */
.bild{
 margin: 0px auto;
 padding: 3px;
 border: 3px groove rgb(200,200,200);
 background-color: rgb(200,200,200);
 }

.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;
 padding-right: 10px;
}

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

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


.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%;
 }

.scroll{
 width: 90%;
 height: 70px;
 overflow: auto;
 text-align: left;
 margin: 10px 0;
 border: 1px solid rgb(100,100,100);
 background-color: rgb(255,255,255);
 font-size: 80%;
 padding: 5px 10px;
 }

hr {
  width: 85%;
  /*color: red;*/
  height: 2px;
  margin: 0 auto;
  padding: 0;
  border-top: 1px dashed transparent;
  border-bottom: 1px dotted rgb(100,100,100);
 }

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

.zwanzig{
 width: 19%;
 }

.dreizig{
 width: 32%;
 }

.vierzig{
 width: 39%;
 }

.sechzig{
 width: 59%;
 }

.siebzig{
 width: 69%;
 }

.achtzig{
 width: 79%;
 }

td b{
 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);*/
 margin: 3px auto;
 padding: 0px;
 font-size: 90%;
 border: 1px solid rgb(200,200,200);
 }

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

th{
 color: rgb(50,50,50);
 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: 100%;
 font-weight: bold;
 text-align: center;
 }

tr{
 vertical-align: top;
 }