/*test css voor eerste bootstra layout*/

/* @import url('http://twitter.github.com/bootstrap/assets/css/bootstrap.css'); */




html,body{
	font-family: sans-serif;
	height: 100%;
	line-height:22px;
}


/*
Het intro via jquery fadeIn, default op display:none;
omdat dit via jquery op display:block zal worden gezet.*/
.intro-bg{
	display:none;
}
.intro-h{
	display:none;
}
.intro-p{
	display:none;
}

.custombg{
	display:none;
	/* background-image:url("../img/red-velvet-cake.jpg"); */
	background-image:url("../img/strand2.jpg");
	background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-position: none !important;
	background-position:64%, 121%!important;
	color:#ffffff;
}

@media (max-width: 767px) {
	.intro-bg{
		display:block;
	}
	.intro-h{
		display:block;
	}
	.intro-p{
		display:block;
	}
	.custombg{
		display:block;
	}
}


.redbar{
	background-color:#465D7C;
	color:#FFFFFF;
	height:40px;
}

.title{
	background-color:#F6ECE2;
}

/*eigenschappen menu*/

.navbar-default {
  background-color: #465d7c;
  border-color: #eeeeee;
}
.navbar-default .navbar-brand {
  color: #eeeeee;
}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
  color: #465d7c;
}
.navbar-default .navbar-text {
  color: #eeeeee;
}
.navbar-default .navbar-nav > li > a {
  color: #eeeeee;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
  color: #465d7c;
  background-color: #eeeeee;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
  background-color: #465d7c;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #eeeeee;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #465d7c;
  background-color: #eeeeee;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #eeeeee;
}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
.navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
  color: #465d7c;
  background-color: #eeeeee;
}
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
  color: #465d7c;
  background-color: #eeeeee;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
  color: #465d7c;
  background-color: #eeeeee;
}
.navbar-default .navbar-toggle {
  border-color: #eeeeee;
  background-color: #465d7c;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  background-color: #c3c3c3;
}
.navbar-default .navbar-toggle .icon-bar {
  color: #465d7c;
  background-color: #eeeeee;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #eeeeee;
}
.navbar-default .navbar-link {
  color: #eeeeee;
}
.navbar-default .navbar-link:hover {
  color: #465d7c;
}

@media (max-width: 767px) {
	.navbar-default .navbar-toggle .icon-bar:hover,
	.navbar-default .navbar-toggle .icon-bar:focus
	{
	  color: #465d7c;
	  background-color: #c3c3c3;
	}
  
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #eeeeee;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #465d7c;
	background-color: #eeeeee;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover,
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #eeeeee;
	background-color: #c3c3c3;
  }
  .redbar{
	  height:auto;
  }
}

/*contentblokken*/

.content{
	min-height:90%;
}

.een{
	/* background-color:#D9D5CD; */
	background-color:#FFFFFF;
	margin-top:10px;
	margin-bottom:10px;
	padding:20px;
	color:#465D7C;
}

.twee{
	background-color:#e9e9e9;
/* 	margin-left:10px; */
	margin-top:10px;
	margin-bottom:10px;
	padding:20px;

}

.drie{
	background-color:#ffffff;
	margin-left:10px;
	margin-top:10px;
	margin-bottom:10px;
}

.drie form{
	background-color:#ffffff;
}

/*spacer*/
.row-eq-height {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height:100%;
}

.spacer{
	min-height:15em;
}

.container-fluid{
	min-height:20%;
}

/*icons*/
.reveal .fa {
  font-family: 'FontAwesome';
  font-style: normal;
}

.jssocials-share-link { border-radius: 50%; } 


/*footertext*/
.footertext{
	text-align:right;
	color:#ffffff !important;
	line-height:38px;
}
.footertext > a,
.footertext > a:hover,
.footertext > a:focus
{
	color:#ffffff;
	text-decoration:none;
}