/* Waarom moet dit van boostrap? */
body {

    /*background-image: url("//farm9.staticflickr.com/8771/17165650440_7414220b88_o_d.jpg");*/
     background-image: url("//farm8.staticflickr.com/7669/17165649980_f55a53812a_o_d.jpg"); 
    /*background-image: url("//farm9.staticflickr.com/8690/17141214658_168b2cf1a7_o_d.jpg");*/
    /*background-image: url("/static/img/background-tile.jpg");*/
    background-size: cover;
    background-color: #717288;
    background-repeat: no-repeat;
    /*background: linear-gradient(#717288, #5E5F68);*/
}

/* Kill bootstrap body padding */
body {
  padding-left: 0px;
  padding-right: 0px;
}

/* Hide the mobile navbar */
.navbar.navbar-default {
  display: none;
}

.col-md-5.logospan {
    margin-top: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.col-md-2, .col-md-3, .col-md-4,
.col-md-6, .col-md-7, .col-md-8,
.col-md-9, .col-md-10 {
    background-color: #f5f5f5;
    padding: 35px;
    border: solid 2px #717288;
    border-style: dashed;
}

.borderless.col-md-2, .borderless.col-md-3, .borderless.col-md-4,
.borderless.col-md-6, .borderless.col-md-7, .borderless.col-md-8,
.borderless.col-md-9, .borderless.col-md-10 {
    border: none;
}


.col-md-4.borderless {
    border: none;
    padding: 0px;
}

#accordion .col-md-3 {
    border: none;
}

.tagline {
    display: none;
    color: gray;
    font-size: 20px;
    position: relative;
    bottom: 65px;
    left: 84px;
}

/**********************/
/**  
/*******/

.row.header {
  padding-bottom: 15px;
}

.row.header .col-md-5 {
  background-color: #c9a221;
}

.header-left-shadow {
  background-color: #B29600;
  height: 5px;
}

.header-right-shadow {
  background-color: #B29600;
  height: 5px;
  margin-top: -8px;
  margin-left: -11px;
  margin-right: -15px;
}

.header-logo {
  padding-left: 15px;
}

.header-logo img {
  height: 120px;
}

.header-logo-small {
  height: 50px;
  display: none;
}

.row.header .header-logo, .row.header .header-menu {
    background-color: #dbb900;
    color: black;
}

.row.header .header-logo {
    height: 75px;
}

.row.header .header-logo .frietopia {
    font-family: 'Nunito', sans-serif;
    font-weight: 800;
    font-size: 40px;
    color: white;
    display: inline-block;
    padding-top: 5px;
}

.row.content {
    /*min-width: 450px;*/
}

.row.header .header-menu {
    margin-top: 25px;
    height: 45px;
    /* min-width: 450px; */
}

.footer {
    color: white;
    width: 100%;
    margin: 0px;
    /* min-width: 450px; */
}

ol.topmenu {
    list-style-type: none;
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
}

ol.topmenu li {
    float: left;
    padding-top: 5px;
    margin: 5px;
}

ol.topmenu a {
    color: white;
}

ol.bottommenu {
    list-style-type: none;
}

ol.bottommenu li {
    float: left;
    margin: 10px;
}

ol.bottommenu a {
   color: white;
   font-weight: 600;
}

.bottom-background {
    width: 100%;
    height: 40px;
    background-color: black;
    position: absolute;
    opacity: 0.55;
    z-index: -1;
}

.footer {
    z-index: 1;
}

.row.footer {
    bottom: -3px;
}

.logospan a:hover {
  text-decoration: none;
}

hr.narrow {
  margin: 5px;
}

hr {
  border: 1px dashed #414171;
}

.header-logo .alt-logo {
  position: absolute;
  top: 0px;
  left: 15px;
  z-index: 1;
}