
  dummy {font-family: Arial, Helvetica, sans-serif; font-size: 12px;}

  body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul,li {font-family: Calibri, Helvetica, sans-serif; font-size: 10pt;}      //vista
  body,td,div,p,pre,ul {font-family: Calibri, Helvetica, sans-serif; font-size: 10pt;}                              //vista

  body,table,td,tr,div,p,pre,h1,h2,h3,h4,ul,li {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}      //xp
  body,td,div,p,pre,ul {font-family: Arial, Helvetica, sans-serif; font-size: 10pt;}                              //xp

  /*
  a:hover {
      text-decoration: underline;
  }
  */

  body {
    overflow-y: scroll;
  }

  a {
      text-decoration: none;
  }

  ul {
      margin-left: 40px;
      margin-right: 60px;
      margin-top: 0;
      margin-bottom: 0;
      padding-left: 0;
      list-style-position: outside;
      list-style-type: disc;
  }

  li {
      margin-left: 16px;
      padding-left: 0;
      margin-top: 0px;
      margin-bottom: 0px;
      text-indent: -20px;
  }

  .b01 {margin: 4px; padding: 0px; }

  .copyright{
    font-family: "Calibri";  //vista
    font-size : 14px;        //vista
    font-family: "Verdana";    //xp
    font-size : 12px;        //xp
    color : #808080;
  }
  .picframe{
     margin-right: 10px;
     margin-left: 0px;
     margin-top: 4px;
     margin-bottom: 5px;

     border-left: 5px solid #FFFFFF;
     border-right: 5px solid #FFFFFF;
     border-top: 5px solid #FFFFFF;
     border-bottom: 5px solid #FFFFFF;
  }
  .picframe_black{
     margin-right: 10px;
     margin-left: 0px;
     margin-top: 4px;
     margin-bottom: 5px;

     border-left: 1px solid #000000;
     border-right: 1px solid #000000;
     border-top: 1px solid #000000;
     border-bottom: 1px solid #000000;
  }
  .picframe_silver{
     margin-right: 10px;
     margin-left: 0px;
     margin-top: 4px;
     margin-bottom: 5px;

     border-left: 1px solid #B0B0B0;
     border-right: 1px solid #B0B0B0;
     border-top: 1px solid #B0B0B0;
     border-bottom: 1px solid #B0B0B0;
  } 
  .picframe_clear{
     margin-right: 10px;
     margin-left: 0px;
     margin-top: 4px;
     margin-bottom: 5px;
  }

  .logo{
     font-weight: 600;
     font-family: "Arial";
     font-size : 28px;
     color : #B0B0B0;
     margin-left: 0px;
     margin-right: 0px;
     margin-top: 0px;
     margin-bottom: 0px;
  }

  .menubar_link{
      /* font-weight: none;  */
      font-family: "Calibri";  //vista
      font-size : 13pt;        //vista
      font-family: "Arial";  //xp
      font-size : 11pt;        //xp
      text-decoration: none;
      color : #404040;
      margin-top: 0px;  //vista
      margin-top: 2px;  //xp
      padding-left: 20px;
      padding-right: 20px;
  }
  .menubar_link:hover{
      /* font-weight: none;  */
      font-family: "Calibri";  //vista
      font-size : 14pt;        //vista
      font-family: "Arial";  //xp
      font-size : 12pt;        //xp
      text-decoration: none;
      color : #404040;
      margin-top: 0px;  //vista
      margin-top: 2px;  //xp
      padding-left: 20px;
      padding-right: 20px;
  }
  .menubar_link_sel{
      /* font-weight: none;  */
      font-family: "Calibri";  //vista
      font-size : 13pt;        //vista
      font-family: "Arial";  //xp
      font-size : 11pt;        //xp
      text-decoration: none;
      color : #000000;
      text-align: center;
      vertical-align: middle;
      padding-left: 20px;
      padding-right: 20px;
      margin-top: 0px;  //vista
      margin-top: 2px;  //xp
  }
  .submenubar_title{
      font-family: "Calibri";  //vista
      font-size : 14px;        //vista
      font-family: "Arial";    //xp
      font-size : 14px;        //xp
      font-weight: bold;       //xp
      color : #000000;         //vista
      color : #303030;         //xp
      margin-top: 0px;
      margin-left: 10px;
      margin-right: 10px;
      padding-top: 8px;
      margin-bottom: 10px;
  }
  .submenubar_link{
      font-family: "Calibri";  //vista
      font-size : 14px;        //vista
      font-family: "Arial";    //xp
      font-size : 12px;        //xp
      font-weight: bold;       //xp
      color : #000000;
      text-decoration: none;
      margin-left: 10px;
      margin-right: 10px;
      margin-top: 0px;
      margin-bottom: 10px;
      padding-top: 8px;
      
  }
  .submenubar_link:hover{
      font-family: "Calibri";  //vista
      font-size : 14px;        //vista
      font-family: "Arial";    //xp
      font-size : 12px;        //xp
      font-weight: bold;       //xp
      text-decoration: none;
      color : #000000;
      margin-left: 10px;
      margin-right: 10px;
      margin-top: 0px;
      margin-bottom: 10px;
      padding-top: 8px;
      
  }
  .submenubar_link_sel{
      font-family: "Calibri";  //vista
      font-size : 14px;        //vista
      font-family: "Arial";    //xp
      font-size : 12px;        //xp
      font-weight: bold;       //xp
      color : #000000;         //vista
      color : #000000;         //xp
      text-decoration: none;
      margin-left: 10px;
      margin-right: 10px;
      margin-top: 0px;
      margin-bottom: 10px;
      padding-top: 8px;
  }

  .menubar_store{
      font-weight: bold;
      font-family: "Arial";
      font-size : 12px;
      text-decoration: none;
      color : #404040;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 0px;
  }
  .menubar_store:hover{
      font-weight: bold;
      font-family: "Arial";
      font-size : 12px;
      text-decoration: none;
      color : #404040;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 0px;
  }
  .menubar_store_sel{
      font-weight: bold;
      font-family: "Arial";
      font-size : 12px;
      text-decoration: none;
      text-align: center;
      color : #000000;
      margin-left: 0px;
      margin-right: 0px;
      margin-top: 0px;
  }


  .title{
      font-family: "Calibri";       //vista
      font-size : 26pt;             //vista
      font-family: "Arial";         //xp
      font-size : 24pt;             //xp
      /* font-weight: none;  */
      text-decoration: none;
      color : #303030;
      margin-left: 20px;
      margin-top: 0px;
      padding-top: 15px;
      margin-bottom: 0px;
      line-height: 32px;
  }
  .subtitle{
      font-family: "Calibri";  //vista
      font-size : 16pt;        //vista
      font-family: "Verdana";  //xp
      font-size : 13pt;        //xp
      /* font-weight: none;  */
      text-decoration: none;
      color : #303030;
      margin-left: 20px;
      margin-top: 0px;
      margin-bottom: -5px;
      line-height: 32px;
  }
  .text{
      font-family: "Calibri";           //vista
      font-family: "MS Sans Serif";     //xp
      font-size : 12pt;                 //vista
      font-size : 10pt;                 //xp
      color : #505050;                  //vista
      color : #707070;                  //xp
      font-weight: bold;                //xp
      text-decoration: none;
      margin-left: 20px;
      margin-right: 30px;
      margin-top: 4px;
      margin-bottom: 0px;
      line-height: 20px;
  }
  .textsmall{
      font-family: "Calibri";           //vista
      font-family: "MS Sans Serif";     //xp
      font-size : 8pt;                 //vista
      font-size : 8pt;                 //xp
      color : #505050;                  //vista
      color : #707070;                  //xp
      text-decoration: none;
      margin-left: 20px;
      margin-right: 30px;
      margin-top: 4px;
      margin-bottom: 0px;
  }

  .box_title{
      font-family: "Calibri";    //vista
      font-size : 16pt;          //vista
      font-family: "Arial";      //xp
      font-size : 15pt;          //xp
      /* font-weight: none;  */
      text-decoration: none;
      color : #000000;
      margin-top: 0px;
      padding-top: 15px;
      margin-bottom: 0px;
      line-height: 22px;
  }
  .box_subtitle{
      font-family: "Calibri";    //vista
      font-size : 12pt;          //vista
      font-family: "Arial";      //xp
      font-size : 12pt;          //xp
      /* font-weight: none;  */
      text-decoration: none;
      color : #449D44;
      margin-top: 0px;
      margin-bottom: -7px;
  }
  .box_text{
      font-family: "Calibri";          //vista
      font-size : 10pt;                //vista
      font-family: "Arial";            //xp
      font-size : 10pt;                //xp
      /* font-weight: none;  */               //vista
      /* font-weight: none;  */               //xp
      text-decoration: none;
      color : #404040;
      margin-top: 8px;
      margin-bottom: 0px;
      line-height: 17px;
  }


  .boxstyle_default{
      position:relative;
      margin-top:0px;
      margin-left:0px;
      background: #FFFFFF;

      border:1px solid #d0d0d0;
      border-left: 0px;
      border-top: 0px;
      border-right: 0px;
  }
  .boxstyle_open{
      position:relative;
      margin-top:0px;
      margin-left:0px;
      background: #FFFFFF;

      border:0px;
  }






  .box_buttonbold{    /*  OK  */
      font-family: Arial;
      font-size : 11px;
      font-weight: bold;
      text-decoration: none;
      color : #383431;
      margin-left: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
  }
  .box_buttonbold:hover{  /*  OK  */
      font-family: Arial;
      font-size : 11px;
      font-weight: bold;
      color : #545454;
      margin-top: 0px;
      margin-bottom: 7px;
  }
  .box_texttitle{
      font-size : 12px;
      text-decoration: none;
      color : #684CA5;
      margin-left: 0px;
  }
  .box_subtitletext{   /*  OK  */
      font-family: Arial;
      font-size : 12px;
      /* font-weight: none;  */
      text-decoration: none;
      color : #8C72BD;
      margin-top: 0px;
      margin-bottom: 7px;
  }
  .box_subtitletext_black{
      /* fonts-family: Arial; */
      font-size : 12px;
      /* font-weight: none;  */
      text-decoration: none;
      color : #6C628D;
      margin-top: 0px;
      margin-bottom: 7px;
  }
  .box_register{    /*  OK  */
      font-family: Arial;
      font-size : 13px;
      font-weight: bold;
      text-decoration: none;
      color : #004CC3;
      margin-left: 0px;
      margin-top: 8px;
      margin-bottom: 8px;
  }
  .box_download{    /*  OK  */
      font-family: Arial;
      font-size : 11px;
      /* font-weight: none;  */
      text-decoration: none;
      color : #004CC3;
      margin-left: 4px;
      margin-right: 4px;
      margin-top: 0px;
      margin-bottom: 0px;
  }
  .box_download_more{    /*  OK  */
      font-family: Arial;
      font-size : 11px;
      /* font-weight: none;  */
      text-decoration: none;
      color : #404040;
      margin-left: 4px;
      margin-right: 4px; 
      margin-top: 0px;
      margin-bottom: 0px;
  }
  .box_submenu{    /*  OK  */
      font-family: Arial;
      font-size : 12px;
      /* font-weight: none;  */
      text-decoration: none;
      color : #404040;
      margin-left: 4px;
      margin-right: 4px; 
      margin-top: 8px;
      margin-bottom: 8px;
  }
  .box_submenu:hover{    /*  OK  */
      font-family: Arial;
      font-size : 12px;
      /* font-weight: none;  */
      text-decoration: none;
      color : #202020;
      margin-left: 4px;
      margin-right: 4px; 
      margin-top: 8px;
      margin-bottom: 8px;
  }
  .box_textgraysmall{
      font-size : 11px;
      text-decoration: none;
      color : #606060;
      margin-left: 20px;
      margin-top: 0px;
  }
  .box_border{
      margin-left: 20px;
      /*  15.03.2010
      border-left: 1px solid #B9CADB;
      border-right: 1px solid #B9CADB;
      border-top: 0px solid #B9CADB;
      border-bottom: 1px solid #B9CADB;
      */
  }

  .box_quicktitle{
      font-family: "Calibri", "MS Sans Serif", "Arial";
      font-weight: bold;
      font-size : 12px;
      text-decoration: none;
      color : #E0E0E0;
      margin-left: 0px;
      margin-top: 0px;
  }

  .box_quicklink{
      font-size : 12px;
      text-decoration: none;
      color : #B0B0B0;
      margin-left: 0px;
      margin-top: 0px;
  }

  .box_shopbigprice{  /* OK  */
      font-family: "Arial";  
      font-size : 18px;
      color : #C00000;
      font-weight: bold;
      font-style: italic;
  }
  .box_shopbigpricesmall{  /* OK  */
      font-family: Arial;
      font-size : 18px;
      font-weight: bold;
      text-decoration: none;
      color : #FF251D;
      margin-left: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
  }
  .box_shopsmallprice{  /* OK  */
      font-family: Arial;
      font-size : 11px;
      /* font-weight: none;  */
      text-decoration: none;
      color : #404040;
      margin-left: 0px;
      margin-top: 0px;
      margin-bottom: 0px;
  }
  

  #mainframe_{
      position:absolute;
      width:960px;
      top:0;
      left:50%;
      margin-left:-560px;
      margin-top: 20px;
      border:0px solid #b7ac98;
  }

  #mainframe{
      position: absolute;
      width:966px;
      top:5px;
      left: 50%;
      margin-left: -480px;
      margin-top: 20px;
      border:0px solid #b7ac98;
      padding: 0px;
  }
  #mainframe_octnet{
      position:absolute;
      width:600px;
      top:0;
      left: 50%;
      margin-left: -300px;
      margin-top: 20px;
      background: #FFFFFF;
      border:0px solid #b7ac98;
      padding: 0px;
  }

  #banner{  /* ok */
      position:absolute;
      width: 3px;
      height: 650px;
      top: 57px;
      left: 50%;
      margin-left: 490px;

      margin-top: 20px;
  }

  #banner_{  /* ok */
      position:absolute;
      width: 150px;
      height: 650px;
      top: 57px;
      left: 50%;
      margin-left: 410px;
      margin-top: 20px;
  }

  #logo{
      left: 5px;
      top: 20px;
      width: 950px;
      height: 50px;
      padding: 10px;
      background-color: #FFFFFF;
  }
  #menubar{
      position: relative;
      left: 0px;
      top: 2px;
      width: 100%;
      height: 62px;
  }
  #submenubar{
      position: relative;
      left: 0px;
      top: 2px;
      width: 100%;
  }

  #titlebox{
      margin-top:10px;
      margin-left:0px;
      width: 100%;
      background:#202020;

      filter:alpha(opacity=80);
      opacity: 0.8;
      -moz-opacity:0.8;
  }

  #titlebox_index{
      margin-top:0px;
      margin-left:0px;
      width: 100%;
      background:#202020;

      filter:alpha(opacity=80);
      opacity: 0.8;
      -moz-opacity:0.8;
  }

  #titlebox_index_{
      margin-top:0px;
      margin-left:0px;

      width: 100%;
      background:#202020;

      filter:alpha(opacity=80);
      opacity: 0.8;
      -moz-opacity:0.8;
  }

  #client{
      position: relative;
      top: 2px;
      margin-top:0px;
      margin-left:0px;
      width: 100%;
      margin-bottom: 10px;
      border: 0px #FFFFFF;
  }

  #footer{  /* ok */
      position: relative;
      margin-top:10px;
      margin-left:0px;
      width: 100%;

  }

  #mediaplayer{
      position:absolute;
      margin-top:0px;
      margin-left:0px;
      margin-right:0px;
      margin-bottom:0px;
      top:0;
      left:0;
      width: 100%;
      height: 100%;
      background:#202020;
      visibility: hidden;
    
      filter:alpha(opacity=80);
      opacity: 0.8;
      -moz-opacity:0.8;

      z-index: 8;
      
  }
  
  
  .mediaplayer_play{
      position:absolute;
      margin-top:-255px;
      margin-left:-320px;
      /* margin-right:0px;
      margin-bottom:0px; */
      top:50%;
      left:50%;
      width: 640px;
      height: 510px;
      background:#202020;
      visibility: hidden;

      filter:alpha(opacity=80);
      opacity: 0.8;
      -moz-opacity:0.8;
    
      z-index: 9;
      
  }



