﻿/* CSS-indeling */
body {
	background-color: #D5DFE6;
}
#masthead_left {
	background: #F1F2B5;
	border: 1px blue;
	left: 2%;
	padding: 0 ;
	position: absolute;
	top: 13px;
	height: 77px;
	width: 62%;
}
#masthead_right {
	background: #F1F2B5;
	border: 1px blue;
	left: 62%;
	padding: 0 1%;
	position: absolute;
	top: 13px;
	height: 77px;
	width: 34%;
}
#head_left {
	background: #F1F2B5;
	left: 2%;
	border: 1px;
	padding: 0 1%;
	margin-right:auto;
	position: absolute;
	width: 19%;
	top: 90px;
	height: 150px;
	color: maroon;
	font-family: Verdana, Arial, sans-serif;
	font-size: 80%;
}
#head_right {
	background: #F1F2B5;
	left: 22%;
	border: 1px;
	padding: 0 1%;
	position: absolute;
	width: 74%;
	top: 90px;
	height: 150px;
	color: maroon;
	float:left;
	font-family: Verdana, Arial, sans-serif;
	font-size: xx-small;
}
#left_col {
	background: #F1F2B5;
	width: 18%;
	left: 2%;
	border: 1px;
	padding: 0 1%;
	position: absolute;
	top: 240px;
	height: 1200px; /*800 */;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-variant: small-caps;
}
#page_content {
	background: #F1F2B5;
	width: 62%;
	border: 1px;
	position: absolute;
	left: 20%;
	top: 240px;
	text-align: left;
	padding: 2%;
	height: auto; /*was 340 px*/;
	color: maroon;
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
}
#right_col {
	background: #F1F2B5;
	width: 12%;
	border: 1px;
	padding: 0 1%;
	position: absolute;
	left: 84%;
	top: 240px;
	height:auto; /*was 800px*/
}
h1 {
	color: #CC3300;
	font-family: Arial, Helvetica, sans-serif;
	font-size:x-large;
	font-weight: normal;
	text-decoration: none;
}
h2, h3, h4 {
	color: #CC3300;
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	font-weight: normal;
	text-decoration: none;
}
.menu td {
	width: 100px;
	background: #D5DFE6;
	border: none;
	padding: 5px;
	font: small Arial, Helvetica, sans-serif;
	
}

 table.workshops {
	background: #F1F2B5;
	border: thin #CC3300 groove;
	padding: 5px;
	font: small Arial, Helvetica, sans-serif;
	width:auto;
}
	.workshops th {
	background:#CCCCCC;
	padding: 5px 10px 5px 10px;
	font-variant:small-caps;
	color:maroon;
}
	.workshops td {
	background:#D5DFE6;
	padding: 5px 10px 5px 10px;
}
	.workshops locatie {
	top: 2em;
}
a {
	font-weight:normal;  /* links standaard */
}
a:link {
	color: #0000FF;	/* blauw */
	text-decoration: none; /* niet onderstreept*/
}

a:visited {
	color: #000080; /*aubergine rood*/
	text-decoration: none; /* niet ondersreept*/
}

a:hover {
	background: #FFFF99;  /* zacht geel */
	text-decoration: underline; /* onderstreept */
}

a:active {
	background: #F1F2B5;  /*geel-groen */
	text-decoration: underline; /* onderstreept */
}

span {
	background:white;
}