@charset "utf-8";
/* CSS Document */

html{margin:0; padding:0}

body{
	margin:0; padding:0;
	background: #b6b6b6;
	font-family:Arial, Helvetica, sans-serif;
	overflow:auto;}

a {
	outline::none;
}

div.scroll {
	position: absolute;
	top: 0;
	left: 0;
	height: 2000px;
	width: 1px;
}
#header {
	border-radius: 17px 17px 0 0 ;
	min-height: 104px;
	background-image: url(/images/banner.png);

	background-repeat: no-repeat;
	background-color: white;


}

#header ul {

	margin-left: 200px;

}

#wrapper {
	width:980px;
	margin:0 auto;
}

#container{
	position:absolute; 
	width:952px;
	margin: auto;
	margin-top: 20px;
}
	
#banner{
	float:left;
	background-color: white;
	background-image: url(images/banner.png);
	width:100%;
	height:103px;
	margin: 0;
	padding:0;
	border-radius: 20px 20px 0 0 ;
	}
	

		
#content{
	float:left;

	width:952px;

	background: linear-gradient(#673e54, #bb9aba);

	border-radius: 0px 0px 20px 20px;
}
	
#left{
	float:left;
	width:500px;
	min-height:460px;
	margin-top: 20px;margin-left: 14px;
	background: white;
	border-radius: 17px;
margin-bottom: 17px;
	}
	
#title{


	height:30px;
	line-height:30px;
	font-size:22px;
	margin: 42px 0 0 0;
	color:white;
	background-color: #997591;
	padding-left: 30px;
	}

#text{
	float:left;
	width:470px;

	font-size:14px;
	line-height: 18px;
	margin: 20px 14px 0 30px;
	color:#653c52;

	}
	
#text.over{
	/*overflow-y:scroll;*/
	}
	
#right{
	float:left;
	width:438px;
	height:460px;}
	
#home_image{
	float: left;
	margin-top:0px;
	width:438px;
	height:373px;
	background: url(images/home.png);
	}
	
#riny_image{
	float: left;
	margin-top:34px;
	width:438px;
	height:301px;
	background: url(images/riny.png);
	}
	
#babor_image{
	float: left;
	margin-top:34px;
	width:438px;
	height:301px;
	background: url(images/babor.png);
	}
	
#behandel_image{
	float: left;
	margin-top:34px;
	width:438px;
	height:301px;
	background: url(images/behandel.png);
	}
	
#tarieven_image{
	float: left;
	margin-top:34px;
	width:438px;
	height:301px;
	background: url(images/tarieven.png);
	}
	
#shop_image{
	float: left;
	margin-top:34px;
	width:438px;
	height:301px;
	background: url(images/shop.png);
	}
	
#nieuws_image{
	float: left;
	margin-top:34px;
	width:438px;
	height:301px;
	background: url(images/nieuws.png);
	}
	
#home_text{
	float: left;
	margin:4px 19px;
	width:400px;
	font-size:12px;
	height:373px;
	color:white;
	text-align:center;
	}
	
#contact{float:left;width:400px;margin-left:100px;}
	
#contact label,#contact input{float:left;
width:200px;}

#map{
	float:left;
	margin: 40px 0 0 30px;
	width:380px;
	height:350px;
	}



/* NEW */

.pagina {
	float:left;

	width:90%;
	max-width: 952px;


	border-radius: 20px 20px 20px 20px;

}

.rest {
	background-color: #824E6A;
	background: linear-gradient(                                                    #673E54,                #BB9ABA);
	background-image: -ms-linear-gradient(top,                                      #673E54 0%,             #BB9ABA 100%);
	background-image: -moz-linear-gradient(top,                                     #673E54 0%,             #BB9ABA 100%);
	background-image: -o-linear-gradient(top,                                       #673E54 0%,             #BB9ABA 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #673E54), color-stop(1, #BB9ABA));
	background-image: -webkit-linear-gradient(top,                                  #673E54 0%,             #BB9ABA 100%);
	background-image: linear-gradient(to bottom,                                    #673E54 0%,             #BB9ABA 100%);
	float: left;
	border-radius: 0px 0px 20px 20px;
}

article {

	float:left;
	width: 97%;
	margin: 20px 0 0 3%;
}

article .content {
	min-height:460px;
	background: white;
	border-radius: 17px;
	width: 50%;
	float: left;
}

article .illustratie {
	width: 50%;
	float: left;
}
article .illustratie img {
	width: 100%;
	float: left;
}

article h2 {

	display: none;
}
article h1 {
	min-height:30px;
	line-height:30px;
	font-size:22px;
	margin: 42px 0 30px 0;
	color:white;
	background-color: #997591;
	width: 100%;
	padding: 0 5%;
	border: 0px solid #997591;
	float: left;

}
article p, h3, table, address {

	width: 90%;
	font-size:14px;
	line-height: 18px;
	margin: 14px 5% 14px 5%;
	color:#653c52;
}
table h3 {
	margin: 14px 0 14px 0;
}

.illustratie.erin {
	float: left;
	width: 100%;
	background-color: #997591;
	border-radius: 20px;
}

@media (max-width: 600px) {
	.ernaast {
		display: none;
	}
	article .content {
		width: 97%;
	}

	.articlecontent {
		width: 100%;
	}
}
@media (min-width: 601px) {
	.erin {
		display: none;
	}
}