/* Opmaak algemeen */
html,body {height:100%;}

body {
	background-color:#83a809;
	background-image:url('../img/container_bg.gif');
	background-repeat:repeat-y;
	color:#000;
	font-size:75%;
	margin:0;
	padding:0;
}
body, select, input, textarea {font-family: Arial, sans-serif;}
input, textarea {padding:2px;}
form {margin:0;}

select, input, textarea {border:1px inset #ccc;font-size:100%;}
textarea {overflow:auto;height:75px;width:350px;}

fieldset, legend {background-color:#f2f9f2;}
fieldset {
	border:1px solid #99cc99;
	display:block;
	margin-top:15px;
	padding:5px;
	position:relative;
}

legend {
	border:1px solid #99cc99;
	font-size:90%;
	font-weight:bold;
	padding:0.3em;
	margin:0;
	position:relative;
	top:-15px;
}

label {
	display:block;
	margin:0 0 10px 10px;
	position:relative;
	width:150px;
}

hr {
	background:none;
	border-top:none;
	border-bottom:1px solid #663300;
	height:1px;
}

table {border-collapse:collapse;}
h2.details,
caption {
	background-color:#eee;
	border:1px solid #5f2e14;
	padding:3px;
	font-size:100%;
	font-weight:bold;
	text-align:left;
}
th {text-align:left;}
th,td {padding:3px;}
th.top, td.top {vertical-align:top;margin-top:3px;}

h1,h2,h3 {margin:10px 0 0 0;font-family:Georgia,serif;}
h1 {font-size:190%;color:#663300;}
h2 {font-size:120%;}
h2.details {margin:0;}
h3 {font-size:110%;font-style:italic;}

ul {
	list-style-type:circle;
	margin:0 0 0 20px;
	padding:0;
}

p {margin:10px 0 10px 0;}
p.nomargin {margin:0;}

a, a.visited {
	border-bottom:1px solid #5f2e14;
	color:#5f2e14;
	text-decoration:none;
}
a:hover {color:#7c6146;}
a img {border:none;}

.alert {color:#660066;font-weight:bold;}
.center {text-align:center;}
.right {text-align:right;}

.submit {
	background-color:#5f2e14;
	border:1px outset;
	color:#fff;
	font-size:90%;
	font-weight:bold;
	cursor:pointer;
}

a.submit {padding:2px;}
a.submit:hover {color:#fff;}
/* -------------------------------------------------- */


/* Opmaak layout */

/* lay_home.cfm */
div#homecontainer {
	background-color:#83a809;
	background-image:url('../img/home_gras.jpg');
	background-repeat:repeat-y;
	height:100%;
}

div#tophome,
div#topmain {
	background-repeat:repeat-x;
	width:100%;
}

div#tophome {
	background-image:url('../img/home_lucht.gif');
	height:78px;
}
div#topmain {
	background-image:url('../img/pagina_lucht.gif');
	height:106px;
}

div#tophome h1,
div#topmain h1 {display:none;}

div#home {
	position:absolute;
	left:0;
	top:0;
	background-image:url('../img/home.jpg');
	background-repeat:no-repeat;
	height:540px;
	width:740px;
}
div#home h2 {display:none;}

div#home a,
div#home a:visited {
	border-bottom:1px solid #5f2e14;
	color:#5f2e14;
	font-size:145%;
	font-weight:bold;
}
div#home a.left {padding-left:8px;}
div#home a.right {padding-right:8px;}

div#info {margin:190px 0 0 522px;}
div#cursussen {margin:40px 0 0 427px;}
div#links {margin:30px 0 0 522px;}
div#contact {margin:30px 0 0 450px;}


/* lay_main.cfm */
div#nav,
div#container {position:absolute;top:0;}
div#container h2 {font-family: Arial, sans-serif;}

div#nav {
	background-image:url('../img/pagina_nav.jpg');
	background-repeat:no-repeat;
	background-color:#e4fb75;
	float:left;
	height:441px;
	width:195px;
}

div#nav h2 {margin:110px 0 0 5px;}
div#nav ul {
	font-size:90%;
	list-style-type:none;
	margin:0 0 0 5px;
}
div#nav ul li {margin-top:5px;}
div#nav ul a,
div#nav ul a:visited {border:none;font-weight:bold;}

div#nav,
div#menu {font-family:Georgia,serif;}

div#menu h2 {display:none;}
div#menu ul {margin:0;padding:0;}
div#menu ul li {
	background-image:url('../img/li_menu.gif');
	background-position:right;
	background-repeat:repeat-y;
	display:inline;
	padding:0 8px 0 8px;
}
div#menu a,
div#menu a:visited {
	border:none;
	color:#fff;
	font-size:100%;
	font-weight:bold;
}
div#menu a:hover {color:#a78a7a;}

div#container {
	background-image:url('../img/pagina_head.jpg');
	background-repeat:no-repeat;
	height:107px;
	width:545px;
	margin-left:195px;
	padding-top:90px;
}

div#content {padding:5px;}

div.message {
	background-color:#eee;
	border:1px solid #5f2e14;
	font-size:100%;
	font-weight:bold;
	margin:10px 0 10px 0;
	padding:3px;
	width:525px;
}

div.buttons {float:right;margin:0;}

div.buttons a,
div.buttons a:visited {
	background-repeat:no-repeat;
	border:none;
	color:#336633;
	font-weight:bold;
}
div.buttons a:hover {color:#99cc33;}

div.buttons a.terug {
	background-image:url('../img/terug.gif');
	background-position:0 2px;
	border-right:1px solid #336633;
	padding:0 10px 0 15px;
}
div.buttons a.print {
	background-image:url('../img/print.jpg');
	background-position:7px 2px;
	padding:0 10px 0 25px;
}

span.categorie {color:#5f2e14;}
span.cursus {color:#336600;}

a.button {border:none;}
img.aanmelden {margin:10px 0 0 0;}

table.overzicht {margin-left:-5px;width:525px;}
table.overzicht th,
table.overzicht td {
	border-color:#ddd;
	border-style:solid;
}

table.overzicht th {
	border-width:0 1px 1px 0;
	color:#999;
	font-size:110%;
	font-weight:bold;
}
table.overzicht td {border-width:1px 1px 1px 0;}
table.overzicht th.rightborder,
table.overzicht td.rightborder {border-width:0 0 1px 0;}
table.overzicht tr.bottomborder th,
table.overzicht tr.bottomborder td {border-width:1px 1px 0 0;}
table.overzicht tr.bottomborder td.rightborder {border-width:1px 0 0 0;}
table.overzicht caption {margin:-10px;}

th.zoeken {font-size:120%;color:#5f2e14;}

ul.categorie a,
ul.categorie a:visited {color:#41200e;}
ul.categorie a:hover {color:#724b34;}

ul.zoekresultaten {margin:0 0 0 10px;}
ul.zoekresultaten li {margin-bottom:5px;}
ul.zoekresultaten ul {list-style-type:disc;}
ul.zoekresultaten ul li {margin:0 0 5px 0;}
ul.zoekresultaten a,
ul.zoekresultaten a:visited {border:none;}
ul.zoekresultaten a:hover {border-bottom:1px solid #5f2e14;}

dl.cursusgevers {margin:0;}
dl.cursusgevers dt {font-weight:bold;margin-top:15px;}
dl.cursusgevers dt.top {margin-top:0;}
dl.cursusgevers dd {margin-left:10px;}

.mg-1 {margin:5px 0 5px 0;}
.mg-2 {margin-bottom:15px;}
.mg-3 {margin-top:0;}
.mg-4 {margin-left:100px;}
.mg-5 {margin-top:15px;}
.hd-1 {
	color:#999;
	font-size:120%;
	font-weight:bold;
}
.noborder {border:none;}
.comment {
	background-color:#f5f5f5;
	border:1px solid #666;
	font-size:90%;
	padding:3px;
	
}
/* -------------------------------------------------- */