body {
  background-color: #e17701;
  margin-top: 0;
  width:1000px;
  margin: 0 auto;
  height: 100%; /* WICHTIG!!! STRECKT ANZEIGENBEREICH AUF 100% */
 }
  
  
  
  #content {/* plazierung des texts */ 
      
      position:absolute;
         width: 1000px ;
         height:1500px;
         left: 50% ; 
         margin-left: -500px;  
       	background:#fdfdfb;
	color:black; 
  border:0px solid  #666;
  margin-top:0px; 
}



 #bild2 {/* plazierung foto */ 
      position: absolute;
      margin-top: 0px ;
      z-index:2;    
      
  
}

     


  
  
    #text {/* container für  text wenn menue links sichtbar ist */ 
position: absolute;
width: 540px;        
color: #000000; 
margin-top:50px ;
margin-left: 300px ;

         
} 



     

  div.menuefix {/* navigation links erste ebene */
position: absolute;
width: 100px;
height:18em;          
color: #fbd5be; 
margin-top: 50px ;
margin-left: 18px ;
background-color: #fff; 
padding: 20px 20px;
 

} 
  
     

  div.bildrechts {/* navigation links erste ebene */
position: absolute;
width: 160px;
height:18em;          
color: #fbd5be; 
margin-top: 50px ;
margin-left: 600px ;
background-color: #fff; 
padding: 20px 20px;
 

} 
  

 div.menuefix a:link{/* menue links */
color: #000000; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px;line-height: 220%;
letter-spacing: 2px;text-decoration:none; 
}

 div.menuefix a:visited {color: #000000; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px;line-height: 220%;
letter-spacing:2px;text-decoration:none; 
}

 div.menuefix a:hover {color:#500808;font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 12px;line-height: 220%;
letter-spacing:2px; text-decoration:none;  font-weight:bold; 
      }


.h1 {/* Ueberschrift */ 
color: #500808; 
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
letter-spacing:0px;
text-decoration:none;
font-weight: bold;

}


.h2 {
color: #000; 
font-family:  Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
letter-spacing:1px;
text-decoration:none;
font-weight: bold;

}
                      
                                  
  .fliesstext {/* fliesstextformatierung  */ 
          color: #000000; 
          font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 13px;
          line-height: 200%;
          letter-spacing:0px;
          text-decoration:none;
  
} 
  
  
                                   
  .fliesstextzitat {/* fliesstextformatierung  */ 
          color: #000000; 
          font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 14px;
          line-height: 200%;
          letter-spacing:0px;
          text-decoration:none;
  
} 
  
    .fliesstext_gross {/* fliesstextformatierung  */ 
          color: #000000; 
          font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 18px;
          line-height: 200%;
          letter-spacing:0px;
          text-decoration:none;
  
} 


    .fliesstext_gross2 {/* fliesstextformatierung  */ 
          color: #000000; 
          font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 16px;
          line-height: 200%;
          letter-spacing:0px;
          text-decoration:none;
  
} 
/*
	Menue-styles fuer non-IEs
	Achtung:
	Fuer non-IEs gilt das Stylesheet 'dropdown.css'!
	Fuer IE gilt das Stylesheet 'fix-ie.css' (per CC)!
*/

#menuebox {
position: relative;
height: 30px;
}
.stupidie {
display: none;
}
#menue {
position:absolute;
top: 5px;
left: 0;
z-index: 200;
}



  #box {/* plazierung des texts */ 
      
    
         width: 600px ;
         height200px;
         background:#fdfdfb;
	 border:2px solid  #e17701;
  margin-top:0px; 
}






#menue .aussen {
float: left;
display: block;
overflow: hidden;
width: 9.0em;
height: 3.3em;
font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 11px;
          line-height: 180%;
          letter-spacing:1px;
          text-decoration:none;
text-align: center;
background-color: #FFF;
color: #513913;

}
#menue .aussen:hover {
height: auto;
background-color: #dcea73;

color: #fff;
}

a.innen-1 {
margin-top: 2px;
}
a.innen,
a.innen-1 {
display: block;
width: 10.5em;
padding: 2px 0;

font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 10px;
          line-height: 180%;
          letter-spacing:0px;
          text-decoration:none;

text-decoration: none;
font-weight: normal;
border-bottom: 1px solid #78561d;
background-color: #FFF;
color: #600;
}


a.menue {



font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 11px;
          line-height: 180%;
          letter-spacing:1px;
          text-decoration:none;
text-align: center;
background-color: #FFF;
color: #513913;
}


a:hover.menue
 {
background-color: #ddcea73;
height: auto;
color: #000;
}



a.text {

 color: #000000; 
          font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 13px;
          line-height: 180%;
          letter-spacing:1px;
          text-decoration:underline;

text-align: center;

color: #513913;
}


a:hover.text
 {
background-color: #ddcea73;
height: auto;
color: #000;
   text-decoration:underline;
}

span.menutagaktiv {
float: left;
display: block;
overflow: hidden;
width: 9.0em;
height: 3.3em;
font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 11px;
          line-height: 180%;
          letter-spacing:1px;
          text-decoration:none;
text-align: center;
background-color: #FFF;
color: #513913;
font-weight:bold;
}




span.menutag {
display: block;
cursor: default;
}


++++++++++++++++++++
   CSS Teil II
++++++++++++++++++++

/*
	Menue-styles fuer IEs
	Am besten per Conditional Comment einbinden.
	Fuer IE5.5 und 5.0 muessen nur geringfuegige kosmetische
	Anpassungen vorgenommen werden (siehe Kommentare).
*/

#menue {
display:none;
}
.stupidie {
display: block;
position: absolute;
top: 5px;
left: 0;
z-index: 200;
}

a.auss {
float: left;
width: 8em;
height: 1.4em;
overflow: hidden;
display: block;
font-weight: bold;
text-align: center;
text-decoration: none;
background-color: #dec79a;
color: #513913; 
border: 1px solid;
border-color: #d0843e #78561d #78561d #d0843e;
}
a:hover.auss {
overflow: visible;
background-color: #624617;
color: #fff;
}
a:hover.auss table {
display: block;
margin-top: 3px;
background-color: #dec79a;
color: #400;
border-collapse: collapse;
}

a.inn {
display: block;
width: 7.9em; /* fuer 5er IEs anpassen, sonst 'zuckt' es */
padding: 2px 0;
font-size: 100%; /* fuer 5er IEs auf 80% reduzieren */
font-weight: normal;
text-align: center;
text-decoration: none;
border-bottom: 1px solid #78561d;
background-color: #ecd8ae;
color: #600;
}
a:visited.inn {
background-color: #ecd8ae;
color:#444;
}
a:hover.inn {
position: relative;
background-color: #f7eedb;
color: #900;
}
span.menutag {
display: block;
cursor: default;
}


} 
  
    ul {list-style-type:disc}   
    
    
      
        p.bildlegende {/* bildlegende unten */ 

color: #000000; 
          font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 9px;
          line-height: 140%;
          letter-spacing:1px;
          text-decoration:none;
        margin-bottom: 2.5em;
          margin-top: 0.1em;
  
} 
  
  
  
                                    
  .fliesstext2 {/* fliesstextformatierung  */ 
          color: #000000; 
          font-family:  Verdana, Arial, Helvetica, sans-serif;
          font-size: 15px;
          line-height: 200%;
          letter-spacing:0px;
          text-decoration:none;
    

} 




/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/vertical_slide.html
Copyright (c) Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
ul.menu1, ul ul {padding:0; margin:0; border:0; list-style-type:none; height:22em; overflow:visible; background:#fff; width:14em; text-align:left; color:#fff; border:0px solid #606;}
ul.menu1 {margin:0 auto;}

ul.menu1 table {border-collapse:collapse; padding:0; margin:0; font-size:1em;}
ul.menu1 ul {margin-left:1em;}
ul.menu1 li {text-indent:0.5em;}
ul.menu1 li.drop {margin-bottom:-2pix; width:220pix;}
div. menufix ul.menu1 li a, 
ul.menu1 li a:visited {display:block; width:14em; height:2em; line-height:1.9em; text-decoration:none; color:#606;}
ul.menu1 li a.last, 
ul.menu1 li a.last:visited {display:block; width:14em; height:2em; line-height:2em;}
ul.menu1 li ul {display:none;}

ul.menu1 li:hover a, 
ul.menu1 li a:hover {border:0; color:#500808; font-weight:bold;}
ul.menu1 li:hover ul, 
ul.menu1 li a:hover ul {display:block; height:3.5em; width:12em; margin-top:-1px; background:#fff; border:0px solid #000;}
ul.menu1 li a:hover ul {display:block; height:12em; width:12em; margin-top:-1px; background:#fff; border:0px solid #000;}
ul.menu1 li:hover ul li a, 
ul.menu1 li a:hover ul li a {background:#fff; color:#000; font-weight:normal;}
ul.menu1 li:hover ul li:hover a, 
ul.menu1 li a:hover ul li a:hover {background:#fff; color:#500808;font-weight:bold;}
ul.menu1 li.drop ul {margin-bottom:1.5em;}

div.menuefix ul.menu1 li.aktuell a:link {font-weight:normal;}

.fliesstext a:link  {/* fliesstextformatierung  */ 
          color: #ff4500 ; text-decoration:none; 
		  }