/* alle maßeinheiten werden mit pixel (breite) angebeben, die hoehen angaben wurden nicht mit "auto" geloest
um bei der hoehe variable zu bleiben - margin und padding wurden auf 0px gesetzt
die div "zentriert" beinhaltet alle verschachtelten div´s und haltet das layout zentriert in der mitte (interessant bei
einem monitor mit hoher aufloesung.
um barrierefrei zu bleiben wurden die font-size angaben in em gehalten und damit der Internet Explorer damit klarkommt
wurde im body bereich eine einmalige font-size mit 100.1% definiert */
*            {margin:0px;
              padding:0px;
             }
	
/*  der height 100% in verbunden mit einem margin-bottom:1px tag erwirkt bei den mozilla browsern das der Scrollbalken immer! 
eingeblendet wird - und hat gleichzeitig im Internet Explorer keine Auswirkungen im gegensatz zum overflow befehl!*/	         
html        {
             height: 100%; 
			 margin-bottom:1px; 
			 }

body        {margin:0px;
             padding:0px;
		     background-image:url(../images/back.jpg);
		     background-repeat:repeat-y;
		     /*background-position:top;*/
		     font-size:100.1%;
		     text-align:center;
		     }
		
#index       {
			  margin-top:20px;
			  width:602px;
		   	  height:452px;
              margin:auto;
			  background-color:transparent;			  
			 }
			 
			 
			 
 #logo      {width:800px;
            height:100px;
			border-top:2px solid #3300FF;
			border-bottom:2px solid #3300FF;
			margin:auto;
			background-color:transparent;
			margin-top:5px;
			margin-bottom:0px;
			color:#000000;
			text-align:left;					
			}       
			 
#menu      {
            margin:auto;
            width:800px;
            height:auto;
	        background-color:transparent;
	        border-top:2px solid #3300FF;
	        border-bottom:2px solid #3300FF;
	        padding-bottom:1px;
	        text-align:right;
			   
	       } 

#menu a    {color:#3333FF;
            background-color:#FFCC00;
		    font:normal 0.7em Arial, sans-serif;
		    text-decoration:none;
		    width:100%;
		    padding-left:2px;
		    padding-right:2px;
		    /*border-left:1px solid color:;*/
		    text-align:center;
			
		   }
		
		
#menu      a:link    {}
#menu      a:visited {}
#menu      a:focus   {color:#333333; background-color:#FF6633;}
#menu      a:hover   {color:#333333; background-color:#FF6633;}
#menu	   a:active  {color:#333333; background-color:#FF6633;}  
			  
			 
#menu li        {display:inline;
                 list-style-type:none;
			     text-align:right;
		        }			

#inhalt    {/*border:1px solid black;*/
            width:900px;
			height:400px;
			background-color:transparent;
			margin:auto;
			margin-top:25px;
			
			}
			
#links     {
            width:200px;
            height:400px;
	        background-color:transparent;	  
	        margin:auto;
			margin-left:20px;  
	        float:left;
			border-left:2px solid #3300FF;
			border-right:2px solid #3300FF;
	       }
	   

#links a  {background-color:#FFCC00;
           color:#3333FF; 
		   font:bold 0.7em Arial;
		   text-decoration:none;		   
		   width:180px;
		   text-align:center;
		   display:block;
		   border:1px solid #400000;
		   padding-top:12px;
		   padding-bottom:12px;
		   margin:auto;
		   margin-top:6px;
		   margin-bottom:2px;
		   }		
		
#links      a:link    {}
#links      a:visited {}
#links      a:focus   {color:#333333; background-color:#FF6633;}
#links      a:hover   {color:#333333; background-color:#FF6633;}
#links      a:active  {color:#333333; background-color:#FF6633;}  
			  		



#links ul      {
               list-style-type:none;
			   }		
			   
#links li      {
                list-style-type:none;
				text-align:center;
				}			   	
/* id text kann von der hoehe variabel gestaltet werden (ist beim layout die rechte div)*/			
			
#text        {width:592px;
			  height:400px;
			  background-color:transparent;
			  text-align:left;
			  float:right;
			  margin-bottom:20px;
			  margin-right:20px;
			  border-left:2px solid #3300FF;
			  border-right:2px solid #3300FF;
			 			 
			 }

			 

#footer   {
          margin:auto;
          width:800px;
          height:auto;
	      background-color:transparent;
	      border-top:2px solid #3300FF;
		  border-bottom:2px solid #3300FF;
		  margin-top:15px;
		  text-align:center;	
		  font-size:0.8em;
		  clear:both; 
	     }
	   
#footer a {
          color:#400000;
          font-family:Arial;		  
		  text-decoration:none;
          background:transparent;
          }
		  
#footer      a:link    {}
#footer      a:visited {}
#footer      a:focus   {color:#333333; background-color:#C8C994;}
#footer      a:hover   {color:#333333; background-color:#C8C994;}
#footer      a:active  {color:#333333; background-color:#C8C994;}  
			  		


#footer span   {color:#333333;
                font-family:Arial;
				}
/*  Klassen  */		   

.menue          {background-color:transparent;
				float:left;
				color:#333333;
				display:inline;
				
				}

.button         {background-color:#FFCC00;
				 color:#0000CC;
				 }