/*
 * FREMO-NET
 * Copyright 2009 Valentin Funk
 * 
 * Stylesheets for the containers of the page. Fonts, colors
 * etc. you will find in the style.css.
 *
 * The main divisor is 8 (px).
 */

html, body {
    height: 100%;
}

body {
    margin: 0;
    border: 0;
    padding: 0;
    text-align: center;
}

/*
 * The main content area. 
 *
 * This is without the footer because of this stickyness. Ant
 * frame-height is just an wrapper to make the footer sticky not
 * overlaying some content.
 */

#frame-height {
    width: 848px;
    min-height: 100%;
    margin: 0 auto -39px auto; /* The negative margin is the height of the footer (frame-footer). Don't forget the space-main. Change there too. */
    border: 0;
    padding: 0;
}
#main {
    text-align: left;
    padding: 8px 0;
}
#space-main {
    clear: both;
    height: 39px; /* This makes the space to the footer. Change too!*/
}

/*
 * The left column.
 */

#left {
    width: 180px;
    margin-bottom: 8px; 
}

/* Sub-container */

#logo {
    height: 120px;
    margin-bottom: 16px;
}

#menu-languages {

}

#menu-meta {

}

#menu-main {

}


/*
 * The right column.
 */

#right {
    float: right;
    width: 640px;
    margin-bottom: 8px; 
}

/* Sub-container */

#subtitle {
    height: 20px;
    max-height: 20px;
    overflow: hidden;
}

#images {
    height: 100px;
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 0;
    /* background-color: orange; */
}

#menu-breadcrumb {
}

#content {
    clear: left;
}

#last-change {
    margin: 16px 0 0 0;
    text-align: right;
}


/*
 * The footer.
 *
 * The footer is sticky!
 */
#frame-footer {
    width: 848px;
    height: 39px; /* This is the definite height of the footer. Change negative margin of the frame-main too! */
    margin: 0 auto;
}

#footer  {
    margin: 0;
    border-top: 1px solid #ccc;
    padding: 4px 0 5px 0;
    text-align: center;
}