input,
textarea,
select {
    border: 2px solid #ddd;
    border-radius: 2px;
}
div.klantenservice_side a.strong,
div.klantenservice_side strong{
	font-weight:600;
}
div.klantenservice p{
    margin-top: 0;
    line-height: 1.7em;
}

div.klantenservice_side table{
	border:0;
	line-height:1.7em;
}
div.klantenservice_side table td{
	border:0;
	font-size:inherit;
}

div.klantenservice_left{
	
}

a.klantenservice{
    font-size: 20px;
	max-width:100%;
    padding: 14px 40px 14px 30px;
	text-align:left;
	
}
div.contact {
	letter-spacing: 1.5px;
	position:Relative;
}

div.klantenservice_side{
	
}

div.loginTable{
	width:100%;
	padding:0;
}

div.loginTable textarea{
	min-height: 120px;
}

div.loginTable input,
div.loginTable textarea,
div.loginTable select{
    width: 100%;
    margin-bottom: 10px;
    resize: none;
	background-color:white;
    z-index: 1;
    position: relative;
}
div.loginTable input[type='checkbox']{
	box-shadow:inherit;
}
div.loginTable div.col{
	padding: 3px 0 !important;
}

div.loginTable input.wrong,
div.loginTable textarea.wrong{

}
div.jumbotron.contact .col.blocks{
	position:relative;
	padding: 0 120px 0 120px;
	height: 500px;
}
div.jumbotron.contact .col{
	padding: 2px 0;
}

div.contactBlok{
    position: relative;
    width: 300px;
    float: right;
	height: 500px;
    padding: 110px 39px;
    box-sizing: border-box; 
    margin: auto;
	text-align:left;
}
div.contactBlok.right{
	float:left;
	padding: 110px 19px;
}

.col.blocks div.line{
	position:Absolute;    
	max-width:100%;
	height:4px;		
}

div.col.blocks.light_red div.line{
    background-color: #494378;
    bottom: 20%;
	width: 480px;
    left: -61px;
}
div.col.blocks:not(.light_red ) div.line{
	background-color:#e84245;
	bottom:30%;	
	width: 360px;
	right:38px;
}

div.col.blocks:not(.light_red):after{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    right: -100px;
    top: 0;
    border-style: solid;
	border-width: 250px 100px 0 0;
    border-color: #494378 transparent transparent transparent;
    z-index: 99;
}

div.col.blocks.light_red:before{
    content: '';
    width: 0;
    height: 0;
    position: absolute;
    left: -100px;
    bottom: 0px;
    border-style: solid;
    border-width: 0 0 250px 100px;	
    border-color: transparent transparent #e84245 transparent;
}

div.contactBlok p{	
	color:#fff !important;
	font-size: 24px;
}
div.contactBlok a{
	color:#fff !important;
	font-size: 24px;
    font-weight: 200;
    line-height: 1.5em;
}
div.contactBlok h2{
	color:#fff !important;
	margin-top:10px;
	font-weight:700;
}
div.contact div.viewer_error{
    position: relative;
    width: 100%;
    padding: 10px;
    text-align: center;
    color: white;
    background-color: rgba(226, 14, 18, 0.51);
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 20px;
}
div.contact div.viewer_message{
    position: relative;
    width: 100%;
    display: block !important;
    padding: 10px;
    text-align: center;
    background-color: rgb(171, 236, 150);
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 20px;
}

div.sideBox{
    width: 100%;
}
div.sideBox .sideContent ul{
	padding: 6px 0 !important;
}
div.sideBox .sideContent ul li {
    padding: 0;
    min-height: 1.8em;
}
.sideBox .pageInhoud h2{
	margin-bottom:25px;
}
div.sideBox div.sideTitle{
	padding: 0 20px;
}
div.sideBox div.sideContent{
	padding-bottom:0;
}

@media (max-width: 767px){	
	.map-container{
		margin-bottom: 0px;
	}
	.g-recaptcha.button{
		width:100%;
	}
	body div.contactBlok{
		margin-bottom:20px !important;
		padding:30px 30px;
	}
	body div.jumbotron .col{
		padding:0 !important;
	}
	body div.col.blocks:not(.light_red):after,
	body div.col.blocks:before{
		display:none;
	}
	body div.jumbotron.contact{
		width:100%;
		padding:0;
	}
	body div.jumbotron.contact .col.blocks,
	body div.contactBlok {
		height:250px;
	}
	body div.contactBlok:not(.right){
		padding: 40px 39px !important;
	}
	body div.contactBlok {
		padding: 0px 39px !important;
		width:100%;
	}
	body div.col.blocks div.line{
		bottom: 10% !important;
		width: 90% !important;
		left: 5% !important;
	}
	body div.klantenservice_left{
		padding-right: 15px;		
		padding-bottom: 15px;		
	}
	body div.klantenservice_side {
		padding: 15px;
	}
	body a.klantenservice {
		display: block;
		text-align: center;
	}
}
@media (min-width:2000px){
	body .contact_background {    
		background-size: 82% auto;
	}	
}