@charset "utf-8";
html {
	margin: 0;
	padding: 0;
	background: #1b232a;
}

body {
	width: 669px;
	min-height: 520px;
	height: 520px;
	margin: 30px auto 0;
	padding: 0;
	position: relative;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #828a8f;
	background: transparent url('/images/logo.gif') no-repeat left top;
}

#nav {
	width: 380px;
	height: 483px;
	position: absolute;
	left: 136px;
	top: 0;
	background-color: #262e34;
	border: 1px solid #828a8f;
}

#content {
	width: 668px;
	height: 342px;
	position: absolute;
	left: 0;
	top: 101px;
	border-top: 1px solid #828a8f;
	border-bottom: 1px solid #828a8f;
}

#photo {
	width: 380px;
	height: 342px;
	position: absolute;
	top: 0;
	left: 137px;
}

.image {
	display: none;
	width: 380px;
	height: 342px;
	position: absolute;
	top: 0;
	left: 0;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}

ul#mainNav {
	width: 136px;
	height: 342px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: -137px;
	top: 101px;
	list-style: none;
	z-index: 100;
}

ul#mainNav li {
	display: inline; /* IE6 'gap' fix */
}

ul#mainNav ul {
	width: 136px;
	margin: 0;
	padding: 12px 0;
	list-style: none;
}

ul#mainNav ul li a {
	display: block;
	padding: 2px 0 3px;
	text-decoration: none;
}

ul#mainNav ul#nav2,
ul#mainNav ul#nav3 {
	border-top: 1px solid #828a8f;
}

ul#mainNav ul#nav3 {
	position: absolute;
	bottom: 0;
}

/* Actieve menu item */
a.current,
body#home a#navhome,
body#krabbel a#navkrabbel,
body#contact a#navcontact,
body#links a#navlinks,
body#prijzen a#navprijzen {
	color: #e3007a;
}

ul#mainNav ul li .sPlace { /* test */
	width: 1px;
	height: 91px;
	position: absolute;
	left: 140px;
	top: -101px;
}

ul#mainNav ul li ul.subNav {
	width: 375px;
	padding: 0;
	position: absolute;
/*	left: 140px;*/
		left: 0;
/*	top: -23px;*/
		bottom: 0;
	overflow: hidden;
	display: none;
}

ul#mainNav ul li ul.current {
	display: block;
}

ul#mainNav ul li ul.subNav li {
	margin-left: -1px;
	float: left;
	border-left: 1px solid #828a8f;
	white-space: nowrap;
}

ul#mainNav ul li ul.subNav li a {
	padding: 0 7px;
}

p#footer {
	position: absolute;
	top: 492px;
	left: 147px;
	font-size: 9px;
}

p#footer a {
	text-decoration: none;
}

#seo {
	position: absolute;
	top: 520px;
	left: 137px;
	font-size: 9px;
	width:370px;
	border-top:1px solid #828a8f;
	padding-top:10px;
	padding-left:10px;
}

#seo a {
	text-decoration: none;
}
#seo h1 {
	text-decoration: none;
}

#pNav {
	width: 360px;
	height: 39px;
	padding: 0 10px;
	position: absolute;
	left: 137px;
	top: 343px;
	font-size: 9px;
	line-height: 39px;
}

h1 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
}

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

#pNav ul {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 8px;
	top: 14px;
	list-style: none;
}

#pNav li {
	width: 11px;
	height: 11px;
	padding: 0 2px;
	overflow: hidden;
	float: left;
}

#pNav span {
	display: block;
	height: 11px;
	padding-left: 20px;
}

#pNav #pNext span {
	background: transparent url('/images/next_n.gif') no-repeat left top;
}

#pNav #pPrev span {
	background: transparent url('/images/prev_n.gif') no-repeat left top;
}

#pNav a {
	display: block;
	height: 11px;
	padding-left: 20px;
}

#pNav #pNext a {
	background: transparent url('/images/next_a.gif') no-repeat left top;
}

#pNav #pPrev a {
	background: transparent url('/images/prev_a.gif') no-repeat left top;
}

#thumbnails {
	width: 150px;
	height: 342px;
	position: absolute;
	left: 518px;
	top: 0px;
	overflow: hidden;
}

#container {
	width: 1000px;
	height: 342px;
	position: relative;
}

ul#thumbs {
	position: absolute;
	width: 1000px;
	background: transparent url('/images/bg_thumbs.gif');
	overflow: hidden;
}

ul#thumbs,
ul#thumbs ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#thumbs li {
	float: left;
}

ul#thumbs ul {
	width: 75px;
	height: 308px;
	float: left;
}

ul#thumbs ul li {
	width: 60px;
	height: 60px;
	padding: 17px 0 0 15px;
}

ul#thumbs img {
	border: none;
	display: block; /* t.b.v. IE6  */
}

ul#tNav {
	width: 135px;
	margin: 0;
	padding: 0;
	position: absolute;
	left: 15px;
	bottom: 11px;
	list-style: none;
	font-size: 9px;
}

ul#tNav li#tPrev {
	float: left;
}

ul#tNav li#tNext {
	float: right;
}

ul#tNav li a {
	text-decoration: none;
}

ul#tNav li span {
	color: #262e34;
}

a {
	color: #828a8f;
}

#loader {
	display: none;
	width: 125px;
	height: 4px;
	padding: 1px;
	position: absolute;
	left: 263px;
	top: 167px;
	border: 1px solid #828a8f;
	overflow: visible;
}

#loadBar {
	width: 100%;
	height: 4px;
	background: transparent url('/images/stripe.gif');
	overflow: hidden;
}

#loadProgressBar {
	height: 4px;
	width: 0;
	background: #e3007a;
	border-right: 1px solid #262e34;
}

#loader p {
	font-size: 9px;
	padding-top: 3px;
	margin-left: -3px;
}

#loadContainer {
	display: none;
	visibility: hidden;
}

body#home #content,
body#krabbel #content,
body#contact #content,
body#links #content,
body#prijzen #content,
body#av #content {
	width: 380px;
	height: 342px;
	padding: 0 151px 0 137px;
}

body#home #content div,
body#krabbel #content div,
body#contact #content div,
body#links #content div,
body#prijzen #content div,
body#av #content div {
	height: 312px;
	padding: 15px;
	float: left;
	color: #cfd2d4;
	line-height: 16px;
	overflow: auto;
}

body#home #content img,
body#krabbel #content img,
body#contact #content img,
body#links #content img,
body#prijzen #content img {
	margin-right: -151px;
	float: right;
}

body#krabbel #pNav {
	top: 445px;
}