/*=======================================================================================
=                           artnetty All Rights Reserved                                =
=======================================================================================*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,button,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,form,fieldset,input,textarea{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:normal;margin:0;outline:0;padding:0;vertical-align:baseline;}
li,ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th,td{font-weight:normal;text-align:left;}
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}
.clearfix:after{clear:both;content:".";display:block;height:0;visibility:hidden;}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

html{
font-size:100%;
height:100%;
width:100%;}

body{
background:#fff;
color:#444;
direction:ltr;
font:100% verdana,sans-serif;
line-height:1.4em;
letter-spacing:0.02em;}

div{
background:transparent;
overflow:none;
position:relative;}

a{
color:#C14E35;
text-decoration:none;}

h1{
color:#84815B;
font-size:120%;
font-style:italic;
font-weight:300;}

h3{
color:#8E3557;
font-size:120%;
font-weight:300;
margin:45px 0px 5px 150px;}

h4{
color:#84815B;
font-size:100%;
font-weight:300;
margin:0px 0px 5px 150px;}

h5{
color:#C14E35;
font-size:100%;
font-weight:300;
margin:30px 0px 5px 150px;}

p{margin:45px 0px 35px 150px;}

ul{margin:45px 0px 35px 200px;} 

table{margin:45px 0px 35px 200px;width:500px;}

img{
border:0px;}

.imghomehor{
border:1px solid #A8A68C;
margin:60px 148px 60px 148px;}

.imghomever{
border:1px solid #A8A68C;
margin:0px 208px 0px 208px;}

.hori{
border-bottom:1px solid #84815B;
border-left:1px solid #A8A68C;
border-right:1px solid #84815B;
border-top:1px solid #A8A68C;
margin:30px 26px 30px 27px;
padding:25px;}

.vert{
border-bottom:1px solid #84815B;
border-left:1px solid #A8A68C;
border-right:1px solid #84815B;
border-top:1px solid #A8A68C;
margin:10px 46px 10px 47px;
padding:25px;}

.actief{
background:#c14e35;
color:#fff;}

#main{
left:50%;
margin-left:-390px;
overflow:visible;
position:absolute;
top:0%;
width:780px;}

#logo{
background:#fff url("netty-beukers-van-steen.png") no-repeat bottom center;
cursor:hand;
height:120px;
float:left;
width:780px;}

#slogan{
height:50px;
float:right;
width:540px;}

#navigatie{
height:64px;
float:left;
width:780px;}

#navigatie ul{
list-style-type:none;
margin:0;
padding:0;}

#navigatie ul li{
border-right:1px solid #fff;
display:inline;
float:left;
position:relative;}

#navigatie ul li a{
display:block;
padding-bottom:2px;
padding-top:1px;
text-align:center;
text-decoration:none;
width:110px;}

#navigatie ul li a:hover{
background:#c14e35;
color:#fff;
/*
color:#8E3557;
*/}

/* Holly Hack for IE \*/
* html #navigatie ul li {float:left;height:1%;}
* html #navigatie ul li a {height:1%;}
/* End */

#content{
float:left;
width:780px;}

#voetnoot{
color:#a17527;
float:left;
font-size:90%;
margin-top:50px;
text-align:center;
width:780px;}

#beschrijving{
display:none;
visibility:hidden;}


#vlightbox { zoom:1; }
#vlightbox span{ display:block; }
#vlightbox a{
	display:-moz-inline-stack;
	display:inline-block;
	zoom:1;
	*display:inline;
	position:relative;
	vertical-align:top;
	width:180px;
	margin:3px 1px;
	padding:6px;
	border:solid 1px #b8b8b8;
	background-color:#f4f5f5;
	font-family:Trebuchet,Tahoma,Arial,sans-serif;
	font-size:11px;
	font-weight:normal;
	text-align:center;
	opacity:0.87;
}
#vlightbox a img{
	display:block;
	border:none;
	margin:0px;
}
#vlightbox a:hover{
	opacity:1;
}


#overlay{position: absolute;top: 0;left: 0;z-index: 90;width: 100%;height: 500px;
background-color: #151410;filter:alpha(opacity=60);-moz-opacity: 0.6;opacity: 0.6;}

#lightbox{position: absolute;top: 20px;left: 0;	width: 100%;z-index: 100;text-align: center;
color:#444;line-height:0;}

#lightbox a, #lightbox a:hover {border-bottom:none;color:#151410;text-decoration:underline;}

#lightbox a img{ border: none; }

#outerImageContainer{width: auto;height: auto; /* without this line error in IE8 detected */
margin:0 auto;position: relative;}

#imageContainer{width:10px;height:10px;
/*origineel= margin: 0 auto;*/
margin:75px 75px 0px 75px;

overflow:hidden;background-color: #fff;position: relative;font-size:0;
/* ie fix - big info bar*/}

#loading{position: absolute;top: 40%;left: 0%;height: 25%;width: 100%;text-align: center;
font-size:12px;z-index:1;}

#loadingLink {display:block;margin:0 auto;padding:0;width:128px;	height:15px;background:url(loading.gif) center center no-repeat;text-indent:-9999px;}

#hoverNav{position: absolute;top: 0;left: 0;height: 100%;width: 100%;z-index: 10;}

#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{width: 49%;height: 100%;background-image: url(data:image/gif;base64,AAAA); 
/* Trick IE into showing hover */
display: block;	text-indent:-9999px;}

#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url(prev.png) 5% center no-repeat; 
	_background-image:url(../images/prev_ie6.gif)
}
#nextLinkImg:hover, #nextLinkImg:visited:hover { 
	background: url(next.png) 97% center no-repeat; 
	_background-image:url(../images/next_ie6.gif)
}

#imageDataContainer{
/*
font: 14px Verdana, Helvetica, sans-serif;

font-family: "Lucida Grande",tahoma,verdana,arial,sans-serif;
font-size:13px;background-color: #fff;
*/
font:100% verdana,sans-serif;
font-size:14px;
margin:10px 75px 0px 75px;
width:100%;}

#imageData{overflow:hidden;width:100%;}

#imageDetails{width: 80%; float: left; text-align: center; 	margin-left:8%;}

#caption{height:25px; display:block;}

#numberDisplay{height:25px;display: block; float: left; 
/*padding:3px 10px 0 0;*/
width:100%;}

#detailsNav{height:25px;display:block; float:right;padding:0; width:60%}	

#prevLinkDetails, #nextLinkDetails, #slideShowControl{ background-repeat:no-repeat; outline-style:none; display:block; float:left;}
#prevLinkDetails { margin:3px; margin-top:0px; width:22px;height:22px; background: url(prevlabel.gif) left center;}
#nextLinkDetails { margin:3px; margin-top:0px; width:22px;height:22px; background: url(nextlabel.gif) right center;}
#slideShowControl.started{background-image:url(pause.gif);}
#slideShowControl{display:block;width:22px;height:22px;float:left;background:url(start.gif);
background-position:center center;background-repeat:no-repeat;}
#close{padding:0;margin-top:40px;float:right;width:10%;}
#closeLink {display:block; outline-style:none; margin:0; padding:0; text-decoration:none; 
width:32px;height:32px;background:url(close.gif) no-repeat;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html>body .clearfix {display: inline-block; width: 100%;}
* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
}	
	
#outerImageFrame{
	border:solid 1px red;
	height:100%;
	width:100%;
	position:absolute;
}


#outerImageContainer{
	overflow:visible;
}
#outerImageContainer td{
	text-align:center;
	padding:0;
}

#lightboxFrameBody{
	background-color: #fff;
	border:solid 1px #fff; /* hack for opera table small cell width */
}

#outerImageContainer td{
	font-size:0;
}
/* frame style */
#outerImageContainer td.tl, #outerImageContainer td.br{
	height:21px;
	width:21px;
}

#outerImageContainer td.tl{
	background-image:url(borderTopLeft.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderTopLeft.png', sizingMethod='scale');
}
#outerImageContainer td.tc{
	background-image:url(borderTopCenter.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderTopCenter.png', sizingMethod='scale');
}
#outerImageContainer td.tr{
	background-image:url(borderTopRight.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderTopRight.png', sizingMethod='scale');
}
#outerImageContainer td.ml{
	background-image:url(borderMiddleLeft.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderMiddleLeft.png', sizingMethod='scale');
}
#outerImageContainer td.mr{
	background-image:url(borderMiddleRight.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderMiddleRight.png', sizingMethod='scale');
}
#outerImageContainer td.bl{
	background-image:url(borderBottomLeft.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderBottomLeft.png', sizingMethod='scale');
}
#outerImageContainer td.bc{
	background-image:url(borderBottomCenter.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderBottomCenter.png', sizingMethod='scale');
}
#outerImageContainer td.br{
	background-image:url(borderBottomRight.png);
	_background-image: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='borderBottomRight.png', sizingMethod='scale');
}



/*=======================================================================================
=                 Copyright (c) 2004 - 2010 artnetty [http://www.artnetty.com]          =
=======================================================================================*/