body {
	font-family: verdana,arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: #000;
	padding-top: 20px;
	padding-bottom: 0px;
	background-image: url('../images/background/home_default.jpg');
	background-position: 50% 10px;
	background-attachment: fixed;
	background-repeat: no-repeat;
	margin-left: auto; /* center for ff en mac */ 
	margin-right: auto; /* center for ff en mac */ 
	margin-bottom: 0px; /* white border stacks bottom screen */
	margin-top: 0px;
	text-align: center; /* for ie */
}

#logo {
	position: absolute;
	top: 0px; /* logo stacks top screen*/ 
	padding-top: 3px; /* logo stacks top screen*/ 
	left: 10px;
	width: 135px;
	height: 135px;
	z-index: 10;
	background-image: #000000;
}

#gastenboek {
	position: absolute;
	top: 90px;
	left: 670px;
	width: 100px;
	height: 100px;
	z-index: 9;
	background-image: transparent;
}

#extravoorstelling {
	position: absolute;
	top: 180px; /* logo stacks top screen*/ 
	padding-top: 0px; /* logo stacks top screen*/ 
	left: 170px;
	width: 250px;
	height: 96px;
	z-index: 5;
	background-image: #000000;
}

td {
	font-family: verdana,arial;
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	background-color: transparent;
	padding-bottom: 0px;
}

#datacontainer {
	margin: 20px;
	padding: 20px;
	text-align: center;
	padding-top: 30px;
	background-color: #FFFFFF;
}

#data {
	margin: 20px;
	padding: 20px;
	text-align: left;
	padding-top: 30px;
	paddin-left: 0px;
	text-align: left;
	background-color: #FFFFFF;
}

#datatable {
	padding: 0px;
	background-color: #F5F5F5;
	width: 700px;
}

#maincontainer {
	width: 750px; /* this is the def width*/
	text-align: center;
	position: relative;
	margin-left: auto; 
	margin-right: auto; 
	margin-top: 0px; 
	margin-bottom: 0px;
	padding: 0px;  /* scale maincontaner tack top screen*/ 
	padding-bottom: 0px;
	padding-top: 40px;
 	background-color: transparent;
}

p {
	line-height: 1.60em
}

td {
	padding: 0px;
	vertical-align: top;
}

A {
	color: #CC3333;
	text-decoration: none;
	font-weight: bold;
}

A:hover {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
}

H1 {
	font-size: 20pt;
	font-weight: normal;
	font-style: roman;
	font-family: georgia,arial,helvetica;
	line-height: 1.0em;
	color: #444444;
	padding-top: 0px;
	padding-bottom: 0px;
	text-align: left;
}

H2 {
	font-size: 11pt;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
}

H3 {
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
	padding-top: 10px;
}

H4 {
	font-size: 14pt;
	font-weight: bold;
	font-style: roman;
	font-family: georgia,arial,helvetica;
	background-color: transparent;
	text-transform: uppercase;
	line-height: 1.0em;
	text-align: left;
	color: #444444;
	padding: 0px;
	margin: 0px;
	margin-bottom: 20px;
	text-decoration: none;
}

.headcaption {
	font-size: 12pt;
	color: #000000;
	font-weight: normal;
}

img {
	border: 0px;
	background-image: url('../images/bg_loading.gif');
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	border-style: none;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.top {
	vertical-align: top;
}

.center {
	text-align: center;
/* for netscape */
	margin-left: auto; 
	margin-right: auto; 
}

.photobut {
	border: 2px solid #FFFFFF;
	padding: 0px;
	margin: 0px;
}

a:hover .photobut {
	border: 2px solid #ff3300;
	padding: 0px;
	margin: 0px;
}

.photonav {
	background-color: #FFF;
	opacity: 1.0; /* Firefox, Safari*/
	filter: alpha(opacity=100); /* IE */
	padding: 0px;
	margin: 0px;
}

a:hover .photonav {
	background-color: #FFF;
	opacity: 0.5; /* Firefox, Safari*/
	filter: alpha(opacity=50); /* IE */
	padding: 0px;
	margin: 0px;
}

.photonav2 {
	background-color: #FFF;
	opacity: 0.5; /* Firefox, Safari*/
	filter: alpha(opacity=50); /* IE */
	padding: 0px;
	margin: 0px;
}

a:hover .photonav2 {
	background-color: #FFF;
	opacity: 1.0; /* Firefox, Safari*/
	filter: alpha(opacity=100); /* IE */
	padding: 0px;
	margin: 0px;
}

#photocaption {
	text-align: center;
	font-family: arial,verdana,helverica;
	font-size: 9pt;
	font-weight: bold;
	line-height: 1.5 em;
	background-color: transparent;
	display: block;
}

.recensie {
	border-bottom: 1px solid #000000;
}

#subnav {
	font-family: georgia,arial,helvetica;
	font-size: 10pt;
	padding-right: 0px;
	padding-left: 8px;
	padding-top: 50px; /* space below the logo */
	color: #000000;
	width: 180px;
	text-align: left;
}

#subnavsel {
	font-family: georgia,arial,helvetica;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
	color: #FF3333;
	padding-left: 0px;
}

#subnav P { /* space between subnav items */
	font-family: georgia,arial,helvetica;
	font-size: 13px;
	margin-bottom: 5px;
	margin-top: 0px;
}

#subnav A:hover {
	font-family: georgia,arial,helvetica;
	font-size: 10pt;
	color: #ff4500;
	font-weight: bold;
	text-decoration: none;
}

#subnav A {
	font-family: georgia,arial,helvetica;
	font-size: 10pt;
	text-decoration: none;
	font-weight: bold;
	color: #404040;
}

.nospacebottom {
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.caption {
	font-size: 8pt;
	font-weight: normal;
	line-height: 1.3em;
	margin-top: 7px;
	padding-top: 0px;
	padding-bottom: 15px;
	text-align: right;

}

.mark {
	padding-left: 5px;
	border-left: #CC3333 2px solid;
	background-color: #E8E8E8;
}

.phototable {
	padding: 0px;
	padding-top: 30px;
}

.phototable td {
	padding-right: 20px;
	padding-bottom: 30px;
}

.phototable P {
	padding-bottom: 30px;
	padding-left: 20px;
}

ol {
	text-align: left;
}

ul {
	margin-left: 0;
	padding-left: 15px;
}

li {
	margin: 0;
	padding: 2px;
	list-style-position: outside;
	list-style-type: disc;
}

.prodtitle {
	color: #ff3300;
	text-transform: uppercase;
}

#cap {
	text-transform: uppercase;
}

/* mainmenu nav */

#mainnavcontainer td {
	background-color: #000000;
}

#mainnavcontainer {
	width: 750px;
	margin-top: 0px;
	padding-top: 0px;
	background-color: #000000;
}

#mainnav a:link img, #mainnav a:visited img, #mainnav a:active img {
	opacity: 0.8; /* Firefox, Safari*/
	filter: alpha(opacity=80); /* IE */
	background-color: #000000;
	text-align: center;
	margin-top: 10px;
}

#mainnav a:hover img {
	opacity: 1.0; /* Firefox, Safari*/
	filter: alpha(opacity=100); /* IE */
	background-color: #000000;
	text-align: center;
	margin-top: 7px;
	border-bottom: 3px solid #ffffff;
}

#mainnavsel a:link img, #mainnavsel a:visited img, #mainnavsel a:active img {
	opacity: 1.0; /* Firefox, Safari*/
	filter: alpha(opacity=100); /* IE */
	background-color: #000000;
	text-align: center;
	margin-top: 7px;
	border-bottom: 3px solid #ff3333;
}

/** reseveren  */

#order_row01 {vertical-align: middle; padding-top: 3px; font-size: 9pt;}
#order_row02 {vertical-align: middle; padding-top: 3px; font-size: 9pt;}
#order_row03 {vertical-align: middle; padding-top: 3px; font-size: 9pt;}
#order_row04 {vertical-align: middle; padding-top: 3px; font-size: 9pt;}
#order_row05 {text-align: right; vertical-align: middle; padding-top: 10px; color: #696969; font-size: 8pt;}
#order_row06 {vertical-align: middle; padding-top: 3px; font-size: 9pt;}
#order_row01_sub {vertical-align: middle; padding-top: 3px; font-size: 8pt; color: #696969;}
#order_row02_sub {vertical-align: middle; padding-top: 3px; font-size: 8pt; color: #696969;}
#order_row03_sub {vertical-align: middle; padding-top: 3px; font-size: 8pt; color: #696969;}
#order_row04_sub {vertical-align: middle; padding-top: 3px; font-size: 8pt; color: #696969;}

#abon0 TD, #abon1 TD, #abon2 TD, #abon3 TD, #abon4 TD, #abon5 TD {
	vertical-align: middle;
	padding-top: 3px;
	font-size: 8pt;
	background-color: #d3d3d3;
	color: #333333;
}
#abon6 TD, #abon7 TD, #abon8 TD, #abon9 TD, #abon10 TD {
	vertical-align: middle;
	padding-top: 3px;
	font-size: 8pt;
	background-color: #d3d3d3;
	color: #333333;
}
#abon10 TD, #abon11 TD, #abon12 TD, #abon13 TD, #abon14 TD, #abon15 TD {
	vertical-align: middle;
	padding-top: 3px;
	font-size: 8pt;
	background-color: #d3d3d3;
	color: #333333;
}

#abonee_nummer_1, #abonee_nummer_2, #abonee_nummer_3, #abonee_nummer_4, #abonee_nummer_5, #abonee_nummer_6, #abonee_nummer_7, #abonee_nummer_8, #abonee_nummer_9, #abonee_nummer_10, #abonee_nummer_11, #abonee_nummer_12, #abonee_nummer_13, #abonee_nummer_14, #abonee_nummer_15 {
	border: 1px solid #999999;
	font-size: 10pt;
	width: 60px;
} 

#abonee_naam_1, #abonee_naam_2, #abonee_naam_3, #abonee_naam_4, #abonee_naam_5, #abonee_naam_6, #abonee_naam_7, #abonee_naam_8, #abonee_naam_9, #abonee_naam_10, #abonee_naam_11, #abonee_naam_12, #abonee_naam_13, #abonee_naam_14, #abonee_naam_15 {
	border: 1px solid #999999;
	font-size: 10pt;
	font-weight: normal;
	width: 220px;
	text-transform: uppercase;
} 

.form #formdatum option, .form #formdatum select {
	text-transform: lowercase;
	font-size: 10pt;
	font-weight: bold;
	font-family: Courier New,Lucida Console,Sans Mono,Letter Gothic,arial;
	color: #000000;
	background-color: #FFFFFF;
	font-weight: normal;
}

.form TD {
	padding: 1px; 
	background-color: #F5F5F5;
}

/*
.form TD input {
	border: 1px solid #C00000;
}
*/

.form {
	padding: 0px;
	padding-left: 10px;
	background-color: #F5F5F5;
	border: 0px solid #0099cc;
}

#border {
	border: 2px solid #cccccc;
	font-size: 10pt;
}

/* just call via css SELECT so in Safari/Mac select will take the font via CSS (?)*/
select {
	 border: 1px solid #888888;
}

optgroup {
	background-color: #ffffff;
}

#button1 { /* versturen */
	color: #C00000;
	cursor: pointer;
	cursor: hand;
	font-weight: bold;
	height: 30px;
}

#button2 { /* resetform */
	color: #000000;
	cursor: pointer;
	cursor: hand;
	font-weight: bold;
	height: 30px;
}

#abonnummer_list {
	color: #c00000;
}

#songtitle, #songtitle P {
	padding-bottom: 3px;
	text-align: right;
	font-size: 8pt;
	line-height: 1.2em;
}

#photo {
	text-align: left;
	padding: 0px;
	width: 465;
	padding-bottom: 30px;
}

#prodbutton {
	padding: 0px;
	padding-top:10px;
	margin: 0px;
}

#prodtitle {
	font-family: georgia,arial,helvetica;
	color: #808080;
	font-size: 18pt;
	font-weight: normal;
	background-color: transparent;
	line-height: 1.1em;
	text-align: left;
	padding-top: 6px;
	margin: 0px;
}

#prodhead {
	font-family: georgia,arial,helvetica;
	color: #ff3300;
	font-size: 11pt;
	font-weight: bold;
	background-color: transparent;
	line-height: 1.4em;
	text-align: left;
	padding: 0px;
	margin: 0px;
	width: 180px;
}

#prodimg {
	padding: 0px;
	margin: 0px;
	text-align: left;
	background-color: transparent;
}

#prodcaption {
	font-family: georgia,arial,helvetica;
	color: #808080;
	font-size: 12pt;
	font-weight: normal;
	background-color: transparent;
	line-height: 1.1em;
	text-align: left;
	padding: 0px;
	padding-top: 0px;
	margin: 0px;
}

#subnav ol {
	padding: 0px;
	padding-left: 15px;
	padding-top: 0px;
	padding-bottom: 10px;
	margin: 0px;
	margin-top: 0px;
}

#subnav li {
	padding-top: 2px;
	list-style-position: outside;
	list-style-image: url('../images/li_division.gif');
	list-style-type: square;
	padding-left: 0px;
	margin: 0px;
	color: #808080;
}

#itemnav A:link, #itemnav A:active, #itemnav A:visited {
	font-family: arial,helvetica;
	font-size: 10pt;
	color: #ff4500;
	font-weight: normal;
	text-decoration: none;
	text-align: left;
}

#itemnav A:hover {
	font-family: arial,helvetica;
	font-size: 10pt;
	color: #ff4500;
	font-weight: bold;
	text-decoration: none;
}

#arrowup {
	margin-top: 50px;
	text-align: right;
	padding: 0px;
	border-top: 1px dashed #C00000;
}

#speeldata td {
	text-align: right;
}

#speeldata table {
	width: 320px;
}

.markbg {
	line-height: 1.6em;
	background-color: #dcdcdc; 
	padding-left: 5px; 
	padding-right: 5px;
	padding-bottom: 0px;
	padding-top: 0px;
}