@charset "UTF-8";

@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* Marginal areas & page background */
  body { background: #e2f0ff url('../images/gradient-bg.gif') repeat-x scroll 0 0; padding: 0; }
  
  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { background: url('../images/shadowtile.png') repeat-y; z-index:14;  }
  .page_margins, .footer-shd, #copyright-region { margin: 0 auto; width: 976px; }
  .page { background: #fff; margin: 0 8px 0 8px; }
  
/*============================= HEADER ========================================================*/
  
#header { position: relative; float: left; margin: 0; padding: 0; width: 100%; }
#header .logo { position: absolute; top: 24px; left: 24px; margin: 0; width: 228px; height: 62px;  }
.logged-in #header .logo { position: absolute; top: 24px; left: 24px; margin: 0; width: 228px; height: 62px;  }
  
/*======================== HEADER BANNERS =======================================================*/
#top-banner-static { width: 960px; height: 108px; background-image: url('../images/header/header-auth.jpg'); }

#featured { poistion: relative; background-color:#FFF; width: 960px; height:230px; padding: 0; margin:0; }
/* container for slides */
#featured .banner-images { position:relative; height:230px;	width: 960px; float:left; padding:0; margin:0; }

/* single slide */
#featured .banner-images div { display:none; position:absolute; top:0; left:0; margin:0; padding:0; width: 960px; height:230px; }
#featured .banner-images img { display:block; border:0; }
#featured .banner-images a { display:block; padding:0; margin:0; outline:none; }
/* tabs container ( numbers ) */
#featured .slidetabs { position:absolute; bottom:10px; right:0; margin:0; display: block; float: right;	padding:0 20px 0 0; z-index: 332; }
/* tab single */
#featured .slidetabs a { display:block;	outline:none; float: left; width: 15px; line-height: 12px; padding: 1px 0; font-family: "Helvetica", Arial, sans-serif; text-align: center;	font-size: 11px; color: #a1c3e4; text-decoration:none;  border-right: 1px solid #d7e3f1; }
#featured .slidetabs a.last { border: 0; }
/* tab mouseover state */
#featured .slidetabs a:hover { color:#d0e1f1; }
/* tab active state (current page state) */
#featured .slidetabs a.current { color:#105ca9; } 	
.disabled { visibility:hidden !important; }

/* --- Login Menu --------------------------------------- */
  #topnav { color: #aaa; background: transparent; }
  #header #topnav { position: relative; margin-top: 10px; padding-right: 10px; top: 0; right: auto; height: 15px; text-align: right; z-index: 15; }
  #topnav li { border-left: 2px solid #d6d6d6; padding: 0 4px 0 4px; margin-left: 0; font-size: 9px; line-height: normal; text-transform: uppercase; }
  #topnav li.first { display:inline; border-left: none; list-style: none; padding: 0 4px 0 5px; }
  /* --- end login menu ----------------------------------- */
  
/*---- Login Box ---*/
  #login-box { position: absolute; display: block; font-size: 11px; top: 100px; left: 20px; margin: 0; width: 228px; height: 100px; background: url('../images/loginbox-bg.gif') repeat-x; }
  #login-box form { height: 62px; padding-top: 10px; margin: 0 0 0 5px; }
  #login-box .form-item { margin: 0 0 5px 0; clear: left; height: 18px;  }
  #login-box label { text-transform: uppercase; font-weight: normal; }
  #login-box .form-required { display: none; }
  #login-box .form-text { float: left; height: 16px; width: 125px; margin: 0 0 0 5px; color: #000; border: 1px solid #a7a6aa; background: #FFF; }
  #login-box .form-text:hover { border: 1px solid #1b579f; background: #FFF; }
  #login-box .buttons { clear:left; padding:2px 0 0 75px; }
  #login-box .form-submit { float: left; display: block; line-height: 16px; margin: 0 0 0 5px; font-size: 11px; text-transform: uppercase; font-weight: bold; color: #1b579f; background: url('../images/button-arrow-default.gif') top left no-repeat; border: none; padding: 0 9px 0 18px;  }
  #login-box .form-submit:hover { display: block; cursor:pointer; font-weight: bold; text-decoration: underline; background: url('../images/button-arrow-hover.gif') top left no-repeat; }
  #login-box label { float: left; display: block; width: 75px; font-size: 11px; color: #737373; text-align: right;}
  #login-box .forgot { clear: left; display:block; padding:0 0 0 52px; margin: 0;  }
  #login-box .forgot a { padding: 0 0 0 10px; margin:0; line-height:24px; }
  
/*================================================================================================*/
  
  #nav {}
  div.hlist {  }
  
  #main { background: #fff; }

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul {}

  .site-title { display: none; }
  
  /*-------------------------------------------------------------------------*/

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

  #main { padding: 0; }
 
  
  /*================ CONTENT ==========================================================================================================*/
  
  
  /* ---- COLUMN Layouts ---------------------------- */
  #col1 { float: left; width: 235px;  margin:0; }
  #col2 { float: right; width: 235px;  margin:0; }
  #col3 { width: auto; margin: 0 235px 0 235px; }
  .page-clubhouse #col1 { float: left; width: 246px; margin: 0; }
  .page-clubhouse #col2 { display:none; }
  .page-clubhouse #col3 { width: auto; margin: 0 0 0 246px; }
  
  #col1_content { padding: 0 0 0 10px; }
  #col2_content { padding: 0 10px 0 0; }
  #col3_content { padding: 0 10px; }
  
  .sidebar-left #col3 { margin-right: 0; }
  .sidebar-left #col3_content { }
  .sidebar-right #col3 { margin-left: 0; }
  .sidebar-right #col3_content { }
  .no-sidebars #col3 { margin: 0; }
  .no-sidebars #col3_content { }
  
  #top, #bottom { margin: 0 10px; }
  .front #top #box-shd, .front #bottom #box-shd { display: none; } /* Hides block shadow for row block */
  
  
  /* Home page ads */
  #home-ads { margin-top: 6px; }
  #home-ads #ad-1 { float: left; width: 323px; }
  #home-ads #ad-1 .ad-inside { margin-right: 10px; }
  #home-ads #ad-2 { float: left; width: 323px; }
  #home-ads #ad-2 .ad-inside { margin-right: 10px; }
  #home-ads #ad-3 { float: right; width: 294px; margin-left: -5px; }
  #home-ads #ad-1 .advertisement { width: 313px; background: #FFF url('../images/box-shd.gif') repeat-x bottom left; padding-bottom: 4px; }
    
  .front #col2 { width: 314px; }
  .front #col2_content { padding-left: 10px; }
  .front #col3 {  }
  .front #col3, .front #col2 {  }
  
  
  /* hiding title and local task tabs on front page */
  .front #col3 h2.title { display: none; }
  .front #col3 .tabs { display: none; }
    
  #block-block-6.with-block-editing .edit { display: none!important; }
  
  #col1 .block { margin-top: 6px; }
  #col2 .block { margin-top: 6px; }
  #col3 .block, #col3 #content-wrapper { margin-top: 6px; }
  .front #col3 #content-wrapper { margin:0 } /* Needed to flush shadow under the Racing News block on the Home page */
  
  #home-row-2 .left-col { width: 646px; float: left; }
  #home-row-2 .right-col { width: 274px; float: right; margin-left: -5px; }
  #home-row-2 .left-col-inside { margin: 0 10px 0 0; }
  
  #home-row-3 { margin-top: 6px; }
  #home-row-3 .left-col { width: 50%; float: left; }
  #home-row-3 .left-col .block { padding: 0;}
  #home-row-3 .right-col { width: 50%; float: right; margin-left: -5px; }
  #home-row-3 .left-col-inside { margin: 0 5px 0 0; }
  #home-row-3 .right-col-inside { margin: 0 0 0 5px; }
  #home-row-3 .right-col .block { height: 321px; }
  
  /*=== FOOTER ===============================================================================*/
  #footer { clear: both; padding: 32px 0 0 0; height: 77px; background: #FFF; color: #000; bottom:0; /* stick to bottom */ }
  #footer .logos { padding: 0 0 0 184px; }
  #block-menu-menu-footer-links { clear: both; height: 32px; width: 100%; text-align: center; background: #fff url('../images/footer-bartile.gif') repeat-x; }
  #block-menu-menu-footer-links ul { display: inline; list-style: none; text-align: center; }
  #block-menu-menu-footer-links li { display: inline; line-height: 32px; }
  #block-menu-menu-footer-links li a { color: white; padding: 0 15px 0 15px; /*padding of tabs*/ text-decoration: none; }
  #block-menu-menu-footer-links li a.current { color: white; }
  #block-menu-menu-footer-links li a:visited { color: #FFF; }
  #block-menu-menu-footer-links li a:hover { color: #FFF; text-decoration: underline; }
  
  #footer #box-shd { display: none; } /* Hides duplicate block shadow */
  
    
  /*-------------------------------------------------------------------------*/
  
  /* applying top margin when simplemenu is around */
  body.simplemenu-enabled { padding-top: 26px; }
  
  #simplemenu li { line-height: normal; }
  .footer-shd { clear: both; position:relative; background: url('../images/footer-shd.png') no-repeat; height: 15px; bottom: 0; /* stick to bottom */ margin: 0 auto; }

}