#my{
  width: 527px;
}

#artikelkop, #my{
  border-left: 1px solid #d30202;
  width: 529px;
}

div.red-bullets div.container {
  height: 15px;
  line-height: 15px;
  margin-bottom: 5px;
}

div.red-bullets {
  padding-bottom: 5px;
  min-height: 195px;
/* height: 100px; */
}

#modules .foto-beschrijving {
  font-weight: bold;
  color: #d30202;
}

h2 {
	margin: 0;
	font-size: 11px;
	color: black;
	padding: 3px 1px 1px 3px;
	line-height: 16px;
}

.items li{
/* min-height: 121px; */
  height: auto;
  padding: 0;
	margin: 0;
}

.items h3 {
	color: #000 !important;
	padding: 0;
	margin: 0;
}

.items h4 {
  font-size: 16px !important;
  margin: 4px 0pt 0pt 4px;
  padding: 0;
}

ul.items h5 {
  color: #999999;
  font-size: 12px;
  margin: 6px 0pt;
  padding-left: 4px;
}

div.bottom{
	position: relative;
	bottom: 0;
	margin: 0 0 0 10px;
	padding: 0;
}

.titelbalk{
	position: absolute;
	top: 0;
	left: 0;
	height: 220px;
	width: 530px;
	border-bottom: 1px solid #d30202;
	margin: 0;
	padding: 0;
}

.titelbalk h2{
	color: #fff;
	border: 0;
	font-size: 12px;
	padding: 0 0 0 11px;
}

#artiestdetail{
	width: 530px;
}

/*
.Xgreyhead{
	width: 524px;
}
*/

.greyhead{
  clear: both;
	background-color: #ccc;
	border-left: 1px solid #d30202;
	border-top: 1px solid #d30202;
	color: #000;
	margin: 0;
	padding: 3px 1px 1px 3px;
  font-size: 11px;
  line-height: 16px;	
}

.kolom{
	float: left;
	padding: 0;
	margin: 0;
}

.kolom2{
	width: 365px;
}

/* TODO BIJ ARTIEST DETAIL */

/*
#body-wide.artiestDetail #balk {
  background-color: #369 !important;
  height: 220px !important;
}

#body-wide.nieuws #balk, #body-wide.artiestDetail #balk {
	height: 220px;
	background-color: #666;
}

.artiestDetail #body {
	position: relative !important;
	margin-top: -220px !important;
}
*/

#bodytekst{
	position: relative;
	margin-top: 0px !important;
}

/******************************* TAGS - REACTIES *******************************/
ul.items h3{
	padding: 0;
}

ul.items li{
	padding: 0 0 0 134px;
}

ul.items span.reacties{
	color: #999;
	padding: 0;
	clear: both;
}

ul.items span.waardering{
	padding: 0;
	margin: 0;
	clear: both;
}

ul.items img.reactie{
	float:left;
}

ul.items-overzicht{
  width: 529px;
  _width: 524px; /* TODO move to ie.css? */
}

ul.items ul.tags{
	width: 320px;
	margin: 0;
}

ul.items .itemContainer{
	width: 100%;
  height: 90px;
	padding: 0 0 0 5px;
}

ul.items .liOverzicht{
  height: 90px !important;
}

ul.items .itemHead{}

ul.items .itemBottom{
	vertical-align: bottom;
	_position: relative; /* TODO move to ie.css? */
	padding: 0;
	margin: 0;
}

ul.items .artiestenli{
	min-height: 121px;
	height: auto;
}

div.reacties.nullValue {
  display: none;
}

/************************************ TABS *************************************/
#tabs {
	background-color: #d30202;
}


#tabs li {
	color: #000;
}

#tabs li.actief {
	background-color: #8c0000;
	cursor: default;
}

#tabs li.highlight {
	background-color: #8c0000;
}

#tableparent{
	position: relative;
	border-top: 1px solid #8c0000;
}

#tableparent .mo{
	height: 20px;
	padding: 0;
	margin: 0;
}

#ubertabelDiv{
	padding: 0;
	margin: 0;
}

/* TODO depricated?
#uberTabelTekst{
	height: 20px;
	margin: 0;
	border: none;
	border-right: 1px solid #d30202;
}
*/

#taglist {
	border-top: 0 !important;
}


/********************************* tab table ***********************************/
#taglist {
  background-color: white;
  width: 1000px;
  border: 1px #666;
  border-style: solid none none none;
}

#taglist td, #taglist td.header {
  border: 1px #666;
  border-style: none solid solid none;
  height: 20px;
  padding-left: 5px !important;
}

#taglist td.header {
  background-color: #ccc;
  font-weight: bold;
}

.tabTableLetters, .tabTableRating{
  width: 12px;
  padding: 0;
  margin: 0;
  line-height: 20px;
  cursor: pointer;
  color: #d30202;
  float: left;
  height: 20px;
  line-height: 20px;
  border-right: 1px solid #666;
  clear: none;
}

.tabTableRating{
  width: 17px;
}

.tabTableRating.first {
  border-left: 1px solid #666 !important;
}

.tabTableRating.last {
  border-right: none;
}

.tabTableRatingHd {
  line-height: 20px;
  float: left;
  /* border-right: 1px solid #666; */
  clear: none;
  padding: 0;/*  8px 0 5px; */
}

div.tabTableLetters.highlight, .tabTableLetters.actief, div.tabTableRating.highlight, .tabTableRating.actief{
  background-color: #fff;
}

#ratingSelect{
  border-left: 1px solid #666;
  white-space: nowrap;
  float: right;
}

#letterSelect {
  margin-left: -5px;
}

#letterSelect img, #ratingSelect img{
  float: left;
  line-height: 20px;
  height: 20px;
  width: 12px;
}

#ratingSelect img{
  width: 17px;
}

#taglist td.header{
  height: 20px;
  line-height: 20px;
  padding: 0;
  margin: 0;
  white-space: nowrap;
}

#taglist .songCol{
/* width: 475px; */
  height: 20px;
  line-height: 20px;
}

#taglist .tagCol {
  width: 150px; /* 355*/
  height: 20px;
  line-height: 20px;
  white-space: nowrap; 
}

#taglist .tagCol div {
  width: 290px;
  height: 20px;
  line-height: 20px;
  overflow: hidden;
}

#taglist .ratingCol {
  width: 150px;
  height: 20px;
  line-height: 20px;
}

#taglist .ratingCol div {
  width: 94px;
  height: 20px;
  line-height: 20px;
  float: right;
}

.greyCol{
  background-color: #ccc;
}

.greyCol.highlight {
  background-color: #999;
}

td.hd-tags {
  width: 300px;
  border-left: none;
}

/********************************* UITGELICHT *********************************/
ul.uitgelicht {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.uitgelicht li {
  padding: 0;
  clear: both;
  border-bottom: 1px solid #fff;
  height: 176px; 
  overflow: hidden;
}

ul.uitgelicht li.last {
  border-bottom: none;
}


#bodytekst {
 background-color: #666;
}

/* Communitybar ***************************************************************/

div#reactDiv {
  clear: both;
}

div.communitybarTags ul.tags {
  width: 500px;
}

div.communitybar-dialoog .links {
  width: 495px;
  border-right: none;
  margin-right: 0;
}