body {
  background:#2A2A2A url(../img/top.jpg) left top repeat-x;
  margin:0;
  padding:0;
  font-family:Tahoma,Georgia,Sans;
  color:#FFF;
  font-size:11px;
  line-height:15px;
  margin-left:2px;
}

html {
 background:#2A2A2A url(../img/leftborder.jpg) left top repeat-y;
}

#whole {
  width:800px;
  margin-top:2px;
}



h1 {
  background:url(../img/header1.jpg) no-repeat;
  width:318px;
  height:321px;
  text-indent:-9999px;
  margin:0px;
  position:relative;
  left:-2px;
  top:0;
}

h1 a{
  width:318px;
  height:321px;
  display:block;
}

.header2 {
  background:url(../img/header2.jpg) no-repeat;
}

.header3 {
  background:url(../img/header3.jpg) no-repeat;
}

.header4 { /* für Artists */
  background:url(../img/header4.jpg) no-repeat;
}

.header5 { /* für Releases */
  background:url(../img/header5.jpg) no-repeat;
}

.header6 { /* für Media */
  background:url(../img/header6.jpg) no-repeat;
}

.header7 { /* für Contact */
  background:url(../img/header7.jpg) no-repeat;
}

.header8 { /* für Store */
  background:url(../img/header8.jpg) no-repeat;
}


/****** NAVIGATION ************ */

#navigation {
  margin:0;
  margin-left:2px;
  padding:0;
  width:381px;
  background:url(../img/navibg.jpg) left top no-repeat;
  list-style-type:none;
  text-indent:-99999px;
}

#navigation #news a {
  display:block;
  height:30px;
  width:156px;
  background:url(../img/navi/news.jpg) left top no-repeat;
}

#navigation #news a:hover {
  background:url(../img/navi/news.jpg) left -30px no-repeat;
}

#navigation #philo a {
  display:block;
  height:26px;
  width:156px;
  background:url(../img/navi/philo.jpg) left top no-repeat;
}

#navigation #philo a:hover {
  background:url(../img/navi/philo.jpg) left -26px no-repeat;
}

#navigation #releases a {
  display:block;
  height:27px;
  width:156px;
  background:url(../img/navi/releases.jpg) left top no-repeat;
}

#navigation #releases a:hover {
  background:url(../img/navi/releases.jpg) left -27px no-repeat;
}

#navigation #artist a {
  display:block;
  height:23px;
  width:156px;
  background:url(../img/navi/artist.jpg) left top no-repeat;
}

#navigation #artist a:hover {
  background:url(../img/navi/artist.jpg) left -23px no-repeat;
}

#navigation #media a {
  display:block;
  height:28px;
  width:156px;
  background:url(../img/navi/media.jpg) left top no-repeat;
}

#navigation #media a:hover {
  background:url(../img/navi/media.jpg) left -28px no-repeat;
}

#navigation #links a {
  display:block;
  height:23px;
  width:156px;
  background:url(../img/navi/links.jpg) left top no-repeat;
}

#navigation #links a:hover {
  background:url(../img/navi/links.jpg) left -23px no-repeat;
}

#navigation #forum a {
  display:block;
  height:22px;
  width:131px;
  background:url(../img/navi/forum.jpg) left top no-repeat;
}

#navigation #forum a:hover {
  background:url(../img/navi/forum.jpg) left -22px no-repeat;
}


#navigation #contact a {
  display:block;
  height:23px;
  width:156px;
  background:url(../img/navi/contact.jpg) left top no-repeat;
}

#navigation #contact a:hover {
  background:url(../img/navi/contact.jpg) left -23px no-repeat;
}

#navigation #store a {
  display:block;
  height:26px;
  width:156px;
  background:url(../img/navi/store.jpg) left top no-repeat;
}

#navigation #store a:hover {
  background:url(../img/navi/store.jpg) left -26px no-repeat;
}


/************ HEADLINES ***********/

#newsHL {
   background:url(../img/headlines/news.jpg) left top no-repeat;
   width:195px;
   height:33px;
   text-indent:-99999px;
}

#philoHL {
   background:url(../img/headlines/philo.jpg) left top no-repeat;
   width:201px;
   height:32px;
   text-indent:-99999px;
}

#linksHL {
   background:url(../img/headlines/links.jpg) left top no-repeat;
   width:189px;
   height:31px;
   text-indent:-99999px;
}

#artistsHL {
   background:url(../img/headlines/artists.jpg) left top no-repeat;
   width:188px;
   height:31px;
   text-indent:-99999px;
}

#releasesHL {
   background:url(../img/headlines/releases.jpg) left top no-repeat;
   width:185px;
   height:30px;
   text-indent:-99999px;
}

#mediaHL {
   background:url(../img/headlines/media.jpg) left top no-repeat;
   width:188px;
   height:32px;
   text-indent:-99999px;
}


#contactHL {
   background:url(../img/headlines/contact.jpg) left top no-repeat;
   width:193px;
   height:32px;
   text-indent:-99999px;
}

#storeHL {
   background:url(../img/headlines/store.jpg) left top no-repeat;
   width:190px;
   height:32px;
   text-indent:-99999px;
}





/************ CONTENT ***********/


#content {
  background:url(../img/contentbg.jpg) left -2px no-repeat;
  float:left;
  position:absolute;
  left:318px;
  top:3px;
  width:550px;
  padding-top:66px;

}


a {
  color:#f77d47;
  text-decoration:none;
}

a:hover {
  color:#FFF;
}

h2 {
font-size:17px;
font-weight:normal;
text-transform:uppercase;
margin:3px 0px 5px 0px;
color:#f77d47;
}

h3 {
font-size:11px;
font-weight:bold;
}

.entry {
  width:430px;
  float:left;
  margin-left:3px;
}

.entry h2 {
color:#f77d47;
}

.imgentry {
  width:240px;
  float:left;
}

.spalte {
  width:210px;
  float:left;
}

.relImg {
  float:left;
  margin:0 10px 0px 0;
  width:120px;
  text-align:center
}

.relImg img, .vinylbox img {
  margin-bottom:5px;
}

.vinylbox {
  margin-left:120px;
  width:200px;
  text-align:center;
}

.entryImg {
  float:left;
  margin:0 10px 0px 0;
  width:200px;
}

.entryImg img {
  border:1px solid #fff;
  width:200px;
}

.post-image {
  border:1px solid #fff;
}

.relBox {
  width:500px;
  margin-left:120px;
  padding:3px 0 0 0;
  margin:0 10px 5px 0px;
}

.entryBox {
  width:500px;
  padding:3px 0 0 0;
  margin:0 0px 5px 0px;
}

.relBox span {
  background:#444;
  padding:3px;
}


#blogArchiv, .listingLeft {
 list-style-type:none;
 margin:0;
 padding:0;
 width:170px;
 border-top:1px solid #686a6a;
}

#blogArchiv li,.listingLeft li {
 list-style-type:none;
 margin:0;
 padding:0;
}

#blogArchiv li a, .listingLeft li a{
 color:#FFF;
 width:168px;
 display:block;
 height:20px;
 border-bottom:1px solid #686a6a;
 line-height:20px;
 padding-left:2px;
}

img {
  border: none;
}

.listingLeft {
  margin-bottom:10px;
}

#blogArchiv li a:hover{
 color:#f77d47;
}

#contentEnd {
  clear:both;
  float:none;
  height:2px;
  background:#FFF;
  font-size:1px;
  line-height:2px;
  position:relative;
  left:30px;
  top:40px;

  width:880px;
}

.clearBoth {
  clear:both;
  font-size:0px;
  line-height:0px;
  height:0px;
}

table td {
  vertical-align:top;
  padding:15px 5px 10px 0px;
  border-bottom:1px solid #e2e2e2;
}


.priceDiv {
  background:url(../store/images/buy_bg.jpg) no-repeat;
  height:20px;
  line-height:20px;
  padding:0px 10px 0px 10px;
  margin:15px 10px 0px 0px;
  float:left;
  width:auto;
  font-weight:bold;
}

.buyBTN {
  display:block;
  margin-top:15px;
}

.colLeft {
  float:left;
  width:350px;
}

.colRight {
  text-align:right;
  float:left;
  width:350px;
}

.newProducts img {
  margin-bottom:10px;
  z-index:1;
}

.newProducts a {
  color:#FFF;
}
.newPrice {

  margin-top:-60px;
  z-index:3;
  background:url(../store/images/buy_bg.jpg) no-repeat;
  height:20px;
  line-height:20px;
  padding:0px 10px 0px 10px;
  width:auto;
  font-weight:bold;
  }

.storeLink {
  color:#333;
  background:#f1f1f1;
  padding:1px 4px;
}

h3.storeLink {
  font-size:15px;
  margin:0px;
  padding:0px;
  line-height:20px;
  display:inline;
  margin-top:5px;
}