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

/* paginaverdeling in 3 kolommen naast elkaar */
.column {
  float: left;
}
/* linker en rechter kolom */
.column.side {
	width: 30%;
	font-size:90%;
	line-height: 1.5;
	padding-top:20px;
	padding-left: 0px;
	padding-right:0px;
	padding-bottom:20px;
}

.hili {
	color:#669999;
	font-weight:normal;
	font-size:90%;
}
.hili a:link {
	color:#666666;
	font-weight:bold;
	font-size:100%;
}
.hili a:visited {
	color:#666666;
	font-weight:bold;
	font-size:100%;
}
.hili a:hover {
	color:#999966;
	font-weight:bold;
	font-size:100%;
}
.hili a:active {
	color:#666666;
	font-weight:bold;
	font-size:100%;
}


/* linker en inhoudkolom */
.column.middle {
	width: 40%;
	background-color:#ffffff;
	line-height: 2;
	padding-left: 0px;
	padding-right:0px;
	padding-top:20px;
	padding-bottom:0px;
}

/* lijn leegmaken na kolommen */
.row:after {
  content: "";
  display: table;
  clear: both;
}

@media screen and (min-width: 769px) {
.content-desktop {display: block;}
.content-mobile {display: none;}
}

/* Responsive layout - 2 columns stack on top of each other instead of next to each other */
@media screen and (max-width: 768px) {
  .column.side {
    width: 100%;
  }
  .column.middle {
    width: 100%;
	line-height: 1.5;
	padding-left: 0px;
	padding-right:0px;
	padding-top:20px;
	padding-bottom:0px;
  }
/* alleen tonen op mobiel */
.content-desktop {display: none;}
.content-mobile {display: block;}  
}
/* Responsive layout - tekst weergave met kleinere marge  */
@media screen and (max-width: 1365px) {
  .column.middle {
	line-height: 1.5;
	padding-left: 0px;
	padding-right:0px;
	padding-top:20px;
	padding-bottom:0px;
  }

}