/*
 * Screen Styles
 */



/*******************************************************************************
 * Default styles
 */
BODY {
  background-color: #FFFFFF;
  background-image: url(../images/background.png);
  background-position: 0 80px;
  background-repeat: repeat-x;
  padding-top: 80px;
}




/*******************************************************************************
 * Layout styles
 */
.container {
  margin: 0 auto;
  position: relative;
  text-align: justify;
  width: 600px;
}

  .hide,
  .unhidejs {
    display: none;
  }



/*******************************************************************************
 * Header styles
 */
#header {
  /* Nothing yet */
}

  #header H1 A {
    background-image: url(../images/header/logo.png);
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 63px;
    text-indent: -9999px;
    width: 226px;
  }
  
  #header P {
    background-image: url(../images/header/tagline.png);
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 26px;
    margin-top: 8px;
    text-indent: -9999px;
    width: 563px;
  }



/*******************************************************************************
 * Content styles
 */
#content {
  clear: both;
  float: left;
  margin-top: 48px;
  width: 100%;
}
  
  #content H2 {
    display: none;
  }
  
  #content P {
    color: #155b79;
    font-size: 1.4em;
    line-height: 1.8em;
    margin-top: 10px;
  }
  
    #content P.first {
      margin-top: 0;
    }
  
  #content A {
    color: #155b79;
    font-weight: bold;
  }
  
  #content PRE {
    color: #155b79;
    margin-left: 10px;
    margin-top: 8px;
  }
  
  #content #text {
    clear: right;
    float: right;
    width: 350px;
  }
  
    #content #text P STRONG {
      background-image: url(../images/content/leitmotiv.png);
      background-position: left top;
      background-repeat: no-repeat;
      display: block;
      height: 21px;
      margin-left: auto;
      margin-right: auto;
      margin-top: 12px;
      text-indent: -9999px;
      width: 232px;
    }
  
  #content #sidebar {
    width: 250px;
  }
  
    #content #sidebar LI {
      margin-bottom: 13px;
    }
    
    #content #sidebar A {
      background-position: left top;
      background-repeat: no-repeat;
      display: block;
      height: 50px;
      text-indent: -9999px;
      width: 220px;
    }
    
      #content #sidebar A:hover {
        background-position: 0 -50px;
      }
    
      #content #sidebar A#belgium {
        background-image: url(../images/content/countries/belgium.png);
      }
      
      #content #sidebar A#france {
        background-image: url(../images/content/countries/france.png);
      }
      
      #content #sidebar A#usa {
        background-image: url(../images/content/countries/usa.png);
      }



/*******************************************************************************
 * Footer styles
 */
#footer {
  clear: both;
  float: left;
  margin-bottom: 20px;
  margin-top: 45px;
  width: 100%;
}

  #footer .availability {
    background-image: url(../images/footer/availability.png);
    background-position: left top;
    background-repeat: no-repeat;
    display: block;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    text-indent: -9999px;
    width: 225px;
  }
  
  #footer .copyright {
    display: none;
  }