﻿body {
}

/* IDs */

#background
{
    width: 1680px;
    height: 1030px;
    left: 50%;
    margin-left: -840px;
    position: relative;
}

#left,
#wrap,
#right
{
    float:left;
}

#left 
{
    width: 350px;
    height: 1030px;
    background-image: url(../images/bg_left.jpg);
}

#wrap
{
    width: 982px;
    height: 1030px;
}

#right
{
    width: 348px;
    height: 1030px;
    background-image: url(../images/bg_right.jpg);
}

/* ID - Wrap */

#headerContainer
{
    width: 982px;
    height: 113px;
}

#contentContainer
{
    width: 982px;
    height: 805px;
}

#footerContainer
{
    width: 982px;
    height: 96px;
    padding-top: 16px;
    background-image: url(../images/bg_footer.jpg);
}

/* ID - HeaderContainer */

#logoContainer,
#navigationContainer
{
    float: left;
}

#logoContainer
{
    width:  208px;
    height: 113px;
    background-image: url(../images/bg_logo.jpg);
}

#navigationContainer
{
    width: 774px;
    height: 113px;
    background-image: url(../images/bg_navi.jpg);
}

#navigationContainer .logo_xbox
{
    height: 53px;
    left: 1121px;
    position: absolute;
    top: 20px;
    width: 174px;
}

/* --- Logo --- */

#logoContainer a 
{
    left: 22px;
    position: relative;
    top: 22px;
}

/* --- Navigation --- */

#navigationContainer ul.main_navigation
{
	list-style-type: none;
	left: 90px;
    list-style-type: none;
    position: relative;
    top: 30px;
}

#navigationContainer ul.main_navigation li
{
	display: block;
	margin: 0;
	float: left;
	padding: 3px;
}

#navigationContainer ul.main_navigation li.spacer
{
    margin: 0 5px;
    padding-top: 5px;
}


/* ID - ContentContainer */

#contentLeft,
#contentCenter,
#contentRight
{
    float: left;
}

#contentLeft
{
    width:  208px;
    height: 805px;
    background-image: url(../images/bg_content_left.jpg);
}

#contentCenter
{
    /*width:  563px;*/
    width: 774px;
    height: 805px;
    background-image: url(../images/bg_content.jpg);
}

#contentRight
{
    width:  211px;
    height: 805px;
   /* background-image: url(../images/bg_content_right.jpg);*/
}

/* --- ContentLeft --- */

#contentLeft .flash__teaser_container 
{
    height: 160px;
    margin-bottom: 20px;
    margin-left: 25px;
    width: 160px;
}

/* --- ContentCenter --- */

.boxContainer
{
    margin-left: 14px;
   /* width: 528px;*/
}

#flashCalendar 
{
    height: 805px;
    left: 1132px;
    position: absolute;
    top: 113px;
    width: 200px;
    /*background-color: Green;*/
}

#flashContent
{
    /*height: 550px;
    margin-left: 14px;
    margin-top: 14px;
    width: 758px;
    background-color: Gray;*/
    height: 554px;
    margin-top: 10px;
    width: 774px;
}

#flashContentBig
{
    height: 805px;
    width: 774px;
}

/* Box */

.boxContainer .margin_bottom
{
    margin-bottom: 14px;
}

.boxContainer .margin_top
{
    margin-top: 14px;
}

.boxContainer .box__big .box__top,
.boxContainer .box__big .box__bottom
{
    width: 528px;
    height: 8px;
}

.boxContainer .box__big .box__content
{
    background-image: url(../images/box_content.png);
    background-repeat: repeat;
    background-color: Transparent;
    min-height: 196px;
    padding: 12px 20px;
    width: 488px;
}

.boxContainer .box__big .box__top
{
    background-image: url(../images/box_big_top.png);
}

.boxContainer .box__big .box__bottom
{
    background-image: url(../images/box_big_bottom.png);
}

.boxContainer .first
{
    margin-left: 0;  
}

.boxContainer .box__medium .box__top,
.boxContainer .box__medium .box__bottom
{
    width: 312px;
    height: 8px;
}

.boxContainer .box__medium .box__content
{
    background-image: url(../images/box_content.png);
    background-repeat: repeat;
    background-color: Transparent;
    min-height: 196px;
    padding: 12px 20px;
    width: 272px;
}

.boxContainer .box__medium .box__top
{
    background-image: url(../images/box_medium_top.png);
}

.boxContainer .box__medium .box__bottom
{
    background-image: url(../images/box_medium_bottom.png);
}

.boxContainer .box__medium 
{
    margin-left: 14px;
    float: left;
}

.boxContainer .box__small .box__top,
.boxContainer .box__small .box__bottom
{
    width: 257px;
    height: 8px;
}

.boxContainer .box__small .box__content
{
    background-image: url(../images/box_content.png);
    background-repeat: repeat;
    background-color: Transparent;
    min-height: 196px;
    padding: 12px 20px;
    width: 217px;
}

.boxContainer .box__small .box__top
{
    background-image: url(../images/box_small_top.png);
}

.boxContainer .box__small .box__bottom
{
    background-image: url(../images/box_small_bottom.png);
}

.boxContainer .box__xsmall 
{
    margin-left: 14px;
    float: left;
}

.boxContainer .first
{
    margin-left: 0;  
}

.boxContainer .box__xsmall .box__top,
.boxContainer .box__xsmall .box__bottom
{
    width: 160px;
    height: 8px;
}

.boxContainer .box__xsmall .box__content
{
    background-image: url(../images/box_content.png);
    background-repeat: repeat;
    background-color: Transparent;
    min-height: 196px;
    padding: 12px 20px;
    width: 120px;
}

.boxContainer .box__xsmall .box__top
{
    background-image: url(../images/box_xsmall_top.png);
}

.boxContainer .box__xsmall .box__bottom
{
    background-image: url(../images/box_xsmall_bottom.png);
}


/* ID - FooterContainer */

#fLogos
{
    /*margin-top: 15px;*/
    margin-bottom: 16px;
    padding-left: 74px;
}

#fText
{
    text-align: center;
}