/*!
 * Start Bootstrap - Scrolling Nav (http://startbootstrap.com/)
 * Copyright 2013-2016 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
 */

body
{
  padding-top: 70px;
}

nav, header, section, footer
{
  width: 100%; /*needed by IE*/
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}

header
{
  height: 430px;
  margin-top: 0px;
  margin-bottom: 40px;
  padding-top: 27px;
  padding-bottom: 27px;
  background-image: linear-gradient(#5e99a4, #b3d6dc);
}

footer
{
  margin-bottom: 40px;
  height: 530px;
  padding-top:  100px;
  padding-bottom: 110px;
  background-image: linear-gradient(#5e99a4, #b3d6dc);
}

.content-section 
{
  padding-top:  100px;
  padding-bottom: 110px;
  min-height:   100vh;
  background:   #ffffff;
}

.content-section:nth-child(odd)
{
  background:   #ededed;
}

.img-thumbnail
{
  border: none;
  vertical-align: bottom;
  background: none;
  padding-left: 0px;
  padding-right: 8px;
}

hr.shortline
{
  text-align: left;
  border-color: #004860;
  border-width: 2px;
  width: 40px;
  margin-left: 0px;
  margin-top: 70px;
}

ul
{
  color: #004860;
  list-style-type: square;
}
ol
{
  color: #004860;
  list-style-type: decimal;
  font-weight: bold;
}
ul li span,
ol li span
{
  color: #28343b;
  font-weight: normal;
}

a.external 
{
  padding-left:         17px;
  background-image:     url('../images/link_external_12x12.png');
  background-repeat:    no-repeat;
  background-position:  1px 3px;
}

/** Simple Collapse ***************************************/

a.arrowdown,
a.arrowup
{
  padding-left:         17px;
  background-repeat:    no-repeat;
  background-position:  1px 3px;
  text-decoration:      none;
  color:                #28343b;
}
a.arrowdown 
{
  background-image:     url('../images/arrow-down_12x12.png');
}
a.arrowup 
{
  background-image:     url('../images/arrow-up_12x12.png');
}


/** Forms ***************************************/

.content-section:nth-child(odd) .form-control
{
  background-color: #ffffff;
  border: 1px solid #ffffff;
}

/** Accordion with Collapse ***************************************/

button.accordion_collapsed,
button.accordion_open
{
  width: 100%;
  min-height: 40px;
  background-color: #ededed;
  border: none;
  background-image: url('../images/arrow-down_24x24.png');
  background-repeat: no-repeat;
  background-position: right 10px top 8px;
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  text-align: left;
  padding-left: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #004860;
  outline:0;
}

button.accordion_open
{
  background-image:     url('../images/arrow-up_24x24.png');
}

button.accordion_opencollapsed
{
  background-image:     url('../images/arrow-down_24x24.png');
}

div.accordion_content
{
  background-color: #ededed;
  padding: 15px;
}
div.accordion_content_table
{
  background-color: #ededed;
  padding: 0px;
}

table.table
{
  background-color: #ededed;
  border-collapse: separate;
  border: none;
  margin-bottom: 0px;
}

table.table tr, th
{
  border: none;
  outline: 2px solid #ffffff; 
}

table.table tr td, th td
{
  vertical-align: top;
  min-height: 40px;
  border: none;
}

table.table tr td.time1, 
table.table th td.time1
{
  width: 70px;
  padding-left: 15px;
  border-right: 4px solid #ffffff;
}
table.table tr td.event1, 
table.table th td.event1
{
  border-left: 3px solid #5e99a4;
}

.content-section:nth-child(odd) button.accordion_collapsed,
.content-section:nth-child(odd) button.accordion_open,
.content-section:nth-child(odd) div.accordion_content,
.content-section:nth-child(odd) div.accordion_content_table,
.content-section:nth-child(odd) table.table,
.content-section:nth-child(odd) table.table tr td
{
  background-color: #ffffff;
}
.content-section:nth-child(odd) table.table tr, th
{
  outline: 2px solid #ededed; 
}
.content-section:nth-child(odd) table.table tr td.time1, th td.time1
{
  border-right: 4px solid #ededed;  
}


/** Header ***************************************/

header h1,
header h2,
header .h1,
header .h2
{
  font-size: 40px; /*48px*/
  color: #ffffff;
  text-align: left;
  padding-right: 30px; /**/
  line-height: 1;
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  outline: 0px;
}
header h2,
header .h2
{
  margin: 0px;
  padding: 0px;
  outline: 0px;
  line-height: 1;
  font-weight: lighter;
}

p.header-logos
{
  padding:   0;
  margin:    0;
  outline:   0;
  float: left !important;
  max-width: 200px;
  text-align:right;
  margin-top: 35px;
  margin-right: 0px;
}

header img.second
{
  margin-top: 6px;  
}

/** Section & Footer ***************************************/

section.content-section h1,
footer h1
{
  font-size: 14px;
  line-height: 18px;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #004860;
  margin-bottom: 20px;
}

section.content-section h2,
footer h2
{
  font-size: 13px;
  line-height: 18px;
  font-weight: normal;
  font-style: italic;
  text-transform: none;
  letter-spacing: 0px;
  color: #5e99a4;
  margin-top: -20px;
  margin-bottom: 20px;
}

section.content-section h1.sub,
footer h1.sub
{
  font-size: 32px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  margin-top: 0px;
  margin-bottom: 40px;
  line-height: 1;
  color: #004860;
}
footer h1.sub
{
  color: #ededed;
}

section.content-section h1.sub::before,
footer h1.sub::before 
{
  content: '';
  display: block;
  position: absolute;
  top: 40px;
  left: 18px;
  width: 40px;
  border-bottom: 3px solid #5e99a4;
}

section.content-section h2.sub,
footer h2.sub
{
  font-size: 14px;
  font-weight: normal;
  text-transform: none;
  letter-spacing: 0px;
  text-align: left;
  font-style: italic;
  color: #004860;
  margin: 0px;
  padding: 0px;
  margin-top: 20px;
  margin-bottom: 30px;
}

/** Navbar ***************************************/

.navbar-addition-ham
{
  display: inline;
  font-size: 16px;
  line-height: 16px;
}

a.navbar-addition-normal
{
  display: none;
}

.navbar-default button.navbar-toggle
{
  background-color: #b3d6dc;
  border-radius: 50%;
  padding: 10px;
  width: 44px;
  height: 44px;
}

.navbar-default .navbar-brand
{
  font-size: 20px;
  font-weight: bold;
  color: #004860;
}

.footer-section .container .row a
{
  color: #004860;
}

@media (min-width: 768px) 
{
  body
  {
    padding-top: 55px;
  }

  header
  {
    height: 280px;
  }

  footer
  {
    margin-bottom: 40px;
    height: 430px;
  }

  header h1,
  header h2,
  header .h1,
  header .h2
  {
    font-size: 30px; /*36px*/
    color: #004860;
    text-align: right;
    padding-right: 30px;
  }
  
  p.header-logos
  {
    padding:   0;
    margin:    0;
    outline:   0;
    float: right !important;
    max-width: 200px;
    text-align:right;
    margin-right: 35px;
  }

  header img.second
  {
  }
  
  section.content-section h1.sub,
  footer h1.sub
  {
    text-align: right;
    margin-bottom: 0px;
    padding-right: 30px;
  }
  section.content-section h1.sub::before,
  footer h1.sub::before 
  {
    right: 45px;
    left: auto;
  }
  section.content-section h2.sub,
  footer h2.sub
  {
    text-align: right;
    margin-bottom: 0px;
    padding-right: 30px;
  }

  .navbar-default .navbar-brand
  {
    font-size: 16px;
    font-weight: bold;
    color: #004860;
    padding-right: 30px;
  }
  a.navbar-addition-normal
  {
    display: block;
    float: right;
    font-size: 22px; /*33px*/
    font-weight: bold;
    text-transform: none;
    letter-spacing: 0px;
    text-align: right;
    color: #004860 ;
    margin: 0px;
    padding: 0px;
    padding-top: 10px; /*0px*/
    text-decoration: none;
  }

  .navbar-addition-ham
  {
    display: none;
  }

  .navbar-default .navbar-nav > li > a,
  .navbar-default .navbar-nav > li > a:hover,
  .navbar-default .navbar-nav > li > a:focus
  {
    padding-left:       20px;
    background-image:   url('../images/rectangle_inactive_12x12.png');
    background-repeat:  no-repeat;
    background-position:2px 20px;
  }
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:hover,
  .navbar-default .navbar-nav > .active > a:focus
  {
    background-image:   url('../images/rectangle_active_12x12.png');
  }
}

@media (min-width: 920px) 
{
  header h1,
  header h2,
  header .h1,
  header .h2
  {
    font-size: 30px; /*36px*/
  }
}


.img-responsive{width: 100%;} /* fixes IE bug */