/* CSS Document */
<!--
/*This layout method will not work with Netscape 4.*/
/*gut organisiertes layout für bilder etc. */
/*Using CSS we need to put them into a separate DIV. */
/*To get them to line up horizontally across the window we use CSS to FLOAT each of these DIVs to the left.*/
.float {
  float:left;
  width:120px;
  padding:10px;
  }
  
.float p {
   text-align:center;
   color:#c57726,
   }
p {font-size:75%;}   
#imagebox {
  text-align:left;
  width:100%;
  border-top:1px dotted #c57726;
  border-bottom:1px dotted #c57726;
  background-color:#f8f8f1;
  }
  
/* When you float an element with CSS, it no longer takes up any "space" and the background and border 
show up above the images instead of surrounding them. We need to put some content other than the floated
 DIVs into the container DIV. Like a spacer DIV: */
.spacer {
  clear: both;
  }

-->