@charset "utf-8";
*{	padding:0;	margin:0;	border:none;}
.fb-page{ width:100% !important; max-width:500px !important; display:block; margin:0 auto; text-align:center; padding-bottom:25px;}
.fb-page blockquote{}
.callToAction2{ padding:10px; background-color:#c0927b;	color:#1f1f7e; text-align:center; font-weight:bold; margin-bottom:25px;}
.grecaptcha-badge{z-index:100;}
.btn{ color:#fff!important; background-color:#1f1f7e; display:inline-block; transition: 0.5s; padding:10px 25px!important; font-weight:bold; text-align: center; text-decoration:none!important; margin: 0 0 20px 0; }
.btn:hover{ color:#fff!important; background-color:#c0927b;}

/* mmenu */
.mm-spn.mm-spn--light{background: #1f1f7e!important; color: #fff!important; text-align:left;}
.mm-spn a.active{color:#c0927b!important;}


html, body {	height:100%;	font:16px calibri, arial, verdana, sans-serif;	color:#3b3b3b;	background:#f4e6dc;	text-align:center;}
input, textarea{	font:16px calibri, arial, verdana, sans-serif;	color:#3b3b3b;	}
#container {	width:990px;	margin: 0 auto;	text-align:left;	background:transparent url(/images/container_bg.png) repeat-y;	overflow:hidden;}
#header{	width:950px;	margin-left:21px;	overflow:hidden;	line-height:0px;}
#header .small{	display:none;}
#content{	border-top:40px #fff solid;	border-bottom:10px #fff solid;	background:#fff url(images/seperator.png) repeat-y 650px top;	width:950px;	height:auto;	min-height:450px;	margin-left:21px;		overflow:hidden;	line-height:160%;}
#content_left{	float:left;	width:625px;	overflow:hidden;	padding:0px 25px;}
#content_left .subMenuOnPagen {	font-style:italic;	padding-bottom:10px;}
#content_left .subMenuOnPage li{	display:inline;}
#content_right{	float:right;	width:225px;	overflow:hidden;	padding:0px 25px;}
a{	color:#1f1f7e;	text-decoration:none;}
a:hover{	color:#1f1f7e;	text-decoration:underline;}
#content_left p{	margin:0px 0px 20px 0px;}
#content_left td{ padding-right:15px; padding-bottom:15px;}
#content h1, #content h6{	font-size:26px;	color:#1f1f7e;	margin:0px 0px 20px 0px;}
#content h5{	font-size:22px;	color:#c0927b;	margin:0px 0px 5px 0px;}
#content h1 a{	color:#1f1f7e;	}
#content h2{	font-size:16px;	font-weight:bold;	margin:0px 0px 10px 0px;	color:#1f1f7e;}
#content h3{	font-size:14px;	margin:0px 0px 0px 0px;	color:#c0927b;}
#content h6{	color:#c0927b;}
#content_right a{	text-decoration:none;}
#content_right a:hover{	text-decoration:underline;}
.headline_link{	color:#1f1f7e;}
#content ul{	list-style-type:disc;	list-style-position:inside;}
#content ul ul{	margin-left:30px;}
.rightItem{	margin-bottom:25px;	background-color:#fff;}
.callToAction{	background-color:#1f1f7e;	color:#fff;	padding:5px;	display:block;	text-align:center;	font-weight:bold;}
.callToAction:hover{	background-color:#c0927b;		color:#1f1f7e;	text-decoration:none !important;}
#schilderemmen{	display:block;	margin:25px auto 0 auto;	border:3px solid #1f1f7e;}
#footer {	margin:0px auto 0px auto;	position:relative;	width:910px;	height:50px;	background:transparent url(images/footer.png) no-repeat;	padding:25px 40px 0px 40px;	color:#fff;	font-size:14px;}
#footer a{	color:#fff;	text-decoration:none;}
#footer a:hover{	text-decoration:underline;}
#footer ul{	float:left;	width:650px;	list-style-type:none;}
#footer li{	float:left;	margin-right:5px;}
#footer p{	float:right;	text-align:right;	width:260px;}
address{	font-style:normal;}
.clear{	clear:both;}
.small{	font-size:9px;}
hr{	border:none;	height:1px;	color:#ccc;	background-color:#ccc;	clear:both;	margin:25px 0px;}


@media only screen and (min-width: 750px) {
	.menuBox {margin: 0 19px 0 21px; clear:both; overflow:hidden; background-color:#1f1f7e;}
	.menuBox ul { list-style-type:none; max-width:1100px; margin:0 auto; padding:0; }
	.menuBox li { float:left; font-weight: bold; }
	.menuBox li a { display:block; text-decoration: none; color: #fff; padding:12px;}
	.menuBox li a.active, .menuBox li a:hover, .menuBox li:hover > a { color: #c0927b; }
	.menuBox li ul { width: 200px; overflow:hidden; position:absolute; display: none; background-color:#1f1f7e;}
	.menuBox li li { padding-bottom: 0; float: none; }
	.menuBox li li a { padding: 10px; border-top:none !important;}
	.menuBox li:hover ul { display: block; z-index:100; }
	.menuBox li li a:hover, .menuBox li li a.active {  }

	.mobileMenu { display: none; }
}

/* ### forms ### */
.formContainer{ overflow:hidden;}
.formContainer h3{ margin-bottom: 35px!important;}
.formTxt{clear:both; display:block; float:left; width:35%; margin: 0 0 25px 0; overflow:hidden; font-weight:bold; }
.formInput{display:block; float:left; width:65%; margin: 0 0 25px 0; overflow:hidden; }
.formInput input[type="text"], .formInput input[type="email"], .formInput textarea{-webkit-appearance: none; border: 1px solid #333; padding:5px; width: calc(100% - 12px); background:#fff; }
.formInput textarea{ height:100px; }
.formInput input[type="submit"]{background-color:#c0927b; transition: 0.5s; padding:10px 25px!important; font-size:16px; font-weight:bold; border:none; -webkit-appearance: none; color:#fff; }
.formInput input[type="submit"]:hover{ color:#fff; background:#1f1f7e; }

.error{ background:#fff; border:#C4060A 1px solid; color:#C4060A; padding:10px; margin:10px 0;}
.error li{ margin-left:25px; }
.succes{ background:#fff; border:#03af07 1px solid; color:#03af07; padding:20px; margin:10px 0; }


/* News & Gbook */
.more {border-top:1px solid #dcdcdc; padding-top:20px; margin-top:20px;}
.list { list-style-type:none !important; }
.list li { border-bottom:1px solid #dcdcdc; padding-bottom:20px; margin-bottom:20px;}
.list .title{ display:block; font-weight:bold; color: #1f1f7e; }
.list .title .city {}
.list .date{ display:block; color:#c0927b; font-weight:normal;}
.list .content{ display:block; }

.list2 { list-style-type:none !important; }
.list2 li { clear:both; border-bottom:1px solid #ccc; line-height:40px;}
.list2 .title{ display:block; float:left; width:400px;}
.list2 .date{ display:block; float:left; width:75px;}

.pagNav{ list-style:none !important; font-weight:bold; padding-bottom:25px; max-width:100% !important;}	
.pagNav li{ display:inline; padding:7px;}	
.pagNav li.active a{color:#c0927b;}


@media screen and (max-width: 1000px) {
	html, body { background:none; background-color:#1f1f7e;}
	#container { background:none; width:100%; background-color:#fff;}
	#content{ background:none; width:96%; margin-left:0px; padding:2%; border-top:20px #fff solid; }
	#content img {max-width:100%; height:auto; }
	#content_left{ width:60%; padding:0; }
	#content_right{ width:36%; padding:0;  }

	#header{ width:100%; margin-left:0px; }
	#header img{ width:100%; height:auto;}


	#footer {background:none #1f1f7e; color:#fff; width:96%; height:40px; line-height:40px; margin-left:0px; padding:2%; overflow:hidden; }
	#footer ul{ width:50%; }
	#footer p{ width:50%; }
	
	.menuBox{margin: 0;}

	
}

@media only screen and (max-width: 750px) {
	.menuBox { display: none; }
	.mobileMenu { display: block; background-color:#1f1f7e; height: 50px; line-height:50px;  } 
	.mobileMenu .mobileNav{ float:left; display:block; height: 50px; width: 50px; overflow:hidden;}
	.mobileMenu .mobileNav img{margin: 10px; width: 30px; height: 30px; }
	
	.addressBox2 { display:block; float:right; width:calc(100% - 50px); overflow:hidden; height: 50px; }
	.addressBox2 ul { width: 100%; margin:0; padding:0; list-style-type:none; line-height:50px; text-align:right; }
	.addressBox2 li { display:inline; color:#fff; margin:0 10px;  }
	.addressBox2 li a { color:#fff; }
}

@media screen and (max-width: 550px) {
	
	#header .big{	display:none;}
	#header .small{	display:block;}

	#content_left{ float:none; width:100%; padding:0; }
	#content_right{ float:none; width:100%; padding:0;}

	#footer { width:100%; height:auto; padding:0; }
	#footer ul{ width:100%; float:none; border-top:1px solid #fff; }
	#footer ul li{ float:none; margin-right:0; text-align:center; }
	#footer p{ width:100%; float:none; text-align:center; background:#666; }
	#footer p span{ width:100%; float:none; text-align:center; }
	#footer strong{ display:none; }
	#footer a, #footer a:hover{ display:block; line-height:300%; text-decoration:none; border-bottom:1px solid #fff; }


	/* make table cell a block, so 100% width */
	table tr td{ display:block; }
	
	.addressBox2 .second{ display:none;}
	
	.formTxt{float:none; width:100%; margin: 0 0 5px 0;}
	.formInput{float:none; width:100%; }
	.formTxt.gone{display:none;}
	.formInput input[type="submit"]{ width:100%; }		
}