/* -- General -- */

* {
	margin: 0;
}
html, body {
	height: 100%;
	font-family: 'Roboto Slab', sans-serif;
	background: #f8f8f8;
}
h1, h2, h3, h4, h5, h6{
	font-family: 'Roboto Slab', sans-serif;
}
hr{
	margin-top: 20px;
	margin-bottom: 20px;
	border: 0;
	border-top: 4px solid #fbfbfb;
}
a{
	color: #518c7c;
}
a:hover{
	color: #3b6b5e;
}

.clear{ clear: both; }

/* Font sizes */
body {
   font-size: 14px;
   line-height: 20px;
}
h1,h2,h3,h4,h5,h6,p {
   font-family: inherit;
   font-size: inherit;
}
h1 {
   font-size: 4em;
   line-height: 1em;
}
h2 {
   font-size: 3em;
   line-height: 1em;
}


/* -- Sticky footer -- */
.site-wrapper {
  min-height: 100%;
  margin-bottom: -300px; 
}
.site-wrapper:after {
	content: "";
	display: block;
}
.site-footer, .site-wrapper:after {
	min-height: 300px;
}

/* -- Header -- */
.site-header{
}
	.logo{
		margin: 15px 0 0 0;
		display: inline-block;
	}
	.logo img{
		width: 265px;
	}
	.header-illustratie{
		width: 215px;
	}
	
	.header-top{
		background: #f2f6f5;
		min-height: 90px;
	}
	
		.top-nav{
			font-size: 10px;
			font-family: 'Roboto Slab';
			padding: 10px 0;
		}
		.top-nav p{
			display: inline;
		}
		.top-nav ul{
			list-style: none;
			margin: 0;
			padding: 0;
			float: right;
		}
		.top-nav ul li{
			float: left;
			margin-left: 15px;
		}
	
	.search-form{}
	.search-form input[type='text']{
		padding: 5px 15px;
		border: 1px solid #e5e5e5;
		width: 85%;
	}
	.search-form button{
		border: 1px solid #518c7c;
		margin-left: -5px;
		background: #518c7c;
		color: white;
		font-size: 14px;
		padding: 5px 15px;
		width: 15%;
	}
	.top-search{
		padding: 0 0 10px 0;
	}
	
	.header-nav{
		/*border-bottom: 4px solid #3b6b5e;*/
		
		-moz-box-shadow: inset #3b6b5e 0 -4px 0 0;
		-webkit-box-shadow: inset #3b6b5e 0 -4px 0 0;
		box-shadow: inset #3b6b5e 0 -4px 0 0;
		
		background: #518c7c;
		min-height: 50px;
	}
		.header-nav .navbar-lutjegast{
			border-radius: 0;
			background-color: transparent;
			border-color: transparent;
			border: 0;
			margin: 0;
			font-size: 16px;
			font-weight: 500;
			color: white;
		}
		.header-nav .navbar-lutjegast .nav > li > a{
			color: white;
		}
		.header-nav .navbar-lutjegast .nav > li > a:hover,
		.header-nav .navbar-lutjegast .nav > li.active > a,
		.navbar-lutjegast .nav .open>a,
		.navbar-lutjegast .nav .open>a:hover,
		.navbar-lutjegast .nav .open>a:active,
		.navbar-lutjegast .nav .open>a:focus{
			background: #3b6b5e;
			color: white;
		}
		.navbar-lutjegast .dropdown-menu{
			margin: 0;
			padding: 0;
			border: none;
		}
		.navbar-lutjegast .dropdown > a,
		.navbar-lutjegast .dropdown > a:active,
		.navbar-lutjegast .dropdown > a:focus,
		.navbar-lutjegast .dropdown > a:hover{
			background: transparent;
		}
		.navbar-lutjegast .dropdown-menu > li > a,
		.navbar-lutjegast .dropdown.open .dropdown-menu > li > a{
			padding: 10px 30px;
			color: white;
		}
		.navbar-lutjegast .dropdown.open .dropdown-menu > li > a:active,
		.navbar-lutjegast .dropdown.open .dropdown-menu > li > a:focus,
		.navbar-lutjegast .dropdown.open .dropdown-menu > li > a:hover{
			background: #3b6b5e;
			color: white;
		}
		.navbar-lutjegast .dropdown-menu .divider{
			background-color: #3b6b5e;
		}
		/*
		.header-nav .navbar-lutjegast ul > li.active > a:hover{
			background: white;
			color: #3b6b5e;
		}
		*/
		
		.navbar-default .navbar-toggle{}
		.navbar-toggle{}
		.navbar-toggle .icon-bar{
			background: white;
		}
	
.site-breadcrumbs{
	background: transparent;
	border-radius: 0;
	padding: 0;
}
	.site-breadcrumbs li.active{
		font-weight: 700;
		color: #585858;
	}
	
	
/* Footer */
.site-footer a{
	color: white;
}
.footer-top{
	background: #3a3a3a;
	color: white;
	min-height: 260px;
	line-height: 25px;
	font-weight: 100;
	padding: 15px 0 30px 0;
}
	.footer-top h3{
		font-size: 21px;
		margin: 15px 0;
		color: white;
	}
	.footer-top ul{
		list-style: none;
		margin: 0;
		padding:0;
	}

.footer-bottom{
	min-height: 40px;
	background: #518c7c;
	color: white;
	padding: 10px 0;
	font-weight: 100;
	font-size: 14px;

	text-align: center;
	line-height: 28px;
}
	.footer-bottom p{
		margin: 0;
	}
	.footer-bottom .copyright{}
	.footer-bottom .realisatie{
		float: none;
	}
	

/* Content */	
.site-content{
	
}

/* Homepage */	
.homepage{
	margin: 15px 0;
}
	.homepage-slider{
		width: 100%;
		position: relative;
		margin-bottom: 30px;
	}
		.homepage-slider, .homepage-slider .rsOverflow, .homepage-slider .rsSlide, .homepage-slider .rsVideoFrameHolder, .homepage-slider .rsThumbs, .homepage-slider .rsBullets{ background: transparent; }
		.homepage-slider .rsBullets { top: 10px; right: 0; text-align: right; padding: 0 15px; height: 25px; opacity: 0.5; }
		.homepage-slider:hover .rsBullets { opacity: 1; }
		.homepage-slider .rsBullet { margin: 8px 4px; padding: 0; cursor: pointer; }
		
		.slide-content{
			background: #518c7c;
			font-size: 21px;
			line-height: 30px;
			color: white;
			position: absolute;
			bottom: 10%;
			left: 5%;
			top: auto;
			display: block;
			max-width: 50%;
			padding: 20px 30px 20px 20px;
			
			-moz-box-shadow: inset #3b6b5e 0 -4px 0 0;
			-webkit-box-shadow: inset #3b6b5e 0 -4px 0 0;
			box-shadow: inset #3b6b5e 0 -4px 0 0;
		}
		.slide-content:after{
			content: '\e87c';
			font-family: 'fontello';
			
			width: 35px;
			text-align: center;
			height: 30px;
			overflow: auto;
			margin: auto;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			font-size: 20px;
		}
		a.slide-content{
			text-decoration: none;
			color: white;
		}
		a.slide-content:hover{
			background: #3b6b5e;
		}
		
	.homepage-oudedoos{
		/*
		background: #518c7c;
		height: 375px;
		color: white;
		*/
		background: white;
		padding: 20px;
	}
	.homepage-oudedoos h3{
		margin: 0 0 10px 0;
	}
	.homepage-oudedoos img{
		width: 100%!important;
		height: auto!important;
	}
	
	.homepage-nieuws{}
		.homepage-nieuws h3,
		.homepage-facebook h3,
		.homepage-oudedoos h3{
			color: #3b6b5e;
			font-size: 26px;
			font-weight: 400;
		}
		.homepage-nieuws .nieuws-item{
			background: white;
			color: #515151;
			padding: 20px 30px 20px 20px;
			display: block;
			text-decoration: none;
			position: relative;
			margin-bottom: 10px;
			font-size: 16px;
		}
		.homepage-nieuws .nieuws-item:after{
			content: '\e87c';
			font-family: 'fontello';
			
			width: 35px;
			text-align: center;
			height: 30px;
			overflow: auto;
			margin: auto;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			font-size: 20px;
		}
		.homepage-nieuws .nieuws-item:hover{
			-moz-box-shadow: inset #3b6b5e 0 -2px 0 0;
			-webkit-box-shadow: inset #3b6b5e 0 -2px 0 0;
			box-shadow: inset #3b6b5e 0 -2px 0 0;
		}
	
	.homepage-facebook{}
	


/* Tekstpagina */
.content-wrapper{
	background: white;
}
.text{
	margin: 15px 0;
}

	.text-side{}
	
	.side-link{
		background: white;
		padding: 15px;
		color: #585858;
		font-size: 14px;
		display: block;
		margin: 0 0 30px 0;
	}
	.side-link:hover{
		text-decoration: none;
		/*
		background: #e8f4f1;
		
		-moz-box-shadow: inset #3b6b5e 4px 0 0 0;
		-webkit-box-shadow: inset #3b6b5e 4px 0 0 0;
		box-shadow: inset #3b6b5e 4px 0 0 0;
		*/
	}
	
	.side-nav{
		background: white;
		font-weight: 400;
		margin: 0 0 30px 0;
	}
		.side-nav ul{
			list-style: none;
			margin: 0 0 0 20px;
			padding: 0;
		}
		.side-nav > ul{
			margin-left: 0;
		}
		.side-nav ul li a{
			display: block;
			padding: 13px 20px;
			font-size: 14px;
			color: #363636;
			text-decoration: none;
		}
		.side-nav ul li a:hover{
			color: #518c7c;
		}
		.side-nav > ul > li.active{
			border-left: 4px solid #518c7c;
			background: #e8f4f1;
		}
		.side-nav ul li.active > a{
			font-weight: 700;
		}
	
	.side-image{
		margin: 0 0 30px 0;
	}
	.side-facebook{
		margin: 0 0 30px 0;
	}
	
	
	.text-content{
		padding: 25px;
	}
	
	.text-content h1{
		margin-top: 0;
		margin-bottom: 0.5em;
		font-size: 2.5em;
		font-weight: 400;
		line-height: 1.3em;
	}
	.text-content h2{
		font-size: 2em;
		font-weight: 500;
	}
	.text-content h3{
		font-size: 1.3em;
		font-weight: 700;
	}
	.text-content blockquote{
		border-left: 5px solid #e8f4f1;
	}
	.text-content a{
		text-decoration: none;
		border-bottom: dashed 1px #518c7c;
	}
	.text-content a:hover{
		text-decoration: none;
		border-bottom: solid 1px #518c7c;
	}
	.text-content img{
		/*margin: 15px;*/
	}


/* Nieuws */	
.news{
	margin: 15px 0;
}
	.news-header{
		margin: 0 0 30px 0;
		font-size: 16px;
	}
	.news-overview{}
		.news-item{
			background: white;
			color: #515151;
			margin: 25px 0;
			display: block;
			text-decoration: none;
			position: relative;
			margin-bottom: 10px;
			font-size: 16px;
		}
		.news-item:after{
			content: '\e87c';
			font-family: 'fontello';
			
			width: 35px;
			text-align: center;
			height: 30px;
			overflow: auto;
			margin: auto;
			position: absolute;
			top: 0;
			bottom: 0;
			right: 0;
			font-size: 20px;
		}
		.news-item:hover{
			-moz-box-shadow: inset #3b6b5e 0 -2px 0 0;
			-webkit-box-shadow: inset #3b6b5e 0 -2px 0 0;
			box-shadow: inset #3b6b5e 0 -2px 0 0;
			text-decoration: none;
		}
		.news-item .item-image{
			margin: 0 15px 0 0;
		}
		.news-item .item-content{
			padding: 20px 30px 20px 20px;
		}

		.news-item h3{
			font-size: 18px;
			font-weight: 700;
			margin: 0 0 15px 0;
		}
		.news-item p{
			font-size: 14px;
		}		
		.news-overview .pageList{
			display: inline-block;
			padding-left: 0;
			margin: 20px 0;
			border-radius: 4px;
			list-style: none;
		}
		.news-overview .pageList li{
			display: inline;
		}
		
		.news-overview .pageList>li>a{
			border-radius: 0;
		}
		.news-overview .pageList a{
			background: white;
			color: #518c7c;
			padding: 8px 15px;
			font-size: 16px;
			border: 0;
			float: left;
			margin-left: -1px;
		}
		.news-overview .pageList a:hover{
			color: #518c7c;
			background: #efefef;
			text-decoration: none;
		}
		.news-overview .pageList a.active{
			background:#518c7c;
			color: white;
		}

/* Afbeeldingen overzicht */
.tile-subpage{
    margin-bottom: 35px;
    display: block;
    border: none !important;
    min-height: 430px;
}
    .tile-subpage img{
        margin: 0;
    }

	
/* Media Queries */
	
/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {

	.navbar-lutjegast .dropdown-menu > li > a,
	.navbar-lutjegast .dropdown.open .dropdown-menu > li > a{
		padding: 10px 20px;
		color: #3b6b5e;
		background: transparent;
	}
	.navbar-lutjegast .dropdown-menu .divider{
		background-color: rgb(231, 231, 231);
	}
	.footer-bottom{
		text-align: left;
	}
	.footer-bottom .realisatie{
		float: right;
	}

	

}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
	.header-nav .navbar-lutjegast{
		font-size: 14px;
	}
	.homepage-oudedoos{
		height: 333px;
	}
	.homepage-slider{
		margin-bottom: 0;
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	.header-nav .navbar-lutjegast{
		font-size: 16px;
	}
	.homepage-oudedoos,
	.homepage-slider{
		height: 375px;
	}
}

.large {
  font-size: 150%;
}
.imagecontainer {
    position: relative;
	font-size: 16px;
	/*line-height: 16px;*/
}
.imagecontainer > img{
	width: 100%;
}
.ginfo {
    position: absolute;
    display: none;
    background: #E0E0E0;
    padding: 5;
    border-style: solid;
    border-width: thick;
    border-color: #C0C0C0;
    font-family: arial;
}
.grafdet {
    font-family: arial;
}
.invoerveld {
    font-family: arial;
}


.graven-zoekformulier .table>thead>tr>th,
.graven-zoekformulier .table>tbody>tr>th, 
.graven-zoekformulier .table>tfoot>tr>th, 
.graven-zoekformulier .table>thead>tr>td, 
.graven-zoekformulier .table>tbody>tr>td, 
.graven-zoekformulier .table>tfoot>tr>td{
	
}

.graven-resultaten .table>thead>tr>th,
.graven-resultaten .table>tbody>tr>th, 
.graven-resultaten .table>tfoot>tr>th, 
.graven-resultaten .table>thead>tr>td, 
.graven-resultaten .table>tbody>tr>td, 
.graven-resultaten .table>tfoot>tr>td{
	padding: 2px 5px;
}

.table-responsive {
	width: 100%;
	margin-bottom: 15px;
	overflow-y: hidden;
	overflow-x: auto;
	-ms-overflow-style: -ms-autohiding-scrollbar;
	-webkit-overflow-scrolling: touch;
	/*border: 1px solid #ddd;*/
}
/* Subpage Contactformulier */
.main-contact{
	margin: 30px 0 0 0;
}
.main-contact .formrow{
	margin: 15px 0;
}
.main-contact label{
	display: block;
	margin: 0 0 10px 0;
	font-family: "LatoRegular", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	color: #333;
}
.main-contact label.error{
	display: block;
	margin: 10px 0;
	font-family: "LatoBold",Arial,sans-serif;
	font-style: normal;
	font-weight: normal;
	color: white;
	font-size: 13px;
	border: 1px solid red;
	background: red;
	padding: 10px 10px;
	width: 320px;
}
.main-contact input[type="text"]{
	display: block;
	padding: 10px 15px;
	width: 310px;
}
.main-contact input[type="text"].error{
	border: 1px solid red;
}
.main-contact textarea{
	display: block;
	padding: 10px 15px;
	width: 310px;
}
.main-contact textarea.error{
	border: 1px solid red;
}
.main-contact span.error{
	display: inline;
}
.main-contact input[type="submit"]{
	font-family: "LatoBold", Arial, sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 21px;
	width: 340px;
	padding: 15px 30px;
	color: white;
	background: -moz-linear-gradient(
		top,
		#89c4b4 0%,
		#518c7c);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#518c7c),
		to(#518c7c));
	background: -ms-linear-gradient(top, #89c4b4 0%,#518c7c 100%);
	background: linear-gradient(to bottom, #89c4b4 0%,#518c7c 100%);
	
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #00889a;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 1px 0px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px 1px 0px rgba(255,255,255,0.6);
	text-shadow:
		0px 1px 3px rgba(000,000,000,0.5),
		0px 1px 0px rgba(255,255,255,0);
		
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#06b4cb', endColorstr='#00889a'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#06b4cb', endColorstr='#00889a')"; /* IE8 */
	
}
.main-contact input[type="submit"]:hover{
	background: -moz-linear-gradient(
		top,
		#04c0d9 0%,
		#00889a);	
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#04c0d9),
		to(#00889a)
	);
	background: -ms-linear-gradient(top, #04c0d9 0%,#00889a 100%);
	background: linear-gradient(to bottom, #04c0d9 0%,#00889a 100%);
		
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#04c0d9', endColorstr='#00889a'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#04c0d9', endColorstr='#00889a')"; /* IE8 */
}
.main-contact input[type="submit"]:active{
	background: -moz-linear-gradient(
		top,
		#06b3ca 0%,
		#00899b);
	background: -webkit-gradient(
		linear, left top, left bottom, 
		from(#06b3ca),
		to(#00899b));
	background: -ms-linear-gradient(top, #06b3ca 0%,#00899b 100%);
	background: linear-gradient(to bottom, #06b3ca 0%,#00899b 100%);	
		
	-webkit-box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, 0.3);
	box-shadow: inset 2px 2px 3px 0px rgba(0, 0, 0, 0.3);
	
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#06b4cb', endColorstr='#00889a'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#06b4cb', endColorstr='#00889a')"; /* IE8 */
}