/*Definiering font*/
@font-face {
	font-family: 'MYRIADPROREGULAR';
	src: url('./MYRIADPROREGULAR.eot');
	src: local('MYRIADPROREGULAR'), url('./fonts/MYRIADPROREGULAR.woff') format('woff'), url('./fonts/MYRIADPROREGULAR.ttf') format('truetype');
}

.h1, h1 {
    font-size: 50px;
    color: #76BC1E;
    text-shadow: 1px 1px 0 white, -1px 1px 0 white, 1px -1px 0 white, -1px -1px 0 white, 0px 1px 0 white, 0px -1px 0 white, -1px 0px 0 white, 1px 0px 0 white;
    text-align: center;
}

@media (max-width: 768px) {
.h1, h1 {
    font-size: 38px;
}
}
@media (max-width: 500px) {
.h1, h1 {
    font-size: 25px;
}
}
body {
  font-family: 'MYRIADPROREGULAR';
  color: #000;
  line-height: 1.6;
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tab-container {
	margin-left: 5px;
	margin-right: 5px;
}

/*Navigatie*/
a {
    color: #000;
    text-decoration: none
}

a:focus,
a:hover {
    color: #76BC1E;
    text-decoration: underline
}

.nav>li>a:focus,
.nav>li>a:hover {
    text-decoration: none;
	background-image: none;
	background-color: #fff;
}

.nav-pills {
    /* float: left; */
    margin-left: auto;
    margin-right: auto;
    width: 400px;
}

.nav-pills>li.active>a,
.nav-pills>li.active>a:focus,
.nav-pills>li.active>a:hover {
    color: #a9a9a9;
    background-color: #fff;
}

div.logo {
	position: absolute;
    	left: 50px;
    	top: 0px;
    	z-index: 1;
}

}

/*Hieronder wordt de breedte en marges van de modal gedefinieerd*/
@media (min-width: 768px) {
    .modal-dialog {
        width: 710px;
        margin: 10px auto
	}
}
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5)
    }
    .modal-sm {
        width: 300px
    }

@media (min-width: 992px) {
    .modal-lg {
        width: 900px
    }
}

ul{
  -webkit-padding-start: 0px;
}
/* Mouseovertext */
span.dropt {border-bottom: thin dotted; background: #ffeedd;}
span.dropt:hover {text-decoration: none; background: #ffffff; z-index: 6; }
span.dropt span {position: absolute; left: -9999px;
  margin: 20px 0 0 0px; padding: 3px 3px 3px 3px;
  border-style:solid; border-color:black; border-width:1px; z-index: 6;}
span.dropt:hover span {left: 2%; background: #ffffff;} 
span.dropt span {position: absolute; left: -9999px;
  margin: 4px 0 0 0px; padding: 3px 3px 3px 3px; 
  border-style:solid; border-color:black; border-width:1px;}
span.dropt:hover span {margin: 20px 0 0 170px; background: #ffffff; z-index:6;} 

/* Elements in modal*/
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
	padding-right: 0px;
	padding-left: 0px;}
.h1, .h2, .h3, h1, h2, h3 {
    margin-top: 0px;
    margin-bottom: 0px;
}
.modal-body {
    padding: 5px 15px 5px 15px;
}