body {background:thistle; margin-top:0px; }
font-family {VERDANA,ARIAL,HELVETICA;}

#haupt
{margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
background:#ffbf00;
text-align: left;
width:800px;
color:purple;
font-family: Verdana, Arial,Helvetica;
z-index:1;
}
#navi
{
float:left;
background:#ffbf00;
width:210px;
margin-top:20px;
z-index:3;
color:purple;
font-family: Verdana, Arial,Helvetica;
font-size:smaller;
padding: 30px 10px 10px 10px;
}
.anm
{
float:left;
background:#ffbf00;
width:175px;
margin-top:10px;
margin-left:3px;
border-style:double;
border-color:#A60DD9;
z-index:5;
color:crimson;
font-family: Verdana, Arial,Helvetica;
font-size:8pt;
padding: 2px 2px 2px 2px;
}
.screen
{width: 400px;
font-family:Times;
font-size:0.8em;
font-weight:bold;
color:purple;
float:right;
border-style:groove;
border-color:darkviolet;
margin-left:10px;
margin-bottom: 30px;
padding: 2px 2px 2px 2px; }

.img
{width: 400px;
font-family:Times;
font-size:0.8em;
font-weight:bold;
color:purple;
float:right;
margin-left:10px;
margin-bottom: 30px;
text-align:center;
padding: 2px 2px 2px 2px; }

.img1
{width: 400px;
font-family:Times;
font-size:0.8em;
font-weight:bold;
color:purple;
margin-left:10px;
margin-bottom: 30px;
text-align:center;
padding: 2px 2px 2px 2px; }

#zitat {background-color:white; width:400px; color:purple;}

#text
{
background:#ffbf00;
margin-left:175px;
margin-top:20px;
margin-right:10px;
text-align: left;
width:550px;
z-index:2;
font-family:Verdana, Arial, Helvetica;
font-size:1em;
color:purple;
border-right:0px;
border-left:2px;
border-bottom:0px;
border-top:0px;
border-color:purple;
border-style:solid;

padding: 10px 10px 10px 10px;
}
#menu a {
 display:block;

 width:210px;height:35px;
 background: url("../grafik/layout/menue1.png")top left no-repeat;
 padding:10px 0 0 10px;
 font: bold 10pt verdana,arial,sans-serif;
 font-variant:small-caps;
 font-transform:uppercase;
 color:#A60DD9;
 text-decoration: none;
 text-indent:25px;
 z-index:4;
 }

#menu a:hover {
 background-image: url("../grafik/layout/menue3_tipps.gif");background-repeat:no-repeat;
 color:#ffbf00;
 z-index:5;
 }

#menu a:active {
 background-image: url("../grafik/layout/menue2-tipps.gif");top left background-repeat:no-repeat;
 color:#ffbf00;
 z-index:4;}

 #umenu a {
 display:block;
 text-indent:40px;
 width:170px;height:17px;

 padding:5px 0px 0 15px;
 text-align:right;
 font:  10pt courier new;
 color:darkslategray;
 text-decoration: none;
 background-repeat:repeat;background-position:0 0;
 z-index:4;
 }

#umenu a:hover {
 background-image: url("../grafik/layout/liv.gif");
 color:fuchsia;
text-decoration:underline;
background-repeat:repeat;background-position:20 0;
 z-index:4;
 }

#umenu a:active {
 background: url("../grafik/layout/liv.png")top left;
 color:white;
 text-decoration:none;
 z-index:4;
  background-repeat:repeat;background-position:0 0;
  }
p.normal  { padding: 0px 10px 0px 10px; text-align:left; font-family:Verdana,Helvetica; font-size:smaller; }
p.normal:first-letter { font-size:100%;}
p.ein  { padding: 0px 10px 0px 30px; text-align:left; font-family:Verdana,Helvetica; font-size:smaller; }
p.ein:first-letter { font-size:100%;}
 p.zitat {text-align:justify; font-style:italic; margin-top:2px; font-size:smaller; }

 p:first-letter { font-size:150%; color:purple}
 p { padding: 0px 10px 0px 10px; text-align:left; font-family:Verdana,Helvetica; font-size:smaller; }
 p.dat {text-align:center; font-family:Verdana,Helvetica; font-size:8pt;}
  p.dat:first-letter { font-size:100%;}

 a.text:link {color:#FFFFFF; text-decoration:none; background-image:url(../grafik/layout/lih.png);}
 a.text:visited {color:#FFFFFF; text-decoration:none; background-image:url(../grafik/layout/lia.png);}
 a.text:hover {color:purple; background-image:url(../grafik/layout/liv.png);}
a.text:active {color:purple; text-decoration:none;}
ol.text {font-size:smaller; padding: 0px 10px 0px 30px;}

ul.inhalt {line-height:200%}
ul.install {font-size:smaller}
ul.ober {font-size:smaller; list-style-type:none;style-position:inside;}

.blitz1 a {
text-decoration: none;
color: #000;
background: url(../grafik/layout/back.png) top left no-repeat;
width: 108px;
height: 50px;
}
.blitz1 a:hover {
color: #fff;
background-position: 0 -60px;
width: 108px;
height: 50px;
}

.blitz2 a {
text-decoration: none;
color: #000;
background: url (../grafik/layout/next.png) top left no-repeat;
width: 108px;
height: 50px;
}

.blitz2 a:hover {
color: #fff;
background-position: 0 -60px;
width: 108px;
height: 50px;
}