a.mail, a.mail:visited{
       color:#e6ffea;
			 text-decoration:underline;
}

img { border:none;
}
#down {position:relative;/*plaatst (icon) 2px lager (op basislijn)*/
			 top:2px;
}			 

body {
		 font-family:Tahoma Arial Verdana;
}

div.header2 {
					 position:absolute;
					 left:50px;
					 top:50px;
					 width:920px;
					 height:140px;
					 z-index:1;
					 background-color:#242424;
}

img.header2 {
						height:40px;
						width:55px;
}

img.titel {
					margin:0px 0px 0px 190px;
}

table.header2 {
							position:relative;
							width:100%;
							font:7pt Tahoma;
					    color:white;
							z-index:2;
}
td.headerimg {
						 text-align:center;
}

div.menu {
				 position:absolute;
				 left:30px;
				 top:170px;
				 width:170px;
				 background-color:#ccc;
				 z-index:1;
}

ul.menu {
				margin-top:10px;
				color:#214343;
				list-style-position:inside;
}
a.menu, a.menu:visited{
			 font:9pt Tahoma;
			 color:#214343;
			 text-decoration:none;
}

div.content {
						background-color:#214343;
						position:absolute;
						top:170px;
						left:135px;
						width:735px;
						padding:50px 35px 55px 100px;
}

p.main, p.project, p.story{
			 position:relative;
			 font:9pt Tahoma;
			 color:#e6ffea;
			 width:410px;
			 padding-top:30px;
			 margin-bottom:20px;
			 letter-spacing:2pt;
}
p.project {
          position:absolute;
					top:20px;
}

p.main:first-line, p.project:first-line, p.story:first-line, td.maaktekst:first-line, .titel {
									font:12pt Tahoma;
									font-weight:bold;
									color:#999;
}
p.main:first-letter, p.project:first-letter, td.maaktekst:first-letter {
										font:20pt Tahoma;
}
p.main		{
					margin-bottom:35px;
}

p.story		{
					width:6600px;
					padding-top:10px;
					font:8pt Tahoma;
}										
div.images {
					 position:absolute;
					 top:100px;
					 right:35px;
					 width:210px;
}

img.main{
				 position:relative;
				 width:100%;
				 border:0px;
				 margin-bottom:10px;
}

div.footer {
         
				 position:relative;
			   float:bottom;
				 width:735px;
				 font:6.5pt Tahoma;
				 color:#e6ffea;
				 text-align:center;
				 
}

.maken {
						position:relative;
						top:40px;
						width:735px;
}

td.maaktekst {
						 font:9pt Tahoma;
			       color:#e6ffea;
						 padding-right:40px;
						 vertical-align:top;
}						 						

img.maakimg {
					 width:175px;
					 
}					 
table.press {
						position:relative;
						left:80px;
						top:40px;
						width:560px;
						margin:20px;
						
}
a.press {
				 		font:9pt Tahoma;
        		color:#e6ffea;
			  		text-decoration:underline;
}

td.pressdate {
				 font:9pt Tahoma;
				 color:#e6ffea;
}							
table.adres {
						position:relative;
						width:100%;
						height:170px;
						margin-top:2px;
						background-color:#2f4f4f;
						margin-bottom:4px;
}
						
td.label {
				 font:8pt Tahoma;
				 color:#e6ffea;
				 text-align:right;
}				 									 
td.tabel {
				 font:7pt Tahoma;
				 color:#e6ffea;
				 text-align:left;
}
td.value {
				 font:8pt Tahoma;
				 color:#e6ffea;
}				 				  

div.project {
						position:relative;
						
						
}						

table.project {
						position:relative;
						top:40px;
						left:430px;
					  width:220px;
											
}

td.project {
					 text-align:right;
					 vertical-align:top;
					 font:8pt Tahoma;
					 color:#e6ffea;
}				 
	
td.project2 {
					 text-align:left;
					 vertical-align:top;
					 font:8pt Tahoma;
					 color:#e6ffea;
					 }
img.project {
						width:150px;
}
img.projectfoto1 {
						width:200px;
}
img.projectfoto2 {
						width:148px;
						height:200px;
}

img.project2 {
						width:300px;
}

img.project1foto {
						width:300px;
}
hr.project {
           position:relative;
					 bottom:-25px;
					 margin:20px 0px 20px 0px;
					 color:#e6ffea;
}
table.actie {
				 height:64px;
				 width:98%;		
				 border:solid 1px;
				 border-color:#999;
				 padding:2px;
				 margin:1px 0px 1px 1px;
}
img.actie {
					height:56px;
					width:100%;
}
div.tweetmeme				 {
										 padding-top:100px;
										 margin-right:35px;
										 margin-bottom:20px;								
}

div.slidenav				{
										width:100%;
										background-color:#ccc;
										margin-right:35px;
										margin-top:5px;
}
table.slidenav			{
																				
}
td.slidenav					{
										width:100px;
										height:70px;
										margin:4px;
										text-align:center;
										border:solid 1px black;
}
#button							{
										width:20px;
										}
td.slidearrow				{
										width:50px;
}
img.slidenav				{
										max-width:100px;
										max-height:70px;
										border:0;
}
table.werkplaats		{width:735px;
}		
td.werkplaats_li		{
										width:435px;
}
td.werkplaats_re		{
										width:150px;
}
td.werkplaats_re2col		{
										width:300px;
}
img.werkplaats_re		{
										width:170px;
										float:right;
}
img.story300		{
										width:300px;
										
}
img.story200		{
										width:200px;
										
}

font.ref_kop				{
										font:8pt Tahoma;
					    			color:#e6ffea;
}
.ref_body				{
										font:9pt Tahoma;
					    			color:#e6ffea;
}
img.ref							{
										width:250px;
										float:right;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none;}

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }