body,
html
{
margin: 0;
padding: 0;
background: url('/include/images/backgroundimage.png') repeat-x top left; 
background-color: #6cb0f5;
color: #000000;
}

body
{
min-width:835px;
background-color: #6cb0f5;
font-family: arial;
}

#wrapper { 
 margin: 0 auto;
 width: 837px;
}

#header {
 font-family: Arial;
 font-size: 9px;
 color: #333;
 width: 797px;
 float: left;
 height: 212px;
 margin: 0px 0px 0px 0px;
 padding-right: 38px;
 background: #adafb0;
}
#header_image {
	height: 163px;
	width: 835px;
	background: #adafb0;
	background: url('/include/images/header_1_2.png') no-repeat top left;
	position: absolute;
	top: 26px;
}
#leftcolumn { 
 color: #333;
 background: url('/include/images/page_bottom.png') repeat-x bottom left;
 background-color: #ffffff;
 margin: 0px 0px 0px 0px;
 padding: 30px;
 min-height: 620px;
 width: 555px;
 float: left;
}
#rightcolumn { 
 float: right;
 color: #333;
 background: url('/include/images/page_bottom.png') repeat-x bottom left;
 background-color: #ffffff;
 margin: 0px 2px 0px 0px;
 padding: 0px;
 padding-top: 30px;
 min-height: 500px;
 width: 220px;
 display: inline;
}
#footer { 
font-family: Geneva, Arial, Helvetica, sans-serif;
font-weight: bold;
 width: 815px;
 height: 20px;
 clear: both;
 color: white;
 background: #adafb0;
 margin: 0px 0px 0px 0px;
 padding-left: 20px;
 line-height: 1em;
 /*border: 1px solid red;*/
 
}

table#footer_table {
	margin-top: -1px;
	border-collapse: collapse;
	width: 100%;
}

td#disclaimer {
	width: 100px;
}

div#sitemap {
	margin-top: -50px;
}

td#sitemap {
	width: 100px;
}

td#contact {
	width: 340px;
}

div#feed {
	display: inline;
	position: relative;
	top: 2px;
}

div#grayout
{
	left: 0;
	top: 0;
	height: 100%;
	position: absolute;
	background-color: #333333;
	z-index: 998;
	opacity: .5;
	display: block;
	display: none;
	width: 100%;
	clear: both;
}

div#dialog
{
	position: absolute;
	background-color: white;
	width: 400px;
	height: 300px;
	z-index: 999;
	border: 1px dotted #6CB0F5;
	display: none;
}

div#dialog_header
{
	font-family: Verdana;
	padding-top: 2px;
	background-color: #6CB0F5;
	height: 30px;	
	text-align: right;
	font-size: 24px;
	display: block;
	width: 400px;
}

div#dialog_content
{
	height: 250px;
}

div#dialog_footer
{
	clear: both;
	background-color: #6CB0F5;
	height: 20px;
	width: 400px;
}

span#dialog_header_text
{
	width: 100%;
	margin-right: 5px;
	font-family: Verdana;
}

div#dialog_content_text
{
	font-family: Verdana;
	font-size: 11px;
	width: 200px;
	height: 225px;
	overflow: auto;
	/*padding: 5px;*/
	float: left;
}

div#dialog_icon
{
	float: left;
	width: 170px;
	height: 250px;
}

table.dialog_icon_table
{
	height: 100%;
	width: 100%;
}

table.dialog_icon_table td
{
	text-align: center;
	vertical-align: middle;
}

#dialog_icon_image
{
	margin-left: -20px;
	height: 200px;
}

span#dialog_footer_text
{
	font-family: Verdana;
	font-size: 9px;
	width: 100%;
	margin-left: 5px;
}

img#session_keep_image
{
	padding-top: 20px;
	cursor: pointer;
	float: right;
}

img#ok_image
{
	padding-top: 20px;
	cursor: pointer;
	float: right;
}

table.header
{
	width: 100%;
	height: 18px;
	border-collapse: collapse;
	margin-top: 2px;
}


td.header
{
	text-align: right;
	font-size: 10px;	
}

span.headersearch
{
	font-size: 12px;
	color: #525354;
}

span.headersearch input[type="text"]
{
	border: 1px solid #525354;
	background-color: white;
	height: 18px;
}

span.headersearch input[type="image"]
{
	margin-left: 5px;
}

div#searchicon
{
margin-top: -24px;
	float: right;
}

div#searchformtext 
{
	margin-right: 20px;
}

a {
	color: black;
	text-decoration: none;
}

/*menu*/
		/* horizontal */
#menu 
{
	width: 100%;
	padding-right: 38px;
	height: 34px;
	background: url('/include/images/menu_background.png') repeat-x top left;
	float: left;
	font-family: Arial;
	z-index: 80;
	position: relative;
	top: 150px;
}

#menu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	width: 126px;
	height: 34px;
	float: left;
	text-align: center;
	padding-top: 5px;
	background: url('/include/images/menu_background_unselect.png') no-repeat top left;
}

#menu ul:hover 
{
	width: 126px;
	background: url('/include/images/menu_select.png') no-repeat top left;
}

#menu a, #menu h2 
{
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: white;
	display: block;
	height: 34px;
	margin: 0;
	padding: 2px 3px;
}

#menu h2 
{
	color: #fff;
	background: #000;
	text-transform: uppercase;
}

#menu a 
{
	margin-top: -5px;
	padding-top: 7px;
	height: 26px;
	color: #fff;
	text-decoration: none;
}
		
#menu a:hover 
{
	color: #fff;
	margin-top: -5px;
	padding-top: 7px;
}

#menu li 
{
	position: relative;
}

#menu ul ul 
{
	position: absolute;
	z-index: 500;
}

#menu ul ul ul 
{
	top: 0;
	left: 100%;
}

#menu ul li:first-child 
{
	margin-top: -6px;
}

#menu ul li ul li a 
{
	margin-top: 0px;
	background: #6cb0f5;
	padding-left: 10px;
	padding-top: 3px;
	text-align: left;
	height: 20px;
	width: 200px;
	border-top: 1px solid white;
	font-size: 13px;
}

#menu ul li ul li a:hover 
{
	margin-top: 0px;
	background: #adafb0;
	padding-left: 10px;
	padding-top: 3px;
	text-align: left;
	height: 20px;
	width: 200px;
	border-top: 1px solid white;
	font-size: 13px;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul
{
	display: none;
}

div#menu ul:hover ul,
div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{
	display: block;
}

/* end of menu */

a.footer_menu
{
	font-family: Arial, Helvetica;
	font-weight: bold;
	color: white;
}

div#site_name
{
	font-family: Arial;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -0.7px;
	color: white;
	float: right;
	margin-top: 125px;
	margin-right: 20px;
}

div#enjoy
{
	font-family: Arial;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -0.7px;
	color: white;
	float: left;
	margin-top: 7px;
	margin-left: 30px;
}

#header_image_two
{
	float: left;
	/*height: 40px;*/
	clear: both;
	/*margin-top: -158px;*/
	height: 163px;
}

div.page_header
{
	text-align: right;
}

span#print,
span#acrobat,
span#preview
{
	cursor: pointer;
}

th
{
	text-align: left;
	padding-right: 20px;
}

.h1_sub,
h1
{
	font-family: Arial;
	font-size: 20px;
	font-weight: bold;
	color: #6cb0f5;
}

h2
{
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	color: #6cb0f5;
}

h3
{
	font-family: Arial;
	font-size: 16px;
	font-weight: normal;
	color: #6cb0f5;
}

table.searchform_table
{
	margin-top: -20px;
}

div#block small
{
	font-size: 10px;
	margin-top: -5px;
	display: block;
}

div#block
{
	padding: 10px;
	background-color: #cfcdcd;
	width: 200px;
	height: 145px;
}

div#block
{
	padding: 10px;
	background-color: #cfcdcd;
	width: 200px;
	height: 145px;
}

div#block_long
{
	padding: 10px;
	background-color: #cfcdcd;
	width: 200px;
	height: 310px;
}

div#block_head
{
	margin-top: -10px;
	margin-left: -10px;
	background-color: #525354;
	height: 21px;
	text-align: right;
	color: white;
	padding-right: 10px;
	width: 210px;
	font-family: Arial;
	font-weight: 900;
	font-size: 18px;
}

input#username, 
input#usernameInput
{
	border: 1px solid #525354;
	background-color: white;
	height: 18px;
	width: 100%;
}

input#password, 
input#passwordInput
{
	border: 1px solid #525354;
	background-color: white;
	height: 18px;
	width: 100%;
}

.hide
{
	display: none;
}

.show
{
	display: block;
}

fieldset
{
	border: 1px solid #6cb0f5;
	padding: 5px;
	padding-left: 20px;
	width: 200px;
}


legend
{
	display: none;
}

dd input
{
	border: 1px solid #6cb0f5;
}

textarea.editable
{
	width: 98%;
	height: 380px;
}

fieldset.rights
{
	width: 90%;
}

legend.rights
{
	display: inline;
	background: white;
}

table.contactform
{
	border: 1px solid #6cb0f5;
	padding: 5px;
	width: 100%;
}

table.contactform tr td fieldset
{
	border: none;
}

table.contactform tr td
{
	margin: 0px;
}

table.contactform tr td fieldset dl dd
{
	margin-left: 10px;
}

table.contactform tr td fieldset dl dd textarea
{
	position: relative;
	margin-left: -50px;
	border: 1px solid #6cb0f5;
	width: 270px;
	height: 352px;
	z-index: 1;
}

ul.rights li
{
	background: none;
	list-style: none;
}

ul.sitemap li
{
	font-weight: normal;
}

ul.sitemap li a
{
	font-weight: lighter;
	font-style: italic;
}

td.table_container table
{
	margin-right: -1px;
}


td.table_container table tbody tr td
{
	width: 170px;
}

a.link_content
{
	text-decoration: underline;
}

fieldset.warning, div#warning
{
	border: 1px solid red;
	width: 526px;
	color: red;
}

fieldset.warning legend
{
	display: block;
}

fieldset.warning ul
{
	margin-left: -50px;
}

fieldset.warning legend
{
	display: block;
	color: red;
	font-weight: bold;
}

div#placeholder
{
	width: 40px;
	height: 40px;
	border: 1px solid red;
}

img#sidebar_icon
{
	float: left;
	padding-right: 10px;
}

div#sidebar_logout_link
{
	float: right;
}

div#sidebar_profile_imagebar div
{
	padding-right: 10px;
	display: inline;
}

div#sidebar_profile_imagebar div img
{
	border: none;
}

table#edit_profile input
{
	width: 250px;
	border: 1px solid #6cb0f5;
	padding-left: 5px;
}

small#show_profile_small
{
	font-size: 10px;
	color: black;
}

table#shoutbox_table
{
	width: 100%;
}

table#shoutbox_table small
{
	font-size: 11px;
}

table#shoutbox_table tr#message_row td
{
	border-bottom: 1px solid #525354;
}

form#shoutbox input
{
	border: 1px solid #525354
}

hr#shoutbox_hr
{
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #525354;
}

div#shoutboxcontainer
{
	height: 240px;
	overflow: auto;
}

div#block_long input
{
	border: 1px solid #525354;
}

div#guestbook_header,
div.bandenplan_machtiging,
div#photoalbum_cat_header,
div#portfolio_cat_header
{
	width: 97%;
	height: 25px;
	background: url('/include/images/menu_background.png') repeat-x top left;
	float: left;
	padding-left: 15px;
	padding-top: 0px;
}

div#photoalbum_cat_name,
div#portfolio_cat_name
{
	font-family: Arial;
	line-height: 25px;
	color: white;
	font-size: 24px;
	font-weight: bold;
	float: left;
}

div#guestbook_name
{
	font-family: Arial;
	line-height: 25px;
	color: white;
	font-size: 18px;
	font-weight: bold;
	float: left;
}

div#guestbook_stats img
{
	padding-right: 2px;
	margin-top: -4px;
}

div#guestbook_stats,
div#photoalbum_cat_stats,
div#portfolio_controls
{
	font-family: Arial;
	color: white;
	font-size: 12px;
	padding-top: 9px;
	padding-right: 15px;
	float: right;
}

/* photoalbum */

span#inversecheckbox
{
	cursor: pointer;
	font-weight: bold;
}

div.portfolio_icons
{
	float: right;
}

#portfolio_edit input,
#portfolio_edit textarea
{
	border: 1px solid #6cb0f5;
	width: 345px;
}

table#portfolio_edit tr th
{
	vertical-align: top;
}

table#albumlist
{
	clear: both;
}

table#albumlist tr td#albumlist_content
{
	vertical-align: top;
	height: 100px;
}

#albumlist_thumb
{
	vertical-align: middle;
}

#guestbook_add textarea
{
	border: 1px solid #6cb0f5;
	width: 327px;
	height: 100px;
}

#guestbook_add input,
table#add_category_table input
{
	border: 1px solid #6cb0f5;
	width: 250px;
}

table#edit_category input
{
	border: 1px solid #6cb0f5;
	width: 250px;
}

table.portfolio_container tr td
{
	width: 270px;
	border: 1px solid #6cb0f5;
	padding:5px;
	vertical-align: top;
}

a.portfolio
{
	text-decoration: none;
	float: right;
	color: #525354;
}

div.portfolio_images
{
	margin-top: 5px;
}

span.small
{
	font-size: 11px;
}

span.small_news
{
	font-size: 11px;
	color: #525354;
	float: right;
	display: block;
	margin-top: -20px;
}

textarea.notepad
{
	border: 1px solid #6cb0f5;
	width: 100%;
	height: 500px;
}

hr.news
{
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #525354;
	margin-bottom: 20px;
}

hr.news:last-child
{
	display: none;
}

.blue_border
{
	border: 1px solid #6cb0f5;
	width: 80%;
}

div.register_text
{
	margin-top: -5px;
}

div.bandenplanmain
{
	border: 1px solid white;
}
div.bandenplan_container
{
	/*display: none;*/
}

div.banden
{
	/*display: none;*/
}

div.band
{
	margin-top: 35px;
	background-color: #c0daf3;
	border: 1px solid #525354;	
	width: 550px;
	height: 30px;
	padding: 0px;
}

div.band_detail
{
	display: block;
	background-color: #c0daf3;
	border: 1px solid #525354;
	width: 550px;
	padding: 0px;
}

div.band_detail div,
div.band div
{
	float: left;
	padding: 0px;
	height: 30px;
}
table.bandplan_detailplan,
table.bandplan_detailplan tr td
{
	vertical-align: top;
	border-collapse: collapse;
	padding: 0px;
	font-size: 10px;
}

table.bandplan_detailplan tr th
{
	font-size: 11px;
}

table.bandplan_detailplan tr td div
{
	display: block;
}

div#guestbook_sign_grayout
{ 
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	background-image: url(http://index.vincentklop.nl/include/images/overlay.png); 
	opacity: 1;
}

div#guestbook_sign_window
{
	position: absolute;
	width: 350px;
	height: 350px;
}

span#sign_guestbook,
img#closebutton
{
	cursor: pointer;
}
	



/* Lightbox stylesheets */
div#guestbook_sign_window,
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(http://index.vincentklop.nl/include/images/overlay.png); }
#closeButton{ top: 5px; right: 5px; }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	
}

/* End of Lightbox stylesheets */

















/* These are standard sIFR styles... do not modify */

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
	visibility: hidden;
}



.sIFR-hasFlash h3 {
	visibility: hidden;
	/*letter-spacing: -6px;
	font-size: 14px;*/
}

.sIFR-hasFlash h4 {
	visibility: hidden;
	letter-spacing: -5px;
	font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
	letter-spacing: -4px;
	visibility: hidden;
	font-size: 24px;
}

/*.sIFR-active #footer{
	visibility: hidden;
	align: right;
}*/