/* Create a file named "_indexStyles.css" in the "index.html" directory to put customized content. */
body {
  background	   : #f7f7f7;
  margin           : 0px;
  font-family      : Arial, Helvetica, sans-serif;
  font-size        : 12px;
}

img {
  border           : 0px;
}

a {
  color: black;
}

#navigation > table {
    padding-top: 10px !important;
}

#navigation > table > tbody > tr > td > a {
    color: white;
}

#navigation > table > tbody > tr > td > a:hover {
    color: #f1f1f1;
}

a:hover {
  color: blue;
}

.tab {
  border           : none;
  display          : none;
  vertical-align   : top;
  width            : 100%;
}


/* Styles for sections */

#footer {
  display          : block;
  width            : 100%;
}

#footer > div{
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -pie-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    padding-top: 10px;
    padding-bottom: 10px;
    margin-bottom: 15px;
    border-radius: 3px;
    width: 780px;
    margin-right: auto;
    margin-left: auto;
}

#header2 {
  border           : none;
  font-size        : 16px;
  padding-top      : 10px;
  margin-bottom    : 7px;
  width            : 100%;
  background       : #ffffff;
  display          : block;
  height           : 79px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.25);
}

#lastupdate {
  font-size        : 10px;
  margin-bottom    : 5px;
  padding-bottom   : 5px;
  text-align       : center;
  width            : 100%;
  background-color: #e06a02;
  color: #ffffff;
}

#navigation {
  background-color: #e06a02;
  margin-top: -3px;
  width            : 100%;
  font-size: 16px;
  color: #ffffff;
}

table {
    margin-left: auto;
    margin-right: auto;
    width: 780px !important;
}

#noscript {
  border           : none;
  font-size        : 13px;
  font-weight      : bold;
  color            : red;
  margin-bottom    : 15px;
  text-align       : center;
  width            : 780px;
}

#freeText {
  background-color: #EFEFEF;
  border           : solid 1px black;
  color            : navy;
  font-weight      : bold;
  margin-bottom    :15px;
  margin-left      :40px;
  margin-top       :10px;
  padding          : 3px;
  text-align       : center;
  vertical-align   : top;
  width            : 700px;
}

#results {
  margin-bottom    : 15px;
  vertical-align   : top;
  width            : 100%;
}

#results > div > table {
    background: #fff;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
    -pie-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    padding: 10px;
    border-radius: 3px;
}


/* Styles for table rows */

.trList0 {
}

.trList1 {
  background-color: #DFDFDF;
}

.trTitle1 {
}

.trTitle2 {
  background-color: #CFCFCF;
}


/* Styles for table cells */

.title1 {
  font-size        : 15px;
  font-weight      : bold;
  padding-bottom   : 8px;
}

.title2 {
  font-weight     : bold;
}

.leftText {
}

.centerText {
  text-align      : center;
}

.rightText {
  text-align      : right;
}

.menu_bar {
    background: #333; 
    color: #ccc; 
    height: 42px; 
    margin-bottom: 10px; 
    background-clip: border-box; 
    background-size: auto;
}

.menu_bar > table {
    text-shadow: 0px -1px 0px rgba(0,0,0,0.5);
    font-size: 16px;
    line-height: 42px;
    width: 780px;
    margin-right: auto;
    margin-left: auto;
}

a.mediaLogo {
    background-image: url(http://lifesaving.nl/templates/lifesaving-nl_theme/images/logo/logo.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-size: 79px;
    line-height: 79px !important;
}

a.mediaLogo2 {
    background-image: url(http://lifesaving.nl/images/livetiming_redned.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
    font-size: 79px;
    line-height: 79px !important;
}

.siteLogo {
    text-align: center;
    padding: 0px;
    height: 79px;
}

