*{

 margin:0;
 padding:0;
 background-repeat:no-repeat;
letter-spacing:0.1pt;
}
marquee {
text-align:right;
font-weight: 800;
font-size:15px;
float:right;
margin-left:220px;
height: 78px;
width:650px;
position: absolute;
color:#ed1846;
border: 0 0 10px 0;
}
/* marquee img {margin-bottom:-20px;} */
body{
 font-family:arial,helvetica,sans-serif;
 color:#666;
 letter-spacing:0.5pt;
 font-size:10pt;
 text-align:center;
 background-color: #fff; 
 margin-top:0px;
 background-image:url(img/bg.gif);
 background-repeat:repeat-y;
 background-position:center top;
}
#inhalt  {
 width:100%;
 margin: 0 auto;
 z-index: 1;
}
#sbstgt {
padding: 0 0 10px 10px;
z-index:2;
}
#sbstgt, #mitte {
text-align:left;
width:895px; 
margin: 0 auto;
padding-top: 10px;
}
#sbstgt h1  {
position: relative; 
height:120px; 
text-align:left;
margin-left:5px;
}

#mitte, #links, #text { /* Hoehe abh. von Foto plus Padding */
height:600px;
text-align:left;
}

#foto {
float:left;
text-align:left;
margin-right:5px;
width:200px;
height:auto;
border: 0;
background-image:url(img/zierecke-lio.gif);
 background-repeat:no-repeat;
 background-position:top left;
 vertical-align:bottom
}
.mittelblock, .mittelblock2 {
height:auto;
font-size:9pt;
padding:20px 0 0 20px;
color: #000; /*#fd0058; */
line-height:150%;}

.mittelblock2 {
padding:20px 0 0 0;
height:135px;
font-size:10pt;
}

.mittelblock a {font-weight:bold;font-size:95%; border: 1px 0 1px 0 dotted #000;}
.mittelblock2 a {font-weight:bold;font-size:95%; border: 0 0 0 0;}
.mittelblock strong, .mittelblock2 strong {color:#fd0058;font-size:105%;letter-spacing:0.2pt;}

#faq h2 {font-size:110%; color:#fd0058; margin-top:10px;}
#faq h3 {margin:10px 0 0 0;}
.rand {
border: 1px solid #d8cdc8;
padding:3px;
margin: 0 auto;
}
#scroll table td {
width:auto;
background-color:#ebe6e3;
color:#000;
padding:5px;
font-size:10pt;
letter-spacing:0.1pt; 
}

#ma0, #ma1, #ma2, #ma3, #ma4, #ma5, #ma6 {
position: relative;
float:left;
border: 1px solid #d8cdc8;
text-align:center;
width:100px;
padding:3px;
}
#ma1, #ma2, #ma4, #ma5 {
margin: 0 25px 2px 0;}
#ma3, #ma6 {
margin: 0 0 2px 0;}

.ma {
border: 1px solid #d8cdc8;
text-align:center;
padding:3px;
margin:0 10px 0 0;
height:auto;
}

#text {
float:right;
width:450px;
padding-right:5px;
z-index: 5;
}

h1 {
color:#383435; /* rot #fd0058; */
background-color: #d8cec8;
font-size:13pt;
padding:2px;
display:block;
margin-bottom:10px;
}
/* #text h2 span {
    display: none;
}*/
b { letter-spacing:0.1pt;}
h2 {
font-size:11pt;
padding: 5px 0;
border-bottom: 1px solid #666;
margin: 5px 0 10px;}

h3 {
font-size:11pt;
margin: 5px 0 10px;}

#scroll {
position: relative;
height:560px;
overflow: auto;
padding-right:10px;
background-image:url(img/zierecke-reu.gif);
 background-repeat:no-repeat;
 background-position:bottom right;
}
i {font-weight:600;}

#fuss, #top {
width:100%;
height:20px; 
vertical-align:bottom; 
color:#fff;
background-color: #fd0058; 
}

#fuss .zeile, #top .zeile {
margin: 2px auto;
positon:fixed;
}
#fuss .zeile {float:right;}
#top .zeile {float:right;}

.zeile {width:50%; margin: 0 auto; font-size:10pt;}
#php {
  height: auto;
  width: 200px;
  line-height: 100%;
  font-size: 8.5pt; /* Abstaende der Link */
  font-weight: normal;
  text-align: left;
  vertical-align: top; 
  float: left;
  padding-top:10px;
  margin:0 23px 0 0;
  overflow:hidden;
}
p {
padding:0 10px 15px 0;
}
ol {
  list-style-type:decimal;
  list-style-image:none;
  margin: 0 3px 0 25px;
}
ul {
  list-style-image: url(img/punkt.gif);
  margin: 0 3px 0 20px;
}
ul {padding: 5px 0;}
li {padding-bottom: 5px; letter-spacing:0.1pt;}

a, .anzeige {
  line-height:115%;
  text-align: left;
	font-size: 8pt;
	text-decoration: none;
	color: #383435; /* rot #fd0058; */
  background-color: transparent;
  letter-spacing:0.8pt;
}

a:hover, a:focus, a:active, .anzeige {
  color: #fd0058; 
  text-decoration: none; 
}

.link, .link:visited,.link:hover, .link:active, .link:focus  {
  line-height:100%;
	width:auto;
  color: #fff;
  font-size: 10pt;
}
.textlink {
color:#333;
font-size:95%;
letter-spacing: 0;
font-weight:bold;
}
.punkt {
  line-height: 125%;
  font-size:110%;
  padding-bottom:5px;
  border-bottom: 1px solid #fff;
  display:block; 
  margin-left:15px;
  margin-bottom:-7px;
  }
.punkt {margin-top:10px\9; line-height:110%;}  /* IE9 */  
/* .punkt {margin-bottom:3px\9; line-height:110%;} Screenshot 2 IE9 */ 

.upunkt, .upunkt a {
  margin:0 0 0 20px;
  font-size:105%;
  line-height:150%;
  letter-spacing:0.5pt;
  font-weight:bold;
  }

.upunkt2 {
  margin:-4px 0 0 35px;
  font-size:100%;
  display:block;
  line-height:100%;
  padding:0;
  letter-spacing:1.0pt;
  line-height:125%;
  } 
  
#php .punkt  {
font-weight:bold;
letter-spacing: 0.8pt;
}
.datum {
width: 45px;
padding:0;
font-size:110%;
color:#fd0058;
font-weight:normal;
float:left;}

.geschichte {
padding-left:55px;}

 .nullpunkt {
  cursor:text;
  color: #383435;
  font-weight:bold;
  letter-spacing:0.8pt;
  line-height: 125%;
  font-size:110%;
  padding-bottom:5px;
  border-bottom: 1px solid #fff;
  display:block; 
  margin-left:15px;
  }
#u-turn1 img, #u-turn2 img, #u-turn3 img, #u-turn4 img, #u-turn5 img, #u-turn6 img, #u-turn7 img, #u-turn8 img {border:0;} 
