html body, p, .container_box {
	background: #FFF;
	font: 12px Arial;
}

.container_box {
	padding: 0px;
	scrolling: no;
}

.container_inner {
	width: 100%;
	padding: 0px;
}

/************************************************************

	De hoofd elementen van de pagina
	
*************************************************************/
	
#mainbody, #mainbodytable {
	width: 1000px;
	height: 700px;
	border: 0px;
}

#h_Top {
	height: 200px;
	vertical-align: top;
}

#Top {
	height: 160px;
	vertical-align: top;
}

#Stage {
	vertical-align: top;
	background: #FFF;
}

#Footer {
	height: 5px;
}


.LeftSpace, .RightSpace {
	width: 30px;
}

.LeftContent {
	width: 200px;
}

#contentframe {
	display: inline;
	width: 589px;
	margin: 0px;
	padding: 0px;
}

.calendar_mngmntlink {
	font: 12px arial;
	font-weight: bold;
}

/************************************************************

	De Top Table
	
*************************************************************/
#TopTable {
	width: 100%;
	height: 100%;
}

#TopSpacer {
	height: 5px;
}

#TopSpacerLeft {
}

#TopSpacerCenter {
	background: #FF9A00;
}

#TopSpacerRight {
}

#h_TopBar {
	height: 160px;
}

#TopBar {
	height: 120px;
}

#TopLeft {
	vertical-align: top;
}

#TopCenter {
	vertical-align: top;
}

#TopRight {
}

#TopFooterLeft {
}

#TopFooterCenter {
	background: #FF9A00;
}

#TopFooterRight {
}

#TopFooterCenterTable {
	width: 100%;
	height: 100%;
	border: 0;
}

/* kijk voor de breedte verderop! */
#TopFooterCenterLeft {
	font-size: 16px;
	font-weight: bold;
	color: white;
}

#TopFooterCenterLeft div {
	margin-left: 10px;
	}

#TopFooterCenterRight {
	background: #633063;
}


#h_tekst {
	position: absolute;
}

#h_tekstblok {
	position: relative;
	width: 590px;
	font-size: 10px;
	top: 80px;
	left: 35px;
}

/************************************************************

	De Stage Table
	
*************************************************************/

#StageTable {
	width: 100%;
	height: 100%;
}

#StageLeft {
	vertical-align: top;
	background: white;
}

#StageCenter {
	vertical-align: top;
}

#StageRight {
	vertical-align: top;
	background: white;
}

#StageCenterTable {
	width: 100%;
	height: 100%;
}

#StageCenterContent {
	vertical-align: top;
}

#StagePageContent {
	
}
#StagePageContent div {
	margin: 5px;
}

#StageCenterRight {
	vertical-align: top;
}

#TopFooterCenterLeft, #StageCenterContent, #StagePageContent {
	width: 630px;
}

/************************************************************

	Apparte classes voor de homepage
	
*************************************************************/
#TopFooterHomeSpace {
	width: 30px;
	}
	
#TopFooterHomeLeft {
	background: #FF9A00;
	width: 170px;
	}

#StageHomeLeft {
	width: 500px;
	vertical-align: top;
	}
	
#StageHomeRight {
	vertical-align: top;
	}
	
/************************************************************

	De Footer Table
	
*************************************************************/
#FooterTable {
	width: 100%;
	height: 100%;
}

#FooterLeft {
}

#FooterCenter {
	background: #FF9A00;
}

#FooterRight {
}


/************************************************************

	Het Topmenu
	
*************************************************************/

#Menu {
	position: absolute;
}

#MenuBackground, #MenuContent {
	position: relative;
	left: 25px;
}
	
#MenuBackground {
	top: 44px;
	height: 40px;
	width: 745px; /* totale breedte - .LeftContent - .RightSpace - #MenuContent.left */
	background: #FFF;
	opacity: .50;
	-moz-opacity: .50;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

#MenuContent {
	top: 17px;
	margin-right: 20px;
	font-size: 14px;
	font-weight: 800;
	background: transparent;
}

#MenuContentInactive, #MenuContentActive {
	margin-left: 10px;
}

#MenuContentInactive a {
	color: #000;
}

#MenuContentInactive a:hover {
	color: #633063;
}

#MenuContentActive a {
	color: #633063;
	}
	

/************************************************************

	Linker menu blok
	
*************************************************************/	
#LeftMenu {
	width: 170px; /* .LeftContent - .LeftSpace */
	vertical-align: top;
	background: #633063;
	font-weight: bold;
	font-size: 12px;
}

#LeftMenuInactive, #LeftMenuActive {
	margin: 10px 10px 10px 10px;
	display: block;
	}
	
#LeftMenuInactive a {
	color: white;
	}

#LeftMenuInactive a:hover{
	color: #FF9A00;
	}
	
#LeftMenuActive a {

	color: #FF9A00;
}
/************************************************************

	Rechter menu blok
	
*************************************************************/
#RightMenu {
	width: 138px; /* 1000 - .LeftContent - #TopFooterCenterLeft - .SpaceRight - (2 * border) - padding links en rechts */
	background: #CCC;
	border: 1px solid #FF9A00;
	font-size: 12px;
}


#RightMenuInactive, #RightMenuActive {
	margin: 5px 5px 15px 5px;
	display: block;
	}

#RightMenuInactive a {
	color: #633063;
}

#RightMenuInactive a:hover {
	color: #FF9A00;
}
	
#RightMenuActive a {
	
	color: #FF9A00;
}

/************************************************************

	Menu Rechts onder
	
*************************************************************/
#BottomMenu {
	height: 20px;
	text-align: right;
	vertical-align: top;
	font-size: 10px;
	color: #000;
	}
	
#BottomMenuInactive, #BottomMenuActive {
	margin-left: 5px;
}

#BottomMenuInactive a {
	color: #AAA;
	}
	
#BottomMenuInactive a:hover {
	color: #FF9A00;
	} 

#BottomMenuActive a {
	color: #FF9A00;
	}	

/************************************************************

	De Logo Layer
	
*************************************************************/
#Logo {
	position: absolute;
}

#LogoContent {
	position: relative;
	top: 44px;
	left: 30px;
}

#LogoImg {
	width: 170px; /* zelfde als #StageCenterLeft */
	height: 44px;
}


/************************************************************

	Foto links blok
	
*************************************************************/

#FotoLeft {
	position: absolute;
	width: 1px;
	height: 1px;
	padding: 0px;
	}

#FotoLeftContent {
	position: relative;
	left: 30px;
	top: 220px;
	}
	
#FotoLeftImg {
	width: 168px;  /* zelfde als #StageCenterLeft  - 2 voor de border*/
	height: 168px; /* vierkant */
	border: 1px solid #FF9A00;
	}
	
	
/************************************************************

	Foto rechts blok
	
*************************************************************/
#FotoRight {
	position: absolute;
	width: 1px;
	height: 1px;
	}

#FotoRightContent {
	position: relative;
	left: 0px; /* 0 - /* 900 - .LeftContent - #TopFooterCenterLeft */
	top: 250px /* #FotoLeftContent + (#FotoLeftImg - #FotoRightImg */
	}
	
#FotoRightImg {
	width: 138px; /* #FotoRightContent - 2 maal de border */
	height: 138px; /* vierkant */
	border: 1px solid #FF9A00;
	}


/************************************************************

	Homepage
	
*************************************************************/
.HpTable {
	width: 100%;
}

.HpTopBlock {
}

.HpTopTable {
	width: 100%;
}

#hpTop, #hpTopBottom {
	height: 30px;
	vertical-align: top;
}

#top_container {
	width: 100%;
	height: 30px;
	overflow: hidden;
}

#box_container {
	position: absolute;
	height: 1px;
}

#hp_top_box, #hp_bottom_box {
	position: relative;
	float: left;
	top: 0px;
	left: 0px;
	width: 30px;
	height: 30px;
}

#hp_top_box {
	opacity: .70;
	-moz-opacity: .70;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);	
}
	
#hp_top_bg, #hp_bottom_bg {
	position: relative;
	background: #FFF;
	height: 30px;
	width: 490px;
	top: 0px;
	left: 0px;
	opacity: .50;
	-moz-opacity: .50;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	
}

#hp_bottom_bg {
	left: 30px;
	width: 460px;
}

#hp_top_tekst, #hp_bottom_tekst_left, #hp_bottom_tekst_right {
	position: relative;
	height: 30px;
	top: 0px;
	left: 0px;
	padding: 5px 0 0 40px;
}

#hp_bottom_tekst_left, #hp_bottom_tekst_right {
	padding-top: 7px;
	font-size: 14px;
	font-weight: bold;
}

#hp_top_tekst {
	font-style: italic;
}

#hp_bottom_tekst_left:hover {
	background: #FF9A00;
}

#hp_bottom_tekst_right:hover {
	background: #633063;
}

.hpleftcolor, .hpleftcolortext {
	background: #FF9A00;
}

.hprightcolor, .hprightcolortext {
	background: #633063;
}

.hpleftcolor, .hprightcolor {
	cursor: hand;
}

.hpTopBar {
	height: 6px;
	background: #633063;
}

.hpTopCenter {
	height: 85px;
}

.hpSpacer {
	height: 3px;
	background: #633063;
}

.HpBottomBlok {
}


#bottom_container {
	width: 100%;
	height: 30px;
	overflow: hidden;
}

#bottom_text_container {
	width: 100%;
	overflow: hidden;
}

#submenuitem {
	width: 100%;
	height: 100%;
}

#submenuitem div {
	background: #FFF;
	width: 100%;
	height: 100%;
	margin-left: 30px;
	padding: 5px 0 0 10px;
	font-size: 12px;
	font-weight: 400;
	color: #000;
}

#hometekstitem {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	}

#hometekstitem p {
	padding: 0 0 0 10px;
	margin: 0;
}

#hometekstitem div {
	width: 440px;
	margin: 0 0 0 30px;
	padding: 5px 0 10px 0 ;
	background: #FFF;
}

#submenuitem:hover {
	opacity: .50;
	-moz-opacity: .50;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);	
}