html, body {
	height: 100%;
	margin: 0;
	padding: 0;
}

#back {
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	position: fixed;
	z-index: -1;
}

#page {
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	margin-top: 10px;
	border: 2px ridge #373d4d;
}

#pageborder {
	border: 2px ridge #373d4d;
}

#switchbuttons {
	position: relative;
	float: left;
	width: 25px;
	margin: 105px 0 0 -25px;
}

#homebanner {
	float: left;
	margin-left: 300px;
}

#homebuttons {
	position: relative;
	float: left;
	width: 600px;
	height: 125px;
	margin: 285px 0 0;
	z-index: 1;
}

#homebuttons2 {
	position: relative;
	float: left;
	width: 600px;
	height: 125px;
	margin: 60px 0 0;
	z-index: 1;
}

#logo {
	margin-left: 10px;
	margin-top: 5px;
	float: left;
}

#topmenvlak {
	float: right;
	clear: left;
}

#topmenu {
	margin-right: 10px;
	margin-top: 5px;
	float: right;
}

#topmenu a {
	color: #032d02;
	text-decoration: none;
}

#topmenu a:hover {
	color: #032d02;
	text-decoration: underline;
}

#topbalk {
	width: 898px;
	height: 20px;
	margin-top: 85px;
	z-index: 2;
	position: relative;
}

#venster {
	width: 900px;
	height: 220px;
	background: url(images/venster/agvenster.jpg) no-repeat;
	margin-top: -20px;
	z-index: 1;
}

#vensternew {
	width: 900px;
	height: 220px;
	margin-top: -20px;
	z-index: 1;
}

#menuvlak {
	width: 150px;
	min-height: 300px;
	float: left;
}

#databasevlak {
	min-height: 300px;
	background-image: url(images/agdatabasevlak.png);
	height: auto;
}

#contentmsql {
	padding: 10px;
}

#footer {
	position: relative;
	width: 887px;
	margin-right: auto;
	margin-left: auto;
	color: #ffffff;
	font-size: 12px;
	margin-top: 0;
	line-height: 18px;
	padding-right: 10px;
	padding-left: 5px;
	padding-top: 10px;
}

#footer a {
	color: #ffffff;
	text-decoration: none;
}

#footer a:hover {
	color: #ffffff;
	text-decoration: underline;
}

#floatright {
	float: right;
}

/* @group breadcrumbs */

.B_crumbBox {
	color: #032d02;
}

.B_hideCrumb {
	color: #032d02;
}

.B_currentCrumb {
	color: #032d02;
}

.B_firstCrumb {
	color: #032d02;
}

.B_lastCrumb {
	color: #032d02;
}

.B_crumb {
	color: #032d02;
}

.B_homeCrumb {
	color: #032d02;
}

/* @end */

/* @group home */

#contentvlakhome {
	background-image: url(images/agcontenthome.png);
	width: 300px;
	min-height: 300px;
	height: 435px;
}

#homevenster {
	background-color: aqua;
	width: 600px;
	height: 435px;
	float: right;
}

/* @end */

/* @group 1kol */

#contentvlak {
	background-image: url(images/agcontent.png);
	width: 750px;
	min-height: 300px;
	margin-left: 150px;
}

/* @end */

/* @group 2kol */

#contentvlak2kol {
	background-image: url(images/agcontent.png);
	width: 600px;
	min-height: 300px;
	margin-left: 150px;
}

#kol150 {
	width: 150px;
	float: right;
}

#contentkol150 {
	padding: 10px;
}

/* @end */

/* @group subhome */

#agendatabel {
	border-style: none;
	border-top: 2px ridge #373d4d;
	border-right: 2px ridge #373d4d;
	border-left: 2px ridge #373d4d;
}

#inspring {
	padding: 5px;
}

#agendatabel td {
	border-bottom: 2px ridge #373d4d;
}

#mededelingenact {
	margin-left: 5px;
	margin-right: 5px;
}

#subhomevlak {
	background-image: url(images/agcontent.png);
	width: 750px;
	min-height: 300px;
	float: left;
}

#kolomlinks {
	width: 510px;
	float: left;
}

#kaderlinks {
	width: 500px;
	margin: 3px;
	border-right: 2px ridge #373d4d;
	border-bottom: 2px ridge #373d4d;
	border-left: 2px ridge #373d4d;
}

#agendakop {
	border-bottom: 2px ridge #373d4d;
	border-top: 2px ridge #373d4d;
	background-image: url(images/agcontent.png);
	font: 14px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 5px;
}

#subhomekop {
	border-bottom: 2px ridge #373d4d;
	border-top: 2px ridge #373d4d;
	background-image: url(images/agcontent.png);
	font: 14px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0px;
}

#subhomekop a {
	background-image: url(images/agcontent.png);
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	color: white;
	border-right: 1px ridge white;
	text-decoration: none;
	position: relative;
	padding-right: 5px;
	padding-left: 5px;
}

#subhomekop a:hover {
	background-image: url(images/agcontent.png);
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	color: #abd0ae;
	border-right: 1px ridge white;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}

#kolomrechts {
	width: 230px;
	float: right;
	padding: 3px;
}

#baanstatus {
	background-image: url(images/agdatabasevlak.png);
	width: 225px;
	border: 2px ridge #373d4d;
	margin: 3px;
}

#kol150 {
	width: 150px;
	float: right;
}

#contentkol150 {
	padding: 10px;
}

#heyhoefact {
	margin-left: 160px;
	clear: both;
}

#heyhoeflatest {
	width: 150px;
	height: 0;
	margin-bottom: 10px;
	display: block;
}

#heyhoefartikel {
	background-image: url(images/agcontent.png);
	border: 2px ridge #373d4d;
	min-height: 125px;
	padding: 5px;
}

#subhomeart {
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
}


/*  RSS feed
------------------------------------------------------------ */
ul.rsslist {
	list-style: none;
	margin: 5px;
	padding: 0px;
	width: 215px;
	display: block;
}
ul.rsslist li {
	margin: 0px;
	padding: 0px 0px 5px;
	width: 215px;
	line-height: 1.21em;
}
ul.rsslist li a:hover {
	color: #fff;
	text-decoration: none;
}

.rsscontent {
	display: none;
}





/* @end */

/* @group ditto */

.ditto_paging {
	border-top: 1px solid #ccc;
	padding: 10px;
	font-size: 86%;
	color: black;
}

#ditto_pages .ditto_currentpage {
	border: 1px solid black;
	padding: 1px 5px 2px;
	margin-right: 1px;
	background-color: #032d02;
	color: #fff;
}

#ditto_pages .ditto_off {
	border: 1px solid #ccc;
	padding: 1px 5px 2px;
	margin-right: 1px;
	color: #ccc;
}

#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
	border: 1px ridge #032d02;
	padding: 1px 5px 2px;
	margin-right: 1px;
	text-decoration: none !important;
	color: black;
}

#ditto_pages a:hover {
	background-color: #fff;
	color: #000;
}

/* @end */

/* @group toggle */

#togglemenu, .togglemenu {
	margin-bottom: 5px;
}
#quizalert {
	display: none;
}

h2.trigger {
	margin: 0;
	background: url(images/toggle/toggleag.png) no-repeat;
	height: 25px;
	width: 220px;
	float: left;
	padding-left: 5px;
	font: normal 12px/26px Georgia, "Times New Roman", Times, serif;
	border: 2px ridge #373d4d;
}

h2.triggeralert {
	margin: 0;
	background: url(images/toggle/toggleag.png) no-repeat;
	height: 25px;
	width: 220px;
	float: left;
	padding-left: 5px;
	font: normal 12px/26px Georgia, "Times New Roman", Times, serif;
	border: 2px ridge #373d4d;
}

h2.trigger a {
	color: white;
	text-decoration: none;
	display: block;
}

h2.triggeralert a {
	color: red;
	text-decoration: none;
	display: block;
}

h2.trigger a:hover {
	color: #abd0ae;
}

h2.active {
	background-position: left bottom;
}

/*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/

.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	background: url(images/agdatabasevlak.png) repeat left top;
	overflow: hidden;
	width: 225px;
	clear: both;
	border-right: 2px ridge #373d4d;
	border-bottom: 2px ridge #373d4d;
	border-left: 2px ridge #373d4d;
}

.toggle_containeralert {
	margin: 0 0 5px;
	padding: 0;
	background: url(images/toggle/agalert.png) repeat left top;
	overflow: hidden;
	width: 225px;
	clear: both;
	border-right: 2px ridge #373d4d;
	border-bottom: 2px ridge #373d4d;
	border-left: 2px ridge #373d4d;
}

.toggle_container .block {
	padding: 5px;


/*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom;
	margin-bottom: 5px;
}

h2.triggerextra {
	margin: 0;
	background: url(images/toggle/toggleagextra.png) repeat;
	height: 25px;
	width: 219px;
	float: left;
	padding-left: 5px;
	font: normal 12px/26px Georgia, "Times New Roman", Times, serif;
	border: 2px ridge #373d4d;
}

h2.triggerextra a {
	color: white;
	text-decoration: none;
	display: block;
}

#toggleextra, .togglemenu {
	margin-bottom: 5px;
}

.toggle_extra {
	margin: 0 0 5px;
	padding: 5px;
	background: url(images/agdatabasevlak.png) repeat left top;
	width: 214px;
	clear: both;
	border-right: 2px ridge #373d4d;
	border-bottom: 2px ridge #373d4d;
	border-left: 2px ridge #373d4d;
}

/* @end */

/* @group ajaxsearch */

#ajaxSearch_form {
	color: #444;
	width: auto;
}

#ajaxSearch_input {
	width: auto;
	display: inline;
	height: 17px;
	border: 1px solid #ddd;
	border-left-color: #c3c3c3;
	border-top-color: #7c7c7c;
	background: #fff url(images/input-bg.gif) repeat-x top left;
	margin: 0 3px 0 0;
	padding: 3px 0 0;
	vertical-align: top;
}

#ajaxSearch_submit {
	border: 1px solid black;
	padding: 1px 5px 2px;
	margin-right: 1px;
	background-color: #032d02;
	color: #fff;
}

#ajaxSearch_output {
	border: 1px solid #444;
	padding: 10px;
	background: #fff;
	display: block;
	height: auto;
	vertical-align: top;
}

.AS_ajax_result {
	color: #444;
	margin-bottom: 3px;
}

.AS_ajax_resultLink {
	text-decoration: underline;
}

.AS_ajax_resultDescription {
	color: #555;
}

.AS_ajax_more {
	color: #555;
}

/* @end */

/* @group quiz */

#Quizzvraag {
	background-image: url(images/agcontent.png);
	border: 1px ridge rgb(171, 208, 174);
	padding: 3px;
}

#wlpeSaveProfileButton, #wlpeProfileDoneButton, #wlpeProfileDeleteButton {
	border: 1px solid black;
	padding: 1px 5px 2px;
	margin-right: 1px;
	background-color: #032d02;
	color: #fff;
}
#wlpeSaveProfileButton {
	float: right;
	margin-right: 36px;
}

#wlpeQuizz {
	background-image: url(images/agcontent.png);
	margin-top: 10px;
	border-color: black;
	border: 2px ridge #373d4d;
	padding: 2px;
}

#vraaggoed {
	font-weight: bold;
	outline: none;
	color: #abd0ae;
}



/* @end */



/* @group extranet */

.wlpeUserPage {
	border-bottom: 1px solid #C5C7C8;
	padding-bottom: 6px;
}
.wlpeUserPage p {
	margin: 0;
}
.wlpeUserPagePhoto, #wlpeUserDefaultImage, #wlpeUserProfilePhotoImg {
	float: right;
	margin-right: 36px;
}
.wlpeUserPageUsername {
	font-weight: bold;
}
#wlpeUserProfilePhoto {
	width: 313px;
}
.wlpeUserPage .wlpeMangeUsersButtons {
	float: right;
}

#wlpeUser label {
	margin-top: 5px;
}
#wlpeUser label input, #wlpeUser label select, #wlpeUser label textarea {
	display: block;
	width: 434px;
}
#wlpeUser label input.radio {
	display: inline;
	width: 25px;
}
#wlpeUser label textarea {
	height: 50px;
}
#wlpeUser fieldset {
	border: 0;
}
#wlpeUser hr {
	margin: 20px 0px;
	height: 1px;
	border: 0;
	border-top: 1px solid #373D4D;
	background: transparent;
}
.wlpeMessage {
	color: red;
}

#wlpeUser table {
	width: 478px;
}


.webselect {
	float: right;
}
.verborgen {
	position: absolute;
	left: -9999px;
}
#wlpeUser table input {
	width: 200px;
}
#wlpeUser td.tdlabel {
	width: 168px;
	text-align: right;
	padding-right: 8px;
	vertical-align: top;
}
#wlpeUser td.content {
	width: 300px;
	vertical-align: top;
}
table.ledenlijst{
	width: 100%;
}
table.ledenlijst td {
	width: 20%;
	vertical-align: top;
}
table.ledenlijst td.lidnummer {
	width: 10%;
	padding-left: 2px;
}
table.ledenlijst td.namen {
	width: 30%
}

table.ledenlijst tr.over {
	background: #3A783E;
	cursor: pointer;
}

#wlpeUser label select#opleidingID, #wlpeUser label select#sectorID {
	width: 206px;
}





#wlpeRubriek {
	width: 423px;
	border: 0px;
	
	position: absolute;
	left: -9999px;
}
#catdisplay p {
	color: #999;
}
.nav {
	margin: 10px 0px 20px;
	width: 434px;
}
h3.formkop {
	margin-top: -20px;
}
.nav div a {
	display: block;
	padding: 3px 0px;
}
.nav div.parentdiv a {
	padding-left: 44px;
	text-decoration: none;
	color: black;
	background: url(images/icn_folder_normal.png) 0px 1px no-repeat;
	border-top: 1px solid #ccc;
}
.nav div.parentdiv a.active {
	background: url(images/icn_folder_active.png) 0px 1px no-repeat;
}
.nav div.parentdiv a:hover {
	text-decoration: underline;
}

#container-center .nav div.subnav {
	padding-left: 24px;
}


div.row {
	margin: 20px 0px 0px;
}







/* @end */



/* @group playing */

#hbt1 {
	color: black;
	background-color: white;
}

#hbt2 {
	color: black;
	background-color: white;
}

#hbt3 {
	color: black;
	background-color: white;
}

#hst1 {
	color: black;
	background-color: yellow;
}

#hst2 {
	color: black;
	background-color: yellow;
}

#hst3 {
	color: black;
	background-color: yellow;
}

#hwt1 {
	color: black;
	background-color: yellow;
}

#hwt2 {
	color: black;
	background-color: yellow;
}

#hwt3 {
	color: black;
	background-color: yellow;
}

#hft1 {
	color: white;
	background-color: black;
}

#hft2 {
	color: white;
	background-color: black;
}

#hft3 {
	color: white;
	background-color: black;
}

#dbt1 {
	color: white;
	background-color: blue;
}

#dbt2 {
	color: white;
	background-color: blue;
}

#dbt3 {
	color: white;
	background-color: blue;
}

#dbt3 {
	color: white;
	background-color: blue;
}

#dst1 {
	color: black;
	background-color: red;
}

#dst2 {
	color: black;
	background-color: red;
}

#dst3 {
	color: black;
	background-color: red;
}

#dwt1 {
	color: black;
	background-color: red;
}

#dwt2 {
	color: black;
	background-color: red;
}

#dwt3 {
	color: black;
	background-color: red;
}

/* @end */

/* @group subhome2kol */

#kolcontent {
	padding: 2px;
}

a#testlink span {display: none;}
a#testlink:hover span {display: block;}

a#kolbut span {display: none;}
a#kolbut:hover span {display: block;
	margin-top: -230px;
	z-index: 2;
	position: absolute;
	border: 2px ridge #385a37;
	min-height: 400px;
	min-width: 350px;
}

.kolbut {
	width: 78px;
	height: 23px;
	float: left;
	border: 2px outset #385a37;
	text-align: center;
	background-image: url(images/agcontent.png);
	margin-right: 1px;
}

#kolbut a {
	width: 78px;
	height: 23px;
	float: left;
	border: 2px outset #385a37;
	text-align: center;
	background-image: url(images/agcontent.png);
	margin-right: 1px;
	color: white;
	text-decoration: none;
	background-color: #abd0ae;
	font-size: 11px;
}

#kolbut a:hover {
	width: 78px;
	height: 23px;
	float: left;
	border: 2px outset #385a37;
	text-align: center;
	background-image: url(images/agcontent.png);
	margin-right: 1px;
	background-color: #032d02;
}

#subkolkop {
	border-bottom: 2px ridge #373d4d;
	border-top: 2px ridge #373d4d;
	background-image: url(images/agcontent.png);
	font: 14px Georgia, "Times New Roman", Times, serif;
	margin-bottom: 0px;
}

#subkolkop a {
	background-image: url(images/agcontent.png);
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	color: white;
	border-right: 1px ridge white;
	text-decoration: none;
	position: relative;
	padding-right: 5px;
	padding-left: 5px;
}

#subkolkop a:hover {
	background-image: url(images/agcontent.png);
	font: bold 14px Georgia, "Times New Roman", Times, serif;
	color: #abd0ae;
	border-right: 1px ridge white;
	text-decoration: none;
	padding-right: 5px;
	padding-left: 5px;
}

#kolsubl {
	width: 249px;
	float: left;
	border-right: 2px ridge #373d4d;
	border-bottom: 2px ridge #373d4d;
	height: 215px;
}

#kolsubr {
	width: 249px;
	float: left;
	border-bottom: 2px ridge #373d4d;
	height: 215px;
}

#kolvensterl {
	width: 249px;
	height: 166px;
	overflow: hidden;
}



/* @end */

#placeholder {
	display: block;
}

fieldset {
	border-style: none;
}


.listNav { margin:20px 0 10px; }
.ln-letters { overflow:hidden; }
.ln-letters a { font-size:0.9em; display:block; float:left; padding:2px 6px; border:1px solid #032D02; border-right:none; text-decoration:none; }
.ln-letters a.ln-last { border-right:1px solid #032D02; }
.ln-letters a:hover,
.ln-letters a.ln-selected { background-color:#eaeaea; color: #000; }
.ln-letters a.ln-disabled { color:#aaa; }
.ln-letter-count { text-align:center; font-size:0.8em; line-height:1; margin-bottom:3px; color:#336699; }

.ln-letters a._ { display: none; }

#menupopup {
	background-image: url(images/agemenu.png);

}




/*
 * jQuery UI Autocomplete 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; background: #fff; width: 420px; height: 200px; overflow-y: scroll; }	
.ui-autocomplete a { font-weight: normal; color: #333; }	
.ui-autocomplete a:hover { color: #000; background: #ccc; }	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: 0px;
}