/* body ----------------------------------------------------------- */

.titelboxgr {
	width: 643px;
	background: url(../shared/bg-titelgroot.png) repeat-x;
	display: inline-block;
	height: 69px;
}

body { 
overflow: -moz-scrollbars-vertical; 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
	color: #474747;
	font-family: Georgia, serif;
}


/* V2! ----------------------------------------------------------- */
.fotoverhalen {
	height: 100px;
	float: left;
	display: inline-block;
	width: 295px;
	margin-top: 118px;
	color: #d9d9d9;
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: justify;
}

.u {
	text-decoration: underline;
}


.portfolio {
	float: left;
	display: inline-block;
	width: 990px;
	color: #d9d9d9;
	font-size: 18px;
	line-height: 26px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	text-align: justify;
}


/* einde V2 ----------------------------------------------------------- */




#foto-grafisch-ontwerper-box
{
	/* Horizontal gecentreerd */
	margin			: 0px auto; 
	width			: 988px;
	
	/* Horizontaal en verticaal centreren 
	position		: absolute;
	width			: 988px;
	left			: 50%;
	top				: 50%;
	margin			: -250px 0 0 -495px;*/
}

.topnav {
	width: 968px;
	clear: both;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	padding-right: 20px;
	background-color: #474747;
	padding-top: 3px;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 0;titel
	height: 20px;
	padding-bottom: 4px;
}

.archiefpos {
	display: inline-block;
	float: left;
	width: 224px;
	text-align: left;
	margin: 0;
	padding: 0;
	position: fixed;
}

.fotografie-boxgroot {
	width: 988px;
	display: inline-block;
	clear: both;
}

.groot {
	width: 690px;
	display: block;
	float: left;
	
}

.klein {
	width: 298;
	display: block;
	float: left;
	padding-top: 47px;
}

.update {
	color: #fffeff;
	background-color: #000;
	margin-right: 4px;
	margin-left: 8px;
	font: 8px "Trebuchet MS";
	text-transform: uppercase;
	letter-spacing: 1px;
	padding-left: 2px;
	padding-right: 2px;
}

.logobox {
	width: 945px;
	height: 40px;
	clear: both;
	background: url(../shared/fotografie-design-logogroot.png) no-repeat center top;
	font-size: 12px;
	text-align: center;
	padding-top: 105px;
	line-height: 19px;
	font-style: italic;
}

.fotoboxgroot {
	clear: both;
	width: 643px;
	height: 335px;
}

.fotoboxklein {
	clear: both;
	width: 298px;
	height: 173px;
	display: inline-block;
	
}

.marge {
	clear: both;
	width: 44px;
	height: 43px;
}

.margeh {
	width: 49px;
	height: 47px;
	float: left;
}

.boxhover {
	display: inline-block;
}

.boxhover:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	}

.titelboxkl {
	width: 298px;
	background: #ffffff;
	display: inline-block;
	height: 54px;
	clear: both;

}

.verder {
	vertical-align: text-bottom;
}

.fotografie-rij {
	clear: both;
	width: 943px;
	display: inline-block;
	padding-left: 43px;
	border: 0px solid #f0eff1;
	padding-top: 40px;
	padding-bottom: 40px;
}

.slogan-rij {
	clear: both;
	width: 990px;
	display: inline-block;
	margin-top: 40px;
}

.foto {
	float: left;
	width: 303px;
	height: 231px;
	margin-bottom: 40px;
	border-bottom: 20px solid #f3f3f3;
}

.fototxt {
	float: left;
	width: 273px;
	height: 228px;
	margin-bottom: 10px;
	border-left: 1px solid #ebecee;
	margin-right: 10px;	
	font-size: 11px;
	padding-left: 20px;
	line-height: 14px;
}

.handteken {
	padding-top: 10px;
	padding-right: 20px;
	font-size: 10px;
	color: #919191;
	font-style: italic;
	text-align: left;
	display: inline-block;
}

.txtmarge {
	padding-right: 20px;
}

.zilver {
	color: #c6c6c6;
	font-size: 17px;
}

.footerbox {
	width: 988px;
	height: 80px;
	clear: both;
}

.fotoweblog {
	width: 195px;
	height: 57px;
	display: inline-block;
	float: left;
	padding-left: 397px;
	margin-top: 15px;
}

.ew {
	width: 195px;
	height: 57px;
	padding-top: 50px;
	display: inline-block;
	float: left;
	padding-left: 10px;
}

.fotografischer-logoklein {
	text-align: right;
	width: 988px;
	clear: both;
	float: right;
	display: inline-block;
}

.terug {
	width: 988px;
	height: 27px;
	display: inline-block;
	clear: both;
	text-align: left;
	border-top: 1px solid #e1e1e1;
	padding-top: 2px;
}

.terugplat {
	width: 988px;
	height: 27px;
	display: inline-block;
	clear: both;
	text-align: left;
	margin-bottom: 18px;
}


.titelboxprofiel {	
	color: #ffffff;
	font-size: 25px;
	text-decoration: none;
	line-height: 35px;
	padding-top: 3px;
	padding-left: 10px;
	font-weight: normal;
	font-style: normal;
	float: left;
	width: 751px;
	height: 614px;
	background: url(../projectmap/fotografisch/coda1.jpg) no-repeat;
}

.titelboxtunes {	
	color: #ffffff;
	font-size: 25px;
	text-decoration: none;
	line-height: 35px;
	padding-top: 3px;
	padding-left: 10px;
	font-weight: normal;
	font-style: normal;
	float: left;
	width: 751px;
	height: 614px;
	background: url(../projectmap/fotografisch/coda4.jpg) no-repeat;
}

.titelboxcontact {	
	color: #ffffff;
	font-size: 25px;
	text-decoration: none;
	line-height: 35px;
	padding-top: 3px;
	padding-left: 10px;
	font-weight: normal;
	font-style: normal;
	float: left;
	width: 751px;
	height: 614px;
	background: url(../projectmap/fotografisch/coda2.jpg) no-repeat;
}

.titelboxlinks {	
	color: #ffffff;
	font-size: 25px;
	text-decoration: none;
	line-height: 35px;
	padding-top: 3px;
	padding-left: 10px;
	font-weight: normal;
	font-style: normal;
	float: left;
	width: 751px;
	height: 614px;
	background: url(../projectmap/fotografisch/coda3.jpg) no-repeat;
}


.intro {
	color: #e0e0e0;
	font-size: 37px;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	font-style: italic;
	height: 45px;
	width: 991px;
	border-top: 3px solid #e7e7e7;
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 5px;
}

.introklein {
	color: #c8c8c8;
	font-size: 17px;
	text-decoration: none;
	display: inline-block;
	text-align: center;
	font-style: italic;
	height: 20px;
	width: 991px;

}



.titelboxcoda {	
	color: #ffffff;
	font-size: 25px;
	text-decoration: none;
	line-height: 35px;
	padding-top: 3px;
	padding-left: 10px;
	font-weight: normal;
	font-style: normal;
	float: left;
	width: 775px;
	height: 581px;
}

.txtbox {
	float: left;
	width: 170px;
	padding-top: 100px;
	height: 581px;
	font-size: 12px;
	line-height: 16px;
}

.txtboxprofiel {
	float: left;
	width: 198px;
	padding-top: 20px;
	height: 594px;
	font-size: 12px;
	line-height: 14px;
	background-color: #f4f4f4;
	padding-right: 12px;
	padding-left: 12px;
}

.onderschrift {
	width: 700px;
	height: 20px;
	clear: both;
	color: #bbff6c;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	background-color: #8bfe64;
} 

.sub {
	font-size: 10px;
	font-style: italic;
}


/* img ----------------------------------------------------------- */

img {
border:0px;
}

a.imglink  img {
	opacity: 1;
	filter: alpha(opacity=100);
}

a.imglink:hover img
{
	opacity: .5;
	filter: alpha(opacity=50);
}

a.imglinkdia  img {
	opacity: .7;
	filter: alpha(opacity=70);
}

a.imglinkdia:hover img
{
	opacity: 1;
	filter: alpha(opacity=100);
}

a.imglinkintro img {
	opacity: 1;
	filter: alpha(opacity=100);
	float: right;
}

a.imglinkintro:hover img
{
	opacity: .5;
	filter: alpha(opacity=50);
	float: right;
}

/* blokrollovers ----------------------------------------------------------- */

.rolloverblokgroot {
	width: 207px;
	height: 194px;
	float: left;
	display: inline-block;
}

.rolloverblokgroot:hover {
	opacity: .8;
	filter: alpha(opacity=80);
	}
	
	
/* hyperlinks ----------------------------------------------------------- */

a { 
color: #474747; 
text-decoration: none; 
}

a:link { 
color: #474747; 
text-decoration: none; 
}

a:visited { 
color: #474747; 
text-decoration: none; 
}

a:hover { 
color: #98cac4; 
text-decoration: none; 
}

a:active { 
color: #474747; 
text-decoration: none; 
}



/* wit ----------------------------------------------------------- */

.wit {
color: #ffffff;
}

a.wit { 
color: #ffffff; 
text-decoration: none; 
}

a:link.wit { 
color: #ffffff; 
text-decoration: none; 
}

a:visited.wit { 
color: #ffffff; 
text-decoration: none; 
}

a:hover.wit { 
color: #b7cac6; 
text-decoration: none;
}

a:active.wit { 
color: #ffffff; 
text-decoration: none;
}

/* blue ----------------------------------------------------------- */

.blue {
color: #98cac4;
}

a.blue { 
color: #98cac4; 
text-decoration: none; 
}

a:link.blue { 
color: #98cac4; 
text-decoration: none; 
}

a:visited.blue { 
color: #98cac4; 
text-decoration: none; 
}

a:hover.blue { 
color: #e1e1e1; 
text-decoration: none;
}

a:active.blue { 
color: #98cac4; 
text-decoration: none;
}

/* titels ----------------------------------------------------------- */

.aantal {
	font-size: 12px;
	color: #bababa;
	font-style: italic;
}

.aantalbig {
	font-size: 17px;
	color: #515151;
	font-style: italic;
}

.h1 {
	color: #474747;
	font-size: 30px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 30px;
	display: inline-block;
	height: 27px;
	padding-top: 3px;
}

.h2 {
	color: #98cac4	;
	margin-left: 7px;
	font: normal small-caps 18px/43px "trebuchet ms";
	text-decoration: none;
}

.h3 {
	color: #474747;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	line-height: 27px;
}

.h4 {
	color: #919191;
	text-decoration: none;
	margin-left: 5px;
	font: italic 11px/14px "trebuchet ms";
}

h5 {
	color: #a9a9a9;
	font-size: 18px;
	text-decoration: none;
}