html, body {
	height: 100%;
}

body {
	margin: 0px;
}

a:link,
a:visited,
a:active {
	text-decoration: none; 
}
a:hover {
	text-decoration: underline; 
}

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

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

img,
img a {
	border: 0px;
}

body, td, input, select, textarea {
	font: normal 10px/18px Verdana, Arial, Helvetica, sans-serif;
}

h2 {
	font: bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #6f7683;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.contentLinks h2 {
	font: bold 10px/25px Verdana, Arial, Helvetica, sans-serif;
	color: #6f7683;
	margin: 0px 0px 0px 0px;
	text-align: right;
}

h3 {
	font: bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #453366;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p {
	margin: 0px 0px 18px 0px;
}



/* CONTAINERS */
.container {
	width: 836px;
	_height: 18px;
	min-height: 18px;
	margin: 0px auto 0px auto;
}

.containterHeader {
	width: 836px;
	height: 136px;
	overflow: hidden;
}

.containterContent {
	width: 836px;
	_height: 286px;
	min-height: 286px;
	overflow-x: hidden;
}

.containterFooter {
	width: 836px;
	height: 106px;
	overflow-x: hidden;
	clear: both;
}

/* Projecten */
.projecten {
	color:#6f7784;
	font-size:11px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

hr.projecten {
	height: 1px;
	border:0,5px solid;
}

h2.projecten {
	font-weight:bold;
	color:#ed6310;
}

ul.projecten {
	list-style:none;
	margin:0px 0px 15px 0px;
}

/* KLEUREN */
.paars {
	color: #8b0061;
}
.bgPaars {
	background-color: #8b0061;
}

.groen {
	color: #95c500;
}
.bgGroen {
	background-color: #95c500;
}

.oranje {
	color: #ff6500;
}
.bgOranje {
	background-color: #ff6500;
}

.blauw {
	color: #008de0;
}
.bgBlauw {
	background-color: #008de0;
}

.algemeen {
	color: #008de0;
}
.bgAlgemeen {
	background-color: #008de0;
}



/* ALGEMENE PAGINA-STIJLEN */
.pagStylePaars {
	color: #453366;
}
.pagStyleGroen {
	color: #453366;
}
.pagStyleOranje {
	color: #453366;
}
.pagStyleBlauw {
	color: #453366;
}
.pagStyleAlgemeen {
	color: #453366;
}

.pagStylePaars a:link,
.pagStylePaars a:active,
.pagStylePaars a:visited,
.pagStylePaars a:hover {
	color: #8b0061;
}

.pagStyleGroen a:link,
.pagStyleGroen a:active,
.pagStyleGroen a:visited,
.pagStyleGroen a:hover {
	color: #95c500;
}

.pagStyleOranje a:link,
.pagStyleOranje a:active,
.pagStyleOranje a:visited,
.pagStyleOranje a:hover {
	color: #ff6500;
}

.pagStyleBlauw a:link,
.pagStyleBlauw a:active,
.pagStyleBlauw a:visited,
.pagStyleBlauw a:hover {
	color: #008de0;
}

.pagStyleAlgemeen a:link,
.pagStyleAlgemeen a:active,
.pagStyleAlgemeen a:visited,
.pagStyleAlgemeen a:hover {
	color: #008de0;
}

.pagStylePaars .containterContent {
	background: url(images/bg-content-paars.gif) 0px 28px no-repeat;
}
.pagStyleGroen .containterContent {
	background: url(images/bg-content-groen.gif) 0px 28px no-repeat;
}
.pagStyleOranje .containterContent {
	background: url(images/bg-content-oranje.gif) 0px 28px no-repeat;
}
.pagStyleBlauw .containterContent {
	background: url(images/bg-content-blauw.gif) 0px 28px no-repeat;
}
.pagStyleAlgemeen .containterContent {
	background: url(images/bg-content-blauw.gif) 0px 28px no-repeat;
}


/* HEADER */
.pagStylePaars .containterHeader {
	background: url(images/header-paars.jpg) 0px 15px no-repeat;
}
.pagStyleGroen .containterHeader {
	background: url(images/header-groen.jpg) 0px 15px no-repeat;
}
.pagStyleOranje .containterHeader {
	background: url(images/header-oranje.jpg) 0px 15px no-repeat;
}
.pagStyleBlauw .containterHeader {
	background: url(images/header-blauw.jpg) 0px 15px no-repeat;
}
.pagStyleAlgemeen .containterHeader {
	background: url(images/header-algemeen.jpg) 0px 15px no-repeat;
}


/* MENU */
/* Hoofdmenu */
.menu {
	width/**/:/**/742px; /* 836px */
	height: 28px;
	padding: 0px 0px 0px 94px;
	overflow: hidden;
	background-color: #6f7683;
}

.menuitem {
	width: 121px;
	height: 28px;
	overflow: hidden;
	float: left;
}

.menuitem a:link,
.menuitem a:active,
.menuitem a:visited,
.menuitem a:hover {
	display: block;
	float: left;
	height: 28px;
	overflow: hidden;
}

.menuitem a.item1:link,
.menuitem a.item1:active,
.menuitem a.item1:visited {
	width: 35px;
	background: url(images/menu-item1.gif) top left no-repeat;
}
.menuitem a.item1:hover {
	background: url(images/menu-item1.gif) top right no-repeat;
}

.menuitem a.item2:link,
.menuitem a.item2:active,
.menuitem a.item2:visited {
	width: 34px;
	background: url(images/menu-item2.gif) top left no-repeat;
}
.menuitem a.item2:hover {
	background: url(images/menu-item2.gif) top right no-repeat;
}

.menuitem a.item3:link,
.menuitem a.item3:active,
.menuitem a.item3:visited {
	width: 57px;
	background: url(images/menu-item3.gif) top left no-repeat;
}
.menuitem a.item3:hover {
	background: url(images/menu-item3.gif) top right no-repeat;
}

.menuitem a.item4:link,
.menuitem a.item4:active,
.menuitem a.item4:visited {
	width: 67px;
	background: url(images/menu-item4.gif) top left no-repeat;
}
.menuitem a.item4:hover {
	background: url(images/menu-item4.gif) top right no-repeat;
}

.menuitem a.item5:link,
.menuitem a.item5:active,
.menuitem a.item5:visited {
	width: 58px;
	background: url(images/menu-item5.gif) top left no-repeat;
}
.menuitem a.item5:hover {
	background: url(images/menu-item5.gif) top right no-repeat;
}

.menuitem a.item6:link,
.menuitem a.item6:active,
.menuitem a.item6:visited {
	width: 101px;
	background: url(images/menu-item6.gif) top left no-repeat;
}
.menuitem a.item6:hover {
	background: url(images/menu-item6.gif) top right no-repeat;
}


/* Submenu */
.submenu {
	width/**/:/**/836px; /* 836px */
	height: 26px;
	margin: 0px 0px 0px 94px;
	overflow: hidden;
}

.submenu1 {
	display: none;
}
.submenu2 {
	display: none;
}
.submenu3 {
	display: none;
	margin: 0px 0px 0px 125px;
}
.submenu4 {
	display: none;
	margin: 0px 0px 0px 300px;
}
.submenu5 {
	display: none;
	margin: 0px 0px 0px 450px;
}
.submenu5 {
	display: none;
	margin: 0px 0px 0px 450px;
}
.submenu6 {
	display: none;
	margin: 0px 0px 0px 550px;
}

.submenuItem {
	float: left;
}

.submenu a:link,
.submenu a:active,
.submenu a:visited {
	display: block;
	float: left;
	height: 26px;
	background: #c6ccd0;
	padding: 0px 10px;
	color: #6f7683;
	text-decoration: none;
	font-size: 11px;
	line-height: 23px;
}
.submenu a:hover {
	color: #fff;
	text-decoration: none;
}

.submenu a.eerste:link,
.submenu a.eerste:active,
.submenu a.eerste:visited,
.submenu a.eerste:hover {
	padding: 0px 10px 0px 20px;
}

.submenu a.laatste:link,
.submenu a.laatste:active,
.submenu a.laatste:visited,
.submenu a.laatste:hover {
	padding: 0px 20px 0px 10px;
}



/* CONTENT */
.contentLinks {
	width/**/:/**/229px; /* 256px */
	_height: 18px;
	min-height: 18px;
	padding: 10px 27px 0px 0px;
	float: left;
	overflow-x: hidden;
}

.contentLinks p {
	line-height: 26px;
	text-align: right;
	padding-left: 10px;
}

.contentLinks img {
	margin: 5px 0px 0px 0px;
}

.contentMain {
	width/**/:/**/550px; /* 580px */
	_height: 18px;
	min-height: 18px;
	padding: 14px 27px 0px 0px;
	float: left;
}

/* Projecten */
.projectIntro {
	width: 550px;
	height: 125px;
	overflow: hidden;
}

.projectIntro .thumb {
	float: left;
	width: 100px;
	height: 125px;
	overflow: hidden;
	margin: 1px 10px 0px 0px;
}

.projectIntro .intro {
	float: left;
	width: 440px;
	height: 125px;
	overflow: hidden;
}

.tblProjectgegevens {
	width: 400px;
	border: none;
}

.tblProjectgegevensL {
	width: 100px;
	height: 18px;
	vertical-align: top;
}

.tblProjectgegevensR {
	width: 300px;
	vertical-align: top;
}

a.pdf:link,
a.pdf:active,
a.pdf:visited,
a.pdf:hover {
	padding: 4px 0px 0px 20px;
	background: url(images/ico-list-pdf.gif) top left no-repeat;
}



/* FOOTER */
.footerLogo {
	width: 256px;
	height: 93px;
	overflow: hidden;
	float: left;
	background: url(images/logo-footer.gif) center right no-repeat;
}

.footerLinks {
	width/**/:/**/570px; /* 580px */
	height/**/:/**/27px; /* 93px */
	overflow: hidden;
	padding: 66px 10px 0px 0px;
	float:left;
	text-align: right;
	color: #6f7683;
}

.footerBalkKleur {
	width: 256px;
	height: 13px;
	overflow: hidden;
	float: left;
}

.pagStylePaars .footerBalkKleur {
	background-color: #8b0061;
}
.pagStyleGroen .footerBalkKleur {
	background-color: #95c500;
}
.pagStyleOranje .footerBalkKleur {
	background-color: #ff6500;
}
.pagStyleBlauw .footerBalkKleur {
	background-color: #008de0;
}
.pagStyleAlgemeen .footerBalkKleur {
	background-color: #008de0;
}

.footerBalkGrijs {
	width: 580px;
	height: 13px;
	overflow: hidden;
	float: left;
	background: #6f7683;
}





.sideBarBlauw {
	width/**/:/**/199px; /* 226px */	
	float: left;
	overflow-x: hidden;
	line-height: 26px;
	text-align: right;
	padding-left: 30px;
	color: #008de0;
}

a:link span,
a:active span,
a:visited span {
	text-decoration: underline;
	cursor: pointer;
}
a:hover span {
	text-decoration: none;
}


.sideBarOranje {
	width/**/:/**/199px; /* 226px */	
	float: left;
	overflow-x: hidden;
	line-height: 26px;
	text-align: right;
	padding-left: 30px;
	color: #ff6500;	
}

.sideBarPaars {
	width/**/:/**/199px; /* 226px */	
	float: left;
	overflow-x: hidden;
	line-height: 26px;
	text-align: right;
	padding-left: 30px;
	color: #8b0061;
}

.sideBarGroen {
	width/**/:/**/199px; /* 226px */	
	float: left;
	overflow-x: hidden;
	line-height: 26px;
	text-align: right;
	padding-left: 30px;	
	color: #95c500;
}

.kopPM {
	font: bold 10px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #6f7683;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.divFotoPopup {
	width: 640px;
	height: 480px;
	overflow: hidden;
	display: none;
	position: absolute;
	top: 50px;
	left: 280px;
	/*background: #333333 url(images/bg-popup.jpg) top left no-repeat;*/
}

.divFotoPopup .sluit {
	width: 640px;
	height: 20px;
	position: absolute;
	background: #999999;
	background: url(images/but-sluit.gif) top right no-repeat;
}

.divFotoPopup .content {
	width/**/:/**/640px; /* 640px */
	height/**/:/**/480px; /* 480px */
	padding: 0px 10px 10px 10px;
	color: #fff;
	overflow-y: auto;
	overflow-x: hidden;
	scrollbar-3dlight-color: #8f8f8f;
    scrollbar-arrow-color: #8f8f8f;
    scrollbar-base-color: #333333;
    scrollbar-darkshadow-color: #000000;
    scrollbar-face-color: #333333;
    scrollbar-highlight-color: #666666;
    scrollbar-shadow-color: #666666;
}




/* Styles voor de print variant */
@media print
{
    .NoPrint { 
    	display: none;
    }


.containterHeader {
	display: none;
}

.contentMain {
	width/**/:/**/380px; /* 410px */
	_height: 18px;
	min-height: 18px;
	padding: 14px 27px 0px 0px;
	float: left;
}
.containterFooter {
	display: none;
}


}