@CHARSET "UTF-8";
@MEDIA screen, projection
{
  #m24_content_container
  {
    margin: 0px 15px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 500px;
  }

  #m24_content_container h1
  {
    font-size: 100%;
    margin: 10px 0px 0px 0px;
  }

  #m24_content_container h2 strong, #m24_content_container h3 strong
  {
    border-bottom: 1px dotted silver;
  }

  #m24_content_container .sub_container
  {
  }

  #m24_content_container .sub_container p
  {
    font-size: 90%;
    margin: 15px 0px 0px 0px;
  }

  #m24_content_container .sub_container ul
  {
    list-style: none;
    font-size: 80%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }
  
  /* Navigationsliste */

  #m24_content_container .sub_container ul.nav_list
  {
    border: 1px solid silver;
    margin: 15px 0px 20px 0px;
  }

  #m24_content_container .sub_container ul.nav_list li.title
  {
    display: block;
    margin: 0px 0px 0px 0px;
    border: none;
    font-weight: normal;
  }  

  #m24_content_container .sub_container ul.nav_list li.first
  {
    display: inline;
    margin: 0px 0px 0px 0px;
    border: none;
  }  

  #m24_content_container .sub_container ul.nav_list li
  {
    display: inline;
    padding: 0px 0px 0px 5px;
    border-left: 1px solid #cccccc;
  }

  /* Anzeigeliste für Beschreibungen */

  #m24_content_container .sub_container ul.description_list { }

  #m24_content_container .sub_container ul.description_list li.item
  {  
    clear: left;
    margin: 5px 0px 0px 0px;
    *padding: 0px 0px 0px 0px; /* IE css hack */
    *margin-top: -10px; /* IE css hack */
  }

  #m24_content_container .sub_container ul.description_list li.item ul
  {  
    list-style: none;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
  }

  #m24_content_container .sub_container ul.description_list li.item ul li
  {  
    float: left;
    text-align: left;
    font-size: 120%;  
  }

  #m24_content_container .sub_container ul.description_list li.item ul li.title
  {  
    width: 160px;
  }

  #m24_content_container .sub_container ul.description_list li.item ul li.text
  {  
    width: 340px;
  }

  #m24_content_container .sub_container ul.description_list li.item ul li.text a
  {  
   color: #999999;
  }

  #m24_content_container .sub_container ul.description_list li.adsense
  {  
    clear: left;
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 0px 0px;  
  }
  
  #m24_content_container div.detailled_title
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 20px 0px;
  }

  #m24_content_container div.detailled_title h2
  {
    text-align: left; margin: 20px 0px 5px 0px;
  }

  #m24_content_container div.detailled_title ul
  {
    list-style: none;
    font-size: 80%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
  }

  #m24_content_container div.detailled_title ul li
  {
    float: left;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    margin: 0px 10px 0px 0px;
    padding: 0px 0px 0px 20px;
  }

  #m24_content_container div.detailled_title ul li.link_permanent
  {
    background-image: url("http://koon/florian/sprachverwaltung/images/link_go.png");
  }

  #m24_content_container div.detailled_title ul li.link_index
  {
    background-image: url("http://koon/florian/sprachverwaltung/images/text_dropcaps.png");
  }

  #m24_content_container div.detailled_title ul li.link_back
  {
    background-image: url("http://koon/florian/sprachverwaltung/images/control_rewind.png");
  }

  #m24_content_container div.text_container
  {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 80%;
    text-align: left;
  }

  #m24_content_container div.text_container h3
  {
    text-align: left;
    margin: 20px 0px 5px 0px;
    font-size: 100%;
  }
  
  #m24_content_container .debug_info
  {
    width: 480px;
    background: silver;
    margin: 10px 0px 0px 0px;
  }
  
  #m24_content_container .debug_info pre
  {
    font-size: 12px;
  }
  
  #m24_content_container .cycling_table
  {
    font-size: 90%;
    border: 1px solid #ccc;
    padding: 0px 0px;
  }
  
  #m24_content_container .cycling_table h4
  {
    padding: 0px 0px;
    margin: 3px 0px 4px 0px;
  }
  
  #m24_content_container .cycling_table div.hour1,
  #m24_content_container .cycling_table div.hour2
  {
    float: left;
    width: 60px;
    font-size: 80%;
    padding: 3px 0px;
  }
  
  #m24_content_container .cycling_table div.hour1
  {
    background-color: #ccc;
  }
}