@import url("./start.css");

body, html {
	margin: 0;
	padding: 0;
}

body {
	background-color: #eaeaea;
	font-family: arial, sans-serif;
	font-size: 12px;
	color: #333;
}

form, input, select { margin: 0; padding: 0 }

.left { float: left }
.right { float: right }
.clear { clear: both }
.center { text-align: center }
.error {color: #C00; font-weight: bold }

p,h1,h2,h3,form,ul { margin: 0; padding: 0 } 

a:link,
a:visited {
	text-decoration: none;
	color: #c00
}
a:hover,
a:active {
	text-decoration: underline;
	color: #333;
}

img { border: 0 }

/* Header */
#header {
	position: relative;
	display: block;
	height: 145px;
	width: 100%;
	background-color: #55bdbd;
	border-top: 5px solid #c00;
	margin-bottom: 20px;
}

#banner1 {
	position: absolute;
	left: 330px;
	top: 30px
}

#logo {
	z-index: 3;
	margin: 10px 0 0 40px;
}
#nav {
	margin-left: 40px;
	margin-top: -5px;
	height: 29px;
	width: 525px;
	display: block;
	background: transparent url("../_img/nav.gif") no-repeat 0px -29px
}
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#nav li {
	display: inline;
	height: 29px;
}
#nav li span { display: none }
#nav a { 
	float: left; 
	height: 29px;
	display: block
}

#nav1 a:link,
#nav1 a:visited {
	width: 106px;
	background: transparent url("../_img/nav.gif") no-repeat 0px -29px
}
#nav1 a:hover,
#nav1 a:active,
#nav1 a.active {
	background-position: 0px 0px
}

#nav2 a:link,
#nav2 a:visited  {
	width: 78px;
	background: transparent url("../_img/nav.gif") no-repeat -106px -29px
}
#nav2 a:hover,
#nav2 a:active,
#nav2 a.active {
	background-position: -106px 0px
}

#nav3 a:link,
#nav3 a:visited  {
	width: 154px;
	background: transparent url("../_img/nav.gif") no-repeat -184px -29px
}
#nav3 a:hover,
#nav3 a:active,
#nav3 a.active {
	background-position: -184px 0px
}

#nav4 a:link,
#nav4 a:visited  {
	width: 95px;
	background: transparent url("../_img/nav.gif") no-repeat -338px -29px
}

#nav4 a:hover,
#nav4 a:active,
#nav4 a.active {
	background-position: -338px 0px
}

#nav5 a:link,
#nav5 a:visited  {
	width: 91px;
	background: transparent url("../_img/nav.gif") no-repeat -433px 0px
}

#nav5 a:hover,
#nav5 a:active,
#nav5 a.active {
	background-position: -433px -29px
}


form {
	margin: 0;
	padding: 0;
}
fieldset { border: none }
#search {
	position: absolute;
	bottom: -20px;
	left: 750px;
	background: transparent url("../_img/search1.gif") no-repeat;
}
#searchbar {
	float: left;
	margin-left: -15px;
	margin-right: -12px;
	padding: 3px 1px 1px 15px;
	width: 149px;
	height: 22px;
	background-color: transparent;
	border: none;
}
#searchbutton {
	float: left;
	margin-top: -4px
}

#site {
	float: left;
	width: 900px;
	padding-left: 40px;
}



/* Content */

#contentOLD {	
	clear: both;
	float: left;
	width: 850px;
	padding: 30px;
	border: 5px solid #C00;
	border-width: 5px 0 5px 0;
	background-color: #EEE; 
	voice-family: "\"}\""; 
	voice-family: inherit; 
	width: 790px
}

#site select {
	vertical-align: middle;
	width: 180px; 
	margin-left: 20px
}

.tops {
	float: left;
	width: 262px;
	padding: 0 0 10px 0;
	margin: 0 0 30px 0;
	background-color: #FFF;
	border: 1px solid #eee;
	border-width: 0 1px 0 0; 
	position: relative
}

/* Top 10 */
.imgall { 
	float: left; 
	margin-right: 10px
}
.small { 
	font-size: 11px; 
	font-weight: normal
}

h1.left,
h1.right {
	font-size: 22px
}
h1.right span {
	font-size: 20px
}
h1 span,
h1.left span {
	font: normal 14px "Trebuchet MS", "Lucida Sans", Arial, Helvetica, Tahoma, sans-serif;
}
#ticker {
	margin: 22px 10px 0 10px;
}

/* TOP 3 Platzierungen */
.tops h1 {
	margin: 10px 10px 0 10px;
	color: #C00;
	font-size: 14px
}
.tops h2 {
	margin: 0 10px 0 10px; 
	font-size: 12px;
	line-height: 18px
}
.h3 {
	margin: 0 10px 0 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px
}
.tops p {
	margin: 10px;
	line-height: 18px;
	min-height: 36px !important;
	height: 36px
}

/* Absolut positionierte Platzierungsboxen */
#place1,
#place2,
#place3,
.placeall {
	position: absolute; 
	top: 0px; 
	left: 0px; 
	width: 54px; 
	height: 40px
}
#place1 { background-color: #EAB71F }
#place2 { background-color: #C0C0C0 }
#place3 { background-color: #8C7853 }
.placeall { background-color: #C00 }

#place1 h1,
#place2 h1,
#place3 h1,
.leftcontent .placeall h1 {
	text-align: right; 
	margin: 5px 5px 0 0;
	padding: 0; 
	color: #fff; 
	font-size: 30px; 
	font-weight: bold
}


/* Spalten */
#left {
	float: left;
	width: 525px; 
	margin-top: 20px;
	margin-right: 13px;
	margin-bottom: 20px;
}
#right {
	float: left;
	width: 360px; 
	margin-top: 20px;
	margin-bottom: 20px;
}

#left p,
#right p {
	line-height: 18px
}
#left h1,
#right h1 {
	font-size: 20px;
	margin-bottom: 10px
}

.leftcontent {
	width: 525px; 
	overflow: hidden; 
	background-color: #FFF; 
	border: 1px solid #eee;
	border-width: 0 0 1px 0;
	position: relative;
}
.rightcontent {
	width: 360px; 
	overflow:hidden;
	background-color: #FFF; 
	border: 1px solid #eee;
	border-width: 0 0 1px 0;
}


/* Inhalte linke Spalte */
#left .leftcontent h1 {
	margin: 10px 10px 0 10px; 
	color: #C00; 
	font-size: 14px
}
#left .leftcontent h2 {
	margin: 0 10px 0 10px;
	font-size: 12px;
	line-height: 18px
}
#left .leftcontent h3 {
	margin: 0 10px 0 10px;
	font-size: 12px;
	font-weight: normal;
	line-height: 18px
}
#left .leftcontent p { margin: 10px }

.tall { font-size: 20px }
.top25 {
	display: block;
	padding: 2px 4px;
	width: 516px;
	height: 20px;
	line-height: 20px;
	background-color: #333;
	font: bold 16px "Trebuchet MS", "Lucida Sans", Arial, Helvetica, Tahoma, sans-serif;
	color: white;
	border: 1px solid white;
}
#site .top25 a:link,
#site .top25 a:visited { color: #c00 }
#site .top25 a:hover,
#site .top25 a:active { color: #eee }


/* Inhalt rechte Spalte */
#right.rightcontent h1 {
	margin: 10px 10px 0 10px;
	color: #C00;
	font-size: 12px
}
#right .rightcontent h2 {
	margin: 0 10px 0 10px;
	font-size: 12px; 
	font-weight: normal; 
	line-height: 18p
}
#right .rightcontent p { margin: 10px }

#right .rightcontent img {
	margin: 10px	
}


.tiny { font-size: 12px }
.tiny2 { font-size: 16px }

#filmticker,
#archiveticker {
	width: 350px;
	height: 81px
}

/* Google Sidebar */
#googleside {
	text-align: center;
	margin: 20px
}
.googletop10 {
	margin-top: 50px;
	text-align:center
}


/* Newsletter Sidebar */
.nlspacer {
	clear:both;
	display:block;
	height: 30px;
	width:1px
}
.nlspacer2 {
	display:block;
	height: 53px;
	width:1px
}
.nlform {
	width: 230px;
	border: 1px solid #999
}
#nlconfirm { display:none }
.nlconfirm { width: 90% }


/* Newsboxen */
.sbnewsbox {
	float: left;
	width: 230px;
	border: 1px solid #d90d00;
	background-color: white;
	margin: -10px 0 0px 0;
	padding: 10px
}
.sbnewsbox ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-weight: bold
}
.sbnewsbox li {
    line-height: 17px
}
.sbnewsbox a:link,
.sbnewsbox a:visited {
	color: #d90d00
}
.sbnewsbox a:hover,
.sbnewsbox a:active {
	color: #414141
}
.sbnewsbox li span {
	color: #414141
}
.sbmore a:link,
.sbmore a:visited {
	color: black;
}
.sbmore a:hover,
.sbmore a:active {
	color: #414141;
}
p.sbmore { margin: 15px 0 0 0; font-weight: bold }

/* Promibox */
.promibox {
	float: left;
	width: 250px;
	display: block;
	border: 1px solid #d90d00;
	background-color: white;
}
.promibox h1 {
	margin: 8px 0 -2px 0;
	font-size: 14px
}
.promibox h2 {
	font-size: 12px;
	margin: 8px 0 -10px 0;
}


/* Footer */
#footer {
	clear: both;
	background-color: #55bdbd;
	color: white;
	padding: 1px 10px;
	text-align: right;
	text-transform: uppercase;
	font: normal 11px Arial, Helvetica, sans-serif;
	margin-bottom: 40px
}
#footer p {
	padding: 10px 0
}
#footer a:link,
#footer a:visited {
	color: white;
	text-decoration: none;
	margin-left: 2px
}
#footer a:hover,
#footer a:active {
	text-decoration: underline
}
#footer span {
	width: 40px;
}


/* Startseite */
.sidebarblock {
	text-align:center;
	border: 1px solid #cecece;
	width:248px;
	height:248px;
	padding-top:54px;
	background-color:#ffffff
}	



/* Filmseite */
#player,
#playerHQ,
#playerLQ { 
	padding: 20px 20px 5px 20px;
	min-height: 200px;
	background: #ffffff url("../_img/playerbg.png") no-repeat center center
}
#playerLQ { display:none }
.bold { font-weight: bold }
.players {
	float: left;
	width: 220px;
	padding: 0 0 0 10px !important;
	padding: 0 0 5px 10px
}
.players a:link,
.players a:visited {color: #333; text-decoration: none }
.players a:active,
.players a:hover {color: #C00; text-decoration: none }
.votereset {
	text-align: center;
	color:red
}
.filmklicks {
	margin-left: 178px;
	margin-top: 10px
}


/* Pagination */
#seiten  {
	color: #000;
	margin-top: 10px
}
#seiten a { color: #C00 }
.currentpg {
	color: #C00;
	font-weight: bold
}


.imgleft {
	float:left;
	margin: 2px 10px 10px 0;
}
.imgright {
	float: right;
	margin: 2px 0 10px 10px;
}


#sidebanner {
	position: absolute;
	left: 960px;
	top: 180px;
}

#topauswahl,
#auswahlkat {
	margin:15px 5px 0 0 !important;
	margin:0px 5px 15px 0;
	float:left
}
#auswahlkat { display:none }
#content #kat2 { width: 150px }
.alltimerankingimg {
	vertical-align: text-top
}

#right h1.sideticker {
	margin-top: 10px;
	font-size: 14px
}
#right .rightcontent .imgall {
	margin: 0 10px 0 0;
}

#right h1.spenden {
	margin: 10px;
	font-size: 14px;
	color: #c00
}

#facebox {
	width: 440px;
	padding: 5px;
	margin: 20px 0;
	border: 1px solid #cecece;
	background-color: #eaeaea;
	text-align: center 
}
#facebox a {
	color: black;
	text-decoration: none
}