* {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
body {
	background: #FDF1E8 url('../images/background.jpg');
	background-repeat: no-repeat;
	
	scrollbar-3dlight-color: #DFDDDE;
	scrollbar-arrow-color: #F7F7F7;
	scrollbar-darkshadow-color: #898989;
	scrollbar-face-color: #E44801;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DFDDDE;
	scrollbar-track-color: #FDF1E8;
	
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
	
	padding: 0;
	margin: 0;
}
table {
   font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
a {
	text-decoration:none;
	font-weight: bold;
	color: #000000;
}
a:hover {
	text-decoration: underline;
	font-weight: bold;
	color: #6CB53D;
}
a.specialLink, a.specialLink:visited, a.specialLink:active { 
	color: #6CB53D;
	text-decoration: none; 
	font-style:	normal;
	font-weight: bold;
} 

a.specialLink:hover { 
	color: #6CB53D; 
	text-decoration: underline; 
	font-style:	normal;
}
h1 {
   font-size: 11px;
   font-weight: bold;
   color: #E44801;
   display: inline;
}
h2 {
   font-size: 11px;
   font-weight: bold;
   color: #E44801;
   display: inline;
}
div#container {
	position: relative;
	margin: 0px auto 0px auto;
	
	width:780px;
}
div#inhoud {
	position: relative;
	float: left;
	
	z-index: 10;
}

input.button
{
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   background-color: #FFFFFF;
   border: 1px solid #000000;
}
div#reclameBlok {
   padding: 5px;
   width: 595;
   text-align: center;
   border-top: 1px solid black;
   border-bottom: 1px solid black;
}
/******************** BOVENKANT **********************/
div#bovenkant {
	position: relative;
	width:100%;
	float: left;
}
div#headerLeft {
	position: relative;
	background: url('../images/header_left.jpg');
	float: left;
	
	width: 568px;
	height: 156px;
}
div#headerFlash {
   background: url('../images/header_right.jpg');
	position: relative;
	float: right;
	
	width: 212px;
	height: 183px;
}
/****************** MENU TOP **********************/
div#menuTop {
	position: relative;
	background: url('../images/menutop/menu_top.jpg');
	text-align: left;
	float: left;
	
	width: 568px;
	height: 27px;
}
div#buttonsTop {
	position: absolute;
	
	width: 80px;
	
	left: 100px;
	top: 7px;
	
	cursor: pointer;
}

/****************** MENU LEFT **********************/
.menuLeftTd {
	background: url('../images/menuleft/bg.jpg');

	width: 131px;
}
div#menuLeftDiv {
	position: absolute;
	
	top: 20px;
	width: 131px;
	
	z-index: 30;
}
div#menuButtonsLeft {
	position: relative;
	
	left: 10px;
	top: 0px;
	
	z-index: 30;
}
div#ButtonTop {
	position: relative;
	margin-bottom: 1px;
	
	width: 114px;
	height: 18px;
	cursor: pointer;
	
}
div#ButtonCenter {
	position: relative;
	margin-bottom: 1px;
	
	width: 114px;
	height: 18px;
	cursor: pointer;
}
div#ButtonBottom {
	position: relative;
	
	width: 114px;
	height: 18px;
	
	cursor: pointer;
}
div#zoeken {
   background: url('../images/menuleft/zoeken.jpg');
   background-repeat: no-repeat;
   position: relative;
   text-align: center;
   
   width: 114px;
   height: 93px;
}
div#zoekenTop {
   position: relative;
   
   font-size: 11px;
   font-weight: bold;
   color: #E44801;
   padding-top: 2px;
}
div#partner {
   background: url('../images/menuleft/partner.jpg');
   background-repeat: no-repeat;
   position: relative;
   text-align: center;
   
   width: 114px;
   height: 200px;
}
div#partnerTop {
   position: relative;
   
   font-size: 11px;
   font-weight: bold;
   color: #E44801;
   padding-top: 2px;
}
div#partnerInhoud {
   position: relative;
   text-align: left;
   padding: 6px;
}
.zoekenForm {
   margin: 10px;
}
div#archief {
   background: url('../images/menuleft/archief.jpg');
   position: relative;
   text-align: center;
   
   width: 114px;
   height: 93px;
}
div#archiefTop {
   font-size: 11px;
   font-weight: bold;
   color: #E44801;
   padding-top: 2px;
}
div#archiefLetters {
   font-size: 12px;
   font-weight: bold;
   color: #000000;
   padding-top: 8px;
   width: 114px;
}
.archiefLetters {
   padding: 3px;
}
div#reclame {
   background: url('../images/menuleft/reclame.jpg');
   position: relative;
   text-align: center;
   
   width: 114px;
   height: 120px;
}
div#reclameTop {
   font-size: 11px;
   font-weight: bold;
   color: #E44801;
   padding-top: 2px;
}
div#reclameInhoud {
   font-size: 12px;
   font-weight: bold;
   color: #000000;
   padding-top: 8px;
   width: 114px;
}
div#afb {
	position: absolute;
	background: url('../images/ali-b.jpg');
	
	width: 130px;
	height: 160px;
	
	left: 1px;
	bottom: 0px;
	z-index: 20;
	
}
/******************** MIDDEN **********************/
.inhoudTd {
	background-color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}
div#inhoudDiv {
	background-color: #FFFFFF;
	position: relative;
	
	padding-top: 10px;
	
}
div#contentTable {
	position: relative;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	
}
div#contentTableTop {
	position: relative;
	background: url('../images/tabel_top.jpg');
	border-bottom: 1px solid #898989;
	margin-bottom: 1px;
	
	font-weight: bold;
	color: #E44801;
	padding-top: 2px;
	padding-left: 10px;
	
	width: 616px;
	height: 18px;
	
}
div#contentTableCenter {
	background: url('../images/tabel_center.jpg');
	border-top: 1px solid #898989;
	position: relative;
	min-height: 550px;
	
	padding: 10px; 
	
	width: 616px;
	
}
div#contentTableBottom {
	background: url('../images/tabel_bottom.jpg');
	background-repeat: no-repeat;
	position: relative;
	
	width: 616px;
	height: 11px;
	
}
.shadowRight {
	background: url('../images/shadow_right.jpg');
	width: 8px;
}
/******************** PAGINA'S **********************/

/***** ALGEMEEN *****/
.table {
   width: 100%;
}
.row {
   background: url('../images/tabel_bg.jpg');
   background-repeat: repeat-x;
   font-size: 1px;
   height: 1px;
}
.blok {
   width: 12px;
   padding-bottom: 1px;
}
.artiest {
   width: 220px;
   padding-bottom: 1px;
   padding-left: 5px;
}
.cijfer {
   width: 25px;
   padding-left: 5px;
}
.cijferPic {
   width: 20px;
   padding-bottom: 1px;
   padding-left: 3px;
}
.clip {
   padding-bottom: 1px;
}
.titel {
   width: 200px;
   padding-bottom: 1px;
}
.datum {
   padding-bottom: 1px;
   text-align: right;
   width: 100px;
}
.aantalclips {
   text-align: right;
}
.aantalSongteksten {
   text-align: right;
}
#berichtenbalkContent {
	border-top: 1px solid #898989;
	border-bottom: 1px solid #898989;
	position: relative;
	width: 100%;
	height: 22px;
}
#berichtenbalkTekst {
	position: relative;
	float: left;
	width: 480px;
	height: 22px;
}
#berichtenbalkToevoegen {
	position: relative;
	padding-top: 4px;
	float: right;
	width: 110px;
	height: 22px;
}
/***** VIDEOCLIP *****/
.videoclipTable {
   width: 200px;
}
.zoekTable {
	width: 400px;
	padding: 5px;
}
div#videoclipPlayer {
	position: relative;
   border: 4px solid #898989;
   width: 388px;
}

div#videoclipInfo {
   position: absolute;
   padding: 5px;
   
   width: 200px;
   left: 400px;
   top: 5px;
}
.videoclipOnderwerp {
   font-weight: bold;
   vertical-align: top;
   padding-top: 2px;
}
.videoclipNaam {
   vertical-align: top;
   padding-bottom: 2px;
}
#meldingError {
   position: relative;
   font-weight: bold;
   text-align: right;
   vertical-align: top;
   
   width: 380px;
}
/***** ARCHIEF *****/
.letters {
   font-size: 13px;
   padding: 6px;
}

/***** RADIO popup *****/
#radioContainer {
	padding-top: 10px;
	width: 372px;
	height: 325px;
	
}
.radioHeader {
	background: url('../images/radio/header.jpg');
	width: 355px;
	height: 25px;
	
}
.radioPlaatje {
	border: 1px solid #8C8C8C;
}
.radioInhoud {
	background-color: #EEEDED;
	border-left: 1px solid #8C8C8C; 
	border-right: 1px solid #8C8C8C;
	text-align: center; 
	height: 100px;
}
.radioPlayer {
	border-left: 1px solid #8C8C8C; 
	border-right: 1px solid #8C8C8C;
}
.radioFooter {
	background: url('../images/radio/footer.jpg');
	width: 355px;
	height: 25px;
}
/***** BERICHT *****/

.berichtTip {
	color: 6CB53D;
	font-weight: bold;
	font-style: oblique;
}
.berichtTipTekst {
	color: 000000;
	font-weight: bold;
	font-style: oblique;
}
/***** PARTNER *****/

.meerpartnersTable{
	width: 100%;
}
.meerpartnersNaam{
	width: 150px;
	padding: 2px;
}
/******************** FOOTER **********************/
div#footer {
	position: relative;
	background: url('../images/footer.jpg');
	float:left;
	
	width: 100%;
	height: 38px;
	
	text-align: center;
	font-weight: bold;
	padding: 8px;
	color: #FFFFFF;
	
	z-index: 10;
}
a.footerLink, a.footerLink:visited, a.footerLink:active { 
	color: #FFFFFF;
	text-decoration: none; 
	font-style:	normal;
	font-weight: bold;
} 

a.footerLink:hover { 
	color: #FFFFFF; 
	text-decoration: underline; 
	font-style:	normal;
	font-weight: bold;
}