/* ALLG
------------------------------------------------------------------------------*/

*{
  outline:none;
  font-family:arial, sans-serif;
  font-size:13px;
  color:#303438;
}

body{
  margin:0;
  padding:0;
  background:#f4f4f4 url(../images/layout/background.jpg) repeat-x;
  text-align:center;
}

img,
form,
fieldset{
  border:0;
  padding:0;
  margin:0;
}

.hidden{
  display: none;
}

.logofb{
  position: absolute;
  left:-2000px;
}

.alignright{
  text-align:right;
}

.uc{
  text-transform: uppercase;
}


.clear{
  clear:both;
  line-height:0;
  height:0;
}

.counter{
  position: absolute;
  left:-2000px;
}


#content hr,
#content .boxmid hr{
  border:0;
  border-bottom:2px solid #e5e6ea;
  margin:20px 0;
  line-height:0;
  height:0;
  font-size:0;
  clear:both;
}
#content .boxmid hr{
  border-bottom:2px solid #FFF;
}




#content p{
  line-height:1.4em;
  margin:0 0 10px 0;
  padding:0;
  text-transform: lowercase;
}


#content h1,
#content h2,
#content h3{
  font-size:18px;
  margin:0 0 15px 0;
  padding:0;
  font-weight:normal;
  text-transform:uppercase;
  line-height:1.2em;
}

#content h1 span,
#content h2 span{
  display:block;
  color:#a9acb2;
  margin:0 0 3px 0;
}

#content h2{
  color:#9b9ea7;
  margin-bottom:10px;

}

#content h2 a{
  font-size:18px;
  color:#bb0000;
  text-decoration:none;
}
#content h2 a:hover{
  color:#FF0000;
}

#content h3{
  font-size:15px;
  color:#9b9ea7;
}

#content p a,
#content ul a{
  color:#bb0000;
  text-decoration:none;
}

#content p a:hover,
#content ul a:hover{
  color:#FF0000;
  background:#FFF;
}

#content .moreinfos{
  background:#FFF;
  padding:10px;
  margin:15px 0;
}




#content .grid400 ul,
#content .grid580 ul,
#content .infobox ul{
  margin:10px 0;
  padding:0;
  list-style-type: none;
}
#content .grid400 ul li,
#content .grid580 ul li,
#content .infobox ul li{
  line-height: 1.6em;
  padding-left:12px;
  background: transparent url(../images/layout/dot.gif) no-repeat left 5px;
}

/* CONTENT > BREADCRUMB
------------------------------------------------------------------------------*/

#content .breadcrumb{
  margin:0 0 20px 0;
  color:#919599;
  font-size:10px;
}
#content .breadcrumb a{
  color:#919599;
  font-size:10px;
  text-transform:uppercase;
  text-decoration:none;
}
#content .breadcrumb a:hover{
  color:#333;
}



/* CONTENT > KONZERTFOTOS
------------------------------------------------------------------------------*/

#content .konzertfotos h2{
  margin:0 0 0 0;
}

#content .konzertfotos .infoline{
  margin:0 0 30px 0;
}

#content .konzertfotos .moreinfos{
  margin:0 0 15px 0;
  text-transform:uppercase;
  font-size:11px;
  color:#999;
}

/* CONTENT > MIXTAPE
------------------------------------------------------------------------------*/

#content .mixtape .songs{
  border-bottom:1px solid #e5e6ea;
  height:30px;
  line-height:30px;
  vertical-align:middle;
  display:block;
}
#content .mixtape .songs .song,
#content .mixtape .songs .song span{
  font-size: 11px;
}

#content .mixtape .songs .song span{
  color:#919599;
}

#content .mixtape .songs.last{
  border-bottom:0px;
}
#content .mixtape .songs .song{
  width:480px;
  float:left;
}


#content .mixtape .songs .web,
#content .mixtape .songs .dl{
  float:right;
  padding:6px 0 0 4px;
}
#content .mixtape .songs .dl a,
#content .mixtape .songs .web a{
  display:block;
  text-decoration:none;
  width:20px;
  height:20px;
}
#content .mixtape .songs .dl a{
  background: transparent url(../images/layout/icons/mixtape_dl.gif) no-repeat 50% top;
}
#content .mixtape .songs .dl a:hover{
  background: transparent url(../images/layout/icons/mixtape_dl.gif) no-repeat 50% bottom;
}

#content .mixtape .songs .web a{
  background: transparent url(../images/layout/icons/mixtape_web.gif) no-repeat 50% top;
}
#content .mixtape .songs .web a:hover{
  background: transparent url(../images/layout/icons/mixtape_web.gif) no-repeat 50% bottom;
}


/* CONTENT > NEWS
------------------------------------------------------------------------------*/



#content span.tour,
#content span.tour{
  color:#777;
  text-transform:uppercase;
  font-size:11px;
}


#content .news p{
  width:380px;
  line-height:1.4em;
}

#content .news a.img,
#content .news-detail img{
  margin:10px 0;
  display:block;
}

#content .news img{
  width:390px;
}

#content .news-detail img{
  width:520px;
}


#content .news object,
#content .news-detail object,
#content .spezial object{
  margin:0 0 10px 0;
}

#content .news-detail object embed,
#content .news-detail object {

}


#content .news a img,
#content .news-detail img{
  border:3px solid #e5e6ea;
}

#content .news a:hover img{
  border:3px solid #FFF;
}

#content .infoline{
  border-top:2px solid #e5e6ea;
  padding:5px 2px;
  margin:20px 0;
}


#content .infoline div{
  color:#919599;
  font-size:11px;
  text-transform: uppercase;
}

#content .infoline div a{
  color:#919599;
  font-size:11px;
  text-decoration:none;
  text-transform: uppercase;
}
#content .infoline div a:hover{
  color:#303438;
}

#content .infoline .left{
  width:50%;
  float:left;
}

#content .infoline .right{
  width:50%;
  float:right;
  text-align:right;
}

#content .infoline .complete{
  text-align:right;

}


/* CONTENT > FLASH
------------------------------------------------------------------------------*/

#mp3player{
  margin:10px 0;
}

#content .mixtapeplayer{
  width:360px;
  height:300px;
  background:transparent url(../flash/mixtape/bg.gif) no-repeat;
  margin:0 0 20px 0;
}
#content .mixtapeplayer object{
  margin:10px;
}

/* CONTENT > LINKS
------------------------------------------------------------------------------*/

#content a.comments{
  background:transparent url(../images/layout/icons/comment.gif) no-repeat left -1px;
  padding-left:20px;
}
#content a:hover.comments{
  background:transparent url(../images/layout/icons/comment.gif) no-repeat left -16px;
  padding-left:20px;
}

#content a.share{
  background:transparent url(../images/layout/icons/share.gif) no-repeat left -1px;
  padding-left:15px;
  margin-left:15px;
}
#content a:hover.share{
  background:transparent url(../images/layout/icons/share.gif) no-repeat left -16px;
  padding-left:15px;
}

/* CONTENT > GALERIE
------------------------------------------------------------------------------*/

#content .galerie a img{
  border:3px solid #e5e6ea;
  opacity:0.7;
  margin:5px 10px 5px 0px;
}

#content .galerie a:hover img{
  border:3px solid #FFF;
  opacity:1;
}




/* CONTENT > KOMMENTARE
------------------------------------------------------------------------------*/

#content .comment{
  padding:10px;
  background:#FFF;
  margin:20px 0 20px 0;
  clear:both;
}
#content .comment span{
  color:#919599;
  font-size:11px;
  text-transform: uppercase;
}


/* CONTENT > FORMS
------------------------------------------------------------------------------*/


#content .searchbox,
#content .commentbox{
  padding:10px 20px;
}

#contact select,
#content .searchbox select{
  width:100%;
  margin:0 0 10px 0;
}

#contact select{
  width:230px;
}


#content .commentbox .commentinfo{
  border-top:2px solid #bec7d8;
  margin:20px 0 0 0;
}
#content .commentbox .commentinfo p{
  font-size:11px;
  color:#757c8a;
  padding:10px 0 0 0;
  width:450px;
}

#content .commentbox h3,
#content .searchbox h3{
  color:#757c8a;
}

#contact label,
#comment label,
.searchbox label{
  font-size:10px;
  color:#757c8a;
  text-transform: uppercase;
  display:block;
  margin:0 0 5px 0;
}

#contact input,
#comment input,
#search input,
#search_ticket input{
  width:220px;
  padding:4px;
  border:0px;
  margin:0 0 10px 0;
}
#search input,
#search_ticket input{
  width:230px;
}

#content #search input.loader,
#content #search_ticket input.loader{
  background:#FFF url(../images/layout/loader_white.gif) no-repeat 215px 50%;
}
#content #search input.err,
#content #search_ticket input.err{
  background:#FFF url(../images/layout/icons/input_error.gif) no-repeat 215px 50%;
}

#contact textarea,
#comment textarea{
  width:480px;
  height:100px;
  padding:4px;
  border:0px;
  margin:0 0 15px 0;
  overflow:auto;
}

#comment .left,
#comment .right{
  width:260px;
  float:left;
}
#comment .right{
  width:220px;
}




#search input,
#search_ticket input{
  float:left;
  margin:0 20px 0 0;
}

#content .loader_blue{
  width:24px;
  height:24px;
  background:transparent url(../images/layout/loader_blue.gif) no-repeat 50% 50%;
  display:block;
}

#search .loader_blue{
  position:relative;
  left:270px;
}

#content .loader_grey{
  height:24px;
  background:transparent url(../images/layout/loader_grey.gif) no-repeat left 50%;
  display:block;
  padding-left:30px;
  line-height:24px;
  vertical-align:middle;
  font-size:11px;
  color:#9b9ea7;
  text-transform:uppercase;
  margin:30px 0;
}



/* MESSAGES
------------------------------------------------------------------------------*/

#content .error,
#content .ok,
#content .msg{
  padding:10px;
  margin:20px 0 20px 0;
  line-height:1.4em;
}

#content .error{
  background:#efd2d2;
  border:2px solid #d4a6a6;
}

#content .ok{
  background:#d3efd2;
  border:2px solid #a7d4a6;
}

#content .msg{
  background:#fcffcf;
  border:2px solid #e6e8cb;
}



/* WIDGET > EMPFEHLUNGEN
------------------------------------------------------------------------------*/

.empfehlungen{
  margin:0 0 20px 0;
}

.empfehlungen .left{
  float:left;
  width:170px;
  margin:0 20px 0 0;
}

.empfehlungen .right{
  float:right;
  width:170px;
  margin:0 0 0 0;
}

.empfehlungen object,
.empfehlungen embed{
  margin:0 0 0 0;
}

/* WIDGET > EMPFEHLUNGN > ROTATOR
------------------------------------------------------------------------------*/

#content div#rotator {

}
#content div#rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
  margin:-13px 0 0 -40px;
  padding:0;
}
#content div#rotator ul li img {
  margin:0;
  padding:0;
}

#content div#rotator ul li a:hover{
  background: transparent;
  border:0;
}


#content div#rotator ul li.show {
	z-index:500;
}


/* WIDGET > MICROADS
------------------------------------------------------------------------------*/

#content .boxmid.microads{
  width:320px;
  padding:0px 20px;
}

#content .boxmid.microads a{
  width:16px;
  height:16px;
}


#content .boxmid.microads .infolink{
  margin:10px 0 0 0;
  border-top:2px solid #FFF;
  padding:5px 0;
}


/* WIDGET > PRESENTATIONS
------------------------------------------------------------------------------*/

#content .presentation{
  padding:0 0 0 20px;
}

#content .presentation .boxgrid{
  width: 320px;
  height: 210px;
  float:left;
  overflow: hidden;
  position: relative;
  margin-bottom:10px;
}
#content .presentation .boxgrid img{
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}
#content .presentation .boxgrid p{
  padding: 10px;
  margin:0;
  text-transform: uppercase;
  line-height:1.3em;
}
#content .presentation .boxgrid p a{
  font-size:14px;
  color:#FFF;
  text-decoration:none;
  background:transparent;
}
#content .presentation .boxgrid p a:hover{
  text-decoration:underline;
}


#content .presentation .boxgrid p span{
  color:#BBB;
  font-size:11px;
  display:block;
}


#content .presentation .boxgrid img{
  width:320px;
}

#content .presentation .boxcaption{
  float: left;
  position: absolute;
  background: #000;
  height: 50px;
  width: 100%;
  opacity: .7;
}

#content .presentation .captionfull .boxcaption {
  top: 210px;
  left: 0;
}

#content .presentation .caption .boxcaption {
  top: 210px;
  left: 0;
}


/* WIDGET > ADW / REVIEWS
------------------------------------------------------------------------------*/

#content .boxmid.adw h1,
#content .boxmid.reviews h1{
  margin-left:0;
  text-align:center;
}

#content .abt h1{
  text-align:center;
}

#content .boxmid.adw,
#content .boxmid.reviews{
  text-align:center;
}

#content .boxmid.abt a img,
#content .boxmid.adw a img,
#content .boxmid.reviews a img{
  border:3px solid #FFF;
}

#content .boxmid.abt a:hover img,
#content .boxmid.adw a:hover img,
#content .boxmid.reviews a:hover img{
  border:3px solid #A9ACB2;
}

#content .boxmid.abt a:hover,
#content .boxmid.reviews a:hover{
  background:transparent;
  border:0;
}


#content .boxmid.reviews ul{
  margin:0 0 0 19px;
  padding:0;
  list-style-type:none;
  text-align:center;
}
#content .boxmid.reviews ul li{
  float:left;
  margin: 0 10px 10px 0;
}
#content .boxmid.reviews ul li img{
  width:50px;
  height:50px;
}


/* WIDGET > TWITTER
------------------------------------------------------------------------------*/

#content .boxmid.twitterbox{
  padding:10px 20px;
}

#content .boxmid.twitterbox h1{
  margin:0 0 20px 0;
}


#content .boxmid.twitterbox .feed{
  border-bottom:1px solid #FFF;
  margin:10px 0;
  width:290px;
}

#content .boxmid.twitterbox .feed .image{
  width:45px;
  float:left;
}

#content .boxmid.twitterbox .feed .image img{
  width:30px;
  border:2px solid #FFF;
}
#content .boxmid.twitterbox .feed .image a:hover img {
  width:30px;
  border:2px solid #A9ACB2;
}

#content .boxmid.twitterbox .txt{
  width:230px;
  float:left;
}

#content .boxmid.twitterbox .txt p,
#content .boxmid.twitterbox .txt p a{
  font-size: 11px;
}

#content .boxmid.twitterbox .info{
  font-size: 11px;
  color:#999;
  margin:0 0 10px 0;
}
#content .boxmid.twitterbox .info a{
  font-size: 11px;
  color:#777;
  text-decoration:none;
}
#content .boxmid.twitterbox .info a:hover{
  color:#333;
}


/* WIDGET > NEWSTICKER
------------------------------------------------------------------------------*/

#content .tickerloader{
  height:170px;
  text-align:center;
}


#content .newsticker{
  padding:0 0 0 10px;
}

#content .newsticker #prevNext{
  margin-top:-15px;
}

#content .newsticker #prevNext .jFlowPrev{
  position:relative;
  left:10px;
  top:88px;
}

#content .newsticker #prevNext .jFlowNext{
  position:relative;
  left:305px;
  top:88px;
}

#content .newsticker #prevNext img{
  position: relative;
  z-index: 2;
  cursor: pointer;
}

#content .newsticker p{
  margin: 0;
  padding: 0 1em;
  position: relative;
  top: -50px;
  line-height: 50px;
  height: 50px;
  background: #000;
  opacity: .7;
  text-transform: uppercase;

}
#content .newsticker p a{
  font-size:13px;
  color:#FFF;
  text-decoration:none;
}
#content .newsticker p a:hover{
  text-decoration:underline;
  background:transparent;
}


/* CONTENT > CDREVIEWS
------------------------------------------------------------------------------*/

#content .release{
  border-bottom:2px solid #e5e6ea;
  margin:0 0 20px 0;
  padding:0 0 20px 0;
}

#content .releases{
  margin:0 0 20px 0;
}

#content .releases p{
  margin: 0;
}


#content .release.adw{
  background:transparent url(../images/layout/release_adw.gif) no-repeat right 0px;
}
#content .release.tip{
  background:transparent url(../images/layout/release_tip.gif) no-repeat right 0px;
}

#content .releases.adw{
  background:transparent url(../images/layout/release_adw_sm.gif) no-repeat right 0px;
}
#content .releases.tip{
  background:transparent url(../images/layout/release_tip_sm.gif) no-repeat right 0px;
}


#content .release .cover,
#content .releases .cover{
  width:130px;
  float:left;
}

#content .release .cover img,
#content .releases .cover a img{
  border:3px solid #e5e6ea;
}
#content .releases .cover a:hover img{
  border:3px solid #FFF;
}

#content .release .infos,
#content .releases .infos{
  width:400px;
  float:left;
}
#content .releases .infos.dltipps{
  width:300px;
}
#content .releases .infos.dltipps h1{
  margin-bottom:15px;
}



#content .release .infos p{
  margin:3px 0;
  padding:0;
  color:#9b9ea7;
}

#content .release .infos p,
#content .release .infos p a{
  font-size:11px;
  text-transform: uppercase;
}


/* CONTENT > INTERVIEWS
------------------------------------------------------------------------------*/

#content .interviews{
  padding:0 0 0 10px;
}

#content .interviews .boxgrid{
  width: 280px;
  height: 200px;
  float:left;
  overflow: hidden;
  position: relative;
  margin-bottom:0px;
}
#content .interviews .boxgrid img{
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
}
#content .interviews .boxgrid p{
  padding: 10px;
  margin:0;
  text-transform: uppercase;
  line-height:1.3em;
}
#content .interviews .boxgrid p a{
  font-size:14px;
  color:#FFF;
  text-decoration:none;
}
#content .interviews .boxgrid p a:hover{
  text-decoration:underline;
  background:transparent;
}


#content .interviews .boxgrid p span{
  color:#BBB;
  font-size:11px;
  display:block;
}


#content .interviews .boxgrid img{
  width:280px;
  height:200px;
}

#content .interviews .boxcaption{
  float: left;
  position: absolute;
  background: #000;
  height: 70px;
  width: 100%;
  opacity: .7;
}

#content .interviews .captionfull .boxcaption {
  top: 200px;
  left: 0;
}

#content .interviews .caption .boxcaption {
  top: 200px;
  left: 0;
}

#content .interview{
}


/* CONTENT > IN THE CITY
------------------------------------------------------------------------------*/

#content .inthecity .image img{
  width:230px;
}

#content .inthecity .image{
  width: 230px;
  height: 150px;
  padding:0 10px 10px 10px;
}
#content .inthecity .infos{
  padding:0 10px 0px 10px;
}

#content .inthecity .infos{
  color:#999;
  font-size:11px;
  text-transform:uppercase;

}

#content .inthecity .infos a{
  color:#BB0000;
  text-decoration:none;
  text-transform:uppercase;
  display:block;
  margin:0 0 5px 0;
}
#content .inthecity .infos a:hover{
  color:#FF0000;
}

#content .inthecity-detail p a{
  font-weight:bold;
}




/* CONTENT > PRESENTATIONS
------------------------------------------------------------------------------*/

#content .presentations a img,
#content .presentations img{
  border:3px solid #e5e6ea;
  margin:0 0 10px 0;
}
#content .presentations a:hover img{
  border:3px solid #FFF;
}

#content .presentations p.extras{
  width:420px;
}


/* CONTENT > TEMINE
------------------------------------------------------------------------------*/
#content .termine h2{
  margin:0 0 0 0;
}

#content .termine .infoline{
  margin:0 0 30px 0;
}


#content .termin{
  border-bottom:1px solid #e5e6ea;
  height:30px;
  line-height:30px;
  vertical-align:middle;
  display:block;
}
#content .termin.last{
  border-bottom:0px;
}


#content .termin .date{
  width:100px;
  display:block;
  float:left;
}
#content .termin .city{
  float:left;
}



/* CONTENT > SPEZIAL
------------------------------------------------------------------------------*/

#content .dtc a img,
#content .voegel a img,
#content .artikel img,
#content .spezial img,
#content .ttb img,
#content .konzertreviews img.border{
  width:525px;
  border:3px solid #e5e6ea;
  margin:10px 0;
}
#content .dtc a:hover img,
#content .voegel a:hover img,
#content .spezial a:hover img{
  border:3px solid #FFF;
}
#content .dtc h2{
  margin-bottom:0;
}

#content .ttb h2{
  margin:20px 0 10px 0;
}

#content .spezial .tn100 a img{
  width:100px;
  margin:0 30px 30px 0;
}

#content .spezial .tn100 a.last img{
  margin-right:0;
}

#content .videotipps object,
#content .videotipps embed{
  width:525px;
}

#content .boxmid.infobox a.spezial_dl{
  padding:15px 10px;
  margin:10px 0;
  display:block;
  text-align:center;
  background:#607597;
  color:#FFF;
}
#content .boxmid.infobox a:hover.spezial_dl{
  background:#4a5a74;
  color:#FFF;
}

#content .totp .image{
  float:left;
  width:120px;
}
#content .totp .image img{
  width:100px;
}
#content .totp .infos{
  float:left;
  width:400px;
  margin:7px 0 0 0;
}




/* CONTAINERS
------------------------------------------------------------------------------*/

#container{
  width:960px;
  margin:0 auto;
  text-align:left;
}

#header{
  width:960px;
  height:200px;
}

#content{
  width:960px;
  margin:30px 0;
  /*border:1px solid red;*/
}

/* GRID
------------------------------------------------------------------------------*/

.grid580,
.grid400,
.grid450,
.grid360,
.grid160{
  float:left;
  margin:0 20px 0 0;
}

.grid580{
  width:580px;
}

.grid580.archiv,
.grid580.interview,
.grid580.konzertreviews,
.grid580.konzertfotos,
.grid580.cdreview,
.grid580.cdreviews,
.grid580.artikel,
.grid580.spezial,
.grid580.news,
.grid580.news-detail,
.grid580.ttb,
.grid580.termine,
.grid580.termine-detail,
.grid580.mixtapes,
.grid580.mixtape,
.grid580.inthecity,
.grid580.inthecity-detail{
  width:530px;
  padding-right:50px;
}

.grid450{
  width:450px;
}

.grid400{
  width:400px;
}

.grid360{
  width:360px;
}

.grid160{
  width:160px;
}

.last{
  margin:0;
}


/* BOXES
------------------------------------------------------------------------------*/

#content .box160,
#content .box250,
#content .box300,
#content .box360{
  background:#e5e6ea;
  margin:0 0 20px 0;
  clear:both;
}

#content .box160.blue,
#content .box300.blue,
#content .box360.blue,
#content .box530.blue,
#content .box580.blue{
  background:#cfd7e4;
}

#content .box160.white{
  background:#FFF;
}

#content .box360.black{
  background:#000;
}

#content .box160{
  width:160px;
}

#content .box250{
  width:250px;
}

#content .box300{
  width:300px;
}

#content .box360{
  width:360px;
}

#content .box530{
  width:530px;
}

#content .box580{
  width:580px;
}


#content .boxtop,
#content .boxtop div,
#content .boxbot,
#content .boxbot div{
  display: block;
  height:10px;
  width:100%;
  clear:both;
}

#content .boxmid.ads{
  padding:10px 20px;
}
#content .boxmid.ads h1{
  font-size:10px;
  font-weight:normal;
  margin:0 0 10px 0;
}


/* GREY */

#content .boxtop div{
  background:url(../images/layout/corners.png) no-repeat left 0px;
}
#content .boxtop{
  background:url(../images/layout/corners.png) no-repeat right -10px;
}
#content .boxbot div{
  background:url(../images/layout/corners.png) no-repeat left -20px;
}
#content .boxbot{
  background:url(../images/layout/corners.png) no-repeat right -30px;
}

/* BLUE */

#content .boxtop.blue div{
  background:url(../images/layout/corners_blue.png) no-repeat left 0px;
}
#content .boxtop.blue{
  background:url(../images/layout/corners_blue.png) no-repeat right -10px;
}
#content .boxbot.blue div{
  background:url(../images/layout/corners_blue.png) no-repeat left -20px;
}
#content .boxbot.blue{
  background:url(../images/layout/corners_blue.png) no-repeat right -30px;
}

/* WHITE */

#content .boxtop.white div{
  background:url(../images/layout/corners_white.png) no-repeat left 0px;
}
#content .boxtop.white{
  background:url(../images/layout/corners_white.png) no-repeat right -10px;
}
#content .boxbot.white div{
  background:url(../images/layout/corners_white.png) no-repeat left -20px;
}
#content .boxbot.white{
  background:url(../images/layout/corners_white.png) no-repeat right -30px;
}

/* DARKGREY */

#content .boxtop.black div{
  background:url(../images/layout/corners_black.png) no-repeat left 0px;
}
#content .boxtop.black{
  background:url(../images/layout/corners_black.png) no-repeat right -10px;
}
#content .boxbot.black div{
  background:url(../images/layout/corners_black.png) no-repeat left -20px;
}
#content .boxbot.black{
  background:url(../images/layout/corners_black.png) no-repeat right -30px;
}

/* FOOTER */


#footer .box220{
  background:#000;
  margin:0 26px 20px 0;
  width:220px;
  float:left;
}

#footer .box220.last{
  margin:0 0 20px 0;
}


#footer .boxtop,
#footer .boxtop div{
  display: block;
  height:10px;
  width:100%;
  clear:both;
}

#footer .boxmid h1{
  color:#FFF;
  font-size:11px;
  font-weight:normal;
  margin:5px 0 5px 15px;
  text-transform: uppercase;
}

#footer .boxmid ul{
  margin:0 0 5px 10px;
  padding:0;
  list-style-type:none;
}
#footer .boxmid ul li{
  background:transparent url(../images/layout/dot.gif) no-repeat 0 4px;
  padding-left:15px;
}
#footer .boxmid ul li a{
  text-decoration:none;
  font-size:11px;
  color:#999;
}
#footer .boxmid ul li a:hover{
  color:#FFF;
}



#footer .boxtop div{
  background:url(../images/layout/corners_black.png) no-repeat left 0px;
}
#footer .boxtop{
  background:url(../images/layout/corners_black.png) no-repeat right -10px;
}
#footer .boxbot div{
  background:url(../images/layout/corners_black.png) no-repeat left -20px;
  height:10px;
}
#footer .boxbot{
  background:url(../images/layout/corners_black.png) no-repeat right -30px;
  height:10px;
}

#footer .networkicons{
  margin:10px 0 0 15px;
}
#footer .networkicons a{
  margin:0 5px 10px 0;
}
#footer .networkicons a.last{
  margin-right:0;
}

#footer .networkicons a img{
  width:16px;
  height:16px;
}




#content .boxmid h1{
  color:#9b9ea7;
  font-size:13px;
  font-weight:normal;
  margin:5px 0 10px 0;
  text-transform: uppercase;
}

#content .boxmid.blue h1{
  color:#757c8a;
}

#content .boxmid .infolink{
  clear:both;
  text-align:right;
  margin:0 20px 0 0;
}

#content .boxmid .infolink a{
  font-size:10px;
  color:#9b9ea7;
  text-decoration:none;
  text-transform:uppercase;
}
#content .boxmid .infolink a:hover{
  color:#303438;
}

#content .floatleft{
  float:left;
  margin:0 30px 10px 0;
}

#content .floatleft.last{
  float:left;
  margin-right:0;
}

/* BOXES > LIST
------------------------------------------------------------------------------*/

#content .boxmid.boxlist{
  padding:0 20px;
}

#content .boxmid.boxlist ul{
  list-style-type: none;
  margin:10px 0;
  padding:0;
  line-height:1.4em;
}
#content .boxmid.boxlist ul li{
  border-bottom:1px solid #FFF;
  padding:10px 0;
  font-size:11px;
  text-transform:uppercase;
  color:#a9acb2;
  background-image:none;
}
#content .boxmid.boxlist ul li.last{
  border-bottom:0px solid #FFF;
}

#content .boxmid.boxlist ul li span{
  font-size:11px;
  color:#999;
}


#content .boxmid.boxlist ul li a{
  color:#bb0000;
  text-transform:uppercase;
  text-decoration:none;
  display:block;
  margin:0 0 5px 0;
}
#content .boxmid.boxlist ul li a:hover{
  color:#FF0000;
  background:transparent;
}


/* BOXES > INFOBOX
------------------------------------------------------------------------------*/

#content .boxmid.infobox{
  padding:0 20px;
}
#content .boxmid.infobox img{
  padding:10px 0 20px 0;
  width:320px;
}

#content .boxmid.infobox a{
  color:#bb0000;
  text-decoration:none;
}
#content .boxmid.infobox a:hover{
  color:#FF0000;
  background:transparent;
}

#content .boxmid.infobox .networkicons a{
  margin:0 5px 0 0;
  width:32px;
  height:32px;
}

#content .boxmid.infobox .networkicons img{
  width:32px;
  height:32px;
}


/* NLFORM
------------------------------------------------------------------------------*/

#nlform{
  display:none;
}

.nlform{
  text-align:left;
  padding:20px 20px 0 20px;
}


.nlform h1{
  font-size:15px;
  font-weight:normal;
  color:#757c8a;
  text-transform:uppercase;
  margin:0 0 10px 0;
}

#nlform label{
  font-size:10px;
  color:#757c8a;
  text-transform: uppercase;
  display:block;
  margin:0 0 5px 0;
}

.nlform input{
  width:220px;
  padding:4px;
  border:0px;
  margin:0 0 10px 0;
  background:#e5e6ea;
}

.nlform input.checkbox{
  float:left;
  width:20px;
}
.nlform label.checkbox{
  float:left;
  width:200px;
}

.nlform .btn{
  text-decoration:none;
  color:#bb0000;
  margin:20px 0 10px 0;
}
.nlform a:hover.btn{
  color:#FF0000;
}


.nlform .error{
  color:red;
  margin:10px 0 0 0;
}
.nlform .ok{
  color:green;
  margin:10px 0 0 0;
}



/* TOOLTIP
------------------------------------------------------------------------------*/

#easyTooltip {
  padding: 5px 7px;
  background: #303438;
  color:#FFF;
  font-size:11px;
  text-transform:lowercase;
  z-index: 999;
}

/* CONTEXTMENU
------------------------------------------------------------------------------*/

#jqContextMenu{
  text-align:left;
}
#jqContextMenu ul li{
  font-size:12px;
}


/* BUTTON
------------------------------------------------------------------------------*/

#content a.btn,
#content a.btn span{
  font-size:11px;
  color:#757c8a;
  text-decoration: none;
  text-transform:uppercase;
}

#content a.btn {
  background: transparent url(../images/layout/btn_r.gif) no-repeat scroll top right;
  display: block;
  float: left;
  height: 24px;
  margin-right: 6px;
  padding-right: 20px; /* sliding doors padding */
}

#content a.btn span {
  background: transparent url(../images/layout/btn_l.gif) no-repeat top left;
  display: block;
  padding: 5px 0 5px 20px;
}

#content a:hover.btn{
  color:#303438;
  background: transparent url(../images/layout/btn_r.gif) no-repeat scroll bottom right;
}
#content a:hover.btn span {
  color:#303438;
  background: transparent url(../images/layout/btn_l.gif) no-repeat bottom left;
}


#content a.btn_grey,
#content a.btn_grey span{
  font-size:11px;
  color:#757c8a;
  text-decoration: none;
  text-transform:uppercase;
}

#content a.btn_grey {
  background: transparent url(../images/layout/btn_r_grey.gif) no-repeat scroll top right;
  display: block;
  float: left;
  height: 24px;
  margin-right: 6px;
  padding-right: 20px; /* sliding doors padding */
}

#content a.btn_grey span {
  background: transparent url(../images/layout/btn_l_grey.gif) no-repeat top left;
  display: block;
  padding: 5px 0 5px 20px;
}

#content a:hover.btn_grey{
  color:#303438;
  background: transparent url(../images/layout/btn_r_grey.gif) no-repeat scroll bottom right;
}
#content a:hover.btn_grey span {
  color:#303438;
  background: transparent url(../images/layout/btn_l_grey.gif) no-repeat bottom left;
}


/* PAGINATION
------------------------------------------------------------------------------*/

#content .pagi{
  margin:30px 0 20px 0;
  clear:both;
}

#content .pagi a,
#content .pagi .current,
#content .pagi .disabled{
  background:#e5e6ea;
  padding:2px 6px;
  margin:0 5px 0 0;
  color:#919599;
  text-decoration:none;
}

#content .pagi .disabled{
  color:#c4c8ce;
}

#content .pagi .current{
  color:#333;
  background:#e4e4e4;
}


#content .pagi a:hover{
  border:0;
  color:#333;
  background:#FFF;
}

#content .pagi span.dots{
  margin:0 5px 0 0;
}


/* HEADER > MENU
------------------------------------------------------------------------------*/

#header a.logo,
#header a.logo:hover {
  background:transparent url(../images/layout/logo.png) no-repeat scroll left top;
  display:block;
  height:44px;
  margin:40px 0 0 0;
  width:216px;
  text-decoration:none;
  float:right;
}

#header ul{
	text-transform: uppercase;
	height:200px;
	margin: 0;
	padding: 0 10px 0 10px;
	list-style-type:none;
	float:left;
  background:url(../images/layout/menu/line.gif) no-repeat 0px 15px;
}

#header ul li{
  color:#FFF;
	padding:1px 0;
	font-size: 10px;
	text-transform: uppercase;
  line-height:1.6em;
}

#header ul li a,
#header ul li strike{
	font-size: 10px;
 	text-decoration:none;
	color:#444;
	text-transform: uppercase;
}

#header ul li strike{
	text-decoration:line-through;
}

#header ul li a.act{
  color:#990000;
}

#header ul li a:hover{
	color:#CCC;
	border-bottom:1px solid #444;
}

#header ul li.title{
  padding:40px 0 5px 0 ;
}

#header ul li.subtitle{
	padding:10px 0 5px 0 ;
}


#header ul.hover a{
	color:#666;
}

#header ul li a.shop{
  background:transparent url(../images/layout/menu/shop.gif) no-repeat left 2px;
  padding-left:13px;
	color:#AAA;
}

#header ul li a:hover.shop{
  background:transparent url(../images/layout/menu/shop.gif) no-repeat left -9px;
  padding-left:13px;
	color:#EEE;
  text-decoration:none;
	border:0;
}

#header ul li.tv{
  margin-top:10px;
}


#header ul li.tv a{
	color:#ffed00;
}

#header ul li a.strike{
  text-decoration: line-through;
}

/* FOOTER
------------------------------------------------------------------------------*/

#footer{
  width:960px;
  border-top:2px solid #e5e6ea;
  padding:20px 0 0 0;
}

#copy{
  width:960px;
  border-top:2px solid #e5e6ea;
  padding:20px 0;
}

#copy .copyline{
  float:left;
  color:#999;
  font-size:10px;
  text-transform:uppercase;
}
#copy .toplink{
  float:right;
}
#copy .toplink a{
  color:#999;
  font-size:10px;
  text-transform:uppercase;
  text-decoration:none;
}
#copy .toplink a:hover{
  color:#333;
}



/* ABT
------------------------------------------------------------------------------*/







