* {
        margin:0;
        padding:0;
        }	


    html, body {	    
        height:100%;
        }

    body {
        background-color:#eee;        
	font-family: 'Calibri';
        }

    #distance { 
        width:1px;
        height:5%;            
        }

    #container {
        margin:0 px auto;
        position:relative; /* puts container in front of distance */
        text-align:left;
        height:800px;
	    width:950px;	    
		margin: 30px auto;
        }
	#left {        
        float:left;
        width:150px;
        height:300px;        
        }

    #content {   
   	    background-image: url(../images/back_grau_gross.png);
	    background-repeat:no-repeat;
        float:left;
        width:700px;
        height:800px;
        margin-left:2em;
        }
		
		
div.transbox
  {
  width:400px;
  height:280px;
  margin:160px 50px;
  
  background-color:#ffffff;
  border:1px solid black;
  opacity:0.6;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  }
div.transbox p
  {
  margin:30px 40px;
  font-weight:bold;
  color:#000000;
  }		
	

  #gallery {
    padding: 30px;
    /*background: #e1eef5;*/
  }
  #descriptions {
    position: relative;
    height: 20px;
    background: #EEE;
    margin-top: 10px;
    width: 640px;
    padding: 10px;
    overflow: hidden;
  }
    #descriptions .ad-image-description {
      position: absolute;
    }
      #descriptions .ad-image-description .ad-description-title {
        display: block;
      }
		
 
 ul#navi {
    width: 150px;
    margin: 0; padding-top: 200px;
    text-decoration: none; font-weight: bold;
    color: black;

  }

  ul#navi li {
    list-style: square;
    margin: 0.4em; padding: 0.2em;

  }
  
  
  a:link, a:visited, a:focus { font-weight:bold; text-decoration: none;  color:black; }
  
  .active a, a:hover {    
    margin: 0.4em; padding: 0.2em;
    color:green;
  }
   { font-weight:bold; text-decoration: none;}

  
  ul#navi a:hover {
    color: green; 
  }
  
  .navi_position{
   margin auto;
  }