* { margin: 0; padding: 0; }
img { border-width: 0; }
body {  font-family: 'Open Sans', sans-serif; font-weight: 400; font-size: 16px; }
input, textarea { font-size: 15px; padding: 2px 7px; display: block; box-sizing: border-box; line-height: 20px; background: #eee; font-family: 'Open Sans', sans-serif; }
p { padding: 6px; }
a { color: #000; text-decoration: none; }

.textb ul li, .textb ol li,.textimages ul li, .textimages ol li {margin-left:20px;}


	.showmobile
	{
		display:none;
	}

	.showfull
	{
		display:block;
	}

.textimages img
{
	width:100%;
	height:auto;
}

.imagessright img
{
	margin-bottom:10px;
}

.line { background: #3C3C3B; height:35px; }
.page { margin: 60px auto; max-width: 700px; font-weight: 300 }
.row { overflow: hidden; margin: 0 -10px 30px -10px; }
.row.in { margin: 0 4px 30px 4px; }
.col { width: 332px; float: left; margin: 0 14px; }
.logo { display: block }
.full { width: 100% }
.row.mbottom { margin-bottom: 5px; }

.animate {-webkit-transition:all .35s ease-out;-moz-transition-:all .35s ease-out;-o-transition:all .35s ease-out;transition:all .35s ease-out}

.formulier { position: relative; }
.formulier img { position: relative; z-index: 0 }
.formulier form { position: absolute; z-index: 10; width: 80%; top:100px; left: 10% }
.formulier form input { margin: 10px 0; width: 100%; border: 1px solid #222; }
.formulier .btn { margin-top: 20px; }

.btn { position: relative; border: none; background:none; cursor: pointer; overflow: hidden; outline: none; display: block }
.btn .default { position: relative; z-index: 15 }
.btn .hover { position: absolute; z-index: 25; opacity: 0 }
.btn:hover .hover { opacity: 1; top:0;left:0 }

.footer { min-height: 79px; padding-bottom: 97px; background: transparent url("../img/ohnlp_footer.jpg") no-repeat center top; background-size: cover; padding: 14px 0 ; }
.footer .cnt { margin: 0 auto; max-width: 700px; overflow: hidden;  }
.footer .cnt img { float: left; width: 140px; margin: 5px 25px 50px 5px; }
.footer p { color: #fff; font-weight: 400; font-size: 12px; text-shadow: 0 1px 2px rgba(0,0,0,0.3); }

.CampagneMail { position: relative }
.CampagneMail .btn { position: absolute; right: 7%; bottom: 5%; width: 19%; }

.full p { margin: 2px 25px 20px 25px; padding: 0; font-weight: 300 }
.full h4 { margin: 10px 25px 2px 25px; }
.invalid { border: 1px solid #F00  !important }

.gbox { position: relative ; }
.gbox img { position: relative; z-index: 5 }
.gbox .msgtxt { position: absolute; z-index: 10; top: 0; left: 0; right: 0; padding: 30px; font-size: 18px; }
.gbox .msg { text-align: center; font-weight: 700;  }
.gbox .msg p { margin: 45px 0 35px 0; line-height: 22px; }
.gbox .msgtxt .btn { width: 250px; margin: auto; }
.gbox .addr p { padding: 0 0 2px 0; line-height: 28px; font-weight: 400; }

.formulier.up {}
.formulier.up form { width: 90%; top: 70px; left: 5%; }
.formulier.up form input { width: 40%; }
.formulier.up form textarea { width: 100%; }
.formulier.up .btn { margin-top: 45px; width: 22%; }

.full .btn { width: 96%; max-width: 280px; margin: 0 25px;  }

.formholder
{
	position:relative;
}

.formholder form
{
	position:absolute;
	top:50px;
	padding:20px;
	width:100%;
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
     box-sizing: border-box; 
}

.loginme
{
	width:200px;
	height:50px;
	position:absolute;
	bottom:20px;
	left:10px;
	cursor:pointer;
}

.errorme
{
	color:#000000;
	font-size:13px;
}

.formholder form input
{
	 margin: 10px 0; width: 100%; border: 1px solid #222;
}

.menuholder
{
	width:690px;
	margin:0 auto;
}

#menu
{
	list-style:none;
}

#menu li
{
	float:left;
}

#menu li a
{
	color:#ffffff;
	line-height:35px;
	display:block;
	padding-left:16px;
	font-size:14px;
	font-weight:bold;
	padding-right:16px;
	min-width:70px;
	text-align:center;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#494949+0,1e1e1e+100 */
background: rgb(73,73,73); /* Old browsers */
background: -moz-linear-gradient(left,  rgb(73,73,73) 0%, rgb(30,30,30) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  rgb(73,73,73) 0%,rgb(30,30,30) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  rgb(73,73,73) 0%,rgb(30,30,30) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494949', endColorstr='#1e1e1e',GradientType=1 ); /* IE6-9 */

}

#menu li a:hover, #menu .active a
{
	color:#7CC5E8;
}

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 720px) {
	/* #menu is the original menu */
	#menu {
		display:none;
	}

	.line
	{
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}
}

@media (max-width:720px) {
 p { padding: 0 0 15px 0 }
 textarea { height: 100px }
 .page { margin: 20px 0 }
 .row, .row.in { margin: 0 0% 10px 0%; padding: 4%; box-sizing: border-box; }
 .col:not(.noscale):not(.formulier) { width: 100%; margin: 0 !important; }
 .col.right { width: 48%; margin: 0 0 0 4% !important }
 .formulier { margin: 0 }
 .col.noscale { width: 100%; }
 .footer .cnt img { display: block; margin: 5px auto; float: inherit }
 .footer p { padding: 15px; }
 .footer a { color: #FFF }
 .textb,.textimages {padding-left:6% !important;padding-right:6% !important;}
 .row .textb,.row .textimages {padding-left:2% !important;padding-right:2% !important;}
 .formulier.up form { 
	top: 102px; 
	left:9%;
	width:82%;
	
	}

	.showmobile
	{
		display:block;
	}

	.showfull
	{
		display:none;
	}

}

@media (max-width:640px) {
 .gbox .msg p { margin: 15px 0 0 0 ; }
 .gbox .msgtxt { padding: 15px 15px; }
 .gbox .msgtxt p { font-size: 14px; line-height: 19px; }
 textarea { height: 80px }
 .formulier.up .btn { margin-top: 35px }
 .formulier.up form { 
	top: 82px; 
	left:9%;
	width:82%;
	
	}

	.showmobile
	{
		display:block;
	}

	.showfull
	{
		display:none;
	}
}

@media (max-width:540px) {
 .msgtxt.addr { padding: 24px 32px; }
 .gbox .msgtxt p { font-size: 13px; line-height: 15px; }
 .formulier.up .btn { margin-top: 25px }
 .formulier.up form { 
	top: 62px; 
	left:9%;
	width:82%;
	
	}

	.showmobile
	{
		display:block;
	}

	.showfull
	{
		display:none;
	}
  
  .formulier.up form input
   {
		width:100%;
    }

  .col{margin-left:0;margin-right:0;}
}

@media (max-width:440px) {
 .formulier.up .btn { margin-top: 15px; width: 110px; }
}

@media (max-width:340px) {
 p { font-size: 13px; padding: 0 0 15px 0 }
 .hm { display: none }
 .formulier { width: 100%; }
 .formulier .btn { margin-top: 25px; }
 .full .btn { margin: 0; margin: auto; display: block }
 .full p { padding: 0; font-size: 13px; margin: 2px 15px 15px 15px }
 .full h4 { margin: 2px 15px 10px 15px }
  .col{margin-left:0;margin-right:0;}

 .formulier.up .btn { margin-top: 10px; }
 .formulier.up form { top: 30px; }
 .formulier.up form input { float: left; margin-right: 5% }
}