@IMPORT "bescript.css";
@IMPORT "form.css";
@IMPORT "clearfix.css";

/*******************************************************************************
 * body
 ******************************************************************************/
body {
    background: #000 url('/images/BC-Scholz/borderbackground.gif') scroll repeat-y left bottom;
}

/*******************************************************************************
 * #main
 ******************************************************************************/
div#main {
    margin: 0px 0px 0px 25px;
    width: 972px;
    
    background: #f7f7f7;
}

/*******************************************************************************
 * #header
 ******************************************************************************/
div#header {
    position: relative;
    
    width: 972px;
    height: 99px;
    
    background: url('/images/BC-Scholz/header.png') scroll no-repeat;
}

div#scholzLogo {
    position: absolute;
    width: 179px;
    height: 106px;
    
    top: 18px;
    
    background: url('/images/BC-Scholz/scholz_logo.png') scroll no-repeat 20px top;
}

div#bundesligaLogo {
    position: absolute;
    width: 73px;
    height: 85px;
    
    top: 6px;
    right: 9px;
    
    background: url('/images/BC-Scholz/bundesliga_logo.png') scroll no-repeat top;
}

div#backgroundLeft {
    width: 25px;
    overflow: visible;
    
    background: #999 url('/images/BC-Scholz/background-left.png') scroll repeat-x left 99px;
}

div#backgroundRight {
    position: absolute;
    min-width: 487px;
    min-height: 1021px;
    
    top: 0px;
    left: 997px;
    
    background: #000 url('/images/BC-Scholz/online_anzeige_440x980.png') scroll no-repeat top left;
}

/*******************************************************************************
 * Navigation & Subnavigation
 ******************************************************************************/
ul#topNavigation {
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 185px;
    height: 23px;
    
    border-bottom: 3px solid #999;
    
    background: url('/images/BC-Scholz/topNavigationBackground.png') scroll repeat-x;
}

ul#topNavigation li {
    float: left;
    margin: 0px;
    padding: 4px 4px;
    
    border-right: 1px solid #494a44;
}

ul#topNavigation li a {
    font-weight: bold;
    font-size: 12px;
    color: #FFF;
    text-transform: uppercase;
    text-decoration: none;
}

ul#topSubNavigation {
    list-style-type: none;
    margin: 0px;
    padding: 0px 0px 0px 185px;
    height: 14px;
    
    background: #696a64;
}

ul#topSubNavigation li {
    float: left;
    margin: 0px 3px;
    padding: 0px;
}

ul#topSubNavigation li a {
    font-weight: bold;
    font-size: 11px;
    color: #FFF;
    text-decoration: none;
}

ul#topNavigation li a:hover,
ul#topSubNavigation li a:hover {
    color: #f2a821;
}

ul#topNavigation li.active a,
ul#topSubNavigation li.active a {
    color: #f2a821;
}

/*******************************************************************************
 * Box Title & Box Content
 ******************************************************************************/
h1.boxTitle {
    margin: 0px 0px 4px 0px;
    padding: 10px 0px 0px 4px;
    
    height: 28px;
    
    text-transform: uppercase;
    text-align: left;
    font-size: 16px;
    color: #ffb215;
    background: #000;
}

h2.boxTitle {
    margin: 0px 0px 4px 0px;
    padding: 2px 0px 0px 2px;
    
    height: 18px;
    
    text-transform: uppercase;
    text-align: left;
    font-size: 14px;
    color: #ffb215;
    background: #000;
}

div.boxContent {
    margin-bottom: 20px;
    border: 1px solid #000;
    
    background: #FFF;
}

div.boxContent.contentBox {
    padding: 5px;
    
    border: none;
    
    background: transparent;
}

/*******************************************************************************
 * News Title & News Content
 ******************************************************************************/
h2.newsTitle {
    margin: 20px 0px 20px 0px;
    padding: 2px 0px 0px 26px;
    height: 18px;
    
    background: url('/images/BC-Scholz/news.icon.png') scroll no-repeat left;
    
    text-decoration: underline;
    text-transform: uppercase;
    text-align: left;
    font-size: 12px;
}

h2.newsTitle a {
    font-size: 12px;
}

div.newsContent {
    position: relative;
    height: 226px;
}

div.smallNews {
    height: 100px;
}

p.readMore {
    position: absolute;
    
    bottom: 0px;
    left: 0px;
}

/*******************************************************************************
 * #contentWrapper
 ******************************************************************************/
div#contentWrapper {
    width: 972px;
    background: url('/images/BC-Scholz/borderBackground.png') scroll repeat-y;
}

/*******************************************************************************
 * #leftContainer
 ******************************************************************************/
div#leftContainer {
    float: left;
    padding: 12px 11px;
    width: 142px;
    
    /*border-right: 1px solid #bababa;*/
    
    background: #f7f7f7;
    
    text-align: center;
}

/*******************************************************************************
 * #rightContainer
 ******************************************************************************/
div#rightContainer {
    float: right;
    padding: 12px 11px;
    width: 142px;
    
    /*border-left: 1px solid #bababa;*/
    
    text-align: center;
}

/*******************************************************************************
 * #centerContainer
 ******************************************************************************/
div#centerContainer {
    /**
     *   #leftContainer width
     * + #leftContainer padding left
     * + #leftContainer padding right
     */
    margin-left: 165px;
    padding: 12px;
    width: 618px;
}

/*******************************************************************************
 * #leftSubContainer
 ******************************************************************************/
div#leftSubContainer {
    float: left;
    width: 308px;
}

/*******************************************************************************
 * #rightSubContainer
 ******************************************************************************/
div#rightSubContainer {
    margin-left: 320px;
    width: 297px;
}

/*******************************************************************************
 * #footer
 ******************************************************************************/
div#footer {
    float: left;
    margin: 0px 0px 0px 25px;
    width: 972px;
    height: 18px;
    
    background: #474747;
    
    color: #FFF;
    vertical-align: middle;
    text-align: center;
}

div#footer p, div#blogFooter p {
    margin: 0px auto;
    padding: 2px 4px;
    width: 634px;
    height: 14px;
    
    border-left: 1px solid #b8b6b7;
    border-right: 1px solid #b8b6b7;
    
    text-align: left;
    font-size: 10px;
}