/* Header
-------------------------------------------------- */
.header{
	height: 201px;
	width: 100%;
	background: -moz-linear-gradient(45deg,  rgb(2,0,49) 0%, rgb(0,136,204) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(2,0,49)), color-stop(100%,rgb(0,136,204))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgb(2,0,49) 0%,rgb(0,136,204) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgb(2,0,49) 0%,rgb(0,136,204) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgb(2,0,49) 0%,rgb(0,136,204) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgb(2,0,49) 0%,rgb(0,136,204) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(2,0,49)', endColorstr='rgb(0,136,204)',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

.logo{
	width: 270px;
	height: 200px;
	background-image: url('../img/site/logo.png');
	background-position: 5px center;
	background-repeat: no-repeat;
}
.jumbotron{
	background-color: transparent;
	color:rgb(255,255,255);
	margin:0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 15px;
}
.jumbotron h1, .jumbotron .h1{
	font-size: 48px;
	padding-top: 65px;
	padding-bottom: 0;
}
.lead{
	font-size: 18px;
	margin: 0;
}

/* foto's
-------------------------------------------------- */
.carousel{
	height: 250px;
	width: 400px;
	box-shadow: 0 2px 15px rgb(102,102,102);
	-mox-box-shadow: 0 2px 15px rgb(102,102,102);
	-webkit-box-shadow: 0 2px 15px rgb(102,102,102);
}
.carousel-indicators li{
	background-color: rgb(2,0,49);
}
.carousel-indicators li.active{
	border: 1px solid rgb(0,136,204);
	background-color: rgb(2,0,49);
}
.carousel-inner > .item > img{
	height: 250px;
	width: 400px;
}

/* Menubalk
-------------------------------------------------- */
.navbar{
	box-shadow: 0 2px 15px rgb(102,102,102);
	-mox-box-shadow: 0 2px 15px rgb(102,102,102);
	-webkit-box-shadow: 0 2px 15px rgb(102,102,102);
}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:focus{
	color: rgb(255,255,255);
	font-weight: bold;
	transition: all .2s linear;
	-webkit-transition: all .2s linear;
	-moz-transition: all .2s linear;
}
.navbar-default .navbar-brand:hover{
	color:rgb(0,136,204);
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	background-color: rgba(0,136,204, 0.5);
	color:rgb(255,255,255);
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus{
	color:rgb(255,255,255);
}
.navbar{
	background: -moz-linear-gradient(45deg,  rgb(2,0,49) 0%, rgb(0,136,204) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,rgb(2,0,49)), color-stop(100%,rgb(0,136,204))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(45deg,  rgb(2,0,49) 0%,rgb(0,136,204) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(45deg,  rgb(2,0,49) 0%,rgb(0,136,204) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(45deg,  rgb(2,0,49) 0%,rgb(0,136,204) 100%); /* IE10+ */
	background: linear-gradient(45deg,  rgb(2,0,49) 0%,rgb(0,136,204) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgb(2,0,49)', endColorstr='rgb(0,136,204)',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	border:none;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color: rgba(2,0,49, 0.5);
}
.navbar-default .navbar-text {
	color:rgb(255,255,255);
}
.navbar-text a{
	color:rgb(255,255,255);
}
.navbar-text a:hover{ 
	color:rgb(2,0,49);
	text-decoration: none;
}


@media (min-width: 768px) and (max-width: 979px) {
	.logo{
		width: 100%;
		height: 100%;
		background-image: url('');
		background-position: ;
		background-repeat: ;
	}
	.logo img{
		margin-bottom: 0;
	}
}

@media (max-width: 767px) {

}