/**************/
/****LAYOUT****/
/**************/

html, body {
	height: 100%;
	width: 100%;
	
	margin: 0px;
	
	background-color: #F5923F;
}

.sideBackgroundTop {
	background-image: url("images/layout/side_background_top.jpg");
	background-repeat: repeat-x;
	background-position: right top;
}

.sideBackgroundMiddle {
	background-color: #AB599B;
}

.sideBackgroundBottom {
	background-image: url("images/layout/side_background_bottom.jpg");
	background-repeat: repeat-x;
	background-position: right top;
}

.sideLeftTop {
	background-image: url("images/layout/left_top.jpg");
	background-repeat: no-repeat;
	background-position: right top;
	
	width: 32px;
}

.sideLeftMiddle {
	background-image: url("images/layout/left_middle.jpg");
	background-repeat: repeat-y;
	background-position: right;

	width: 32px;
}

.sideLeftBottom {
	background-image: url("images/layout/left_bottom.jpg");
	background-repeat: repeat-y;
	background-position: right bottom;
	
	height: 174px;
	width: 32px;
}

.sideRightTop {
	background-image: url("images/layout/right_top.jpg");
	background-repeat: no-repeat;
	background-position: left top;
	
	width: 32px;
}

.sideRightMiddle {
	background-image: url("images/layout/right_middle.jpg");
	background-repeat: repeat-y;
	background-position: left;
	
	width: 32px;
}

.sideRightBottom {
	background-image: url("images/layout/right_bottom.jpg");
	background-repeat: repeat-y;
	background-position: left bottom;
	
	height: 174px;
	width: 32px;
}

.main {
	background-color: #E6D9E2;
	height: 100%;
	
	padding: 20px;
	
	font-family: Arial;
	font-size: 11px;
	color: #DE0184;
}

.footer {
	width: 775px;
	vertical-align: bottom;
	
	background-color: #E6D9E2;
	
	font-family: Arial;
	font-size: 17px;
	font-weight: bold;
	color: #000000;
}

/**************/
/*****MENU*****/
/**************/
.menuBase {
	border-top: solid 3px #FDA926;
	border-bottom: solid 3px #FDA926;
	
	background-color: #CFB8CA;
}

.menuItem, .menuItemActive {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	
	text-align: center;
	
	cursor: pointer;
}

.menuItem {
	color: #FDA926;
	background-color: #AB599B;
}

.menuItemActive {
	color: #000000;
	background-color: #CFB8CA;
}

/**************/
/****OPMAAK****/
/**************/
.kopje {
	border-bottom: solid 1px #FDA926;
}

.kopjeSmall {
	border-bottom: solid 1px #FDA926;
	font-size: 13px;
}

.mainTekst {
	font-family: Arial;
	font-size: 11px;
	color: #DE0184;
}

h3 {
	color: #DE0184;
	margin: 0px;
}

h4 {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 1px;
}

input, textarea {
	background-color: #BB86B4;
	border: 1px solid #FFFFFF;
	
	font-family: Arial;
	font-size: 11px;
	color: #FFFFFF;
}

/**************/
/****LINKS*****/
/**************/
a {
	color: #DE0184;
	text-decoration: none;
	font-size: 11px;
	font-weight: normal;
}

a:hover {
	color: #DE0184;
	text-decoration: underline;
	font-size: 11px;
	font-weight: normal;
}

a.agenda {
	font-weight: bold;
	font-size: 20px;
	color: #000000;
	
	text-decoration: underline;
}

a.agenda:hover {
	font-weight: bold;
	font-size: 20px;
	color: #000000;
	
	text-decoration: none;
}

/**************/
/****AGENDA****/
/**************/

.AgendaItemToday {
	background-color: #DEC2D9;
	font-weight: bold;
	font-size: 11px;
	
	vertical-align: top;
}

.AgendaItem {
	background-color: #BB86B4;
	
	font-weight: bold;
	font-size: 11px;
	vertical-align: top;
}