/*GLOBAL OPTIONS*/
html {font-size: 100.1%;}
body {
	font: 64% Arial, Helvetica, sans-serif;
	margin: 0;
	background: #aaabaf url(../images/bg-body.gif) repeat-x;
}
form {
	display: inline;
	padding: 0;
	margin: 0;
}

ul.text {
	border:0;
}

ul.text li {
	list-style:disc;
	font-size:12px;
	border:0;
}

ul.text li strong {
	display:inline;
}

li {list-style: none;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}
a:focus {outline: none;}
img {border: none;}
h2 {
	font-size: 14px;
	line-height: 18px;
	color: #900;
	margin: 0 0 20px;
}
h3 {
	color: #900;
	margin: 0 0 20px;
	font-size: 12px;
}
/*text to image replacment*/
.hidden-text {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}
/*MAIN CONTAINER*/
#main {
	margin: 0 auto;
	width: 986px;
}
/*HEADER*/
#header {
	height: 153px;
	background: url(../images/bg-header.gif) repeat-x;
	position: relative;
	border: 1px solid #fff;
}
/*logo*/
.logo {
	margin: 0;
	position: absolute;
	top: 48px;
	left: 8px;
}
.logo a {
	background: url(../images/logo.gif) no-repeat;
	height: 50px;
	width: 196px;
}
/*header banners*/
.banner1, .banner2, .banner3 {
	display: block;
	position: absolute;
	left: 250px;
	top: 48px;
}
.banner2 {left: 740px;}
.banner3 {left: 495px;}

#top_banners {
	position:absolute;
	top:48px;
	right:0px;
}

#top_banners a {
	width:245px;
	display:block;
	float:left;
}


/*search form*/
.search-form {
	position: absolute;
	top: 126px;
	left: 10px;
	width: 255px;
}
.search-form input {
	background: #fff;
	border: 1px solid #111;
	padding: 3px 5px;
	width: 166px;
	height: 14px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #666;
	float: left;
	margin-right: 10px;
}
.search-form .btn {float: left;}

.search-form-pos-main {
	position: relative;;
	top: 0;
	left: 0;
	width: 255px;

}
/*main navigation*/
#main-nav {
	padding: 0;
	margin: 0;
	position: absolute;
	left: 285px;
	top: 121px;
}
#main-nav li {
	float: left;
	position: relative;
}
#main-nav li a {
	display: block;
	font-size: 12px;
	line-height: 33px;
	color: #000;
	font-weight: bold;
	padding: 0 8px;
	border-right: 1px solid #fff;
	text-decoration: none !important;
}
/*hover state*/
#header li a:hover, #header li a.active {background: #fff;}
/*top navitgation*/
.top-nav {
	padding: 0;
	margin: 0;
	position: absolute;
	left: 5px;
	top: 10px;
	overflow: hidden;
}
.top-nav li {
	padding-left: 12px;
	display: inline;
	margin-left: -8px;
	background: url(../images/img-header-separator.gif) no-repeat 7px 50%;
}
.top-nav li a {
	color: #fff;
	font-size: 11px;
	text-decoration: none !important;
	padding: 0 3px;
}
.top-nav li a:hover {color: #111;}
.language {
	position: absolute;
	right: 9px;
	top: 7px;
}
.language span {
	color: #fff;
	font-size: 11px;
	float: left;
	margin: 2px 15px 0 0;
}
.language img {
	float: left;
	margin: 1px 10px 0 0;
}
.language select {
	float: left;
	width: 115px;
	height: 16px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #000;
}
/*button*/
.btn {
	display: inline-block;
	padding-left: 10px;
	background: url(../images/bg-btn.gif) no-repeat;
	text-decoration: none !important;
}
.btn span {
	display: block;
	background: url(../images/bg-btn.gif) no-repeat 100% 0;
	line-height: 22px;
	padding-right: 10px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
}
.btn:hover {background-position: 0 100%;}
.btn:hover span {background-position: 100% 100%;}
.mit-line {
	position: absolute;
	right: 77px;
	top: 30px;
	color: #fff;
	font-size: 11px;
}
/*CONTAINER*/
#container {
	overflow: hidden;
	padding: 10px 0 50px 10px;
	background: #fff;
}
p, strong {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	display: block;
	margin: 0;
}
p {margin-bottom: 5px;}
p a, a {
	color: #000;
	text-decoration: underline;
}
p a:hover, a:hover {text-decoration: none;}

table {
	font-size: 12px;
	color: #000;
	display: block;
	margin: 0;
}

table tr td {	padding: 0 10px 2px 0;}

/*broadcrumbs*/
.broadcrumbs {
	padding: 0;
	margin: 0 0 10px;
}
.broadcrumbs li {
	display: inline;
	padding-left: 10px;
	background: url(../images/img-broadcrumbs-separator.gif) no-repeat 2px 50%;
	color: #000;
	font-size: 12px;
}
.broadcrumbs li.first {
	background: none;
	padding: 0;
}
.broadcrumbs li a {
	color: #000;
	font-size: 12px;
	text-decoration: underline;
}

.broadcrumbs li a:hover {color: #900;}
.broadcrumbs li strong {display: inline;}
/*content column*/
.column {
	float: left;
	width: 234px;
	margin-right: 8px;
}
.right-column {
	float: right;
	display: inline;
	margin-right: 10px;
}

.column-width2 {
	width:356px;
}

.column-width3 {
	width:710px;
}

/*chapter navigation*/
.chapter-nav {
	display: block;
	height: 22px;
	padding: 10px 0 0;
	background: url(../images/bg-gray-gradient.gif) repeat-x;
}
.chapter-nav a {
	height: 13px;
	margin: 0 auto;
}
.chapter-nav a:hover {background-position: 50% 100% !important;}
#up-arrow {background: url(../images/img-arrow-up.gif) no-repeat 50% 0;}
#down-arrow {background: url(../images/img-arrow-down.gif) no-repeat 50% 0;}
/*chapter list*/
.chapter-list {
	padding: 5px 0;
	margin: 0;
}
.chapter-list li {
	border: 1px solid #e9eae8;
	padding: 2px 7px;
	margin-bottom: 1px;
	cursor: pointer;
	overflow:hidden;
	width:216px;
}
.chapter-list li li{overflow:visible;width:auto;}
.chapter-list li:hover, .chapter-list li.hover {background: #e9eae8;}
.chapter-list li.active {margin-bottom: 5px;}
.chapter-list li strong, .chapter-list li span {
	display: block;
	font-size: 12px;
}
.chapter-list li span.small {
	font-size:11px;
	margin: 6px 0;
}
.chapter-list li img {
	float: right;
	margin-top: -3px;
}

.chapter-list li.small-entry {
	height:18px;
}

/*MAIN COLUMN*/
.main-column {width: 478px;}
/*video holder*/
.video-holder {
	background: url(../images/bg-video-holder.gif) no-repeat 0 100%;
	overflow: hidden;
	width:480px;
}
.video-holder .btn {
	margin: -30px 0 0 10px;
	width: 65px;
	float: left;
	position: relative;
	display: inline;
	clear: left;
}

.video-holder .filminfo_left, .video-holder .filminfo_right {
	padding:6px;
}

.video-holder .filminfo_left{
	float:left;
	border-right:1px solid #E9EAE8;
}

.video-holder .filminfo_right{
	margin-left:235px;
}


.video-holder .filminfo_left a {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	display: inline;
	text-decoration: none !important;
}
.video-holder .filminfo_left a:hover {text-decoration:underline !important;}



.video-holder .filminfo_left strong, .video-holder .filminfo_right strong, .video-holder .filminfo_left p, .video-holder .filminfo_right p {
	line-height:16px;
	display:inline;
}

.dowload-links {
	padding: 6px 0 7px 0px;
	margin: 0;
	overflow: hidden;
}
.dowload-links li {
	padding-left: 8px;
	vertical-align:middle;
	line-height:21px;
	float:left;
}

/*column title*/
.column-title {
	font-size: 12px;
	height: 23px;
	padding: 10px 0 0 10px;
	display: block;
	background: url(../images/bg-gray-gradient.gif) repeat-x;
}
/*column box*/
.column-box {
	background: #e9eae8;
	padding: 10px;
	margin-bottom: 10px;
}
/*login form*/
.login-form {
	overflow: hidden;
	margin-bottom: 7px;
}
.login-form input {
	width: 127px;
	height: 16px;
	border: 1px solid #000;
	background: #fff;
	color: #000;
	font: 12px Arial, Helvetica, sans-serif;
	padding: 2px 5px;
	margin-bottom: 10px;
	float: left;
	clear: left;
}
.i-pass {clear: none;}
.login-form .btn {
	float: right;
}
/*arrow list*/
.arrow-list {
	margin: 0 -10px;
	padding: 0;
}
.arrow-list li a {
	padding-left: 27px;
	background: url(../images/img-arrow.gif) no-repeat 10px 50%;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	display: block;
	text-decoration: none !important;
	width: 207px;
}
.arrow-list li a:hover {background-color: #fff;}
/*arrow list2*/
.arrow-list2 {
	margin: 0 -10px;
	padding: 0;
}
.arrow-list2 li {
	padding-left: 27px;
	background: url(../images/img-arrow.gif) no-repeat 10px 50%;
	font-size: 12px;
	line-height: 18px;
	color: #000;
	display: block;
	width: auto;
}
.arrow-list2 li a {
	color: #000;
	text-decoration: underline;
}
.arrow-list2 li a:hover {
	color: #000;
	text-decoration: none !important;
}


.auto-width li a { width:auto;}

/*date box*/
.date-box {
	background: url(../images/bg-header.gif) repeat-x;
	height: 85px;
	padding: 5px 5px;
	margin-bottom: 10px;
}
.date-box span {
	color: #fff;
	font-size: 12px;
	line-height: 16px;
}
.date-box strong {
	color: #fff;
	font-size: 14px;
}
/*left photo*/
.left-photo {
	float: left;
	margin-right: 10px;
}
/*FOOTER*/
#footer {
	clear: both;
	background: url(../images/bg-footer.jpg) no-repeat;
	padding: 12px 10px;
}
#footer p, #footer p strong {
	color: #fff;
	font-size: 11px;
	line-height: 14px;
}
.footer-column {
	float: left;
	width: 720px;
}
#footer ul {
	padding: 0;
	overflow: hidden;
}
#footer ul li {
	display: inline;
	padding-left: 12px;
	background: url(../images/img-footer-separator.gif) no-repeat 4px 50%;
}
#footer ul li.first {
	padding: 0;
	background: none;
}
#footer ul li a {
	color: #fff;
	font-size: 11px;
	text-decoration: none !important;
	padding: 0 3px;
}

#footer ul li a:hover {
	color: #000;
	background-color:#fff;
}

.footer-column-right {
	float: right;
	width: 114px;
}
#footer .footer-column-right p {line-height: 18px;}
/*hanser logo*/
.hanser {
	background: url(../images/img-haser.gif) no-repeat;
	width: 108px;
	height: 22px;
	margin-top: 10px;
}
/*valid menu*/
#footer .valid {
	clear: both;
	overflow: hidden;
	width: 100%;
	padding: 20px 0 0;
}
#footer .valid li {
	background: none;
	padding: 0;
	float: left;
}
#footer .valid li.right {
	float: right;
	padding-left: 10px;
}
/*sponcor title*/
.sponsor {
	display: block;
	padding: 20px 0 0 15px;
}
/*GALERY*/
.galery-holder {
	float: left;
	overflow: hidden;
	height: 240px;
	width: 721px;
	margin-top: 20px;
	position: relative;
}
.galery-holder p {
	position: absolute;
	bottom: 10px;
	left: 0;
}
/*star rating*/
.star-rating {
	padding: 0;
	margin: 4px 0 0;
	position: relative;
	height: 14px;
	width: 70px;
	background: url(../images/img-star.gif) repeat-x;
}
.star-rating li {
	float: left;
	padding: 0;
	line-height: 0;
	border: none;
}
.star-rating li a{
	display: block;
	width: 14px;
	height: 14px;
	text-indent:-9000px;
	z-index: 2;
	position: absolute;
	text-decoration: none;
	padding: 0;
}
.star-rating li a:hover,
.star-rating li.active a,
.star-rating li.setted a{
	background:url(../images/img-star.gif) 0 100%;
	z-index:1;
	left:0px;
}
.star-rating li.setted a,
.star-rating li.setted a:hover {background-position: 0 -14px;}
.star-rating a.one-star{left:0px;}
.star-rating a.one-star:hover,
.star-rating li.active a.one-star,
.star-rating li.setted a.one-star{width:14px;}
.star-rating a.two-stars{left:14px;}
.star-rating a.two-stars:hover,
.star-rating li.active a.two-stars,
.star-rating li.setted a.two-stars{width:28px;}
.star-rating a.three-stars{left:28px;}
.star-rating a.three-stars:hover,
.star-rating li.active a.three-stars,
.star-rating li.setted a.three-stars{width:42px;}
.star-rating a.four-stars{left:42px;}
.star-rating a.four-stars:hover,
.star-rating li.active a.four-stars,
.star-rating li.setted a.four-stars{width:56px;}
.star-rating a.five-stars{left:56px;}
.star-rating a.five-stars:hover,
.star-rating li.active a.five-stars,
.star-rating li.setted a.five-stars{width:70px;}
/*zeige form*/
.zeige-form {
	margin: 0 0 10px;
	overflow: hidden;
	padding: 0;
}
/*bottom border*/
.bottom-border {
	padding: 0 0 10px;
	background: url(../images/img-bottom-border.gif) repeat-x 0 100%;
}
.zeige-form li {
	float: left;
	width: 100%;
}
.zeige-form label {
	font-size: 12px;
	line-height: 20px;
	float: left;
}
.zeige-form input {
	padding: 0;
	margin: 0;
	width: 14px;
	height: 14px;
	float: left;
	margin: 4px 6px 0 0;;
}
/*SLIDERS*/
.slider-holder {margin-bottom: 15px;}
.slider {
	background: url(../images/img-scroll-line.gif) no-repeat 0 50%;
	height: 22px;
	position: relative;
}
.slider-btn {
	position: absolute;
	top: 0;
	left: 62px;
	background: url(../images/img-scroll.gif) no-repeat;
	width: 10px;
	height: 22px;
}
/*sort box*/
.sort-box {
	overflow: hidden;
}
.sort-box label, .sort-box span {
	font-size: 12px;
	color: #000;
	float: left;
	line-height: 20px;
	margin-right: 15px;
}
.sort-box select {
	float: left;
	width: 243px;
	height: 20px;
	font: 11px Arial, Helvetica, sans-serif;
	margin-right: 65px;
}
.view-mode {
	float: left;
	margin: 0;
	padding: 0;
}
.view-mode li {float: left;}
.view-mode li a {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	width: 27px;
	height: 21px;
}
.list-mode {background: url(../images/img-view-btn1.gif) no-repeat;}
.table-mode {background: url(../images/img-view-btn2.gif) no-repeat;}
/*active state*/
.view-mode li a.active, .view-mode li a:hover {background-position: 0 100%;}
/*VIDEO LIST*/
.video-list {
	margin: 0 0 10px;
	padding: 12px 0;
}
.video-list .list-item {
	padding: 10px 0 10px 12px;
	margin-bottom: 10px;
	border: 1px solid #999;
	width: 465px;
	background: url(../images/bg-video-list.gif) no-repeat 300px 50%;
	float:left;
}
.video-list p {margin-bottom: 0;}
.video-list .list-item:hover, .video-list .list-item.hover {
	background-color: #e9eae8;
}
.video-list .list-item .image-holder {
	position: relative;
	float: left;
	margin-right: 10px;
}
.video-list .list-item .image-holder img {
	display: block;
	border: 1px solid #999;
}
.video-list .list-item .image-holder .play-btn {
	background: url(../images/img-play-btn.png) no-repeat;
	width: 18px;
	height: 22px;
	position: absolute;
	left: 10px;
	bottom: 10px;
}
/*view mode table*/
.view-mode-table {
	overflow: hidden;
}
.view-mode-table .list-item {
	float: left;
	width: 113px;
	padding: 10px 19px;
	overflow: hidden;
	height: 200px;
	margin-right: 9px;
}
.view-mode-table .list-item .image-holder {margin-bottom: 5px;}
.right {margin-right: 0 !important;}
/*rating box*/
.view-mode-table .list-item .rating-box {
	float: left;
	width: 111px;
}

.rating-box {
	float: left;
	width: 170px; /* 175px */
	display:block;
}
.rating-box span {
	display: block;
	font-size: 12px;
	line-height: 18px;
}
.rating-box .star-rating {margin-bottom: 4px;}
/*TAGS LIST*/
.tags {
	padding: 0;
	margin: 0;
}
.tags li {
	display: inline;
	padding-left: 4px;
}
.tags li a {
	display: inline;
	color: #900;
	line-height: 20px;
}
/*tags clases*/
.tags li a.tag1 {font-size: 18px;}
.tags li a.tag2 {font-size: 12px;}
.tags li a.tag3 {font-size: 14px;}
.tags li a.tag4 {font-size: 10px;}
.tags li a.tag-bold {font-weight: bold;}
/*banner list*/
.banner-list {
	padding: 0;
	margin: 0;
}
.banner-list li {margin-bottom: 8px;}
/*page navigation*/
.page-nav-holder {
	background: url(../images/bg-gray-gradient.gif) repeat-x;
	/* height: 34px; */
	overflow: hidden;
	padding: 0 10px;
	margin-bottom: 70px;
}
.page-nav-holder span {
	float: left;
	font-size: 12px;
	line-height: 34px;
	margin-right: 8px;
}
.page-nav-holder ul {
	padding: 9px 0 0;
	margin: 0;
}
/*page navigation icon*/
.page-nav-icon {
	padding-top: 7px !important;
	/* float: left; */
}
.page-nav-icon li {
	float: left;
	margin-right: 6px;
}

.page-nav-icon li a.cur {
	background: #cd0100;
	color: #fff;
	text-decoration: none;
	border-color: #fff;
}

.page-nav-icon li a {
	display: block;
	width: 18px;
	line-height: 18px;
	border: 1px solid #999;
	color: #999;
	background: #fff;
	text-align: center;
	font-size: 12px;
}
.page-nav-icon li a:hover {
	background: #cd0100;
	color: #fff;
	text-decoration: none;
	border-color: #fff;
}
/*page navigation text*/
.page-nav-text {float: right;}
.page-nav-text li {
	padding-left: 10px;
	display: inline;
	background: url(../images/img-black-separator.gif) no-repeat 4px 50%;
	font-size: 12px;
	color: #000;
}
.page-nav-text li a {
	color: #000;
	text-decoration: underline;
}
.page-nav-text li a:hover {text-decoration: none;}
.page-nav-text li.first {
	background: none;
	padding-left: 3px;
}
/*contact box*/
.contact-box {padding: 5px 30px 0 0;}
.contact-box p {
	font-size: 11px;
	line-height: 20px;
}

.main-column .contact-box p {
	font-size: 12px;
	line-height: 20px;
}

.content-page p {margin-bottom: 17px;}
/*content*/
.content {margin-bottom: 100px;}
.content p {padding-right: 40px;}
.content .arrow-list {margin: 0 0 20px;}
.content .arrow-list a {
	padding-left: 15px;
	background-position: 0 50%;
	width: 90%;
}
/*text line*/
.text {
	font-size: 12px;
	display: block;
	margin: 5px 0 15px;
	color: #000;
}
.text a {
	text-decoration: underline;
	color: #000;
}
.text a:hover {text-decoration: none;}

/* Registerform */
.registerform { width:100%}
.registerform input {width:150px; border:1px solid #000}
input.error {border-color: #f00; background-color:#faa}

/* Partnerlist */
ul.partnerlist {
	margin-top:0;
	margin-bottom:0;
	margin-left:0;
	padding-left:0;
	list-style-position:outside;
}

ul.partnerlist li {
	border:1px solid #999;
	padding:13px;
	margin-left:0;
	margin-bottom:13px;
}

ul.partnerlist ul li {
	border:0;
	margin:0;
	padding:0;
}

.tag0 { font-size: 10px; color:#900; }
.tag1 { font-size: 11px; color:#900; }
.tag2 { font-size: 12px; color:#900; }
.tag3 { font-size: 13px; color:#900; }
.tag4 { font-size: 14px; color:#900; }
.tag5 { font-size: 16px; color:#900; }
.tag6 { font-size: 18px; color:#900; }
.tag7 { font-size: 20px; color:#900; }
.tag8 { font-size: 22px; color:#900; }
.tag9 { font-size: 24px; color:#900; }


/*-------------- Startseite --------------*/
.top-column {
	border: 1px solid #999999;
	background-color: #cccccc;
	margin-bottom:10px;
	margin-right:10px;
}

.kapitel {
	float:left;
	margin:9px;
	width:296px;
}

.kapitel .jcarousel-container {
	padding:40px 0;
	width:296px;
}

.kapitel .jcarousel-skin-tango.jcarousel-container-vertical {
    width:296px;
}

.kapitel .jcarousel-skin-tango .jcarousel-clip-vertical {
    width:296px;
}

.kapitel .jcarousel-skin-tango .jcarousel-item-vertical {
	width:282px;
}

.kapitel .jcarousel-skin-tango .jcarousel-next-vertical {
    width:296px;
    background: transparent url(skins/ktv/next-vertical-start.png) no-repeat 0 0;
}

.kapitel .jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background: transparent url(skins/ktv/next-vertical-start.png) no-repeat 0 -32px;
}
.kapitel .jcarousel-skin-tango .jcarousel-prev-vertical {
    width:296px;
    background: transparent url(skins/ktv/prev-vertical-start.png) no-repeat 0 0;
}
.kapitel .jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background: transparent url(skins/ktv/prev-vertical-start.png) no-repeat 0 -32px;
}


.start-left-holder {
	clear:both;
}

.main-column-start {
	width:640px;
}

.main-column-start .video-list .list-item {
	width:626px;
}

.video-holder-start {
	background: url(../images/bg-video-holder.gif) no-repeat 0 100%;
	overflow: hidden;
	width:640px;
	margin-top:9px;
}
#showEmbedOptions {
	display:none;
	position:absolute;
	background-color:#fff;
	border:1px solid #000;
	padding: 5px;
	font-size:12px;
}
#showEmbedOptions strong {
	padding-top: 5px;
}
#showEmbedOptions ul {
	padding:0;
	margin:0;
}
#embedCode {
	width:350px;
	height:60px;
	font-size:12px;
}