/*@import url("/public/js/dojo/resources/dojo.css");*/
@import url("/public/css/htvDojo.css");

/*
Global CSS Setup fuers Raster
*/
body{
    text-align:center;
    background-color:#bbdb0c;
	font: 0.8em Verdana,Arial,Helvetica,sans-serif;
	*font-size: 80%;
    height:1300px
}

/* for IE6, otherwise its showing the dojoIframe */
body iframe{
    display:none
}

.smallfont{
    font-size:0.9em
}


.coloredText{
    color:#bbdb0c;
}

.unColoredText,
.fullArticle .unColoredText{
    color:#ccc;
}


.bold{
    font-weight:bold;
}

#hpTabPosition{
    height:auto;width:660px;position:relative
}


#masterPortalContainer{
    text-align:left;
    height: 800px;
    width: 980px;
    margin:0 auto
}

/* for IE6 */
#masterPortalContainer iframe{
    display:block
}

#mpcMainContainer,#mpcLeadingPane,#mpcHeadPane,#mpcMainContentContainer{
    width:907px;
}

#mpcNavigationPane,#mpcNavigationDummy{
    width:170px;
    overflow:hidden;
}

#mpcNavigationPane{
    background:url("images/bg_nav_main_body.gif") repeat-y;
}

#mpcNavigationDummy{
    margin-left:8px;
    margin-top:8px;
}

#mpcContentHeadPane,#mpcContentFootPane,#mpcContentPane,#mpcContentDummy{
    width:700px;
}

#mpcNavigationHeadPane{
    background:url("images/bg_nav_main_top.gif") no-repeat;
    height:39px;
    overflow:hidden;
}

#mpcNavigationFootPane{
    background:url("images/bg_nav_main_bottom.gif") no-repeat;
    height:39px;
    overflow:hidden;
}


#mpcContentDummy{
    margin-right:17px;
    margin-top:21px;
    /*height:100%*/
    overflow:hidden;
}

#mpcLeadingPane{
    height:100%;
    background: url(images/bg_global_body.gif) repeat-y;
    overflow:hidden;
}

#mpcHeadPane{
    height:143px;
    background: url(images/bg_global_top.gif) no-repeat
}

#mpcHeadSubContainer{
    height: 100%;
    width: 100%
}

#mpcHeadLeftPane,#mpcHeadRightPane{
    width:50%
}

#mpcMainPane{
    width:100%;
    overflow:hidden;
}

#mpcContentHeadPane{
    background:url(images/bg_content_main_top.gif) no-repeat;
    height:16px;
    overflow:hidden;
}

#mpcContentContainer{
    overflow:hidden;
}

#mpcContentPane{
    background:url(images/bg_content_main_body.gif) repeat-y;
    overflow:hidden;
}

#mpcContentPane{
    height:auto;
}

#mpcContentFootPane{
    background:url(images/bg_content_main_bottom.gif) no-repeat;
    height:38px
}

#mpcFooterPane{
    background: #bbdb0c url(images/bg_global_bottom.gif) no-repeat;
    height:35px;
}

#mpcTrailingPane{
    width:77px;
    height:100%
}

/*
Ab hier kommen jetzt die eigentlichen ContentStyles
*/

.clearer{
    clear:both;
    height:1px;
    font-size:1px;
}

/*
DIE MAIN NAVIGATION STYLES
*/
#mainNavContainer{
    padding-left:23px;
}

#mainNavContainer div{
    padding:0;
    padding-bottom:7px;
    margin-bottom:7px;
    width:130px;
    overflow:hidden;
    border-bottom:1px solid #484848
}

#mainNavContainer a{
    background:url( images/ic_nav_main.gif ) no-repeat scroll 0 2px;
    text-decoration:none;
    color:#ccc;
    margin:0;
    font-weight:bold;
    padding: 0 0 0 22px;
    font-size:0.85em;

}

#mainNavContainer a:hover{
    background:url( images/ic_nav_main_hover.gif ) no-repeat scroll 0 2px;
    color:#bbdb0c
}

#mainNavContainer a:active{
    background:url( images/ic_nav_main_active.gif ) no-repeat scroll 0 2px;
    color:#bbdb0c
}


/*
DIE META NAVIGATION STYLES
*/


#metaNavContainer{
    margin-top:42px;
    margin-left:50px
}

#metaNavContainer div.metaLinks{
    padding:0;
    margin-bottom:7px;
    float:left;
    border-right:1px solid #666;
    height:15px;
    overflow:hidden;
}

#metaNavContainer a{
    text-decoration:none;
    color:#333;
    margin:0;
    font-weight:bold;
    padding: 0 7px 0 7px;
    font-size:0.9em;

}

#metaNavContainer a:hover{
    color:#fff
}

#metaNavContainer a:active{
    color:#fff
}

#metaNavContainer form.loginForm,#metaNavContainer .welcomeText{
    margin : 0.2em 0 0;
    font-size:0.82em;
    color:#ccc;
    font-weight:bold;
    padding-left:0;
}

#metaNavContainer .welcomeText{
    margin-top:4px;
}


#metaNavContainer form.loginForm a,#metaNavContainer .welcomeText a{
    color:#ccc;
    font-weight:normal;
    text-decoration:none;
    padding:0
}

#metaNavContainer form.loginForm a:hover,#metaNavContainer .welcomeText a:hover{
    color:#fff;
}

form.loginForm input{
    width:95px;
    height:15px;
    position:relative;
    top:-1px;
    color:black;
    font-weight:normal;
}

form.loginForm input.submitButton,.submitButton{
    background:url(images/ic_form_submit.gif) no-repeat scroll 0 6px;
    width:16px;
    height:19px;
    border:none;
    margin-left:5px;
    cursor:pointer
}

form.loginForm input.submitButtonActive,.submitButtonActive{
    background:url(images/ic_spinner_fe_16x16.gif) no-repeat scroll 0 3px;
    height:19px;
}

/**
FOOTER STYLES
**/

#footerNavContainer{
    text-align:right;
    margin-top:15px;
    margin-right:6px;
    float:right;
}

.footerLinks{
    float:left;
    font-size:.8em;
    color:#666
}

.footerLinks a{
    color:#666
}

/**
CONTENT PANE STYLES
*/

div.resizeWrapper{
    width:660px;
    overflow-x:hidden;
    margin-left:20px
}

iframe.externalResourceWindow{
    border:none;
    width:670px;
    height:1000px;
    overflow:hidden;
}


#mpcContentPane{
    color:#ccc
}

h1{
    font:bold 1.0em Verdana,Arial,sans-serif;
    color:#bbdb0c;
    letter-spacing:1px;
    margin-bottom:0;
}

h2{
    font:normal 0.8em Verdana,Arial,sans-serif;
    color:#bbdb0c;
    margin-top:0;
    margin-bottom:10px
}

h3{
    font-weight:bold;
    font-size:0.85em;
    margin-top:10px;
    margin-bottom:10px
}

#hptab_home {
    overflow:hidden;
}

#hptab_home h1,h2{
    margin-left:90px;
    margin-top:0;
}

.hpHeadline{
    font-size:1.4em;
    margin: 0 0 14px 90px;
    color:#ccc
}

.hpTeaserContainer{
    width:680px;
    height:160px;
    padding:0;
    margin:0;
    margin-top:20px;
}

.hpTeaser{
    background:url(images/bg_teaser_hp2.gif) no-repeat;
    width:319px;
    margin-right:12px;
    height:143px;
    float:left;
}

.hpTeaser .singleTeaserImage{
    width:110px;
    height:150px;
    float:left;
}

.hpTeaser .singleTeaserImage img{
    width:80px;
    height:60px;
    margin-top:50px;
    margin-left:15px
}

.hpTeaser .singleTeaserText{
    width:205px;
    height:150px;
    float:left;
}

.hpTeaser .multiTeaserImage{
    width:80px;
    height:80px;
    float:left;
    text-align:center;
    color:#bbdb0c;
    margin-left:20px;
    font-weight:bold;
    font-size:0.8em;
    white-space:nowrap;
}

.hpTeaser .multiTeaserImage a{
    color:#bbdb0c
}

#hptab_home .hpTeaser h1{

    margin-top:10px;
    margin-left:20px;

}


#hptab_home .hpTeaser h2{
    margin-left:20px;
}

#hptab_home .singleTeaserText h1{
    margin-left:0;
}

#hptab_home .singleTeaserText h2{
    margin-left:0;
}


/**
ArticleList Content Styles
*/

.articleHeadline .backLink{
    margin-top:9px
}

.pageWiseContainer{
    color:#bbdb0c;
    font-weight:bold;
    height:35px;
}

.pageWiseContainer a{
    color:#bbdb0c;
    text-decoration:none
}

.pageWiseContainer div{
    float:left;
}

.pageWisePageLink{
    text-align:center;
    vertical-align:text-top;
}

.pageWiseContainer a.pageWiseActive{
    color:#fff
}

.pageWiseNext, .pageWisePrev,.pageWiseFirst, .pageWiseLast{
    background: no-repeat scroll 0 2px;
    cursor:pointer
}

.pageWiseNext, .pageWisePrev{
    width:13px;
}

.pageWisePrev{
    background-image:url(images/ic_back_prevpage.gif);
}

.pageWiseNext{
    background-image:url(images/ic_forward_nextpage.gif);
}

.pageWiseFirst, .pageWiseNext, .pageWisePageLink{
    margin-left: 10px;
}


.pageWiseFirst, .pageWiseLast{
    width:18px;
}

.pageWiseFirst{
    background-image:url(images/ic_back.gif);
}

.pageWiseLast{
    background-image:url(images/ic_forward.gif);
}

.pageWiseNext div, .pageWisePrev div, .pageWiseFirst div, .pageWiseLast div{
    float:none;
}


.articleListContainer{
    float:left;
    width:320px;
    margin:0;
    padding:0;
}

.articleListItemContainer{
    padding-bottom:22px;
    padding-top:3px;
    margin-bottom:5px;
    border-bottom:1px solid #333;
    width:300px
}

.footageCategoryIcon{
    width:90px;
    height:25px;
    float:left;
}

.pricefree{
    background:url(images/ic_price_free.gif) no-repeat scroll 0 14px;
}

.upcoming{
    background:url(images/ic_upcoming.gif) no-repeat scroll 0 14px;
}

.tvrights{
    background:url(images/ic_tv_rights.gif) no-repeat scroll 0 14px;
}

.articleListItemContainer .image, .articleListItemContainer .image img{
    width:90px;
    height:60px;
    border:none;
    float:left;
}

.articleListItemContainer .image img{
    width:80px;
}

.articleListItemContainer .link,.videoArticleText .linkfullwidth,.linkshort{
    width:210px;
    height:22px;
    margin-top:10px;
    background:transparent url(images/ic_forward_nextpage.gif) no-repeat scroll 200px 2px;
    float:left;
}


.videoArticleText .linkfullwidth{
    width:300px;
    background-position:290px 0;
    height:15px;
}

.linkshort{
    width:55px;
    background-position:40px 1px;
    height:15px;
    font-size:1em
}


.listBorderTop,.listBorderBottom{
    width:300px;
    margin-bottom:5px;

}

.listBorderBottom{
    border-bottom:1px solid #444;
}

.listBorderTop{
    border-top:1px solid #444;
}

.articleListItemContainer .link a,.videoArticleText .linkfullwidth a,.linkshort a{
    color:#bbdb0c;
    font-size:1em;
    font-weight:bold;
    text-decoration:none
}

.videoArticleText .linkfullwidth a{
    margin-left:90px
}

.articleListItemContainer .listText{
    width:200px;
    height:60px;
    overflow:hidden;
}

.articleListItemContainer .listText .listDate{

}

.articleListItemContainer .listText .listDate, a{
    text-decoration:none;
}


.articleListItemContainer .listText, a{
    color:#ccc
}

.articleListItemContainer .listDate,.listDate{
    color:#999;
    font-size:.8em
}

/*
ARTICLE STYLES
*/

table.article{
    font-size:1.0em;
    line-height:16px;
    color:#ccc
}

table.article td{
    text-align:left;
    vertical-align:top;
}


.videoArticleText,.videoArticlePreviewContainer{
    width:320px;
    font-size:0.95em;
    float:left;
}

.videoArticleText{
    width:310px;
}

.fullArticle{
    font-size:0.85em;
    line-height:16px
}

.fullArticle a{
    color:#bbdb0c;
    text-decoration:none;
}

.videoArticlePreviewContainer{
    margin-left:20px
}

.videoArticleText h3,.videoArticleTextSectionLabel h3{
    font-size:1.0em;
    margin:0;
    padding:0;
    margin-bottom:5px
}

.videoArticleTextSectionText,.videoArticleTextSectionLabel{
    margin-top:10px;
}

.videoArticleTextSectionLabel{
    width:158px;
    float:left;
}

.videoArticleTextSectionText{
    width:150px;
    float:left;
}

.videoArticleTextSectionText li{
    white-space:nowrap;
}

.backLink{
    background:url(images/ic_back.gif)  no-repeat scroll 37px 1px;
    width:60px;
    font-weight:normal;
    font-size:1.0em;
    float:right;
}

.backLink a{
    color:#bbdb0c;
    text-decoration:none
}

.playerContainer{
    border:1px solid #333;
    width:322px
}

.dlCheckForm{
    margin:0;
    padding:0
}

.formTextbox, .formCombobox{
    background-color:#ccc;
    border:1px solid #fff;
    height:18px;
    font-size:.9em;
    width:100%
}

.formCheckbox{
    margin:0;
    height:18px
}

/**

TAB STYLES

*/



/**
 * dijit.layout.TabContainer
 *
 * To style TabContainer with rounded corners
 * you can use these classes: .dijitTab (left), .dijitTabContent (center), dijitTabInnerDiv (right)
 * For tabs aligned to top you can style a stripe div right underneath the tabs using .dijitTabStripe
 */

/* Classes for all types of tabs (top/bottom/left/right) */

.htvskin .tabPane{
    height:auto;
    margin-top:21px;
    overflow:hidden;
}

.htvskin .tabPane .resizeWrapper{
    width:100%;
    margin:0
}

#hpTabPosition .tabPane{
    height:auto;
}

/* Tabs, shared classes */
.htvskin .dijitTabPaneWrapper {
	background:transparent;
	border-top:1px solid #333;
	margin: 0;
	padding: 0;
    height:auto;
    clear:both;
}


.htvskin .dijitTabInnerDiv {
	padding:0px 3px 0px 0px;
	margin: 0 0 0 4px;
}

.htvskin .dijitTab {
	line-height:normal;
	margin:1px 1px 0 0;	/* space between one tab and the next in top/bottom mode */
	padding:0;
	background: url(images/bg_tab_homepage.gif) no-repeat scroll 0 0;
	color: #000;
	border-right: 1px #93ac07 solid;
    float:left;
    font:bold 0.8em Verdana,sans-serif
}

.htvskin .dijitTabInnerDiv .dijitTabContent {
	padding:0 20px 2px;
	position: relative;
    color:#000

}

.dijitTabSpacer {
	font-size: 1px;
}

/* hovered tab */
.htvskin .dijitTabHover {
	color: #fff;
}

.htvskin .dijitTabHover .dijitTabInnerDiv{
    color: #fff;
}

.htvskin .dijitTabHover .dijitTabInnerDiv .dijitTabContent{
    color: #fff;
}

/* checked tab*/
.htvskin .dijitTabChecked{
	/* the selected tab (with or without hover) */
    color: #fff !important;
}

.htvskin .dijitTabChecked .dijitTabInnerDiv {
    color: #fff !important;
}

.htvskin .dijitTabChecked .dijitTabInnerDiv .dijitTabContent {
	color: #fff !important;
}

.htvskin .dijitTab .dijitTabButtonSpacer {
	height: 15px;
	width: 1px;
}

/* ================================ */
/* top tabs */
.htvskin .dijitTabContainerTop-tabs {
	margin-bottom: -1px;
	padding-left: 91px;

}

/* top container */
.htvskin .dijitTabContainerTop-container {

}

/* checked tabs */
.htvskin .dijitTabContainerTop-tabs .dijitTabChecked {
	border-bottom-color: #f8f8f8;
    color: #fff !important;
}

/* strip */
.htvskin .dijitTabContainerTopStrip {
	border: 1px solid #ccc;
	padding-top: 2px;
	padding-left: 3px;
}

.htvskin .dijitTabContainerTopStrip {
	background: #f2f2f2;
}

/* ================================ */

/* this resets the tabcontainer stripe when within a contentpane */
.htvskin .dijitTabContainerTop-dijitContentPane .dijitTabContainerTop-tabs {
	border-left: 0px solid #ccc;
	border-top: 0px solid #ccc;
	border-right: 0px solid #ccc;
	padding-top: 0px;
	padding-left: 0px;
}