/* CSS Document */

*     { margin: 0; padding: 0; border-collapse: collapse;}
body  { font-family: Helvetica, Arial, Sans Serif; font-size: 11px; color: #fff; background: none #fff; text-align: center; border: 0px;  behavior: url(csshover.htc);}

#wrap 	{ width: 800px; height: 600px; background: url(../inlays/entwurf1.jpg) no-repeat top left; margin-top: 0px; margin-left: auto; margin-right: auto; text-align: left; border-collapse: collapse;}
  .intro { width: 800px; height: 600px; border: none;}
  #menu { float: left; width: 597px; height: 120px; background: url(../inlays/logo.png) no-repeat 20px 20px;}
    #mainmen { float: right; width: 496px; height: 15px; margin: 57px 0 0 0;}
    #submen1, #submen2 { float: right; width: 496px; height: 15px; margin: 6px 0 0 0;}

      ul.men, ul.sub1, ul.sub2 { float: right; width: 496px; height: 15px; background: #e4e4e4; color: #000; font-weight: bold;}
      ul.men li { float: left; list-style-type: none; margin: 0 0 0 15px; cursor: pointer;}
      ul.sub1 li, ul.sub2 li { float: left; list-style-type: none; display: none; margin: 0 0 0 15px;}
      ul li a { text-decoration: none; color: #000;}
      ul li a:hover { text-decoration: none; color: #a1c1d1; background: #286BC3;}
      ul.submen li {display: block;}
      ul.submen li.git { margin-left: 37px; color: #286BC3;}
      ul.submen li.bass { margin-left: 17px; color: #286BC3;}

/*LAUFBAND*/
  #lauf { float: left; width: 195px; height: 95px; margin-top: 25px; background: none; overflow: hidden;}
    .film { float: left; width: 190px; height: 95px; border: none; margin: 0;}

  #bild { float: right; width: 589px; height: 440px; background: no-repeat none;}
      .bild { width: 589px; height: 440px; border: none;}
  #text { float: right; width: 203px; height: 435px; background: none;}
      #text ul#cont { list-style-type: none; width: 203px; height: 435px;}
      #text ul#cont li { width: 185px; height: 430px; padding: 0 13px 5px 5px; color: #000; background: none;}
      #text ul#cont li#d1 { display: none;}
      p { margin-top: 6px; text-align: justify;}
      p.info { text-align: justify; font-size: 9px; }
      small, small a { font-weight: bold; color: #009; font-size: 11px;}
      small a:hover { font-weight: bold; color: #fff;  font-size: 11px; background: #009;}

  #bildtext { float: right; width: 548px; height: 30px; background: none; color: #000; padding: 3px 0 0 6px;}
      big { font-size: 18px; font-weight: bold; margin: 0; padding: 0;}
      em { color: #286BC3; font-size: 12px; font-weight: bold; font-style: normal;}
      var { color: #286BC3; font-size: 19px; font-weight: bold; font-style: normal;}
    /*links*/
        .links { text-align: right;}
        .abm { width: 100px; height: 31px; border: none; margin-bottom: 3px;}
        .bart { width: 100px; height: 19px; border: none; margin-bottom: 3px;}
        .graf { width: 100px; height: 51px; border: none; margin-bottom: 3px;}
        .haeus { width: 100px; height: 29px; border: none; margin-bottom: 3px;}
        .seym { width: 100px; height: 43px; border: none; margin-bottom: 3px;}
        .sperz { width: 100px; height: 54px; border: none; margin-bottom: 3px;}
        .tone { width: 100px; height: 16px; border: none; margin-bottom: 3px;}
        .pisc { width: 100px; height: 36px; border: none; margin-bottom: 3px;}

/* alles zum sound und untermenu */
  #soundmenu { float: right; width: 230px; height: 27px; margin-top: 3px; margin-right: 8px;}

  .sound { float: left; width: 35px; height: 20px; border: none; background: #325D84; margin: 0; padding: 0;}

  .leer     { float: left; width: 35px; height: 20px; border: none; background: none;}
  .back0    { float: left; width: 42px; height: 20px; border: none; background: none;}
  .data0    { float: left; width: 41px; height: 20px; border: none; background: none; margin: 0 3px;}
  .further0 { float: left; width: 105px; height: 20px; border: none; background: none;}
  .back     { float: left; width: 42px; height: 20px; border: none; background: url(../inlays/menu.png) no-repeat 0px -20px;}
  .backd    { float: left; width: 42px; height: 20px; border: none; background: url(../inlays/menud.png) no-repeat 0px -20px;}
  .data     { float: left; width: 41px; height: 20px; border: none; background: url(../inlays/menu.png) no-repeat -42px -20px; cursor: pointer; margin: 0 3px;}
  .datad    { float: left; width: 41px; height: 20px; border: none; background: url(../inlays/menud.png) no-repeat -42px -20px; cursor: pointer; margin: 0 3px;}
  .further  { float: left; width: 105px; height: 20px; border: none; background: url(../inlays/menu.png) no-repeat -90px -20px;}
  .weiter   { float: left; width: 105px; height: 20px; border: none; background: url(../inlays/menud.png) no-repeat -90px -20px;}
  .back:hover, .back a:hover { background: url(../inlays/menu.png) no-repeat 0px 0px;}
  .backd:hover, .backd a:hover { background: url(../inlays/menud.png) no-repeat 0px 0px;}
  .data:hover, .data a:hover   { background: url(../inlays/menu.png) no-repeat -42px 0px;}
  .datad:hover, .datad a:hover   { background: url(../inlays/menud.png) no-repeat -42px 0px;}
  .further:hover, .further a:hover { background: url(../inlays/menu.png) no-repeat -90px 0px;}
  .weiter:hover, .weiter a:hover { background: url(../inlays/menud.png) no-repeat -90px 0px;}