html
{
	overflow: auto;
}

body
{
	margin: 0;
	font-family: Verdana;
	background-color: #3F3C35;
	overflow: auto;
}

td
{
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #393631;
}

table.OuterPanel
{
	width: 100%;
	height: 100%;
	border: solid 0px #00FF00;
}

td.tlTd
{
	border				: solid 0px #00FF00;
	background			: url("../img/tl.jpg");
	background-repeat 	: no-repeat;
	background-position : bottom right;
}

td.tmTd
{
	width				: 781px;
	border				: solid 0px #00FF00;
}

td.bbmTd
{
	width				: 781px;
	border				: solid 0px #00FF00;
	background			: url("../img/bline.jpg");
	background-repeat 	: repeat-y;
}


td.tmTd_left
{
	width				: 91px;
	border				: solid 0px #00FF00;
	background			: url("../img/tml.jpg");
	background-repeat 	: no-repeat;
	background-position : bottom left;
}

td.tmTd_right
{
	width				: 690px;
	border				: solid 0px #00FF00;
	background			: url("../img/tline.jpg");
	background-repeat 	: repeat-y;
}

td.mlTd
{
	height				: 530px;
	border				: solid 0px #00FF00;
	vertical-align		: top;
	background			: url("../img/ml.jpg");
	background-repeat 	: no-repeat;
	background-position : top right;
}

td.bLTd
{
	height				: 10px;
	border				: solid 0px #00FF00;
	border				: solid 0px #00FF00;
	font 				: 5px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color				: #393631;
}

td.bmTd
{
	width				: 781px;
	height				: 10px;
	border				: solid 0px #00FF00;
	background			: url("../img/bl.jpg");
	background-repeat 	: no-repeat;
	border				: solid 0px #00FF00;
	font 				: 5px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color				: #393631;
}

td.brTd
{
	height				: 10px;
	border				: solid 0px #00FF00;
	background			: url("../img/br.jpg");
	background-repeat 	: no-repeat;
	font 				: 5px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color				: #393631;
}

td.mmTd
{
	width				: 781px;
	height				: 530px;
	border				: solid 0px #00FF00;
}

td.mrTd
{
	height				: 530px;
	border				: solid 0px #00FF00;
	text-align			: left;
	background			: url("../img/mr.jpg");
	background-repeat 	: no-repeat;
}

div.rlDiv
{
	width				: 781px;
	height				: 530px;
	top					: 0px;
	left				: 0px;
	position			: absolute;
	border				: solid 0px #00FF00;
	background			: url("../img/mm.jpg");
	background-repeat 	: no-repeat;
}

div.nrlDiv
{
	width				: 781px;
	height				: 530px;
	top					: 0px;
	left				: 0px;
	position			: relative;
	border				: solid 0px #00FF00;
}

div.dictumfactum
{
	top			: 540px;
	left		: 0px;
	height		: 10px; 
	width		: 757px;
	border		: solid 0px #00FF00;
	position	: absolute;
	text-align	: right;
	font 		: 9px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color		: #AD849F;
}

div.dictumfactum a
{
	font 				: 9px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color				: #AD849F;
	text-decoration		: none;
}

div.dictumfactum a:hover
{
	font 				: 9px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color				: #AD849F;
	text-decoration		: underline;
}

embed.player
{
	top					: 9px;
	left				: 2px;
	position			: absolute;
	border				: solid 0px #00FF00;
	background			: url("../img/test.jpg");
	background-repeat 	: no-repeat;
}

iframe.content
{
	width				: 781px;
	height				: 530px;
}

iframe.iPlayer
{
	top					: 9px;
	left				: 2px;
	width				: 80px;
	height				: 20px;
	border				: solid 0px #00FF00;
	position			: absolute
}

#tm
{
	top: -75px;
	left: 0px;
	width: 90px;
	height: 75px;
	position: absolute;
	border: solid 0px #00FF00;
	background			: url("../img/tm.jpg");
	background-repeat 	: no-repeat;
}

div.panelLeft
{
	top: 0px;
	left: 0px;
	width: 656px;
	height: 530px;
	position: absolute;
	border: solid 0px #00FF00;
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #00FF00;
}

div.panelRight
{
	top: 0px;
	left: 678px;
	width: 103px;
	height: 530px;
	position: absolute;
	border: solid 0px #00FF00;
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #00FF00;
}

div.Menu
{
	top: 153px;
	left: 36px;
	width: 118px;
	height: 198px;
	position: absolute;
	border: solid 0px #00FF00;
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #1F1A14;
}

div.MenuItem
{
	left: 0px;
	width: 116px;
	position: absolute;
	border: solid 0px #00FF00;
	font : 10px Verdana, Geneva, Arial, Helvetica, sans-serif;
	cursor: pointer;
}

#news				{top : 0px;height	:20px; }
#biography			{top : 23px;height	:10px; }
#playlist			{top : 38px;height	:13px; }
#pics				{top : 54px;height	:29px; }
#guestbook			{top : 86px;height	:10px; }
#links				{top : 98px;height	:20px; }
#bookings			{top : 121px;height	:12px; }
#contact			{top : 135px;height	:13px; }
#myspace			{top : 159px;height	:14px; }
#merchandise		{top : 178px;height	:9px;  }
#thedjlist			{top : 192px;height	:14px; }

#news_over			{top : 0px;height	:20px; background: url("../img/knoppen/news.jpg");background-repeat 	: no-repeat;}
#biography_over		{top : 23px;height	:10px; background: url("../img/knoppen/biography.jpg");background-repeat 	: no-repeat;}
#playlist_over		{top : 38px;height	:13px; background: url("../img/knoppen/playlist.jpg");background-repeat 	: no-repeat;}
#pics_over			{top : 54px;height	:29px; background: url("../img/knoppen/pics.jpg");background-repeat 	: no-repeat;	}
#guestbook_over		{top : 86px;height	:10px; background: url("../img/knoppen/guestbook.jpg");background-repeat 	: no-repeat;}
#links_over			{top : 98px;height	:20px; background: url("../img/knoppen/links.jpg");background-repeat 	: no-repeat;}
#bookings_over		{top : 121px;height	:12px; background: url("../img/knoppen/bookings.jpg");background-repeat 	: no-repeat;}
#contact_over		{top : 135px;height	:13px; background: url("../img/knoppen/contact.jpg");background-repeat 	: no-repeat;}

img.knop
{
	visibility:	hidden;
}

div.guestbookText
{
	top: 159px;
	left: 248px;
	width: 390px;
	height: 293px;
	position: absolute;
	border: solid 0px #00FF00;
	font : 10px Trebuchet MS,Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #393631;
	line-height: 14px;
	text-align: justify;
	padding-right: 20px;
	scrollbar-base-color      : #979588;	
	scrollbar-darkshadow-color: #979588;
	scrollbar-face-color      : #979588;	
	scrollbar-highlight-color : #979588;
	
	scrollbar-arrow-color     : #2F2F2F;
	scrollbar-3dLight-Color   : #2F2F2F;
	scrollbar-shadow-color    : #2F2F2F;
	overflow-y: auto;
}

div.guestbookText a
{
	text-decoration:	none;
	color: #393631;
}

div.guestbookText a:hover
{
	text-decoration:	underline;
	color: #393631;
}

span.name
{
	text-decoration: underline;
}

div.agendaItems
{
	top: 130px;
	left: 8px;
	width: 87px;
	height: 345px;
	position: absolute;
	border: solid 0px #00FF00;
	font : 10px Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #393631;
	line-height: 15px;
	text-align: center;
	overflow: hidden;
}

div.agendaItems a
{
	color				: #393631;
	text-decoration		: none;
}

div.agendaItems a:hover
{
	color				: #393631;
	text-decoration		: underline;
}

div.agendaButton
{
	left: 38px;
	height: 27px;
	width: 27px;
	position: absolute;
	border: solid 0px #00FF00;
	cursor: pointer;
}

#agendaUp
{
	top: 33px;
}

#agendaDown
{
	
	top: 69px;
}

div.pijl
{
	left	: 9px;
	top		: 110px;
	width	: 7px;
	height	: 4px;
	position: absolute;
	visibility: hidden;
}

#pijlUp
{
	
}

#pijlDown
{
	
}

textarea.guestbook
{
	left: 4px;
	top: 0px;
	width: 345px;
	height: 66px;
	position: absolute;
	font : 10px Trebuchet MS, Verdana, Trebuchet MS, Tahoma, Verdana, Arial;
	color							: #C2BEAF;		
	border							: solid 0px #00FF00;
	background : transparent;
	scrollbar-base-color      : #979588;	
	scrollbar-darkshadow-color: #979588;
	scrollbar-face-color      : #979588;	
	scrollbar-highlight-color : #979588;
	
	scrollbar-arrow-color     : #2F2F2F;
	scrollbar-3dLight-Color   : #2F2F2F;
	scrollbar-shadow-color    : #2F2F2F;
	overflow: auto;	
}

input.guestbook
{
	top: 76px;
	width: 160px;
	height: 18px;
	position: absolute;
	font : 10px Trebuchet MS, Verdana, Trebuchet MS, Tahoma, Verdana, Arial;
	color							: #C2BEAF;		
	border							: solid 0px #00FF00;
	background 						: transparent;
}

textarea.contact
{
	left: 4px;
	top: 40px;
	width: 340px;
	height: 100px;
	position: absolute;
	font : 10px Trebuchet MS, Verdana, Trebuchet MS, Tahoma, Verdana, Arial;
	color							: #C2BEAF;		
	border							: solid 0px #00FF00;
	background : transparent;
	scrollbar-base-color      : #979588;	
	scrollbar-darkshadow-color: #979588;
	scrollbar-face-color      : #979588;	
	scrollbar-highlight-color : #979588;
	
	scrollbar-arrow-color     : #2F2F2F;
	scrollbar-3dLight-Color   : #2F2F2F;
	scrollbar-shadow-color    : #2F2F2F;
	overflow: auto;	
}

input.contact
{
	left: 4px;
	width: 340px;
	height: 18px;
	position: absolute;
	font : 10px Trebuchet MS, Verdana, Trebuchet MS, Tahoma, Verdana, Arial;
	color							: #C2BEAF;		
	border							: solid 0px #00FF00;
	background 						: transparent;
}

input.mailinglist
{
	left			: 0px;
	width			: 229px;
	height			: 18px;
	position		: absolute;
	font 			: 10px Trebuchet MS, Verdana, Trebuchet MS, Tahoma, Verdana, Arial;
	color			: #c2beaf;
	border			: solid 0px #00FF00;
	padding-left	: 3px;
	background		: transparent;
}

#mailingMessage
{
	top				: 0xp;
	left			: 75px;
	width			: 270px;
	height			: 10px;
	position		: absolute;
	border			: solid 0px #00FF00;
	font 			: 10px Trebuchet MS, Verdana, Trebuchet MS, Tahoma, Verdana, Arial;
	color			: #161516;
	text-align		: right;
}

#idEmailmailing
{
	top				: 29px;
	width			: 229px;
}

#idEmailbutton
{
	top				: 29px;
	cursor			: pointer;
	left			: 229px;
	width			: 114px;
}

#vakEmail
{
	top				: 30px;
	height			: 14px;
	width			: 229px;
	background-color: #3C393D;
	filter			: alpha(opacity=37);
	opacity			: 0.37;
	position		: absolute;
}

#vakSubscribe
{
	top				: 30px;
	height			: 14px;
	left			: 231px;
	width			: 114px;
	background-color: #3C393D;
	filter			: alpha(opacity=37);
	opacity			: 0.37;
	position		: absolute;
}

#idNameC
{
	top: 0px;
}

#idEmailC
{
	top: 20px;
}

#idName
{
	left: 4px;
}

#idEmail
{
	left: 182px;
}

div.guestbookForm
{
	top: 24px;
	left: 0px;
	width: 345px;
	height: 120px;
	position: absolute;
	border: solid 0px #00FF00;
	background: url("../img/guestbook.gif");
}

div.contactForm
{
	top: 55px;
	left: 0px;
	width: 345px;
	height: 236px;
	position: absolute;
	border: solid 0px #00FF00;
	background: url("../img/contact.jpg");
}

#postGuestbook
{
	top: 130px;
	left: 0px;
	width: 25px;
	height: 10px;
	position: absolute;
	border: solid 0px #00FF00;
	cursor: pointer;
}

#idMelding
{
	top: 130px;
	left: 35px;
	width: 309px;
	height: 10px;
	position: absolute;
	border: solid 0px #00FF00;
}

#idMeldingC
{
	top: 278px;
	left: 5px;
	width: 309px;
	height: 10px;
	position: absolute;
	border: solid 0px #00FF00;
	font : 10px Trebuchet MS, Verdana, Trebuchet MS, Tahoma, Verdana, Arial;
	color							: #C2BEAF;		
}

#verzenden
{
	top: 274px;
	left: 129px;
	width: 60px;
	height: 15px;
	position: absolute;
	border: solid 0px #00FF00;
	font : 10px Trebuchet MS, Verdana, Trebuchet MS, Tahoma, Verdana, Arial;
	color							: #C2BEAF;		
	text-align: right;
}

#verzenden a
{
	font : 10px Trebuchet MS, Verdana, Trebuchet MS, Tahoma, Verdana, Arial;
	color							: #C2BEAF;	
	text-decoration: none;
}

#verzenden a:hover
{
	text-decoration: underline;
}

div.reactions
{
	top: 155px;
	left: 0px;
	width: 348px;
	position: relative;
	border: solid 0px #00FF00;
}

div.line
{
	top: 0px;
	left: 40px;
	width: 230px;
	height: 20px;
	position: relative;
	border: solid 0px #00FF00;
	vertical-align: middle;
}

#contactText
{
	top: 20px;
	left: 0px;
	width: 340px;
	position: absolute;
	border:	solid 0px #00FF00;
}

#bookingEI
{
	top: 108px;
	left: 0px;
	position: absolute;
}

#bookingPI
{
	top: 348px;
	left: 0px;
	position: absolute;
}

input.booking
{
	left: 0px;
	width: 305px;
	height: 18px;
	position: absolute;
	font : 10px Trebuchet MS, Verdana, Trebuchet MS, Tahoma, Verdana, Arial;
	color							: #FFFFFF;		
	border							: solid 0px #00FF00;
	background-color				: #3c393d;
	padding-left: 4px;
	filter: 	alpha(opacity=37);
	opacity: 	0.37;
}

textarea.booking
{
	left: 0px;
	width: 305px;
	height: 90px;
	position: absolute;
	font : 10px Trebuchet MS, Verdana, Trebuchet MS, Tahoma, Verdana, Arial;
	color							: #FFFFFF;		
	border							: solid 0px #00FF00;
	background-color				: #3c393d;
	overflow						: auto;
	padding-left: 4px;
	filter: 	alpha(opacity=37);
	opacity: 	0.37;
	
	scrollbar-base-color      : #979588;	
	scrollbar-darkshadow-color: #979588;
	scrollbar-face-color      : #979588;	
	scrollbar-highlight-color : #979588;
	
	scrollbar-arrow-color     : #2F2F2F;
	scrollbar-3dLight-Color   : #2F2F2F;
	scrollbar-shadow-color    : #2F2F2F;
	overflow: auto;	
}

#vakMelding
{
	left: 0px;
	width: 305px;
	height: 18px;
	position: absolute;
	font : 10px Trebuchet MS, Verdana, Trebuchet MS, Tahoma, Verdana, Arial;
	color							: #FFFFFF;		
	border							: solid 0px #FF0000;
	background-color				: #3c393d;
	filter: 	alpha(opacity=37);
	opacity: 	0.37;
}

#idMeldingB
{
	left: 4px;
	position: absolute;
}

#verzendenBooking
{
	top: 0px;
	left: 240px;
	width: 60px;
	height: 15px;
	position: absolute;
	border: solid 0px #00FF00;
	font : 10px Trebuchet MS, Verdana, Trebuchet MS, Tahoma, Verdana, Arial;
	color							: #FFFFFF;		
	text-align: right;
}

#verzendenBooking a
{
	font : 10px Trebuchet MS, Verdana, Trebuchet MS, Tahoma, Verdana, Arial;
	color							: #FFFFFF;	
	text-decoration: none;
}

#verzendenBooking a:hover
{
	text-decoration: underline;
}

div.flexcroll a
{
	font : 10px Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #1F1A14;
	text-decoration: none;
	margin-left: 4px;
}

div.flexcroll a:hover
{
	font : 10px Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #1F1A14;
	text-decoration: underline;
}

div.pics a
{
	font : 10px Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #1F1A14;
	text-decoration: none;
	margin-left: 4px;
}

div.pics a:hover
{
	font : 10px Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #1F1A14;
	text-decoration: underline;
}

div.flexcroll ul
{
	list-style-type		: none;
	padding-left		: 10px;
	margin				: 0px;
	font 				: 10px Trebuchet MS,Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color				: #393631;
	background			: url("../img/dot_2.gif");
	background-repeat 	: no-repeat;
}

img.small_l
{
	left:			0px;
	width: 			161px;
	height: 		120px;
	border: 		solid 2px #3F3E38;
	cursor:			pointer; 
	position:		absolute
}

img.small_r
{
	left:			176px;
	width: 			161px;
	height: 		120px;
	border: 		solid 2px #3F3E38;
	cursor:			pointer; 
	position:		absolute
}

div.photo
{
	left: 			0px;
	width: 			341px;
	height: 		259px;
	border: 		solid 2px #3F3E38;
	position:		absolute;
	cursor:			pointer; 
	z-index: 		1;
	visibility:		hidden;
}

img.big
{
	width: 			337px;
	height: 		255px;
	border: 		solid 0px #3F3E38;
	cursor:			pointer; 
}

#innerContent
{
	width: 346px;
	border: solid 0px #00FF00;
}

/*Page related styles for you to view*/
#mycustomscroll {
	/* Typical fixed height and fixed width example */
	top: 159px;
	left: 248px;
	width: 388px;
	height: 293px;
	position: absolute;
	border: solid 0px #00FF00;
	font : 10px Trebuchet MS,Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #393631;
	line-height: 14px;
	text-align: justify;
	overflow: auto;
	padding-right: 0px;
	/* IE overflow fix, position must be relative or absolute*/
}

#mycustomscroll2 {
	/* Typical fixed height and fixed width example */
	width: 340px;
	height: 250px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
	background-color: #D5EADE;
	margin: 0.3em auto;
	padding: 15px;
}

.fixedwidth {
	/* a wide div is used for creating horizontal scrollbars for demonstration purposes */
	width: 550px;
	height: auto;
	position: relative;
	color: black;
	padding: 1px;
}

/* general page style ends here */

span.name a
{
	font : 10px Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #393631;
	text-decoration: underline;
	margin-left: 0px;
}

span.name a:hover
{
	font : 10px Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #807B76;
	text-decoration: underline;
}

span.news
{
	font : 10px Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #393631;
	margin-left: 0px;
}

span.news a
{
	font : 10px Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #393631;
	text-decoration: none;
	margin-left: 0px;
}

span.news a:hover
{
	font : 10px Trebuchet MS, Tahoma, Geneva, Arial, Helvetica, sans-serif;
	color: #393631;
	text-decoration: underline;
}