* {
    font-family: sans-serif;
    font-size: 12px;
}


/*----------- menu -----------*/

div.menu {
   position:absolute;
   left:19;
   top:200;
   width:123;
}

tr.menu   {
   color: #FFFFFF;
}

font.menu_icon   {
   font-size: 9px;;
}

tr.menu_selected {
   color:#FFFFFF;
   background:#000000;
   cursor: pointer;
}

tr.submenu_selected {
   color: black;
   cursor: pointer;
}

tr.menu_highlight {
   color:#000000;
   background:white;
   cursor: pointer;
}

tr.submenu_highlight {
   color:#000000;
   background:#D0D0E0;
   cursor: pointer;
}

tr.menu_highlight_selected {
   color:#D0D0E0;
   background:#423E79;
   cursor: pointer;
}

tr.menu_separator {
   height:1px;
}

td.menu_separator {
   height:1px;
   background:#C0C0C0;
}

font.menu_capital {
   color: #000080;
   font-size: 13px;
}

font.submenu_capital {
   font-size: 13px;
}

font.menu_capital_selected {
   font-size: 13px;
}

/*----------- Frame -----------*/

div.frame {
   position:absolute;
   left:220;
   top:125;
   width:610;
}

table.frame {
   margin: 0px;
   padding: 0px;
   width:100%;
}

/*---------- Frames for items ----------*/

td.item-header {
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 14px;
   padding-top: 12px;
}

td.item-header img {
   margin-right: 6px;
}

td.item-back {
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 7px;
   padding-top: 0px;
   background: #FFFFFF;
   height:30px;
   background: url("img/streepje.png") bottom left repeat-x;
   text-align: right;
}

td.item-body {
   font-size:  12px;
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 10px;
   padding-top: 0px;
   color:#000000;
   text-align:justify;
}

td.item-separator {
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-top: 0px;
   margin: 0px;
   height: 30px;
   width:100%;
   color: #C0C0C0;
   font-size:  10px;
   font-weight: normal;
   background: url("img/streepje.png") bottom left repeat-x;
}

/*----------- image -------------*/

img.image-right {
   margin-left:14px;
   margin-right:0px;
   margin-top:0px;
   margin-bottom:3px;
   padding: 0px;
   border-color: #B0B0B0;
   border-width: 1px;
   border-style: solid;
   float: right;
   background: #FFFFFF;
}

img.image-left {
   margin-left:0px;
   margin-right:14px;
   margin-top:0px;
   margin-bottom:3px;
   border-color: #B0B0B0;
   border-width: 1px;
   border-style: solid;
   float: left;
   background: #FFFFFF;
   padding: 0px;
}

img.image-right-withoutborder {
   margin-left:14px;
   margin-right:0px;
   margin-top:0px;
   margin-bottom:3px;
   float: right;
}

img.image-left-withoutborder {
   margin-left:0px;
   margin-right:14px;
   margin-top:0px;
   margin-bottom:3px;
   float: left;
}


/*----------- content -----------*/

div.alinea {
   text-align:justify;
   margin-top: 0px;
   margin-bottom: 14px;
   margin-left: 0px;
   margin-right: 0px;
}

td.heading {
   padding-left: 4px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-top: 0px;
   height: 30px;
   color: #423E79;
   font-size:  18px; 
   font-weight: normal;
   background: url("img/streepje.png") bottom left repeat-x;
   width: 1000px;
}

td.label {
   color: #423E79;
   vertical-align: top;
}


/*----------- apparaten -----------*/

td.apparaatheading {
   padding-left: 0px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-top: 4px;
   height: 30px;
   color: #423E79;
   font-size:  18px;
   font-weight: normal;
   background: url("img/streepje.png") bottom left repeat-x;
}

td.apparaatplaatje {
   padding-left: 25px;
   padding-right: 25px;
   padding-bottom: 25px;
   padding-top: 20px;
   margin:0px;
   vertical-align: top;
   width:200px;
}

td.apparaattekst {
   text-align: left;
   vertical-align: top;
   font-size:  12px;
   color:#000000;
   padding-left: 10px;
   padding-right: 10px;
   padding-bottom: 20px;
   padding-top: 15px;
   width:500px;
}

/*----------- Occasoins ------------*/

td.occasionheading {
   padding-left: 8px;
   padding-right: 0px;
   padding-bottom: 0px;
   padding-top: 4px;
   height: 30px;
   color: #423E79;
   font-size:  18px;
   font-weight: normal;
   background: url("img/streepje.png") bottom left repeat-x;
}

td.occasiontekst {
   text-align: left;
   vertical-align: top;
   font-size:  12px;
   color:#000000;
   padding-left: 30px;
   padding-right: 10px;
   padding-bottom: 20px;
   padding-top: 10px;
}

tr.occasionrow {
   background: url("img/streepje-licht.png") bottom left repeat-x;
}

td.occasion_omschrijving {
   width:400px;
}

td.occasion_beschrijving_lang {
   padding-left: 3px;
   padding-bottom: 8px;
   font-size:  11px;
   color: #505080;
}


td.occasion_prijs {
   width:120px;
   text-align: right;
}

/*----------- Muziek -----------*/

div.extraInfo {
   margin-left:15px;
   margin-top:4px;
   margin-bottom:4px;
   margin-right: auto;
   padding: 2px;
   color:#000040;
}


div.muziek {
   margin-left:7px;
   margin-right:7px;
   margin-top:3px;
   margin-bottom:8px;
   border-color: #9090A0;
   border-width: 1px;
   border-style: solid;
   padding: 0px;
}

div.muziek-selected {
   margin-left:6px;
   margin-right:6px;
   margin-top:2px;
   margin-bottom:7px;
   border-color: #5050C0;
   border-width: 2px;
   border-style: solid;
   padding:0px;
   cursor: pointer;
}

div.muziek-groot {
   margin-left:1px;
   margin-right:1px;
   margin-top:1px;
   margin-bottom:1px;
   border-color:  #9090A0;
   border-width: 1px;
   border-style: solid;
   border-collapse: collapse;
   padding:0px;
}

div.muziekPopup {
  text-align:left;
  margin-top: 0px;
  margin-left: 20px;
  margin-right: 0px;
  margin-bottom: 10px;
}

table.muziekPopup {
   background: #F4F9F5;
   width:540px;
   height:260px;
   border-width: 1px;
   border-color: #404040;
   border-style: solid;
   vertical-align: top;
}

div.muziekTitel {
  text-align:left;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
}

td.muziekInfo {
  padding-top: 20px;
  padding-left: 0px;
  padding-right: 20px;
  padding-bottom: 20px;
  vertical-align: top;
}

td.muziekInfo2 {
  padding-top: 15px;
  padding-left: 10px;
  padding-right: 0px;
  padding-bottom: 20px;
  vertical-align: top;
}

td.muziekPicture {
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 20px;
  vertical-align: top;
}

td.muziekPicture2 {
  padding-top: 15px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 0px;
  vertical-align: top;
}

div.muziekText {
  font-size:  12px;
  vertical-align: top;
  text-align:left;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
}

div.muziekNaam {
  text-align:left;
  margin-top: 5px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
}

div.muziekArtiesten {
  text-align:left;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
}

div.muziekRol {
  text-align:left;
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 10px;
}

table.muziekDetails1 {
   height: 230px;
}

table.muziekDetails2 {
   height: 245px;
}

td.muziekData {
  vertical-align: top;
  text-align: left;
  padding:0px;
}

td.muziekDataNumber {
  text-align: right;
  padding-right:10px;
}

td.muziekLabel {
  color: #423E79;
  text-align: left;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 10px;
  padding-bottom: 0px;
}

font.muziekTitel {
  font-size: 18px;
}

font.muziekNaam {
  font-size: 18px;
}

font.muziekArtiest1 {
  font-size:  18px;
  color: #7070A0;
}

font.muziekArtiest2 {
  font-size:  18px;
  color: #A0A0D0;
}

font.muziekArtiest3 {
  font-size:  18px;
  color: #7070A0;
}

font.muziekArtiest4 {
  font-size:  18px;
  color: #A0A0D0;
}

font.muziekArtiestRol1 {
  font-size:  12px;
  color: #606090;
}

font.muziekArtiestRol2 {
  font-size:  12px;
  color: #9090C0;
}

font.muziekRol {
  font-size:  12px;
  color: #7070A0;
}

table.trackList {
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 0px;
  margin-bottom: 10px;
}

table.muziekOpnameInfo {
  margin-top: 10px;
  margin-left: 40px;
  margin-right: 0px;
  margin-bottom: 0px;
}

td.trackNummer {
  font-size:  11px;
  padding-top: 0px;
  padding-left: 1px;
  padding-right: 1px;
  padding-bottom: 0px;
  width: 14px;
  text-align: center;
  border-width: 1px;
  border-color: #B0B0B0;
  border-style: solid;
}

td.trackTitel {
  font-size: 13px;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  width: 500px;
}

td.trackTijd {
  font-family: 'Courier New', 'Courier';
  font-size:  12px;
  text-align: right;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
}

td.trackInfo {
  font-size:  11px;
  color: #808080;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
}

td.muziekOpnameInfo {
  font-size:  11px;
  color: #808080;
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
}

table.muziekBeschrijving {
  margin-top: 15px;
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 20px;
  text-align: justify;
}

div.albumLabel {
   margin-top: 0px;
   margin-left: 9px;
   margin-right: 0px;
   margin-bottom: 0px;
   padding: 0px;
   height: 16px;
   vertical-align: bottom;
   font-size:  9px;
   color: #505090;
}

div.artiestLabel {
   margin-top: 0px;
   margin-left: 9px;
   margin-right: 0px;
   margin-bottom: 0px;
   padding: 0px;
   height: 16px;
   vertical-align: bottom;
  font-size:  9px;
   color: #505050;
}

/*---- navigator ------*/

table.nav-separator {
   border-collapse: collapse;
}

td.nav-separator {
   padding: 0px;
   padding-bottom: 20px;
   margin: 0px;
   height: 27px;
   width:100%;
   background: url("img/streepje.png") bottom left repeat-x;
}

td.navigator {
   padding: 0px;
   margin: 0px;
   height: 27px;
   background: url("img/streepje.png") bottom left repeat-x;
}

img.nav-button
{
   margin-top: 0px;
   margin-bottom: 0px;
   margin-left: 2px;
   margin-right: 2px;
}

.hidden {
   visibility:hidden;
   display:none
}

.pointer {
   cursor: pointer;
}