/******************************************************************************/
/********************* styles by simon schwichtenberg *************************/
/******************************************************************************/
*{
  margin:0;
  padding:0;
}

body{
  background: url(http://www.bestbeforetoday.de/fileadmin/img/schraffur.jpg) #000;
  color:#fff;
  font-family: verdana, sans-serif;
  font-size:12px;
}

h1, h2, h3{
  font-size:14px;
}


a{
  color:#0066cc;
  text-decoration:none;
}
a:hover{
  color:#3399ff;
}

img{
  border:none;
  behavior:url(http://www.bestbeforetoday.de/fileadmin/css/iepngfix.htc);
}

hr {
  background-color: #DBDBDB;
}

/******************************* LOCATOR **************************************/
#locator{
  width:984px;
  height:29px;
  padding: 0 20px 0 0;
  background:url(http://www.bestbeforetoday.de/fileadmin/img/top.jpg);
}

#main{
  width: 984px;
  padding: 0 10px 0 10px;
  background: url(http://www.bestbeforetoday.de/fileadmin/img/left.jpg);
}

#main #frame{

  background: black;
  border-left: 1px solid #a1a1a1;
  border-right: 1px solid #a1a1a1;
}

/******************************* HEADER ***************************************/
#main #header{
  height: 238px;
  padding: 0 0 0 10px;
  margin:0;

}
#main #header IMG{
  margin:0;
  padding:0;
  
}

#main #header #special{
  position:absolute;
  margin-top:62px;

}


/******************************* MENU *****************************************/
#main #header #menu{

  margin-top:-30px;
  position:relative;


}


/******************************* CONTENT **************************************/
#main #content #left{
  width:694px;
  float:left;
  margin: 0 0 10px 0;
}


/******************************* BOXES ****************************************/
#main #content #left .infobox{
  margin: 0  0 10px 10px;

}

#main #content #left #info h1{
  height: 45px;
  width: 674px;
  background: url(http://www.bestbeforetoday.de/fileadmin/img/infobox_top.jpg) no-repeat;
  color: #fff;
  padding: 5px 0 0 10px;
}
#main #content #left .infobox .body{
  background:url(http://www.bestbeforetoday.de/fileadmin/img/infobox_mid.jpg) repeat-y;
  padding: 0 10px;
  line-height:14px;
}

#main #content #left .infobox .bottom{
  background:url(http://www.bestbeforetoday.de/fileadmin/img/infobox_bottom.jpg) no-repeat;
  height:33px;
}

/******************************* PLAY3R ***************************************/
#main #content #left #player{
  height:22px;
  background:#000;

}
/******************************* TEASER ***************************************/
#main #frame #teaser{
  float:left;
  background: url(http://www.bestbeforetoday.de/fileadmin/img/header_bottom.jpg) no-repeat;
  width: 278px;
  padding: 92px 0 0 0;
  
}

/******************************* TEASERBOXES **********************************/
#main #frame #teaser .teaserbox h2{
  width:178px;
  height:64px;
  background: url(http://www.bestbeforetoday.de/fileadmin/img/teaserbox_top.jpg) no-repeat;
  padding: 55px 0 0 100px;
}

#main #frame #teaser .teaserbox .bodytext{
  background: url(http://www.bestbeforetoday.de/fileadmin/img/teaserbox_mid.jpg) repeat-y;
  padding: 0 10px;
  margin:0 0 0 20px;
}
#main #frame #teaser .teaserbox .bottom{
  background: url(http://www.bestbeforetoday.de/fileadmin/img/teaserbox_bottom.jpg) no-repeat;
  height:26px;
  margin:0 0 0 20px;
}

/******************************* FOOTER ***************************************/
#footer{
  background: url(http://www.bestbeforetoday.de/fileadmin/img/bottom.png) no-repeat;
  height:30px;
}


/******************************* TABLES ***************************************/
table{
  font-size:12px;
}

/******************************* CLEARER **************************************/
hr.clearer {	
	display: block;
	height: 0;
	line-height: 0px;
	clear: left; 
	visibility: hidden;
	border: 0;
	padding: 0;
}