@import 'menu.css';

/* Extra Small Devices, .visible-xs-* */
@media (max-width: 767px) {}

/* Small Devices, .visible-sm-* */
@media (min-width: 768px) and (max-width: 991px) {}

/* Medium Devices, .visible-md-* */
@media (min-width: 992px) and (max-width: 1199px) {}

/* Large Devices, .visible-lg-* */
@media (min-width: 1200px) {}

/* Landscape tablets and medium desktops */
	@media (min-width: 769px) {
		.hoogte img{
			height : 160px;	
			width : 100%;
			overflow : hidden;
		}
	}


body{
	font-family				: 'Dosis', sans-serif;
	font-size 				: 18px;
	font-weight				: normal;
	padding-top 			: 0px;
	background-color		: #2f2e2e;
	color					: #daad86;
	}

.achtergrondafbeelding{
	background-image		: url(/images/bg.jpg); 
	background-repeat		: no-repeat;
	background-position		: left top;
	/*
	background-attachment	: fixed;
	-webkit-background-size	: cover;
	-moz-background-size	: cover;
	-o-background-size		: cover;
	background-size			: cover;
	*/
}
.niettonen{
	display : none;
}


a{
	color 		: #daad86;
	
}
a:hover{
	color 			: #daad86;
	text-decoration : none;
}
a:active{
	color 		: #daad86;
	text-decoration : none;
}

a:visited{
	color 		: #daad86;
	text-decoration : none;
}
	
	.hoofdmenu-container{
		padding	: 12px;		
	}

	a.hoofdmenu{
		font-size			: 21px;
		font-family			: 'Dosis', sans-serif;
		color 				: #fff;
		padding				: 13px;
		background-color 	: #00bfff;
		font-weight			: 400;
		text-decoration 	: none;
		
	}
	a.hoofdmenu:hover{
		background-color 	: #00bfff;	
		color 				: #fff;
		text-decoration 	: none;
	}
	a.hoofdmenu:active{
		background-color 	: #00bfff;	
		color 				: #fff;
	}
	

.usp{
	font-family		: 'Dosis', sans-serif;
	font-size 		: 26px;	
	font-weight		: bold;
}
	
a.projectenlinks{
	font-family				: 'Dosis', sans-serif;
	padding-left 			: 0px;
	font-size 				: 20px;
	color 					: #fff;
}	
a.projectenlinks:hover{
	color 					: #fff;
	
}	
.bglichtpaars{
	background-color : #00bfff;
	margin-bottom : 2px;
	padding : 10px;	
}
.bglichtpaars:hover{
	background-color : #81186b;
	margin-bottom : 2px;
	padding : 10px;
}
.bgdonkergrijs{
	background-color : #8b8c8f;
	margin-bottom : 2px;
	padding : 10px;
}
.bgdonkergrijs:hover{
	background-color : #81186b;
	margin-bottom : 2px;
	padding : 10px;
}

.nieuwsitem{
	padding 	: 4px;
	margin 		: 4px;
	color : #0069b2;
}

a.nieuwslinks{
	font-family				: 'Dosis', sans-serif;
	padding-left 			: 0px;
	font-size 				: 20px;
	color 					: #fff;
}	
a.nieuwslinks:hover{
	color 					: $fff;
}
	
.transparant30 {
	background-color : #fff;
    background: rgba(255,255,255, 0.5) /* Green background with 30% opacity */
}

.bglichtpaars2{
	background-color : #137a9f;
}	

.bgwit{
	background-color : #fff;
}
.bgzilver{
	background-color : #5098b2;
}
.bggrijs{
	background-color : #676a6e;
}
.bgpaars{
	background-color : #00bfff;
}

.headertop{
	background-image		: url(/images/header.jpg); 
	background-repeat		: no-repeat;
	background-position		: center center;
	min-height 				: 160px;
}
.bgcontent{
	background-image		: url(/images/bg.jpg); 
	background-repeat		: no-repeat;
	background-position		: left top;
}
.bgleft{
	background-image		: url(/images/bg.jpg); 
	background-repeat		: no-repeat;
	background-position		: left top;
	background-color 		: #14a500;	
}

.icoon{
	padding : 14px;
}
.hoogtetitel{
	padding-top : 14px;
}


h1{
	font-size		: 28px;
	font-family		: 'Dosis', sans-serif;
	color 			: #05475f;
	margin 			: 0;
	padding 		: 0px;	
	padding-bottom 	: 20px;	
	
}
h2{
	font-size	: 18px;
	font-family	: 'Dosis', sans-serif;
	color 		: #05475f;
	margin 		: 0;
	padding	 	: 10px;
}
h3{
	font-size		: 28px;
	font-family		: 'Dosis', sans-serif;
	color 			: #007dd5;
	margin 			: 0;
	padding 		: 0px;	
	padding-bottom 	: 20px;	
}
h4{
	font-size	: 22px;
	font-family	: 'Dosis', sans-serif;
	color 		: #81186b;
	margin 		: 0;
	padding	 	: 10px;
}
.tekstvak{
	padding 	: 40px; 
	
}

blockquote
{
	font-size	: 22px;
	font-family	: 'Bree Serif', serif;
	border-left : 0;	
	padding		: 30px;
}



.projecten{
	font-size	: 14px;
	font-family	: 'Bree Serif', serif;
	color 		: #000;	
}
.footervak{
	color : #000;
	padding : 30px;
}
.footervak a{
	color : #000;	
	text-decoration : underline;
}
.footervak a:hover{
	text-decoration : none;
	
}
a.btn-default{
	text-decoration : none!important;
}
a.thumbnail{
	color : #00bfff;
	}
a.thumbnail:hover{
	text-decoration : none;
	border : 1px solid #00bfff;
}

.footerbottom{
	color 		: #fff;
	font-family	: 'Lato', sans-serif;
	background-color : #000;
	font-size 	: 14px;
	padding		: 30px;	
	
}

.footerbottom a{
	color 	: #fff;
}
.footerbottom a:hover{
	color 	: #6c4b2f;
}


span.fa-stack icons a{
	color 	: #daad86;
}
span.fa-stack icons a:hover{
	color 	: #daad86;
}




.overlay{
	position 	: relative;		
}
.nopadding{
	padding : 0px;
}
.padding30{
	padding : 30px;
}
.padding20{
	padding : 20px;
}
.nomargin{
	margin : 0px;
}

.afronding{
	border-radius	:	 10px;
}

.afgerond2{
	border-radius	:	 0px 0px 10px 10px;
}


.opmaak ul{
	list-style-position: inside;
	display: inline-block;
        text-align:left;
}