#clear_body { background: none;}

.snowflake {
    position: absolute;
    display: block;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    background-image: -webkit-radial-gradient(
        center,
        circle farthest-corner,
        rgba(255, 255, 255, 1) 40%,
        rgba(255, 255, 255, 0) 100%
    );
    background-image: -moz-radial-gradient(
        center,
        circle farthest-corner,
        rgba(255, 255, 255, 1) 40%,
        rgba(255, 255, 255, 0) 100%
    );
    background-image: -ms-radial-gradient(
        center,
        circle farthest-corner,
        rgba(255, 255, 255, 1) 40%,
        rgba(255, 255, 255, 0) 100%
    );
    background-image: radial-gradient(
        center,
        circle farthest-corner,
        rgba(255, 255, 255, 1) 40%,
        rgba(255, 255, 255, 0) 100%
    );
}

#snow {
    position: absolute;
    width: 100%;
    height: 100%;
}

header {margin: 5px 0 10px 0;}
header .language {text-align: right;}
header .language img {vertical-align: bottom;}
header .language_sm {text-align:center;}
header .vlag a img {padding:0 5px 0 5px;}

.wrap {width: 100%;}

.modal-header {
  background-color: #104973;
  padding:16px 16px;
  color:#FFF;
  border-bottom:2px dashed #337AB7;
  font-size: 1.5rem;
  font-weight: bold;
}

.centreren {text-align:center;}
.landing {height: 600px; background: url("../images/landing_back2.jpg") no-repeat top;}
.talen { color: #302f2e;position:absolute; left: calc(43%); top:400px;}
.talen a img {margin: 0 30px 0 15px;}
.talen a {color: inherit;}
.talen a:hover {color: #ffa302;}

.bg-nav, .bg-footer {background-color: #104973;}

.bg-footer {color: #c6c6c4; margin-top: 2rem;}
.bg-footer div {padding: 5px;}

h1 {font-size: 2rem; font-weight: bold; color: #005480; margin: 2rem 0 2rem 0;}
h2 {font-size: 1.5rem; font-weight: bold; color: #0f446a; margin: 2rem 0 1.25rem 0;}
h3 {font-size: 1.1rem; font-style:italic; margin-bottom: 1rem;}
h4 {font-size: 1.25rem; font-weight: bold; color: #005480; margin: 1.5rem 0 1rem 0;}
h5 {text-decoration:underline;}
h6 {font-weight: bold; color: #C00;}
h7 {font-size: 1.5rem; font-weight: bold; color: #0f446a;}

nav, nav .dropdown-menu {background-color: #104973; color: wheat;}
nav a, nav a:visited, nav .dropdown-menu a {color: #c6c6c4}
nav a:hover {color:#eee}
nav .dropdown-menu {border: 0;}
nav .nav-item {text-transform: uppercase;}

.logo_screens{
  font-weight: 700;
  font-size: 1.5em;
  text-transform: uppercase;
  color: #196319;
  padding-bottom: 5px;
  /**font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;**/
}

.navbar-toggler {
    border-color: rgb(198,198,196);
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(198,198,196, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.subnav{ background: #f9f9f9 url("../images/shadow_left.png") no-repeat bottom left; margin: 30px 0 0 10px; padding-bottom: 35px; padding-top:10px; min-width:235px; max-width:235px;}
.subnav ul {padding: 0;}

.submenu_title{ display:block; height: 40px; color: #005480; font-size: 1.25rem; font-weight:bold; margin: 0 15px 5px 0; border-bottom: solid 1px #ddd;}
.submenu {margin: 0 5px 0 15px;}
.submenu li { display: block;}
/*.submenu li li a{display:block;}*/
.submenu a, .submenu a:link { display:block; color:#575757; height: 30px; background: url("../images/submenu.png") no-repeat center left; line-height:30px; padding: 2px 0 2px 15px; /*border-bottom: dotted 1px #ddd*/}
.submenu a:hover{ color:#ffa302; text-decoration: none;}
.submenu .active {color:#ffa302;}


.carousel {margin: 2rem 0 2.5rem 0;}
.carousel-caption {background: rgba(0, 0, 0, 0.35); left:0; right:0; padding: 0.25rem 1.5rem 0.25rem 1.5rem;}
.carousel-caption p {font-size: 1.5rem;}

.content {padding-left: 2rem;}
.content h1 a, .content h1 a:link, .content h1 a:visited, .content h1 a:hover {color: #005480;}

.nieuws, .nieuws tr, .nieuws td {border: none; }
.nieuws p {background-color: #104973; color: #fff; padding: 5px 10px; text-align: center;}
.nieuws .modaliteit {vertical-align: top;}
.nieuws_txt {padding: 0 0 20px 15px; vertical-align: top;}

.online_test {border:none;}
.online_test tr, .online_test td {border: none;}
.online_test td { width: 90px;}

.land_overzicht td {padding: 5px 10px 5px 0; border:none; width: 33%;}
.landen {text-align:center;}

.table .categorie {text-align: center;}
.table .route {border: none; text-align: center;}
.table .subheader {background-color: #B8B8B8; color:white; font-weight:bold;}
.table .klasse {vertical-align: middle;}

.fahrweg td, .fahrweg th {text-align: center; vertical-align: middle;}
.fahrweg .klasse {font-weight: bold;}

.finland {max-width: 600px; text-align: center;}
.finland .hoeveelheid {text-align: right;}

table .header-fixed {
  position: fixed;
  top: 50px;
  /*left: 0;*/
  /*right: 0;*/
  z-index: 1020; /* 10 less than .navbar-fixed to prevent any overlap */
}

.content {padding-bottom: 140px;}
.bg-footer {position: absolute; right: 0; bottom: 0; left: 0; clear: both; height: 120px;}
html {height: 100%;}
body {position: relative; min-height: 100%;}

@media (max-width: 1199.98){
  .bg-footer{height: 126px;}
  .content {padding-bottom: 146px;}
}

@media (max-width: 991.98px){
  .content {padding-bottom: 222px;}
  .bg-footer{height: 202px;}
}

@media (max-width: 767.98px){
  .content {padding-bottom: 538px;}
  .bg-footer{height: 518px;}
}