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

/* paginaverdeling in 2 kolommen naast elkaar */
.row {
	font-size:90%;
}
.link a:link {
	color:#669999;
	font-weight:bold;
	font-size:100%;
	text-decoration: none;	
}
.link a:hover {
	color:#999966;
	font-weight:bold;
	font-size:100%;
	text-decoration: none;	
}

.select {
	color:#669999;
	font-weight:bold;
	font-size:100%;
	width: 350px;
	padding: 10px 15px;
	border: none;
	border-radius: 124px;
	background-color: #E8E8E8;
}

.button {
	text-align: center;
	text-decoration: none;
	display: inline-block;
	background-color: #669999;
	color: #f2f2f2;
	font-weight:bolder;
	border: 2px solid #f2f2f2;
	padding: 10px 24px;
	border-radius: 12px;
	transition-duration: 0.4s;
}

.button:hover {
	color:#669999;
	border: 2px solid #669999;	
	background-color: #f2f2f2;
}

.foto_img {
	border: 1px solid #4D4D4D;
	max-width:100%;
	width:auto;
	height:auto;
}

.column {
  float: left;
  font-size:90%;
}
.column a:link {
	color:#669999;
	font-weight:bold;
	font-size:100%;
}
.column a:hover {
	color:#999966;
	font-weight:bold;
	font-size:100%;
}
/* linker kolom */
.column.l {
	width: 50%;
	line-height: 1.5;
	padding-top:0px;
	padding-left: 0px;
	padding-right:0px;
	padding-bottom:10px;
}

/* rechter kolom */
.column.r {
	width: 50%;
	line-height: 1.5;
	padding-top:0px;
	padding-left: 0px;
	padding-right:0px;
	padding-bottom:10px;
}

/* lijn leegmaken na kolommen */
.row:after {
  content: "";
  display: table;
  clear: both;
}
/* Responsive layout - 2 columns stack on top of each other instead of next to each other */
@media screen and (max-width: 768px) {
  .column.l {
    width: 100%;
	line-height: 1.5;
	padding-left: 10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:10px;
  }
  .column.r {
    width: 100%;
	line-height: 1.5;
	padding-left: 10px;
	padding-right:10px;
	padding-top:0px;
	padding-bottom:10px;
  }
}