@charset "utf-8";
/* CSS Document */

html {overflow: -moz-scrollbars-vertical; background-color:#222222; color:#ffffff;}

body {
	margin:0px;	padding:0px;
	font-family:Arial, Helvetica, sans-serif; font-size:0.8em;
	color:#ffffff;
	background-color:#222222;
}

/* kleuren */
a {color:#ffffff; outline:0px; text-decoration:none;}
a:visited {color:#ffffff;}
a:active {color:#ffffff;}
a:hover {color:#fed100;}

.actief {color:#fe9900;}

#thumbs img, .ug-titel img{border:1px solid #ffffff; margin:9px 9px 6px 9px;}
#photo img, .photo_ug img{height:333px; width:333px; border:25px solid #ffffff;}
#photo_nt img, .photo_ug img{border:25px solid #ffffff;}
#foto_ug img{border:15px solid #ffffff;}
#foto_ug {display:block; margin:0px 30px 0px 30px; padding:0px 0px 30px 0px;}
#thumbs img:hover{border:1px solid #fed100;}
#thumbs a.actief img{border:5px solid #ffffff; margin:5px 5px 2px 5px;}

#photo-panorama img{height:185px; width:501px; border:25px solid #ffffff;}
#thumbs-panorama img{border:1px solid #ffffff; margin:9px 9px 6px 9px;}
#thumbs-panorama img:hover{border:1px solid #fed100;}
#thumbs-panorama a.actief img{border:5px solid #ffffff; margin:5px 5px 2px 5px;}

#footer{color:#333333; border-top:1px solid #222222;}
#footer a{color:#333333;}
#footer a:hover{color:#fed100;}
/* einde kleuren */

p{margin:0px 0px 10px 0px;}

h1{margin:5px 0px 15px 0px; padding:0px; font-size:16px;}
h2{margin:25px 0px 5px 0px; padding:0px; font-size:16px;}
h3{font-weight:bold; margin:5px 0px 0px 0px; padding:0px; font-size:0,7em;}

.links{float:left; vertical-align:bottom;}
.rechts{float:right; vertical-align:bottom;}


.titel{font-size:3em; margin:0px; padding:0px; width:auto; height:auto;}

#container {
	width:880px;
	height:auto;
	display:block;
	margin-left:auto;
	margin-right:auto;
}

#header {
	height:auto;
	width:880px;
	display:block;
	overflow:hidden;
	margin:40px 0px 30px 0px;
	padding:3px 0px 3px 0px;
}

#header #titel {
	height:26px;
	width:114px;
	margin:0px;
	padding:0px;
}

#header #menu {
	height:22px;
	width:760px;
	float:left;
	margin:0px;
	padding:12px 0px 0px 3px;
}


#header #submenu {
	height:27px;
	width:662px;
	float:left;
	margin:0px 0px 0px 114px;
	padding:0px 0px 0px 3px;
}

#header #menu ul, #header #submenu ul{margin:0px; padding:0px;}
#header #menu li, #header #submenu li{float:left; list-style:none;}

#content{
	height:auto;
	min-height:400px;
	width:880px;
	margin:50px 0px 0px 0px;
	padding:0px;
	display:block;
	overflow:hidden;
}

#tekstcontainer{
	height:auto;
	width:auto;
	margin:22px 0px 60px 0px;
	padding:0px 85px 0px 76px;
}

#tekstcontainer a{
	color:#fed100;
}


#fotohomecontainer{
	height:360px;
	width:900px;
	margin:125px 0px 0px 0px;
	padding:0px;
}

.fotohome{
	height:230px;
	width:230px;
	float:left;
	margin:0px;
	padding:0px;
}

.fotohome img{
	height:200px;
	width:200px;
	border:15px solid #ffffff;
}

.fotohometitel{
	width:auto;
	height:auto;
	margin:10px 0px 0px 0px;

}

#turning, #nonturning{
	margin:0px;
	padding:0px;
	margin-right:50px;
}

#panorama{
	margin:0px;
	padding:0px;
}

#thumbs{
	height:auto;
	min-height:420px;
	width:210px;
	float:left;
	margin:0px;
	padding:0px;
	overflow:hidden;
}

.thumbscolumn{
	height:420px;
	width:105px;
	margin:0px;
	padding:0px;
	float:left;
}

.thumbscolumn ul{
	list-style-type:none;
	margin:0;
	padding:0;
}

.thumbscolumn li{
	margin:0;
	padding:0;
}


#thumbs a.prev img{border:0px;}
#thumbs a.next img{border:0px;}

#thumbs-panorama {
	height:auto;
	min-height:400px;
	width:242px;
	float:left;
	margin:0px;
	padding:0px;
}

#thumbs-panorama .thumbscolumn {
	width:120px;
}

/*
#thumbs a.prev img{border:0px; float:left; margin:10px 0px 0px 12px;}
#thumbs a.next img{border:0px; float:right; margin:10px 25px 0px 0px;}
*/

#content-left{
	height:auto;
	width:auto;
	float:left;
	margin:0;
	padding:0;
}

#content-right{
	height:auto;
	min-height:500px;
	width:auto;
	float:left;
	margin:0 0 0 150px;
	padding:0;
}

#photo{
	height:auto;
	width:auto;
	float:right;
	margin:8px 85px 0px 0px;
}

#photo_nt{
	height:auto;
	width:auto;
	float:right;
	margin:8px 0px 0px 0px;
}


.photo_ug{
	height:auto;
	width:400px;
	float:left;
	margin:8px 5px 0px 0px;
	padding:0px;
}

.text_ug{
	height:auto;
	width:300px;
	float:right;
	margin:8px 5px 0px 0px;
	padding:0px;
}

.ug-titel{
	clear:both;
	margin-bottom:20px;
}

.ug-titel-tekst{
	margin:10px 30px 20px 0px;
	margin-bottom:30px;
	border:1px solid #ff0000;
	font-size:20px;
	font-weight:bold;
}

#photo-panorama{
	height:auto;
	width:auto;
	float:right;
	margin:66px 5px 0px 0px;
}


#footer {
	height:30px;
	width:auto;
	margin:25px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	text-align:center;
}


#tekstcontainer .ug-titel a{color:#ffffff;}
#tekstcontainer .ug-titel a:hover{color:#fed100;}
#tekstcontainer .ug-titel a img:hover{border:1px solid #fed100;}

#fotocontainer {
	height:auto;
	float:right;
	margin:8px 85px 0px 0px;
	width:515px;
	border:0px solid #ff0000;
}

#fotocontainer #foto {
	height:auto;
	min-height:378px;
	width:515px;
	margin:0px;
	padding:0px;
}

#fotocontainer #fototekst {
	height:auto;
	width:500px;
	margin:0px 0px 50px 0px;
	padding:0px;
	float:none;
	border:0px solid #00ff00;
}

#fotocontainer #foto_ug {
	height:auto;
	width:auto;
	margin:0px;
	padding:0px;
	display:block;
}

#fotonavigatie {
	height:16px;
	width:80px;
	margin:0px 0px 0px 10px;
	position:relative;
	left:110px;
	padding:10px 0px 0px 0px;
	overflow:hidden;
	font-weight:bold; clear:both;
}

#fotonavigatie a.next{margin:0px 0px 0px 21px; padding:0px;}

#fotonavigatie .tekst{
	display:none;
}

#fotonavigatie span a{ 
	display: block;
	height: 8px;
	background-repeat: no-repeat;
}

#fotonavigatie span.vorige a {
	margin:0px;
	padding:0px;
	width:16px; 
	background-image:url(../images/back.gif);
	float:left
}

#fotonavigatie span.volgende a {
	margin:0px;
	padding:0px;
	width:16px; 
	background-image:url(../images/forward.gif);
	float:right;
}

#fotonavigatie span a:hover{
	position: relative;
	background-position: 0px -7px ;
}