﻿/*
	Breedte: 720 px;
	Hoofdkleur: #1f5625;  (groen)
	Letterkleur: #5f5f5f; (donker grijs)
	Lettertype: Tahoma, Arial, Verdana;
*/



/* D E F A U L T S */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, 
input, select, textarea
{
	font-family:Tahoma, Arial, Verdana;
	color:#5f5f5f;
	font-size:11px;
}

td 
{
	vertical-align:top;
	border-bottom: solid 4px transparent;
}

.col1
{
	width:120px;
	text-align:left;
}

.col1label
{
	width:160px;
	text-align:left;
	font-weight:bold;
}

.col2
{
	width:100px;
	text-align:right;
	padding-left:10px;
}

.col2left
{
	text-align:left;
	padding-left:10px;
}

.col3
{
	width:40px;
}

.col3wide
{
	width:80px;
}

.col4
{
	text-align:left;
	width:100px;
	padding-left:10px;
}

.col5
{
	width:100px;
	text-align:right;
	padding-left:10px;
}

h1 
{
	color:black;
	font-size:20px;
}

h2, h3, .aanvulling
{
}

h2
{
	font-size: 20px;
	color: #1f5625;
	margin-top: 6px;
	margin-bottom: 4px;
}

h3
{
	font-size: 12px;
	color: black;
	margin-top: 10px;
	margin-bottom: 2px;
}

.appicon
{
	background:transparent url('../images/appicon.png') no-repeat scroll left top;
	padding-left: 30px;
	min-height:22px;
}

.titel, .uitleg, .uitleg div
{
	color:White;
	font-weight:bold;
}


/* F O R M */
.formulier
{
	position: absolute;
	top: 10px;
	/*left:25px;*/
	width:700px;
	height: auto;
}

.formulier p, .formulier label, .formulier td
{
	line-height: 130%;
}


/* I N P U T S */

.watermark
{
	color:#a8a8a8;
}

.inputGroot {
	width: 181px; 
/*	padding-bottom: 3px; 
	border-right-width: 0px; 
	padding-left: 3px; 
	padding-right: 3px; 
	background: none transparent scroll repeat 0% 0%; 
	border-top-width: 0px; 
	border-bottom-width: 0px; 
	height: 14px; 
	margin-left: 6px; 
	border-left-width: 0px; 
	padding-top: 3px;
	-webkit-appearance: none; 
*/}

.inputMiddel {
	width: 120px; 
/*	padding-bottom: 3px; 
	border-right-width: 0px; 
	padding-left: 3px; 
	padding-right: 3px; 
	background: none transparent scroll repeat 0% 0%; 
	border-top-width: 0px; 
	border-bottom-width: 0px; 
	height: 14px; 
	margin-left: 6px; 
	border-left-width: 0px; 
	margin-top: 5px;
	-webkit-appearance: none; 
*/}

.inputKlein {
	width: 87px; 
/*	padding-bottom: 3px; 
	border-right-width: 0px; 
	padding-left: 3px; 
	padding-right: 3px; 
	background: none transparent scroll repeat 0% 0%; 
	border-top-width: 0px; 
	border-bottom-width: 0px; 
	height: 14px; 
	margin-left: 6px; 
	border-left-width: 0px; 
	padding-top: 3px;
	-webkit-appearance: none; 
*/}

.inputTekst {
	width: 481px; 
	overflow:hidden;
/*	padding-bottom: 6px; 
	border-right-width: 0px; 
	padding-left: 3px; 
	padding-right: 3px; 
	background: none transparent scroll repeat 0% 0%; 
	border-top-width: 0px; 
	border-bottom-width: 0px; 
	height: 88px; 
	margin-left: 6px; 
	border-left-width: 0px; 
	padding-top: 6px;
	-webkit-appearance: none; 
*/}

.inputBgGroot {
	width: 200px; 
/*	background: url('../images/bgtextinputgroot.gif') no-repeat; */
	height: 30px;
	margin-top:-5px;
}

.inputBgMiddel 
{
	width: 139px; 
/*	background: url('../images/bgtextinputmiddel.gif') no-repeat; */
	height: 30px;
	margin-top:-5px;
}

.inputBgKlein {
	width: 96px; 
/*	background: url('../images/bgtextinputklein.gif') no-repeat; */
	height: 30px;
	margin-top:-5px;
}

.inputBgTekst {
	width: 500px; 
/*	background: url('../images/bgtextinput500x100.gif') no-repeat; */
	height: 105px;
	margin-top:-5px;
}


/* L I S T */
/* Een list bestaat uit 3 divs: een bovenkant, het midden en een onderkant. Het midden is flexibel qua hoogte, de achtergrond wordt herhaald. */
.listtop {margin-top:20px; width:218px; height:14px; background: url('../images/listtop.png') no-repeat; }
.listmiddle {width:198px; min-height:14px; padding-left:10px; padding-right:10px; background: url('../images/listmiddle.png') repeat-y; line-height:1.5;}
.listbottom {width:218px; height:14px; background: url('../images/listbottom.png') no-repeat; }


/* A P P M E N U */
#appmenu
{
	position:absolute;
	left:10px;top:20px;
	width:250px;
	z-index:-10;
}

#copyright 
{
	position:relative;
	font-size:8pt;
	color:dimgray;
}

#copyright img
{
	vertical-align: -4px;
}

#copyright a
{
	cursor:pointer;
}


/* T O P M E N U */
.topmenu {position:absolute;left:870px;top:26px;}
.topmenu a {display:inline-block;background:transparent url('../images/listbullet.png') no-repeat;padding-left:20px;margin-left:40px;
            font-weight:900;font-variant:normal;text-decoration:none;}


/* E R R O R S */
.errors
{
	margin: 16px 20px 0 0;
	left:25px;
	color:#1f5625;
	font-weight:normal;
	font-size:12px;
	padding:4px;
	border:solid 2px #1f5625;
}


/* N A V I G A T I E */
.navigatie a
{
	font-weight:bold;
	font-size:13px;
	color:Black;
	text-decoration:none;
	display:inline-block;
	height:26px;
	padding-right:15px;
	background:transparent url('../images/bgrechts.png') no-repeat scroll right top;
}

.navigatie a span
{
	background:transparent url('../images/bgrechtsdefault.png') no-repeat;
    padding:7px 0px 8px 26px;
    display:block;
}

.navigatie a:hover span
{
	background:transparent url('../images/bgrechtshovered.png') no-repeat;
}

.navigatie a.left span
{
	background:transparent url('../images/bglinksdefault.png') no-repeat;
}

.navigatie a:hover.left span
{
	background:transparent url('../images/bglinkshovered.png') no-repeat;
}
