/* =============  H T M L  ============== */
html {
	height: 100%;
	width: 100%;
	overflow: hidden;
}

/* =============  B O D Y  ============== */
body {
	height: 100%;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	background-color: #FFFFFF;
	color: #000000;
	text-align: center;
	cursor: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	scrollbar-arrow-color: #293C49;
	scrollbar-track-color: #DCD1DF;
	scrollbar-face-color: #FFFFFF;
	scrollbar-highlight-color:#F2F2FF;
	scrollbar-3dlight-color:#A147B8;
	scrollbar-darkshadow-color:#293C49;
	scrollbar-shadow-color:#A147B8; 
}

tbody {
	color: #000000;
	cursor: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#layout {
	width: 100%;
	height: 100%;
	border: 0px solid #000;
}

#loginline {
	height: 20px;
	width: 100%; 
	background-color: #ece9d8; 
	text-align: left; 
	border-bottom: 1px solid #aca899;
	padding: 0px;
	margin: 0px;
}

.loginbutton {
	width: 150px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 50px; 
	border: 1px solid #aca899;
	cursor: pointer;
}

/* =============  L E F T  ============== */
/* 
Instellingen voor de linker kolom van de pagina.
In deze kolom staat het menu.
*/
#Lcolumn {
	width: 250px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	vertical-align: top;
	border: 0px;
}


/* =============  M E N U  ============== */
/* menu tekst font Gabrielle */
#menu {
	width: 250px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

/* Lege ruimte boven het menu */
#menu-top {
	width: 250px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-image: url(images/menu_top.gif);
	background-repeat: no-repeat;
}

.hidethis {
	display: none;
}


/* Item uit het menu */
#mitem1, #mitem2, #mitem3, #mitem4, #mitem5, #mitem6, #mitem7 {
	width: 250px;
	height: 70px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

.mitem1 {
	background-image: url(images/menu1.gif);
}

.mitem1o {
	background-image: url(images/menu1-over.gif);
}

.mitem2 {
	background-image: url(images/menu2.gif);
}

.mitem2o {
	background-image: url(images/menu2-over.gif);
}

.mitem3 {
	background-image: url(images/menu3.gif);
}

.mitem3o {
	background-image: url(images/menu3-over.gif);
}

.mitem4 {
	background-image: url(images/menu4.gif);
}

.mitem4o {
	background-image: url(images/menu4-over.gif);
}

.mitem5 {
	background-image: url(images/menu5.gif);
}

.mitem5o {
	background-image: url(images/menu5-over.gif);
}

.mitem6 {
	background-image: url(images/menu6.gif);
}

.mitem6o {
	background-image: url(images/menu6-over.gif);
}

.mitem7 {
	background-image: url(images/menu7.gif);
}

.mitem7o {
	background-image: url(images/menu7-over.gif);
}

/* Lege ruimte onder het menu. Deze kolom zorgt er voor dat de achtergrond door loopt. Anders was hij overbodig geweest! */
#menu-botom {
	width: 250px;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background-image: url(images/menu_botom.gif);
	background-repeat: no-repeat;
}

/* Instellingen voor onzichtbare afbeeldingen. Deze afbeeldingen zijn de links naar de pagina's */
.empty {
	color: #FFFFFF;
	border: 0px solid #000;
	margin: 0px;
	margin-top: 5px;
	margin-left: 40px;
	padding: 0px;
}

/* =============  R IG H T  ============== */
/* 
Instellingen voor de rechter kolom van de pagina.
In deze kolom staan de header en de tekst
*/
#Rcolumn, #content {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	vertical-align: top;
	border: 0px;
}

#top {
	height: 200px;
	width: 100%;
	vertical-align: top;
	text-align: center;
	background-image: url(images/top_bg.gif);
	background-position: right;
	background-repeat: no-repeat;
}

#middle {
	height: 100%;
	width: 100%;
	vertical-align: top;
	font-size: 12px;
	text-align: left; 
	background-color: #FFFFFF;
	background-image: url(images/text_background.jpg);
	background-position: bottom;
	background-repeat: repeat-x;
	overflow: hidden;
}
#outside {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 0;
}
#inside {
	position: absolute;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: black;
	left: 0px;
	top: 0px;
	overflow: auto;
	overflow-x: hidden;
	height: 100%;
	width: 100%;
	z-index: 1;
}

/* =============  O V E R I G  ============== */

#errorfield {
	width: 90%; 
	margin-top: 10px; 
	margin-bottom: 10px;
	color: red; 
	border: 1px solid red; 
	padding: 10px; 
	text-align: center; 
}

.textfield  {
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
}


.ptcomment {
	font-style: italic; 
	color: #330099;
}


.pheader {
	font-weight: bold;
	font-size: 12px;
}

.note {
	background-color: #dcd1df;
	border: 1px solid #000; 
	margin: 10px 0px; 
	clear: both; 
	text-align: left; 
	width: 100%;
}

#link_table {
	width: 500px;
	border: 0px solid #000;
	margin-left: auto; 
	margin-right: auto; 
}

.link_category {
	width: 100%;
	background-color: #608AD2;
	height: 25px;
	padding-left: 20px;
	font-size: 14px;
}

.link_group {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-decoration: none;
}



.gbTable {
	margin: 0px; 
	margin-left: auto; 
	margin-right: auto;
}

.gbTdNameField {
	text-align: right;
}

.gbSmessage {
	display: none;
}

.gbTextarea, .gbText {
	border: 1px solid #a147b8;
	/*background-color: #f6edf8;*/
}

.gbSubmit {
	border: 1px solid #a147b8;
	cursor: pointer;
	background: #FFFFFF;
}

.gbError {
	color: red;
	font-weight: bold;
}

.gbMsg {
	font-weight: bold;
}

.gbTable {
	width: 100%;
	border: 0px;
}

.gbTop {
	padding: 10px;
	border: 1px solid #a147b8;
	text-align: center;
	background-color: #f6edf8;
}

.gbMsgTop {
	border-top: 1px solid #a147b8;
	font-weight: bold;
	height: 25px;
}

.gbPage {
	text-decoration: none;
	vertical-align: middle;
	position: relative;
	top: -5px;
}

.gbImageButton {
	float: right;
	margin-left: 10px;
	margin-right: 0px;
}


/* - - - - - - - - -  L I N K  - - - - - - - - - */
a {
	color: #6c6acb;
	text-decoration: underline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
}

a:hover {
	color: #6c6acb;
	text-decoration: none;
}

a:visited {
	color: #6c6acb;
	text-decoration: underline;
}

a:active {
	color: #6c6acb;
	text-decoration: none;
}
/* - - - + + + - - - */


/* - - - - - - - - -  L I N K   P A G I N A  - - - - - - - - - */
.link_row {
	width: 100%;
	margin: 0px;
	padding: 0px;
	height: 25px;
	list-style: none;
	vertical-align: botom;
	text-decoration: none;
}

a.link_url {
	color: #000000;
	text-decoration: none;
}

a:hover.link_url {
	color: #000000;
	text-decoration: underline;
	font-weight: bold;
}
/* - - - + + + - - - */