/* ---------------------------
CSS: MIV - Medien Insight Video
(c) Tim Jagusch, Infocus Media GmbH
----------------------------- */

.ChartTypeHeading{
float:right;
}

/*************** Chart-spezifische Layouts ***********/
/*der Hauptcontainer*/
.Buster_ChartBox{
border:1px solid #CCC;
background:#FFF;
margin:7px;
font-size:12px;
font-weight:bold;
color:#333;;
padding:5px;
}

/*der Header mit background url*/
.Buster_ChartHeading{
  background:url(charts/videobuster.jpg) no-repeat #FFF;
  height:90px;
}

/*der Hauptcontainer*/
.Einkauf_ChartBox{
border:1px solid #CCC;
background:#FFF;
margin:7px;
font-size:12px;
font-weight:bold;
color:#333;;
padding:5px;
}

/*der Header mit background url*/
.Einkauf_ChartHeading{
  background:url(charts/videoeinkauf.jpg) no-repeat #FFF;
  height:25px;
}

/*der Hauptcontainer*/
.Amango_ChartBox{
border:1px solid #CCC;
background:#FFF;
margin:7px;
font-size:12px;
font-weight:bold;
color:#333;;
padding:5px;
}

/*der Header mit background url*/
.Amango_ChartHeading{
  background:url(charts/amango.jpg) no-repeat #FFF;
  height:55px;
}

/*der Hauptcontainer*/
.Medienhouse_ChartBox{
border:1px solid #CCC;
background:#FFF;
margin:7px;
font-size:12px;
font-weight:bold;
color:#333;;
padding:5px;
}

/*der Header mit background url*/
.Medienhouse_ChartHeading{
  background:url(charts/medienhouse.jpg) no-repeat #FFF;
  height:50px;
}

/*der Hauptcontainer*/
.Videotaxi_ChartBox{
border:1px solid #CCC;
background:#FFF;
margin:7px;
font-size:12px;
font-weight:bold;
color:#333;;
padding:5px;
}

/*der Header mit background url*/
.Videotaxi_ChartHeading{
  background:url(charts/videotaxi.jpg) no-repeat #FFF;
  height:55px;
}

/*der Hauptcontainer*/
.Lacher_ChartBox{
border:1px solid #CCC;
background:#FFF;
margin:7px;
font-size:12px;
font-weight:bold;
color:#333;;
padding:5px;
}

/*der Header mit background url*/
.Lacher_ChartHeading{
  background:url(charts/lacher.jpg) no-repeat #FFF;
  height:47px;
}

/*der Hauptcontainer*/
.World_ChartBox{
border:1px solid #CCC;
background:#FFF;
margin:7px;
font-size:12px;
font-weight:bold;
color:#333;;
padding:5px;
}

/*der Header mit background url*/
.World_ChartHeading{
  background:url(charts/wov.jpg) no-repeat #FFF;
  height:80px;
}

/*der Hauptcontainer*/
.BusterLeih_ChartBox{
border:1px solid #CCC;
background:#FFF;
margin:7px;
font-size:12px;
font-weight:bold;
color:#333;;
padding:5px;
}

/*der Header mit background url*/
.BusterLeih_ChartHeading{
  background:url(charts/videobuster.jpg) no-repeat #FFF;
  height:90px;
}

/*der Hauptcontainer*/
.Empire_ChartBox{
border:1px solid #CCC;
background:#FFF;
margin:7px;
font-size:12px;
font-weight:bold;
color:#333;;
padding:5px;
}

/*der Header mit background url*/
.Empire_ChartHeading{
  background:url(charts/empire.jpg) no-repeat #FFF;
  height:50px;
}

/*der Hauptcontainer*/
.MegaMax_ChartBox{
border:1px solid #CCC;
background:#FFF;
margin:7px;
font-size:12px;
font-weight:bold;
color:#333;;
padding:5px;
}

/*der Header mit background url*/
.MegaMax_ChartHeading{
  background:url(charts/megamax.jpg) no-repeat #FFF;
  height:84px;
}

/*************** Die Tabellen-Überschrifen ***********/

.ChartLayerHeading{
  /* background:#F2EF4F; */
  background:#820000;
  color:#FFF;
}

.ChartPosition_Head{

  width:15px;
  padding:5px;
  float:left;
}

.ChartCover_Head{
  width:40px;
  float:left;
}

.ChartTitle_Head{
  width:200px;
  float:left;
  padding:5px;
}

.ChartLable_Head{
  width:40px;
  float:left;
  padding:5px;
}

/*************** Die ersten X Ränge gehighlighted ***********/

/* abwechselnde Reihenfarben */
.ChartLayer_High_0{
  background:#fff;
  color:#990000;
}

/* abwechselnde Reihenfarben */
.ChartLayer_High_1{
  background:#eee;
  color:#990000;
}

.ChartPosition_High{
  background:#333;
  color:#FFF;
  width:15px;
  padding:5px;
  float:left;
  font-size:16px;
  text-align:right;
}

.ChartCover_High{
  width:40px;
  margin-right:5px;
  float:left;
}

.ChartTitle_High{
  width:200px;
  margin-right:5px;
  float:left;
}

.Label_High{
  width:40px;
  float:left;
}

/*************** Die restlichen Ränge normal ***********/

/* abwechselnde Reihenfarben */
.ChartLayer_0{
  background:#fff;
}
/* abwechselnde Reihenfarben */
.ChartLayer_1{
  background:#eee;
}

.ChartPosition{
  background:#333;
  padding:5px;
  font-size:16px;
  color:#ccc;
  width:15px;
  float:left;
  text-align:right;
}

.ChartCover{
  width:40px;
  float:left;
}

.ChartTitle{
  width:200px;
  margin-right:5px;
  float:left;
}

.ChartLable{
  width:40px;
  float:left;
}