/*
 * colors for each different page
 * geelgroen:  		#C3D95E
 * bruin:      		#B79E69
 * korenblauw: 		#9797D3
 * groen:      		#77CE5F
 * paars:      		#C778EB
 * lichtblauw: 		#86D2DD
 */
.color1
{
	background: #C3D95E;
}
.color2
{
	background: #AF9459;
}
.color3
{
	background: #9797D3;
}
.color4
{
	background: #F16B6B;
}
.color5
{
	background: #FED700;
}
.color6
{
	background: #86D2DD;
}
.color7
{
	background: #F5E400;
}

.color8
{
    background: #77CE5F;
}
    

.color1_light
{
	background: #E1ECAE;
}
.color2_light
{
	background: #DFD4BD;
}
.color3_light
{
	background: #CBCBE9;
}
.color4_light
{
	background: #F8B5B5;
}
.color5_light
{
	background: #FEEB7F;
}
.color6_light
{
	background: #C2E8EE;
}
.color7_light
{
	background: #FFF77F;
}
.color8_light
{
	background: #B2E6AF;
}

/* body styles */
BODY
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 9pt;
	behavior:url("css/csshover.htc");
}
TABLE, TR, TD
{
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 9pt;
}
TD.contents
{
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 9pt;
	padding: 16px;
}
.footer
{
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 8pt;
}
.imgbijschrift
{
	font-size: 8pt;
}
.textfield
{
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 9pt;
}
.button
{
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 9pt;
	background: #E1ECAE;
	width: 80px;
}
.buttonyellow
{
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 8pt;
	background: #FFF77F;
}
.buttongreen
{
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 8pt;
	background: #F16B6B;
}
.buttonlightred
{
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 8pt;
	background: #F8B5B5;
}
.buttonlightgreen
{
	font-family: Helvetica, Arial, Verdana, Sans-serif;
	font-size: 8pt;
	background: #E1ECAE;
}
.optiecalender
{
	margin: 10px 10px 10px 10px;
}

/* default link layout */
A:link, A:active
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
A:visited
{
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
A:hover
{
	text-decoration: underline;
}
A img
{
	border: 0px;
}
IMG.nopadding
{
	border: 	0px;
	padding: 	0px;
	margin: 	0px;
}
IMG.inline
{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
.black
{
	background: #000000;
}
.rowspacer
{
	height: 10px;
}

/* menu styles */
.main_item
{
	height: 25px;
	padding: 0px 4px 0px 1px;
	vertical-align: middle;
}
.sub_item
{
	height: 20px;
	padding: 0px 4px 0px 7px;
	vertical-align: middle;
}
.sub_item a:link, .sub_item a:active, .sub_item a:visited
{
	font-weight: normal;
	text-decoration: none;
}
.sub_item a:hover
{
	text-decoration: underline;
}

/* News styles */
.headline
{
	font-weight: bold;
	height: 25px;
}
.news_padding
{
	padding-left: 7px;
	padding-right: 7px;
}
.news_block
{
	padding-top: 7px;
	padding-bottom: 4px;
}
.news_block h1
{
	font-size: 11px;
	line-height: 18px;
	margin: 0px;
}
.news_block h2
{
	font-size: 10px;
	line-height: 16px;
	margin: 0px;
	font-style: italic;
	font-weight: normal;
}
div.text
{
	margin-top: 3px;
}
div.more
{
	text-align: right;
	margin-top: 3px;
}
div.more a:link, div.more a:active, div.more a:visited
{
	text-decoration: underline;
}
div.more a:hover
{
	color: grey;
}

/* Calendar styles */
.bgTable
{
	cursor: default;
}
.day
{
	font-size: 11px;
	cursor: hand;
}
.dayOver
{
	font-size: 11px;
	font-weight: bold;
	background-color: #FEEB7F;
	cursor: hand;
}
.dayBold
{
	font-size: 11px;
	font-weight: bold;
}
.dayGrey
{
	font-size: 11px;
	color: #808080;
}
.dayToday
{
	font-size: 11px;
	font-weight: bold;
	color: #BB0000;
}
.dayTodayOver
{
	font-size: 11px;
	font-weight: bold;
	background-color: #FEEB7F;
	color: #BB0000;
	cursor: hand;
}
/* Optie Calendar extra styles */
.optiedayOver
{
	font-size: 11px;
	font-weight: bold;
	background-color: #FFF77F;
	cursor: hand;
}
.optiedayTodayOver
{
	font-size: 11px;
	font-weight: bold;
	background-color: #FFF77F;
	color: #BB0000;
	cursor: hand;
}
.bg_white
{
	background-color: white;
}
/* Added by NetFiesta */
form {margin: 0;}
dl {margin-top: 0px; margin-bottom: 10px;}
dt {width: 150px; margin-bottom: 0px; margin-top: 0px; margin-top: 0px; font-weight: bold;}
dd {margin-left: 150px; margin-top: -15px;}
#form_vriendenmakenvrienden label {clear: left; float: left; width: 175px; height: 20px; padding-top: 4px;}
#form_vriendenmakenvrienden input[type="text"], #form_vriendenmakenvrienden input.text {float: left; width: 200px; margin-right: 120px; height: 20px; font-family: Helvetica, Arial, Verdana, Sans-serif; font-size: 9pt;}

#form_vriendenmakenvrienden label.after {clear: right; width: auto;}
#form_vriendenmakenvrienden input.first {clear: left; float: left; height: 20px; font-family: Helvetica, Arial, Verdana, Sans-serif; font-size: 9pt;}
h2 {font-size: 10pt; font-weight: bold; margin: 0; padding: 15px 0 0 0; clear: left;}
.inputerror {color: darkred; font-weight: bold; cursor: help;}