html { 
   margin: 0px;
   padding: 0px;
   }

body {
  background-color: #fff;  /* Hintergrundfarbe */
  font-size: 14px;  /*allgemeine Schriftgrösse */
  line-height: 18px;
  font-family: arial, helvetica, sans-serif;
  color:#000;  /*Schriftfarbe */
  padding:0px;
  margin:0px auto;
   text-align: center; /* brauchts damit feld 1 eingemittet ist */
}
p {
 font-size: 14px;  /*allgemeine Schriftgrösse */
  line-height: 18px;
  font-family: arial, helvetica, sans-serif;
  color:#000;  /*Schriftfarbe */
  background-color: transparent;
  }
/*  p:first-letter {
	font-size: 200%;
	line-height: 120%;
	color: red;
} */
 
h1 {
font-size: 46px;  /*titel /Firma Schriftgrösse */
  line-height: 50px;
  font-family: arial, helvetica, sans-serif;
  color:#ddd;  /*Schriftfarbe */
   background-color: transparent;
}
/* h1:first-letter {
font-style: bold;
	color: red;
} */
h2 {
font-size:20px;  /*Untertitel Schriftgrösse */
  line-height: 24px;
 font-family: arial, helvetica, sans-serif;
  font-weight: normal;
  color:#000;  /*Schriftfarbe */
   background-color: transparent;
}
/* h2:first-letter {
	font-size: 22px;
	line-height: 24px; 
	  font-weight: bold; 
	color: red;
}  */

#alles {
 position:relative; /* muss relative sein damit feld 1 eingemittet ist */
  text-align: left;
  margin: 0px auto; /* auto setzt bei mozilla und opera  das Feld in die Mitte */
  padding: 0px;
  width: 860px;  /* 800px; */
  height: 90%;
  background-color:transparent; 
}

#bild {
position: absolute;
padding: 0px;
margin: 86px 0px 0px 0px; /* Abstand oben ausserhalb Feld */
width: 200px;
height: 200px;
 background-color:transparent; 
 border-top: 1px solid #0000FF; 
  border-bottom: 1px solid  #0000FF; 
  border-left: 1px solid #ffffff;  /* abstandhalter */
border-right: 1px solid #ffffff;
}

#navi {
position: absolute;
padding: 0px 0px 5px 0px;  /* Abstand oben, rechts, unten, links */
margin: 0px 0px 0px 201px; /* Abstand links ausserhalb Feld */
width: 150px;
height: 100%;
background-color: transparent; 
border-left: 1px solid #0000FF;
border-right: 1px solid #0000FF;
}  

.box {position:relative;}

#navi a:visited {    /* IE holt seine Daten von hier und nicht von navi a*/
text-decoration:none; 
background-color:#EFEFEF; 
color:#000000; 
display:block; 
/* position:relative; */
border-bottom: 1px solid #0000FF;
padding: 5px;
}

 #navi a {				/*brauchts unbedingt für mozilla und opera */
text-decoration:none; 
 background-color: #EFEFEF; 
color:#000000;  
display:block; 
/* position:relative; */
border-bottom: 1px solid #0000FF;
padding: 5px;
} 

 #navi a span {display:none;}  /* so wird der Zusatztext nur bei hover angezeigt  */

#navi a:hover {
text-decoration:none; 
background-color: #dcdcdc; 
color:#FF0000; 
display:block; 
border-bottom: 1px solid #0000FF; 
padding: 5px;
}

#navi a:hover span.lk1 {   /*link 1, top wird bei jedem Link geändert */

display:block; 
position:absolute; 
left:-210px; top: 280px; 
padding:15px; 
width:100px;
color:#696969; 
background-color:transparent; 
 
}

#navi a:hover span.lk2 {   /*link 2 */

display:block; 
position:absolute; 
left:-210px; top:255px; 
padding:15px; 
width:100px;
background-color:transparent; 
color:#696969; 
}

#navi a:hover span.lk3 {   /*link 3 */

display:block; 
position:absolute; 
left:-210px; top: 230px; 
padding:15px; 
width:100px;
background-color:transparent; 
color:#696969; 
}

#navi a:hover span.lk4 {  /*link 4 */

display:block; 
position:absolute; 
left:-210px; top:205px; 
padding:15px; 
width:100px;
background-color:transparent; 
color:#696969; 
}

#navi a:hover span.lk5 {  /*link 5 */

display:block; 
position:absolute; 
left:-210px; top:170px; 
padding:15px; 
width:100px;
background-color:transparent; 
color:#696969; 
}

#navi a:hover span.lk6 {  /*link 6 */

display:block; 
position:absolute; 
left:-210px; top:150px; 
padding:15px; 
width:100px;
background-color:transparent; 
color:#696969; 
}

#navi a:hover span.lk7 {  /*link 7 */

display:block; 
position:absolute; 
left:-210px; top:90px; 
padding:15px; 
width:100px;
background-color:transparent; 
color:#696969; 
}

#navi a:hover span.lk8 {  /*link 8 */

display:block; 
position:absolute; 
left:-210px; top:70px; 
padding:15px; 
width:100px;
background-color:transparent; 
color:#696969; 
}

#navi a:hover span.lk9 {  /*link 9 */

display:block; 
position:absolute; 
left:-210px; top:70px; 
padding:15px; 
width:100px;
background-color:transparent; 
color:#696969; 
}

#firma {
position: absolute;
padding: 20px 12px 10px 15px;  /* Text abstand innerhalb Feld oben, rechts, unten, links */
margin: 0px 0px 0px 353px; /* Abstand links ausserhalb Feld */
width: 500px;
height: 100px;
background-color:transparent; 
text-align: right;
vertical-align: top;
}

#inhalt {
position: absolute;
padding: 5px 15px 10px 15px;  /* Text abstand innerhalb Feld oben, rechts, unten, links */
margin: 86px 0px 0px 353px; /* Abstand oben + links ausserhalb Feld */
width: 500px;  /* war 400*/
height: auto;
color: #000;
background-color:#F0FFFF; 
border-top: 1px solid #0000FF;
  border-bottom: 1px solid #0000FF;
}
.red {
font-family: Times, serif;
font-size: 45px;
	line-height: 24px; 
	  font-weight: bold; 
	color: red;
	background-color:transparent; 
	}