/* CSS Document */
*{
  margin:0;
  padding:0;
  
  }
div#container{
   width:100%;
   }

div#content{

   width:69%;
   height:484px;
   float:right;
   }
div#sidebar{
   width:31%;
   float:left;
}

img#canals{
   width:400px;
   height:397px;
   margin:48px 0 0 150px;
}
img#lockes{
   width:600px;
   height:264px;
   margin:100px 0 0 50px;
}
img#outdoors{
   margin:45px 0 0 150px;
}
img#reach{
   margin:30px 0 0 210px;
}
img#antoine{
   margin:40px 0 0 150px;
}
img#anja{
   margin:40px 0 0 150px;
}
img#johanna{
   margin:40px 0 0 150px;
}
img#etienne{
   margin:40px 0 0 150px;
}
img#grossekirschen{
   margin:40px 0 0 150px;
}
img#ryoichi{
   margin:40px 0 0 150px;
}
div#sidebar p,div#sidebar p a{
   margin:15px 0 330px 0px;
   color:#333333;
   font-size:12px;
   text-indent:80px;
} 

div#sidebar p a:hover{
   color:#FF0000;
}
div#sidebar ul{
   margin-left:110px;
}
div#sidebar li{
   list-style:none;
   font-size:12px;
   line-height:1.5em;
}   
div#sidebar li span{
   font-size:16px;
   font-weight:bold;
}
#sidebar ul#button{
   margin-top:1em;
   margin-bottom:2em; 
} 
#sidebar ul#button li,#sidebar ul#button li a{
   float:left;
}
#sidebar ul#button li#button2,#sidebar ul#button li#button2 a{
   display:block;
   background:url(../bilder/button2.gif) no-repeat;
   width:20px;
   height:20px;
} 
#sidebar ul#button li#button3,#sidebar ul#button li#button3 a{
   display:block;
   background:url(../bilder/button3.gif) no-repeat;
   width:20px;
   height:20px;
}
#sidebar ul#button li#button4,#sidebar ul#button li#button4 a{
   display:block;
   background:url(../bilder/button4.gif) no-repeat;
   width:20px;
   height:20px;
}