@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.2
 */

@media screen, projection
{
  /**
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y: scroll; }

  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #000 none; padding: 0px 0; }

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: 1004px; background: #000; }
  .page { padding: 0px; margin: 0px; background: #000; border-left: 2px solid #c6a686;
  		  border-bottom: 2px solid #c6a686; border-right: 2px solid #c6a686;}
  #header { padding-top: 0px; color: #000; background: url(/UserFiles1/Images/bg/header_2017.jpg); width: 1000px; height:474px;}
  #nav { overflow:hidden; }
  div.hlist {}
  #main { margin: 0px 0; min-height: 500px; background: #c6a686; }
  #footer { padding: 0px; color:#666; background: #c6a686; text-align: center; height:10px;}

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 20px; }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 20%; }
  #col2 { display:none}
  #col3 { width: auto; margin: 0 0 0 20%}
  #col1_content { padding: 0  ; }
  #col3_content { padding: 0px 10px ; margin-top: 0px; bor der-right: 10px solid #c6a686; min-height: 525px; background: #000; }

  /*-------------------------------------------------------------------------*/

  #addthis {
  margin: 5px 0px 0px 28px;
  }

  #player_link{
  position: absolute;
  margin: 30px 0px 0px 30px;
  width: 180px;
  height: 240px;
  }
  #hover_image{
  margin-top: -30px;
  background: url(/UserFiles1/Images/design/radio.png) no-repeat;
  width:180px;
  height:240px;
  }
  #hover_image:hover, #hover_image:active{
  background:url(/UserFiles1/Images/design/animation_radio.gif) no-repeat;
  width:180px;
  height:240px;
  }

  #border_top{
  width: 100%;
  height:10px;
  background: #c6a686;
  }

  .img_left {
  float:left;
  margin: 4px 10px 5px 0px;
  }

  .img_right {
  float:right;
  margin: 4px 0px 5px 10px;
  }

}