/*********************************************************************
1. General
**********************************************************************/


	body {
		font-family: Verdana, Geneva, sans-serif;
		color:#666;
		font-size:15px;
		line-height:24px;
	}
	
	a {
		color:#36F;
		text-decoration: none;
	}
	
	a:hover, a:focus, a:active {
		color:#00C;
		text-decoration:none;
	}

	
	h1, h2, h3, h4, h5, h6 {
		font-weight: normal;
	}
	
	h1 {
		margin: 50px 0 24px 0;
		font-size:32px;
		letter-spacing:2px;
		text-transform: uppercase;
		font-weight:bold;
		color:#333;
	}
	
	h2 {
		margin: 20px 0 20px 0;
		font-size:32px;
		letter-spacing:2px;
		text-transform: uppercase;
		color:#333;
	}
	
	h3 {
		margin: 20px 0 4px 10px;
		font-size:18px;
		letter-spacing:1px;
		font-weight:bold;
		text-transform: uppercase;
		color:#333;
	}
	
	h4 {
		margin: 20px 0 0 0;
		font-size:18px;
		letter-spacing:1px;
		font-weight:bold;
	}
	
	.carousel-caption > h1 {
		color:#fff;
		background-color: rgba(60,60,60, 0.2);
		padding:20px 10px;
		margin-bottom: 20px;
	}
	
	.modal-content {
		border-radius:0;
	}
	

/*********************************************************************
2. Navigation bar
**********************************************************************/	
	.navbar-default {
		border: none;
	}

	.navbar-header {
		height:100px;
	}
	
	.navbar-inner {
		background: #fff;
	}

	.navbar-brand > img {
		width:150px;
		height:70px;
	}

	.navbar .nav > li > a {
		text-transform:uppercase;
		line-height: auto;
		vertical-align: middle;
		margin:30px 2px 20px 2px;
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		font-size:16px;
		font-weight:bold;
		color:#000;
		text-shadow: none;
		box-shadow: none;
	}
	
	.navbar .nav > .active {
		background: #346699;
		border: none;
		border-top:#047 8px solid;
		height:100px;
	}
	
	.navbar .nav > .active > a:hover, 
	.navbar .nav > .active > a:focus {
		border: none;
		color:#FFF;
		font-weight:bold;
	}
	
	.navbar .nav > li:hover > a {
		color: #346699;
	}

	.navbar .btn-navbar:hover, 
	.navbar .btn-navbar {
		border-radius:0;
		background:#346699;
		color:#FFF;
	}
	
	.dropdown-menu {
	  	background-color: #FFF;
		border:none;
		border-top: 3px solid #346699;
	}


	.dropdown-menu > li > a {
		color:#000;
		font-weight:bold;
		font-size:12px;
		line-height:26px;
		width:300px;
	}
	
	.dropdown-menu > .active > a {
		color: #346699;
		background: #333;
		font-weight:bold;
		font-size:12px;
		line-height:26px;
	}

	.dropdown-menu > .active > a:hover,
	.dropdown-menu > .active > a:focus {
	  color: #000;
	  background: #eee;
	}

	/* Solve IE problem and blue border */
	.navbar-default .navbar-nav,
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:focus,
	.navbar-default .navbar-nav > .open > a:hover,
	.navbar-default .navbar-nav > .active > a {
	  filter: none;	/* progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdbdbdb', endColorstr='#ffe2e2e2', GradientType=0); */
	  color: #fff;
	  background-color:none;
	}
	
	/* Override small rectangle navication button on smartphones*/
	.navbar-default .navbar-toggle {
		margin-top:15px;
		border-radius: 4px;
		border-color:transparent;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		border-radius: 4px;
		background-color: #322F31;
	}
	
	/*** Solves the problem of the grey background of dropdown-toggle when leaving focus ***/
	.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
		background: #FFF;
		color:#000;
	}
	
	.navbar-default .navbar-nav > .active > a,
	.navbar-default .navbar-nav > .active > a:hover,
	.navbar-default .navbar-nav > .active > a:focus {
		color: #FFF;
		background-color: none;
		margin-top: 22px;
	}
	
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .active > a {
		background: #346699;
		-webkit-box-shadow: none;
		box-shadow: none;
	}
	
	.navbar-default .navbar-nav  > .active > a,
	.navbar-default .navbar-nav  > .active > a:hover,
	.navbar-default .navbar-nav  > .active > a:focus {
		background: none;
	}


/*********************************************************************
3. Carousel
**********************************************************************/	
	.carousel {
		margin-top:100px;
	}

/*********************************************************************
4. Foto's
**********************************************************************/	

	.bg-gallery {
	  background-color: #eee;
	}
	
	section.bg-gallery {
		margin-top: 50px;
		padding:80px 0 40px 0;
	}
	
	section h2.section-heading {
	  font-size: 40px;
	  margin-top: 0;
	  margin-bottom: 35px;
	}
	section h3.section-subheading {
	  font-size: 16px;
	  line-height:22px;
	  font-family: Helvetica, Arial, sans-serif;
	  text-transform: none;
	  font-style: italic;
	  font-weight: 400;
	  margin-bottom: 75px;
	}
	
	#showcase .showcase-item .showcase-caption {
	  max-width: 600px;
	  margin: 0 auto;
	  padding: 15px;
	  margin-bottom: 10px;
	}
	#showcase .showcase-item .showcase-caption h4 {
	  text-transform: none;
	  margin: 0;
	}
	#showcase .showcase-item .showcase-caption p {
	  font-family: Helvetica, Arial, sans-serif;
	  font-style: italic;
	  font-size: 16px;
	  margin: 0;
	}
	
	#showcase .showcase-item .showcase-link {
		display: block;
		position: relative;
		max-width: 600px;
		margin: 0 auto;
	}
	
	#showcase .showcase-item .showcase-link .caption {
		background: rgba(80, 80, 80, 0.9);
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
		transition: all ease 0.5s;
		-webkit-transition: all ease 0.5s;
		-moz-transition: all ease 0.5s;
	}
	
	#showcase .showcase-item .showcase-link .caption:hover {
		opacity: 1;
	}
	
	#showcase .showcase-item .showcase-link .caption .caption-content {
		position: absolute;
		width: 100%;
		font-size: 50px;
		text-align: center;
		top: 50%;
		margin-top: -30px;
		color: #fff;
	}
	#showcase * {
	  z-index: 2;
	}
	
	@media (min-width: 767px) {
	  #showcase .showcase-item {
		margin: 0 0 30px 0;
	  }
	}
	
/*********************************************************************
5. Foto's
**********************************************************************/	
	footer {
	  padding: 10px 0;
	  text-align: center;
	  background-color:#111;
	  color:#FFF;
	}
	
	footer a,
	#bottom a {
		color:#346699;
		text-decoration: none;
	}
	
	footer a:hover, a:focus, a:active,
	#bottom a:hover, a:focus, a:active {
		color:#fff;
		text-decoration:none;
	}

	
	footer span.copyright {
	  line-height: 40px;
	  font-family: Helvetica, Arial, sans-serif;
	  text-transform: uppercase;
	  text-transform: none;
	}
	
	#bottom {
		background: #222222;
		border-bottom: 2px solid #346699;
		font-size: 14px;
		line-height: 30px;
		color:#FFF;
		padding: 20px 0;
	}
	
	#bottom h2 {
		margin: 5px 0 15px 0;
		font-size:18px;
		letter-spacing:2px;
		text-transform: uppercase;
		color:#fff;
	}

/*********************************************************************
6. CONTACT
**********************************************************************/

	.contact-area-left-border {
		border-left:#346699 1px solid;
	}
	
	.from-group {
		position:absolute;width:0;height:0;margin:0;padding:0;display:none;border:none;font-size:0;visibility:hidden;line-height:0;
	}
	
	.form-error {
		font-style: italic;
		color:#F99;
		font-size:13px;
	}

	.form-control {
		border-radius: 0;
	}
	
	.has-error .form-control  {
	  border-color: #a94442;
	  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
			  box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
	  background-color: #f2dede;
	}

	.btn {
		border-radius: 0;
	}

	.button_lavigie,
	.button_lavigie:focus,
	.button_lavigie.focus {
		border: 2px solid #346699;
		color: #346699;
		background-color: transparent;
		font-size: 20px;
		font-family: sans-serif;
		font-weight: bold;
		text-decoration: none;
		letter-spacing: 2px;
	}
	.button_lavigie:hover {
		color: #fff;
		background-color: #346699;
		border-color: #ffffff;
		background-image: none;
		text-decoration: none;
	}

	@media (max-width: 530px) {
		.button_lavigie {
			display: inline-block;
			margin: 0 0 13px 0;
			text-align: center;
			width: 100%;
		}
	}

	
	section.bg-contactinfo {
		margin-top: 50px;
		padding: 50px 0 200px 0;
	}