/* CSS Document */
div#container{
   width:880px;
   height:auto;
   margin-left:auto;
   margin-right:auto;
}
div#rireki{
   width:400px;
   height:450px;
   float:left;
   margin:40px 0 125px 0;

}
div#rireki ul{
   list-style:none; 
   margin-left:10px;
}
div#rireki span{
   color:#FFFFFF;
}
div#rireki li{
   text-indent:1em;
   font-size: 10px;
   line-height:1.5em;
   }
div#rireki h3{
   color:#333333;
   font-size:14px;
   line-height:2em;
}
/* mainbild */
div#bild{
   float:right;
   width:400px;
   height:auto;
   margin-top:65px;
 
}
div#bild ul{
   float: left;
   list-style:none;
}
div#bild li{
   margin-bottom:5px;

   }
div#bild li,div#bild li a{
   display:block;

   width:120px;
   height:90px; 
   text-decoration:none;
} 


li#bild1,li#bild1 a{
   background: url(../bilder/I-am-in-the-nature.gif) no-repeat;
   }
li#bild2,li#bild2 a{
   background: url(../bilder/I-am-in-the-nature2.gif) no-repeat;
   }
li#bild3,li#bild3 a{
   background: url(../bilder/dream1.gif) no-repeat;
}
li#bild4,li#bild4 a{
   background: url(../bilder/dream2.gif) no-repeat;
   }
li#bild5,li#bild5 a{
   background: url(../bilder/you-are-indifferent.gif) no-repeat;
   }
li#bild6,li#bild6 a{
   background: url(../bilder/missed-communicatio.gif) no-repeat;
   }
li#linse,li#linse a{
   background:url(../bilder/linse.jpg) no-repeat;
   }