/*----------------------------------------------------------------------------
    main.css
    this css-file contains all definitions, that are independend from the
    colorschemes.
    (c) Schlund + Partner AG

    ----------------------------------------------------------------------
    Modified and extended by Barti Bartman for the Sports-Template
    This CSS-File uses the original "Tanteks Box Modell Hack"
    http://www.tantek.com/CSS/Examples/boxmodelhack.html
    NOTE:
    Older W3C CSS validators return errors when the voice-family property
    is used in a 'screen' style sheet. This is an error in the W3C CSS
    validator itself. The validator should report a warning, not an error,
    when properties which are unsupported by a particular medium are used,
    and this has been reported to the W3C:
 ----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
 styles for specific classes and ids
----------------------------------------------------------------------------*/

/*-- global container ------------------------------------------------------*/
#container
{
    position                :    relative;
    width                    :    775px;
    margin                    :    0px auto;
    padding                    :    0px;
    text-align                :    left;
}
/*-- main container: contains all between header and footer ----------------*/
#main_container
{
    margin                    :    0px 34px 0px 30px;
    padding                    :    0;
}
/*--- the main container is devided in sub containers ----------------------*/
#sub_container1
{
    margin                    :    0;
    padding                    :    0;
}
#sub_container2
{
    width:525px;
    position                :    relative;
    top                        :    -83px;
    left                    :    10px;    
    float                    :    left;
    padding                    :    0;
    margin                    :    0 0 10px 0;
}
#content_container
{
  overflow: hidden;
    line-height                :    1.2;
    float                    :    left;
    width                    :    525px;
    margin: 0;
    padding                    :    0 0 15px 0;    
}
#left_column_container
{
    position                :    relative;
    top                        :    -93px;
    float                    :    right;
    width                    :    157px;
    height: 300px;
    margin                    :    0px;
    padding                    :    0px;
}
/*--- header ---------------------------------------------------------------*/
#header
{
    position                :    relative;
    top                        :    0px;
    left                    :    0px;
    height                    :    305px;
    width                    :    775px;
    margin                    :    0px;
    padding                    :    0px;
}
.text_buyMF {
    position: absolute;
    top: 120px;
    left: 400px;
}
.text_buyMF a {
    color: white;
    font-family: verdana;
}

/*--- key visual -----------------------------------------------------------*/
#key_visual
{
    position                :    absolute;
    top                        :    5px;
    left                    :    28px;
    height                    :    155px;
    width                    :    713px;
}
/*--- logo -----------------------------------------------------------------*/
#logo
{
    position                :    absolute;
    top                        :    0px;
    left                    :    28px;
    height                    :    77px;
    width                    :    300px;
}
/*--- caption (as text or background image) --------------------------------*/
#text_caption
{
    position                :    relative;
    top                        :    30px;
    left                    :    465px;
    z-index                    :    1;
    height                    :    50px;
    width                    :    260px;
    padding                    :    50px 0px 0px 15px;
    line-height                :    20px;
    letter-spacing            : 1pt;
}
#image_caption {
}
/*--- main navigation ------------------------------------------------------*/
#main_nav_container
{
    float                    :    left;
    overflow                :    hidden;
    z-index                    :    1;
    position                :    relative;
    top                        :    -145px;
    left                    :    28px;
    width                    :    713px;
    padding                    :    0px 0px 0px 0px;
    margin                    :    0px;
}
#main_nav_list
{
    position                :    relative;
    top                        :    0px;
    left                    :    0px;
    height                    :    auto;
    margin                    :    0px;
    padding                    :    0px;
    list-style-type            :    none;
}
#main_nav_list li
{
    float                    :    left;
    margin                    :    0px;
    padding                    :    0px;
    height                    :    28px;
    border                    :    1px solid;
    border-top                :    0px;
    border-bottom            :    0px;
}
/*--- main navigation items ------------------------------------------------*/
#main_nav_list a {
    float: left;
  display: block;
    height: 28px;
    margin: 0px;
  padding: 2px 10px 0px 17px;
    line-height: 22px;
    text-align: center;
    text-decoration: none;
    background: transparent;
    voice-family: "\"}\"";
    voice-family: inherit;
    height: 26px;
}
html>body #main_nav_list a
{
    height                    :    28px;
}
#main_nav_list a:hover
{
    text-decoration            :    none;
    background                :    transparent;
}
span.main_nav_item_text
{
    margin                    :    0px 0px 0px 3px;
}
span.main_nav_active_item_text
{
    margin                    :    0px 0px 0px 3px;
}
/*--- container for the subnavigation --------------------------------------*/
.sub_nav_container
{
    //top                     :   -83px;
    margin                    :    0px 0px 0px 0px;
    padding                    :    0px;
}
/*--- subnavigation --------------------------------------------------------*/
.sub_nav_list
{
    margin                    :    0px;
    padding                    :    0px;
    border                    :    0px;
    list-style-type            :    none;
}
.sub_nav_list li
{
    font-size                :    9px;
    margin                    :    0px 0px 2px 0px;
    padding                    :    0px;
}
/*--- subnavigation items --------------------------------------------------*/
.sub_nav_list a
{
    display                    :    block;
    height                    :    25px;
    width                    :    153px;
    padding                    :    0px 0px 0px 20px;
    line-height                :    24px;
    text-decoration            :    none;
    text-align                :    left;
    voice-family            :    "\"}\"";
    voice-family            :    inherit;
    width                    :    133px;
}
html>body #sub_nav_list a
{
    width                    :    133px;
}
.sub_nav_list a:hover
{
    text-decoration            :    none;
}
/*--- footer ---------------------------------------------------------------*/
#footer
{
    clear                    :    both;
    height                    :    89px;
    width                    :    775px;
    margin                    :    0px;
    padding                    :    0px;
}
#footer_text
{
    margin                    :    0px 30px 0px 30px;
    padding                    :    25px 0px 0px 0px;
    text-align                :    center;
    font-size                :    10px;
}

/*----------------------------------------------------------------------------
  default-styles for html-elements
----------------------------------------------------------------------------*/
/*--- body -----------------------------------------------------------------*/
body#main_body
{
    margin                    :    0px;
    padding                    :    0px;
    text-align                :    center;
}
/*--- paragraph ------------------------------------------------------------*/
#content_container p
{
    line-height                :    1.2;
}
/*--- headings -------------------------------------------------------------*/
#content_container h1
{
    overflow                :    hidden;
    padding                    :    10px 0px 5px 10px;
}
#content_container h2
{
    padding                    :    8px 0px 3px 10px;
}
#content_container h3
{
    padding                    :    8px 0px 2px 10px;
}
/*--- links ----------------------------------------------------------------*/
#content_container a:link
{
    font-weight             :    normal;
    text-decoration            :    underline;
}
#content_container a:visited
{
    font-weight             :    normal;
    text-decoration            :    underline;
}
#content_container a:hover
{
    text-decoration         :    none;
}
#content_container a:active
{
    text-decoration         :    underline;
}
/*--- tables ---------------------------------------------------------------*/
#content_container table
{
    border-width            :    1px;
    border-spacing            :    0px;
    border-style            :    solid;
}
#content_container td {
    border-collapse            :    collapse;
}
/*--- forms ----------------------------------------------------------------*/
#content_container fieldset
{
    padding                    :    15px;
    border-width            :    1px;
    border-style            :    solid;
}
#content_container input
{
    border-width            :    1px;
    border-style            :    solid;
}
#content_container textarea
{
    border-width            :    1px;
    border-style            :    solid;
}
#content_container button {
    color                            :    #FFF;
    background                        :    transparent url("Bilder/inputbutton.gif") top left;
}
/*--------------------------------------------------------------------------*/