/* CSS Document */
div#kontainer{
   clear:both;
   width:880px;
   height:auto;
   text-align:center;
   margin-left:auto;
   margin-right:auto;
}
div#rireki{
  text-align:left;
   width:400px;

   float:left;
   margin:35px 0 20px 0;
}
div#rireki ul{
   list-style:none; 
}
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;
   margin-top:65px;

 
}

   
div#bild ul{
   float: left;
   list-style:none;
}
div#bild li,div#bild li a{
   margin-bottom:5px;
   display:block;
   width:120px;
   height:120px; 
   text-decoration:none;
   }

li#bild1,li#bild1 a{
   background:url(../bilder/moment2s.jpg) no-repeat;
   }
li#bild2,li#bild2 a{
   background: url(../bilder/spirits.jpg) no-repeat;
   }
li#bild3,li#bild3 a{
   background: url(../bilder/twist0s.jpg) no-repeat;

}
li#bild4,li#bild4 a{
   background: url(../bilder/sy10_medos.jpg) no-repeat;
   }
li#bild5,li#bild5 a{
   background: url(../bilder/sy10_pieces.jpg) no-repeat;
   }
li#bild6,li#bild6 a{
   background: url(../bilder/repetitions.jpg) no-repeat;
   }
li#bild7,li#bild7 a{
   background: url(../bilder/yeoshihyuns.jpg) no-repeat;
   }   
li#bild8,li#bild8 a{
   background: url(../bilder/views.jpg) no-repeat;
   }