/* Common classes */
body,
table,
td,
th,
a,
div,
input,
select,
button,
textarea						{ font-family:Arial, Helvetica, sans-serif;	color:#534741; font-size:12px; }
body 							{ margin:0;	padding:0; background-color:#908d7f; }

a:hover 						{ text-decoration:underline; }

/* apply to all */
.right 			{ text-align:right; }
.nounderline	{ text-decoration: none }

#mainContainer 								{}
#mainContainer #headerContainer 			{ position:relative; background-color:#009ddb; width:100%; }
#mainContainer #headerContainer #logo 		{ position:relative; margin:0 auto;	background-image:url(../images/logo.jpg); background-repeat:no-repeat; width:960px; height:117px; }
#mainContainer #headerContainer #logoLeft	{ position:absolute; background-image:url(../images/logoLeft.jpg); background-repeat:no-repeat; width:120px; height:159px; top:0;	left:-120px;}

#mainContainer #menuContainer 						{ position:relative; margin:0 auto; width:950px; height:27px; background-image:url(../images/headerBackground.jpg); background-repeat:no-repeat; padding:15px 0 0 10px; }
#mainContainer #menuContainer ul 					{ margin:0;	padding:0; }
#mainContainer #menuContainer ul li					{ list-style-type:none; float:left; margin:0 15px; }
#mainContainer #menuContainer ul li a				{ text-decoration:none;	color:#FFFFFF; font-weight:bold; display:inline-block; height:27px; }
#mainContainer #menuContainer ul li a:hover			{ background-image:url(../images/pointer.png);background-repeat:no-repeat; background-position:bottom;} 
#mainContainer #menuContainer ul li a:active,
#mainContainer #menuContainer ul li a.activeLink 	{ background-image:url(../images/pointer.png); background-repeat:no-repeat;	background-position:bottom;	}

/* contentContainer */
#mainContainer #contentContainer 						{ background-image:url(../images/middle.bg.png); background-repeat:repeat-x; background-position:top; position:relative; background-color:#efecdd; width:100%; padding:0 0 10px; }
#mainContainer #contentContainer #content 				{ position:relative; background-color:#d7d4c6; width:960px; margin:0 auto; }
#mainContainer #contentContainer #content #contentLeft, 
#mainContainer #contentContainer #content #contentRight { float:left; position:relative; }

#mainContainer #contentContainer #content #contentLeft		{ width:645px; padding:10px 5px 0 10px;	text-align:justify;	line-height:17px; }
#mainContainer #contentContainer #content #contentLeft h1 	{ font-size:18px; margin:10px 0 15px 0; padding:0; }
#mainContainer #contentContainer #content #contentLeft p 	{ margin:0 0 10px; padding:0; }
#mainContainer #contentContainer #content #contentRight 	{ padding:10px 0 0 10px; width:280px; margin:0 0 10px; }
#mainContainer #contentContainer #contentFooter 			{ background-image:url(../images/contentFooter.jpg); background-repeat:no-repeat; height:5px; line-height:5px; position:relative; }

/* contentImage */
#contentLeft #contentImage 		{ width:650px; position:relative; height:200px; padding:0 0 0 0px; margin:0 0 20px 0; }
#contentLeft #contentImageTL,
#contentLeft #contentImageTR,
#contentLeft #contentImageBL,
#contentLeft #contentImageBR 	{ z-index:999; background-repeat:no-repeat;position:absolute;width:3px;height:3px;}
#contentLeft #contentImageTL 	{ background-image:url(../images/contentImageTL.png); top:0; left:0; }
#contentLeft #contentImageTR 	{ background-image:url(../images/contentImageTR.png); top:0; right:0; }
#contentLeft #contentImageBL 	{ background-image:url(../images/contentImageBL.png); bottom:0;	left:0; }
#contentLeft #contentImageBR 	{ background-image:url(../images/contentImageBR.png); bottom:0; right:0; }

/* contentRight */

/* berichten */
#contentRight div.berichtTop 		{ background-image:url(../images/berichtTop.png); background-repeat:no-repeat; width:280px; height:5px; line-height:5px; margin:0; }
#contentRight div.berichtBottom 	{ background-image:url(../images/berichtBottom.png); background-repeat:no-repeat; width:280px; height:5px; line-height:5px;	margin:0; }

#contentRight div.bericht,
#contentRight div.project 			{ background-color:#c1beb2; width:260px; position:relative; }
#contentRight div.bericht			{ padding:10px 10px 5px; }
#contentRight div.bericht h1, 
#contentRight div.project h1,
#contentRight div.bericht h1 a,
#contentRight div.project h1 a		{ font-size:16px;color:#362f2d; margin:0 0 5px; font-weight:normal; text-decoration:none }
#contentRight div.bericht h2, 
#contentRight div.project h2 		{ margin:0 0 5px;font-size:16px; }
#contentRight div.bericht h2 a 		{ font-size:16px; }
#contentRight div.bericht h2 a:hover { color:#534741; text-decoration:none; }
#contentRight div.bericht p 		{ margin:0 0 5px; text-align:justify; }
#contentRight div.bericht a 		{ color:#FFFFFF; text-decoration:none; }
#contentRight div.bericht a:hover 	{ text-decoration:underline; }

#contentRight div.project 					{ cursor:pointer; padding:0; width:280px; }
#contentRight div.project div.berichtTop 	{ background-image:url(../images/overlay_top.png); position:absolute; top:0; left:0; }
#contentRight div.project div.berichtBottom { background-image:url(../images/overlay_bottom.png); position:absolute; bottom:0; left:0; }

/* footer */
#mainContainer #footerContainer 			{ /*background-image:url(../images/footerBackground.jpg);*/background-repeat:repeat-x; width:100%; height:112px; }
#mainContainer #footerContainer #footer		{ padding:20px 0 0; margin:0 auto; position:relative; width:960px; }
#mainContainer #footerContainer #footer * 	{ font-size:11px; line-height:18px; }
#mainContainer #footerContainer #footer ul 	{ margin:0; padding:0; list-style-type:none; }

#footer #adres, 
#footer #info, 
#footer #contact, 
#footer #keywords 							{ padding:10px 25px 0; float:left; position:relative; height:56px; }
#footer #adres p,
#footer #info p, 
#footer #contact p, 
#footer #keywords p 						{ color:#efecdd; margin:0; }
#footer #adres .bold 						{ font-weight:bold;	color:#362f2d; }
#footer #info a, 
#footer #contact a, 
#footer #keywords a 						{ color:#362f2d; text-decoration:none; }
#footer #info a:hover, 
#footer #contact a:hover, 
#footer #keywords a:hover 					{ text-decoration:underline; }
#footer #madeinarnhem 						{ float:right; width:250px; padding:10px 0 0 0; position:relative; }

/* Projecten */
#contentLeft div.projectContainer 							{ position:relative; float:left; margin:0; cursor:pointer; }
#contentLeft div.projectContainer div.projectHeader,
#contentLeft div.projectContainer div.projectFooter			{ position:relative; width:190px; padding:5px 10px; }
#contentLeft div.projectContainer div.projectImage			{ position:relative; width:190px; padding:0 10px; }
#contentLeft div.projectContainer div.projectHeader 		{ background:url(../images/projectRipHeader.png) no-repeat top left; height:40px; text-align:left; }
#contentLeft div.projectContainer div.projectHeader h2 		{ font-size:13px; margin:0;	padding:5px 0; }
#contentLeft div.projectContainer div.projectHeader h2 a 	{ text-decoration:none; }
#contentLeft div.projectContainer div.projectImage 			{ position:relative; background:url(../images/projectRipFill.png) repeat-y top left; width:190px; }
#contentLeft div.projectContainer 
	divprojectImage div.projectImageHolder 					{ position:relative; overflow:hidden; border:1px solid #9f9b8d; width:190px; height:126px; }
#contentLeft div.projectContainer div.projectFooter 		{ background:url(../images/projectRipFooter.png) no-repeat bottom left;	text-align:right; color:#fff; }
#contentLeft div.projectContainer div.projectFooter a		{ color:#fff; text-decoration:none; }

/* Nieuws */
#contentLeft div.newsItem h2 		{ font-size:14px; font-weight:bold; margin:0; padding:0; line-height:20px; }
#contentLeft div.newsItem,
#contentLeft div.jobItem			{ padding:10px 30px 10px 10px; background:url(../images/linkout2.gif) no-repeat bottom right; cursor:pointer; }
#contentLeft div.newsItem:hover,
#contentLeft div.jobItem:hover		{ background:url(../images/linkout2.gif) no-repeat bottom right #dfddd2; }
#contentLeft div.newsItem h3,
#contentLeft div.jobItem h3			{ margin:0 0 10px; }
#contentLeft div.newsDivider,
#contentLeft div.jobDivider			{ background:url(../images/divider.gif) repeat-x top left; height:1px; line-height:1px; position:relative; margin:0; }

/* Sitemap */
#contentLeft div.sitemap ul			{}
#contentLeft div.sitemap ul li h2	{ margin:0; padding: 0}

/* Portfolio */
.portfolioItem,
.portfolioContainer					{ position:relative; float:left; }
.portfolioItem						{ width:467px; margin:0 20px 0 0; }
.portfolioContainer h2,
.portfolioItem h2					{ font-size: 15px; margin: 0 0 10px; }
.portfolioItemImage					{ width: 461px; height: 300px; border: 3px solid #362f2d; margin: 0 0 10px; overflow: hidden; background: url('../images/ajaxLoader.gif') no-repeat center; }
.portfolioItemThumbs				{ widows: 461px; margin: 0 0 10px; }
.portfolioItemThumbs ul				{ margin: 0; padding: 0; list-style-type: none; }
.portfolioItemThumbs ul li			{ float: left; width: 70px; height: 70px; border: 3px solid #fff; margin: 0 10px 10px 0; cursor: pointer; }
.portfolioItemThumbs ul li:hover,
.portfolioItemThumbs ul li.active	{ border: 3px solid #362f2d; }
.portfolioContainer					{ width:158px; }
.portfolioThumb						{ float: left; width: 70px; height: 70px; border: 3px solid #fff; margin: 0 3px 3px 0; cursor: pointer; }
.portfolioThumb img					{ border: 0; }
.portfolioThumb.active,
.portfolioThumb:hover				{ border: 3px solid #362f2d; }

/* opacity:0.4;filter:alpha(opacity=40) */

/* breaker class */
.breaker 			{ clear:both; height:0; line-height:0; }
/* Links on element */
.stopLink a 		{ text-decoration:none; }
/* vertical rule */
.vr 				{ /*background-image:url(../images/vr.png); background-repeat:no-repeat;*/ background-color:#a8a594; width:1px; height:66px; float:left; }
.divider 			{ background:url(../images/divider.gif) repeat-x top left; height:1px; line-height:1px; position:relative; margin:10px 0; }

h3.customH3		{ font-size:12px; font-weight:bold; text-decoration:none; margin:0; padding:0; }
.projectViewImage 		{ float:left; }
.projectViewImage img 	{ border:1px solid #9F9B8D; }
.projectViewImage p img { border:none; }

/* Google maps */
#googlemaps						{ height:400px; width:643px; border:1px solid #534741; margin:0 0 10px; }
#googleMapsInfo 				{ display:none; }

/* Unknown */
.portfolioHeader 				{ font-size:16px; }
.projectOverlay 				{ position:absolute; height:100%; width:100%; background:#D7D4C6; filter:alpha(opacity=40); -moz-opacity:.40; opacity:.40; top:0; left:0; }
.projectOverlayOver 			{ position:absolute; height:100%; width:100%; top:0; left:0; }