@import url(reset.css);

body {
	background:#000 url(../img/layout/background.jpg) repeat-x top left;
	color:#FFF;
	font: 13px Arial, Helvetica, sans-serif;
}

h1.site-title {
	text-indent: -999em;
	display: block;
	width: 246px;
	height: 83px;
	background: url(../img/layout/header_logo.png);
	position: absolute;
	left: 450px;
	top: 85px;
	z-index: 5;
}

h1.site-title a { display: block; width: 100%; height: 100%; }

div#swirl {
	background: url(../img/layout/swirl.png);
	width: 630px; height: 120px;
	position: absolute;
	left: 0px;
	top: 168px;
	z-index: 1;
}

div#visual {
	width: 330px;
	height: 435px;
	position: absolute;
	left: 0px;
	top: 180px;
	z-index: 0;
}

div#content {
	width: 480px;
	position: absolute;
	left: 340px;
	top: 290px;
	line-height: 18px;
	text-align: left;
}

div#content a {
  color: #00A1E7; text-decoration: none;
}

div#content h2 {
	font-weight: bold;
	line-height: 39px;
	font-size: 18px;
	font-family: "Monotype Corsiva";
}

div#content h3 {
	color: #00A1E7;
	font-weight: bold;
	clear: both;
	font-family: "Monotype Corsiva";
	font-size: 16px;
}

div#content div.thumbs {
  padding: 10px;
}

div#content div.thumbs a img {
  border: none;
}

div#content div.thumbs a {
  display: block; width: 80px; height: 80px;
  float: left;
  margin: 5px; border: 1px solid #C851C6;
  text-align: center;
}

div#news {
	background:url(../img/layout/nieuws_background.png) no-repeat top left;
	width: 146px;
	height: 400px;
	position:absolute;
	padding: 0px 10px;
	top: 260px;
	left: 840px;
}

div#news h3 {
	font-size: 18px;
	margin-bottom: 20px;
	color: #00A1E7;
	font-weight: bold;
	display:block;
	width:100%;
	text-align:center;
	font-family: "Monotype Corsiva";
}

div#news dd { margin-bottom: 10px; }

ul.nav li { float: left; font-family: "Monotype Corsiva", "Calibri", "Arial"; font-weight: bold; font-size: 16px; color: #00a1e7; }
ul.nav li a { color: #00a1e7; text-decoration: none; position: relative; }

ul#lnav {
  position: absolute;
  left: 50px;
  top: 150px;
}
ul#rnav {
  position: absolute;
  left: 338px;
  top: 180px;
  z-index: 10;
}

table#agenda { width: 100%; }
table#agenda thead tr th { color: #00A1E7; font-weight: bold; }
table#agenda thead tr th { padding: 10px 0px; }
table#agenda tbody tr td { padding: 2px 4px; }
table#agenda tbody tr td a { color: #fff; text-decoration: none; }
table#agenda tbody tr.odd { background: #00405c; }

.default-form label {
  float: left;
  text-align: left; display: block; width: 10em; margin-right: 1em;
}

.default-form input {
  width: 221px; font: inherit;
  padding: 2px;
}

.default-form input.submit {
  margin-right: 107px;
  float: right;
  width: auto;
}

.default-form p.textarea label {
  float: none; text-align: left; display: block; width: 29em; padding-right: 2em;
  padding-bottom: 1em;
}

.default-form p.textarea textarea {
  width: 348px; height: 240px; padding: 10px;
  font: inherit;
}

div#news a {
  color: #00A1E7; text-decoration: none;
}


a#dt-footer { font-size: 10px; color: #00A1E7; text-decoration: none; position: absolute; right: 5px; bottom: 5px; }