/* 
Title: 	HUIS35
Updated: 24/10/07
Version: 1.0
Author: yse
*/

body { margin:0; padding:0; background:#000; font-family: Arial, Helvetica, sans-serif;font-size: 11px; color: #FFF;}

img{border:0;}

#wrapper { width: 950px; margin: 0 auto; text-align:left;}

#footer { width:900px; margin:0 auto; text-align:left; position:relative;padding-top: 5px;} 

#home { height: 550px;}
#contact {height: 450px; padding-top: 100px;}
#pictureframe { height: 500px;padding-top: 50px;}

a { color: #FFF; text-decoration:none; }
a:hover {color: #CCC;}

#mainnav { list-style:none; padding:0; margin:0; padding-top: 20px;} 
#mainnav li { margin:0; padding:0;}
#mainnav li a { display:block;  }

#nav { float:right;margin-right: 100px;_margin-right: 50px; padding-top: 5px; position:relative;}
#NextLink2 { position:absolute; right: 10px; top: 60px;}
#PrevLink2 { position: absolute;right: 10px; top: 75px;}
#nav span { font-size: 10px;}


#mainlogo { position:absolute; right: 0; top:0;}

#copyright { float:right; color: #333333;}

/* Slimbox
----------------------------------------------- */

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;

}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;	
}

.lbLoading {
	background: #fff url('/images/lightbox/loading.gif') no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url('/images/lightbox/prevlabel.gif') no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url('/images/lightbox/nextlabel.gif') no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url('/images/lightbox/closelabel.gif') no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}


#OuterContainer {
	padding: 0;
	margin: 0 auto;
}

#Container {
	position: relative;
	height: 200px;
	width: 200px;
	margin: 0 auto;
	font-size: 0px;
}

#Photo {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}

#Loading {
	height: 25%;
	width: 100%;
	position: absolute;
	top: 40%;
	left: 0%;
	text-align: center;
	z-index: 0;
	line-height: 0;
}

#LinkContainer {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	/* filter:alpha(opacity:80); /* Specify opacity for IE */
}

#PrevLink, #NextLink {
	cursor: pointer;
	width: 48%;
	height: 100%;
	background: transparent url(/images/slideshow/c.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
}

#PrevLink span, #NextLink span { display: none; }

#PrevLink { left: 0; float: left; }
#NextLink { right: 0; float: right; }

/* background image for IE */
#PrevLink:hover, #PrevLink:visited:hover { /*background: url(/images/slideshow/prev_minus.gif) 20% 50% no-repeat;*/ }
#NextLink:hover, #NextLink:visited:hover { /*background: url(/images/slideshow/next_plus.gif) 80% 50% no-repeat;*/ }

/* backgroudn image for compliant browsers */
#LinkContainer>#PrevLink:hover, #LinkContainer>#PrevLink:visited:hover { /*background: url(/images/slideshow/prev_chevron.png) 20% 50% no-repeat; */ }
#LinkContainer>#NextLink:hover, #LinkContainer>#NextLink:visited:hover { /*background: url(/images/slideshow/next_chevron.png) 80% 50% no-repeat; */}

#CaptionContainer {
	margin: 0 auto;
	width: 200px;
	/*text-align: left;
	background-color: #ccc;*/
	padding:0;
	}

#CaptionContainer p {
	padding: 5px 10px 10px 10px;
	font-size: 11px;
}

#Counter {
	color: #FFF;
	padding: 2px;
	margin-right: 5px;
	font-size: 10px;
	position:absolute; top: 20px;
}