body {
font: 13px Verdana, sans-serif;
background: url("nav/hintergrund.jpg") repeat-x 0px 0px;
margin: 0px;
}
/* background: #FC9C86;
/* DE7464
/*  __________ allgemeine Schriftdefinitionen __________  */



h1 {
font: bold 18px/25px Verdana, sans-serif;
color: #000000;
margin-top: 20px;
margin-bottom: 15px;
}

h2 {
font: bold 16px/20px Verdana, sans-serif;
color: #000000;
margin-top: 20px;
margin-bottom: 10px;
}

h3 {
font: bold 13px/15px Verdana, sans-serif;
color: #333333;
margin-top: 10px;
margin-bottom: 20px;
}

h4 {
font: bold 11px/15px Verdana, sans-serif;
color: #666;
margin: 0;
}

hr {
border: dotted 1px #B7A9A0;
margin: 2px 0px 2px 0px;
}

td {
font: 12px/15px Verdana, sans-serif;
color: #000000;
border-bottom:0px dotted #555;
padding: 10px 0px;
}

input {
font: 10px/15px Verdana, sans-serif;
color: #000000;
}

blockquote {
font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
  margin: 5px 5px 10px 10px;
  border:1px dotted #ccc;
  border-width:1px 0;
  padding:5px 15px;
  color:#333333;
  }


ol li {
  margin:0;
  padding:6px 0 6px 6px;
  margin-bottom:6px;
  border-bottom:1px dotted #555;
  line-height:1.4em;
  font-size:100%
}

a:link {color: #666666; text-decoration: none; padding-bottom: 0px; border-bottom: 1px dotted #666666; }
a:visited {color: #666666; text-decoration: none; padding-bottom: 0px; border-bottom: 1px dotted #DE7464; }
a:hover {color: #DE7464; text-decoration: none; padding-bottom: 0px; border-bottom: 1px solid; }
a:active {color: #ffffff; text-decoration: none; background-color: #DE7464; border-bottom: none;}

img {
border-width: 1px;
border-color: #000000;
}

a:link.nodeko, a:visited.nodeko, a:hover.nodeko, a:active.nodeko {border-bottom: none;}


/*  __________ Klassendefinitionen __________  */


.autor{
text-align: left;
font: 12px Verdana, sans-serif;
color: #000000;
margin-top: 7px;
margin-bottom: 5px;
margin-right: 15px;
}

.autorkb{
text-align: left;
font: bold 14px Verdana, sans-serif;
color: #000000;
margin-top: 20px;
margin-bottom: 5px;
}

.chrono{
text-align: right;
vertical-align: top;
font: bold 13px Verdana, sans-serif;
color: #000000;
margin-top: 0px;
margin-bottom: 0px;
}

.ueberschrift{
text-align: left;
font: bold 12px Verdana, sans-serif;
color: #000000;
margin-top: 20px;
margin-bottom: 5px;
}

.zitat{
text-align: left;
font: 12px Times New Roman, serif;
color: #000000;
margin-top: 20px;
margin-bottom: -15px;
text-indent: 3em;
}

.titel1{
text-align: left;
font: bold 18px Verdana, sans-serif;
color: #000000;
margin-top: 10px;
margin-bottom: 5px;
}

.titel2 {
text-align: right;
font: bold 14px Verdana, sans-serif;
color: #000000;
margin-top: 10px;
margin-bottom: 15px;
}

.datum {
color: #666;
}

.rechts {
float: right;
margin-left: 10px;
margin-top: 2px;
}

.gross {
clear: both;
margin: 10px 100px 30px 0;
}


.medium {
 margin: 5px 5px 30px 10px;
 font-style: italic;
   }

/*  __________ Definition der einzelnen Blöcke __________  */

#title{
position: absolute;
top: 100px;
left: 10px;
width: 187px;
}


#links {
position: absolute;
width: 290px;
left: 0px;
top: 180px;
background: #fff;
border-right: dotted 1px #999;
text-align: right;
}

#innen_links {
margin: 20px 40px 50px 30px;
}

#rechts {
position: absolute;
width: 600px;
left: 300px;
top: 180px;
background: #fff;
}


#rechts_index {
position: absolute;
left: 300px;
top: 180px;
background: #fff;
}

#bilderspalte {
position: absolute;
width: 250px;
left: 520px;
top: 40px;
background: #fff;
}

#innen_rechts {
margin: 0px 0px 30px 10px;
}

#rechts_kb {
position: absolute;
width: 450px;
left: 300px;
top: 180px;
background: #fff;
}

#schriftzug {
position: absolute;
left: 30px;
top: 110px;
}

#footer {
clear: both;
color: #555;
padding: 30px 0px 0px 0px;
font: 9px/15px Verdana, sans-serif;
}

#ulli {
  list-style-image:url("nav/pfeil1.gif");
  margin:0;
  padding:0 0 3px 6px;
  margin-bottom:6px;
 border-bottom:1px dotted #555;
  line-height:1.4em;
  font-size:100%
}

#ullo {
  list-style-image:url("nav/pfeil4.gif");
  margin:0;
  padding:0 0 3px 6px;
  margin-bottom:6px;
 border-bottom:1px dotted #555;
  line-height:1.4em;
  font-size:100%
}

#logo {
position: absolute;
top: 5px;
left: 100px;
}

#titel {
position: absolute;
top: 0px;
left: 300px;
}


#hauptmenu {
position: absolute;
z-index:10;
left: 300px;
top: 150px;
width: 413px;
height: 30px;
border: 0;
padding: 0;
margin: 0px 0px 0px 0px;
}

#hauptmenu ul {
width: 513px;
height: 30px;
left: 0;
background: url(nav/menu.gif);
margin: 0;
padding: 0;
}

#hauptmenu ul li {
margin: 0;
padding: 0;
list-style: none;
position: absolute;
top: 0;
}

#hauptmenu ul li a {
height: 30px;
border: none;
display: block;
text-indent: -9999px;
text-decoration: none;
background: none;
}

#hm1 {left: 0; width: 58px;}
#hm2 {left: 58px; width: 93px;}
#hm3 {left: 151px; width: 75px;}
#hm4 {left: 226px; width: 69px;}
#hm5 {left: 295px; width: 87px;}
#hm6 {left: 382px; width: 54px;}
#hm7 {left: 436px; width: 77px;}

#hm1 a:hover {background: transparent url(nav/menu.gif) 0 -30px no-repeat;}
#hm2 a:hover {background: transparent url(nav/menu.gif) -58px -30px no-repeat;}
#hm3 a:hover {background: transparent url(nav/menu.gif) -151px -30px no-repeat;}
#hm4 a:hover {background: transparent url(nav/menu.gif) -226px -30px no-repeat;}
#hm5 a:hover {background: transparent url(nav/menu.gif) -295px -30px no-repeat;}
#hm6 a:hover {background: transparent url(nav/menu.gif) -382px -30px no-repeat;}
#hm7 a:hover {background: transparent url(nav/menu.gif) -436px -30px no-repeat;}

#hm1 a:active {background: transparent url(nav/menu.gif) 0 -60px no-repeat;}
#hm2 a:active {background: transparent url(nav/menu.gif) -58px -60px no-repeat;}
#hm3 a:active {background: transparent url(nav/menu.gif) -151px -60px no-repeat;}
#hm4 a:active {background: transparent url(nav/menu.gif) -226px -60px no-repeat;}
#hm5 a:active {background: transparent url(nav/menu.gif) -295px -60px no-repeat;}
#hm6 a:active {background: transparent url(nav/menu.gif) -382px -60px no-repeat;}
#hm7 a:active {background: transparent url(nav/menu.gif) -436px -60px no-repeat;}