@import 'fonts.css';
@import 'ie10.css';

.img-center {
	margin: 0 auto;
}
/*	HEADER	*/
/*	NAV	*/
nav {
	 box-shadow: 0 4px 4px -2px #dcdddc;
    -moz-box-shadow: 0 4px 4px -2px #dcdddc;
    -webkit-box-shadow: 0 4px 4px -2px #dcdddc;
}
#navbar {
	border-bottom:2px #dcdddc solid;
	margin-bottom:10px;
}
.navbar-default, collapse navbar-collapse {
	background:#FFF;
	border-radius:0px;
	border:0;
	padding-left:0px;
	margin-left:0px;
	margin-bottom:3px;
}
/*	CAROUSEL	*/
.carousel-control.left, .carousel-control.right {
	background:none;
}
/*	CONTENT	*/
#content, #text {
	background:#f1faf9;
}
#additional {
	background:#f9fffe;
}
#additional h3 a, #additional h3 a:hover {
	color:#333;
	text-decoration:none;
}
main [class*="col-"] {
	/*padding-left:0;
	padding-right:0;*/
}
.block {
	background:#f9fffe;
}
.block-photo, .block-aboutme {
}
.block h2, .block-aboutme h1 {
	margin:0 0 5px 0;
	padding:0;
	font-family: 'open_sans_bold';
}
.block-aboutme h1 {
	color:#52469c;
}
.block-aboutme .read-more {
	border-color:#52469c !important;
	color:#52469c;
}
.block-aboutme .read-more:hover {
	color:#52469c !important;
}
#content h1, #text h1, #text h2, #text h3, #text h4, #text h5, #additional h2, #additional h3, #additional h4 {
	margin:0 0 5px 0;
	padding:0;
	font-family: 'open_sans_bold';
}
#text h1, #text h2,#text h3, #text h4, #text h5 {
	color:#52469c;
}
.read-more {
	background:#f9fffe;
	border:1px #000 solid;
	border-radius:0px;
	font-family: 'open_sans_semibold';
	color:#58585a;
	text-transform:uppercase;
	cursor:pointer;
}
.read-more:hover {
	background:#fefefe;
	color:#58585a;
	text-decoration:none !important;
}
.read-more a, .read-more a:hover {
	color:#FFF !important;
	text-decoration:none !important;
}
.contact-button {
	background:none;
	border:1px #52469c solid;
	border-radius:0px;
	font-family: 'open_sans_semibold';
	color:#52469c;
	text-transform:uppercase;
	cursor:pointer;
}
.contact-button:hover {
	background:#e1f9f6;
	color:#52469c;
	text-decoration:none !important;
}
#content a {
	color:#52469c;
	text-decoration:none !important;
}
#content a,#content a:hover{text-decoration:none !important;}
#text a {
	color:#52469c;
	text-decoration:none;
}
#text a:hover {
	color:#52469c;
	text-decoration:underline;
}
#additional a {
	color:#52469c;
	text-decoration:none;
}
#additional a:hover {
	color:#52469c;
	text-decoration:underline;
}
#breadcrumbs {
	font-size:12px;
}
#breadcrumbs a {
	color:#333;
	text-decoration:none;
}
#breadcrumbs a:hover {
	color:#52469c;
	text-decoration:underline;
}
/*	GOOGLE FRAME	*/
.google-maps {
	position: relative;
	padding-bottom: 75%; /*	// This is the aspect ratio	*/
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
/*	CALL TO ACTION	*/
#call-to-action {
	font-family: 'devroye-regular';
	color:#58585a;
	text-align:center;
}
.cta-button {
	background:#f8f1db;
	border:1px #000 solid;
	border-radius:0px;
	font-family: 'open_sans_semibold';
	color:#58585a;
	text-transform:uppercase;
	cursor:pointer;
}
.cta-button:hover {
	background:#f8f0e2;
	color:#58585a;
	text-decoration:none !important;
}
.cta-button a, .cta-button a:hover {
	color:#FFF !important;
	text-decoration:none !important;
}
/*	BOTTOM NAV	*/
#bottom-nav {
	background:url('../../images/background/dwarsfluit.jpg') no-repeat;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	background-size:cover;
	background-position:center;
}
#bottom-nav .display {
	width:100%;
	padding:15px;
	background:#625c5b;
	color:#FFF;
}
#bottom-nav h3 {
	margin:0;
	padding:0;
	font-family: 'open_sans_semibold';
}
#bottom-nav a {
	color:#FFF;
	text-decoration:none;
}
#bottom-nav a:hover {
	color:#FFF;
	text-decoration:underline;
}
/*	FOOTER	*/
footer {
	background:#f1faf9;
	color:#625c5b;
	text-align:center;
}
footer a {
	color:#625c5b;
	text-decoration:underline;
}
footer a:hover, footer a:focus {
	color:#74c9c5;
	text-decoration:none;
}
/*	EQUAL	*/
.equal, .equal > div[class*='col-'] {  
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex:1 0 auto;
}
@media only screen and (min-width: 992px) and (orientation:landscape) {
	header {
		margin:20px 0 40px 0;
	}
	.navbar-default .navbar-nav>li>a {
		/*font-size:16px;*/
	}
	.navbar-collapse {
		margin:0 0 0 0;
		/*font-size:18px;*/
	}
	#content, #text {
		padding:60px 0 0 0;
	}
	#additional {
		padding:60px 0 30px 0;
	}
	#content .row, #text .row {
		margin:0 0 60px 0;
	}
	#additional .row {
		margin:0 0 30px 0;
	}
	.block, .block-aboutme {
		padding:20px 30px 20px 30px;
	}
	.block h2, .block-aboutme h1{
		font-size:22px;
	}
	#content h1, #text h1 {
		font-size:26px;
	}
	#text h2, #text h3, #text h4, #text h5, #additional h2, #additional h3, #additional h4 {
		font-size:22px;
	}
	#call-to-action {
		background:#f8f4e4 url('../../images/background/call-to-action.jpg') repeat-x;
		padding:40px 0 40px 0;
		font-size:22px;
	}
	#bottom-nav .row {
		margin:30px 0 30px 0;
	}
	#bottom-nav h3 {
		font-size:22px;
		margin-bottom:5px;
	}
	footer {
		padding:20px 0 20px;
	}
}
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) { /* tablet landscape */
	
}
@media only screen and (max-width: 992px) { /*standing tablet*/
	header {
		margin:15px 0 25px 0;
	}
	.navbar-nav>li>a {
		padding-left:9px;
		padding-right:9px;
	}
	#content, #text {
		padding:30px 0 0 0;
	}
	#additional {
		padding:30px 0 30px 0;
	}
	#content .row, #text .row {
		margin:0 0 30px 0;
	}
	#additional .row {
		margin:0 0 20px 0;
	}
	#content h1, #text h1 {
		font-size:24px;
	}
	#text h2, #text h3, #text h4, #text h5, #additional h2, #additional h3, #additional h4 {
		font-size:20px;
	}
	.block, .block-aboutme {
		padding:15px 20px 15px 20px;
	}
	.block h2, .block-aboutme h1 {
		font-size:20px;
	}
	#call-to-action {
		padding:40px 0 40px 0;
		font-size:22px;
	}
	#bottom-nav .row {
		margin:30px 0 30px 0;
	}
	#bottom-nav h3 {
		font-size:18px;
		margin-bottom:5px;
	}
	footer {
		padding:15px 0 15px;
	}
}
@media (max-width: 766px) {
	.block h2, .block-aboutme h1 {
		font-size:18px;
	}
	#call-to-action {
		background:none;
		background-color:#f8f4e4;
		padding:40px 0 40px 0;
		font-size:22px;
	}
	#bottom-nav h3 {
		font-size:18px;
		margin-bottom:5px;
		background-color:#039;
		color:#0F0;
	}
}
@media (max-width: 480px) {
	#call-to-action {
		padding:25px 0 25px 0;
		font-size:18px;
	}
	.cta-button {
		font-size:18px;
	}
	footer {
		padding:15px 0 15px;
		font-size:11px;
	}
}