body { color: #fff; background-color: #dadadc; }

h2 { color: #646462; }

a, a:visited, a:active, a:link { color: #025692; }

.Button a, .Button { color: #025692;  }
.Button:hover a, .Register .Button:hover a, .Button:hover { color: #fff;  }

.BgContainerOutside { position: absolute; left: 0; top: 0; width: 100%; height: 1008px; overflow: hidden; }
.BgContainerOutside .BgContainerInside { position: relative; float: left; left: 50%; width: 1572px; height: 100%; }
.BgContainerOutside .BgLeft { position:relative; float:left; width:317px; height:100%; margin-left:-786px; background: transparent url(/pics/bg_wide.png) no-repeat scroll left top; }
.BgRight { position:relative; float:left; width:317px; height:100%; margin-left:469px; background: transparent url(/pics/bg_wide.png) no-repeat scroll right top; }


#PageHeader .Logo { position: absolute; left: 8px; top: 12px; width: 117px; height: 128px; background: transparent url(/pics/vfl_tv_logo.png) no-repeat 0 0; }

#PageHeader .LoginBox a { color: #fff; }
#PageHeader .LoginBar .Button a, .LoginFrame .Button a { color: #025692; }
#PageHeader .LoginBar .Button:hover a, .LoginFrame .Button:hover a { color: #fff; }
#PageHeader .LoginBar { left: 224px; }
#PageHeader .LoginBox { left: 221px; }
#PageHeader .Sponsor { width: 219px; height: 60px; top: 40px;  }
/* FIXME Overload for Slanted buttons (won't to live right away */
/*
#Navigation { width: 714px; height: 32px; position: absolute; right: 0; bottom: 12px; background: transparent url(/pics/bg_nav.png) repeat-x 0 0; z-index: 3010; }
#Navigation .NavLevel1 { height: 100%; margin-right: 10px  }
#Navigation .Level1, #Navigation .Level1First { float: left; font-size: 15px; font-weight: bold; text-transform: uppercase; height: 100%; background: transparent url(/pics/navigation.png) no-repeat; position: relative; z-index: 3011;  }
#Navigation .Level1 { background-position:right -32px; padding-right: 22px }
#Navigation .Level1:hover { background-position:right 0; }
#Navigation .Level1First { background-position:right 0px; padding:0px; margin:0px}
#Navigation .Level1First:hover { background:none;}
#Navigation .Level1 a { float: left; height: 32px; color:#ffffff}
#Navigation .Level1 a .Text { float: left; height: 25px; padding: 7px 15px 0 13px; color:#ffffff }
#Navigation .Level1 a .Text span { float: left; }
*/

/*
    Temporary Navigation Solution
*/
#Navigation { background: none; }
#Navigation .NavLevel1 { background: transparent url(/pics/bg_nav.png) repeat-x 0 0; margin-right: 0; }
#Navigation .Level1First { margin: 0; }
#Navigation .Level1 { position: static; background: none; }
#Navigation .Level1:hover .Flyout { left: auto; right: 0; }
#Navigation .Level1 a { color: #fff; }
#Navigation .Level1:hover a { color: #fff; background-image: url(/pics/hairline_divider_horizontal_02.png); }
#Navigation .Level1:hover a .Text, #Navigation .Level1First a .Text { background-image: url(/pics/hairline_divider_horizontal_03.png); }
#Navigation .Level1 .Level2 a { color: #025692; }
#Navigation .Level1 .Level2:hover a, #Navigation .Level1 .Level2First a { color: #fff; background: none; }
/* #Navigation .Level1 .Level2 .Level3 a { background: none; } */
#Navigation .Level1 .Level2:hover .Overlay , #Navigation .Level1 .Level2First .Overlay { margin-left: -1px; }
#Navigation .Level1 .Level2 .Level3Status1 { background: transparent url(/pics/bg_table_row.png) repeat 0 0; }
#Navigation .Level1 .Level2 .Level3Active, #Navigation .Level1 .Level2 .Level3:hover { background: transparent url(/pics/bg_table_row_active.png) repeat-x 0 0; border: none; height: 18px;  }
#Navigation .Level1 .Level2 .Level3Active a, #Navigation .Level1 .Level2 .Level3:hover a { color: #025692; height: 18px; }


.TeaserRight .VideoParts .VideoPartStatus0 { background: transparent url(/pics/bg_table_row.png) repeat 0 0; }
.TeaserRight .VideoParts .VideoPartActive, .TeaserRight .VideoParts li:hover { background: transparent url(/pics/bg_table_row_active.png) repeat-x 0 0; border: none; height: 18px;  }
.TeaserRight .VideoParts .VideoPartActive a, .TeaserRight .VideoParts li:hover a { color: #025692; height: 18px; }
.TeaserMatchday .VideoParts li a  { color: #fff; }
.TeaserHomepage .Teaser .Buttons li { width: 26px; height: 26px; }
.TeaserHomepage .Teaser .Title { color: #fff;}
.TeaserHomepage .Buttons li.Active a, .TeaserHomepage .Buttons li:hover a { color: #fff; }

.TeaserHomepage .ButtonsPurchase .Button { padding: 7px 0; width: 125px; height: 16px; font-size: 12px; }
.TeaserHomepage .ButtonsPurchase .ButtonFirst { margin: 0 10px 0 0; }
.TeaserHomepage .ButtonsPurchase .ButtonSecond { margin: 0 0 0 0; }
.TeaserHomepage .ButtonsPurchase .ButtonThird { margin: 5px 10px 0 0; }
.TeaserHomepage .ButtonsPurchase .ButtonFourth { margin: 5px 0 0 0; }


.ContentBox .Sorting .Options .Option:hover a { color:#fff; }

.ContentBoxMain .ContentBoxBody .Block, .ContentBoxMain .ContentBoxBody .Block a, .ContentBoxMain .ContentBoxBody .InfoLink { color: #025692; }

a.InfoLink { color: #fff; background-image: url(/pics/arrow_right_white.png); }

.ContentBox .Sorting { color: #025692; }
.ContentBox .Sorting .Dropdown .Active, .ContentBox .Sorting .Dropdown .Arrow { border: 1px solid #7d7d7d; }
.ContentBox .Sorting .Options { border-top: 1px solid #7d7d7d; border-bottom: 1px solid #7d7d7d; }
.ContentBox .Sorting .Options .Option { border-right: 1px solid #7d7d7d; border-left: 1px solid #7d7d7d; }
.ContentBox .Sorting .Options .Option a { color: #025692; }

.ContentBox .Tabs li a, .ContentBox .VideoLink a { color: #025692; }
.ContentBox .Tabs li.Active a, .ContentBox .Tabs li:hover a { color: #fff; }

.ContentBox .ContentTop .Right { background: #025292 url(/pics/bg_content_top.png) repeat-x 0 0; }
.ContentBox .Tabs li.Tab {background: #025292 url(/pics/bg_content_top.png) repeat-x 0 0 }
.ContentBox .Tabs li.Tab a { color:#ffffff }
.ContentBox .Tabs li.Tab:hover, .ContentBox .Tabs li.Active {background: transparent url(/pics/sortierung_back.png) repeat-x 0 0; }
.ContentBox .Tabs li.Tab:hover a, .ContentBox .Tabs li.Active a { color:#025692 }

.ContentBoxColumns .ContentBoxBody div.Left { color: #fff; }

.ContentBoxColumns .ContentBoxBody .Right h1 { color: #fff; }

.ContentBoxColumns .ContentBoxBody .ContentMain .Right { color: #025692; }

.ContentBoxColumns .ContentBoxBody .ContentMain .Left .Box .BoxContent { background-color: #02182a; }

a.VideoBox, a.VideoBox:link, a.VideoBox:active, a.VideoBox:hover, a.VideoBox:visited  { color: #fff; }

a.VideoBoxActive, a.VideoBoxActive:link, a.VideoBoxActive:active, a.VideoBoxActive:hover, a.VideoBoxActive:visited, a.VideoBox:hover { color: #025692; }

a.VideoBox { border-color: #002a4e; }

.ContentBoxColumns .ContentBoxBody .Right .Opponents, .ContentBoxColumns .ContentBoxBody .Right .Opponents h1 { color: #025692 }
.ContentBoxColumns .ContentBoxBody .Right .Opponents, .ContentBoxColumns .ContentBoxBody .Right .Opponents .Descripton { color: #646462 }


.ContentBoxMatchdayTeaser .ContentBoxHeader,
.ContentBoxHomepageTeaser .ContentBoxHeader,
.ContentBoxHeadline .ContentBoxHeader
{ display: block; width: 938px; height: 8px; background: transparent url(/pics/bg_top_teaser_rc.png) no-repeat 0 0;  }
.ContentBoxMain .ContentBoxBody { background:none;background-color:#ffffff; color: #025692; }
.ContentBoxMain .ContentBoxBody h2 { background: transparent url(/pics/bg_topics.png) repeat-x 0 0; color: #025692; }

.ContentBoxColumns .ContentBoxBody .ContentMain { background:none;background-color:#ffffff }

.ContentBoxFilled { background: none; }
.ContentBoxFilled h2 { color: #025692; }
.ContentBoxFilled .ContentBoxBody { background-color: #b0b0b0; }

.Pagination a, .Pagination a:link, .Pagination a:visited  { color:#646462 }

.ContentBoxHomepage .ContentBoxBody,
.ContentBoxMatchday .ContentBoxBody
{ background: #02182a url(/pics/bg_top_teaser.png) repeat-x 0 0; }

input[type="text"], input[type="password"], textarea, select, option { background: transparent url(/pics/bg_table_row.png) repeat 0 0; }
/* hack for ies: the background is not changed, so leave color black */
select, option { background: white\9; color: #000\9 }

.Right .Box h2.BoxHeader, .Right .Box thead th.Header { background: transparent url(/pics/bg_table_header.png) repeat-x 0 0; border: none; color: #025692; height: 23px; width: 636px; }
.Right .Box .BoxBody td, .Right .Box .TableStatistics { color: #fff; }
.Right .Box .BoxBody .BoxLeft, .Right .Box .BoxBody .BoxRight { background-color: #02182a; }
.Right .Content .Box .MoreInfo { border: none; }
.Right .BoxWide { background-color: #02182a; }

.Pagination .PaginationActive { color: #025692; }

#PageFooter { background-color: #1b1b1b; }

.lightbox .Close { color: #fff; }

.Errors { color: #f00; }
.LoginFrame a { color: #999; }
.lightbox h2 { color: #fff; }

#BannerSkyscraper { top: 193px; }

.ContentBoxColumns .ContentBoxBody .Right .Opponents .Description  {
    margin-bottom:7px
}