body {
	background-color: #372F2D;
	color: #fff;
	font-family: "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; 
	font-size: 14px;
/*    background-image: url("../images/lokaal33-achtergrond-home.jpg");*/
/*    background-image: url("../upload/_J5B6766LOKAAL 33 BY FEMFOTOGRAFIE 2.JPG");*/
	/*-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
    background-repeat: no-repeat;
    background-position: 50% 20%;
	*/
}
#social {
    position: absolute;
    top: 5px;
    right: 2px;
}
#social a {
    margin-right: 10px;
}
nav .navbar-brand {
	width: 260px;
	height: 65px;
	background: transparent url("../gfx/lokaal33-logo.png") no-repeat top left;
	text-indent: -999px;
	margin-bottom: 3px;
}
.big-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
/*	height: 100%;*/
	height: 1000px;
	z-index: -1;
	overflow: hidden;
/*	display: none;*/
}
.big-background img {
	width: 100%;
	z-index: -1;
/*	display: none;*/
/*	-webkit-mask-image: -webkit-gradient(linear, left 70%, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));*/
}
.big-background2:after {
	content: " ";
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: -moz-linear-gradient(top,  rgba(51,51,51,0) 20%, rgba(51,51,51,1) 80%, rgba(51,51,51,1) 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,rgba(51,51,51,0)), color-stop(80%,rgba(51,51,51,1)), color-stop(99%,rgba(51,51,51,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(51,51,51,0) 20%,rgba(51,51,51,1) 80%,rgba(51,51,51,1) 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(51,51,51,0) 20%,rgba(51,51,51,1) 80%,rgba(51,51,51,1) 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(51,51,51,0) 20%,rgba(51,51,51,1) 80%,rgba(51,51,51,1) 99%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(51,51,51,0) 20%,rgba(51,51,51,1) 80%,rgba(51,51,51,1) 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00333333', endColorstr='#333333',GradientType=0 ); /* IE6-9 */
/*	background-color: #f00;*/
/*	background: -webkit-radial-gradient(top center, ellipse cover, rgba(255,255,255,0.2) 0%,rgba(0,0,0,0.5) 100%);*/
}
.big-background:after {
	content: " ";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url("../gfx/overlay.png") scroll repeat-x top left;
	
}
.dimmed .big-background img {
	/* Here's where you set the opacity */
	opacity: .3;

	/* Here's where you set the opacity for the bad browser */
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}


nav {
	background-color: #fff;
	margin: 50px 0;
	padding: 5px 0 2px 0;
}
.shadow {  
  -moz-box-shadow: 3px 3px 4px #000; /* Firefox/Mozilla */  
  -webkit-box-shadow: 3px 3px 4px #000; /*Safari/Chrome */  
  box-shadow: 3px 3px 4px #000; /* Opera & hoe het zou moeten */  
  /* Voor IE 8 */  
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";  
  /* Voor IE 5.5 - 7 */  
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');  
}  

.navbar-header i {
	color: #333;
}
nav .navbar-collapse ul, 
nav .navbar-collapse ul li,
nav .navbar-collapse ul li a {
	margin: 0;
	padding: 0;
}

nav .navbar-collapse ul {
	list-style: none;
	margin: 2px 0;
}
nav .navbar-collapse ul li {
	margin: 0;
}
nav .navbar-collapse ul li a {
	font-weight: bold;
	color: #000;
	font-size: 28px;
	line-height: 30px;
}
nav .navbar-collapse ul a:hover, 
nav .navbar-collapse ul li.active a {
	color: #b4cd2a;
	text-decoration: none;
}
/* text page */
h1 {
	font-size: 75px;
	line-height: 1em;
	color: #fff;
	margin-bottom: 20px;
}

h2 {
	font-size: 22px;
	color: #b4cd2a;
	margin: 0;
}
a {
	color: #b4cd2a;
	font-weight: bold;
}
a:hover {
	color: #b4cd2a;
	text-decoration: none;
}

.spaced .content {
	margin-top: 350px;
}

.content p {
	margin-bottom: 1em;
}
/* overview page */
.overview-item {
	position: relative;
    margin-bottom: 15px;
}
.project-item .caption,
.overview-item .caption {
	background-color: #fff;
	padding: 12px 14px;
/*	margin-right: -15px;*/
	color: #000;
	position: absolute;
	bottom: 0;
	width: 100%;
/*	width: calc(100% - 30px);*/
}
.project-item .caption h2,
.project-item .caption h3,
.overview-item .caption h2,
.overview-item .caption h3 {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0em;
	color: #000;
	line-height: 1.2em;
	padding: 0;
	margin: 0;
}
.project-item .caption h3,
.overview-item .caption h3 {
	color: #b4cd2a;
}
.project-item .caption {
	position: relative;
}
.project-item {
	margin-bottom: 20px;
	position: relative;
}
.project-item img {
	border: 5px solid #fff;
}
.team img {
	border: 1px #ccc solid;
    margin-bottom: 15px;
}

p.meta,
.side h3 {
	border-top: 2px #fff solid;
	border-bottom: 2px #fff solid;
	padding: 4px 0 5px 0;
	font-size: 18px;
	letter-spacing: .05em;
}
p.meta {
	margin-top: 20px;
}

.agenda-item {
	margin-top: 20px;
	background-color: #fff;
	color: #000;
	padding: 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.agenda-item .date {
	border-bottom: 2px solid #b4cd2a;
	font-size: 1.3em;
	padding: 0 0 3px 0;
}
.agenda-item h2 {
	color: #000;
}
.agenda-item a {
	color: #b4cd2a;
}

.agenda-item.groen {
	background-color: #b4cd2a;/*#b4cd2a;*/
	color: #fff;
}
.agenda-item.groen .date {
	border-bottom: 2px solid #fff;
}
.agenda-item.groen h2 {
	color: #000;
}
.agenda-item.groen a {
	color: #fff;
}

.carousel-control.right,
.carousel-control.left {
    background-image: none;
}
.embeddedContent embed {
    display: block;
    clear: both;
}
@media only screen and (max-width : 320px) {
	/* Styles */
	nav .navbar-brand {
		width: 200px;
		height: 50px;
		background: transparent url("../gfx/lokaal33-logo-small.png") no-repeat top left;
		
	}
	.spaced .content {
		margin-top: 10px;
	}
	h1 {
		font-size: 24px;
	}
}