body {
	padding:0;
	margin:0;
	font-family: arial, sans-serif;
	font-size: 11px;
	color: #ffffff;
	background: #000000 url(../images/background.jpg) no-repeat left top;
}

a img {
	border: none;
}

a:link, a:visited {
	color: #cdab80;
	text-decoration: none;
}

h1 {
	font-size: 16px;
	font-weight: bold;
	color: #cdab80;
	margin: 0;
	padding: 0;
}

.dma {
	position: absolute;
	top: 5px;
	left: 866px;
}

.stoerer {
	position: absolute;
	top: 65px;
	left: 716px;
}

.filmfest_hh {
	position: absolute;
	top: 12px;
	left: 746px;
}

.footer {
	position: absolute;
	top: 750px;
	left: 400px;
}

.marquee {
	position: absolute;
	top: 3px;
	left: 20px;
}

.videocontent {
 	position: absolute;
 	top: 202px;
 	left: 72px;
	width: 764px;
	height: 395px;
	padding: 11px 12px 12px 12px;
	background: url(../images/content_bg.png) no-repeat;
}

.videocontent .sidebox {
	float: right;
	width: 194px;
	padding: 5px;
	height: 385px;
	overflow: hidden;
}

.videocontent .bt_mail {
	display: none;
	position: absolute;
	top: 380px;
	left: 590px;
}

.videocontent .bt_comment {
	position: absolute;
	top: 380px;
	left: 675px;
}

.infiniteCarousel {
  width: 560px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 540px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  overflow: auto;
  min-height: 80px;
  margin: 0 10px;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul a img {
  background: #000000;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  position:relative;
  display:block;
  float:left;
  padding: 0px;
  height: 80px;
  width: 270px;
  background: #2d2c2b;
}

.infiniteCarousel ul li h2 {
  position: absolute;
  top: 4px;
  left: 146px;
  width: 128px;
  font-size: 11px;
  font-weight: bold;
  color: #cdab80;
  padding: 0;
  margin: 0;
}

.infiniteCarousel ul li p {
  position: absolute;
  top: 35px;
  left: 146px;
  width: 128px;
  font-size: 9px;
  color: #ffffff;
  padding: 0;
  margin: 0;
}

.infiniteCarousel ul li a img {
  display:block;
  width: 142px;
  height: 80px;
}

.infiniteCarousel .arrow {
  display: block;
  height: 80px;
  width: 10px;
  background: url(../images/arrow.jpg) no-repeat 0 0;
  text-indent: -999px;
  position: absolute;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: -20px 0;
  right: 0;
}

.infiniteCarousel .back {
  background-position: 0 0;
  left: 0;
}

.infiniteCarousel .forward:hover {
  background-position: -30px 0;
}

.infiniteCarousel .back:hover {
  background-position: -10px 0;
}

.videocontent .sidebox ul.timeline {
  position: absolute;
  right: 12px;
  top: 155px;
  height: 225px;
  width: 194px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0 5px 0 5px;
  overflow: auto;
}

.videocontent .sidebox ul li.com_box {
  position:relative;
  display:block;
  padding: 5px 0 5px 0;
  width: 100%;
  border-bottom: solid 1px #762525;
}

.img_rate {
	position: absolute;
	right: 0px;
	top: 5px;
}

.videocontent .sidebox ul li.com_box h3 {
	margin: 0;
	padding: 0 0 3px 0;
	font-size: 11px;
	font-weight: bold;
	color: #fceea9;
}

.videocontent .sidebox ul li.com_box p {
	margin: 0;
	padding: 0;
}

/* Z-index of #mask must lower than #boxes .window */
#mask {
  position:absolute;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:absolute;
  width:420px;
  height:279px;
  display:none;
  z-index:9999;
  padding:10px;
}


/* Customize your modal window here, you can add background image too */
#boxes #com_input {
  width:420px; 
  height:279px;
  background: url(../images/bg_comment.png) no-repeat;
  color: #000000;
}

#boxes #hht_input {
  width:468px; 
  height:400px;
  background: #ffffff;
  padding: 5px;
  color: #000000;
}

#boxes #com_input .com_table {
	padding-top: 50px;
	padding-left: 50px;
}

/* TWITTER */

div#twitter {
 	position: absolute;
 	top: 77px;
 	left: 851px;
	width: 200px;
	margin-bottom: 2em;
	font-size: 10px;
}

div#twitter h2 {
	margin: 0;
	padding: 0;
	height:131px;
	width: 200px;
	background: url(../images/blogbus.png) no-repeat center center;
}

p#preloader {
	margin: 0;
	padding: 1em 1em 1em 3em;
	background: transparent url("loader.gif") 1em center no-repeat;
	/* generate your own loader gif: http://www.ajaxload.info */
}

ul#twitter_update_list {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul#twitter_update_list li {
	margin: 0;
	padding: 9px 20px 9px 20px;
	width: 160px;
	height: 82px;
	background: url(../images/bg_twitter.png) no-repeat;
	color: #000000;
}

ul#twitter_update_list li a {
	/* timestamp link */
	color: #666666;
}

ul#twitter_update_list li span {
	display: block;
	color: #000000;
}

ul#twitter_update_list li span a {
	/* links in tweet */
	color: #620505;
}

a#profileLink {
	display: block;
	padding: 0.3em 1em;
	color: #ababab;
}

/* Sponsoren */

.sp_panasonic {
	position: absolute;
	top: 616px;
	left: 30px;
}

.sp_hht {
	position: absolute;
	top: 698px;
	left: 80px;
}

.sp_star {
	position: absolute;
	top: 647px;
	left: 250px;
}

.sp_expresso {
	position: absolute;
	top: 647px;
	left: 350px;
}

.sp_mbf {
	position: absolute;
	top: 647px;
	left: 450px;
}

.sp_cartoflex {
	position: absolute;
	top: 647px;
	left: 550px;
}

.sp_sh {
	position: absolute;
	top: 700px;
	left: 300px;
}

.sp_farbecht {
	position: absolute;
	top: 700px;
	left: 500px;
}

.sp_hhm {
	position: absolute;
	top: 700px;
	left: 600px;
}

.sp_doppeldecker {
	position: absolute;
	top: 700px;
	left: 400px;
}

.hht_banner {
	position: absolute;
	top: 647px;
	left: 300px;
}

#international {
	position: absolute;
	top: 133px;
	left: 667px;
}

.bt_home {
	position: absolute;
	top: 6px;
	left: 44px;
	z-index: 100;
}

.sidebox .prev_liste {
	position: absolute;
  right: 12px;
  top: 50px;
  height: 340px;
  width: 194px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0 5px 0 5px;
  overflow: auto;
}