/* CSS Le-Tire-Bouchon */

  body {
    color           : #CACC67;
    background      : #354465;
    font-family     : arial,sans-serif;
    margin          : 0;
    padding         : 0;
  }
  #site {
    background      : url(pic.web/background.jpg) no-repeat #354465;
    color           : #CACC67;
    position        : relative;
    width           : 800px;
    border-style    : solid;
    border-width    : 0 1px 1px 0;
    border-color    : #858C7C;
  }
  #content {
   background       : transparent;
   color            : #CACC67;
   min-height       : 150px;
   padding-top      : 240px;
   padding-left     : 210px;
   width            : 400px;
   /* Hack for IE 5 and below */
   \width: 610px; /* width+padding  */
   w\idth: 400px; /* Originalbreite */
}
  #content h1 {
    font-size       : .8em;
  }
  #content p {
    font-size       : .7em;
  }
  #content a {
    color           : #CACC67;
    background      : #354465;
    text-decoration : underline;
  }
  #content .imgleft {
    float           : left;
    margin          : 0 5px 5px;
    border          : 1px solid #000;
    background      : #000;
  }
  #content .imgleft span {
    display         : block;
    margin          : 0;
    padding         : 0 3px;
  }
  #content .imgright {
    float           : right;
    margin          : 0 5px 5px;
    border          : 1px solid #000;
    background      : #000;
  }
  #content .imgright span {
    display         : block;
    margin          : 0;
    padding         : 0 3px;
  }
  #menu {
    position        : relative;
    top             : 165px;
    left            : 215px;
    font-family     : serif;
    font-size       : .8em;
    width           : 500px;
  }
  #menu ul {
    margin          : 0;
    padding         : 0;
    list-style-type : none;
  }
  #menu li {
    display         : inline;
  }
  #menu li:before {
    content         : " | ";
  }
  #menu li:first-child:before {
    content         : "";
  }
  #menu a {
    color           : #CACC67;
    text-decoration : none;
  }
  #menu li.active a {
    color           : #FFF;
    text-decoration : none;
  }
  #menu img {
    display         : none;
  }
  #submenu {
   position         : absolute;
   top              : 0;
   left             : 430px;
   font-family      : serif;
   font-size        : .9em;
   background       : #1B2234;
   border           : 1px #354465 solid;
   width            : 100px;
   margin           : 10px;
   padding          : 10px;
}
  #submenu ul {
    margin          : 0;
    padding         : 0;
    list-style-type : none;
  }
  #submenu li {
    display         : block;
  }
  #submenu li:before {
    content         : "";
  } /* */
  #submenu li.noactive a {
    color           : #CACC67;
    text-decoration : none;
  }
  #submenu li.active a {
   color            : #FFF;
   text-decoration  : none;
}
  #footer {
    position        : relative;
    background      : url(pic.web/footer2.jpg) no-repeat right top;
    font-size       : .6em;
    height          : 72px;
  }
  #footer p {
    position        : relative;
    top             : 10px;
    height          : 36px;
    color           : #CACC67;
    padding-top     : 30px;
    padding-left    : 210px;
  }
  #footer a {
    color           : #CACC67;
    text-decoration : none;
  }
  #footer hr {
    position        : absolute;
    padding         : 0;
    margin          : 0;
    top             : 35px;
    left            : 0;
    color           : #000;
    background      : #000;
    height          : 1px;
    border          : 0;
    margin-right    : 0;
    text-align      : left;
    width           : 650px;
    display         : inline;
  }
  #menu a:hover, #menu a:focus { color:#fff;}
  #submenu li.noactive a:hover, #submenu li.noactive a:focus { color:#fff;}
  #content a:hover, #content a:focus { color:#fff;}
  #footer a:hover, #footer a:focus { color:#fff;}