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

body {
	background: #17538A url('../images/bodybg.png') no-repeat center top; ; 
}
.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:14px;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; backgrond-color: #fff;}
.menu a:active{color: #CC0000;text-decoration: none;}
.caption {font-size: 9px; margin:0 0 5px 5px;}
.style4 {font-size: 9px; color: #CCCCCC; }
.style5 {color: #CD0002}
.concertnaam {color: #CD0002;font-size: 12px;margin:4px 5px 0 5px;}
.style6 {font-size: 12px}
.artikel {font-size: 12px;  margin:5px 0 5px 5px;}
.datum {font-size: 11px; font-weight:bolder; margin:5px 0px 0px 0px}
.style1 {font-size: 12px; font: "Cornerstone Regular"; }
.style1 a:link{color:#666666;}
.style1 a:hover{color:#CC0000;}
.style1 a:active{color:#CC0000;}
.style7 {font-weight: bold}
.style8 {font-size: 12px;font-weight: bold; text-align:center;}
.titels {color: #CD0002;font-size:13px;}
.dottedright {border-right:1px; border-right-color:#666666; border-right-style:dotted; margin:5px;}
.dottedleft {border-left:1px; border-left-color:#666666; border-left-style:dotted; margin:5px;}
.dottedbottom {border-bottom:1px; border-bottom-color:#666666; border-bottom-style:dotted; margin:5px;}
.dottedtop {border-top:1px; border-top-color:#666666; border-top-style:dotted;  }
#basictxt {font-size:12px; }
#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;}
img.border {background:#f9f9f9;border:1px solid #e9e9e9;padding:5px;margin:5px 5px 5px 0;}

.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;}
<link  href="http://fonts.googleapis.com/css?family=OFL+Sorts+Mill+Goudy+TT:regular,italic&v1" rel="stylesheet"  type="text/css" >
body {
  font-family: 'OFL Sorts Mill Goudy TT', serif;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  text-shadow: none;
  text-decoration: none;
  text-transform: none;
  letter-spacing: 0em;
  word-spacing: 0em;
  line-height: 1.2;
}
.styleheader {
  margin-left:85px; color:#CD0002; 
}
.styleslogan {
  margin-left:235px; 
}
.headerbg {background-color:#33ffff;}

.tablest { 
	width:850px;
	background: #fff; /* url(../images/tablebg.jpg);*/
	border:1px; border-style:solid; border-color:#333333;
		
}