* { padding:  0; margin: 0; outline: none; }
button::-moz-focus-inner { border: 0; }
strong {font-weight: bold}
em {font-style: italic;}
header, nav, section, article, aside, footer {display:block; padding: 0; margin:  0;}

section#container { position: relative; margin: 0 auto; height: auto !important; height: 100%; min-height: 100%; width: 970px; }

header.main { width: 100%; height: 70px; }

a.itv-logo-img { display: block; float: left; margin: 17px 0 0 20px; overflow: hidden; }

/* mobile apps icons */
section#mobile-icons {float: right; margin: 17px 20px 0 }
section#mobile-icons > ul > li { float: left; height: inherit; display: block; padding-left: 10px; }

section#mobile-icons > ul > li.abo-button { width: 240px; }

section#mobile-icons > ul > li > a > span {
    display: block; background-repeat: no-repeat; text-decoration: none;
    background-image: url("/images/new-design/android-apple-sprites.gif"); height: 38px; overflow: hidden; width: 110px;
}
section#mobile-icons > ul > li > a > span   { text-indent: -2000px; }
section#mobile-icons > ul > li > a.apple span { background-position: -110px 0; }
section#mobile-icons > ul > li > a.android span { background-position: 0 0; }
section#mobile-icons > ul > li > a.apple:hover span { background-position: -110px 1px; }
section#mobile-icons > ul > li > a.android:hover span { background-position: 0 1px; }
section#mobile-icons > ul > li > a.apple:active span { background-position: -110px 2px; }
section#mobile-icons > ul > li > a.android:active span { background-position: 0 2px; }
/* !mobile apps icons */

section#below-header, nav.main {
    min-height: 45px; height: 45 !important; height: 45px;
    background-image: url(/css/img/background-main-nav-top.png);
    background-repeat: no-repeat; background-color: #fff;
    overflow: hidden;
}

/* navigation */
nav.main {
    position: absolute; float: left;
    width: 680px;
}
nav.main li { border-left: 1px solid #E6E6E6; display: block; float: left; height: 45px; padding: 0 15px; }
nav.main li:first-child { border-left: none; }
nav.main li > a { font-family: Lucida-Grande, "Lucida Grande", "LucidaGrande", luxi-sans, Arial, sans-serif; font-size: 13px;  text-decoration: none; color: #666666; display: block; height: 45px; }
nav.main li > a > span { display: block; padding: 15px 0 0; }
nav.main li > a:hover, nav.main li > a.active  { color: #000000 }
/* !navigation */

/* Search */
section.search {position: absolute; float: right; right: 10px; top:80px;}
section.search > form {display: block}

section.search > form > input[type="text"]{
    background: url("/images/new-design/suche-magnifier-sprites.png") no-repeat scroll 0 0 transparent;
    border: none;
    color: #999999;
    float: left;
    font-family: Arial 'Georgia';
    font-size: 11px;
    font-weight: bold;
    height: 25px;
    margin: 0;
    padding: 0 10px;
    position: relative;
    width: 125px;
}

section.search > form > button[type="submit"]{
    background: url("/images/new-design/suche-magnifier-sprites.png") no-repeat scroll -168px 0 transparent;
    width: 23px; height: 25px;
    text-indent: -2900px;
    border:  none;
    float: left;
    text-decoration: none;
    margin: 0 0 0 10px;
}
section.search > form > button[type="submit"]:hover{
    background: url("/images/new-design/suche-magnifier-sprites.png") no-repeat scroll -145px 0 transparent;
}
section.search > form > button[type="submit"]:active{
    background: url("/images/new-design/suche-magnifier-sprites.png") no-repeat scroll -145px 1px transparent;
}
/*background: transparent url(/css/img/background-search.gif) no-repeat right top;*/

section#icontainer {clear: both; background-color: #FFFFFF;}

/* Ad styles */

.ad_placeholder, .social_placeholder {padding:  10px 0;}

.ad_type_ad_leaderboard {padding-top: 18px;}

.ad_type_ad_leaderboard > div {display: block;width: 728px; height: 90px;margin:  0 auto;}

.ad_type_ad_square {overflow: hidden;width: 300px;height: 250px;}

.ad_type_ad_square > div {display: block;width: 320px; height: 200px;margin:  0 auto;}

.ad_type_ad_skyscraper {height: 600px;margin-right: -180px;overflow: visible;position: absolute;right: 0;top: 110px;width: 160px;}

/* !Ad styles */


/* Content Wrapper */
#icontainer .content-wrap {
    min-height: 600px;
    width: 950px;
    border-left: 10px solid #fff;
    border-right: 10px solid #fff;
    overflow: hidden;
    padding-top: 10px;
}


section.content-left-col {
    overflow: hidden;
    float: left;
    width: 607px;
    margin: 0 0 0 10px;
    padding-bottom: 106px;
}

section.content-right-col {
    overflow: hidden;
    float: left;
    width: 300px;
    margin: 0 0 0 20px;
    padding: 0;
}

/* Video list on starpage */
section#video_list > header { margin-bottom: 0;height: 32px;line-height: 1.7em;position: relative;top: 0;font-size: 20px;border-bottom: 1px solid #ccc; }

section#video_list > header a {color: #333333;text-decoration: none;line-height: 1.7em;}

section#video_list > header > span {
    float: left;
    position: absolute;
}

section#video_list > header > a.video-rubrik-link {
    color: #B20000; display: block; line-height: 1.8em; margin: 7px 0 0 414px;
    position: absolute; text-align: right; text-decoration: none; top: 0; width: 120px;
}
section#video_list > header > .video-rubrik-link:hover { color: #333; }

section#video_list > header  span.channels_count { color: #AAAAAA; font-size: 11px; line-height: 1.8em; }


section#video_list div.video-list-controls {
	position: absolute;
	margin: -24px 0 0 544px
}

section#video_list article.video-list > ul > li {
	width: 607px;
	overflow: hidden;
	/*height: 175px;*/
	height: 188px;
	padding: 0;
	margin: 0;
}

section#video_list article.video-list a.video-box {
	background: #fff;
	display: block;
	/*height: 175px;*/
	height: 188px;
	width: 192px;
	margin-left: 10px;
	text-decoration: none;
}
section#video_list article.video-list a.video-box span.video-thumbnail {
	display: block;
	height: 108px;
	width: 192px;
	background-position: left top;
	background-repeat: no-repeat;
}
section#video_list article.video-list ul {
	padding-top:10px;
}



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

/* SSF Logo */

#ssf-wrap {
    height: 50px;
    display: block;
}

.ssf-partner {
    display: block;
    margin: 0 0 0 0;
    border: none;
    position: absolute;
    text-decoration: none;
}

.ssf-partner img {
    display: block;
    float: left;
    margin-right: 7px;
}

.ssf-partner span {
    display: block;
    width: 200px;
    color: #666;
    font-size: 9px;
    line-height: 1.05em;
    padding: 1px 0 0 0;

}

#header-wrap .header-right-col .head-breadcrumb {
    position: absolute;
    right: 200px;
    height: 24px;
    line-height: 24px;
    color: #999;
}

#header-wrap .header-right-col .head-breadcrumb a {
    color: #999;
    text-decoration: none;
    margin-right: 5px;
    margin-left: 5px;
    font-family: Lucida-Grande, "Lucida Grande", Arial, sans-serif;
}

#header-wrap .header-right-col .head-breadcrumb span {
    margin-left: 5px;
}

#header-wrap .header-right-col .head-breadcrumb a.root {
    color: #B20000;
}

#header-wrap .header-right-col .head-breadcrumb a:hover {
    text-decoration: underline;
}




/*
=================================================================== */
/* Keyvisit */
#icontainer #keyvisit {
    clear: both;
    height: 360px;
}

/*
=================================================================== */
/*
=================================================================== */
/* Pagination Default Colors */
.pagination { border-top: 1px solid #ccc; }
.pagination ul li a { color: #CC0000; }
.pagination ul li.current a,
.pagination ul li a:hover { color: #656565; }
.pagination ul li .next { background: url(/css/img/background-pagination-next.gif) no-repeat left top; }


/* Pagination */
.pagination {  position: relative;  clear: both; }
.pagination ul { position: absolute; right: 0; }
.pagination ul li { float: left; width: 28px; height: 26px; border-left: 1px solid #CCCCCC;}
.pagination ul li:first-child { border-left: 1px solid #FFF;}
.pagination ul li > a { display: block; text-align: center; text-decoration: none; width: 28px; height: 26px; position: absolute; }
.pagination ul li > a > span,
.pagination ul li > a > em { display: block; margin: 6px 0 0; width: 28px; }

.pagination ul li.current {
    background: url("/images/new-design/active_page_bg.png") no-repeat scroll 0 0 transparent;
    margin: -1px 0 0; padding: 1px 0 0;
}

.pagination ul li .sb,
.pagination ul li .next { height: 9px; margin: 9px 0 0 10px; width: 6px; }

.pagination ul li .sb em,
.pagination ul li .next em { display: none; }

/* defaults.css ab zeile 206 ersetzten (links zu den images beachten -> css/ entfernen wenn in dateien */
.pagination ul li .next { background: url(/css/img/background-pagination-next.gif) no-repeat left top; }

.pagination ul li .prev {
    background: url(/css/img/background-pagination-prev.gif) no-repeat left top;
}

.pagination ul li .m-next {
    background: url(/css/img/background-pagination-m-next.gif) no-repeat left top;
}

.pagination ul li .m-prev {
    background: url(/css/img/background-pagination-m-prev.gif) no-repeat left top;
}

/*
=================================================================== */
/* Commentar Liste */
.art-comments li {
    position: relative;
    float: left;
    width: 520px;
    margin-bottom: 11px;
    padding-top: 11px;
    padding-bottom: 40px;
}

#icontainer .content-wrap .content-left-col .art-comments li p {
    width: 385px;
}

#icontainer .content-wrap .content-left-col .art-comments .art-comments-message .lead {
    margin-bottom: 10px;
}

.name {

}

.art-comments li .top {
    position: absolute;
    top: 0;
    left: 0;
    height: 4px;
    width: 520px;
}

.art-comments li .bottom {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 27px;
    width: 520px;
}

.art-comments-message {
    float: left;
    width: 385px;
    min-height: 82px;
}

.art-comments-user-i {
    display: inline-block;
    float: left;
    width: 74px;
    height: 69px;
    margin: 0 10px 0 13px;
}

.user-image {
    display: block;
    height: 52px;
    width: 52px;
    margin: 5px 0 0 5px;
}


/*
=================================================================== */
/* Footer */
#icontainer .footer {
    clear: both;
    height: 40px;
    background: transparent url(/css/img/background-footer.jpg) no-repeat center top;
    margin-top: -1px;
    padding: 15px 0 0 20px;

}

#icontainer .footer a,
#icontainer .footer ul li a:link {
    text-decoration: none;
}

/*
=================================================================== */
/* Typen */


h2.bottom0 {
    margin-bottom: 0;
}

h2 {
    margin-bottom: 25px;
}


#icontainer .content-wrap .content-left-col p.lead {
    margin: 0 0 4px 0;
    padding: 0;
    clear: both;
    font-weight: bold;
}

div#ajax-comments {
    padding: 30px 0 0;
}

#icontainer .content-wrap p a,
#icontainer .content-wrap p a:link {
    text-decoration: none;
    color: #B40000;
}

#icontainer .content-wrap p a:hover {
    color: #000;
}

/*
=================================================================== */
/* Extra Links */
/* Twitter Button */

span.video-extra-content a {
    padding-left: 10px;
    background: url(/css/img/background-a-ll.gif) no-repeat left 0.35em;
}

a.ll {
    padding-left: 10px;
    background: url(/css/img/background-a-ll.gif) no-repeat left 0.35em;
}

/*
=================================================================== */
/* Video Box Event Title */
#icontainer .content-wrap .content-middle-col .video-title-event {
    background: #960000;
}

#icontainer .content-wrap .content-middle-col .video-title-event:hover {
    background: #6D0000;
}

/*
=================================================================== */
/* Video Box des Tages */
#icontainer .content-wrap .content-middle-col .video-of-day {
    background: #2A0000;
}

#icontainer .content-wrap .content-middle-col .video-of-day:hover {
/*background: #6D0000;*/
}

.channel-navigation li a,
.accordion a,
#icontainer .content-wrap .content-middle-col .video-box span.video-description,
#icontainer .content-wrap .content-middle-col .video-box span.video-title {
    color: #fff;
}

#icontainer .content-wrap .content-middle-col .video-box span.video-channel,
#icontainer .content-wrap .content-middle-col .video-box span.video-date,
#icontainer .content-wrap .content-middle-col .video-box span.video-views {
    color: #fff;
    filter: alpha(opacity = 50);
    opacity: 0.5;
    -moz-opacity: 0.5;
}

#icontainer .content-wrap .content-middle-col .video-box span.video-subtitle {
    color: #fff;
}

#icontainer .content-wrap .abo-channel-button {

    clear: both;
    display: block;
    background: #BCBCBC url(img/background-channel-button.png) no-repeat right top;
    color: #424242;
    text-decoration: none;
    line-height: 115%;
    padding: 7px 9px 7px 49px;
    margin: 0 0 20px 0;
    height: auto !important;
    height: 32px;
    min-height: 32px;
}

div#mobile_app_icons_container {
    float: right;
    height: 20px;
    margin: 32px 89px 0 0;
    width: 100px;
}

div#social_icons_container {
    position: absolute;
    right: 0;
    top: 52px;
}

div#social_icons_container ul > li {
    float: left;
    height: inherit;
    display: block;
}

div#social_icons_container ul > li > a > span {
    visibility: hidden;
}

div#social_icons_container a {
    display: block;
    background-repeat: no-repeat;
    text-decoration: none;
    background-image: url("/images/social_icons.png");
    height: 18px;
    margin: 10px 3px 0 0;
    overflow: hidden;
    width: 18px;
}

div#social_icons_container a.rss_icon {
    background-position: 0 0;
}

div#social_icons_container a.facebook_icon {
    background-position: -24px 0;
}

div#social_icons_container a.twitter_icon {
    background-position: -48px 0;
}

.space-top-bottom {
    padding: 10px 0;
}

div.top_small_banner, div.top_small_banner_2, div.mobile_banner {
    position: absolute;
}

div.top_small_banner {
    height: 55px;
    right: 305px;
    top: 17px;
    width: 320px;
}

div.top_small_banner_2 {
    height: 35px;
    right: 283px;
    top: 17px;
    width: 200px;
}

div.mobile_banner {
    right: 240px;
    top: 5px;
    width: 347px;
    height: 86px;
    background: url("/images/itv_mobile_banner_2.png") no-repeat scroll 0 0 transparent;
    text-indent: -2000px;
}

/* WebTV Partner Video Box */

section.ssf_schedule_container {padding:  10px 0;}
section.ssf_schedule_container > header {padding:  0; height: 67px; background-color: #000; overflow: hidden;}
section.ssf_schedule_container > header > div.partner-logo > img {margin: 8px; float: left }
section.ssf_schedule_container > header > div.partner-lead {margin: 9px; float: right }
section.ssf_schedule_container > header > div.partner-lead > span { display: block; color: #6d6d6d; font-weight: bold; text-align: right; font-size: 13px; }
section.ssf_schedule_container > header > div.partner-lead > span:first-child { color: #FFFFFF; font-weight: bold; padding: 3px 0; }
section.ssf_schedule_container > ul { padding:  0; margin:  0; list-style: none}
section.ssf_schedule_container > ul > li { padding:  0; margin:  0; list-style: none; height: 32px; background-color: #262626; border-top: 1px solid #444444;}
section.ssf_schedule_container > ul > li a { color: #c6c6c6; text-decoration: none; display: block; font-size: 13px; letter-spacing: 0; padding: 9px}
section.ssf_schedule_container > ul > li a > span { color: #FFF; text-decoration: none }
section.ssf_schedule_container > ul > li a:hover > span { color: #FFF; text-decoration: underline }
section.ssf_schedule_container > ul > li a.web-tv-channel > span { color: #C6C6C6; text-decoration: none }
section.ssf_schedule_container > ul > li a.web-tv-channel:hover > span { color: #FFF; text-decoration: underline }
section.ssf_schedule_container > ul > li a span.triangle_sign { color: #C6C6C6; display: block; float: left; font-size: 9px; margin: 0; padding: 0 5px 0 3px; text-decoration: none; }

/* !WebTV Partner Video Box */

section.award_container > img {margin:  0 auto; width: 120px; height: 120px; display: block;}

/* Footer */
footer {
    background: url(/css/img/background-main-nav-bottom.png) no-repeat 0 0 transparent; margin:  0; padding:  20px 0; font-size: 11px;
    font-family: Lucida-Grande,"Lucida Grande",Arial,sans-serif;
}
footer > section  { margin: 10px auto; width: 735px;}
footer > section >  p {color: #818181; display: block; float: left; padding: 0; text-align: center; width: 555px; height: 16px;}
footer > section > p > a {color: #5a5a5a; text-decoration: none}
footer > section > p > a:hover {text-decoration: underline}

footer ul.bottom_social_icons {display: block; float: left; height: 16px; margin:1px 0 0; padding: 0; width: 180px;overflow: visible;}
footer ul.bottom_social_icons li {display: block; margin: 0; float: left; padding: 0 10px;}
footer ul.bottom_social_icons li a > span {
    display: block;
    float: left;
    height: 16px;
    margin: -3px 5px 0 0;
    width: 16px;
}
footer ul.bottom_social_icons li a.bottom_facebook > span { background: url("/images/new-design/social_icons_small.gif") no-repeat scroll 0 0 transparent;}
footer ul.bottom_social_icons li a.bottom_twitter > span { background: url("/images/new-design/social_icons_small.gif") no-repeat scroll -16px 0 transparent;}
footer ul.bottom_social_icons li a {line-height:11px; color: #5a5a5a; display: block; padding: 0; text-align: center; text-decoration: none}
footer ul.bottom_social_icons li a:hover {text-decoration: underline}


#keyvisit .myflash { height: 360px; margin: 0; position: absolute; width: 640px; }


nav.main ul li.vertical {
    display: none;
    position: absolute;
    background: #fff;
    border: 1px solid #EBEBEB;
    width: 25%; float: right;
    z-index: 100;
}

nav.main ul li.vertical span { border-right: none; }

nav.main.channel > ul {}

nav.main span.more-menu {
    float: left;
    display: block;
    cursor: pointer;
    line-height: 45px;
    font-size: 13px;
    color: #666;
    font-family: "Myriad Pro", Myriad, myriad-pro, Arial, sans-serif;
    background: url("/images/tri-arrow-right.gif") no-repeat scroll 42px 19px transparent;
    width: 43px;
    height: 45px;
    padding: 0 10px;
    border-left: 1px solid #EBEBEB;
}

nav.main span.more-menu:hover {
    background: url("/images/tri-arrow-down.gif") no-repeat scroll 42px 18px transparent;
}


nav.main ul li.vertical a {
    text-align: left;
}

a.channel-auf-itv {position: absolute; right: 194px; top: 75px;}

.channel-hl { color: #FFFFFF; float: right; position: absolute; right: 0; text-align: center; width: 320px; }
section.channel_branding { width: 330px; height: 360px; position: absolute; right: 0 }



section.video-channel-list { padding:  20px 0 0; overflow: hidden;}
section.video-channel-list > ul {}
section.video-channel-list > ul > li {float: left; width: 202px; height: 248px; }
section.video-channel-list > ul > li > div {width: 192px; height: 221px; margin: 0; }

section.content-left-col section.video_of_the_day { height: 135px; overflow: hidden; width: 596px; background-color: #f2f2f2; margin: 20px 0 0;}
section.content-left-col section.video_of_the_day > a > img { height: 135px; width: 240px; float: left; display: block;}
section.content-left-col section.video_of_the_day > section.vdt_info { height: 135px; float: left; margin: 0; padding:  0; overflow: hidden; width: 355px; }
section.content-left-col section.video_of_the_day > section.vdt_info > header { margin: 10px 15px; color: #8c375b; font-size: 13px; font-weight: bold; float: left; }
section.content-left-col section.video_of_the_day > section.vdt_info > h2 { margin: 0 15px 0; color: #000; font-size: 13px; clear: both; padding:  20px 0 0;}
section.content-left-col section.video_of_the_day > section.vdt_info > h2 a { color: #000; text-decoration: none}
section.content-left-col section.video_of_the_day > section.vdt_info > h2 a:hover { text-decoration: underline}
section.content-left-col section.video_of_the_day > section.vdt_info > article { margin:  10px 15px; color: #8b8b8b; font-size: 13px;}

section.content-left-col section.video_of_the_day  section.video_cnt_icons { position: relative; width: 195px; height: 40px; float: right;}
section.content-left-col section.video_of_the_day  section.video_cnt_icons li { float: left; display: block; font-size: 10px; overflow: visible; padding: 0 7px;}
section.content-left-col section.video_of_the_day  section.video_cnt_icons li.likeits_cnt_icon span {
    background: url(/images/new-design/icon_sprites.gif) transparent 0 0 no-repeat;
    color: #FFFFFF; display: block; font-weight: bold; height: 21px; line-height: 17px;
    margin: 10px 0 0; text-align: center; width: 24px;
}
section.content-left-col section.video_of_the_day  section.video_cnt_icons li.comments_cnt_icon span {
    background: url(/images/new-design/icon_sprites.gif) transparent -25px 0 no-repeat;
    color: #FFFFFF; display: block; font-weight: bold; height: 21px; line-height: 17px;
    margin: 10px 0 0; text-align: center; width: 21px;
}

section.content-left-col section.video_of_the_day  section.video_cnt_icons li.fb_cnt_icon {
    display: block; height: 21px; margin: 10px 0 0; text-align: center; width: 21px;
}

section.video-channel-list span.video-date {
    background: url("/css/img/background-video-list-channel-span.gif") no-repeat scroll 0 7px transparent;
    color: #666666; display: block; line-height: 1.3em; padding: 4px 4px 0 8px; float:left;
}
section.video-channel-list a.video-title { clear: both;color: #000000;display: block;font-size: 13px;line-height: 1.3em;padding: 3px 0;text-decoration: none; }
section.video-channel-list a.video-title:hover { text-decoration: underline; }
section.video-channel-list p.video-description { font-size: 13px; clear: both; color: #858585; line-height: 1.3em; padding: 0; }


section.video-channel-list  section.video_cnt_icons li { float: left; display: block; font-size: 11px; overflow: visible; padding: 0 20px 0 0; color: #333; line-height: 14px; font-weight: bold;}
section.video-channel-list  section.video_cnt_icons li.likeits_cnt_icon span {
    background: url("/images/new-design/icon_sprites.gif") no-repeat scroll -66px 0 transparent;
    display: block;
    height: 15px;
    text-align: center;
    text-indent: 19px;
    width: 17px;
}
section.video-channel-list  section.video_cnt_icons li.comments_cnt_icon span {
    background: url("/images/new-design/icon_sprites.gif") no-repeat scroll -45px 0 transparent;
    display: block;
    height: 19px;
    text-align: center;
    text-indent: 20px;
    width: 19px;
}

section.video-channel-list  section.video_cnt_icons li.fb_cnt_icon {
    display: block; height: 21px; margin: 10px 0 0; text-align: center; width: 21px;
}
section.video-channel-list  section.video_cnt_icons {float: right;overflow: hidden;padding: 4px 0 0;}
/*
=================================================================== */
/* Rubrik Styles */

section#video_list article#video-list-category > ul > li{height: 175px;width: 192px;display: block;float: left;border-top: 1px solid #ccc;padding: 10px 10px 0 0;margin: -1px 0 0;}
section#video_list article#video-list-category ul {
    border:none;
    padding-top: 0;
}

.tab-navigation li a.empty {
    width: 193px;
}

#categories-tab {margin-bottom: 0;overflow: hidden;}
#icontainer .content-wrap .content-left-col article#video-list-category {border-bottom: 0;}
/*
=================================================================== */
/* Video Slider */
#video-slider { background: #B3B3B3 url(/css/img/background-video-slider.jpg) repeat-x top; height: 67px; overflow: hidden;   margin: 1px 0 0; }
#video-slider ul li:first-child span { display: block; width: 71px; font-size: 13px; line-height: 17px; margin:  30px 0 0 10px; }
#video-slider ul li.caption { width: 71px; float: left; height: 67px; }
#video-slider .v-smal { padding-top: 47px; }
/* Video Box */
#video-slider .video-box {
	background: #666;
	display: block;
	height: 84px;
	width: 117px;
	margin-left: 1px;
	text-decoration: none;
	float: left;
	color: #fff;
}
#video-slider .v-smal .video-box { height: 67px;}
#video-slider .video-box:hover { cursor: pointer; }
#video-slider .video-box span.title { display: none; position: absolute; height: 62px; line-height: 14px; width: 102px; background-color: #292521; padding: 5px 7px 0 8px; }
#video-slider .current span.title,
#video-slider .video-box:hover span.title { display:block; }

#video-slider .video-box span.video-thumbnail { display: block; height: 67px; width: 117px; background-position: left top; background-repeat: no-repeat; }
#video-slider .video-box span.video-time { display: block; color: #fff; padding: 1px 0 0 0; line-height: 1.3em; text-align: center; }


.myJac span.arrow-left, .myJac span.arrow-right {height: 67px;width: 23px;overflow:hidden;background-image: url(/images/new-design/left_right_slider_arrows.png);background-repeat: no-repeat;}
.myJac span.arrow-left { left: 0; background-position: 0px 0px; }
.myJac span.arrow-right { right: 0; background-position: -23px 0px; }
.myJac span.arrow-left:hover { left: 0; background-position: 0 -67px; }
.myJac span.arrow-right:hover { right: 0; background-position: -23px -67px; }

.myJac .arrow-left a, .myJac .arrow-right a { display:block; height:67px; width:23px; text-indent:-999em; }
.myJac .arrow-left a:focus, .myJac .arrow-right a:focus { outline:none; }


.jacbox { width:970px;  float:left; }
.jac { height:67px;  position:relative; margin: 0; }
.jac .carousel { position:absolute; top:0; left:0; margin:0; padding:0; list-style-type:none; height: 67px;}
.jac .arrow-left, .jac .arrow-right { float:left; }
.jac .carousel .jac-content { float:left; }
.jac ul { display:inline; }
.jac ul li { float:left !important; }
.jac ul li.default { float:left !important; width:118px !important; }
.myJac .arrow-left, .myJac .arrow-right { position:absolute; top: 0; z-index:5; height:67px; width:23px; }


section.video_detail > header {padding:  25px 0 0; font-size: 32px; }
section.video_detail > article > p {padding: 0 0 5px}
section.video_detail > article > p.lead {padding: 5px 0 0}
section.video_detail > p.channel-lead {padding:  17px 0 0}
section.video_detail > article { clear: both; font-size: 13px; line-height: 18px; padding: 0;}

div.social_media_buttons {clear: both; height: 21px; margin: 0; padding: 10px 0 0; }

div.social_media_buttons div.button { float: left; padding: 0 2px;  }
div.social_media_buttons div.button_g { width: 62px;}
div.social_media_buttons div.button_tw { width: 110px;}
div.social_media_buttons div.button_fb { width: 150px;}

/* Comment form */
div.form_line div.element { float: left }

form#comment-form legend {display:none;}
form#comment-form fieldset {border:none;}


form#comment-form { width:600px; background: #f2f2f2; overflow: hidden; }
form#comment-form fieldset { padding: 20px;  overflow: hidden; }

form#comment-form div.form_line div.element { width:277px;   padding: 2px; }
form#comment-form div.form_line div.element input[type="text"]{ width:275px; height: 26px; text-indent:5px;}
form#comment-form div.textarea { clear: both;  padding: 16px 0 0; }
form#comment-form div.textarea textarea {
    width: 560px; height: 143px; text-indent:5px; border: 1px solid #fafafa;
    margin: 5px 0 0 0; font-family: Lucida-Grande, "Lucida Grande", Arial, sans-serif;
    background-color:#fafafa; font-size:13px;
}

form#comment-form div.form_footer { clear: both;  padding: 16px 0 0; }
form#comment-form div.form_footer div.element { float: left; }
form#comment-form div.form_footer div.element:last-child { float: right; }
form#comment-form div.form_footer div.submit {  }
form#comment-form div.form_footer div.captcha_img img { margin: 15px 0 0 10px; }
form#comment-form div.form_footer input.captcha_text { text-indent: 5px; height: 32px; width: 138px;  }
form#comment-form div.form_footer button[type="submit"] {
    background: url(/images/new-design/button_submit_comment.png) no-repeat left top;
    border:  none; width: 163px; height: 31px; text-indent: -2000px;  margin: 15px 0 0;
}
form#comment-form div.form_footer button[type="submit"]:hover {
    background: url(/images/new-design/button_submit_comment.png) no-repeat 0 1px;
}


.rounded-corners { -moz-border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }
.shadow { -moz-box-shadow:1px 1px 1px #ccc inset; -webkit-box-shadow:1px 1px 1px #ccc inset; box-shadow:1px 1px 1px #ccc inset; }

/* Statistik */
.statistik { margin-bottom: 20px; padding: 25px 0 0;}
.statistik li, .statistik a {border-bottom: 1px solid #FFFFFF;color: #666666; text-decoration: none}
.statistik li { float: left; height: 63px; margin: 0 14px 0 0; text-align: center; width: 143px }
.statistik li.playing { background: #E5E5E5 url(/css/img/background-li-play.gif) no-repeat left top; }
.statistik li.favorit { background: #E5E5E5 url(/css/img/background-li-favorit.gif) no-repeat left top; }
.statistik li.comments {background: #E5E5E5 url(/css/img/background-li-comments.gif) no-repeat left top; margin:  0;}
.video_embed li span, .statistik li span {font-family: Lucida-Grande, "Lucida Grande", "LucidaGrande", Arial, sans-serif;}
.statistik li span {display: block; margin: 7px 0 0 52px;}
.statistik li span.statnumber { font-size: 30px; padding: 8px 0 0;}

.video_embed {display: block; clear: both; overflow: hidden; padding: 12px 0; }
.video_embed li {display: block; float: left; text-align: center; margin-left: 1px;}
.video_embed li:first-child {margin-left: 0;}
.video_embed li.einbinden_icon {display: block; width: 52px; height: 52px; line-height: 52px; background-color: #e5e5e5}
.video_embed li.einbinden_icon img {display: block;margin: 14px auto;}

.video_embed li.einbinden {display: block; width: 103px; height: 52px; line-height: 52px; background-color: #e5e5e5}
.video_embed li.einbinden a {display: block; width: 103px; height: 52px; text-decoration: none; color: #666666;}
.video_embed li.einbinden a span {display: block; margin-top: 17px;}

.video_embed li.einbinden_email {display: block; width: 143px; height: 52px; line-height: 52px; background-color: #e5e5e5}
.video_embed li.einbinden_email a {display: block; width: 143px; height: 52px; text-decoration: none; color: #666666;}
.video_embed li.einbinden_email a span {display: block; margin: 10px auto; width: 120px}

/*Embed video*/
ul.embed {}
ul.embed li.icon {width: 52px; height: 52px;}

/*Navigation*/

nav.main.rubrik-regionen li#current {background: url("/images/menu_bg_regionen.png") repeat-x #7D614B;}
nav.main.rubrik-people-lifestyle li#current {background: url("/images/menu_bg_people-lifestyle.png") repeat-x #7F2048;}
nav.main.rubrik-sport li#current {background: url("/images/menu_bg_sport.png") repeat-x #3B7F28;}
nav.main.rubrik-wirtschaft-politik li#current {background: url("/images/menu_bg_wirtschaft-politik.png") repeat-x #135B83;}

nav.main li#current:first-child {
    background: none;
}

nav.main li#current > a { color: white; font-weight: bold; }
nav.main li#current:first-child > a { color: #666666;; font-weight: normal; }

nav.category-channels { display: block; height: 360px; width: 970px; overflow: hidden; }

nav.category-channels.rubrik-people-lifestyle,
div#keyvisit.rubrik-people-lifestyle { background: url("/images/channels_bg_people-lifestyle.png") repeat-x #7F2048; }

nav.category-channels.rubrik-sport,
div#keyvisit.rubrik-sport { background: url("/images/channels_bg_sport.png") repeat-x #3B7F28; }

nav.category-channels.rubrik-regionen,
div#keyvisit.rubrik-regionen { background: url("/images/channels_bg_regionen.png") repeat-x #7D614B; }

nav.category-channels.rubrik-wirtschaft-politik,
div#keyvisit.rubrik-wirtschaft-politik { background: url("/images/channels_bg_wirtschaft-politik.png") repeat-x #135B83; }

nav.category-channels ul,
nav.category-channels ul li { background: none; }


nav.category-channels ul  div.navi-channels-col { float: left; margin: 8px 0 0 0; width:198px; }
nav.category-channels ul  li.channel-navi-slide { float: left; margin: 0; width:630px; height: 360px; }




nav.category-channels div.navi-channels-col ul li > a {
    font-family: Lucida-Grande, "Lucida Grande", "LucidaGrande", Arial, sans-serif;
    font-size: 13px;
    text-decoration: none;
    background: none;
    padding:0;
    border-bottom: none;
    padding: 8px 0 8px 25px;
}


ul.channel-navigation { position: relative; top: 0; }

nav.category-channels.rubrik-regionen div.navi-channels-col ul li>a:hover {background: url("/images/channel_bg_hover_regionen.png") repeat-y top left #7D614B;}
nav.category-channels.rubrik-people-lifestyle div.navi-channels-col ul li>a:hover {background: url("/images/channel_bg_hover_people-lifestyle.png") repeat-y top left #7F2048;}
nav.category-channels.rubrik-sport div.navi-channels-col ul li>a:hover {background: url("/images/channel_bg_hover_sport.png") repeat-y top left #3B7F28;}
nav.category-channels.rubrik-wirtschaft-politik div.navi-channels-col ul li>a:hover {background: url("/images/channel_bg_hover_wirtschaft-politik.png") repeat-y top left #135B83;}


ul.switcher{ margin-top: 139px; position: absolute; right: 345px;}
ul.switcher li { text-indent: -2000px; margin: 4px 0}
ul.switcher li a { background: url("/images/new-design/rubrik_switcher_bg.png") repeat scroll 0 -13px transparent;
    display: block;
    height: 10px;
    width: 9px
}
ul.switcher li.switch_active a { background: url(/images/new-design/rubrik_switcher_bg.png) 0 -2px transparent; }

div#channel_preview{height: 360px;width: 340px;overflow: hidden;margin-top: -20px;}
div#channel_preview.rubrik-regionen{background: url("/images/video_bg_regionen.png") repeat-x scroll 0 0 #7D614B;}
div#channel_preview.rubrik-sport{background: url("/images/video_bg_sport.png") repeat-x scroll 0 0 #3B7F28;}
div#channel_preview.rubrik-wirtschaft-politik{background: url("/images/video_bg_wirtschaft-politik.png") repeat-x scroll 0 0 #135B83;}
div#channel_preview.rubrik-people-lifestyle{background: url("/images/video_bg_people-lifestyle.png") repeat-x scroll 0 0 #7F2048;}

div#video_teaser, div#video_header, div#video-desc {
    margin:20px 20px 0 20px;
}

div#video_header, div#video-desc {margin-top: 5px;}

div#video_header {
    padding: 0;
    font-size: 30px;
    color: #FFF;
    font-family: "Myriad Pro", Myriad, myriad-pro, Arial, sans-serif;
}
div#video_header span{display: block;line-height: 32px;}
div#video_header img { border: medium none;margin: -13px 0;padding: 0 2px;}

div#video-desc { width: 300px; font-family: "Myriad Pro",Myriad,Arial,sans-serif; font-size: 13px; color: white; }

div.imprint_left, div.imprint_right { float: left; width: 280px; overflow: hidden; padding: 20px 0 0; }
div.imprint_right {  padding-left: 20px; }
div.imprint_left p, div.imprint_right p { font-size: 13px; line-height: 16px; padding-bottom: 13px;}

div.imprint_pdf { padding: 10px 0 0; }

div.impressum { padding: 20px 0 0; }
div.impressum header { font-size: 18px; }
h1 { font-size: 22px; line-height: 22px; padding-bottom: 18px;}
.impressum h1 { font-size: 22px; line-height: 22px; }


section.news > h1 {font-size: 22px;padding: 20px 0 30px;}

/* news item style */
.news_list_item {padding-bottom:  10px;}
.news_list_item > header {font-size: 16px; padding-bottom:  10px;}
.news_list_item > header > a {color: #000; text-decoration: none;}
.news_list_item > header > a:hover {color: #333; text-decoration: underline;}
.news_list_item > article {font-size: 13px; padding-bottom:  10px; line-height: 17px;}
.small_date {font-size: 10px !important; color: #ccc !important;}

.firstParagraph {font-size: 16px; line-height: 23px; padding: 0 0 20px}
.news_body {font-size: 14px; line-height: 20px;}
.news_item h1 {padding: 20px 0; font-size: 22px; line-height: 20px; font-weight: bold}


/* Tab Navigation */
.tab-navigation {margin-bottom: 20px;}
.tab-navigation li {float: left;}
.tab-navigation li a {display: inline-block;text-align: center;width: 136px;height: 26px;line-height: 26px;vertical-align: middle;text-decoration: none;}
.tab-navigation li a:hover {background-image: none;}
.tab-navigation li.first a {width: 135px;}
.tab-navigation li .mrow {line-height: 1.3em;padding-top: 4px;height: 32px;}
.tab-navigation li .more {padding-right: 13px;background: url(/css/img/background-more-nav.gif) no-repeat right center;}

a.ch_kostenlos_ab > span {
    text-indent: -20000px;
    background-image: url(/images/new-design/ch_kostenlos_ab_2.png) !important;
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    height: 36px;
    width: 240px !important;
}

a.ch_kostenlos_ab > span:hover {
    background-position: 0 1px;
}

section.abonnieren p {
    font-size: 14px;
    clear: both;
    color: #333333;
    line-height: 19px;
    margin: 0 0 25px;
}


#subscribeform {background: none repeat scroll 0 0 #E5E5E5;padding: 15px 0 0;width: 520px;}
#subscribeform label {clear: left;color: #666666;float: left;height: 20px;padding: 10px 15px 0 0;text-align: right;width: 105px;}
#subscribeform legend {display: none}
#subscribeform input.text {background-color: #FAFAFA;border: 1px solid #FAFAFA;font-size: 12px;margin: 5px 0 0;padding: 5px;width: 290px;}
#subscribeform ul.error_list {color: #990000;margin-left: 120px;padding: 5px 0 10px;}
#subscribeform .formsubmit {
    background: url("/css/img/background-comment-submit.gif") no-repeat scroll left top transparent;border: medium none;
    color: #FFFFFF;float: left;margin: 20px 0;padding: 8px 0 13px;text-align: center;width: 98px;
}

.content-wrap.impressum p,
.content-wrap.impressum dl {line-height: 18px; font-size: 13px; padding:  5px 0}

.content-wrap.impressum dt {font-weight: bold; padding:  10px 0}
.content-wrap.impressum dd {text-indent: 20px}

/*ssf-live slider*/
#video-slider .video-box span.middle { padding:0; }
.jac ul li {
    border-right: 1px solid #777777; height: 67px;
}
#video-slider .video-box span.title2 { display: block; height: 62px; line-height: 14px;text-align: center; padding: 0; }

#first_programm_item {
    display: block;
    font-size: 11px;
    line-height: 14px;
    margin: 0;
    background: url("/css/img/background-video-slider.jpg") repeat-x scroll center top #B3B3B3;
}

#first_programm_item a {
    background: url("/css/img/background-video-slider.jpg") repeat-x scroll center top #B3B3B3 !important;
    height: 67px !important;
    position: relative !important;
    display: block;
    font-size: 13px;
    line-height: 17px;
    margin: 0;
    color: #333333;
}

#first_programm_item span {
    color: #333333;
    display: block;
    font-size: 13px;
    line-height: 17px;
    margin: 30px 0 0 2px !important;
    text-align: left;
    width: auto !important;
}

.channelmenu-current {background-color: #f5f5f5;}

.error500 h1 {
    font-size: 25px;
    width: 800px;
    line-height: 25px;
    margin: 0 auto;
    display: block;
    text-align: center;
    padding:80px 0 0;
}