body {
margin: 0px;
background-color: #fff;
color: #333;
/*
Angabe der Schriftgröße in Prozent, da man so die Schriftgröße im Browser verkleinern (und vergrößern) kann, und zwar ohne dass die Schrift ZU klein oder verwaschen aussieht.
Bei der Angabe in em gab es damit Probleme.
Prozentangabe hängt natürlich auch von der SchriftART (und ggf. vom Browser) ab.
*/
line-height: 145%;
font-size: 0.8em;
font-family: arial, verdana, sans-serif;
 }

#no-layout {
display: none;
 }

a:link, a:visited {
color: #0000ff;
background-color: transparent;
text-decoration: none;
 }

a:hover {
color: #0000ff;
background-color: transparent;
text-decoration: underline;
 }

a:active {
color: #0000ff;
background-color: transparent;
 }

#gesamt {
width: 780px;
margin: 0 auto;
padding: 0;
background: #fff;
text-align: left;
border: 1px solid #fff;
 }
 
#verstecken {
display: none;
margin-top: 30px;
border: 1px solid #000;
background: #f8f8f8;
color: #000;
padding: 20px;
} 

.top {
float: left;
width: 55%;
margin-top: 30px;
padding-left: 55px;
background-color: transparent;
 }

.schnellsuche {
float: right;
width: 35%;
margin-top: 68px;
background-color: transparent;
 }

#nav01 {
margin-top: 4%;
clear: both;
float: right;
width: 25%;
background-color: transparent;
 }

.nav02 {
background-color: transparent;
font-size: 0.85em;
font-family: verdana, arial, sans-serif;
line-height: 150%;
 }

.ueberschrift {
background-color: transparent;
 }

#inhalt01 {
float: left;
width: 72%;
margin-top: 4%;
padding: 0;
background-color: transparent;
 }

.h3 {
font: bold 1.0em verdana, arial, sans-serif;
color: #878787;
background-color: transparent;
 }

h3 {
font: bold 1.2em verdana, arial, sans-serif;
color: #878787;
background-color: transparent; 
 }

.inhalt02 {
background-color: transparent;
padding-right: 25px;
text-align: left;
padding-left: 55px;
 }
 
#eintrag {
float: left;
margin: 0;
padding: 0 0 30px 0;
 }
 
#eintrag dl {
margin: 0;
padding: 0;
width: 480px;
 } 
 
#eintrag dt {
clear: both;
float: left;
width: 5%;
margin: 0;
padding: 20px 0 0 0;
 }

#eintrag dd {
float: left;
width: 95%;
margin: 0;
border-bottom: 1px solid #c0c0c0;
padding: 10px 0 20px 0;
 }  

#eintrag :hover a {
text-decoration: underline;
 } 
 
#eintrag :hover a.seitenanfang {
text-decoration: none;
 }  
 
#eintrag dd:hover {
background-color: #f8f8f8;
color: #000;
 }
 
#eintrag dd p {
margin: 0;
padding: 10px 15px 10px 15px;
 } 
 
.angaben {
color: #666;
 }

.defekt {
font-size: 0.7em;
color: #808080;
background-color: transparent;
border: 1px solid #808080;
margin-top: 5px;
margin-left: 220px;
height: 19px;
width: 180px;
 }
 
a.seitenanfang:link {
font: normal 100% verdana, arial, sans-serif;
 } 
 
.einrueck02 {
padding-left: 2%;
 }
 
.linie {
padding-top: 10px;
width: 100%;
 }

input, textarea {
color: #000;
background: #f5f5f5;
border: 1px solid #777;
 }

input:focus,
textarea:focus {
background: #fff;
 }

form {
display: inline;
 }

.detail {
border-left: 1px solid #777;
padding: 0 18px 0 15px;
color: #777;
background: transparent;
 }

.detail:hover {
border-left: 1px solid #000;
color: #000;
background: transparent;
 }

#erklaerung {
position: relative;
margin-bottom: 100px;
 }

#deutsch {
position: absolute;
width: 450px;
z-index: 10;
 }

#englisch {
position: absolute;
width: 430px;
border: 1px solid #000;
visibility: hidden;
background: #f5f5f5;
color: #000;
padding: 18px 7px;
z-index: 20;
 }

/* damit IE 5.x die Box richtig positioniert anzeigt; */

* html #englisch {
position: absolute;
width: 440px;
 }

/* Ende Hack */

.abstand-buttons {
padding: 0 0 4px 0;
 }