/********************************************************************************/
/*																				*/
/* All parts of this file - including, but not limited to, images, layout, 		*/
/* code, and scripts - are copyright R.F.J. Vring (ArVee). 						*/
/* All code is (c) ArVee, 2005-2006 unless otherwise noted in the source code. 	*/
/* No parts may be used without the expressed, written consent of ArVee. 		*/
/* Partially or wholly reproducing portions of this file without written  		*/
/* consent is strictly prohibited.												*/
/*																				*/
/* (c) 2005, 2006 R.F.J. Vring (ArVee) (arvee_at_notebook@hotmail.com)			*/
/*																				*/
/********************************************************************************/

/*------------------------------------------------------------------------------*/
/* note:properties prefixed with an underscore (_) are ie hacks. 				*/
/*------------------------------------------------------------------------------*/
body,
* {
	background-attachment:  fixed;
	background-position:    top left;
	background-repeat:      repeat;
	font-family:            Verdana, sans-serif;
	font-size:              10px;
	margin:                 0;
	overflow:               hidden;
	padding:                0;
	}
IMG {
	border:                 none;
	}
IMG.arrow {
	height:                 16px;
	width:                  15px;
	}
IMG.arrow1 {
	height:                 20px;
	width:                  16px;
	}
IMG.arrow2 {
	height:                 20px;
	margin-left:            5px;
	margin-right:           5px;
	width:                  20px;
	}
IMG.arrow3 {
	height:                 15px;
	width:                  15px;
	}
IMG.spacer {
	height:                 1px;
	width:                  600px;
	}
IMG.home {
	height:                 354px;
	width:                  563px;
	}
IMG.foto_frame {
	height:                 478px;
	width:                  604px;
	}
IMG.fluiter {
	height:                 56px;
	width:                  166px;
	}
IMG.changeyourbackground {
	height:                 17px;
	width:                  154px;
	}
IMG.publication {
	height:                 239px;
	width:                  302px;
	float:					left;
	margin:					0 8px 8px 0;
	}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.currentPhoto {
	border:                 1px solid white;
	display:                none;
	height:                 40px;
	left:                   0;
	position:               absolute;
	top:                    0;
	width:                  40px;
	}
.menuFocus {
	cursor:                 default;
	}
.menuFocus IMG {
	filter:                 Alpha(Opacity=90);
	opacity:                .9;
	-moz-opacity:           .9;
	}
.menuNormal {
	cursor:                 pointer;
	_cursor:				hand;
	filter:                 Alpha(Opacity=50);
	opacity:                .5;
	-moz-opacity:           .5;
	}
.menuNormal IMG {
	filter:                 Alpha(Opacity=50);
	opacity:                .5;
	-moz-opacity:           .5;
	}
.menuNormal:hover IMG {
	filter:                 Alpha(Opacity=100);
	opacity:                .9;
	-moz-opacity:           .9;
	}
.thumbFocus {
	}
.thumbNormal {
	cursor:                 pointer;
	}
.invisible {
	display:                none;
	}
.visible {
	display:                block;
	}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.navigatie IMG,
.footer IMG,
.fotoframe .foto IMG,
.fotoframe .frame IMG,
.color_chooser IMG,
.color_chooser .arrows IMG,
.orderform IMG,
.contactform IMG,
.portfolioArrows IMG,
.portfolioTopicArrows IMG,
.portfolioThumbnailArrows IMG {
	behavior:               url(./behaviour/pngbehavior.htc);
	}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.body {
	background-image:       url(../images/background.jpg);
	}
.body_mask {
	background-color:       #544A4D;
	height:                 100%;
	position:               absolute;
	visibility:             hidden;
	width:                  100%;
	filter:                 Alpha(Opacity=90);
	opacity:                .9;
	-moz-opacity:           .9;
	}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.content_container {
	background-color:       #78383F;
	color:                  #FFFFFF;
	height:                 100%;
	left:                   50%;
	margin-left:            -400px;
	overflow:               hidden;
	position:               absolute;
	text-align:             left;
	top:                    0;
	visibility:             hidden;
	width:                  800px;
	}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.footer {
	height:                 66px;
	margin-top:             -66px;
	position:               absolute;
	text-align:             center;
	top:                    100%;
	width:                  100%;
	}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.portfolioArrows,
.portfolioTopicArrows,
.portfolioThumbnailArrows {
	left:                   50%;
	margin-left:            -50px;
	position:               absolute;
	text-align:             center;
	top:                    0px;
	visibility:             hidden;
	width:                  100px;
	}
.portfolioTopicArrows,
.portfolioThumbnailArrows {
	height:                 40px;
	left:                   50%;
	margin-left:            -303px;
	overflow:               visible;
	top:                    89px;
	width:                  606px;
	}
.portfolioTopicArrows {
	height:                 15px;
	top:                    24px;
	}
.portfolioTopicArrows .indicatorPrev,
.portfolioThumbnailArrows .indicatorPrev {
	float:                  left;
	height:                 40px;
	position:               relative;
	top:                    -40px;
	width:                  40px;
	}
.portfolioTopicArrows .indicatorNext,
.portfolioThumbnailArrows .indicatorNext {
	float:                  right;
	height:                 40px;
	position:               relative;
	top:                    -40px;
	width:                  40px;
	}
.portfolioTopicArrows .indicatorPrev,
.portfolioTopicArrows .indicatorNext {
	height:                 15px;
	top:                    -15px;
	width:                  15px;
	}
.portfolioTopicArrows #prevTopic,
.portfolioThumbnailArrows #prevPage {
	float:                  left;
	margin-left:            -28px;
	position:               relative;
	top:                    -30px;
	}
.portfolioTopicArrows #prevTopic {
	margin-left:            -15px;
	top:                    -15px;
	}
.portfolioTopicArrows #nextTopic,
.portfolioThumbnailArrows #nextPage {
	float:                  right;
	margin-right:           -28px;
	position:               relative;
	top:                    -30px;
	_padding-left:          10px;
	}
.portfolioTopicArrows #nextTopic {
	margin-right:           -15px;
	top:                    -15px;
	_padding-left:          10px;
	}
.portfolioArrows .arrows A,
.portfolioTopicArrows A,
.portfolioThumbnailArrows A {
	display:                block;
	float:                  left;
	outline:                none;
	text-decoration:        none;
	}
.portfolioArrows .arrows A:active,
.portfolioTopicArrows A:active,
.portfolioThumbnailArrows A:active {
	outline:                none;
	}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.color_chooser,
.color_chooser_backdrop,
.color_chooser_backdrop_mask {
	border:                 1px solid black;
	height:                 66px;
	left:                   100%;
	margin-left:            -200px;
	margin-top:             -66px;
	overflow:               hidden;
	padding-left:           14px;
	position:               absolute;
	top:                    100%;
	width:                  168px;
	_width:                 182px;
	}
.color_chooser_backdrop {
	background-image:       url(../images/black.gif);
	}
.color_chooser_backdrop_mask {
	filter:                 Alpha(Opacity=70);
	opacity:                .7;
	-moz-opacity:           .7;
	}
.color_chooser P {
	background-color:       inherit;
	color:                  #9A9797;
	margin:                 5px 0 2px 0;
	}
.color_chooser .bar {
	border:                 1px solid #322022;
	cursor:                 pointer;
	float:                  left;
	height:                 100px;
	position:               relative;
	width:                  14px;
	}
.color_chooser .bar#a {
	background-color:       #544A4D;
	color:                  inherit;
	}
.color_chooser .bar#b {
	background-color:       #78383F;
	color:                  inherit;
	}
.color_chooser .bar#c {
	background-color:       #365747;
	color:                  inherit;
	}
.color_chooser .bar#d {
	background-color:       #4D2617;
	color:                  inherit;
	}
.color_chooser .bar#e {
	background-color:       #3D2636;
	color:                  inherit;
	}
.color_chooser .bar#f {
	background-color:       #404238;
	color:                  inherit;
	}
.color_chooser .arrows {
	float:                  left;
	height:                 100px;
	padding-left:           20px;
	padding-top:            10px;
	_padding-left:          23px;
	}
.color_chooser .arrows A {
	display:                block;
	float:                  left;
	height:                 16px;
	outline:                none;
	text-decoration:        none;
	width:                  15px;
	}
.color_chooser .arrows A:active {
	outline:                none;
	}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.fotoframe,
.textframe,
.iframe,
.orderform,
.contactform {
	height:                 478px;
	left:                   50%;
	margin-left:            -302px;
	position:               absolute;
	top:                    120px;
	width:                  604px;
	}
.fotoframe .foto,
.fotoframe .caption {
	height:                 440px;
	left:                   35px;
	overflow:               hidden;
	position:               absolute;
	top:                    20px;
	width:                  560px;
	}
.fotoframe .frame {
	position:               absolute;
	}
.fotoframe .caption {
	margin-top:             -15px;
	text-align:             right;
	text-transform:         lowercase;
	visibility:             hidden;
	width:                  540px;
	filter:                 Alpha(Opacity=60);
	opacity:                .6;
	-moz-opacity:           .6;
	}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.cart {
	z-index:				999;
	left:                   155px;
	xmargin-left:            -302px;
	position:               absolute;
	bottom:                 83px;
	_bottom:				105px;
	width:                  40px;
	height:                 49px;
}
.cart .selectcart {
	float: right;
	xmargin-right: 10px;
	background: transparent url(../images/winkelwagentje.png) no-repeat top left;
	padding-left: 40px;
	overflow: hidden;
	filter:                 Alpha(Opacity=50);
	opacity:                .5;
	-moz-opacity:           .5;
	height: 49px;
}
.cart .selectcart:hover {
	filter:                 Alpha(Opacity=90);
	opacity:                .9;
	-moz-opacity:           .9;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.orderform,
.contactform {
	display:				none;
	filter:                 Alpha(Opacity=70);
	opacity:                .7;
	-moz-opacity:           .7;
}
.orderform-inner,
.contactform-inner {
	background-color: #262123;
	width: 368px;
	height: 268px;
	_width: 400px;
	_height: 300px;
	position: absolute;
	left: 105px;
	left: 120px;
	top: 80px;
	top: 90px;
	padding: 16px;
	border: 1px solid #797476;
}
.form {
	line-height: 20px;
	height: 140px;
}
.form INPUT, .form TEXTAREA {
	position: absolute;
	left: 160px;
	width: 180px;
}
.formbuttons {
	padding-left: 160px;
	margin-top: 6px;
}
.formbuttons INPUT {
	width: 84px;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.contactform {
}
.contactform-inner {
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.textframe {
	display:                none;
	filter:                 Alpha(Opacity=60);
	opacity:                .6;
	-moz-opacity:           .6;
	}
.textframe .textbox {
	cursor:                 default;
	height:                 420px;
	left:                   55px;
	overflow:               auto;
	position:               absolute;
	top:                    30px;
	width:                  540px;
	}
.textframe .textbox .textscroll * {
	font-family:            Verdana, Arial, sans-serif;
	font-size:              11px;
	line-height: 1.3em;
	}
.textframe .textbox .textscroll {
	margin:                 10px 6px 10px 6px;
	}
.textframe .textbox .textscroll UL {
	}
.textframe .textbox .textscroll UL LI {
	padding-left:           1em;
	}
.textframe .textbox .textscroll A {
	color: White;
}
.textframe .textbox .textscroll A:hover {
	text-decoration: none;
}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.iframe {
	z-index: 9999;
	display:                none;
	}
.iframe IFRAME {
	height:                 420px;
	left:                   55px;
	overflow:               auto;
	position:               absolute;
	top:                    30px;
	width:                  540px;
	}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.navigatie {
	height:                 20px;
	left:                   50%;
	margin-left:            -302px;
	position:               absolute;
	text-align:             justify;
	top:                    100px;
	width:                  604px;
	}
.navigatie A {
	color:					white;
	_color:                 #A9A4A6;
	outline:                none;
	text-decoration:        none;
	text-transform:         uppercase;
	white-space:            pre;
	}
.navigatie A:active {
	_color:					white;
	outline:                none;
	}
.navigatie A:hover {
	_color:					white;
	filter:                 Alpha(Opacity=90);
	opacity:                .9;
	-moz-opacity:           .9;
	}
.navigatie #imgPortfolio {
	height:                 12px;
	width:                  47px;
	}
.navigatie #imgSeries {
	height:                 12px;
	width:                  34px;
	}
.navigatie #imgPublicaties {
	height:                 12px;
	width:                  57px;
	}
.navigatie #imgWerkwijze {
	height:                 12px;
	width:                  54px;
	}
.navigatie #imgGastenboek {
	height:                 12px;
	width:                  61px;
	}
.navigatie #imgBiografie {
	height:                 12px;
	width:                  48px;
	}
.navigatie #imgContact {
	height:                 12px;
	width:                  40px;
	}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.portfolioTopics {
	margin-left:            -282px;
	top:                    10px;
	visibility:             hidden;
	width:                  564px;
	}
.portfolioSubTopics {
	top:                    30px;
	visibility:             hidden;
	}
/*-----------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------*/
.thumbnails {
	height:                 50px;
	left:                   50%;
	margin-left:            -255px;
	overflow:               hidden;
	position:               absolute;
	text-align:             justify;
	top:                    50px;
	visibility:             hidden;
	width:                  514px;
	}
.thumbnails A {
	float:                  left;
	height:                 40px;
	margin-right:           7px;
	outline:                none;
	overflow:               hidden;
	text-decoration:        none;
	width:                  40px;
	filter:                 Alpha(Opacity=50);
	opacity:                .5;
	-moz-opacity:           .5;
	}
.thumbnails A:active {
	outline:                none;
	}
.thumbnails A:hover {
	filter:                 Alpha(Opacity=100);
	opacity:                1.0;
	-moz-opacity:           1.0;
	}