@media screen {

body {
	margin:		0px;
	padding:	0px;
	
	font-family:	Helvetica, Arial, Sans-Serif;
	font-size:	12pt;
	
	background-color:	#FFFFFF;
}

h1 {
	display:	block;
	border-bottom:	solid 1px #993300;
	color:		#006B5A;
	
	font-weight:	bold;
	font-size:	16pt;
	
	padding-left:	16px;
	
	background:	url('images/heading1Background.png') no-repeat;
}

h2 {
	display:	block;
	color:		#006B5A;
	
	font-weight:	bold;
	font-style:	italic;
	font-size:	14pt;
}

h3 {
	display:	block;
	color:		#006B5A;
	
	font-weight:	bold;
	font-style:	italic;
	font-size:	12pt;
}

a {
	color:		#006B5A;
}

a img {
	border:		none;
}

.hide {
	display:	none;
}

/*
================================================================================
Header bar:
================================================================================
*/
div.headerBar {
	display:		block;
	height:			96px;
	background:		url('images/headerImage.png') no-repeat;
}

div.headerTitle {
	display:		block;
	height:			96px;
	background:		url('images/headerTitle.png') no-repeat;
	margin-left:		160px;
}

/*
================================================================================
Main menu bar:
================================================================================
*/
div.mainMenuBar  {
	height:			24px;
	background:		url('images/mainMenuBackground.png') #006B5A repeat-y;
	padding-left:		160px;
}

/*
================================================================================
Sub menu bar:
================================================================================
*/
div.subMenuBar {
	height:			24px;
	background:		url('images/subMenuBackground.png') #009981 repeat-y;
	padding-left:		160px;
}

a.homeButton {
	position:		absolute;
	display:		block;
	width:			40px;
	height:			24px;
	left:			0px;
	background:		url('images/buttonHome.png');
	text-decoration:	none;
}

a.homeButton span.buttonLabel {
	color:			white;
	font-size:		8pt;
	position:		absolute;
	top:			-15px;
	display:		none;
	left:			7px;
}

a.homeButton:hover span.buttonLabel {
	display:		block;
}

a.mailButton {
	position:		absolute;
	display:		block;
	width:			40px;
	height:			24px;
	left:			40px;
	background:		url('images/buttonMail.png');
	text-decoration:	none;
}

a.mailButton span.buttonLabel {
	color:			white;
	font-size:		8pt;
	position:		absolute;
	top:			-15px;
	left:			1px;
	display:		none;
}

a.mailButton:hover span.buttonLabel {
	display:		block;
}

/*
================================================================================
Content:
================================================================================
*/
div.content {
	background:		url('images/contentLeftBackground.png') repeat-y;
	padding-left:		160px;
}

div.contentBody {
	padding-left:		16px;
	padding-right:		16px;
	padding-top:		8px;
	padding-bottom:		8px;
	text-align:		justify;
}

div.contentPhoto {
	position:		absolute;
	left:			0px;
	top:			144px;
	background:		url('images/contentLeftBackground.png') repeat-y;	
	
	width:			160px;
	height:			280px;
}

div.contentPhoto2 {
	position:		relative;
	top:			32px;
	width:			160px;
	height:			216px;
	/* background:		url('http://www.manegedehulhorst.nl/cms/templates/hulhorst/images/contentPhoto1.png') no-repeat; */
}

div.contentSpacer {
	width:			1px;
	height:			280px;
	float:			right;
}

/*
================================================================================
Footer:
================================================================================
*/
div.footerBar {
	background:		url('images/mainMenuBackground.png') #006B5A repeat-y;
	height:			24px;
	padding-left:		170px;
	
	color:			#AAAAAA;
	font-size:		8pt;
	line-height:		24px;
	
	clear:			both;
}

/*
================================================================================
Main menu module:
================================================================================
*/
ul.MMainMenu {
	display:	block;
	height:		24px;
	margin:		0px;
	padding:	0px;
	background:	url('images/006B5A.png');
}

ul.MMainMenu li {
	display:	block;
	height:		24px;
	float:		left;
}

ul.MMainMenu li a {
	color:			white;
	font-size:		16px;
	font-weight:		bold;
	text-decoration:	none;
	line-height:		24px;
}

ul.MMainMenu li.MMainMenu_start {
	width:		16px;
}
ul.MMainMenu li.MMainMenu_end {
	width:		16px;
}

ul.MMainMenu li.MMainMenu_spacer {
	width:		28px;
	background:	url('images/mainMenuSpacer.png');
}

ul.MMainMenu li.MMainMenu_activeStart {
	width:			8px;
	background:		url('images/mainMenuActiveStart.png');
}

ul.MMainMenu li.MMainMenu_active {
	/* background-color:	#009981; */
	background:		url('images/009981.png');
}

ul.MMainMenu li.MMainMenu_activeend {
	width:			8px;
	background:		url('images/mainMenuActiveEnd.png');
}

ul.MMainMenu li.MMainMenu_inactive {
	padding-left:		8px;
	padding-right:		8px;
}

/*
================================================================================
Submenu module:
================================================================================
*/
ul.MSubMenu {
	display:	block;
	margin:		0px;
	padding:	0px;
	height:		24px;
	background:	url('images/009981.png');
}

ul.MSubMenu li {
	display:	block;
	height:		24px;
	float:		left;
	padding-left:	16px;
}

ul.MSubMenu li a {
	color:			#FFFFFF;
	text-decoration:	none;
	font-size:		14px;
	font-style:		italic;
	line-height:		24px;
}

/*
================================================================================
Default border:
================================================================================
*/
div.Border_blackborder_u {
	width: 100%;
	background: url('images/blackborder_u.png') repeat-x;
}
div.Border_blackborder_b {
	background: url('images/blackborder_b.png') repeat-x bottom left;
}
div.Border_blackborder_l {
	background: url('images/blackborder_l.png') repeat-y top left;
}
div.Border_blackborder_r {
	background: url('images/blackborder_r.png') repeat-y top right;
}
div.Border_blackborder_ul {
	background: url('images/blackborder_ul.png') no-repeat top left;
}
div.Border_blackborder_ur {
	background: url('images/blackborder_ur.png') no-repeat top right;
}
div.Border_blackborder_bl {
	background: url('images/blackborder_bl.png') no-repeat bottom left;
}
div.Border_blackborder_br {
	background: url('images/blackborder_br.png') no-repeat bottom right;
	padding: 16px;
}
div.Border_blackborder_content {
	background-image: url('images/blackborder_solid.png');
	width: 100%;
}

/*
================================================================================
Editor and CMS classes:
================================================================================
*/
div.CParagraph {
	padding-bottom:	8px;
}

div.CEditParagraph {
	float: right;
}

div.CEditBar {
	border: solid 1px #993300;
	padding: 4px;
}

div.CParagraphEditor {
	border:	solid 1px #993300;
	background-color:	#009981;
	/* background:		url('images/009981.png'); */
	margin-bottom:		8px;
}

div.CParagraphEditor_top {
	display: block;
	background-color: #006B5A;
	padding: 4px;
	line-height: 32px;
}

div.CParagraphEditor_body {
	color:		#FFFFFF;
}

div.CParagraphEditor_body td {
	color:		#FFFFFF;
	font-family:	Helvetica, Arial, Sans-Serif;
	font-size:	12pt;
}

div.CParagraphEditor_body input, 
div.CParagraphEditor_body textarea,
div.CParagraphEditor_body select,
div.CParagraphEditor_top input,
div.CParagraphEditor_top select {
	border: solid 1px #993300;
	background-color: #FFFFFF;
}

div.CParagraphEditor_body input[type=submit],
div.CParagraphEditor_top input[type=submit] {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #009981;
}

div.CParagraphEditor_top img {
	border: solid 1px #993300;
}

div.CParagraphEditor a {
	color:		white;
}

div.CParagraphEditor h1 {
	background:	none;
	color:		#FFFFFF;
	padding-left:	0px;
}

div.listitem {
	display: list-item;
	list-style-position: inside;
	margin: 0px;
}

table.formatCodesHelp {
	border-collapse:	collapse;
}

table.formatCodesHelp td {
	border:			solid 1px #993300;
}

table.formatCodesHelp th {
	border:			solid 1px #993300;
	color:			#FFFFFF;
}

img.helpImage {
	border:			none;
}

/*
================================================================================
Table:
================================================================================
*/
table.MTable {
	border-collapse:	collapse;
}

table.MTable td {
	border:			solid 1px #006666;
	padding:		2px;
}

td.MTable_header {
	background-color:	#009981;
	font-weight:		bold;
	color:			#FFFFFF;
}

td.MTable_cell {
	background-color:	#FFFFFF;
}

.MTableEditor_header {
	color:			#009981;
}

/*
================================================================================
Nieuwsberichten:
================================================================================
*/
div.MNews {
}

div.MNews_title {
	background-color:	#993300;
	color:			#FFFFFF;
	font-weight:		bold;
	line-height:		24px;
	padding-left:		2px;
	margin-top:		4px;
}

div.MNews_title a {
	color:			#FFFFFF;
}

div.MNews_date {
	/* background-color: 	#006B5A; */
	background:		url('images/006B5A.png');
	color:			#FFFFFF;
	padding:		2px;
	padding-bottom:		0px;
	font-size:		10pt;
}

/*
================================================================================
Horizontale ruler:
================================================================================
*/
hr.MRuler {
	border:			solid 1px #993300;
	color:			#993300;			/* IE */
	background-color:	#993300;			/* Mozilla/Opera */
	height:			1px;
}

/*
================================================================================
Links, history, file download:
================================================================================
*/
div.MHyperlink, div.MHistory, div.MFileDownload {
	line-height:		24px;
	height:			24px;
}

div.MHyperlink a, div.MHistory a, div.MFileDownload a{
	cursor:			pointer;
	color:			#FFFFFF;
	text-decoration:	none;
	font-weight:		bold;
	font-size:		14px;

	display:		block;
	width:			180px;
	height:			24px;
}

div.MHistory a {
	width:			100px;
}

span.MHyperlink_before {
	display:	block;
	background:	url('images/linkLeft.png') no-repeat;
}

span.MHyperlink_after {
	display:	block;
	background:	url('images/linkRight.png') top right no-repeat;
}

span.MHyperlink_back {
	text-align:	center;
	
	display:	block;
	width:		180px;
	height:		24px;
	
	background:	url('images/linkBack.png') repeat-x;
}

div.MHistory span.MHyperlink_back {
	width:		100px;
}

span.MHyperlink_text {
	margin-left:	24px;
	margin-right:	24px;
}

/*
================================================================================
Agenda:
================================================================================
*/
table.MCalendar {
	border-collapse:	collapse;
}

td.MCalendar_header {
	border: solid 1px #993300;
	background-color: #993300;
	color: #FFFFFF;
	font-weight: bold;
}

td.MCalendar_item {
	border: solid 1px #009981;
	background-color: #FFFFFF;
	padding: 4px;
}

/*
================================================================================
Form:
================================================================================
*/
div.MForm {
	text-align: center;
}

table.MForm input, table.MForm textarea, table.MForm select {
	border: solid 1px #993300;
	background-color: #009981;
	color: white;
	font-weight: bold;
}

/*
================================================================================
Password:
================================================================================
*/
div.MPassword {
	text-align: center;
}

div.MPassword h1 {
	text-align: left;
}

div.MPassword input {
	border: solid 1px #993300;
	background-color: #009981;
	color: #FFFFFF;
	margin: 4px;
}

/*
================================================================================
User menu:
================================================================================
*/
div.MUserMenu {
	display:	block;
	text-align:	center;
	padding:	2px;
}

div.MUserMenu	 input {
	border: solid 1px #993300;
	background-color: #009981;
	color: #FFFFFF;
	margin: 4px;
}

}

/*
================================================================================
Printing layout:
================================================================================
*/
@media print {

body {
	font-family:	Helvetica, Arial, Sans-Serif;
	text-align:	justify;
}

.printHide {
	display:	none;
}

div.headerBar {
	font-size:	20pt;
	font-weight:	bold;
}

div.mainMenuBar, div.subMenuBar, div.contentPhoto {
	display:	none;
}

div.CParagraph {
	padding-bottom:		8px;
}

table.MTable {
	border-collapse:	collapse;
}

table.MTable td {
	border:			solid 1px black;
	padding:		4px;
}

td.MTable_header {
	font-weight:		bold;
}

div.MNews_title {
	border:			solid 1px black;
	font-weight:		bold;
	padding:		4px;
}

div.MNews_date {
	border:			solid 1px black;
	padding:		4px;
}

div.MHistory {
	display:		none;
}

table.MCalendar {
	border-collapse:	collapse;
}

td.MCalendar_header {
	border:			solid 1px black;
	font-weight:		bold;
	padding:		4px;
}

td.MCalendar_item {
	border:			solid 1px black;
	padding:		4px;
}

div.MForm {
	display:		none;
}

}