/**
 * alternativeFM Basci-Style Webradio
 *
 * @author		    Daniel Haitz
 * @version         1.0.0
 * @copyright		Radio Karlsruhe GmbH & Co. KG
 */

@media all
{
  /* Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * { margin:0; padding:0; }

  /* Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option { padding-left:0.4em; } /* LTR */
  select { padding:1px; }

 /**
  * Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }

  body {
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family: 'Numans', sans-serif;    font-size:75.00%;
    color:#000000;
    background: #ffffff;
    text-align:left;
  }

  h1,h2,h3,h4,h5,h6 {
    font-weight:normal;
    color:#000000;
    margin:0 0 0.25em 0;
  }

  h1 { font-size:220%; margin-top: 15px; }     /* 30px */
  h2 { font-size:200%; }                       /* 24px */
  h3 { font-size:160%; }                       /* 18px */
  h4 { font-size:133.33%; }                    /* 16px */
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:116.67%; }                    /* 14px */
  
  #playlist {
     width: 570px;
     background-color: #E5E2D0;
     border: 1px solid #257185;
     color: #515151;
     font-weight: bold;
     padding: 10px;
  }

  #laufschrift {
    border-bottom: 2.5px solid #E5E2CF;
    background: none repeat scroll 0 0 #FFFFFF;
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family: 'Numans', sans-serif;
    font-weight: normal;
  }

  #lauftschrift a {
    background: none repeat scroll 0 0 transparent;
    color: #257185;
    text-decoration: none;
  }

  #lauftschrift marquee {
    /*font-family:Arial, Helvetica, sans-serif;*/
    font-family: 'Numans', sans-serif;
    font-weight: normal;
  }

  table {
     width: 590px;
  }
  
  td {
     width: 30px;
  }
  
  /* Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div { outline:0 none; }

  /* HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
  article,aside,canvas,details,figcaption,figure,
  footer,header,hgroup,menu,nav,section,summary { 
  	display:block;
  }
 
  /* Clearfix-Methode zum Clearen der Float-Umgebungen */
  .clearfix:after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
  }

  /* Diese Angabe benötigt der Safari-Browser zwingend !! */
  .clearfix { display:block; }

  /* Alternative Methode zum Einschließen von Float-Umgebungen */
  .floatbox { display:table; width:100%; }

  /* IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  #ie_clearing { display:none; }  
}

 /* Float Clearing für Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden*/

  .subcolumns,
  .subcolumns > div {
    overflow:visible; 
    display:table;
  } 

  /* .print-Klasse sichtbar schalten */
  .print { 
    position:static; 
    left:0;
  }

  /* Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .noprint { display:none !important; }
}

 /* Tabelleneigenschaften */
  #main table {max-width:600px;}
  #main table tr.null {background-color: #FFFFFF; min-height:30px; font-weight:bold;}
  #main table tr.null td {min-width:50px; max-width:250px; padding-left: 10px; padding-right: 10px;}
  #main table tr.eins {background-color: #FFFFFF; min-height:30px;}
  #main table tr.eins td {min-width:50px; max-width:250px; padding-left: 10px; padding-right: 10px;}
  #main table tr.zwei {background-color: #E5E2CF; min-height:30px;}
  #main table tr.zwei td {min-width:50px; max-width:250px; padding-left: 10px; padding-right: 10px;}

/* Layout-abhängige Anpassungen */
@media screen, projection
{
  /**
   * Bugfix for IE 3-Pixel-Jog Bug
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html #col3 { height: 1%; }
  * html #col1 {margin-right: -3px;}
  * html #col2 {margin-left: -3px;}
  * html #col3 { margin-left: 24%; margin-right: 24%; }

 /**
  * min-width/max-width workaround for IE5.x & IE6
  *
  * @workaround
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      no
  */

  * html .page_margins {
    /* Fallback if JavaScript is disabled */
    width: 80em;

    /* JS-Expression for min-/max-width simulation */
  width: expression((document.documentElement && document.documentElement.clientHeight) ? ((document.documentElement.clientWidth < 740) ? "740px" : ((document.documentElement.clientWidth > (80 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "80em" : "auto" )) : ((document.body.clientWidth < 740) ? "740px" : ((document.body.clientWidth > (80 * 16 * (parseInt(this.parentNode.currentStyle.fontSize) / 100))) ? "80em" : "auto" )));
  }
}