/**
 * CSS der Wolke 7 - Psychomotorische Kindertagesst�tte e.V.
 *
 * Das Layout beruht auf einem Entwurf von
 * Maja Haessig (luxsiebenzwo, http://www.lux72.de)
 *
 * @author Joerg Schmittwilken
 * @date 2008-04-22
 * @copyright Wolke7 - Psychomotorische Kindertagesst�tte e.V.
 * @link http://www.kitawolke7.de
 *
 */



/**
 * Import der Styles f�r die Navis und den Content-Bereich
 *
 * @section import
 */
@import "navi1.css";
@import "navi2.css";
@import "content.css";



/**
 * Syles f�r den body und die Haupt-div-Container
 *
 * @section container
 */


/* Allgemein */
body{
    background: #cccccc;
}

/* Alles */
#all{
    position : absolute;
    top : 80px;
    left: 80px;
    width: 890px;
}

/* Header */
#header{
    float: left;
    width: 890px;
    background-color: #cccccc;
}

/* Logo gross */
#logol{
    float: left;
    width: 110px;
    height: 180PX;
    background-color: #ffffff;
}

/* Logo klein */
#logos{
    float: left;
    width: 110px;
    height: 70px;
    background-color: #ffffff;
}

/* Bildleiste */
#imageline{
    float: left;
    height: 99px;
    width: 770px;
    padding-top: 10px;
    background-color: #ffffff;
}

/* Content-Body */
#body{
    float: left;
    width: 880px;
    background: #ffffff;
    background-image: url(../img/bgbody.gif);
    background-position: left;
    background-repeat: repeat-y;
}

/* Footer */
#footerhome {
    float: left;
    width: 880px;
    height: 1px;
    background: #cccccc;
}

/* Footer */
#footerhome h1{
    height: 25px;
    background: #cccccc;
    margin-top: 10px;
    color: #535353;
    text-align: right;
    font-weight: bold;
    font-size: 11px;
    font-family: sans-serif;
}

/* Footer */
#footer {
    float: left;
    width: 880px;
    height: 10px;
    background: #cccccc;
    background-image: url(../img/bgbody.gif);
    background-position: left;
    background-repeat: repeat-y;
}

/* Footer */
#footer h1{
    height: 25px;
    background: #cccccc;
    margin-top: 20px;
    color: #535353;
    text-align: right;
    font-weight: bold;
    font-size: 11px;
    font-family: sans-serif;
}

/* Imagefooter */
#imagefooterkontakt{
    float: left;
    width: 880px;
    height: 100px;
    background: #ffffff;
    background-image: url(../img/footer_kontakt.gif);
    background-position: left;
    background-repeat: repeat-y;
}