/* RESET */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

/* JAAP BOERSEMA */
html {
	height: 100%;
	width: 100%;
	background-color: #000;
}
body {  
	overflow: hidden;
	width: 100%;
	height: 100%;
	font-family: tahoma;
	color: #fff;
	background-color: #000;
}
#content {
	margin:0px auto;
	height:100%;
	width:100%;
	left:0px;
	top: 0px;
	z-index: 3;
	position:absolute;
	background-image: url(/img/jaap/top_bg.png);
	background-repeat: repeat-x;
}
h1#logo {
	width: 332px;
	height: 66px;
	background-image: url(/img/jaap/logo.png);
	background-repeat: repeat-x;
	background-position: 0px bottom;
	margin-left: 19px;
	text-indent: -9999px;
	position: relative;
	overflow:hidden;
	clear: both;
	padding-top: 15px;
}
h1#logo a {
	display: block;	
	width: 332px;
	height: 66px;
}
ul#menu li {
	float: left;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 12px;
}
ul#menu li a {
	color: #dbdbdb;
	font-family: arial;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
}

ul#menu li a:hover {
	color: #fff;
}
ul#menu li.active {
	background-image: url(/img/jaap/menu_hover.gif);
	color: #494949;
}
ul#menu li.active a {
	color: #494949;
}
#contact {
	position: absolute;
	left: 235px;
	top: 60px;
	font-size: 11px;
	line-height: 17px;
	color: #bdbcbc;
}
#contact strong {
	color: #fff;
	text-transform: uppercase;
}
#contact a {
	color: #fff;
}
#contact a:hover {
	color: #b3d455;
}
.panel {
	width: 675px;
	position: absolute;
	top: 165px;
	left: 21px;
	overflow: hidden;
}
.panel .left {
	width: 233px;
	overflow: hidden;
	padding-top: 87px;
	float: left;
}
.panel .left ul li {
	background-color: #191919;	
	padding-left: 17px;
	padding-top: 17px;
	padding-bottom: 17px;
	border-top: 1px dotted #818181;
}
.panel .left ul li a {
	font-size: 14px;
	text-decoration: none;
	color: #ffffff;
}
.panel .left ul li a:hover {
	color: #a5ba6a;	
}
.panel .left ul li.first {
	border-top: none;
}
.panel .left ul li.active {
	background-color: #070707;	
}
.panel .left ul li.active a {
	color: #b3d455;	
}
.panel .right {
	width: 433px;
	overflow: hidden;
	float: left;
}
.panel #txt {
	padding: 23px;
	background-color: #000;
	height: 380px;
	color: #f3f3f3;
	line-height: 21px;
	font-size: 12px;
	overflow: hidden;
}
.panel #txt img.pasfoto {
	padding-right: 10px;
}
.panel #txt h1 {
	font-size: 21px;
	color: #b3d455;
	text-transform: uppercase;
	font-weight: normal;
	margin-bottom: 22px;
	line-height: 30px;
}
.panel #txt strong {
	color: #b3d455;
}
.panel #txt p {
	margin-bottom: 21px;
}
.panel #txt a {
	color: #b3d455;
}
.panel #txt a:hover {
	color: #b0e617;
}
.panel #txt ul.referenties li {
	padding-top: 4px;
	padding-bottom: 4px;
	border-top: 1px dotted #ccc;
}
.panel .right_top , .panel .right_bottom {
	position: relative;
	height: 42px;
}
.panel .right_top a, .panel .right_bottom a {
	width: 42px;
	height: 42px;
	display: block;
	text-indent: -9999px;
	position: absolute;
}
.panel .right_top a {
	right: 0px;
	top: 0px;
	background-image: url(/img/jaap/sprite_up.gif);
	background-position: 0px -2px;
}
.panel .right_top a:hover {
	background-position: 0px -44px;
}
.panel .right_bottom a {
	right: 0px;
	top: 0px;
	background-image: url(/img/jaap/sprite_down.gif);
	background-position: 0px 2px;
}
.panel .right_bottom a:hover {
	background-position: 0px -40px;
}
#ContactMe label {
	float: left;
	width: 120px;
}
#ContactMe input[type=text] {
	background-color: #333;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	color: #fff;
}
#ContactMe br {
	clear: both;
}
#ContactMe textarea {
	background-color: #333;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	color: #fff;
	float: left;
	height: 80px;
	width: 215px;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 12px;
}
#ContactMe a.formSubmit {
	display: block;
	padding: 3px;
	background-color: #333;
	border: 1px solid #ccc;
	text-decoration: none;
	text-align: center;
	width: 150px;
	font-weight: bold;
	margin-left: 120px;
}
#ContactMe a.formSubmit:hover {
	background-color: #fff;
	color: #333;
}
.error {
	border: 1px solid red !important;	
}

.footer {
	height: 25px;
	background-color: #000;
	position: absolute;
	bottom: 0px;
	width: 100%;
	font-size: 11px;
	color: #939393;
	text-align: right;
}
.footer em {
	font-style: normal;
	margin-top: 7px;
	margin-right: 5px;
	display: block;
}
.footer a.switch {
	display: block;
	position: absolute;
	left: 21px;
	bottom: 0px;
	width: 294px;
	height: 50px;
	background-image: url(/img/jaap/sprite_switch.gif);
	text-indent: -9999px;
	text-align: left;
}
.footer a.switch:hover {
	background-position: 0px -50px;
}
.footer #cert_box {
	position: absolute;
	top: -72px;	
	right: 0px;
	background-image: url(/img/jaap/certificaten.png);
	width: 395px;
	height: 72px;
	
}
.footer a#nobco {
	height: 70px;
	width: 70px;
	display: block;
	position: absolute;
	top: 0px;
	left: 150px;
	text-indent: -99999px;
	text-align: left;
}
.footer a#nmi {
	height: 70px;
	width: 160px;
	display: block;
	position: absolute;
	top: 0px;
	left: 230px;
	text-indent: -99999px;
	text-align: left;
}
.footer a {
	color: #b3d455;
}
.footer a:hover {
	color: #b0e617;
}
/* FULL BG */
#supersize{
	position:fixed;
}
#supersize img, #supersize a{
	height:100%;
	width:100%;
	position:absolute;
	z-index: 0;
	cursor: default;
}
#supersize .prevslide, #supersize .prevslide img{
	z-index: 1;
}
#supersize .activeslide, #supersize .activeslide img{
	z-index: 2;
}


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
	background-color: #000;
}
.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background-color: #000;
}
.jScrollPaneDrag {
	position: absolute;
	background: #b3d455;
	cursor: pointer;
	overflow: hidden;
}
.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
	
	
}
a.jScrollArrowUp:hover {
	background-color: #f60;
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	background-color: #666;
	height: 9px;
}
a.jScrollArrowDown:hover {
	background-color: #f60;
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	background-color: #f00;
}