body
{
	margin: 0px;
	font-family: arial;
}
a
{
	color: black;
	text-decoration: underline;
}
a:active
{
	color: black;
	text-decoration: underline;
}
a:hover
{
	color: black;
	text-decoration: underline;
}
a:visited
{
	color: black;
	text-decoration: underline;
}

/*
------------------------------------------------------------
BEGIN Styles voor CMS
------------------------------------------------------------
*/
.MainTable
{
	width: 926px;
	height: 620px;
	position: relative;
	top: 100px;
}
.MainBlock
{
	width: 897px;
	height: 590px;
	border-left:1px solid #858585;
	border-top:1px solid #858585;
	vertical-align: top;
}
.MainTitle
{
	height: 47px;
	width: 897px;
}
.MainTitleImage
{
	height: 98px;
	width: 897px;
}
.MainBorderright
{
	width: 29px;
	background-image: url(../imageswebsite/mt/rightborderbg.gif);
	height: 100%;
	vertical-align: top;	
}
.MainFooter
{
	height: 29px;
}
/* Main menu */
.mainmenudiv
{
	width: 598px;
	height: 22px;
	background-color: #BA1E55;
	color: #FFFFFF;
	float: left;
	overflow: hidden;
}
.mainmenuleft
{
	width: 22px;
	float: left;
}
a.MainmenuItem, a.MainmenuItem:active, a.MainmenuItem:visited, a.MainmenuItem:hover
{
	height: 22px;
	width: 95px;
	_width: 96px;
	background-color: #BA1E55;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial;
	vertical-align: middle;
	line-height: 22px;
	position: relative;
	border-left: 1px solid #ffffff;
	text-decoration: none;
	display: block;
	float: left;
}
a.MainmenuItemHover, a.MainmenuItemHover:active, a.MainmenuItemHover:visited, a.MainmenuItemHover:hover
{
	height: 22px;
	width: 95px;
	_width: 96px;
	background-color: #58862C;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial;
	vertical-align: middle;
	line-height: 22px;
	position: relative;
	border-left: 1px solid #ffffff;
	text-decoration: none;
	display: block;
	float: left;
}
.menudiv
{
	position: absolute;
	display: none;
	width: 95px;
	background-color: #58862C;
	z-index: 150;
	border-top: 1px solid #ffffff;
}
a.menuitem, a.menuitem:visited, a.menuitem:active
{
	width: 95px;
	color: #000000;
	background-color: #58862C;
	vertical-align: middle;
	line-height: 22px;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	float: left;
}
a.menuitem:hover
{
	color: #FFFFFF;
	vertical-align: middle;
	line-height: 22px;
	font-size: 11px;
	font-family: Arial;
	text-decoration: none;
	float: left;
}
.mainmenuright
{
	width: 298px;
	height: 22px;
	background-color: #58862C;
	color: #FFFFFF;
	font-size: 11px;
	font-family: Arial;
	float: right;
	text-align:right;
	line-height: 22px;
	vertical-align: middle;
}
.mainmenuright a, .mainmenuright a:hover, .mainmenuright a:visited, .mainmenuright a:active
{
	color: #ffffff;
	text-decoration: none;
}

/* Scrollbars */
/*  scrollgeneric is used for corrective styling of elements, and should not be modified or removed */ 
.scrollgeneric {
line-height: 1px;
font-size: 1px;
position: absolute;
top: 0; left: 0;
}

.vscrollerbar {
width: 15px;
background: #58862C;
}
.vscrollerbarbeg {
height: 24px !important;
width: 12px;
background: #58862C;
}
.vscrollerbarend {
/* height of this element should be set */
height: 24px;
width: 12px;
background: #58862C;
}

.vscrollerbase {
width: 12px;
background: #ffffff;
}
.vscrollerbasebeg {
width: 15px;
height: 15px !important;
background-image: url(../imageswebsite/mt/up.gif);
background-position: -1 0;
}
.vscrollerbaseend {
height: 15px;
width: 15px;
background-image: url(../imageswebsite/mt/down.gif);
background-position: -1 0;
}

/* do not forget to give horizontal scrollbars some color properties even if you don't plan on using them */
.hscrollerbase 
{height: 16px; background-color: white;}
.hscrollerbar 
{height: 16px; background-color: #58862C;}
.vscrollerbar, .hscrollerbar 
{padding: 28px;z-index: 2;}

.scrollerjogbox 
{width: 15px;height: 9px;top: auto; left: auto;bottom: 0px; right: 0px;background: white;}

/* TEMPLATE HOME */
.homeleft
{
	width: 310px;
	height: 317px;
	vertical-align:top;
	float: left;
	overflow: hidden;
}
.homemiddle
{
	width: 289px;
	height: 317px;
	vertical-align:top;
	float: left;
	overflow: hidden;
}
.homeright
{
	width: 298px;
	height: 317px;
	vertical-align:top;
	float: left;
	overflow: hidden;
}
.homebottomleft
{
	width: 577px;
	height: 112px;
	vertical-align:top;
	float: left;
	overflow: hidden;
	border-top: 1px solid #58862C;
	margin-left: 22px;
}
.homebottomright
{
	width: 298px;
	height: 112px;
	vertical-align:top;
	float: right;
	overflow: hidden;
}

.cBlokHomeLinks
{
	position: relative;
	top: 42px;
	padding-left: 22px;
	padding-right: 22px;
	border-right: 1px solid #58862C;
}
.cBlokHomeLinks td
{
	vertical-align: top;
}
.cBlokHomeLinksTitel
{
	color: #BA1E55;
	font-family: Arial;
	font-size: 22px;
	margin: 0px;
	margin-bottom: 12px;
}
.cBlokHomeLinksTekst
{
	font-family: Arial;
	color: Black;
	font-size: 12px;
	height: 200px;
}
.cBlokHomeLinksPlaatje
{

}

.cBlokHomeMidden
{
	position: relative;
	top: 42px;
	padding-left: 22px;
	padding-right: 22px;
}
.cBlokHomeMiddenTitel
{
	color: #58862C;
	font-family: Arial;
	font-size: 22px;
	margin: 0px;
	margin-bottom: 12px;
}
.cBlokHomeMiddenTekst
{
	font-family: Arial;
	color: Black;
	font-size: 12px;
}
.cBlokHomeMiddenPlaatje
{
}

.cBlokHomeImage
{
	
}
.cBlokHomeImageTitel
{
	padding-top: 42px;
	padding-left: 22px;
	padding-right: 22px;
	color: #BA1E55;
	font-family: Arial;
	font-size: 16px;
	margin: 0px;
	margin-bottom: 12px;
}
.cBlokHomeImageTekst
{
	position: relative;
	left: 22px;
	padding-right: 22px;
	width: 254px;
	font-family: Arial;
	color: Black;
	font-size: 12px;
}
.cBlokHomeImagePlaatje
{
}

.cBlokHomeLaag
{
	margin-top: 5px;
}
.cBlokHomeLaagTitel
{
	color: #BA1E55;
	font-family: Arial;
	font-size: 13px;
	margin: 0px;
	margin-top: 5px;
	margin-bottom: 8px;
	padding-left: 10px;
}
.cBlokHomeLaagTekst
{
	font-family: Arial;
	color: Black;
	font-size: 11px;
	padding-right: 22px;
	padding-left: 10px;
}
.cBlokHomeLaagPlaatje
{
	padding-right: 10px;
	border-right: 1px solid #58862C;
}

.cBlokHomeContact
{
	padding-left: 10px;
	padding-right: 22px;
	padding-top: 18px;
	border-top: 1px solid #58862C;
}
.cBlokHomeContactTitel
{
	color: #BA1E55;
	font-family: Arial;
	font-size: 12px;
	margin: 0px;
	margin-bottom: 12px;
}
.cBlokHomeContactTekst
{
	font-family: Arial;
	color: Black;
	font-size: 10px;
	text-align: right;
	width: 100%;
}
.cBlokHomeContactTekst a, .cBlokHomeContactTekst a:hover, .cBlokHomeContactTekst a:visited, .cBlokHomeContactTekst a:active
{
	text-decoration: none;
}

/* TEMPLATE CONTENT */
.contentleft
{
	width: 599px;
	height: 428px;
	vertical-align:top;
	float: left;
	overflow: hidden;
}
h1
{
	color: #58862C;
	font-family: Arial;
	font-size: 22px;
	margin-top: 40px;
	margin-bottom: 15px;
	padding-left: 22px;
}
.contentright
{
	width: 298px;
	height: 429px;
	vertical-align:top;
	float: right;
	overflow: hidden;
}
.contentlefttext
{
	width: 582px;
	height: 344px;
	vertical-align:top;
	float: left;
	overflow: auto; 
}
.contentrightimage
{
	height: 428px;
	border-left: 1px solid #58862C;
	z-index: 5;
	position: relative;
	width: 298px;
}
.contentrightcontact
{
	position: relative;
	top: -99px;
	height: 100px;
	z-index: 10;
	width: 298px;
	background-color: #BA1E55;
	FILTER: Alpha(Opacity=80);
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity:0.8;
}

.cBlokContent
{
	padding-left: 22px;
	width: 500px;
	margin-bottom: 20px;
}
.cBlokContent td
{
	vertical-align: top;
	padding-bottom: 0px;
}
.cBlokContentTitel
{
	color: #BA1E55;
	font-family: Arial;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.cBlokContentTekst
{
	font-family: Arial;
	color: Black;
	font-size: 12px;
}
.cBlokContentTekst p
{
	margin-top: 0px;
}
.cBlokContentPlaatje
{
	
}

.cBlokContentImage
{
	width: 298px;
	height: 432px;
	position: relative;
	top: -3px; 
	z-index: 50;
}
.cBlokContentImageTitel
{
	color: #BA1E55;
	font-family: Arial;
	font-size: 10px;
	margin: 0px;
	margin-bottom: 12px;
}
.cBlokContentImageTekst
{
	font-family: Arial;
	color: Black;
	font-size: 12px;
}
.cBlokContentImagePlaatje
{
	
}

.cBlokContentContact
{
	height: 100px;

}
.cBlokContentContactTitel
{
	color: #ffffff;
	font-family: Arial;
	font-size: 10px;
	margin: 0px;
	margin-bottom: 12px;
}
.cBlokContentContactTekst
{
	font-family: Arial;
	color: #ffffff;
	font-size: 10px;
	text-align: right;
	width: 274px;
}
.cBlokContentContactTekst a, .cBlokContentContactTekst a:active, .cBlokContentContactTekst a:hover, .cBlokContentContactTekst a:visited
{
	color: #ffffff;
	text-decoration: none;
}
.cBlokContentContactPlaatje
{
	
}

/* TEMPLATE Portfolio */
.portfolioleft
{
	margin-left: 22px;
	width: 566px;
	height: 344px;
	vertical-align:top;
	overflow-y: auto;
	overflow-x: hidden;
}
.portfoliorighttop
{
	width: 250px;
	height: 80px;
}
.portfolioright
{
	padding-left: 10px;
	height: 326px;
	width: 276px;
	_height: 345px;
	_width: 286px;
	border-left: 1px solid #58862C;
	font-family: Arial;
	font-size: 12px;
	padding-bottom: 20px;
	overflow: auto;
}

cBlokPortfolioRechtsTekst.portfolioright a, cBlokPortfolioRechtsTekst.portfolioright a:visited, cBlokPortfolioRechtsTekst.portfolioright a:active, 
.portfolioright a, .portfolioright a:visited, .portfolioright a:active
{
	text-decoration: none;
	font-size: 10px;
	line-height: 12px;
}
cBlokPortfolioRechtsTekst.portfolioright a:hover, .portfolioright a:hover
{
	font-weight: bold;
	font-size: 10px;
	line-height: 12px;
	color: #BA1E55;
	text-decoration: none;
}
a.portfolioactivelink, a.portfolioactivelink:visited, a.portfolioactivelink:active, a.portfolioactivelink:hover
{
	font-weight: bold;
	font-size: 12px;
	color: #BA1E55;
}
.portfolioafbeeldingtekst
{
	float:left;
	font-family: Arial;
	font-size: 12px;
	width: 180px;
}
.portfolioafbeelding
{
}
.portfolioafbeeldingbox
{
	height: 304px;
	width: 599px;
	overflow: hidden;
}
.portfolioafbeeldingbuttons
{
	padding-top: 10px;
}
h1.portfoliobreadcrumb
{
	font-family: arial;
	font-size: 16px;
	color: Black;
}
h1.portfoliobreadcrumb a, h1.portfoliobreadcrumb a:active, h1.portfoliobreadcrumb a:visited
{
	text-decoration: none;
}
h1.portfoliobreadcrumb a:hover
{
	text-decoration: none;
	color: #58862C;
}

.cBlokPortfolio
{
	width: 480px;
}
.cBlokPortfolio td
{
	vertical-align: top;
}
.cBlokPortfolioTitel
{
	color: #BA1E55;
	font-family: Arial;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.cBlokPortfolioTekst
{
	font-family: Arial;
	color: Black;
	font-size: 12px;
}
.cBlokPortfolioTekst p
{
	margin-top: 0px;
}
.cBlokPortfolioPlaatje
{
	
}
.cBlokPortfolioRechtsTekst
{
	font-family: Arial;
	font-size: 10px;
	line-height: 12px;
}


/* Contactformulier */
.contactformulier
{
	padding-left: 22px;
}
.contacttextbox
{
	width: 459px;
	height: 22px;
	background-color: #58862C;
	border: 1px solid #58862C;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
}
.contacttextarea
{
	width: 459px;
	height:148px;
	background-color: #58862C;
	border: 1px solid #58862C;
	font-family: Arial;
	font-size: 12px;
	color: #FFFFFF;
	overflow: auto;
}
.contactbuttons
{
	width: 459px;
	margin-top: 2px;
}
a.button, a.button:visited, a.button:active, a.button:hover,
a.buttonright, a.buttonright:visited, a.buttonright:active, a.buttonright:hover
{
	background-color: #BA1E55;
	width: 113px;
	height: 20px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	text-decoration: none;
	font-size: 12px;
	display: block;
}
a.button, a.button:visited, a.button:active, a.button:hover,
a.buttonhover, a.buttonhover:hover, a.buttonhover:visited, a.buttonhover:active
{
	float:left;
	border-right: 1px solid #ffffff;
}
a.buttonright, a.buttonright:visited, a.buttonright:active, a.buttonright:hover,
a.buttonrighthover, a.buttonrighthover:hover, a.buttonrighthover:visited, a.buttonrighthover:active
{
	float: right;
	border-left: 1px solid #ffffff;
}

a.buttonhover, a.buttonhover:hover, a.buttonhover:visited, a.buttonhover:active,
a.buttonrighthover, a.buttonrighthover:hover, a.buttonrighthover:visited, a.buttonrighthover:active
{
	background-color: #58862C;
	width: 113px;
	height: 20px;
	color: #ffffff;
	text-align: center;
	vertical-align: middle;
	line-height: 20px;
	text-decoration: none;
	font-size: 12px;	
	display: block;
}
h2
{
	color: #BA1E55;
	font-family: Arial;
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
h3
{
	color: #58862C;
	font-family: Arial;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 8px;
	padding-bottom: 0px;
}