﻿/* basis kleuren
groen:			66B253
donker-groen:	599B48
blauw:			009EE0
donker-blauw:	136894
oranje:	F68933
*/

body 
{
	margin: 0px;
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: white;
	background-color:#cccccc;
	height:100%;
}

table {
	xheight: 100%; 
	xwidth: 100%; 
	}

td {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color: #004A8D;
}
p 
{
	margin-top: 0px;
	margin-bottom: 20px;
}
a, a:hover {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	color:#004A8D;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
h1 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 18px;
	color:#004A8D;
	font-weight: normal;
}
h2 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
	color:#004A8D;
	font-weight: bold;
	margin-bottom: 0px;
}
h3 {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 13px;
	color:#004A8D;
	font-weight: bold;
}
.wholepage
{
	width:100%;
	height: 100%;
	background-color:#cccccc
}
.designedpage 
{
	width:990px;
	height: 100%;
	color: Black;
	background-color: #136894;
}
.logoplaceholder {
	background:white url(../images/toplogo.jpg) right top no-repeat;
	height: 104px;
}
.logobannerplaceholder {
	background:white url(../images/toplogo.jpg) center center no-repeat;
	height: 104px;
	margin-right:2px;
}

.logobannerplaceholder a{
	display:block;
	height: 104px;
	margin-right:2px;
}

.toplinesplaceholder 
{
	background: white url(../images/home_mm.jpg) no-repeat right top;
	background-position:left top;
	background-repeat:no-repeat;
	height: 69px;
	width: 515px;
}
.filler1pix
{
	font-size: 1px;
}
.divider 
{
	height: 10px;
	font-size: 1px;
	line-height: 10px;
	float: none;
}
/* formulier */
input, .input, textarea {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 12px;
	color: black;
}
.maincontent {
	color: black;
}
.maincontent p, .maincontent td, .mceContentBody
{
	line-height: 22px;	
}

.form
{
	padding: 0;
	height: auto;
}
.form tr
{
	height: 22px;
}
.form td
{
	padding: 0 2px 0 2px;
}


/* main menu */

.menukolom {
	background: transparent url(../images/menukolomback.gif) repeat-y left top;
	text-align: right;
}
.menuleftback {
	width: 170px;
	height: 322px;
	background-color: #66B253;
	vertical-align:top;
}
.menuleftbottomback 
{
	padding-top: 10px;
	padding-bottom: 10px;
	width: 170px;
	height: 100%;
	background-color: #009EE0;
	text-align: right;
}
.menuback * 
{
	text-align:right;
}
.menuleft 
{
	margin-top: 0px;
	vertical-align: top;
	text-align: right;
}
.menulefttop 
{
	background: url(../images/home_mlt.jpg) repeat-x top left;
	width: 170px;
	height: 104px;
}
.menuright
{
	width: 308px;
	vertical-align: top;
	margin: 0;
	background-color: #ffffff;
}
.menurighttop 
{
	height: 173px;
	width: 308px;
}
.menurightcontent
{
	background-image: url(../images/home_mrm.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	vertical-align: top;
	width: 308px;
	height: 343px;
}
.menurightcontent .header
{
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 10px;
	letter-spacing: 1px;
}
.menurightcontent .content
{
	font-size: 9pt;
	margin-left: 20px;
	line-height: 16px;
	margin-right: 30px;
	letter-spacing: 1px;
}
/* IE HAX \*/
* html body .menuback {
	width: 231px;
	}
/* */
/* menu */

.menuitem {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color:white;	
	font-weight: bold;
	text-decoration: none;
	line-height: 22px;
	padding-right: 15px;
	display: block;
	margin-bottom: -11px;
}
.menuleftbottomback .menuitem {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color:white;
	font-weight: normal;	
	text-decoration: none;
	line-height: 15px;
	padding-right: 15px;
	display: block;
}

.menuitem:hover, 
.menuitem-selected, 
.menuitem-selected:hover {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	color:white;	
	font-weight: bold;
	text-decoration: none;
	line-height: 22px;
	padding-right: 15px;
	display: block;
	margin-bottom: -11px;
	background-color: #599B48;
}
.menuleftbottomback .menuitem:hover, 
.menuleftbottomback .menuitem-selected, 
.menuleftbottomback .menuitem-selected:hover {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
	font-weight: normal;
	color:white;	
	text-decoration: none;
	line-height: 15px;
	padding-right: 15px;
	display: block;
	xmargin-bottom: -11px;
	background-color: #136894;
}

/* submenu */

.xsubmenu {
	width: 180px;
	margin-top:10px;
	}

.submenuitem 
{
	display:block;
	
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:white;	
	text-decoration: none;
	text-align:left;
	
	height: auto;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
}
/* IE HAX \*/
* html body .submenuitem 
{
	height: 20px;
	width: 180px;
	}
/* */

.submenuitem:hover, .submenuitem-selected, .submenuitem-selected:hover {
	display:block;

	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color:#ffffff;	
	text-decoration: none;
	text-align:left;
	
	height: auto;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 4px;
	
	background-image: none;
	background-color: #136894;

}
/*\*/
* html body .submenuitem:hover, 
* html body .submenuitem-selected, 
* html body .submenuitem-selected:hover {
	height: 20px;
	width: 180px;
	}

/* footer */

.footerleft 
{
	height: 50px;
	background-color: #136894;
	text-align:center;
	padding-right: 10px;
	vertical-align: text-bottom;
	vertical-align:	bottom;
	padding-bottom: 10px;
}

.footermiddle 
{
	font-size: 8pt;
	height: 50px;
	background-color: #136894;
	text-align: left;
	padding: 0 15 10 15;
	vertical-align: text-bottom;
	vertical-align:	bottom;
	margin-bottom: 5px;
	color:White;
}

.footerleft a {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color:#dddddd;	
	text-decoration: none;
}
.footerleft a:hover {
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color:#eeeeee;	
	text-decoration: none;
}
.zoekpanel
{
	height: 50px;
	width: 308px;
	vertical-align: middle;
	text-align:center;
	background-color: #136894;
}
.lichtblauw
{
	background-color: #009EE0;
}
.donkerblauw
{
	background-color: #136894;
}
.zoektext
{
	xmargin-top: 10px;
	xpadding-top: 10px;
}
.zoekbutton,
.zoekbutton:hover
{
	padding-left: 15px;
	padding-top: 10px;
	color: #eeeeee;
	text-decoration: none;
	cursor: hand;
	cursor: pointer;
	
}
.zoekbutton:hover 
{
	color: #ffffff;
}
.project-navigation,
.project-navigation a,
.project-navigation a:hover,
.project-header  h1,
.project-header 
{
	color: Black;
}
.project-navigation span 
{
	color: Black;
	font-size: 9px;
}
.projectlist-text 
{
	text-decoration: underline;
	cursor: pointer;
	color: black;
}
.projectlist-text-selected 
{
	color:Black;
	text-decoration: none;
	cursor: pointer;
}	
/*	Vacature																	*/

.vacancy 
{
	background-image: url(../images/nieuws_content_leftline.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 0 20 0 20;
	width: 515px;
	color: Black;
}
.vacancy h1 
{
	color: Black;
}
/*	Nieuws																		*/
.nieuwscontentcontainer
{
	background:#FFFFFF url(../images/nieuws_content_back.gif) no-repeat left top;
	margin-right: 20px;
	width: 497px;
	color: Black;
}
* html body .newscontentcontainer 
{
	width: 517px;
}
a.butprint,
a.butprint:hover 
{
	height: 2px;
	padding-top:7px;
	margin-top:7px;
}
.nieuwsitem 
{
	background-image: url(../images/nieuws_content_leftline.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding: 0 20px 0 20px;
	
	color: Black;
}
.nieuwsitem a
{
	color: #000000;
	text-decoration: underline;
	cursor: hand;
	cursor: pointer;
}
.nieuwsitem a:hover 
{
	color: black;
	text-decoration: underline;
	cursor: hand;
	cursor: pointer;
}
.nieuwsitem .text a
{
	color: #000000;
	text-decoration: underline;
	cursor: hand;
	cursor: pointer;
}
.nieuwsitem .text a:hover 
{
	color: black;
	text-decoration: underline;
	cursor: hand;
	cursor: pointer;
}
.nieuwsitem .title 
{
	color: Black;
	font-size: 10pt;
	line-height: 10px;
	font-weight: bold;	
	
}
.nieuwsitem .title h1
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 13px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 3px;
}
.nieuwsitem .text h1
{
	font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	line-height: 11px;
	color: #000000;
	font-weight: bold;
	margin-bottom: 1px;

}
.nieuwsitem .text 
{
	color: Black;
}
.nieuwsmenuright
{
	background-image: url(../images/nieuws_mrm.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	vertical-align: top;
	width: 308px;
	height: 343px;
}
.nieuwsmenuright .header
{
	margin-top: 10px;
	margin-left: 20px;
	margin-right: 10px;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
}
.nieuwsmenuright .header h1 
{
	color: White;
	font-size: 10pt;
	font-weight: bold;
}
.nieuwsmenuright .content
{
	font-size: 9pt;
	margin-left: 20px;
	line-height: 16px;
	margin-right: 20px;
	letter-spacing: normal;
}

.linkcontainer
{
	width: 450px;
	text-align: right;
	
}
.link 
{
	padding: 2 15 2 15;
	background-color: #009EE0;
	float: right;
	margin-top:5px;
}
#divForm {width:480px;}
.link a,
.link a:hover 
{
	text-decoration:none;
	color: #ffffff;
	cursor: hand;
	cursor: pionter;
}

.detaillink a
{
	display:block;
	font-size: 9pt;
	color:#c7e9fb;	
	text-decoration: none;
	text-align:left;
	width: 100%;
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.detaillink a:hover,
.detaillink a.selected,
.detaillink a.selected:hover 
{
	display:block;
	font-size: 9pt;
	color:#ffffff;	
	text-decoration: none;
	text-align:left;
	width: 100%;
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	background-color: #136894;
}
.archivelink
{
	text-align: right;
	padding-top: 20px;
}
.archivelink a 
{
	display:block;
	font-size: 9pt;
	color:#c7e9fb;	
	text-decoration: none;
	text-align: right;
	width: 100%;
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.archivelink a:hover 
{
	display:block;
	font-size: 9pt;
	color:#ffffff;	
	text-decoration: none;
	text-align: right;
	width: 100%;
	height: auto;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}

/*	Photo																		*/
.photocontainer 
{
	float: left;
	padding-top: 4px;
	padding-right: 4px;
}
.photocontainer .text 
{
	float: right;
}
.photoborderrighttop 
{
	background-image: url(../images/border/photoborderrighttop.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 6px;
	height: 6px;
	font-size: 1px;
}
.photoborderright 
{
	background-image: url(../images/border/photoborderright.jpg);
	background-position: left top;
	background-repeat:	repeat-y;
	width: 5px;
	font-size: 1px;
}
.photoborderbottomleft 
{
	background-image: url(../images/border/photoborderbottomleft.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	width: 6px;
	height: 5px;
	font-size: 1px;
}
.photoborderbottom 
{
	background-image: url(../images/border/photoborderbottom.jpg);
	background-position: left top;
	background-repeat: repeat-x;
	height: 5px;
	font-size: 1px;
}
.photoborderbottomright 
{
	background-image: url(../images/border/photoborderbottomright.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	height: 5px;
	width: 5px;
	font-size: 1px;
}
/*	gallery																		*/
.gallery 
{
	width: 470px;
}
.galleryitem1
{
	margin-right:10px;
	margin-bottom: 10px;
	float: left;
	clear: left;
	width: 210;
}
.galleryitem2
{
	margin-bottom: 10px;
	float: right;
	width: 210;
}
.galleryitem1 img, .galleryitem2 img {
	cursor: pointer;
	_cursor: hand;
}
/*	vacatures - IFRAME															*/
.vacatures 
{
	background-color: White;
	border: none;
	width: 475px;
	color: Black;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px -5px;
}
.vacatures .pagetitle 
{
	visibility: hidden;
}
/* */
