/* ausrichtung */
body {
           font: 100.01%;
           background-color: #666666;

           font-family: Verdana, Arial, sans-serif;
	       font-size: 12px;
	       color: #666666;
	     
	       text-align: left;
}           
           
 /* ausrichtung der slides */          
#container {
     
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -310px;
     margin-left: -35em;  
    width: 60em;           
}

/* ausrichtung der übersichtseite */
#container2 {
     
     position: absolute;
     top: 50%;
     left: 50%;
     margin-top: -24em;
     margin-left: -34em; 
     width: 68em;
          
}



/* überschrift */
#titel  {
         font-family: monospace;
         font-size: 3.5em;
         letter-spacing: 0.5em;
         color: #ffffff;
}


/* navigation slideseiten */

#navigation a:link, a:visited {
           color: #666666;
           text-decoration: none;
}
#navigation a:hover {
           color: #333333;
}

#navigation ul {
           list-style-type: none;
           display:inline;
           padding:0;
           margin: 0 0 0.5em 0;
}

#navigation li {
           display:inline;
}
#navigation li a {
           border-left: 2px solid #666666;
           padding: 3px 20px;
}

#navigation li a.erste {
           border: none;
}
#navigation a.aktiveH {
           text-decoration: none;
           color: #666666;
}
#deaktiv { 
          color: #cccccc;
		  }
/* ende navigation slideseiten */






/* umrandung in der übersicht */

.border2  {

          background-color: #ffffff;
          text-align: center;
          padding: 5em 3em 5em 3em;
          border: 1px ;
     border-style: solid;
     border-color: #000000;    
}

          
/* damit kein weisser rand unter dem bild erscheint */          

td img { display: block;
float: left;
margin: 0.1em;}  


/* schwarzer rand ums bild */
img {
     border: 1px;
     border-style: solid;
     border-color: #000000;

	
} 


/* tabelle als weisse umrandung und damit der ie mitmacht statt padding ein weisser dicker rahmen */     
table  {
        background-color: #ffffff;
        border-top: 10px;
        border-bottom: 30px;
        border-left: 30px;
        border-right: 30px;
     border-style: solid;
     border-color: #ffffff;
  
  
}  


/* und für das infoimg ohne rahmen */

.ohne  {
        border: 0px;
}
.info  {
       position: absolute;
       top: 50%;
       left: 85%;
       border: 1px;
       border-style: solid;
       border-color: #000000;
       padding: 1em;
      

}

img.preload {
	display: none;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 0px;
	height: 0px;
}

.ohne2  {
position: absolute;
top: 6em;
left: 80%;
        border: 0px;
        
}