/* Overwrite default syles */

* {
	color:white;
}

h1,h3 {
	color:#e3ec00;
}

ul {
	list-style-image:url('/shared/images/custom/projecten/template/contentdot.gif');
}

/* INDEX.HTML */

html {
	height:100%;
	overflow: -moz-scrollbars-vertical;
}

body {
	margin:0;
	padding:0;
	height:100%;
	background-color:#565657;
}

#container {
	width:994px;
	margin-left:auto;
	margin-right:auto;
}

#container #rooftop {
	height:36px;
	width:994px;
	overflow:hidden;
}

#container #rooftop a.english {
	display:block;
	text-decoration:none;
	height:12px;
	line-height:12px;
	width:58px;
	float:right;
	text-align:right;
	background:url('/shared/images/custom/projecten/template/ukflag.gif') no-repeat top left;
	margin-top:20px;
	color:#ABABAB;
}

#container #rooftop a.english:hover {
	text-decoration:underline;	
}

#container #header {
	padding-top:4px;
	background:#111111 url('/shared/images/custom/projecten/template/headertop.gif') no-repeat top left;
	height:178px; /*182 - top padding */
	width:994px;
	overflow:hidden;
}

#container #header a
{
	float:left;
	display:block;
	background-image:url(/shared/images/custom/projecten/template/logo.png);
	height:56px;
}
#container #header a span
{
	display:none;
}
#container #header a.title_corporate
{
	width:195px;
}
#container #header a.title_projects
{
	width:367px;
	background-position:-195px 0px;
}


#container #header form.searchform {
	/* HACK: IE did not understand line-height so I hacked in a top padding */
	display:block;
	position:relative;
	float:right;
	height:39px; /* 56-padding top*/
	/*line-height:57px;*/
	padding-top:17px;
	width:200px;
}

#container #header form.searchform input.text {
	position:absolute;	
	left:0px;
	top:15px;
	width:155px; /*163 - (left-padding+right-padding)*/
	height:13px; /*21 - (top-padding+bot-padding)*/
	padding:4px;
	border:1px black solid;
	font-style:italic;
	color:black;
}

#container #header form.searchform input.submit {
	position:absolute;
	left:170px;
	top:19px;
	background-image:url('/shared/images/custom/projecten/template/button.gif');
	width:16px;
	height:16px;
	border:0;
	padding:0;
	margin:0;
	vertical-align:25%;  /*this fucks up align in FF but is needed for IE */
	cursor:pointer;
}

#container #header img.headerimage {
	/* HACK: had to clear both on the header banner because IE6 made up a 3px height on the div.clear */
	clear:both;
}
/*
#container #header div.headerbotruler {
	border-top:1px #ec8080 solid;
	background:url('/shared/images/custom/projecten/template/headerbotruler.gif') repeat-x top left;
	height:7px;
	width:986px;
}
*/
#container #content {
	background-color:#6f6f6f;
	min-height:280px; /* 280 - (padding-top+padding-bottom) */
	width:994px;
	overflow:hidden
	
}

#container #content div.minheight {
	/* HACK: this div simulates min-height in IE6 */
	height:215px;
	width:0px;
	float:left;
}

#container #footer {
	height:26px; /*30 -padding-bottom */
	width:986px; /* 994 - (left-padding + right-padding)*/
	padding:0px 4px 4px 4px;
	background:#6f6f6f url('/shared/images/custom/projecten/template/footerbot.gif') no-repeat bottom left;
	overflow:hidden;
}

#container #footer img.addressleft {
	display:block;
	float:left;
}

#container #footer div.addressmid {
	/* HACK: IE did not understand line-height so I hacked in a top padding */
	width:981px;
	height:20px;/* 26-padding-top */
	/*line-height:26px;*/
	padding-top:6px;
	background:white url('/shared/images/custom/projecten/template/footerbg.gif') repeat-x bottom left;
	text-align: center;
	float:left;
	overflow:hidden;
}

#container #footer div.addressmid span.footercol {
	color:#ffffff;
	font-weight:bold;
}

#container #footer div.addressmid span.footercol a {
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
}

#container #footer div.addressmid span.footercol a:hover {
	text-decoration:underline;
}

#container #footer div.addressmid  img.separator {
	color:#ffffff;
	font-weight:bold;
	margin:0px 40px;
}

#container #footer img.addressright {
	display:block;
	float:left;
}

#container #basementfloor {
	height:20px;
	width:994px;
	overflow:hidden;
	color:#787879;
	text-align:center;
	line-height:28px;
}

/* MENU.HTML */
#navmenu {
	width:994px;
	height:80px;
	background:url('/shared/images/custom/projecten/template/buttonbarbot.gif') repeat-x bottom left;
	overflow:hidden;
}

/* sub menu buttons */
#navmenu li ul {
	top:60px;
}

#navmenu li ul li a {
	height:25px;
	line-height:25px;
	background-color:#3c3b3e;
	color:white;
	padding:0px 10px;
	font-weight:bold;
	border-bottom:1px #6f6f6f solid;
	width:172px; /* 192 - (padding-left + padding-right) */
	overflow:hidden;
	background-image:none;
}

#navmenu li ul li a:hover {
	background-color:#28262a;
	background-image:none;
	color:#e3ec00;
}

#navmenu li ul li a.last {
	background-image:none;
	border:none;
}

#navmenu li ul li a.first {
	padding-top:8px;
	background: #3c3b3e url('/shared/images/custom/projecten/template/submenutop.gif') no-repeat top left;
}

#navmenu li ul li a.first:hover {
	padding-top:8px;
	color:#e3ec00;
	background: #28262a url('/shared/images/custom/projecten/template/submenutop_mo.gif') no-repeat top left;
}

/* main buttons */
#navmenu li a
{
	height:73px;
	background-repeat:no-repeat;
	background-position:top left;
	background-image:url('/shared/images/custom/projecten/buttons/menu.png');
}

#navmenu #home {
	width:115px;
}
#navmenu #home:hover, #navmenu #home.selected {
	background-position:0px -73px;
}
#navmenu #werkwijze {
	width:121px;
	background-position:-222px 0px;
}
#navmenu #werkwijze:hover, #navmenu #werkwijze.selected {
	background-position:-222px -73px;
}
#navmenu #portfolio {
	width:107px;
	background-position:-115px 0px;
}
#navmenu #portfolio:hover, #navmenu #portfolio.selected {
	background-position:-115px -73px;
}
#navmenu #over {
	width:143px;
	background-position:-690px 0px;
}
#navmenu #over:hover, #navmenu #over.selected {
	background-position:-690px -73px;
}
#navmenu #producten {
	width:193px;
	background-position:-343px 0px;
}
#navmenu #producten:hover, #navmenu #producten.selected {
	background-position:-343px -73px;
}
#navmenu #klanten {
	width:154px;
	background-position:-536px 0px;
}
#navmenu #klanten:hover, #navmenu #klanten.selected {
	background-position:-536px -73px;
}
#navmenu #contact {
	width:161px;
	background-position:-833px 0px;
}
#navmenu #contact:hover, #navmenu #contact.selected {
	background-position:-833px -73px;
}

/* PAGECONTENT.HTML */
#pagecontent {
	padding-top:35px;
	min-height:225px; /* 280 -padding */
	float:left;
	overflow:hidden;
}

/* NEWSCONTENT.HTML */

#newscontent {
	width:792px;
	padding-left:170px;
	margin:10px 0px;
	min-height:272px;
	float:left;
}

#newscontent a.back {
	display:block;
	height:25px;
	line-height:25px;
	width:508px; /* 558 -(left-padding + right-padding) */
	text-align:right;
	text-decoration:none;
	background:url('/shared/images/custom/projecten/template/button.gif') no-repeat center right;
	padding:0px 25px;
	margin-top:10px;
	border-top:1px #E8E8E8 solid;
	font-weight:bold;
}


/* NEWSOVERVIEW.HTML */

#newsoverview {
	width:558px;
	padding-left:170px;
	padding-top:15px;
	min-height:272px;
	float:left;
}

#newsoverview a.newsheader {
	background:url('/shared/images/custom/hosting/template/rssicon.gif') no-repeat center left;
	padding-left:30px;
	font-family:Helvetica,Arial,Verdana;
	font-size:23px;
	color:#e3ec00;
	/*text-align:left;*/
	text-decoration:none;
}

#newsoverview #newsitems {
	margin-top:15px;
	width:560px;
}

#newsoverview #newsitems a.newsitem {
	display:block;
	height:23px; /* 39 - (top-padding + bottom-padding) */
	padding:8px 0px;
	width:560px;
	border-bottom:1px #e8e8e8 solid;
	overflow:hidden;
	text-decoration:none;
}

#newsoverview #newsitems a.newsitem span.date {
	display:block;
	width:70px;
	height:23px;
	float:left;
	overflow:hidden;
}

#newsoverview #newsitems a.newsitem span.title {
	color:#e3ec00;
	font-weight:bold;
}
/*
#newsoverview #newsitems a.newsitem span.shortcontent {
	text-align:left;
}
*/


/* TAGCLOUD.HTML */

#tagcloud {
	width:192px; /* 202 - (padding-left + padding-right) */
	height:262px; /* 262 - (padding-top + padding-bottom) */
	padding:5px;
	border:1px #b2b2b2 solid;
	float:right;
	margin:20px 10px 20px 30px;
	background-color:#7f7f7f;
	overflow:hidden;
}

#tagcloud div.tagheader {
	font-family:Helvetica,Arial,Verdana;
	font-size:25px;
	color:#e3ec00;
	/*text-align:left;*/
	font-weight:bold;
	margin-bottom:10px;
	height:30px;
}

#tagcloud div.tagbody {
	/*text-align:justify;*/
	line-height:21px;
	height:212px;
	overflow:hidden;
}

#tagcloud div.tagbody a {
	text-decoration:none;
	/*text-align:left;*/
}

#tagcloud div.tagbody a:hover {
	text-decoration:underline;
}

/*NOTICE for some reason I needed to remove "#tagcloud" from in front of the "a.level" classes to make it work */
div.tagbody a.level1 {
	font-size:11px;
}

div.tagbody a.level2 {
	font-size:13px;
}

div.tagbody a.level3 {
	font-size:15px;
}

div.tagbody a.level4 {
	font-size:17px;
}

div.tagbody a.level5 {
	font-size:19px;
}

/* MIDCONTENT.HTML */
#midcontent {
	padding-top:35px;
	width:274px;
	min-height:225px; /* 280 -padding */
	float:left;
	overflow:hidden;
}

/* RIGHT_INFO.HTML */

#rightinfo {
	padding-top:25px;
	/*padding-bottom:40px;*/
	width:360px;
	float:left;
	overflow:hidden;
}

#rightinfo #whycontainer {
	width:280px; /* 360 - (padding-left+padding-right) */
	padding:0px 40px 16px 40px;
	background: url('/shared/images/custom/projecten/template/shadows.gif') no-repeat 25px bottom;
}

#rightinfo #whycontainer div.whyheader {
	border:1px #8b8b8b solid;
	border-bottom:0;
	width:268px; /* 270 - (border-left+border-right) */
	height:43px;
	background:#7e7e7e url('/shared/images/custom/projecten/template/whyheader.gif') no-repeat 2px 2px;
}

#rightinfo #whycontainer div.whybody {
	padding:15px 11px 0px 11px;
	width:246px; /* 270 -(padding-left+padding-right+border-left+border-righ) */
	border-left:1px #8b8b8b solid;
	border-right:1px #8b8b8b solid;
	height:255px; /* 270 - padding-top */
	overflow:hidden;
	background: #7e7e7e url('/shared/images/custom/projecten/template/whybg.gif') no-repeat 5px bottom;
}

#rightinfo #whycontainer div.recentfooter {
	height:5px; /* 6px - border-bottom */
	width:268px; /* 270 - (border-right+border-left)*/
	background-color:#7e7e7e;
	border-bottom:1px #8a8a8a solid;
	border-left:1px #8a8a8a solid;
	border-right:1px #8a8a8a solid;
}

#blijfopdehoogte
{
	width:280px;
	padding:0px 40px 16px 40px;
	background: url('/shared/images/custom/projecten/template/shadows.gif') no-repeat 25px bottom;
}
#blijfopdehoogte .blijfopdehoogteheader
{
	border:1px #8b8b8b solid;
	border-bottom:0;
	width:268px;
	height:43px;
	background:#7e7e7e url('/shared/images/custom/projecten/template/blijfopdehoogteheader.gif') no-repeat 2px 2px;
}
#blijfopdehoogte .blijfopdehoogtebody
{
	padding:15px 11px 0px 11px;
	width:246px;
	border-left:1px #8b8b8b solid;
	border-right:1px #8b8b8b solid;
	height:90px;
	overflow:hidden;
	background:#7e7e7e url('/shared/images/custom/projecten/template/whybg.gif') no-repeat 5px bottom;
}
#blijfopdehoogte .recentfooter
{
	height:5px;
	width:268px;
	background-color:#7e7e7e;
	border-bottom:1px #8a8a8a solid;
	border-left:1px #8a8a8a solid;
	border-right:1px #8a8a8a solid;
}

#blijfopdehoogte input
{
	float:left !important;
}
#blijfopdehoogte .blijfopdehoogtebody .submit
{
	margin:9px 0px 0px 10px;
}


#rightinfo #callmecontainer {
	margin-top:15px;
	width:280px; /* 360 - (padding-left+padding-right) */
	padding:0px 40px 16px 40px;
	background: url('/shared/images/custom/projecten/template/shadows.gif') no-repeat 25px bottom;
}

#rightinfo #callmecontainer div.callmeheader {
	border:1px #8b8b8b solid;
	border-bottom:0;
	width:268px; /* 270 - (border-left+border-right) */
	height:43px;
	background:#7e7e7e url('/shared/images/custom/projecten/template/callheader.gif') no-repeat 2px 2px;
}

#rightinfo #callmecontainer form.callmebody {
	display:block;
	padding:5px 11px 0px 11px;
	width:246px; /* 270 -(padding-left+padding-right+border-left+border-righ) */
	border-left:1px #8b8b8b solid;
	border-right:1px #8b8b8b solid;
	height:98px;
	overflow:hidden;
	background: #7e7e7e url('/shared/images/custom/projecten/template/callbg.gif') no-repeat 4px bottom;
}

#rightinfo #callmecontainer form.callmebody input,
#blijfopdehoogte input.email
{
	display:block;
	float:right;
	width:114px; /* 124px - (padding-left+padding-right)*/ 
	height:15px; /* 25px - (padding-top+padding-bottom)*/
	border:0;
	padding:5px;
	margin:10px 0px 0px 0px; /* NOTICE: margin of the second input element gets overwritten inline */
	background-color:#bababa;
	font-weight:bold;
}

#rightinfo #callmecontainer form.callmebody input.submit {
	display:block;
	margin:0;
	border:0;
	width:21px;
	height:19px;
	background: url('/shared/images/custom/projecten/template/arrow.gif') no-repeat center 6px;
	cursor:pointer;
}

#rightinfo #callmecontainer div.callmefooter {
	height:5px; /* 6px - border-bottom */
	width:268px; /* 270 - (border-right+border-left)*/
	background-color:#7e7e7e;
	border-bottom:1px #8a8a8a solid;
	border-left:1px #8a8a8a solid;
	border-right:1px #8a8a8a solid;
}

/* PORTFOLIOOVERVIEW.HTML AND PORTFOLIOHIGHLIGHTS.HTML */
#portfoliooverview {
	width:994px;
}

#portfoliooverview #porttop {
	height:50px;
	width:994px;
	border-bottom:1px #7f7f7f solid;
	overflow:hidden;
}



#portfoliooverview #porttop #porttopshowall {
	width:272px;
	height:49px; /* 50px - border */
	border-bottom:1px #4c4c4c solid;
	border-right:1px #5d5d5d solid;
	float:left;
}

#portfoliooverview #porttop #porttopshowall a.showall {
	background:url('/shared/images/custom/projecten/template/port_showall.gif') no-repeat left top;
	display:block;
	color:#e3ec00;
	text-decoration:none;
	font-weight:bold;
	width:145px;
	height:19px;
	text-align:right;
	line-height:19px;
	margin-left:25px;
	margin-top:15px;	
}

#portfoliooverview #porttop #porttopshowall a.showall:hover {
	text-decoration:underline;
}


#portfoliooverview #porttop #porttoptitle {
	width:272px;
	height:49px; /* 50px - border */
	border-bottom:1px #4c4c4c solid;
	border-right:1px #5d5d5d solid;
	float:left;
}

#portfoliooverview #porttop #porttoptitle #titlecontainer {
	color:#e3ec00;
	text-decoration:none;
	font-weight:bold;
	width:250px;
	height:19px;
	text-align:left;
	line-height:19px;
	margin-top:15px;
	padding-left:45px;
}

#portfoliooverview a.moreprojects {
	color:#e3ec00;
	text-decoration:none;
	font-weight:bold;
	width:170px;
	height:19px;
	line-height:19px;
	margin-bottom:15px;
	display:block;
	padding-left:45px;
}

#portfoliooverview a.backhighlights {
	color:#e3ec00;
	text-decoration:none;
	font-weight:bold;
	width:170px;
	height:19px;
	line-height:19px;
	margin-bottom:15px;
	display:block;
}

#portfoliooverview a.moreprojects:hover {
	text-decoration:underline;
}

#portfoliooverview #porttop #porttoppager {
	width:189px;
	height:49px; /* 50px - border */
	border-bottom:1px #4c4c4c solid;
	border-left:1px #868686 solid;
	border-right:1px #5d5d5d solid;
	float:left;
}

#portfoliooverview #porttop #porttoppager #infocontainer {
	margin-top:15px;
	width:189px;
	height:19px;
	line-height:19px;
	text-align:center;
	overflow:hidden;
	color:#e3ec00;
	font-weight:bold;
}

#portfoliooverview #porttop #porttoppager #infocontainer span {
	color:white;
	font-weight:bold;
}

#portfoliooverview #porttop #porttopsearch {
	margin:0;
	padding:0;
	width:298px;
	height:49px; /* 50px - border */
	border-bottom:1px #4c4c4c solid;
	border-left:1px #868686 solid;
	border-right:1px #5d5d5d solid;
	float:left;
}

#portfoliooverview #porttop #porttopsearch span.lable {
	display:block;
	height:19px;
	line-height:19px;
	padding:0px 10px;
	color:#e3ec00;
	font-weight:bold;
	margin-top:15px;
	float:left;
}

#portfoliooverview #porttop #porttopsearch input.text {
	display:block;
	width:137px; /*150 - (left-padding+right-padding)*/
	height:13px; /*21 - (top-padding+bot-padding)*/
	padding:4px;
	margin:0px 7px 0px 0px;
	border:1px black solid;
	font-style:italic;
	color:black;
	margin-top:12px; /*NOTICE: top margin is 15 for all other elements in this div, I changed it for this element so it lines out better */
	float:left;
}

#portfoliooverview #porttop #porttopsearch input.submit {
	display:block;
	background-image:url('/shared/images/custom/projecten/template/button.gif');
	width:16px;
	height:16px;
	border:0;
	padding:0;
	margin:0;
	cursor:pointer;
	margin-top:15px;
	float:left;
}

#portfoliooverview #porttop #porttopfullscreen {
	width:229px;
	height:49px; /* 50px - border */
	border-bottom:1px #4c4c4c solid;
	border-left:1px #868686 solid;
	float:left;
}

#portfoliooverview #porttop #porttopfullscreen a.fullscreen {
	background:url('/shared/images/custom/projecten/template/port_fullscreen.gif') no-repeat left top;
	display:block;
	text-decoration:none;
	font-weight:bold;
	width:125px;
	height:19px;
	text-align:right;
	line-height:19px;
	margin-left:90px;
	margin-top:15px;	
}

#portfoliooverview #porttop #porttopfullscreen a.fullscreen:hover {
	text-decoration:underline;
}

#portfoliooverview #portoverview {
	padding-left:30px;
	min-height:185px;
	width:964px; /*994 - padding */
	overflow:hidden;
}

#portfoliooverview #portoverview a.portthumb /*,#portfoliooverview #portoverview a.portthumbleft,#portfoliooverview #portoverview a.portthumbright*/ {
	display:block;
	text-decoration:none;
	float:left;
	width:147px; /* 155 - (border-left+border-right+padding-left+padding-right) */
	height:147px; /* 155 - (border-top+border-bottom+padding-top+padding-bottom) */
	margin:15px;
	padding:3px;
	border:1px #8b8b8b solid;
	background:#7e7e7e url('/shared/images/custom/projecten/template/port_thumbbg.gif') no-repeat 3px 19px;
	overflow:hidden;
}

#portfoliooverview #portoverview a.portthumbselected,#portfoliooverview #portoverview a.portthumb:hover /*,#portfoliooverview #portoverview a.portthumbleftselected,#portfoliooverview #portoverview a.portthumbrightselected*/ {
	margin:0;
	border:0;
	text-decoration:none;
	display:block;
	float:left;
	width:147px; /* 155 - (border-left+border-right) - (4px padding left + 4px padding right) */
	height:147px; /* 155 - (border-left+border-right) - (4px padding left + 4px padding right) */
	padding:19px; /* 15px for background image 4px actual padding */
	background:url('/shared/images/custom/projecten/template/port_thumb_mo.gif') no-repeat 3px 3px;
	overflow:hidden;
}

#portfoliooverview #portoverview span.portthumbtitle {
	display:block;
	width:127px; /* 147 - padding */
	height:10px; /* 30 - padding */
	padding:10px;
	line-height:10px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer; /*IE HACK */
}

#portfoliooverview #portoverview span.portthumbcontainer {
	display:block;
	padding:0px 10px;
	width:125px;
	height:110px;
	overflow:hidden;
	cursor:pointer; /*IE HACK */
}

#portfoliooverview #portoverview img.portthumbimg {
	padding:0px 10px;
	width:125px;
	height:110px;
	border:0;
}

/* BOMOFORM.HTML */
#bomocontent {
	width:994px;
}

#bomocontent #bomoinfo {
	float:left;
	width:330px; /* I had to take one px off for IE6 */
}

#bomocontent #bomoinfo #bomoerror {
	margin-top:15px;
	overflow:hidden;
	width:270px; /* was 248px - I had to take one px off for IE6 */
	padding:0px 30px 13px 30px;
	background: url('/shared/images/custom/projecten/template/shadows.gif') no-repeat 15px bottom;
}

#bomocontent #bomoinfo #bomoerror #errorheader {
	overflow:hidden;
	border:1px #8b8b8b solid;
	border-bottom:0;
	width:268px; 
	height:43px;
	background:#7e7e7e url('/shared/images/custom/projecten/template/errorheader.gif') no-repeat 2px 2px;
}

#bomocontent #bomoinfo #bomoerror #errorbody {
	overflow:hidden;
	background-color:#7e7e7e;
	border:1px #8b8b8b solid;
	border-top:0;
	width:238px;
	padding:15px;
}

#bomocontent #bomoinfo #bomocontent {
	margin-top:15px;
	overflow:hidden;
	width:270px; /* was 248px - I had to take one px off for IE6 */
	padding:0px 30px 13px 30px;	
}

#bomocontent #bomoform {
	margin-top:15px;
	width:584px;
	padding:0px 40px 13px 40px;
	background: url('/shared/images/custom/projecten/template/bomo_shadow.gif') no-repeat 21px bottom;
	float:right;
}

#bomocontent #bomoform div.bomoheader {
	border:1px #8b8b8b solid;
	border-bottom:0;
	width:585px; 
	height:43px;
	background:#7e7e7e url('/shared/images/custom/projecten/template/bomoheader.gif') no-repeat 2px 2px;
}

#bomocontent #bomoform form.bomobody{
	padding:0;
	margin:0;
	display:block;
	padding:10px 11px 0px 11px;
	width:563px; 
	border-left:1px #8b8b8b solid;
	border-right:1px #8b8b8b solid;
	height:300px;
	overflow:hidden;
	background: #7e7e7e url('/shared/images/custom/projecten/template/bomobg.gif') no-repeat 5px bottom;
}

#bomocontent #bomoform form.bomobody #bomobodyleft {
	width:281px;
	float:left;
}

#bomocontent #bomoform form.bomobody #bomobodyleft input.text {
	display:block;
	padding:5px;
	margin:0;
	border:0;
	background-color:#bababa;
	width:185px; /* 195 - padding*/
	height:15px; /* 25 - padding*/
	margin:7px 0px;
	color:black;
	float:left;
}

#bomocontent #bomoform form.bomobody #bomobodyleft input.checkbox {
	margin-top:10px;
	float:left;
}

#bomocontent #bomoform form.bomobody #bomobodyleft input.radio {
	margin-top:10px;
	float:left;
}

#bomocontent #bomoform form.bomobody #bomobodyleft label {
	display:block;
	width:75px; /* 85 -padding */
	height:25px;
	line-height:25px;
	margin:7px 10px 7px 0px;
	color:white;
	float:left;
	text-align:right;
}

#bomocontent #bomoform form.bomobody #bomobodyleft label span {
	color:#e3ec00;
	font-weight:bold;
}

#bomocontent #bomoform form.bomobody #bomobodyleft label.aanhef {
	width:50px;
	text-align:left;
	margin:7px 0px 7px 10px;
}

#bomocontent #bomoform form.bomobody #bomobodyleft label.nieuwsbrief {
	width:225px;
	font-weight:bold;
	text-align:left;
}

#bomocontent #bomoform form.bomobody #bomobodyleft #footnote {
	color:#bebebe;
	height:25px;
	line-height:25px;
	margin:40px 10px 7px 0px;
}

#bomocontent #bomoform form.bomobody #bomobodyleft #footnote span {
	color:#e3ec00;
	font-weight:bold;
}

#bomocontent #bomoform form.bomobody #bomobodyleft br {
	clear:both;
}

#bomocontent #bomoform form.bomobody #bomobodyright {
	width:281px;
	float:right;
}  

#bomocontent #bomoform form.bomobody #bomobodyright label {
	display:block;
	height:25px;
	line-height:25px;
	margin:7px 0px 10px 10px;
	float:left;
}

#bomocontent #bomoform form.bomobody #bomobodyright textarea {
	overflow:hidden;
	display:block;
	padding:5px;
	margin:0;
	border:0;
	background-color:#bababa;
	width:255px; /* 265 - padding*/
	height:130px; /* 140 - padding*/
	margin:7px 0px 7px 10px;
	color:black;
	float:left;
}

#bomocontent #bomoform form.bomobody #bomobodyright #captchanote {
	display:block;
	height:25px;
	line-height:25px;
	margin:7px 0px 7px 10px;
	color:white;
	font-weight:bold;
	float:left;
	text-align:left;
}

#bomocontent #bomoform form.bomobody #bomobodyright input.submit {
	display:block;
	float:left;
	margin:7px 0px 7px 10px;
	border:solid 1px #565656;
}

#bomocontent #bomoform div.bomofooter {
	height:5px; /* 6px - border-bottom */
	width:585px; 
	background-color:#7e7e7e;
	border-bottom:1px #8a8a8a solid;
	border-left:1px #8a8a8a solid;
	border-right:1px #8a8a8a solid;
}

/* PORTFOLIO.HTML */
#portfoliocontent {
	width:994px;
}

#portfoliocontent #porttop {
	height:50px;
	width:994px;
	border-bottom:1px #7f7f7f solid;
	overflow:hidden;
}

#portfoliocontent #porttop #porttopshowall {
	width:272px;
	height:49px; /* 50px - border */
	border-bottom:1px #4c4c4c solid;
	border-right:1px #5d5d5d solid;
	float:left;
}

#portfoliocontent #porttop #porttopshowall a.showall {
	background:url('/shared/images/custom/projecten/template/port_showall.gif') no-repeat left top;
	display:block;
	color:#e3ec00;
	text-decoration:none;
	font-weight:bold;
	width:145px;
	height:19px;
	text-align:right;
	line-height:19px;
	margin-left:25px;
	margin-top:15px;	
}

#portfoliocontent #porttop #porttopshowall a.showall:hover {
	text-decoration:underline;
}

#portfoliocontent #porttop #porttoppager {
	width:189px;
	height:49px; /* 50px - border */
	border-bottom:1px #4c4c4c solid;
	border-left:1px #868686 solid;
	border-right:1px #5d5d5d solid;
	float:left;
}

#portfoliocontent #porttop #porttoppager #infocontainer {
	margin-top:15px;
	width:189px;
	height:19px;
	line-height:19px;
	text-align:center;
	overflow:hidden;
	color:#e3ec00;
	font-weight:bold;
}

#portfoliocontent #porttop #porttoppager #infocontainer span {
	color:white;
	font-weight:bold;
}

#portfoliocontent #porttop #porttopsearch {
	margin:0;
	padding:0;
	width:298px;
	height:49px; /* 50px - border */
	border-bottom:1px #4c4c4c solid;
	border-left:1px #868686 solid;
	border-right:1px #5d5d5d solid;
	float:left;
}

#portfoliocontent #porttop #porttopsearch span.lable {
	display:block;
	height:19px;
	line-height:19px;
	padding:0px 10px;
	color:#e3ec00;
	font-weight:bold;
	margin-top:15px;
	float:left;
}

#portfoliocontent #porttop #porttopsearch input.text {
	display:block;
	width:137px; /*150 - (left-padding+right-padding)*/
	height:13px; /*21 - (top-padding+bot-padding)*/
	padding:4px;
	margin:0px 7px 0px 0px;
	border:1px black solid;
	font-style:italic;
	color:black;
	margin-top:12px; /*NOTICE: top margin is 15 for all other elements in this div, I changed it for this element so it lines out better */
	float:left;
}

#portfoliocontent #porttop #porttopsearch input.submit {
	display:block;
	background-image:url('/shared/images/custom/projecten/template/button.gif');
	width:16px;
	height:16px;
	border:0;
	padding:0;
	margin:0;
	cursor:pointer;
	margin-top:15px;
	float:left;
}

#portfoliocontent #porttop #porttopfullscreen {
	width:229px;
	height:49px; /* 50px - border */
	border-bottom:1px #4c4c4c solid;
	border-left:1px #868686 solid;
	float:left;
}

#portfoliocontent #porttop #porttopfullscreen a.fullscreen {
	background:url('/shared/images/custom/projecten/template/port_fullscreen.gif') no-repeat left top;
	display:block;
	text-decoration:none;
	font-weight:bold;
	width:125px;
	height:19px;
	text-align:right;
	line-height:19px;
	margin-left:90px;
	margin-top:15px;	
}

#portfoliocontent #porttop #porttopfullscreen a.fullscreen:hover {
	text-decoration:underline;
}

#portfoliocontent #portoverview {
	height:185px;
	width:994px;
	overflow:hidden;
}

#portfoliocontent #portoverview a.portthumb /*,#portfoliocontent #portoverview a.portthumbleft,#portfoliocontent #portoverview a.portthumbright*/ {
	display:block;
	text-decoration:none;
	float:left;
	width:147px; /* 155 - (border-left+border-right+padding-left+padding-right) */
	height:147px; /* 155 - (border-top+border-bottom+padding-top+padding-bottom) */
	margin:15px;
	padding:3px;
	border:1px #8b8b8b solid;
	background:#7e7e7e url('/shared/images/custom/projecten/template/port_thumbbg.gif') no-repeat 3px 19px;
	overflow:hidden;
}

#portfoliocontent #portoverview a.portthumbselected,#portfoliocontent #portoverview a.portthumb:hover /*,#portfoliocontent #portoverview a.portthumbleftselected,#portfoliocontent #portoverview a.portthumbrightselected*/ {
	margin:0;
	border:0;
	display:block;
	text-decoration:none;
	float:left;
	width:147px; /* 155 - (border-left+border-right) - (4px padding left + 4px padding right) */
	height:147px; /* 155 - (border-left+border-right) - (4px padding left + 4px padding right) */
	padding:19px; /* 15px for background image 4px actual padding */
	background:url('/shared/images/custom/projecten/template/port_thumb_mo.gif') no-repeat 3px 3px;
	overflow:hidden;
	cursor:pointer; /*IE HACK */
}

#portfoliocontent #portoverview span.portthumbtitle {
	display:block;
	width:127px; /* 147 - padding */
	height:10px; /* 30 - padding */
	padding:10px;
	line-height:10px;
	font-weight:bold;
	overflow:hidden;
	cursor:pointer;/*IE HACK */
}

#portfoliocontent #portoverview span.portthumbcontainer {
	display:block;
	padding:0px 10px;
	width:125px;
	height:110px;
	overflow:hidden;
}

#portfoliocontent #portoverview img.portthumbimg { 
	padding:0px 10px;
	width:125px;
	height:110px;
	border:0;
}

#portfoliocontent #portoverview div.portoverviewleft {
	width:35px;
	height:170px;
	margin-top:15px;
	float:left;
}

#portfoliocontent #portoverview div.portoverviewleft a {
	display:block;
	width:35px;
	height:170px;
	background: url('/shared/images/custom/projecten/template/portoverviewleft_arrow.gif') no-repeat left top;
	text-decoration:none;
}

#portfoliocontent #portoverview div.portoverviewleft a span {
	visibility:hidden;
}

#portfoliocontent #portoverview a.portleft {
	display:block;
	width:30px;
	height:170px;
	margin-top:15px;
	background: url('/shared/images/custom/projecten/template/portleft.gif') no-repeat 7px 68px;
	float:left;
}

#portfoliocontent #portoverview div.portoverviewright {
	width:34px; /* NOTICE: we had one pix to many so I substracted it here */
	height:170px; /* 200 - margin */
	margin-top:15px;
	float:right;
}

#portfoliocontent #portoverview div.portoverviewright a {
	display:block;
	width:34px; /* NOTICE: we had one pix to many so I substracted it here */
	height:170px; /* 200 - margin */
	background: url('/shared/images/custom/projecten/template/portoverviewright_arrow.gif') no-repeat right top;
	text-decoration:none;
}

#portfoliocontent #portoverview div.portoverviewright a span {
	visibility:hidden;
}


#portfoliocontent #portoverview a.portright {
	display:block;
	width:30px;
	height:170px;
	margin-top:15px;
	background: url('/shared/images/custom/projecten/template/portright.gif') no-repeat 7px 68px;
	float:right;
}

#portfoliodetailcontent {
	width:994px;
}

#portfoliodetailcontent #portdetails {   
	margin-top:25px;
	width:994px;
}

#portfoliodetailcontent #portdetails #portdetailsinfocontainer {
	width:428px; /* 462 - padding */
	display:inline; /* IE6 double margin bugfix */
	margin-left:28px;
	margin-right:6px;
	padding:0px 17px;
	background:url('/shared/images/custom/projecten/template/port_botimg.gif') no-repeat bottom left;
	margin-bottom:50px;
	float:left;
}

#portfoliodetailcontent #portdetails #portdetailsinfocontainer #portdetailsinfo {
	background-color:#7e7e7e; 
	width:387px; /* 429 - borders -padding */
	height:376px; /* 628px -padding - border - margin */
	padding:15px 20px 0px 20px;
	border-top:1px #8b8b8b solid;
	border-left:1px #8b8b8b solid;
	border-right:1px #8b8b8b solid;
	margin-bottom:236px; /*height of container bg image */
	overflow:hidden;
}

#portfoliodetailcontent a.bomo {
	display:block;
	background:url('/shared/images/custom/projecten/template/bel-mail-normal.gif') no-repeat bottom left;
	width:130px;
	height:29px;
	float:right;
	border:0;
	text-decoration:none;
	margin-right:45px;
}

#portfoliodetailcontent a.bomo:hover {
	background-image:url('/shared/images/custom/projecten/template/bel-mail-over.gif');
}

#portfoliodetailcontent a.bomo span {
	visibility:hidden;
}

#portdetailsinfo span.toptitle {
	display:block;
	width:387px;
	height:20px;
	line-height:20px;
	color:#e3ec00;
	font-weight:bold;
	overflow:hidden;
	font-size:17px;	
}

#portdetailsinfo span.descripition {
	display:block;
	width:369px; /* 387px - padding - border */
	height:198px; /* 216px - padding - border */
	overflow:auto;
	border:1px #7e7e7e inset;
	padding:8px;
	margin-bottom:10px;
}

#portdetailsinfo span.title {
	display:block;
	width:70px;
	height:19px; /*20px - border */
	line-height:19px;
	color:#e3ec00;
	font-weight:bold;
	float:left;
	overflow:hidden;
	border-top:1px #989898 solid;
}

#portdetailsinfo span.info,#portdetailsinfo a.info {
	display:block;
	font-weight:bold;
	width:317px;
	height:19px; /*20px - border */
	line-height:19px;;
	float:left;
	overflow:hidden;
	border-top:1px #989898 solid;
}

#portdetailsinfo a.info {
	text-decoration:none;
}

#portdetailsinfo a.info:hover {
	text-decoration:underline;
}

#portdetailsinfo a.info span {
	float:left;
}

#portdetailsinfo a.info img.open {
	display:block;
	width:19px;
	height:20px;
	text-decoration:none;
	border:0;
	float:left;
	padding-left:5px;
}
	
#portfoliodetailcontent #portdetails #portdetailsimgcontainer {
	width:429px; /* 463 - padding */
	margin-right:28px;
	margin-left:5px;
	padding:0px 17px;
	padding-bottom:16px;
	background:url('/shared/images/custom/projecten/template/port_shadow.gif') no-repeat bottom left;
	float:left;
}

#portfoliodetailcontent #portdetails #portdetailsimgcontainer #portdetailsimg {
	width:387px; /* 429 - borders - padding*/
	height:515px; /* 532 - padding - border */
	border:1px #8b8b8b solid;
	padding:15px 20px 0px 20px;
	background: #7e7e7e url('/shared/images/custom/projecten/template/port_bg.gif') no-repeat 6px 392px;
	overflow:hidden;
}

#portdetailsimg img {
	border:0;
}

#portdetailsimg img.thumb {
	cursor:pointer;
}

#portdetailsimg #mainimagecontainer {
	width:387px;
	height:337px;
	overflow:hidden;
	margin-bottom:19px;
}

#portdetailsimg hr.hrule {
	border:0;
	margin:0;
	padding:0;
	height:1px;
	width:387px;
	background-color:#989898;
	color:#989898;	
}

#portdetailsimg img.main {

} 

#portdetailsimg #thumbimagecontainer0,#portdetailsimg #thumbimagecontainer2,#portdetailsimg #thumbimagecontainer4 {
	padding-top:18px;
	float:left;
	width:125px;
	height:108px;
	overflow:hidden;
}


#portdetailsimg #thumbimagecontainer2 {
	padding-left:5px;
	padding-right:5px;
}

/* SEARCHOVERVIEW.HTML */
#searchoverview {
	width:792px;
	padding-left:20px;
	min-height:280px;
	float:left;
}

#searchoverview div.searchheader {
	/*font-family:Helvetica,Arial,Verdana;*/
	font-size:25px;
	color:#e3ec00;
	/*text-align:left;*/
	font-weight:bold;
	margin-bottom:20px;
}

#searchoverview div.uzocht {
	font-weight:bold; 
}

#searchoverview div.uzocht span.searchkey {
	color:#e3ec00;
}

#searchoverview div.results {
	height:24px;
	line-height:24px;
	width:544px;
	padding:0px 8px;
	margin:10px 0px;
	background-color:#7E7E7E;
	font-weight:bold;
	overflow:hidden;
}

#searchoverview div.searchbox a.searchitem {
	display:block;
	height:23px; /* 39 - (top-padding + bottom-padding) */
	padding:8px 0px;
	width:560px;
	border-bottom:1px #7E7E7E solid;
	overflow:hidden;
	text-decoration:none;
}

#searchoverview div.searchkey {
	font-weight:bold;
}

#searchoverview div.searchbox a.searchitem span.score {
	display:block;
	width:70px;
	height:23px;
	float:left;
	overflow:hidden;
	font-weight:bold;
}

#searchoverview div.searchbox a.searchitem span.title {
	overflow:hidden;
	white-space:nowrap;
	color:#e3ec00;
	font-weight:bold;
	display:block;
	width:490px;
	float:left;
}

/*LEFT_MENU.HTML */
#leftinfo {
	padding-top:25px;
	/*padding-bottom:40px;*/
	width:360px;
	float:left;
	overflow:hidden;
}

#leftinfo #miscservices {
	margin-top:15px;
	width:280px; /* 360 - (padding-left+padding-right) */
	padding:0px 40px 16px 40px;
	background: url('/shared/images/custom/projecten/template/shadows.gif') no-repeat 25px bottom;
}

#leftinfo #miscservices div.mischeader {
	border:1px #8b8b8b solid;
	border-bottom:0;
	width:268px; /* 270 - (border-left+border-right) */
	height:43px;
	background:#7e7e7e url('/shared/images/custom/projecten/template/miscservices.gif') no-repeat 2px 2px;
}

#leftinfo #miscservices div.miscbody {
	display:block;
	padding:5px 11px 0px 11px;
	width:246px; /* 270 -(padding-left+padding-right+border-left+border-righ) */
	border-left:1px #8b8b8b solid;
	border-right:1px #8b8b8b solid;
	min-height:98px;
	overflow:hidden;
	background: #7e7e7e url('/shared/images/custom/projecten/template/miscbg.gif') no-repeat 4px 5px;
}

#leftinfo #miscservices div.recentfooter {
	height:5px; /* 6px - border-bottom */
	width:268px; /* 270 - (border-right+border-left)*/
	background-color:#7e7e7e;
	border-bottom:1px #8a8a8a solid;
	border-left:1px #8a8a8a solid;
	border-right:1px #8a8a8a solid;
}

#leftinfo #recentcontainer {
	width:280px; /* 360 - (padding-left+padding-right) */
	padding:0px 40px 16px 40px;
	background: url('/shared/images/custom/projecten/template/shadows.gif') no-repeat 25px bottom;
}

#leftinfo #recentcontainer div.recentheader {
	border:1px #8b8b8b solid;
	border-bottom:0;
	width:268px; /* 270 - (border-left+border-right) */
	height:43px;
	background:#7e7e7e url('/shared/images/custom/projecten/template/recentheader.gif') no-repeat 2px 2px;
}

#leftinfo #recentcontainer div.recentbody {
	padding:15px 19px 0px 19px;
	width:230px; /* 270 -(padding-left+padding-right+border-left+border-righ) */
	border-left:1px #8b8b8b solid;
	border-right:1px #8b8b8b solid;
	height:255px;
	background-color: #7e7e7e;
	overflow:hidden;
}

#leftinfo #recentcontainer a.recentmore {
	display:block;
	border-left:1px #8b8b8b solid;
	border-right:1px #8b8b8b solid;
	padding:0px 5px;
	width:258px; /* 270 -(margin-left+margin-right+border-left+border-right) */
	height:24px;
	background: #7e7e7e url('/shared/images/custom/projecten/template/more.gif') no-repeat 5px bottom;
	text-decoration:none;
}

#leftinfo #recentcontainer a.recentmore span {
	visibility:hidden;
}

#leftinfo #recentcontainer div.recentfooter {
	height:5px; /* 6px - border-bottom */
	width:268px; /* 270 - (border-right+border-left)*/
	background-color:#7e7e7e;
	border-bottom:1px #8a8a8a solid;
	border-left:1px #8a8a8a solid;
	border-right:1px #8a8a8a solid;
}

/* GENERAL */

.clear {
	clear:both;
}

form {
	margin:0;
	padding:0;
}



/* CM2FORMS.HTML */
#cm2content
{
	width:994px;
}

#cm2content #cm2info
{
	float:left;
	width:330px;
}

#cm2content #cm2info #cm2error
{
	margin-top:15px;
	overflow:hidden;
	width:270px;
	padding:0px 30px 13px 30px;
	background: url('/shared/images/custom/projecten/template/shadows.gif') no-repeat 15px bottom;
}

#cm2content #cm2info #cm2error #errorheader
{
	overflow:hidden;
	border:1px #8b8b8b solid;
	border-bottom:0;
	width:268px;
	height:43px;
	background:#7e7e7e url('/shared/images/custom/projecten/template/errorheader.gif') no-repeat 2px 2px;
}

#cm2content #cm2info #cm2error #errorbody
{
	overflow:hidden;
	background-color:#7e7e7e;
	border:1px #8b8b8b solid;
	border-top:0;
	width:238px;
	padding:15px;
}

#cm2content #cm2info #cm2innercontent
{
	margin-top:15px;
	overflow:hidden;
	width:270px;
	padding:0px 30px 13px 30px;	
}

#cm2content #cm2form
{
	line-height:18px;
	margin-top:15px;
	width:264px;
	padding:0px 40px 16px 40px;
	background: url('/shared/images/custom/projecten/template/shadows.gif') no-repeat 25px bottom;
	float:left;
}

#cm2content #cm2form div.cm2aanmeldheader
{
	border:1px #8b8b8b solid;
	border-bottom:0;
	width:268px; 
	height:43px;
	background:#7e7e7e url('/shared/images/custom/projecten/template/aanmeldheader.png') no-repeat 2px 2px;
}
#cm2content #cm2form div.cm2afmeldheader
{
	border:1px #8b8b8b solid;
	border-bottom:0;
	width:268px; 
	height:43px;
	background:#7e7e7e url('/shared/images/custom/projecten/template/afmeldheader.png') no-repeat 2px 2px;
}
#cm2content #cm2form div.cm2wijzigheader
{
	border:1px #8b8b8b solid;
	border-bottom:0;
	width:268px; 
	height:43px;
	background:#7e7e7e url('/shared/images/custom/projecten/template/wijzigheader.png') no-repeat 2px 2px;
}

#cm2content #cm2form form.cm2body
{
	margin:0;
	display:block;
	padding:20px 5px 0px 15px;
	width:248px;
	height:540px;
	border-left:1px #8b8b8b solid;
	border-right:1px #8b8b8b solid;
	background-color:#7e7e7e;
	font-weight:bold;
	overflow:hidden;
}
#cm2content #cm2form form.unsubscribe
{
	height:410px;
}

#cm2content #cm2form form.cm2body input.text
{
	display:block;
	padding:5px;
	border:0;
	background-color:#bababa;
	width:215px;
	height:15px;
	margin:7px 0px;
	color:black;
	float:left;
}

#cm2content #cm2form form.cm2body textarea
{
	display:block;
	padding:5px;
	border:0;
	background-color:#bababa;
	width:215px;
	height:55px;
	margin:7px 0px;
	color:black;
	float:left;
}

#cm2content #cm2form form.cm2body input.checkbox
{
	margin-top:10px 0px;
}

#cm2content #cm2form form.cm2body input.radio
{
	margin-top:10px 0px;
}

#cm2content #cm2form form.cm2body br
{
	clear:both;
}

#cm2content #cm2form form.cm2body table td
{
	font-weight:normal;
	padding:6px 0px 0px 0px;
}

#cm2content #cm2form form.cm2body table a
{
	display:block;
	width:12px;
	height:12px;
	margin-left:20px;
	background-image:url(/shared/images/custom/projecten/template/infoicon.gif);

}

#cm2content #cm2form form.cm2body table a span
{
	display:none;
}

#cm2content #cm2form label.normal
{
	font-weight:normal;
}

#cm2content #cm2form span
{
	color:#e1eb00;
}
#cm2content #cm2form .dark
{
	color:#333333;
}

#cm2content #cm2form div.cm2footer
{
	height:5px;
	width:268px; 
	background-color:#7e7e7e;
	border-bottom:1px #8a8a8a solid;
	border-left:1px #8a8a8a solid;
	border-right:1px #8a8a8a solid;
}

#cm2content .cm2aanmeldmeneer
{
	float:left;
	width:255px;
	height:252px;
	background-image:url(/shared/images/custom/projecten/template/aanmeldmeneer.jpg);
	margin:15px 0px 0px 25px;
}

#cm2content .cm2afmeldmeneer
{
	float:left;
	width:255px;
	height:248px;
	background-image:url(/shared/images/custom/projecten/template/afmeldmeneer.jpg);
	margin:15px 0px 0px 25px;
}

#cm2content .cm2wijzigmeneer
{
	float:left;
	width:255px;
	height:248px;
	background-image:url(/shared/images/custom/projecten/template/wijzigmeneer.jpg);
	margin:15px 0px 0px 25px;
}