/*
	(c) Super-Fi 2009
*/




* {
	margin: 0;
}
html, body {
	height: 100%;
}
#main {
	width: 962px;
	text-align: left;
	position: relative;
	padding: 0;	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -170px; /* the bottom margin is the negative value of the footer's height */
}


#swoosh {
	width: 139px;
	height: 420px;
	background: transparent url(../i/bg_swoosh.png);
	position: absolute;
	left: 0;
	top: 0;	
}


body {
	margin: 0;
	padding: 0;
    font-family: Arial, sans-serif;
    font-size: 13px;
    line-height: 1.3em;
	text-align: center;
	color: #8b8b8b;
	background: #000 url(../i/bg_main.png) repeat center 0;
}


.gelb, #startteaser a.gelb {color: #FFD200; }


/* main verlauf */


h1,h2,h3,h4,h5 {
	padding: 0;
	margin: 0 0 1em 0;	
}


h1, h2 {
	background: transparent url(../i/bg_h1.png)	no-repeat 0 0;
	padding: 0;
	font-size: 18px;
	line-height: 18px;
	color: #ffe129;
	width: 609px;
	position: relative;
	left: -11px;
	top: -11px;
	padding: 10px 19px;
}

h2 {
	color: #fff;
	font-weight:normal;
	font-size: 14px;
	text-transform: uppercase;
	
}

h3 {
	color: #ffe129;	
}


h3 span {
	color: #fff;	
}

#right h1 {
	background: transparent url(../i/bg_h1_rt.png)	no-repeat 0 0;
	width: 282px;
	left: -12px;
}


#right #nomlist li {
	text-transform: uppercase;	
}
h1 img {
	display: block;	
}




.error {
	color: #fcc300;
}


body, textarea {
	font-family: Arial, Helvetica, sans-serif;	
}


#header {
	height: 192px;
	width: 1000px;
	margin: 0 auto;
/*	background: transparent url(../i/bg_header.png) no-repeat right top;	*/
}


p, ul {
	margin: 0 0 1em 0;
}
ul {
	padding-left: 15px;
}

#normal ul, #right #nomlist ul {
	list-style-image: url(../i/bullet.gif);
	padding-left: 28px;
}

#right #nomlist li {
	padding-left: 6px;	
}
#normal ul li {
	padding-bottom: 5px;	
}
#normal ul ul {
	list-style-image: none;
	list-style-type: disc;
	padding-left: 15px;
	margin-top: 3px;
}

img {
	border: 0;
	margin: 0;
	padding: 0;
}


div, form, html, fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

table,td {
	padding: 0;
	margin: 0;
	border: 0;
}


#normal td {
	padding-right: 15px;	
}
td.kategorie {
	color: #fff;
}

legend {
	display: none;	
}

a {
	font-family: Arial,sans-serif;
	font-weight: bold;
	text-decoration: none;
	color: #fcc300;
}
a:hover {
	text-decoration: underline;	
}


ul.nobullet ul, ul#metamenu, #normal ul.nobullet {
	list-style-type: none;
	list-style-image: none;
	margin: 0 0 1em 0;	
	padding-left: 15px;
}
ul.vert li, ol.vert li,  ul.buttons li,  ul.plainbuttons li, ul#metamenu li {
	display: inline;	
}
ul.vert a, ol.vert a, ul.buttons a, ul#metamenu li  {
	float: left;	
}
.block {
	display: block;	
}



#footer ul {
	width: 131px;
	position: absolute;
	right: 0;
	top: 33px;
}

#footer li a {
	float: left;
	display: block;
	padding-left: 10px;	
	font-weight: normal;
	color: #323232;
}



#normal {
	padding: 0 16px 0 0;
	width: 642px;
	float: left;
}


#bigteaser {
	clear: both;
	width: 960px;
	background: transparent url(../i/bg_bigteaser.jpg) no-repeat 0 0;
	height: 301px;
	margin-bottom: 17px;
	position: relative;
}

.box {
	border: 1px solid #323232;
	background: #121212;
	padding: 7px;
	margin-bottom: 16px;
}

.pbox {
	background: #121212;	
	padding: 0 12px 9px;
	margin: 10px 0 0 0;
	background: transparent url(../i/bg_pbox.png) repeat-y 0 0;
}
.pboxbottom {
	background: transparent url(../i/bg_pboxbottom.png) no-repeat 0 0;
	height: 23px;
	margin-bottom: 23px;	
}
#right .pbox {
	background: transparent url(../i/bg_pbox_rt.png) repeat-y 0 0;
}
#right .pboxbottom {
	background: transparent url(../i/bg_pboxbottom_rt.png) no-repeat 0 0;
	margin-bottom: 3px;	
}


.rradial {
	background: #121212 url(../i/bg_rradial.jpg) no-repeat right bottom;	
}

ul#startmenu {
	margin: 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 0;
	width: 377px;
	height: 300px;
	background: transparent url(../i/bg_startmenu.png) no-repeat 0 0;
}
ul#startmenu li {
	padding: 0;
	width: 377px;
	margin: 0;
	list-style: none;
}

ul#startmenu li a {
	display: block;
	width: 350px;
	clear: both;
	float: right;
	height: 50px;
	overflow: hidden;
	text-indent: -400px;
}

#startteaser {
/*	background: #121212 url(../i/bg_tsr_start.jpg) no-repeat 0 0;	*/
	background: #161616;
	width: 630px;
	height: 353px;
	padding: 0;
	position: relative;
	font-size: 14px;
	line-height: 15px;
}
#startteaser div {
	position: absolute;
	left: 20px;
	top: 244px;
	width: 435px;
	padding-top: 16px;
}
#startteaser div a {
	font-weight: normal;
	color: #fff;
}
#startteaser div a:hover {
	font-weight: normal;
	text-decoration: none;
	color: #fcc300;	
}
#startteaser img {
	position: absolute;	
}
#startteaser p {
	margin-bottom: 1em;
}


.clear {
	clear: both;
	height: 1px;
	width: 0;
	overflow: hidden;
}


#right {
	width: 304px;
	float: left;
	position: relative;
	margin: 0;
}
.center, .timeline li.pic {
	text-align: center;	
}

.block {
	display: block;	
}


#menu {
	width: 960px;
	height: 70px;
	overflow: hidden;
	clear: both;	
}
#menu ul {
	padding: 0;
	margin: 0;
}


.max {
	width: 100%;	
}



hr {
	display: none;		
}
.hr {
	height: 3px;
	background: transparent url(../i/bg_h1.gif)	repeat 0 0;
	margin-bottom: 16px;	
	float: none;
	clear: both;
}

.news {
	min-height: 140px;
	position: relative;
	margin-right: -1px;	
}


.news, .entry {
	position: relative;
	padding-bottom: 10px;
}
.news .image a, .entry .image a {
	padding: 3px;
	border: 1px solid #363636;
	display: block;
	width: 132px;	
	margin-bottom: 10px;
}
.entry .image a.video {
	border: 0;
	padding: 0;	
}
.news .image img, .entry .image img {
	display: block;	
}

.news .image, .entry .image {
	float: left;	
	width: 161px;
}
.news .text, .entry .text {
	float: left;	
	width: 451px;
}
.entry .image a {
	margin-bottom: 16px;	
}

.news em, .entry em {
	color: #363636;
	font-style: normal;
	display: block;
	height: 24px;
}
.entry em {
	text-transform: uppercase;	
}
.entry em strong {
	color: #8b8b8b;	
}


div#twitter {
	background: transparent url(../i/bg_twitterbody.png) repeat-y 0 0;
	color: #000;
	border: 0;
	position: relative;
	margin: 0;
}
div#twitter li a {
	color: #fff;
	font-style: italic;
	font-size: 16px;
	font-family: Georgia, serif;
}
div#twitter a {
	color: #fff;	
}


#right h1.twitter {
	background: transparent url(../i/bg_twitter.png) no-repeat 0 0;
	overflow: hidden;
	width: 304px;
	height: 41px;
	margin: 0;
	left: 0;
	top: 0;
	padding: 8px 0 0 8px;
}
#twitter ul {
	list-style-type:  none;	
	margin: 0;
	padding-left: 8px;
}

h1.twitter span {
	display: block;
	overflow: hidden;
	text-indent: -4000px;	
}
div.twitterbottom {
	height: 36px;
	background: transparent url(../i/bg_twitterbottom.png) no-repeat 0 0;	
}

div#twitter a.button, .news a.button, .news a.mehr {
	position: absolute;
	right: 6px;
	bottom: 6px;
}

div#twitter a.button {
	border-color: #0a8196;
	background: #0a8196 url(../i/bg_button_twitter.gif) repeat 0 0;
	color: #fff;
}
a.button.download {
	width: 84px;	
}

.teaser {
	margin-bottom: 16px;	
}

#right .teaser {
	border: 1px solid #333333;		
}

.alright {
	text-align: right;	
}
.nomargin {
	margin: 0;	
}

#footer {
	height: 170px;
	background: #141414;
	text-align: left;
	border-top: 1px solid #333333;
	background: #151515 url(../i/bg_footer.png) repeat-x 0 0;
}

#footer, .push {
	height: 170px; /* .push must be the same height as .footer */
}



#footer #meta {
	margin: 0 auto;
	padding-top: 26px;
	width: 952px;
	position: relative;	
}

#login {
	height: 344px;	
}
#footer .hr {
	margin-bottom: 8px;	
}

.detail .hr {
	margin-bottom: 4px;
}


#logo {
	position: absolute;
	top: 50px;
	left: -116px;
}


a.button {
	display: block;
	color: #161616;
	background: #ffd200 url(../i/bg_submenu.png) repeat 0 center;
	border: 1px solid #ffd200;
	padding: 3px 5px;
	width: 54px;
	font-style: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}
a.button:hover {
	text-decoration: none;
	color: #000;	
}



form input, textarea {
	border: 2px solid #323232;
	background: #fff;
	color: #161616;
	font-size: 12px;
	padding: 2px 4px;
	font-family: Arial, sans-serif;
}

input.input, textarea.input {
	width: 300px;	
}

ul#socials {
	padding: 0;
	margin: 15px 0 0 25px;
	height: 40px;
}

ul#socials a {
	margin-right: 15px;	
}

#submenu {
	height: 45px;
	background: transparent url(../i/bg_submenu.png) repeat-x 0 0;
	margin: 0;
	clear: both;
	overflow: hidden;
}

#submenu ul {
	padding: 0;
}

#submenu li a {
	color: #232323;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 10px;
	line-height: 13px;
	padding: 8px 25px 8px 20px;
	font-weight: bold;
	background: transparent url(../i/bg_submenu_a.png) no-repeat right 0;
}
#submenu li.active a {
	color: #fff;
}


.panel .box {
	float: left;
	width: 283px;
	margin-right: 16px;	
}
.panel {
	width: 640px;
	overflow: hidden;
	margin-right: -20px;
}
.panelwrap {
	overflow: hidden;	
}

#widgen {
	border: 1px solid #fcc300;
	font-size: 12px;
	width: 602px;
}

input.submit {
	background: #fff url(../i/bg_submit.gif) repeat 0 0;
	font-weight: bold;
	text-transform: uppercase;	
}

.alright {
	text-align: right;	
}

#presslogin {
	margin-top: -16px;
	padding: 4px 8px;
	text-align: right;
}


/* sr feuser registration */
.tx-srfeuserregister-pi1 input {padding: 2px;}
.tx-srfeuserregister-pi1 p {padding: 3px;}


#nominees ul {
	height: 132px;
	
}
#nominees li a {
	color: #8b8b8b;
	margin: 0 4px 4px 0;
	font-size: 13px;
	padding: 6px 0;
	width: 200px;
	font-weight: normal;
	background: transparent url(../i/bg_cats.gif) repeat-x 0 center;
	border: 1px solid #232323;
	text-align: center;
}
#nominees  li.active a {
	background: #ffd200 url(../i/bg_cats_hi.gif) repeat 0 center;
	border: 1px solid #ffd200;
	color: #fff;
}
#nominees ul {
	margin: 0 0 0 2px;
	padding: 0;
	width: 800px;	
}
#nominees h1 {
	width: 614px;
}
#nominees .entry h1 {
	color: #FFD200;
	text-transform: uppercase;
}

#support div {
	position: absolute;
	top: 20px;
}
#support.box {
	background: #fff;
	height: 190px;
	color: #8b8b8b;	
	position: relative;
}
#support.box h1 span {
	background: #fff;
	color: #8b8b8b;	
}
#support.box h1 {
	background: #fff url(../i/bg_h1support.gif) repeat 0 0;	
}

#a1 {
	position: absolute;
	top: 56px;
	left: 369px;
	width: 755px;
	height: 86px;
}

#right .box div.image {
	margin: -5px -7px -7px;	
}


.numpager {
	height: 30px;	
}

#normal .numpager ul {
	padding: 0px;
	list-style-type: none;	
}

.numpager a {
	float: left;	
	display: block;
	margin-right: 2px;
}


.numpager a.page {
	padding: 3px 5px;
	text-align: center;
	font-size: 12px;
	line-height: 12px;
	border: 1px solid #363636;
}

.numpager a.active {
	width: 10px;
}

.numpager a.active {
	display: block;
	color: #161616;
	background: #ffd200 url(../i/bg_submenu.png) repeat 0 center;
	border: 1px solid #ffd200;
	padding: 3px 5px;
	font-style: normal;
	font-size: 12px;
	line-height: 12px;
	text-align: center;
}


#gallery {
	width: 600px;
	margin: 0;
	padding: 0;		
}

#gallery li a {
	display: block;
	border: 1px solid #323232;
	margin: 0 6px 6px 0;
}
#gallery li a:hover {
	border-color: #FFD200;	
}
.twitterlink {
	display: block;
	padding-left: 10px;
}

#fav-artist {
	background: #ffd108;
	font-size: 12px;
	width: 240px;	
}

.disabled {
	color: #FFD200
}