* {padding:0;margin:0;}

/* ------LAYOUT------ */
html, body {
	background:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
#header	{
	width:1000px;
	height:264px;
	margin:0 auto;
	background:url(../images/header2.jpg) 0 0 no-repeat;
}
	
#wrapper {
	width:996px;
	height:748px;
	margin:0 auto;
	background:url(../images/bg3381.jpg) no-repeat -2px 0;
	border:1px dotted transparent; /*#FFFFFF;*/
	position:relative;
}

#wrapper2 {
	width:996px;
	height:748px;
	margin:0 auto;
	background:url(../images/bg194.jpg) no-repeat -2px 0;
	border:1px dotted transparent; /*#FFFFFF;*/
	position:relative;
}
#wrapper3 {
	width:996px;
	height:748px;
	margin:0 auto;
	background:url(../images/bg213.jpg) no-repeat -2px 0;
	border:1px dotted transparent; /*#FFFFFF;*/
	position:relative;
}

#content {
	width:700px;
	height:640px;
	margin:60px 0 0 200px;
	border:1px dotted transparent; /*#FFFFFF;*/
	overflow:auto;
	position:relative;
}

#credits {
	position:absolute;
	bottom:0; 
	left:50px;
	font-size:10px;
	color:#999999;
	font-variant:small-caps;
}
#left {
	width:200px;
	height:130px;
	margin:60px 0 0 0 ;
	float:left;
}

span.logo-klein {
	width:125px;
	height:25px;
	background:url(../images/logo_klein.png) no-repeat;
	margin:7px 0 -7px 0;
        font-size:0px;
	display:inline-block;
	overflow:hidden;
}



#gallery {
	width:300px;
	height:400px;
	margin:auto;
	position:relative;
	overflow:hidden;
}
.video {
	margin:35px 20px;
}
#gallery img {
    position:absolute;
    top:0;
    visibility:hidden;
}
#thumbs-wrapper {
	width:600px;
	margin:20px auto 0 auto;
}
#thumbs-container {
	width:450px;
	height:82px;
	margin:0 auto 0 auto;
	/*border:1px dotted transparent; #FFFFFF;*/
    overflow:hidden;
}	

#thumbs-container img {
	margin:0 3px 0 0;
	border:1px solid transparent;
	cursor:pointer;
	float:left;
}

#thumbs-container img:hover, #thumbs-content img.highlight {
	border:1px solid #990000;
}
#thumbs-content {
    width:600px;
    height:80px;
	position:relative;
}
#prev-button{
	width:16px;
	height:80px;
	background:url(../includes/slider/images/prev_button.png) 0 center no-repeat;
	float:left;
	cursor:pointer;
	visibility:hidden;
}
#next-button{
	width:16px;
	height:80px;
	background:url(../includes/slider/images/next_button.png) 0 center no-repeat;
	float:right;
	cursor:pointer;
	visibility:hidden;
}
.trans_black {
	background:url(../images/trans_black.png);
}
.border_white {
     border:1px solid #FFFFFF;
}
.no-wrap {
	white-space:nowrap;
}
.error {
	font-weight:bold;
	color:#FF0000;
}
.notice {
	font-style:italic;
	color:#FF0000;
}
.gallery-text {
	margin:20px;
	font-size:16px;
	line-height:2em;
	color:#FFFFFF;
}
.left-img {
	margin:10px 10px 10px 0;
	float:left;
}
.right-img {
	margin:10px 0 10px 10px;
	float:right;
}

.small-link {
	margin:20px 0 0px 0px;
	font-size:12px;
	color:#FFFFFF;
}
.small-link-float {
	margin:20px 0 0px 20px;
	font-size:12px;
	color:#FFFFFF;
	float:left;
}
.small-link-abs {
	font-size:12px;
	color:#FFFFFF;
	position:absolute;
	top:70px;
	left:20px;
}

.small-link a {
    position:relative;
}
.heading {
	display:block;
	clear:both;
}

@font-face {
	font-family: 'Vivaldi';
	src: url('../fonts/vivaldi-webfont.eot');
	src: 
		local('☺'), 
		url('../fonts/vivaldi-webfont.woff') format('woff'), 
		url('../fonts/vivaldi-webfont.ttf') format('truetype'), 
		url('../fonts/vivaldi-webfont.svg#webfontRCKgpfZ1') format('svg');
	font-weight: bold;
	font-style: normal;
}

h1 { 
    font-family: "Vivaldi";
    font-size:2.5em;
	color:#FF0000;
	padding:5px 0 5px 20px;
}
h2 { 
    font-family: "Vivaldi";
    font-size:2em;
	color:#FF0000;
	padding:0px 0 5px 20px;
}

p {
	font-size:16px;
	line-height:2em;
	color:#FFFFFF;
	margin:20px;
}

p.small, a.small, span.small {
	font-size:11px;
    line-height:1.5em;
}

div#content p span.small {
    font-size:11px;
    line-height:16px !important;
}
div#content p span.medium {
    font-size:13.5px;
    line-height:18px !important;
}
span.small a {
    font-size:11px;
}
span.medium a {
    font-size:13.5px;
}
.redcaps {
	color:#FF0000;
	font-weight:bold;
	font-size:16px;
	font-variant:small-caps;
}
.vivaldi-red {
	font-family: "Vivaldi";
	color:#FF0000;
	font-weight:bold;
	font-size:22px;
}
.vivaldi-white {
	font-family: "Vivaldi";
	color:#FFFFFF;
	font-weight:bold;
	font-size:22px;
}
.vivaldi-black {
	font-family: "Vivaldi";
	color:#000000;
	font-weight:bold;
	font-size:22px;
}

.buttons {
	margin:20px 0 0 0;
}
	
td {
	font-family:verdana;
	font-size:12px;
	line-height:1.5em;
	color:#000;
	}
	
blockquote {
	margin:0 0 0 20px;
}

ul.list1 {
	list-style-type:none;
	margin:30px 30px 30px 40px;
}
ul.list1 li {
	margin:0 0 8px 0;
}
ul.list2 {
	list-style-type:none;
	margin:10px 20px 20px 20px;
}
ul.list2 li {
	margin:0 0 5px 5px;
}
div#content ul.list2 li a {
	text-decoration:none;
}

ul.list3 {
	list-style-type:none;
	margin:30px 30px 30px 20px;
}
ul.list3 li {
	margin:0 0 8px 0;
}
div#content ul.list3 li a {
	text-decoration:none;
	color:#FFFFFF;
}
div#content ul.list3 li a:hover {
	text-decoration:none;
	color:#FF0000;
}
/* ------LINK------ */
a {
	font-family:verdana;
	font-size:1em;
	text-decoration:none;
	color:#FFFFFF;
	position:relative;
}

div#content a {
    position:relative;
   text-decoration:underline;
	color:#FF0000;
}
a.white {
	color:#FFFFFF;
}
div#content div.posting a, div#content div.posting-footer a, div#content span.heading a, div#content span.small-link a, div#content span.small-link-abs a, div#content div.small-link-abs a {
	text-decoration:none;
	color:#FFFFFF;
}

a:hover,div#content div.posting a:hover, div#content div.posting-footer a:hover, div#content span.small-link a:hover, div#content span.small-link-abs a:hover, div#content div.small-link-abs a:hover {
	text-decoration:none;
	color:#FF0000;
}
div#content a span.redcaps {
	text-decoration:none !important;
}


/* -------FORMULIER------- */

form {
	margin:20px;
}	

label {
	font-weight:bold;
	color:#FFFFFF;
}

.textbox1 {
	width:100%;
	border:1px solid #990000;
	color:#990000;
	padding:2px;
}
.textarea1 {
	width:100%;
	height:120px;
	border:1px solid #990000;
	color:#990000;
	padding:2px;
}
.button1 {
    width:auto;
    background:#990000;
    border:1px solid #FFFFFF;
	padding:3px;
    font-weight:bold;
    color:#FFFFFF;
    cursor:pointer;
}

/****** BLOG *****/
div.posting p, div.reacties p {
    line-height:1.5em;
}
.posting-footer {
	margin:0 0 40px 0;
}
.posting-footer p {
	font-size:14px;
}

/************ MENU ************/
#menu {
	width:150px;
	margin:20px 0 0 0 ;
	background:url(../images/trans_black_fade.png) repeat-y;
	border:1px dotted transparent; /*#FFFFFF;*/
	float:left;
}

#menu ul li {
	list-style-type:none;
}

#menu ul li a {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:22px;
	text-decoration:none;
	font-variant:small-caps;
}

#menu ul li a:hover, #menu ul li a.menu-hover {
	color:#FF0000;
	text-decoration:none;
}
