body
{
  background-image:url("grafik/bg-7.jpg");
  /*padding:0.5em;*/
  margin-bottom:10px;
  /*margin-left:1em;
  margin-right:3em;
  margin-top:1em;
  margin-bottom:1em;*/
}
*
{
  font-family:ARIAL,HELVETICA;
  font-size:16px;
  color:#0F0F0F;
  margin:0px;
  padding:0px
}


/*für Bilder im Text oben rechts*/
.topleft
{
  left:0px;
  top:0px;
  float: left;
/*  padding: 0px 10px 4px 0px;*/
/*  border-style:solid;
  border-color:#99C;
  border-width:1px;*/
/*  margin-bottom:10px;
  margin-right:10px;
  margin-top:10px;*/
  font-weight:bold;
  font-size:12px;
}


.bottomright
{
  right:0px;
  bottom:0px;
  float:right;
  padding: 0px 0px 3px 4px;
/*  border-style:solid;
  border-color:#99C;
  border-width:1px;
  margin-bottom:10px;
  margin-left:10px;
  margin-top:10px;*/
  font-weight:bold;
  font-size:12px;
}
/* für die Bildtafeln*/
.right
{
  right:0px;
  top:0px;
  float: right;
  padding: 2px 2px 5px 5px;
/*  border-style:solid;
  border-color:#99C;
  border-width:1px;
  margin-top:10px;*/

  font-weight:bold;
  font-size:12px;
}

.left{
  left:0px;
  top:0px;
  float: left;
  padding: 2px 5px 5px 2px;
/*  padding: 0px 4px 10px 0px;*/
/*  border-style:solid;
  border-color:#99C;
  border-width:1px;
  margin-top:10px;
  margin-bottom:0px;*/
/*  margin-right:12px;
  /*margin-left:10px;*/
  /*padding-right:5px;*/
  font-weight:bold;
  font-size:12px;
}

#tafel
{
  border-style:solid;
  border-color:#99C;
  border-width:1px;
  background-image:url("grafik/bg-10.jpg");
  position:absolute;
  width:900px;
  height:96%;
  /*padding:20px;*/
}

div
{

  position:absolute;

}

div.tafel
{
  position:absolute;
  left:3px;
  top:3px;
  border-style:solid;
  width:980px;
  border-color:#99C;
  border-width:1px;
  background-image:url("grafik/bg-10.jpg");
}
div.info
{
  position:absolute;
  left:500px;
  top:410px;
  width:480px;
  border-style:solid;
  border-color:#99C;
  border-width:1px;
  background-image:url("grafik/bg-10.jpg");
  visibility:hidden;
}
div.jahr{
  background-image:url("grafik/bg-8.jpg");
  margin:0px;
  padding:0px;
  position:absolute;
/*  left:3px;*/
  z-index:100;
  border-style:solid;
  border-width:1px;
  border-color:#99C;
  font-weight:500;
}
div.nav{
  position:absolute;
  top:720px;
  left:940px;
  z-index:4;
}

.border{
  border-style:solid;
  border-width:1px;
  border-color:#99C;
}

img.abb{
  border-style:solid;
  border-color:#99C;
  border-width:1px;
}

p{
  padding-left:20px;
  padding-right:20px;
  font-weight:500;
  margin-top:0;
  margin-bottom:0;
}
p.img{
  padding:0px;
  margin:0px;
}
table
{
/*  width:100%;*/
}
td.nav
{
  background-image:url("grafik/bg-10.jpg");
  padding:0.3em;
  border-style:solid;
  border-color:#99C;
  border-width:1px;
}

td.legende{
  font-size:12px;
}

td.kartenlink
{
  background-image:url("grafik/bg-8.jpg");
  padding:10px;
  border-style:solid;
  border-color:#99C;
  border-width:1px;

}

td{
  text-align:justify;
}

td.tafel{
  width:150px;
  font-weight:600;
  font-size:12px;
  vertical-align:top;
}

td.beschreibung{
  /*font-weight:bold;*/
  vertical-align:top;
  padding-right:1em;
  padding-bottom:1em;
  width:120px;
}


h1{
  font-size:2em;
  color:#EEF;
  padding-top:5px;
  margin-top:0px;
  padding-bottom:10px;
   padding-left:20px;
}
h1.vergl{
  padding-top:0px;
  margin-top:0px;
}
h2 {
  font-size:1.6em;
  color:#DDE;
  padding-top:20px;
  padding-bottom:10px;
}

h3 {
  padding-top:20px;
  font-size:1.2em
}
h4{
  font-weight:600;
  font-size:14px;
  padding:1px;
  margin-top:5px;
  padding-left:20px;
  color:#224;
}
h4.kursiv{
  font-style:italic;
}

a {text-decoration:none}
.alert {
  color:#f00;

}


img{
  border-style:none;
  border-width:0px;
}

img.navigationmain{
  margin:2px;

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

}
a:hover {
  color:#DDD;
}