/*
$ http://www.heilertv.de $
$ style/style.css | 2009/07/22 22:30 | 2009/08/03 10:54 $
*/



/* GENERAL
----------------------------------------------------------------------------------------- */
html, body { margin: 0; padding: 0; color: #8b8b8b; background: url(bg.jpg) repeat-x 0 0; background-color: #1d1d1d; font: normal normal 11px/13px tahoma, arial; }
div.containerMain { width: 980px; height: 100%; margin: 0 auto; padding: 0 8px; background: url(container.png) repeat-y 0 0; overflow: hidden; position: relative; }
.last { border: none !important;}
a.btn { cursor:pointer;display: block; width: 95px; height: 21px; margin: 7px 0; padding: 7px 0 0 0; color: #1e1e1e; background: url(btn.png) no-repeat 0 0; font: normal normal 10px/12px tahoma, arial; text-decoration: none; text-align: center; overflow: hidden; }
a.btn:hover { background: url(btn.png) no-repeat 0 -28px; }

#resizer { height: 100px; width: 1px; font-size:1px; }


/* HEADER
----------------------------------------------------------------------------------------- */
div#header { float: left; width: 981px; height: 49px; background-color: #000; border-bottom: 1px solid #666; position: relative; overflow: hidden; }
a#logo { display: block; width: 160px; height: 35px; background: url(logo.jpg) no-repeat 0 0; position: absolute; left: 8px; top: 8px; border: none; text-indent: -50000px; overflow: hidden; }
.headerCentral{display:inline-block;margin-top:20px;text-align:center;width:100%;}
.headerCentral a{color: #fff; padding: 0; font: normal bold 12px/14px tahoma, arial;text-decoration: none;}
ul.language { list-style-type: none; margin: 0; padding: 0; position: absolute; top: 18px; right: 8px; }
ul.language li { float: left; padding: 0 6px; border-right: 1px solid #4d4d4d; }
ul.language li a { float: left; display: block; height: 12px; margin: 0; padding: 3px 0 0 0; color: #898989; font: normal normal 9px/11px tahoma, arial; text-decoration: none; }
ul.language li a.actual { height: 15px; color: #fff; padding: 0; font: normal bold 12px/14px tahoma, arial; }
.headerCentral a:hover,
ul.language li a:hover { text-decoration: underline; }
ul.language li a.rss { background: url(rss.png) no-repeat 0 0; width:24px; height:24px; position:relative; top:-5px; }



/* RELATED CLIPS
----------------------------------------------------------------------------------------- */
div#boxRelatedClips { float: left; width: 951px; height: 194px; margin: 0; padding: 9px 15px; background: url(boxRelatedClips.jpg) repeat-x 0 0; border-bottom: 1px solid #1c1c1c; overflow: hidden; }
div#boxRelatedClips div.title { float: left; width: 951px; height: 18px; font-weight: bold; color:#dcdcdc; }
div#boxRelatedClips ul { float: left; margin: 0; padding: 2px 0 0 17px; list-style-type: none; }
div#boxRelatedClips ul li { float: left; width: 222px; height: 167px; margin: 0; padding: 0 0 0 8px; background: url(boxClip.jpg) no-repeat right center; }
div#boxRelatedClips ul li.last { background: none; }
div#boxRelatedClips ul li div.content { width: 209px; height: 160px; margin: 0; padding: 7px 0 0 3px; position: relative; background: url(boxClipContent.jpg) no-repeat 0 0; }
div#boxRelatedClips ul li div.content:hover { background: url(boxClipContent.jpg) no-repeat 0 -167px; }
div#boxRelatedClips ul li div.content img { width: 200px; height: 112px; margin: 0; padding: 0 3px 7px 3px; background: url(bgClip.png) no-repeat 0 0; border:0; }
div#boxRelatedClips ul li div.content div.title { color: #ababab; position: absolute; top: 123px; left: 10px; font: normal bold 10px/11px tahoma, arial; width:130px; }
div#boxRelatedClips ul li div.content div.date { color: #6b6b6b; position: absolute; top: 150px; left: 10px; font: normal normal 10px/12px tahoma, arial; }
div#boxRelatedClips ul li div.content div.length { color: #6b6b6b; position: absolute; top: 150px; left: 74px; font: normal normal 10px/12px tahoma, arial; }
div#boxRelatedClips ul li div.content a.btnPlay { display: block; width: 56px; height: 35px; position: absolute; top: 126px; left: 148px; background: url(btnPlay.png) no-repeat 0 0; text-decoration: none; text-indent: -50000px; overflow: hidden; }
div#boxRelatedClips ul li div.content a.btnPlay:hover { background: url(btnPlay.png) no-repeat 0 -35px; }



/* CONTENT
----------------------------------------------------------------------------------------- */
div.content { float: left; width: 951px; margin: 0; padding: 9px 15px; background: url(content.jpg) repeat-x 0 0; background-color: #323232; border-top: 1px solid #606060; }
div.content div.container { float: left; width: 958px; margin: 10px 0 0 0; padding: 0; background: none; }
div.content div.container div.top { float: left; width: 958px; height: 3px; background: url(containerTop.jpg) no-repeat 0 0; }
div.content div.container div.body { float: left; width: 952px; height: auto !important; height: 500px; margin: 0; padding: 0 3px 5px 3px; background: url(containerBody.jpg) repeat-y 0 0; }
/* Left */
div.content div.container div.body div.left { float: left; width: 207px; }
div.content div.container div.body div.left div.suggestion { float: left; width: 203px; margin: 0; padding: 7px 0 0 5px; border-top: 1px solid #585858; overflow: hidden; }
div.content div.container div.body div.left div.suggestion a.btn { float: left; margin: 0 5px 0 0; }
div.content div.container div.body div.left div.suggestion div.title { float: left; width: 207px; margin: 0; padding: 0 0 9px 6px; }
div.content div.container div.body div.left ul#menu { float: left; margin: 0; padding: 0; list-style-type: none; border-bottom: 2px solid #0e0e0e; }
div.content div.container div.body div.left ul#menu a.actual { color: #dcdcdc; }
div.content div.container div.body div.left ul#menu li ul { float: left; margin: 0; padding: 0; list-style-type: none; }
div.content div.container div.body div.left ul#menu li ul li ul li a { display: block; width: 168px; height: 23px; margin: 0; padding: 7px 0 0 39px; color: #898989; background: url(menu.jpg) no-repeat 0 0; font: normal bold 13px/15px tahoma, arial; text-decoration: none; }
div.content div.container div.body div.left ul#menu li ul li a { display: block; width: 181px; height: 23px; margin: 0; padding: 7px 0 0 26px; color: #898989; background: url(menu.jpg) no-repeat 0 0; font: normal bold 13px/15px tahoma, arial; text-decoration: none; }
div.content div.container div.body div.left ul#menu li { float: left;}
div.content div.container div.body div.left ul#menu li a { display: block; width: 191px; height: 23px; margin: 0; padding: 7px 0 0 16px; color: #898989; background: url(menu.jpg) no-repeat 0 0; font: normal bold 13px/15px tahoma, arial; text-decoration: none; }
div.content div.container div.body div.left ul#menu li a:hover { color: #dcdcdc; background: url(menu.jpg) no-repeat 0 -30px; }
div.content div.container div.bottom { float: left; width: 958px; height: 3px; background: url(containerBottom.jpg) no-repeat 0 0; }
/* Right */
div.content div.container div.body div.right { float: right; width: 743px; }
div.content div.container div.body div.right div.boxClipLarge { float: left; width: 739px; height: 100px; margin: 0; padding: 6px 0 0 3px; background: url(boxClipLarge.jpg) no-repeat 0 0; overflow: hidden; border-bottom: 1px solid #0e0e0e; }
div.content div.container div.body div.right div.boxClipLarge:hover { background: url(boxClipLarge.jpg) no-repeat 0 -106px; }
div.content div.container div.body div.right div.boxClipLarge img { float: left; width: 160px; height: 90px; margin: 0; padding: 1px 3px 4px 3px; background: url(bgClipLarge.png) no-repeat 0 0; border:0; }
div.content div.container div.body div.right div.boxClipLarge div.description { float: left; width: 377px; height: 105px; margin: 0; padding: 0 0 0 23px; color: #acacac; position: relative; font: normal normal 9px/11px tahoma, arial; }
div.content div.container div.body div.right div.boxClipLarge div.description p { float: left; width: 205px; margin: 0; padding: 10px 0 0 5px; }
div.content div.container div.body div.right div.boxClipLarge div.description div.title { float: left; width: 400px; color: #dcdcdc; font: normal bold 11px/13px tahoma, arial; padding: 5px 0 0 0; }
div.content div.container div.body div.right div.boxClipLarge div.description div.date { width: 55px; position: absolute; left: 265px; top: 53px; text-align: right; }
div.content div.container div.body div.right div.boxClipLarge div.description div.length { width: 55px; position: absolute; left: 265px; top: 64px; text-align: right; }
div.content div.container div.body div.right div.boxClipLarge div.description div.path { color: #898989; position: absolute; left: 28px; bottom: 16px; font: normal normal 9px/11px tahoma, arial; }
div.content div.container div.body div.right div.boxClipLarge div.description div.path a { color: #898989; font: normal normal 9px/11px tahoma, arial; text-decoration: none; }
div.content div.container div.body div.right div.boxClipLarge div.description div.path a:hover { color: #1e1e1e; text-decoration: underline; }
div.content div.container div.body div.right div.boxClipLarge a.btnPlay { display: block; width: 56px; height: 55px; position: absolute; left: 337px; top: 25px; background: url(btnPlayLarge.png) no-repeat 0 0; text-decoration: none; text-indent: -50000px; overflow: hidden; }
div.content div.container div.body div.right div.boxClipLarge a.btnPlay:hover { background: url(btnPlayLarge.png) no-repeat 0 -55px; }
div.content div.container div.body div.right div.boxClipLarge div.buttons { float: right; width: 125px; }
div.content div.container div.body div.right div.boxClipLarge div.buttons div.title { margin: 0; padding: 0 0 0 5px; color: #acacac; font: normal normal 12px/14px tahoma, arial; }
div.content div.container div.body div.right div.borderBottom { float: left; width: 743px; border-top: 1px solid #585858; }



/* FOOTER
----------------------------------------------------------------------------------------- */
div#footer { clear:both; width: 981px; height: 28px; margin: 0; padding: 0; color: #fff; background: url(container.png) repeat-y 0 0; background-color: #000; border-top: 1px solid #1c1c1c; font: normal normal 11px/13px tahoma, arial;}
div#footer div.left { float: left; width: 295px; height: 21px; margin: 0; padding: 7px 0 0 32px; }
div#footer div.center { float: left; width: 327px; height: 28px; position: relative; }
div#footer div.center ul.language { float: left; list-style-type: none; margin: 0; padding: 0; position: absolute; top: 7px; left: 100px; }
div#footer div.footerright { float: right; width: 327px; height: 28px; }
div#footer div.footerright ul { float: right; margin: 0; padding: 7px 0 0 0; list-style-type: none; margin-right:20px;}
div#footer div.footerright ul li { float: left; padding: 0 5px; border-right: 1px solid #fff; line-height: 11px; }
div#footer div.footerright ul li a { float: left; display: block; height: 11px; color: #fff; text-decoration: none; }
div#footer div.footerright ul li a:hover { text-decoration: underline; }


/* PLAYER
----------------------------------------------------------------------------------------- */
body.player { width: 100%; height: 100%; margin: 0; padding: 0; background-color: #000000; }
div#titlebar { height: 21px; margin: 0; padding: 0; color: #fff; background: url(title_bg.png) repeat-x 0 0; background-color: #333; }
div#titlebar span.title { color:#dcdcdc; font: bold normal 11px/18px tahoma, arial; margin:0 0 0 25px; }
div#titlebar span.date { color:#acacac; font: normal normal 10px/18px tahoma, arial; margin:0 0 0 10px; }
div.titlebar a { float:right; color:#acacac; font: bold normal 10px/20px tahoma, arial; margin:0 15px 0 10px; padding: 0 15px 0 0; text-decoration:none; background: url(btnClose.png) no-repeat right 5px; cursor:pointer;}
div#titlebar a:hover { text-decoration: underline; color:#dcdcdc; }
div#footerbar { position:relative; height: 29px; margin: 0; padding: 0; color: #fff; background: url(footerbar_bg.png) repeat-x 0 0; background-color: #333; overflow:hidden; }
div#footerbar div.description { width:70%; float:left; color:#acacac; font: normal normal 10px/12px tahoma, arial; padding:0 0 0 30px; }
div#footerbar div.buttons { float:right; width:20%; }
div#footerbar div.buttons a.btn { display: block; width: 95px; height: 20px; margin: 0; padding: 4px 0 0 0; color: #1e1e1e; background: url(btn2.png) no-repeat 0 0; font: normal normal 10px/12px tahoma, arial; text-decoration: none; text-align: center; overflow: hidden; }
div#footerbar div.buttons a.btn:hover { background: url(btn2.png) no-repeat 0 -28px; }

/* lightbox
----------------------------------------------------------------------------------------- */
#jquery-overlay { position:absolute; top: 0; left: 0; z-index: 99; width: 100%; height: 10px; }
#jquery-data { position:absolute; top:0; left:0; z-index:100; width:100%; height:10px; margin:0 auto; }

/* recommend
----------------------------------------------------------------------------------------- */
#recommend_box {top:50%;position:fixed;z-index:200;width:100%;}
#recommend_box .isFullWidth{width:100%;}
#recommend_box .isNotFullWidth{bottom:0px;position:fixed;width:100%;}
#recommend_box .isFullWidth #recommendWidthContainer{width:100%;bottom:0px;position:fixed;}
.titlebar{ background:#333333 url(title_bg.png) repeat-x scroll 0 0; color:#FFFFFF; height:21px; margin:0; padding:0 0 0 9px;}
.titlebar > span {padding-top:4px;}
.left {float:left;}
.right{float:right;}
.toCenter {margin:0 auto;position:relative;}
.panelBG {background-image:url(bg0009.png);display:table;margin-top:-170px;min-width:300px;}
.zeroWraper{height:0;overflow:visible;}
.recommendBg{background-color:rgba(0, 0, 0, 0.9);height:335px;width:100%;}
#recommendWidthContainer{bottom:0px}

.visibleOverflow {overflow:visible;width:1px;position:relative;}
.errorTitle{left:-16px;position:relative;top:-7px;width:466px;}
.errorTitle .c11{background-image:url("weiterempfehlen.png");background-position:0 -17px;background-repeat:no-repeat;float:left;height:7px;position:relative;width:7px;}
.errorTitle .c13{background-image:url(weiterempfehlen.png);background-position:-6px -17px;clear:none;float:right;height:7px;width:7px;}
.errorTitle .c21{background-color:#990000;clear:left;float:left;height:16px;width:7px;}
.errorTitle .c22{background-color:#990000;color:#FFFFFF;display:inline-block;font-weight:bold;padding:5px;width:442px;}
.errorTitle .c23{background-color:#990000;float:right;height:16px;width:7px;}


.borderTbl{border-collapse:collapse;margin:15px;}
.borderTbl > tbody > tr > td{padding:0}
.borderTbl .b11{background-image: url(weiterempfehlen.png);height:8px;width:8px}
.borderTbl .b12{background-image: url(vertical.png);background-position:0 -28px}
.borderTbl .b13{background-image: url(weiterempfehlen.png);background-position:-9px 0;width:8px}
.borderTbl .b21{background-image: url(horisontal.png);}
.borderTbl .b22{background-image: url(bg66615.png);padding:5px 15px;}
.borderTbl .b23{background-image: url(horisontal.png);background-position:-10px 0}
.borderTbl .b31{background-image: url(weiterempfehlen.png);background-position:0 -9px;height:8px;}
.borderTbl .b32{background-image: url(vertical.png);background-position:0 -38px}
.borderTbl .b33{background-image: url(weiterempfehlen.png);background-position:-9px -9px;}

#recommend_box strong{color:#FFFFFF;height:25px; display:block; }
#recommend_box .b22 table{border-collapse:collapse;width:435px;}
#recommend_box .borderTbl table input{background-color:#FFFFFF;border:#000000 solid 1px;font-size:14px;width:180px;padding:4px}
#recommend_box textarea{background-color:#FFFFFF;border:#000000 solid 1px;font-size:14px;height:90px;width:325px; margin-bottom:5px; }
#recommend_box a.btn{background-color:transparent;background-image: url(weiterempfehlen.png);background-position:-73px 0;border:medium none;height:27px;vertical-align:middle;width:100px;}
#recommend_box .borderTbl tr td .error {background-color:#990000;border:#FFFFFF solid 1px;color:#FFFFFF}
#recommend_box .borderTbl tr td.messagelabel { vertical-align:top; padding-top:5px; }
#recommend_box input[readonly] {  color: #999999; background-color:#222222 !important; width:320px !important; }


#recommend_box .icon{background-image: url(weiterempfehlen.png);display:inline-block;height:27px;margin-right:10px;vertical-align:middle;width:27px;}
#recommend_box .facebook{background-position:-18px 0;}
#recommend_box .twitter{background-position:-46px 0;}
#recommend_box .socialBox a {color:#8B8B8B;text-decoration:none;}
#recommend_box div.marg{margin:10px;}