
#home_container {
    margin:         0;
    padding:        0;

    /** Jan: Remove the with and change it to 100% after we can get rod of the debug border
    */
    width:          900px;
    height:         auto !important;    /* Important Regel f�r moderne Browser */ 
    height:         100%;               /* Mindesth�he f�r den IE */
}

#home_content_container {
    float:          left;
    clear:          both;
    
    width:          664px;
    height:         auto !important;    /* Important Regel f�r moderne Browser */ 
    height:         100%;               /* Mindesth�he f�r den IE */
}

#home_sidebar_container {
    /*
    border:         1px dashed #000; 
    */
    padding-left:   40px;
    
    float:          left;
    
    width:          196px;
    height:         auto !important;    /* Important Regel für moderne Browser */ 
    height:         100%;               /* Mindesthöhe für den IE */
}

#home_content_links_slideshow_container {
    width:          100%;
    height:         236px;
}

#home_content_games_slideshow_container {
    width:          100%;
    
    /* jan: made box a bit higher to fit int the scroll buttons
    height:         119px;
    */
    height:         140px;
    
    
}

#home_content_games_slideshow_container #games-slideshow{

    position:       relative;
    float:          left;
    overflow:       hidden; /* Just in case js is deactivted */
    width:          350px;

    /* jan: made box a bit higher to fit int the scroll buttons
    height:         119px;
    */
    height:         130px;
    
    /*
    border:         1px dashed #000;
    */
}

#games-slideshow ul{

    padding:        0;
    margin:         0;
        
    list-style-type     : none; 
    list-style-position : inside;
    

/*
    border:         1px dashed #000;
*/
}


#games-slideshow li {
    
    text-align      : center;

    float           : left; 
    font-size       : 9px; 

    width           : 92px;
    /* jan: extended height to fit in the scroll buttons
    height  : 110px;
    */
    height          : 130px;

    margin-right     : 15px;
    
    /*
    padding         : 2px;
    */
}

#games-slideshow li h1 {

    font-size       : 12px;
    padding-top     : 5px;
    margin          : 0px;
    
}

#games-slideshow li p {

    font-size       : 9px;
    margin          : 0px;
    padding         : 0px;
    
}

/*    
#games-slideshow li:first-child{

    margin-left     : 0px;

}
*/

#home_content_games_slideshow_container #games-slideshow-description {
    margin-left:    40px;

    float:          left;
    
    width:          275px;
    
    /* jan: made box a bit higher to fit int the scroll buttons
    height:         119px;
    */
    height:         130px;
    
    overflow:       hidden !important;
    
    /*
    border:         1px dashed #000; 
    */
}

#home_content_games_slideshow_container #games-slideshow-description  #games-slideshow-description-image {
    position:       relative;
    
    top:            17px; /** Jan: Should be 20px but the image has its own padding... */
    
    /*
    border:         1px dashed #000; 
    */
}

#home_content_community_bottom_bar {

    margin-top      : 20px;
    overflow        : auto;
    display         : block;

}


#facebook-timeline-like-btn {

    position        : absolute; 
    right           : 0px; 
    top             : 0px;
    
    /*width           : 110px;*/
    max-height      : 20px;
    
    overflow        : hidden; 


}

#facebook-timeline{

    width           : 312px;
    float           : left;

}

#twitter-timeline{

    width           : 312px;
    float           : right;
    
}


#home_sidebar_next_upcomming_event {

    /*
    border:         1px dashed #000; 
    */

    height:         208px !important
}

#home_sidebar_next_upcomming_event_container {
    padding-top:    23px;
    
    width:          100%
    height:         auto !important;    /* Important Regel f�r moderne Browser */ 
    height:         100%;               /* Mindesth�he f�r den IE */
    
    /*
    border:         1px dashed #000; 
    */
}

#home_sidebar_next_upcomming_event_container_image {
    align:          left;
    
    /*
    border:         1px dashed #000;
    */
    width:          60%;
}

#home_sidebar_next_upcomming_event_container p {
    /*
    border:         1px dashed #000;
    */
    
    text-align:     left;
    
    font-size:      12px;
    line-height:    16px;
}

#home_sidebar_next_upcomming_event_container a {
    float:          right;
    clear:          both;
    
    font-style:     italic;
    font-size:      11px;
    
    text-decoration:none;
    /*
    border:         1px dashed #000;
    */
}

#home_sidebar_event_calendar {
    
    /*
    border:         1px dashed #000; 
    */
    
    margin-top:     60px !important;
    padding-top:    0px !important;
    
    height:         334px !important;
}


#home_sidebar_event_calendar_headline {

    /*
    border:         1px dashed #000; 
    */

    padding-top:    18px !important;    /** Jan: Should be 20px but the image has its own padding... */
}

#home_sidebar_event_calendar_content_container {
    /*
    border:         1px dashed #000;
*/
    margin-top:     17px;               /** Jan: Should be 18px but the image has its own padding... */
    
    height:         270px;
    
    overflow:       hidden;
}

#home_sidebar_event_calendar_content_container #home_sidebar_event_calendar_events {
/*
    border:         1px dashed #000;
*/

    width:          143px;
    
    height:         auto !important;    /* Important Regel f�r moderne Browser */ 
    height:         100%;               /* Mindesth�he f�r den IE */
}

#home_sidebar_event_calendar_content_container #home_sidebar_event_calendar_events .home_sidebar_event_calendar_event {
/*
    border:         1px dashed #000;
*/
    margin-bottom:  20px;
    
    font-size:      12px;
    
    width:          100%;
    height:         auto !important;    /* Important Regel f�r moderne Browser */ 
    height:         100%;               /* Mindesth�he f�r den IE */
}

#home_sidebar_event_calendar_content_container #home_sidebar_event_calendar_events .home_sidebar_event_calendar_event_headline {

}

#home_sidebar_event_calendar_content_container #home_sidebar_event_calendar_events .home_sidebar_event_calendar_event_description {

    margin-top:         10px;
    padding:            2px 10px;
    padding-right:      5px; /* Andy: Small adjustment to prevent new line in the upcoming events box */
    
    background-color:   #F2F2F2;
}

#home_sidebar_event_calendar_content_container #home_sidebar_event_calendar_scrollbar{
    
    float:          right;
    clear:          both;
    
    width:          18px;
    height:         266px;
    
    /*
    border:         1px dashed #000;
    */
}

#home_sidebar_event_calendar_content_container #home_sidebar_event_calendar_up {
    position:   relative;
    top:        1px;
}

#home_sidebar_event_calendar_content_container #home_sidebar_event_calendar_down{
    position:   relative;
    top:        234px;
}


#home_games_carousel {
    text-align: center;
    border:     1px dashed #000;
}

#home_menu {
    margin:     20px 0px 20px 0px;
    border:     1px dashed #000;
}

#home_menu li {
    width:      33.3%;
}

#side_block_links, #side_block_events {

    /* border:     1px dashed #000; */
    
}


#count-down {
		
	background-image: url('../img/homesite/christmas-countdown-without-numbers.png');
	
	position: relative;

}

#count-down #counter {
	
	list-style: none;
	padding: 0px 0px 30px 0px;
	
	display: inline-block;
    width: 230px;
    height: 35px;
    	
    position: absolute;
    bottom: 11px;
    right: 21px
    
}

#count-down #counter li {
	
	width: 25%;
	height: 100%;
	overflow: hidden;
	float: left;
	text-align: center;
	
	font-size: 24pt;
	font-weight: bold;
	color: white;
	
}

#count-down #counter li#days-left{
	width: 20%;
}

#count-down #counter li#minutes-left, #count-down #counter li#hours-left{
    width: 24%;
}

#count-down #counter li#seconds-left{
    width: 30%;
}

#count-down #counter li:last-child{
	float: clear;
}

#christmas-cache {
	    
    background-image: url('../img/homesite/christmas-coordinates-background.png');
    
    position: relative;
}

#cache-coordinates {
	
    font-size: 22pt;
    font-weight: bold;
    color: white;

    padding: auto 0px auto 0px;
    margin: 0px;
    
    width: 260px;
    height: 70px;
    
    position: absolute;
    
    bottom: 21px;
    right: 21px;
    
    text-align: center;
}
