/* BLUE COLOR CODE: #3b6188; */
@font-face{
        font-family:"Manuel";
        src:url("fonts/5329499/12bd70bb-71dd-48bd-99f7-ef3e451b9946.eot?#iefix");
        src:url("fonts/5329499/12bd70bb-71dd-48bd-99f7-ef3e451b9946.eot?#iefix") format("eot"),url("fonts/5329499/1ce8af88-e433-4695-b1cd-0e14056dfb89.woff2") format("woff2"),url("fonts/5329499/130e15aa-eaa4-4576-bd32-54fb41349700.woff") format("woff"),url("fonts/5329499/f7b5f07d-b0f2-49fe-8732-1fbd62eecb2f.ttf") format("truetype");
}
@font-face {
    font-family: 'chinon_mnregular';
    src: url('fonts/chinon_mn_1-webfont.woff2') format('woff2'),
         url('fonts/chinon_mn_1-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1,h2,h3,h4,h5{font-family: 'Montserrat'; color:#3b6188;text-transform:uppercase;font-weight:700;line-height:1;letter-spacing:-.05rem;}
p{ font-family: 'Roboto'; color: #000; font-size: 13pt; line-height: 25px; letter-spacing: 1px; }
a{color:#3b6188;}
a:hover{ color: #000; }
a:active,a:focus{ outline: none; }
h1,h2{ font-size: 1.8rem }
p,img,.container{ max-width: 100%; }

.img-responsive{max-width:100% !important;}
.hidden-screen{display:none;}
.show-screen{display:block;}
.pull-left{float:left;}
.pull-right{float:right;}

.toprow{ background-color: #010102; /*min-height: 82px; padding-top: 26px;*/ }

.toprow .pull-left span{ font-family: 'Montserrat'; font-weight: 700; font-size: 12pt; color: #fff; text-transform: uppercase; line-height: 45px; float: left; margin-right: 10px; }
.toprow .pull-left a{ font-family: 'Montserrat'; font-weight: 700; font-size: 19pt; color: #3b6188; text-transform: uppercase; line-height: 40px; float: left; }

.toprow .pull-right { text-align: right; }
.toprow .pull-right a{ color: #fff; font-family: 'Montserrat'; font-size: 10pt; line-height: 45px; }
.toprow .pull-right a:hover{ color: #ccc9c7; }

header .header-container{ padding: 50px 15px 0; }
#CookieDeclarationUserStatusPanel{ padding: 20px; border: 1px solid #3b6188; }

header .menu{ position: relative; } 

.navbar-default{ background-color: transparent; border-color: transparent; }
.navbar-collapse{ padding: 0; }
header .menu { padding-left: 0; } 

header .menu nav,
header .menu .col-sm-9{ padding: 0; }

header .menu ul, 
header .menu ul li{ padding: 0; margin: 0; float: left; list-style-type: none; margin-right: 10px; }
header .menu ul li a{  font-family: 'Montserrat'; font-weight: 700; font-size: 14px; color: #3b6188; text-transform: uppercase; line-height: 60px; }

header .logo{ margin-bottom: 50px; }

header .btn-header{ float: right; margin-top: 10px; }

.navbar-default .navbar-toggle .icon-bar {
    background-color: #ccc;
}
.navbar-toggler-right {
    position: absolute;
    right: 1rem;
}
.navbar-toggler {
    -webkit-align-self: flex-start;
    -ms-flex-item-align: start;
    align-self: flex-start;
    padding: .25rem .75rem;
    font-size: 1.25rem;
    line-height: 1;
    background: 0 0;
    border: 1px solid transparent;
    border-radius: .25rem;
}
.navbar{ margin-bottom: 0; }

.btn{ padding: 10px 20px; display: block; border-radius: 0; }
.btn-blue{ background-color: #3b6188; font-family: 'Montserrat'; font-weight: 700; font-size: 9pt; color: #fff; text-transform: uppercase; }

section.intro-image .container-fluid{ background-attachment: fixed; background-position: center center;background-repeat: no-repeat;background-size: cover;height: 400px;background-image: url(../images/omslag-sneeuwruimen-hein-heun-vrachtwagens.png); position: relative; }
section.intro-image.detail .container-fluid{ height: 400px; position: relative; }
section.intro-image .container-fluid .overlay{ width: 100%; height: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-color: #3b6188; opacity:0.8; z-index: 1; }

section.intro-image .container-fluid .container{ height: 100%; position: relative; z-index: 2; }
section.intro-image .container-fluid .container .content{ width: 60%; display: flex; vertical-align: middle; margin-left: 10%; justify-content: center; flex-direction: column; height: 100%; }
section.intro-image.detail .container-fluid .container .content{ /*margin-left: 0; padding-left: 15px;*/ }
section.intro-image .container-fluid .container .content h1{ color: #68a9dc; font-family: 'Roboto'; font-weight: 700; font-size: 24pt; line-height: 42.8pt; }
section.intro-image .container-fluid .container .content p{ color: #fff; font-family: 'Roboto'; font-size: 16pt; line-height: 39.6pt; }

section.intro-image.detail .container-fluid .container .content h1{ font-size: 24pt; }
section.intro-image.detail .container-fluid .container .content p{ font-size: 14pt; }

section.weatherrss-section .weatherrss{ height: 40px; overflow: hidden; position: relative; width: 100%; background-color: #3b6188; }
section.weatherrss-section .weatherrss .weather-container{ 
	font-size: 12pt; 
	color: #fff; 
	font-family: 'Roboto'; 
	font-weight: 500;
	height: 100%; 
	white-space: nowrap; 
	line-height: 40px; 
	float: left;
	right: 0;
	
	/* Starting position */
	-moz-transform:translateX(10%);
	-webkit-transform:translateX(10%);    
	transform:translateX(10%);
	
	/* Apply animation to this element */  
	-moz-animation: weatheranimation 200s linear infinite;
	-webkit-animation: weatheranimation 200s linear infinite;
	animation: weatheranimation 200s linear infinite;}

	/* Move it (define the animation) */
	@-moz-keyframes weatheranimation {
	 0%   { -moz-transform: translateX(10%); }
	 100% { -moz-transform: translateX(-100%); }
}
@-webkit-keyframes weatheranimation {
 0%   { -webkit-transform: translateX(10%); }
 100% { -webkit-transform: translateX(-100%); }
}
@keyframes weatheranimation {
 0%   { 
 -moz-transform: translateX(10%); /* Firefox bug fix */
 -webkit-transform: translateX(10%); /* Firefox bug fix */
 transform: translateX(10%);       
 }
 100% { 
 -moz-transform: translateX(-100%); /* Firefox bug fix */
 -webkit-transform: translateX(-100%); /* Firefox bug fix */
 transform: translateX(-100%); 
 }
} 

section.content{
	padding: 75px 15px;
}

.page-home section.content{
	background-image: url("../images/bg-repeater.png"); 
	background-repeat: repeat-x;
	background-position: bottom;
	text-align: center;
}

section.content p{ margin-bottom: 25px; }

.page-home section.content img{ display: block; margin: 75px auto; height: auto; }

section.partof{ padding: 75px 15px; text-align: center; background-color: #67a8db; color: #fff; }
section.partof p{ color: #fff; }
section.partof img{ width: 250px; margin-left: 20px; }
.page-home section.partof{ background-color: #fff; color: #000; }
.page-home section.partof p{ color: #000; }

footer{ background-color: #3b6188; color: #fff; padding: 75px 15px; }
footer h2{ font-family:"chinon_mnregular"; text-transform: lowercase; font-weight: normal; color: #fff; letter-spacing: 1px; }
footer p, footer a{ color: #fff; font-size: 13pt; line-height: 16pt; }

section.bottom { color: #ccc9c7; padding: 20px 15px; font-size: 12px; }
section.bottom a{ color: #ccc9c7; text-decoration: underline; }
section.bottom .pull-right{ text-align: right; }

.language-en .weatherrss-section, .language-de .weatherrss-section{ display: none; visibility: hidden; }

.languageflags ul, .languageflags li{ display: none; }
.languageflags li{ float: left; margin-right: 20px; }
.languageflags a{ width: 25px; height: 15px; margin-right: 15px; float: right; line-height: 43px; }
.languageflags a img{ max-width: 100%; width: 25px; height: 15px; }

.noshow{ display: none; }

/** STANDARD FORM STYLES **/
div.form{
	margin: 30px 20% 0;
	width: 60%;
	float: left;
}

div.form h2{ text-align: center; } 

div.form div.control-group{
	width: 100%;
	float: left;
}

div.form div.control-group label{
	font-family: "Roboto", Arial;
	color: #3b6188;
	font-size: 14px;
	line-height: 30px;
	/*width: 40%;
	float: left;*/
}

div.form div.control-group{
	width: 100%;
	float: left;
	margin: 10px 0;
}

div.form div.control-group div.controls select,
div.form div.control-group div.controls input,
div.form div.control-group div.controls textarea{
	width: 100%;
	line-height: 20px;
	border-color: #3b6188;
	border-radius: 8px;
	height: 30px;
	border: 1px solid #3b6188;
	padding: 0 10px;
}

div.form div.control-group div.controls textarea{
	padding: 10px;
}

div.form div.control-group div.controls textarea{
	height: 80px;
}

div.form div.control-group div.controls .btn{
	background-color: #3b6188;
	color: #fff;
	padding: 10px 20px;
	float: right;
	margin-top: 20px;
}

@media only screen and (max-width: 1200px){
	header .menu ul{ margin-right: 0; }
	header .menu{ padding-right: 0; }
}
@media only screen and (max-width: 992px){
	.toprow .pull-left a{ font-size: 13pt; }
	.toprow .pull-right{ line-height: 45px; }
	header .menu ul li a{ font-size: 13px; line-height: 30px; }
	header .btn-header{ margin-top: 0; }
	section.intro-image .container-fluid .container .content h1{ font-size: 24pt; }
	section.intro-image .container-fluid .container .content p{ font-size: 14pt; }
	section.intro-image .container-fluid .container .content{ margin-left: 15px; width: 100%; }
	section.intro-image .container-fluid{ height: 510px; }
}
@media only screen and (max-width: 767px){
	.navbar-toggler{ padding: 10px 20px; }
	.hidden-screen{ display: block;	}
	.show-screen{ display: none; }
	.navbar-toggle{ float: none; display: block; margin: 0 auto; }
	.logo-container{ width: 100%; margin: 0 auto; display: block; margin-bottom: 20px; }
	.logo-container a{ display: block; }
	header .header-container {padding: 50px 15px;}
	header .menu ul, header .menu ul li{ width: 100%; line-height: 40px; }
	header .menu .col-sm-12.pull-left,header .menu .navbar-collapse.show{ width: 80%; display: block; margin: 0 auto; float: none !important; }
	header .menu .col-sm-12.pull-left{ margin-top: 30px; }
	header .menu ul li a{ font-size: 14pt; text-align: center; display: block; line-height: 80px; }
	header .menu ul li a:hover{ background-color: #3b6188; color: #fff; }
	.page-home section.content{ background: transparent; }
	.page-home section.partof{ background-color: #67a8db; color: #fff; }
	.page-home section.partof p{ color: #fff; }
	footer .pull-left{ width: 100%; text-align: center; margin-bottom: 30px; }
	footer .pull-left h2{ margin-top: 0; }
	header .btn-header{ float: none; display: block; margin: 0 auto; width: 80%; }
	section.intro-image .container-fluid{ background-attachment: scroll; background-position: 50% 50%;background-repeat: no-repeat;background-size: auto;height: 400px;background-image: url(../images/omslag-sneeuwruimen-hein-heun-vrachtwagens.png); position: relative; }
}

@media (max-width: 554px) {
	.toprow .pull-left span, .toprow .pull-left a, .toprow .pull-right a{ font-size: 10pt; line-height: 40px; }
	.toprow .pull-left span, .toprow .pull-left a{ float: none; display: inline-block; }
	.toprow{ padding-top: 0; }
	header .menu ul li a{ font-size: 12pt; }
	section.intro-image .container-fluid .container .content{ margin-left: 0; width: auto;
	}
	section.intro-image.detail .container-fluid .container .content h1, section.intro-image .container-fluid .container .content h1{ font-size: 16pt; }
	section.intro-image.detail .container-fluid .container .content p, section.intro-image .container-fluid .container .content p{ font-size: 12pt; }
}
@media (max-width: 500px) {
}
@media (max-width: 530px) {
}
@media (max-width: 420px) {
}
/* Smartphones in landscape */ 
@media (min-width: 481px) and (max-width: 767px) {
}
@media (min-width: 570px) and (max-width: 767px) {
}
@media (min-width: 481px) and (max-width: 569px) {
}
/* Meeste Smartphones */
@media (min-width: 320px) and (max-width: 480px) {
	.toprow .col-sm-6{ width: 100%; float: left; text-align: center; }
}