html, body {
	background-color: black;
	margin: 0; 
	overflow: auto;
	color: #999;
	padding: 0; 
	width: 100%; 
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	font-family:arial, verdana, sans-serif;
}

.fotodiv {
	float:left;
	padding-left: 3px;
	padding-top:3px;
}

.s_focus {
	position:absolute;
	float:left;
	padding:0px;
	width:14px;
	height:14px;
	z-index:10;
	cursor:pointer;
	display:none;
}

.gps_ico {
	position:absolute;
	float:right;
	padding: 1px 0px 0px 32px;
	width:15px;
	height:13px;
}

.thumbs {
	float:left;
	width:294px;
	font-weight:bold;
	text-align:left;
}

.gal_name {
	position:relative;
	text-align:center;
	font-weight:bold;
	font-size:15px;
}

a:link { color: #999; font-style:italic; text-decoration: none; }
a:visited { color: #999;  font-style:italic; text-decoration : none;}
a:active { color: #4040ff; }
a:hover { color: #4040ff; text-decoration : underline; }

.wrap {
	position:relative;
	width: 900px;
	min-height: 500px;
	height: auto !important;
	margin: 0 auto;
}

.header {
	position:relative;
	height: 35px;
	text-align: center;
	margin: 0 auto;
} 

.tekst_webdevelopment {
	padding: 0; 
	width: 100%; 
	font-size: 12px;
	text-align: left;
	font-family:arial, verdana, sans-serif;
}

.content { 
  left: 0;
  text-align: center;
  vertical-align: middle;
  position: absolute; 
  right: 0; 
}
.foto_table {
  height:100%;
  width:50%;
  text-align: center;
  vertical-align: middle;
  }

.main {
	height:100%;
	width:50%;
}

.galerij_naam {
	height:25px;
	width:900px;
	text-align: center;
	font-family:arial, verdana, sans-serif;
}

.error {
	height: 25px;
	text-align: center;
	font-size: 15px;
	border : 1px dashed red;
	color: red;
}
.confirm { 
	height: 25px;
	text-align: center;
	font-size: 15px;
	border : 1px dashed #30ff07;
	color: #30ff07;
}

.gps { 
	text-align: center;
	vertical-align: bottom;
	font-size: 12px;
	border : 1px dashed #30ff07;
	color: #30ff07;
}

.notice { 
	height: 25px;
	text-align: center;
	font-size: 15px;
	border : 1px dashed orange;
	color: orange;
}


.foto {
	width:61px;
	height:61px;
	cursor:pointer;
	float:left;
	padding:0px;
	margin: 25px 80px 25px 80px;
}
.image_row {
color:white;
font-size:13px;
font-weight:bold;
clear:both;
}

.small {
	font-size: 10px;
}

.contact {
	text-align: left;
	background-color: transparent;
}

.partyfotografie {
	border-bottom: 1px solid #222222;
	font-size: 11px;
	text-align: left;
}


.pub {
	border:1px solid #333;
	width: 500px;
	left: 50%;
	text-align: left;
}

.taghulp {
	background : #000000;
	border-top : 1px solid #444444;
	text-align : left;
	font-size : 10px;
}
.b_b {
	border-bottom:solid 1px #333;
	font-size : 10px;
	text-align : left;
	
}
.b_b_r {
	width: 120px;
	border-bottom:solid 1px #333;
	text-align: right;
}

img {
border:0;
}

.overlay_img {
	height:100%;
	width:100%;
}
	
	input, select, textarea {
color : #999999;
border : 1px solid #333333;
}

.button {
color : #999999;
border : 0px solid #333333;
}

.t_invoerveld {
background-color : #000000;
}

.t_needed {
background-color : #000000;
border : 1px dashed red;
}  

.green_background {
	background-color: green;
	color: white;
}

.green {
	color: green;
}

.orange {
	color: orange;
}

.yellow {
	color: yellow;
}

.left {
	text-align:left;
}



.menu {
	margin: 0 auto;
	padding:0 0 0 0px;
	list-style:none;
	height:35px;
	width:900px;
	margin-left: 150px;
	position:relative;
	text-align: center;
	font-family:arial, verdana, sans-serif;
}
	
.menu li.top {
	display:block;
	float:left;
	position:relative;
}

.menu li a.top_link {
	display:block;
	float:left;
	height:35px;
	line-height:33px;
	color:#555;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:0 0 0 12px;
	cursor:pointer;
	}
	
.menu li a.top_link span {float:left; font-weight:bold; display:block; padding:0 24px 0 12px; height:40px;}
.menu li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:40px; background:url(images/down.gif) no-repeat right top;}
.menu li a.top_link:hover {color:#333; background: url(images/button_grijs_zwart.gif) no-repeat;}
.menu li a.top_link:hover span {background:url(images/button_grijs_zwart.gif) no-repeat right top;}
.menu li a.top_link:hover span.down {background:url(images/button_grijs_zwart.gif) no-repeat right top;}
.menu li:hover > a.top_link {color:#fff; background: url(images/button_grijs_zwart.gif) no-repeat;}
.menu li:hover > a.top_link span {background:url(images/button_grijs_zwart.gif) no-repeat right top;}
.menu li:hover > a.top_link span.down {background:url(images/button_grijs_zwart.gif) no-repeat right top;}
.menu table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}
.menu a:hover {visibility:visible;}
.menu li:hover {position:relative; z-index:200;}
.menu ul, 
.menu :hover ul ul, 
.menu :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul ul,
.menu :hover ul :hover ul :hover ul :hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}

.menu :hover ul.sub {
	left:0px;
	top:35px;
	right:2px;
	background-image:url(images/Pixel_grijs_trans_donker.png);
	color:#333;
	padding:0px 0;
	border:1px solid #333;
	white-space:nowrap;
	width:200px;
	height:auto;
}

.menu :hover ul.sub li {
	display:block;
	height:20px;
	position:relative;
	float:left;
	width:250px;
	}
.menu :hover ul.sub li a {
	background:url(images/pijltje_rechts.gif);
	background-repeat: no-repeat;
	background-position: 5px;
	font-weight:normal;
	text-align: left;
	display:block;
	font-size:13px;
	height:20px;
	width:192px;
	line-height:20px;
	text-indent:15px;
	color:#666;
	text-decoration:none;
	border:3px solid #fff;
	border-width:0 0 0 0px;
}

.menu :hover ul.sub li a.fly {
	background:#fff url(images/arrow.gif) 80px 7px no-repeat;
	}
.menu :hover ul.sub li a:hover {
	background: transparent;
	color:#fff;
}
	 
.menu :hover ul.sub li a.fly:hover {
	background:#000000 url(images/arrow_over.gif) 80px 7px no-repeat;
	color:#fff;
	} 
.menu :hover ul li:hover > a.fly {
	background:#000 url(images/arrow_over.gif) 80px 7px no-repeat;
	color:#fff;
}
	 
.menu :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul,
.menu :hover ul :hover ul :hover ul :hover ul :hover ul{
	left:90px;
	top:-4px;
	background: #fff;
	padding:3px 0;
	border:1px solid #95d2ee;
	white-space:nowrap;
	width:93px;
	z-index:200;
	height:auto;
}

#tekst {
display : none;
width : 250px;
border : 1px solid black;
background-color : #000000;
padding : 5px;
font-size : 12px;
}

#lightbox{
	background-color : #000000;
	position: absolute;
	top: 0px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 2;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #000000;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 5px;
	}

#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: transparent url(../images/blank.gif) no-repeat; /* 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/prev.gif) left 50% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 50% no-repeat; }


#imageDataContainer{
	font: 11px  arial, verdana, sans-serif;
	background-color: #000000;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageData #imageDetails{ width: 80%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width:40px;float:right; right:-10px;padding-bottom: 0.7em;text-align:right;}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline;
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}