/* CSS Document */
body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

body {
	background-color: #000000;
}
.kopjes {
	border-bottom:1px;
	border-bottom-color:#333333;
	border-bottom-style:solid;
}
.menu {color: #CD0002; font: "Cornerstone Regular";border-right:1px; border-right-color:#666666; border-right-style:dotted;font-size:12px;text-decoration: blink; text-align:center }
.menu a:link{color: #CCCCCC;text-decoration: none;}
.menu a:visited{color: #CCCCCC;text-decoration: none;}
.menu a:hover{color: #CC0000;text-decoration: none;}
.menu a:active{color: #CC0000;text-decoration: none;}
.caption {font-size: 9px}
.style4 {font-size: 9px; color: #CCCCCC; }
.style5 {color: #CD0002}
.style6 {font-size: 11px}
.style1 {font-size: 11px; font: "Cornerstone Regular"; }
.style1 a:link{color:#666666;}
.style1 a:hover{color:#CC0000;}
.style1 a:active{color:#CC0000;}
.style7 {font-weight: bold}
#basictxt {font-size:11px; }
#basictxt a:link{color:#666666;}
#basictxt a:hover{color:#CC0000;}
#basictxt a:active{color:#CC0000;}
.newlink{font-size:10px}
newlink:link{color:#666666;}
newlink:hover{color:#666666;}
newlink:active{color:#666666;}

.field{background-color:#CCCCCC; border:1px; border-style:solid; border-color:#666666;}
.fielda{background-color:#CCCCCC; border:1px; border-style:solid; border-color:#666666; font-size:9px; color: #FF0000}
.fieldb{background-color:#CCCCCC; border:1px; border-style:solid; border-color:#666666; font-size:12px}
.fieldred{background-color:#CCCCCC; border:1px; border-style:solid; border-color:#666666; font-size:9px; color: #FF0000}
.fieldpb{background-color: #CC0000; border:1px; border-style:solid; border-color:#666666; color: #FFFFFF}

/*
CSS from:
http://www.alistapart.com/articles/onionskin/
modified to use descendant selectors instead of class names,
as suggested by Sergio: http://www.alistapart.com/discuss/onionskin/3/#c8219
Updated to allow for multiple shadow styles throughout the site
*/

div.shadow1, div.shadow1 div, div.shadow1 div div {
	display:inline-table;
	/* \*/display:block;/**/
	}
div.shadow1 {
	float:left;
	background:url(../images/01/shadow.gif) right bottom no-repeat;
	}
div.shadow1 div {
	background:url(../images/01/corner_bl.gif) -16px 100% no-repeat;
	}
div.shadow1 div div {
	padding:0 8px 8px 0;
	background:url(../images/01/corner_tr.gif) 100% -16px no-repeat;
	}
div.shadow1 div div img {
	display:block;
	}
	
div.shadow2, div.shadow2 div, div.shadow2 div div {
	display:inline-table;
	/* \*/display:block;/**/
	}
div.shadow2 {
	float:left;
	background:url(../images/02/shadow.gif) right bottom no-repeat;
	}
div.shadow2 div {
	background:url(../images/02/corner_bl.gif) -16px 100% no-repeat;
	}
div.shadow2 div div {
	padding:0 8px 8px 0;
	background:url(../images/02/corner_tr.gif) 100% -16px no-repeat;
	}
div.shadow2 div div img {
	display:block;
	}
	
div.shadow3, div.shadow3 div, div.shadow3 div div {
	display:inline-table;
	/* \*/display:block;/**/
	}
div.shadow3 {
	float:left;
	background:url(../images/03/shadow.gif) right bottom no-repeat;
	}
div.shadow3 div {
	background:url(../images/03/corner_bl.gif) -16px 100% no-repeat;
	}
div.shadow3 div div {
	padding:0 8px 8px 0;
	background:url(../images/s03/corner_tr.gif) 100% -16px no-repeat;
	}
div.shadow3 div div img {
	display:block;
	}

#text{
	font-size: 14px; /* optional. just to increase the font size. */
	display: block;
	line-height: 1em;
	color: #666; /* shadow color */
	background-color: transparent;
	white-space: nowrap; /* wrapping breaks the effect */
}
#text:before,
#text:after{
	content: "de muziek"; /* generated text */
	display: block;
}*


#text:before{
	margin-bottom: -1.05em;
	margin-left: 0.1ex;
	color: #ccc; /* shadow color */
	background-color: transparent;
}

#text:after{
	margin-top: -1.05em;
	margin-left: -0.1ex;
	color: #fff; /* text color */
	background-color: transparent;
}
#text:hover{color: #CC0000;}