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

/* paginaverdeling in 2 kolommen naast elkaar */
.row {
	font-size:90%;
}

.select {
  color:#669999;
  font-weight:bold;
  font-size:120%;
  width: 150px;
  padding: 10px 15px;
  border: none;
  border-radius: 4px;
  background-color: #f2f2f2;
}

.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;
  }
}