/*resetting*/
@import url("reset.css");

/* sidebar left, menu */
#sidebleft {margin-top: 17px; margin-right:16px; width: 196px; border: 1px solid #7f5122; background: #150001 }
/*   text moved to the left to make only bg-pic (logo) appear */
#sidebleft h1 {text-indent: -5678px; height: 258px; width: 196px; background: url(../imgs/echo2009_logo.jpg) no-repeat; margin-bottom: 52px;}
#sidebleft div.top {border-bottom: 1px solid #7f5122; width:196px; height: 26px; background: #0a0000}
#sidebleft div.bottom {margin-top: 102px; border-top: 1px solid #7f5122; width:196px; height: 26px; background: #0a0000}
#sidebleft h1 a {display: block; width: 100%; height: 100%;}
ul#menu, #menu li.open ul { list-style-type: none; margin: 0px;}
#menu li {list-style: none; text-indent: 0px; width: 196px; text-align: center; margin: 0px 0px; background: url(../imgs/navitrenner.jpg) center bottom no-repeat;}
#menu li a, #menu li a:visited {position: relative; display: block; height: 100%; font-size: 18px;  text-transform: uppercase; text-decoration: none; padding-top: 8px; padding-bottom: 9px; color: #d3ab54;}
#menu li a span {position: absolute; display: block; left: 0; padding: 0; width: 100%; height: 100%; background: url(../imgs/gradblack.png) 0 -10px repeat-x;}
#menu li.open a, #menu li.open a:visited {color: #d3ab54;}
#menu li.open li {margin: 0; text-align: center;text-transform: uppercase;}
#menu li.open li a, #menu li.open li a:visited {font-size: 12px; padding-left: 0px; color: #fff; text-transform: uppercase; font-weight: normal; padding-bottom: 8px;}
#menu li.open a.active {color: #fff;}

/**/
#right {width: 655px; padding: 0 0px 0 0px;}
#top, #content, #footer {margin: 0 auto;}

/* login & registering */
#log, #loggdin {background: #000; font-size: 12px;}
#log ol, loggdin ol {margin: 5px 0;}
#log li {width: 121px; margin-left: 10px; padding: 10px 0; vertical-align: middle;}
#log input {width: 120px; background: #5c1f78; color: #fff; font-weight: bold; border: none; padding: 3px 0 1px 5px; text-align: left;}
#log input.btn {margin: 0; padding: 0; background: #000 url(../imgs/btnpurpl_r.png) 75px 50% no-repeat; border: none; color: #fff; font-size: 14px; height: 28px; cursor: pointer;}
#log input.btn:hover, #log input.btn:focus {color: #c0a6cb; background: #000 url(../imgs/btnpurpl_r_ov.png) 75px 50% no-repeat;}
#log a, #log a:visited {color: white; font-size: 10px; padding-left: 20px;}
#log a:hover, #log a:focus {color: #c0a6cb;}

/* logged in */
#loggdin {padding: 5px 0; height: 30px;}
#loggdin p, #loggdin a {font-weight: bold;}
#loggdin p {float: left; font-size: 14px; color: #fff; padding: 0 10px; margin: 0; line-height: 30px;}
#loggdin ul {float: right; margin: 0; display: inline; }
#loggdin li {text-align: right; list-style: none; float: left; vertical-align: middle; margin-right: 5px; width: 130px; }
#loggdin .regrow a, #loggdin .regrow a:visited {color: white; display: block; line-height: 30px; text-decoration: none; padding: 0 30px 0 0; background: url(../imgs/btnpurpl_r.png) right 50% no-repeat;}
#loggdin .regrow a:hover, #loggdin .regrow a:focus {background: url(../imgs/btnpurpl_r_ov.png) right 50% no-repeat; color:#C0A6CB;}

/* top (start: =flash) */
/* #top {height: 457px;} */
	#top.artist {background: url(../imgs/black50transp.png);}
#top img.bigpic, #top ul.artisttxt, #top .artnom div, #top ul.fankit {display: inline; float: left; }
#top img.bigpic {width: 435px; height: 350px; border-left: 10px solid #000;}
#top img.bigpic, #top ul.artisttxt {border-bottom: 10px solid #000;}
#top ul.artisttxt {width: 200px; background: #fff; list-style: none; border-right: 10px solid #000; height: 350px; overflow: hidden;}
#top ul.artisttxt h2, #top ul.artisttxt p {padding: 0 20px; margin: 0;}
#top ul.artisttxt h2 {padding: 20px 20px 10px; font-size: 20px; text-transform: none;}
#top ul.artisttxt li {height: 270px; overflow: hidden;}
#top ul.artisttxt li.rel {height: 80px;}
#top ul.artisttxt li.rel h4 {display: block; float: left; width: 127px;}
#top ul.artisttxt li.rel a, #top ul.artisttxt li.rel a:visited {background: #000 url(../imgs/wikipedia.png); display: block; position: absolute; width: 117px; height: 45px; padding: 17px 73px 25px 20px; font-size: 18px; font-weight: bold; text-indent: 10px; color: #d4b053; line-height: 26px;}
	#top .artnom div {width: 435px; color: #fff; padding: 15px 10px 10px;}
	#top .artnom ul.fankit {padding: 30px 0px 10px 0;}
	#top .artnom ul.fankit li { width: 192px; overflow: hidden;}
	a.fk, a.bm, a.fk:visited, a.bm:visited {font-size: 12px; width: 191px; height: 29px; color: #5C1F78; display: block; text-decoration: none; font-weight: bold; line-height: 29px; padding-left: 30px;}
	a.fk, a.fk:visited {background: url(../imgs/btnfankit.png) no-repeat; }
	a.bm, a.bm:visited {background: url(../imgs/btnbookmrk.png) no-repeat;}
	a.fk:hover, a.fk:focus {background: url(../imgs/btnfankit_ov.png) no-repeat;}
	a.bm:hover, a.bm:focus {background: url(../imgs/btnbookmrk_ov.png) no-repeat;}
	#top .artnom div h2 {font-size: 12px; color: #fff; margin: 0; padding: 0; text-transform: none; font-weight: normal;}
	#top .artnom div h2 span {font-size: 32px; text-transform: uppercase; letter-spacing: 0.01em; padding-right: 10px;}
	#top .artnom div h3 {font-size: 16px; margin: 0; padding: 0;}
	#top .artnom div h2 span, #top .artnom div h3 {font-weight: bold;}
	
/*content*/
#content {margin-top: 18px;}

/*      boxes on homepage     */
.homebox {float: left;  position: relative; width: 210px; height: 210px; margin-bottom: 10px;}
.homebox.mid {width: 215px; }
.homebox h3 {display: block; margin: 0; height: 15px; width: 195px; background: url(../imgs/gradtopbox.png) repeat-y; color: #d3ab54; font-size: 13px; padding: 3px 0 2px 15px;}
.homebox p, .homebox h4 {font-size: 16px; line-height: 30px; font-weight: bold; padding: 0 15px;}
.homebox h4 {color: #d3ab54; margin-top: 0; line-height: 28px; padding-bottom: 4px;}
.homebox div {display: block; height: 175px; padding-top: 15px; background: #000; overflow: hidden;}
.homebox p, .homebox table {color: #fff;}
.homebox a.more, homebox a.more:visited {display: block; position: absolute; top: 180px; width: 160px; height: 30px;  padding-right: 50px; background: #2e103c url(../imgs/btnpurpl_r.png) 173px 50% no-repeat; text-align: right; line-height: 30px; font-size: 14px; font-weight: bold; text-decoration: none; color: #fff;}
.homebox.mid a.more, .homebox.mid a.more:visited {width: 165px; background: #2e103c url(../imgs/btnblack_r.png) 178px 50% no-repeat;}
.homebox.mid a.more:hover, .homebox.more.mid a:focus {width: 165px; background: #2e103c url(../imgs/btnblack_r_ov.png) 178px 50% no-repeat;}
.homebox p q {font-weight: bold;}
.homebox a.more:hover, .homebox a.more:focus {background: #2e103c url(../imgs/btnpurpl_r_ov.png) 173px 50% no-repeat;}




/*   Ranking Box    */
.homebox table {width: 215px; height: 165px; background: #5c1f78;}
.homebox table p {padding: 2px 0 0 10px; margin: 0;}
.homebox th {font-weight: bold; padding-left: 5px; text-align: center; background: url(../imgs/prplcircl.png) 16px 10px no-repeat;}
.homebox table tr {vertical-align: top; }
.homebox table, .homebox table p {font-size: 12px; line-height: 14px;}
.homebox table p.ylw {color: #D4B053;}
.homebox table th.pl, .homebox table th.pt, .homebox table th.un {padding: 0; height: 29px; line-height: 29px;}
.homebox table th.pl {width: 50px;}
.homebox table th.pt {width: 50px; padding-right: 10px;}
.homebox table .pl, .homebox table .pt {background: #2e103c;}
.homebox table .txtr {padding: 5px 5px 0 0; text-align: right; padding-right: 10px; font-weight: bold;}
.homebox table th.un {background: #2e103c; text-align: left; padding-left: 10px;}
.homebox table td {padding-top: 2px; border-bottom: 1px solid #2E103C; }
.homebox table th {padding-top: 13px; border-bottom: 1px solid #2e103c;}

/* countdown box */
.cd p {font-size: 14px; margin: 0;}
.cd div {padding: 0 0 15px;}
.cd div.cdgold, .cd div.ylw, .cd div.cdgold span {height: auto; padding: 0; display: inline;}
.cd p.cdtop, .homebox p.cdbot {display: block; height: 75px; overflow: hidden;}
.cd p.cdtop {border-bottom: 1px solid #5c1f78; line-height: 100px; text-align: center; font-weight: normal; padding-bottom: 20px;}
.cd p.cdtop span.cdgold {font-size: 80px; color: #E4B438; font-weight: bold; position: relative; vertical-align: middle; padding: 0; background: none;}
.cd p.cdtop span.cdgold span {background: url(../imgs/gradblack.png); display:block; top: 0; left: 0px; height:80px; padding:0; position:absolute; width:100%; height: 100%;}
.cd p.cdbot {line-height: 23px; padding: 10px 15px 10px; font-size: 13px;}
.cd p.cdbot span.ylw {color: #d4b053;}

/* tickets, redonion box */
.homebox.tick div {background: url(../imgs/gradpurpl_tb.png) repeat-x;}
.homebox.tick p, .homebox.redon p {font-size: 15px; font-weight: normal; line-height: 22px;}
.homebox.tick a, .homebox.tick a:visited, .homebox.redon a, .homebox.redon a:visited {text-indent: -7899px; top: 20px; height: 190px; width: 165px; color: #d4b053; font-size: 21px; line-height: 30px; text-align: left;  background: url(../imgs/btnpurpl_r.png) 173px 153px no-repeat;}
.homebox.redon a:hover, .homebox.redon a:focus {background: url(../imgs/btnpurpl_r_ov.png) 173px 153px no-repeat;}
.homebox.tick a, .homebox.tick a:visited {background: url(../imgs/btngold_r.png) 178px 153px no-repeat;}
.homebox.tick a:hover, .homebox.tick a:focus {background: url(../imgs/btngold_r_ov.png) 178px 153px no-repeat;}

/* screen 02 */
.txtcontent, .sidebarright {float: left; color: #d3ab54; }
.txtcontent {border: 1px solid #7f5122;}
.txtcontent a {color: #d3ab54;}
.txtcontent a:visited {color: #d3ab54;}
/* screen 02 content w text on white */
.txtcontent {width: 483px;; margin-right: 10px; background: #160100; }
.txtcontent .head {padding: 5px 20px; border-bottom: 1px solid #7f5122; font-weight: bold; background: #0a0000}
.txtcontent .foot {padding: 5px 20px; border-top: 1px solid #7f5122; font-weight: bold; background: #0a0000}
.txtcontent .content { padding: 10px 20px 30px; background: #150001;}
.txtcontent .content img.border {border:1px solid #7e5122;}
.txtcontent .content p {  line-height: 22px;}
.txtcontent .content h2 {color: #fff; border-bottom: 1px solid #7f5122; font-size: 20px; font-weight:normal; clear:both;}
.txtcontent .content ul.picntxt, .txtcontent .content ul.picntxt p, .txtcontent .content h3.picntxt, .sidebarright ul, .sidebarright ol {margin: 0; padding: 0;}
.txtcontent .content ul.picntxt{display:block;clear:both; }
.txtcontent .content ul.picntxt li, .sidebarright li {list-style-type:none; clear: both;  padding-top: 20px;}
.txtcontent .content ul.picntxt li{list-style-type:none; clear: both;  padding-top: 0px; }
.txtcontent .content ul.picntxt li a img {float: left; margin-right: 10px; margin-bottom: 30px; border: 1px solid #000;}
.txtcontent .content ul.picntxt li h4 , .txtcontent ul.picntxt li h4 {color: #ffffff; padding: 0 12px 0 0;}
	/* f*** IE : */
.txtcontent .content ul.picntxt li h4 {display: inline; zoom: 1; padding: 0; margin: 0;}

/* screen 02 sidebar right general*/
.sidebarright li div {padding: 0px; margin: 0px;}
.sidebarright li {display: block; position: relative; width: 160px; padding: 0; margin-bottom: 10px;}
.sidebarright li.full * {padding: 0;}
.sidebarright li li {width: auto;}
.sidebarright li h4 {padding: 10px 10px 2px;}
.sidebarright p {padding: 0 10px; margin: 0; font-size: 18px; line-height: 24px;}
.sidebarright img {padding-left:4px;}
.sidebarright img.linkimg {padding: 0;}
.sidebarright p, .sidebarright li a, .sidebarright li a:visited {text-decoration: none; color: #fff;}
.sidebarright h4, .sidebarright h4 a, .sidebarright h4 a:visited {font-size: 18px; color: #d4b053;}
.sidebarright h5 {font-size: 14px;}

/*screen 02 sidebar login */
.sidebarright form#loginro {color: #fff;}
.sidebarright form#loginro h4 {margin-bottom: 0; padding-bottom: 0;}
.sidebarright form#loginro p, .sidebarright .cd p {font-size: 12px;}
.sidebarright form#loginro input {font-weight:bold; margin-left: 10px; padding:3px 0 1px 5px; width: 133px; border: 1px solid #fff; background: #000; color: #fff;}
.sidebarright form#loginro input.btn {width: 140px; padding: 0 30px; background: #000 url(../imgs/btnpurpl_r.png) right 50% no-repeat; border: none; color: #fff; font-size: 14px; height: 28px; cursor: pointer; text-align: right;}
.sidebarright form#loginro input.btn:hover, .sidebarright form#loginro input.btn:focus {color: #c0a6cb; background: #000 url(../imgs/btnpurpl_r_ov.png) right 50% no-repeat;}

/*screen 02 sidebar countdown */
.sidebarright .cd p.cdtop {border: none; background: url(../imgs/gradpurpl_tb.png) repeat-x 50%;}
.sidebarright .cd p.cdtop span.cdgold {font-size: 60px;}

/*screen 02 sidebar ticketkauf */
.sidebarright li h3 a, .sidebarright li h3 a:visited {display: block; padding: 20px 10px; background:transparent url(../imgs/btngold_r.png) no-repeat 90% 90%; font-size: 22px; font-weight: bold;}
.sidebarright li h3 a:hover, .sidebarright li h3 a:focus {background:transparent url(../imgs/btngold_r_ov.png) no-repeat 90% 90%;}

/*screen 04 ranking + 3 boxes sidebar */
table.ranking {display: block; float: left;}
table.ranking {width: 435px; margin: 10px 10px 0 0; color: #fff; font-size: 15px; font-weight: bold; line-height: 36px; background: #5c1f78 url(../imgs/bgranktable.png) repeat-x bottom; border: none;}
table.ranking th {margin: 0 auto; text-align: center; font-weight: bold; text-transform: uppercase; vertical-align: baseline; border-bottom: 1px solid #000; background: url(../imgs/bgcircl_rankg.png) 50% 50% no-repeat;}
* html table.ranking th { background-image: url(../imgs/bgcircl_rankg_ie.png);}
table.ranking td {border-bottom: 1px solid #000;}
table.ranking a, table.ranking a:visited {color: #fff; display: block; text-decoration: none; }
table.ranking .un {text-align: left;}
table.ranking th.pl, table.ranking th.pt, table.ranking th.ls {width: 70px; background: #2e0f32; color: #d4b053; border: none;}
table.ranking th.un {width: 185px; background: #2e0f32; font-size: 19px; color: #d4b053; border: none; padding-left: 10px;}
table.ranking th.art {width: 245px; background: #2e0f32; font-size: 19px; color: #d4b053; border: none; padding-left: 10px;}
table.ranking td.un a, table.ranking td.un a:visited {background: url(../imgs/arrwhite_dn.png) no-repeat 10px 50%; padding-left: 22px;}
table.ranking td.un a:hover, table.ranking td.un a:focus {background: #8035a3 url(../imgs/arrwhite_dn.png) no-repeat 10px 50%;}
table.ranking td {text-align: center;}
table.ranking td.pagin {border: none; }
table.ranking td.all a, table.ranking td.all a:visited {display: block; background: #000 url(../imgs/btnblack_r.png) 390px 50% no-repeat; text-align: right; padding-right: 50px;}
table.ranking td.all a:hover, table.ranking td.all a:focus {background: #2e103c url(../imgs/btnblack_r_ov.png) 390px 50% no-repeat;}

/* pagination */
td.pagin {padding: 4px 0px; text-align: center; background: #48185e url(../imgs/bgpagin.png) no-repeat 50% 50%; }
ul.pagin { width: 308px;  padding:0px; margin:0px auto;text-align: center; }
ul.pagin li {margin: 0; padding: 3px 0; width: 28px; height: 28px; vertical-align: middle; }
.pagin a, .pagin a:visited {float: left; padding: 0; width: 28px; height: 18px; line-height: 20px; overflow: hidden; border-top: 1px solid #2e0f32; border-bottom: 1px solid #2e0f32; margin-top: 4px;}
.pagin a:hover, .pagin a:focus {background-color: #48185e}
.pagin a.back, .pagin a.forw, .pagin a.back:visited, .pagin a.forw:visited {border: none; height: 28px; text-indent: -8978px; margin: 0;}
.pagin a.back, .pagin a.back:visited {background: url(../imgs/btnpurpl_l.png) no-repeat;}
.pagin a.forw, .pagin a.forw:visited {background: url(../imgs/btnpurpl_r.png) no-repeat;}
.pagin a.back:hover, .pagin a.back:focus {background: url(../imgs/btnpurpl_l_ov.png) no-repeat;}
.pagin a.forw:hover, .pagin a.forw:focus {background: url(../imgs/btnpurpl_r_ov.png) no-repeat;}
	/* screen 04 sidebar */
.sidebarright.rankingsideb {margin-top: 10px;}
.sidebarright.rankingsideb div {width: 210px;}
.sidebarright li.white, .sidebarright div.white {background: #fff;}
.sidebarright div.white h4 {color: #5C1F78;}
.sidebarright a.flickr, .sidebarright .flickr a.flickr:visited {display: block; width:200px;height: 120px; background: #000 url(../imgs/flickr.png) 50% 50% no-repeat;}
.sidebarright li a.flickr2, .sidebarright li.flickr2 a.flickr2:visited {display: block; height: 120px; background: #000 url(../imgs/flickr.png) 50% 50% no-repeat;}
.sidebarright a.flickr2, .sidebarright .flickr2 a.flickr2:visited {display: block; height: 120px; background: #000 url(../imgs/flickr.png) 50% 50% no-repeat;}

/* buy Music */
.sidebarright div#buy_music_big h4 { width:180px; padding-top: 20px;}
.sidebarright div#buy_music_big h5 { float:left;width:100px; color:#000000; }
.sidebarright div#buy_music_big img.cover {float: left; margin: 0 10px 10px 10px; padding: 0;}
.sidebarright div#buy_music_big p { width:180px; padding: 5px 10px}
.sidebarright div#buy_music_big p img {margin-right: 10px;}

/* buy Music */
.sidebarright div#buy_music h4 {padding-bottom: 20px;}
.sidebarright div#buy_music h5 { float:left;width:100px; color:#000000; }
.sidebarright div#buy_music img.cover {float: left; margin: 0 10px 10px 10px; padding: 0;}
.sidebarright div#buy_music p {clear: left; padding: 5px 10px; color:#000000;  }
.sidebarright div#buy_music p img {margin-right: 10px;}

	
/* presse*/
.sidebarright .nospace {background-color:#ffffff; padding:0px; margin:0px;}
.sidebarright div#ext_presse a.black {color: #000000;}
.sidebarright div#ext_presse {margin:0px;padding:0px;}
.sidebarright div#ext_presse { width:160px; margin:0px; padding:0px}
.sidebarright div#ext_presse h2 {  padding: 10px 10px 0px 10px; font-size:16px;}
.sidebarright div#ext_presse p { font-size:10px; color: #000000; line-height:13px;}

/* screen 04 steffens Links */
.addlinks {width: 655px; background: #fff; margin-bottom: 10px;}
.addlinks td {border-top: solid 1px #000;  margin: 0;}
.addlinks th {margin: 0; padding: 20px 20px 10px; font-weight: bold; vertical-align: baseline;}
 .addlinks th.first {width: 20px;}
 th.last {width: 100px;}
.addlinks th h3 {margin: 12px 0 0; line-height: 15px; font-size: 16px;}
.addlinks th h3 span {color: #5C1F78;}
.addlinks td {padding: 10px 20px;}
.addlinks td {font-size: 15px;}
.addlinks .webpic img {border: 1px solid #000;}
.addlinks a, .addlinks a:visited {padding-left: 10px; font-weight: bold; text-decoration: none; color: #000; font-size: 15px;}
.addlinks a:hover, .addlinks a:focus {color: #5C1F78;}
.addlinks .webpic a:hover img, .addlinks .first a:focus img {border-color: #5C1F78;}

/*screen 05 admin */
#admintop {background:#5C1F78 url(../imgs/bgranktable.png) repeat-x scroll center bottom; padding-bottom: 30px; margin-bottom: 10px;}
#admintop h2, #admintop h3 {color: #d4b053; font-weight: bold;}
#admintop h2 {font-size: 22px; padding: 20px 20px 0; margin: 0 0 7px;}
#admintop p {font-size: 15px; line-height: 22px; padding: 0 20px; color: #fff;}
#admintop h3 {font-size: 18px; line-height: 42px; position: relative; padding-left: 50px; margin: 0;}
#admintop h3 span {position: absolute; left: 0; display: block; font-size: 22px; text-align: center; background: url(../imgs/bgcirclwh40.png) no-repeat; width: 40px; height: 40px;}
#admintop li {clear: both; list-style: none; margin: 0; padding: 10px 20px 20px; border-top: 1px solid #5C1F78;}
#admintop li ul {padding: 10px 0 30px;}
#admintop li ul li {clear: none; border: none; float: left; display: inline; padding: 0 10px;}
#admintop li ul.fankit li {width: 185px; overflow: hidden;}
#admintop li ul.fankit li.selartist {text-align: right; }
#admintop li ul.linkupload {padding-left: 50px;}
#admintop li ul.linkupload li {width: 250px; color:#fff;}
#admintop li ul.linkupload li input {width: 200px;font-size: 14px;}
#admintop li ul.linkupload li input[type="file"] {width: 150px; background: #000; font-size: 12px; padding: 0 10px;}
#admintop a.linkadd, #admintop a.linkadd:visited {display: block; position: absolute; margin: 0 245px; width: 165px; height: 50px; padding-top: 15px; background: url(../imgs/btnaddlink.png) no-repeat; color: #fff; text-decoration: none; font-weight: bold; text-align: center;}
#admintop a.linkadd:hover, #admintop a.linkadd:focus {background: url(../imgs/btnaddlink_ov.png) 50% 1px no-repeat;}
	 /* added links table */
.addlinks.adminlinks th img {float: left; padding-right: 20px;}
.addlinks.adminlinks th.brdrtop {border-top: 1px solid #5C1F78;}
.addlinks.adminlinks td {padding: 10px 0;}
.addlinks.adminlinks td.nr {width: 50px; padding: 10px 0 10px 15px; color: #fff; font-weight: bold;  text-align: center; background:transparent url(../imgs/bgcircl_rankg.png) no-repeat 25px 17px;}
* html .addlinks.adminlinks td.nr {background-image: url(../imgs/bgcircl_rankg_fff_ie.png);}


/* screen 06 Best Fan Start */
/* top anouncement */
#bestfantop {background: url(../imgs/bgbestfan.jpg); display: block;position: relative; width: 490px; height: 135px; line-height: 45px; padding: 25px 130px 25px 35px; color: #fff;}
#bestfantop.bftreg {height: 145px;}
#bestfantop h2 {font-size: 30px; font-weight: bold; color: #fff; text-transform: none; margin: 0;}
#bestfantop p {font-size: 25px; line-height: 45px;}
#bestfantop div {position: absolute; top: 120px; right: 80px; background: url(../imgs/black50transp.png); line-height: 40px; padding: 0 30px 0 0; width: 225px;}
#bestfantop div a, #bestfantop div a:visited {display: block; padding: 0 40px 0 60px; color: #d4b053; text-transform: uppercase; text-decoration: none; font-size: 13px; font-weight: bold; background: url(../imgs/btngold_r.png) right 50% no-repeat;}

/* table ranking */
.sort, .ranksearch {display: block; float: left; height: 29px; line-height: 29px; padding: 10px 0 9px;}
.sort {background: #2E0F32; width: 280px; overflow: hidden; white-space: nowrap;}
.sort a, sort a:visited {text-align: center; line-height: 29px; text-decoration: none; color: #2E0F32; display: block; width: 124px; height: 29px; margin: 0 10px 0 6px;background: url(../imgs/btnsort.png) no-repeat;}
.sort a:hover, sort a:focus {background: url(../imgs/btnsort_ov.png) no-repeat;}
.ranksearch {background: #5C1F78; width: 375px;}
.ranksearch li, .sort a {float: left; display: inline;} 
.ranksearch li.selartist {padding: 0px 0 0 20px; width: 160px;}
* html .ranksearch li.selartist {padding-top: 0px;}
.ranksearch li.search input[type="text"] {width: 140px; font-size: 14px;}
.ranksearch li.selartist select {width: 140px; font-size: 14px;}
table.ranking.bigranking {width: 655px; font-size: 13px; margin: 0 0 20px; border-bottom: 10px solid #000; border-top: solid 1px #5C1F78;}
table.ranking.bigranking th, table.ranking.bigranking td {padding: 0 10px; text-align: left;}
table.bigranking th.art, table.bigranking th.dt, table.bigranking th.un, table.bigranking th.last {background:#2E0F32 none repeat scroll 0 0; border:medium none; color:#D4B053; font-size: 13px;}
table.bigranking th.first, table.bigranking td.first {color: #fff; text-align: center;}
table.bigranking td.first {font-size: 17px; background:transparent url(../imgs/bgcircl_rankg.png) no-repeat 23px 10px;}
* html table.bigranking td.first { background-image: url(../imgs/bgcircl_rankg_ie.png);}
table.ranking td.pagin {padding:4px 0;}
table.bigranking td {height: 50px;}
table.ranking.bigranking td ol.pagin {margin: 0 242px 0 244px;}

/* screen 07 register form */
.txtcontent.registerform {width: 395px; margin: 0 10px 20px 0;}
.txtcontent.registerform h3, .txtcontent.registerform form p, .txtcontent.registerform form p.agb a  {font-weight: bold; color: #5C1F78}
.txtcontent.registerform h3 {font-size: 22px; margin: 0 0 12px;}
.txtcontent.registerform p {margin: 0;}
.txtcontent.registerform form {padding: 0 50px;}
.txtcontent.registerform form p {margin: 14px 0 0; font-size: 14px; }
.txtcontent.registerform form input.text {width: 280px; border: 1px solid #5C1F78;}
.txtcontent.registerform p.agb {color: #000; font-weight: normal;}
.txtcontent.registerform p.subm {display: block; width: 280px; text-align: right;}
/* register form sidebar */
.sidebarright div.steps {padding: 20px 20px 0 20px; width: 170px; font-weight: bold;}
.sidebarright .steps ol li { display: block; height: 50px; font-size: 15px; color: #d4b053; width: 120px; padding: 20px 0 0 50px; vertical-align: middle; margin: 0;}
.sidebarright .steps ol li span {position: absolute; text-align: center; left: 5px; top: 50%; background: url(../imgs/bgcirclylw.png) no-repeat; color: #000; width: 31px; height: 31px; line-height: 33px; margin-top: -15px;}
	/* active step */
.sidebarright.regsideb {margin: 0;}
.sidebarright.regsideb .steps ol li.act {font-size: 18px; color: #fff;}
.sidebarright.regsideb .steps ol li.act span {color: #5C1F78; left: 0; background: url(../imgs/bgcirclwh40_000.png) no-repeat; width: 41px; height: 41px; line-height: 43px; margin-top: -13px;}
.sidebarright.regsideb div.rulz, .sidebarright.regsideb div.prize {padding: 20px 20px 10px; width: 170px; position: relative;}
.sidebarright.regsideb div h4, .sidebarright.regsideb div p {margin: 0; padding: 0;}
.sidebarright.regsideb div h4 {font-size: 22px;}
.sidebarright.regsideb div.prize p, .sidebarright.regsideb div.rulz p {font-size: 16px; line-height: 23px; padding-top: 20px;}
.sidebarright.regsideb div.rulz a.rulz, .sidebarright.regsideb div.rulz a.rulz:visited, .sidebarright.regsideb div.prize a.prize, .sidebarright.regsideb div.prize a.prize:visited {position: absolute; display: block; top: 0; left: 0;  padding: 20px; width: 170px;}
.sidebarright.regsideb div.rulz a.rulz, .sidebarright.regsideb div.rulz a.rulz:visited {height: 50px; height: 30px; background: url(../imgs/btngold_r.png) 170px 10px no-repeat;}
.sidebarright.regsideb div.prize {background: url(../imgs/bgprize.png) no-repeat; height: 73px;}
.sidebarright.regsideb div a.prize, .sidebarright.regsideb div a.prize:visited {height: 60px;}

/*   footer */
#footer {margin: 10px 0px 30px 0px; padding: 10px 0px 20px 0px; background-color:#000000; text-align:center; border: 1px solid #7f5122; }
#footer ul {margin: 0px auto 0px auto; padding: 10px 0px 0px 0px;}
#footer ul.ftmenu li {height: 26px;text-transform: uppercase;}
#footer ul.ftmenu li a, #footer li ul.ftmenu a:visited { margin: 0 10px 0 0; padding: 5px 10px 2px 10px; text-align: center; font-size: 14px; color: #d3ab54; text-decoration: none; font-weight: bold;}
#footer ul.ftmenu li a:hover, #footer ul.ftmenu li a:focus { color: #d3ab54;}
#footer ul.ftmenu li.metapunkt {background: url(../imgs/footertrenner.jpg) top right no-repeat;}
#footer ul.ftspons {float: right;}
#footer ul.ftspons li {display: block; float: left; width: 104px; height: 60px;  margin-left: 10px; padding: 4px 8px 0; font-size: 11px; text-transform: uppercase; color: #fff; text-align: right;}
#footer ul.ftspons li p {text-align: left; margin: 0; padding: 0;}

#footer_logos { margin:10px; }

/*more general*/
.clear {clear: both;}
.hor li{display: inline;list-style: none; }
.txtr {text-align: right;}
.ylw {color: #d4b053;}
.rel {position: relative;}
.block { display: block;}

/*forms*/
input,textarea,select{font-size:13px;}