/* Colours:
 *
 * grey (background footer):    #E1E1E1
 * blue (link):                 #005AAB
 *
 */

/* ----- general ----------------------------------------------------------B- */
* {
    font-family: lucida grande, tahoma, verdana, sans-serif;
    font-size: 12px;
    padding: 0;
    border: none;
    margin: 0;
}

body {
    background-color: #FFFFFF;
    color: #000000;
}

a {
    color: #005AAB;
}

a:hover {
    text-decoration: none;
}

h1 {
    margin-bottom: 3px; /* abstand headline unten (zum text) */
}

p {
    line-height: 16px; /* zeilenabstand innerhalb eines absatzes */
    margin-bottom: 13px; /* abstand nach unten (zum nächsten absatz) */
}
/* ----- general ----------------------------------------------------------E- */

/* ----- choice -----------------------------------------------------------B- */
#choice {
    position: absolute;
    top: 262px;
    left: 553px;
    width: 752px;
    height: 433px;
    margin-top: -200px;
    margin-left: -232px;
    z-index: 100;
}

#choice img {
    width: 752px;
    height: 433px;
}

#choice-footer {
    position: absolute;
    bottom: 0px;
    background: #E1E1E1 url('../images/footer.gif') repeat-x left top;
    width: 100%;
    height: 90px;
    z-index: 10;
}
/* ----- choice -----------------------------------------------------------E- */

/* ----- intro ------------------------------------------------------------B- */
#intro {
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    width: 800px;
    height: 600px;
    margin-top: -350px;
    margin-left: -400px;
    z-index: 100;
}

#intro-footer {
    position: absolute;
    bottom: 0px;
    background: #E1E1E1 url('../images/footer.gif') repeat-x left top;
    width: 100%;
    height: 90px;
    z-index: 10;
}
/* ----- intro ------------------------------------------------------------E- */

/* ----- flash ------------------------------------------------------------B- */
#flash {
    /* nothing to do */
}
/* ----- flash ------------------------------------------------------------E- */

/* ----- navigation -------------------------------------------------------B- */
#navigation {
    float: left;
    background: url('../images/verlauf.gif') repeat-x left top;
    width: 100%;
    height: 150px;
}
/* ----- navigation -------------------------------------------------------E- */

/* ----- content ----------------------------------------------------------B- */
#content {
    width: 650px;
    padding-top: 8px;  /* abstand unternavi - headline */
    padding-left: 33px; /* abstand content - flash links */
}

#content .imgleft {
    float: left;
    margin: 0 15px 10px 0; /* abstand: oben, rechts, unten, links; vom bild */
}
#content .textlauf{
    float: left;
	width: 530px;
}
#content .imgright {
    float: right;
    margin: 0 0 10px 15px; /* abstand: oben, rechts, unten, links; vom bild */
}
/* ----- content ----------------------------------------------------------E- */

/* ----- footer -----------------------------------------------------------B- */
#footer {
    background: #E1E1E1 url('../images/footer.gif') repeat-x left top;
    width: 100%;
    height: 66px;
}

#footer div {
    padding: 35px 0 0 316px; /* abstand nach: oben, rechts, unten, links */
}

#footer div img {
    float: left;
}
/* ----- footer -----------------------------------------------------------E- */