/* CSS Document */
/* 
Elemente: 
- Menüleiste links, mittig
- 8 Kacheln
- über oberster Kachel eine Untermenüleiste
- weiter/zurück-Buttons links von erster Kachel
- Platz für Logo
 */
 
 
  body  {   height:100%;
            font-family:Arial;            
			background-color:#DEF6BC;
			text-align:center;
			COLOR:#9a9a9a;
            FONT-SIZE: 10px;            
            text-decoration:none;
        }
		
		
  #distance { 
		width:1px;
		height:50%;
		margin-bottom:-300px; /* half of container's height */
		float:left;		
		}		
		
  div#seite {
  	margin:0 auto;
	position:relative; /* puts container in front of distance */
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    width: 985px;
	height:615px;
	clear:left;
    padding: 2px;
	background-color:#FFFFFF;	
	border: 1px solid #969696;
  }	
  
    #distancefilm { 
		width:1px;
		height:50%; 
		margin-bottom:-60px; 
		float:left;		
		
		}		
		
 div#seitefilm {
  	margin:0 auto;
	position:relative;  
    text-align: left;    
    width: 830px;
	height:120px;
	clear:left;
    padding: 2px;
  }			
 
  
  
  div#seite_top {
  	
	height:172px;
	width: 800px;
	background-color:#FFFFFF;	
	  }	
  
  div#navi  
        {
		 height:230px;
         width:140px;
		 vertical-align:middle;
         }
  div#logo
        {
         position:relative;
		 margin-top:90px;
  		 margin-left:30px; 
         }	 
		 
 div#projektnavi 
     {
        width: 800px;
		height: 20px;
		padding-left: 157px;
		padding-bottom: 10px;		
     }		 
		 
 div#kachelblock  
       { 
         float: right;
		 width:820px;
		 padding:0px; 		  
       }
		
 .kachel	
    { 
     	float: left;
	 	width:200px;
	 	height:205px;
     	padding:0px;
	 	margin-left:0px;	
		margin-top:2px;
		COLOR:#9a9a9a;	
		FONT-SIZE: 10px;
    }
	
  div#blaettern 
      {
        width: 60px;
		padding-left: 190px;
		padding-top: 10px;	
      }
	  
  div#logo  
      {
	    background-image:url(pics/cet-0_small.jpg);
		background-repeat:no-repeat;
		float: left;
	    /*margin-left: 190px;
    	margin-top: 10px;	  
		z-index:9;*/
       }	  				 
	
A      {
            COLOR:#8da072;
            FONT-SIZE: 13px;
            FONT-FAMILY: Arial;
            text-decoration:none;
       }

.kategorie {
          FONT-SIZE: 13px;
	     }

A:hover {
            COLOR:#fd9a60;
            text-decoration:none;
        }
.aktiv  {
            COLOR:#ed8a50;
        }
.aktiv_klein
        {
            COLOR:#ed8a50;
            FONT-SIZE: 10px;
        }

.klein  {
            COLOR:#888888;
            FONT-SIZE: 10px;
            FONT-FAMILY: Arial;
            text-decoration:none;
            }

.text       {
            margin-left:1px;
			margin-right:2px;
			padding-left:1px;
			padding-right:1px;
			COLOR:#9a9a9a;
            FONT-SIZE: 10px;
            FONT-FAMILY: Arial;
            text-decoration:none;
			 
            }	
	   
td          {
            COLOR:#9a9a9a;
            FONT-SIZE: 10px;
            FONT-FAMILY: Arial;
            text-decoration:none;
            }