body, td, th, dl, ul, ol, p { font-family: Trebuchet MS, Verdana, Arial, Helvetica; font-size: 10pt; color: #03227A; line-height: 18px; margin: 0; text-align: left;}

a:link, a:visited, a:active { color: #00B4DF}
a:hover { color: orange}

.specialsNaam {font-weight: bold; font-size: 18px;  color: #03227A}

.agenda a:link, .agenda a:visited, .agenda a:active { color: #03227A}
.agenda a:hover { color: #00B4DF}

.genre_light, .genre_light a:link, .genre_light a:visited, .genre_light a:active { color: #FFFFFF}
.genre_light a:hover { color: #00B4DF}

.genre_dark, .genre_dark a:link, .genre_dark a:visited, .genre_dark a:active { color: #666666}
.genre_dark a:hover { color: #00B4DF}

.page_nav, .page_nav a:link, .page_nav a:visited, .page_nav a:active { color: #666666}
.page_nav a:hover { color: #00B4DF}

.detail_kop { font-size: 16pt; font-weight: bold; color: #FFFFFF;}

.kop_20pt { font-size: 20pt; font-weight: bold; color: #FFFFFF;}

.letter { font-weight: bold; color: #336699}

.letter_bold { font-weight: bold; color: #666666}
.letter_bold a:hover { font-weight: bold; color: red}

.agenda_small { font-weight: bold; color: #FFFFFF}

.navbar, .navbar a:link, .navbar a:visited { font-weight: bold; color: #FFFFFF}
.navbar a:active { font-weight: bold; color: #FFAA66}
.navbar a:hover { font-weight: bold; color: #59D6F4}

.nav_vertical, .nav_vertical a:link, .nav_vertical a:visited, .nav_vertical a:active { text-decoration: none; font-weight: bold; color: #CCCCCC}
.nav_vertical a:hover { text-decoration: none; font-weight: bold; color: #CCFF00}

.artiest, .artiest a:link, .artiest a:visited { text-decoration: none; font-weight: bold; color: #336699}
.artiest a:active { text-decoration: none; font-weight: bold; color: #FF9900}
.artiest a:hover { text-decoration: none; font-weight: bold; color: red}

.plaats, .plaats a:link, .plaats a:visited, .plaats a:active { color: #000000}
.plaats a:hover { color: red}

.footer, .footer a:link, .footer a:visited { color: #FFFFFF}
.footer a:active { color: #CCCCCC}
.footer a:hover { color: #CCFF00}

.top3 {  font-size: 13pt; font-weight: bold; color: red}

.agendaRow { background-image: url('../images/agenda_home_bg.gif'); }

/* NIEUWE STIJL */
.xx-large 	{display: inline; font-size: 4em}
.x-large 	{display: inline; font-size: 3em}
.large 		{display: inline; font-size: 2.3em}
.medium 	{display: inline; font-size: 1.4em}
.small 		{display: inline; font-size: 1.2em}
.x-small 	{display: inline; font-size: 1em}
.xx-small 	{display: inline; font-size: .8em}

/* SPECIAL ATTRIBUTES */
.white 		{color: #ffffff}
.x-light	{color: #eeeeee}
.light		{color: #999999}
.black		{color: #000000}
.alert		{color: #ff0000} /* rood 	*/
.success	{color: #66CC00} /* groen 	*/
.spot-1		{color: #bf0101} /* cyaan 	*/
.spot-2		{color: #003399} /* blauw 	*/
.spot-3		{}
.bold 		{font-weight: bold}

/* PADDINGS */	
/* Padding per side */
.pt-5  {padding-top: 5px}  .pr-5  {padding-right: 5px}  .pb-5  {padding-bottom: 5px}  .pl-5  {padding-left: 5px}
.pt-10 {padding-top: 10px} .pr-10 {padding-right: 10px} .pb-10 {padding-bottom: 10px} .pl-10 {padding-left: 10px}
.pt-15 {padding-top: 15px} .pr-15 {padding-right: 15px} .pb-15 {padding-bottom: 15px} .pl-15 {padding-left: 15px}
.pt-20 {padding-top: 20px} .pr-20 {padding-right: 20px} .pb-20 {padding-bottom: 20px} .pl-20 {padding-left: 20px}
.pt-25 {padding-top: 25px} .pr-25 {padding-right: 25px} .pb-25 {padding-bottom: 25px} .pl-25 {padding-left: 25px}
.pt-30 {padding-top: 30px} .pr-30 {padding-right: 30px} .pb-30 {padding-bottom: 30px} .pl-30 {padding-left: 30px}	
/* Padding for all sides */
.padding-5 	{padding: 5px}
.padding-10 {padding: 10px}
.padding-15 {padding: 15px}
.padding-20 {padding: 20px}
.padding-25 {padding: 25px}
.padding-30 {padding: 30px}

/* NIEUWE STIJL */

#border_img40px { 
	border: #333333 1px solid;
	}
.padding {
	padding: 10px;
}

.hasError {
  border: 1px solid red;
}

.error {
  color: #f00;
}

.formError {
	color:  #f00;
}

/* INPUTS */
.loginField {
   width: 60px;
   font-size: 90%;
}
.loginSubmit {
   font-size: 90%;
}


.center {
	text-align: center;
}

/* ======================================================== */
/* LAYOUT/DIVS/TABLES                                       */
/* ======================================================== */
#mainContentWrapper {
   width:916px;
   overflow: visible;
   position: relative;
   text-align: left;
   padding: 0;
   margin: 0 auto 0 auto;
}