html, body {
    margin:0px;
    padding: 0px;
/*    background-color: #5F5A64; */
    font-family:serif;
    font-size: 12px;
    }

  body {
    behavior:url("csshover.htc"); /* hack to make hover work for other tags in IE < 7*/
background-image: url("background2.jpg");
background-repeat: repeat; 

    }

  a {text-decoration:none;}

  dl {
   padding-left:10px;
   line-height: 150%;
      }
 
  dt {
   padding-left: 20px;
   }

  dd {
   padding-left: 150px;
   }

  dl.benamingen dt {
   }

  dl.benamingen dd {
   padding-left: 15px;
   }

  h1 {
    color: white;
    background-color: #717171; /* was #808080 */
    text-align: center;
    font-size: 25px;
    line-height: 50px;
    margin: 0px;
    }
  h2 {
    text-align: center;
    line-height: 75px;
    margin: 0px;
    font-size: 20px;
    }

  h3 {
    font-size: 15px;
    }

  h4 {
    font-size: 13px;
    }

  #container {
    position: relative; /*create positioned reference*/
    width: 800px;
    margin: 55px auto 0;
    border: 1px solid black;
    line-height: 1.3em;
    padding: 1px 0px;
    background-color: #FBF7EB;
    }

  #content {
    margin-left: 160px;
    margin-right: 200px;
    padding: 80px 20px 50px 20px;
    border-left: 1px solid black;
    height: 250px; /* for IE */
    }

  div>#content {height:auto;min-height:250px;} /* for the others */

  #contentText {
    border-bottom: solid black 1px;
    margin-bottom:10px;
    padding-bottom:10px;
    }

  #header {
    position:absolute; 
    left:100px; 
    top: -26px; 
    height:50px; 
    width:300px; 
    border: solid black 1px; 
    background-color:gray;
    }

  #loginheader {
    position:absolute; 
    right:5px; 
    top: -20px; 
    height:50px; 
    width:150px; 
    text-align: right;
    }

  #cartheader {
    position:absolute; 
    right:5px; 
    top: 5px; 
    height:50px; 
    width:150px; 
    text-align: right;
    }

  #footer {
    position:absolute; 
    right: 145px; /*to overlap right-side border*/
    bottom: -51px; /* was 51 */ 
    height: 92px; /*was 92 */ 
    width: 365px;
    border: solid black 1px;
    background-color: black;
    padding: 0px;
    margin: 0px;
    clip: rect(0px,367px,82px,0px); 
    overflow:hidden;
font-size:10px;
color:white;
text-align:center;
line-height:100%;
    }


  .infopics {
    float:right;
    width:150px; 
    position:relative; 
    right:15px;
    border: 0;
    text-align:center; 
    font-style: italic; 
    font-size:11px;
    }

br#mybr { line-height:1px;}

  #leftnav {
    float:left;
    width:150px;
    margin:60px 0px 40px;
    padding-right:10px; 
    padding-left:5px;
    }

  #leftarrow {
    position:absolute; 
    right:511px; 
    bottom:-19px;
/*    filter:alpha(opacity=75);
    -moz-opacity:.75;
    opacity:.75; */
    }

  #rightarrow {
    position:absolute; 
    right:120px; /* was 44 */
    bottom:-16px; /* IE */
/*    filter:alpha(opacity=75); 
    -moz-opacity:.75; 
    opacity:.75; */
    }

   div>#rightarrow {
     bottom:-19px; /* all others was -29 */
     }

  #rightfloat {
    float:right;
    width:150px;
    text-align:center; 
    padding: 80px 50px 0 0;
    }

  .img_alone {
    float:left;
    font-size:11px;
    font-style:italic;
    text-align:center;
    margin-right:10px;
    margin-top:15px;
    } 

  .img_left {
    float:left;
    font-size:11px;
    font-style:italic;
    text-align:center;
    margin-left:50px; 
    margin-right:10px;  
    margin-top:15px;
    }

  .img_rest {
    float:left;
    font-size:11px;
    font-style:italic;
    text-align:center;
    margin-right:10px; 
    margin-top:15px;
    }

  #costs {
    float:left;
    }

  #order {
    float:right;
    padding-top:2px;
    padding-bottom:2px;
    }

div>#order {padding-top: 1px;}

  #submit {
    border: solid black 1px;
    background-color: #717171;
    color: white;
    font-weight:bold;
   }

  #bestel {
    border: solid black 1px;
    background-color: #FBF7EB;
    color: black;
    font-weight:bold;
   }

    .bestel {
    border: solid black 1px;
    padding:1px;
    }

  .imagefloat {
    width:150px;
    border:solid black 1px;
    }


  .firstL {
    font-size: 200%;
    font-weight: bold;
   }


  a.logout {
    color: white;
    }

  a.cart {
    colour: black;
   }

  a.logout:hover {
    color: white;
    }

  a.cart:hover {
    color: black;
    }

  a.cart:visited {
    color: black;
    }

  img.thumbs {
    padding-right:1px;
    border:0;
    }




  td.thumbs {
margin-top:0;
    }


  /* The menu with hovers */

  ul,li, a.menu {
    display:block;
    margin:0;
    padding:0;
    border:0;
    }

  ul {
    width:150px;
    /* border:1px solid #9d9da1;*/
    background: #FBF7EB;
    list-style:none;
    }

  ul ul {
   border: solid black 1px;
   padding:10px;
   }

  li {
    position:relative;
    padding:1px 6px 1px 10px;
    z-index:9;
    border: solid #FBF7EB 1px;
    }

  li li {
    padding: 0 5px 0 0;
  }

  li.folder ul {
    position:absolute;
    left:120px; /* IE */
    top:5px;
    width:170px;
    padding:5px;
    }		
   
  li.folder>ul { left:140px; } /* others */

  a.menu {
    padding:2px;
    border:1px solid #FBF7EB;
    text-decoration:none;
    color:gray;
    font-weight:bold;
    width:100%; /* IE */
    } 

  li>a { width:auto; } /* others */


  /* regular hovers */

  a:hover {
    color:black;
    }
	
  /* hovers with specificity */
	
  li.folder:hover { border: solid black 1px;z-index:10; }		
		
  ul ul, li:hover ul ul {
    display:none;
    }

  li:hover ul, li:hover li:hover ul {
    display:block;
    }