/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 400px;
	font-family: 'Open Sans', sans-serif;
	line-height: 150%;
	background-image:url('/images/waterdrops_bkgnd.jpg');
	background-size: cover;
}

.newsItem img{
	margin: 3px!important;
}

H2 {
	color:#269FC0 !important;
}

H3 {
	color:#269FC0 !important;
}

.footer A {
	color:#FFF;
}
.navbar {
	margin-bottom:0px;
	z-index: 3000;
	background-color: #199FC2;
	border:none;
}

.menu-bar
{
	background-color:#199FC2;
	width:100%;
	z-index:20000;
}

.nav>li {
	transition: all 0.4s;
	border-bottom:4px solid #199FC2;
}
.navbar-nav>li>a {
	color:#FFF;
	font-size:18px;
	border:4px solid transparent;
	font-weight:100;
}
.nav>li:focus, .nav>li {
	border-bottom:4px solid #199FC2;
}


.nav>li>a:focus, .nav>li>a:hover {
	background-color: transparent;
}
.nav>li:focus, .nav>li:hover {
	
	border-bottom:4px solid #196a80;
}

.navbar .active-item {
	border-bottom:4px solid #196a80;
	
}

.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {
	border-color: #196a80;
	background-color:#196a80;
}


.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  min-height: 300px;
  background-color: #214057;
}




.topheader {
	background-color:#2c2763;
	height:10px;
}

.home_divider {
	background-color:#2c2763;
}

.home_divider H2 {
	color:#FFF;
	font-weight: 100;
	font-style: italic;
	margin-top:10px;
}

.btn-primary {
	background-color:#FFC90F;
	border-color:#ffc90f;
	transition:all 0.5s;
}
.btn-primary:hover {
    color: #fff;
    background-color: #F5BD00;
    border-color: #F5BD00;
}
	
	
.home_features H2 {
	font-size:24px;
	color:#1f91b7;
}

.home_features p {
	font-weight: 300;
}
.footer {
	color:#FFF;
	padding-top:10px;
}

.footer_content_seo p {
	font-size:12px;	
}

.footer .adresgegevens {
	color:#FFF;	
	line-height: 200%;
}

.footer-link {
	color:#707070;
	font-size: 12px;
	
}

.footer-link:hover {
	color:#FFF;
}


.fa-4x {
    font-size: 3em; 
}

@media (max-width: 768px) {

	body {
		margin-bottom: 750px;
	}
	
	.logo_small {
		display:block;
	}

}


@media (min-width: 768px) {


	
	.logo_small {
		display:none;
	}
	
}


@media (min-width:768px) and (max-width: 992px) { 
	.navbar A {
		
		font-size: 16px !important;
		padding:5px !important;
	}
	
}

.alert-warning {
	background-color:#FF5F2F;
	color:#FFF;
}

.slogan {
	font-style: italic;
	font-size: 24px;
	font-weight:100;
	color:#ADADAD;
	padding-top:40px;
}

.maincontent P {
	line-height: 180%;
	
}

.row3 {
	background-color:#199FC2;
	color:#FFF;
}

.row3 .col-md-6 {
	padding:30px 15px;
}

.row4 {
	background-color:#FFF;
}

.row4 .col-md-4 {
	padding:30px 15px;
}

.row4 .thumbnail_container {
	width: 100%;
	height: 200px;
	background-size: cover;
	background-repeat: no-repeat;
}
.row4 .thumbnail {
	border: none;
	box-shadow: none;
	border-radius:0;
	padding:0px;
	background-color:#FFF;
	
	cursor: pointer;
}
.row4 .thumbnail .caption H3,.row4 .thumbnail .caption P {
	
}
.row4 .thumbnail .caption H4 {
	font-size: 12px;
}
.row4 .thumbnail:hover {
	text-decoration: none;
}

.row4 HR {
	border-top:1px solid #199FC2;
}
.row5 H2 {
	color:#333 !important;
}
.row5 .thumbnail {
	border: none;
	box-shadow: none;
	border-radius:0;
	padding:0px;
	background-color: #4C8CBF;
	padding-bottom:10px;
}

.row5 .thumbnail H3 {
	color:#FFF !important;	
	font-size:14px;
}

.row-mainbtns {
	margin-top:-30px;
	
}

@media (max-width: 768px) {
	.row-mainbtns {
		margin-top:10px;

	}
}

 .row-mainbtns .col-md-4
{
	padding:0px;
}

.row-mainbtns > .col-md-6 {
	box-shadow:0px 0px 4px #000;
}
.mainbtn {
	background-color:blue;
	color:#FFF;
	text-align: center;
	padding:30px 0;
	width:100%;
	position:relative;
	float:left;
	text-transform: uppercase;
	font-size:18px;
	z-index: 10000;
}

.mainbtn:hover {
	background-color:  #36A1BD!important;
	text-decoration: none;color:#FFF;
	
	
}

.header2 A:hover {
	text-decoration:none;
	
}





.fotoalbumcover {
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	height: 300px;
		overflow: hidden;
}

.albumnaam {
	font-size: 20px;
	text-align: center;
	padding-bottom: 10px;
}

.albumnaam a {
	text-decoration: none;
	color: black
}

.albumnaam a:hover {
	color: #555555;
}

.overlay_block {
	position: absolute;
	padding-top: 35%;
	visibility:hidden;
	top: 0;
	left: 0;
	color: white;
	width: 100%;
	height: 100%;
	background:rgba(45, 170, 225, 0.5);
	text-align: center;
	transition: all 0.5s;
	animation-name: slideDown;
    -webkit-animation-name: slideDown;
    animation-duration: 0.5s;
    -webkit-animation-duration: 0.5s;
    animation-timing-function: ease;
    -webkit-animation-timing-function: ease;
}

.fotoalbumcover:hover .overlay_block {
	visibility: visible;
  	animation: slideUp 0.5s;
  	animation-direction: linear;
}

@keyframes slideUp {

	0% {
		transform: translateY(100%);
	}
	100% {
		transform: translateY(0%);
	}
}

@keyframes slideDown {
	0% {
		transform: translateY(0%);
	}
	100% {
		transform: translateY(100%);
	}
}

@media (max-width: 1199px) {
	.navbar-nav li a {
		
		padding: 10px;
	}
}

.albumnaam_animatie{
	color: white;
	text-align:center;
	font-size: 22px;
}

.oog{
	padding-top: 5%;
	color: #E5E5E5;
	text-align:center;
	font-size: 20px;
}

.oog:hover{
	color: white;
	text-decoration:none;
}

.gallerylayer {
	max-width: 100%;
}

.gallery-image{
	height: 200px;
	padding: 0;
}

.galary_img {
	margin: 0px;
	padding: 10px;
}

.gallery-title h3{
	padding-bottom: 5px;
	padding-top: 10px;
	margin: 0;
}

.gallery-text {
	padding-top: 10px;
	padding-bottom: 10px;
}

.stretcher {
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	width: 100%;
	height: 100%;
}

.stretcher img {
	display: block;
    margin: 0 auto;
}