html {
    height: 100%;
}

body {
    height: 100%;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    font-size: 13px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    background-color: #71A8D1;
    width: 100%;
}

.bodyArea {
    position: absolute;
    width: 100%;
    height: 100%;
}

.pageArea {
    width: 960px;
    margin:auto;
    height: 100%;
}
.pageAreaBody {
    /* 960 - 12 - 12 + 4 + 4 */
    width: 944px;
    margin-left: 8px;
    margin-right: 8px;
    /*background-color: #fff;*/
    background-image: url(../img/layout/hintergrund_body.png);
}

.dummyStripe {
    position: fixed;
    margin-left: 12px;
    width: 180px;
    top: 0px;
    bottom: 0px;
    background-color:#fff;
}

.shadowDummyStripeLeft {
    position: absolute;
    height:100%;
    margin-left: 8px;
    font-size: 2px;
}

.shadowDummyStripeRight {
    position: absolute;
    height:100%;
    margin-left: 192px;
    font-size: 2px;

}

/* html #cont {
position: absolute;
width: 100%;
bottom: 0px;
height: 100%;
overflow: hidden;
min-height: 600px;
}*/

#stripeHeader {
    position: absolute;
    top: 0px;
    height: 90px;
    margin-left: 12px;
    width: 180px;
    background-image: url(../img/layout/verlauf_gelb_header_klein.png);
    background-repeat: repeat-x;
    background-color: #fff;
}

#stripeBody {
    position: absolute;
    background-image: url(../img/layout/verlauf_gelb_body.png);
    background-repeat: repeat-x;
    background-color: #fff;
    width: 180px;
    top: 120px;
    min-height: 462px;
    margin-left: 12px;
}

#fruenke {
    margin-top: 0px;
    margin-left: 30px;
}

#fruenkeCompany {
    margin-top: 10px;
    margin-left: 10px;
}

#stripeStripe {
    position: absolute;
    width: 180px;
    top: 0px;
    bottom: 0px;
    margin-left: 12px;
    background-color: #fff;
}

#header {
    height: 90px;
    min-width: 960px;
    width: 100%;
    background-image: url(../img/layout/header-hintergrund.png);
    background-repeat: repeat-x;
}


#clock {
    position: absolute;
    width: 120px;
    top: 12px;
    /* 192 + 753 - 120 */
    margin-left: 838px;
    text-align: left;
}

#clock_start {
    text-align: center;
}

#headerLine {
    position: absolute;
    text-align: right;
    /* 960 - 15px - 192*/
    width: 753px;
    padding-right: 15px;
    top: 90px;
    margin-left: 192px;
    height: 18px;
}
#headerLineStripe {
    position: absolute;
    margin-top: 90px;
    height: 18px;
    width: 100%;
    background-color: #fff;
    left:0px;
}

#headerLine a, .lineArea a {
    color: #959595;
    text-decoration: none;
    font-size: 80%;
}
#headerLine a:hover, .lineArea a {
    text-decoration: underline;
}

#bottom {
    position: absolute;
    height: 100px;
    height: 63px;
    height: 90px;
    width: 756px;
    /*bottom: 0px;*/
    /* 108 (header) + 462 (main)*/
    /*top: 600px;*/
    margin-left: 192px;
    z-index: 30;
}
#bottomArea, #bottomArea2 {
    position: absolute;
    background-color: #FFFFCD;
    width: 100%;
    height: 100%;
}

#bottomArea2 {
    background-color: transparent;
}

#main, #main2 {
    background-color: #FFFFCD;
    background-image: url(../img/layout/hintergrund_main.png);
    /* 960 - 180 - 12 - 12 */
    width: 756px;
    /* 180 + 12 */
    margin-left: 184px;
    min-height: 462px;
}

#main2 {
    background-color: transparent;
    background-image: none;
}

* html #main {
    height: 462px;
}


#mainStripe {
    position: absolute;
    top: 110px;
    width: 100%;
    height: 471px;
    height: 442px;
    background-color: #71A8D1;
    left: 0px;
}

#textArea1 {
    padding: 5px 15px 5px 15px;
    /*top: 4px;
    bottom: 4px;
    left: 4px;
    right: 0px;
    overflow: auto;*/
    height: 100%;
    min-height: 462px;
    margin: 0px;
}

#textArea2 {
    padding: 0px 15px 5px 15px;
    margin: 0px;
}

#menu {
    width: 100%;
}

#menuStripe {
    position: absolute;
    height: 30px;
    width: 100%;
    background-color: #467EC8;
    left:0px;
    background-image: url(../img/layout/startpage-hintergrund.png);

}
#menuStripeRight {
    position: absolute;
    background-image: url(../img/layout/menu-hintergrund.png);
    right: 0px;
    width: 50%;
    height: 100%;
}

#startPicture {
    position: absolute;
    height: 100%;
    width: 100%;
    /* 462 */
    height: 292px;
    width: 756px;
    padding-top: 170px;
    background-image: url(../img/layout/startbild.jpg);
    background-repeat: no-repeat;
    z-index: 1000;
}

#startpage {
    position: absolute;
    background-color: #467EC8;
    /* 30 - 5 */
    height: 24px;
    width: 180px;
    margin-left: 12px;
    text-align: center;
    padding-top: 6px;
    background-image: url(../img/layout/startpage-hintergrund.png);
    z-index: 300;
    margin-top: -30px;
}

#startpage a {
    color: #fff;
    font-size: 14px;
    text-decoration: none;
}

#startpage a:hover {
    text-decoration: underline;
}

.line {
    height: 18px;
    width: 100%;
    background-color: #fff;
}

.lineArea {
    height: 100%;
    text-align: right;
    padding-right: 12px;
}

td.required {
    font-weight: bold;
}

li.error {
    color: #f00;
}

/* Schatten */
.shadowBlueRight {
    width: 4px;
    background-image: url(../img/layout/schatten-rechts-blau.png);
}

.shadowWhiteRight {
    width: 4px;
    background-image: url(../img/layout/schatten-rechts-weiss.png);
}

.shadowBlueLeft {
    width: 4px;
    background-image: url(../img/layout/schatten-links-blau.png);
}
.shadowYellowRight {
    width: 4px;
    background-image: url(../img/layout/schatten-rechts-gelb.png);
}
.shadowWhiteLeft {
    width: 4px;
    background-image: url(../img/layout/schatten-links-weiss.png);
}
.shadowBlueBottomRight {
    width: 12px;
    height: 4px;
    background-image: url(../img/layout/schatten-unten-rechts-blau.png);
}
.shadowBlueBottomLeft {
    width: 12px;
    height: 4px;
    background-image: url(../img/layout/schatten-unten-links-blau.png);
}
.shadowBlueTopRight {
    width: 12px;
    height: 4px;
    background-image: url(../img/layout/schatten-oben-rechts-blau.png);
}
.shadowBlueTopLeft {
    width: 12px;
    height: 4px;
    background-image: url(../img/layout/schatten-oben-links-blau.png);
}

.shadowBlueBottom {
    height: 4px;
    background-image: url(../img/layout/schatten-unten-blau.png);
}
.shadowBlueBottom2 {
    height: 4px;
    background-image: url(../img/layout/schatten-unten-blau2.png);
}
.shadowYellowBottom {
    height: 4px;
    background-image: url(../img/layout/schatten-unten-gelb.png);
}

.shadowBlueTop {
    height: 4px;
    background-image: url(../img/layout/schatten-oben-blau.png);
}

.shadowYellowTop {
    height: 4px;
    background-image: url(../img/layout/schatten-oben-gelb.png);
}

.shadowHeaderLeft, .shadowHeaderRight {
    position: absolute;
    width: 4px;
    height: 90px;
    top: 0px;
}

.shadowHeaderLeft {
    background-image: url(../img/layout/schatten-links-header.png);
    margin-left: 8px;
}

.shadowHeaderRight {
    background-image: url(../img/layout/schatten-rechts-header.png);
    margin-left: 192px;
}

.shadowMainRightTop {
    position: absolute;
    /* 12 + 180 + 756 "*/
    margin-left: 948px;
}

* html .shadowMainRightTop {
    font-size: 2px;
}

.shadowMainRight {
    /* 12 + 180 + 756 "*/
    margin-left: 948px;
    position: absolute;
    /* 462 - 4 - 4 (Schatten oben und unten) */
    top: 4px;
    bottom: 4px;
}

* html .shadowMainRight {
    top: auto;
    bottom: 0;
    height: 100%;
}

.shadowMainRightBottom {
    position: absolute;
    width: 12px;
    height: 4px;
    /* 12 + 180 + 756 "*/
    margin-left: 948px;
    margin-top: -4px;
    z-index: 2;
}

* html .shadowMainRightBottom{
    font-size: 2px;
}

.shadowMainLeftTop {
    position: absolute;
}

* html .shadowMainLeftTop{
    font-size: 2px;
}

.shadowMainLeft {
    float: left;
    margin-left: -184px;
    margin-top: 4px;
    width: 50px;
    min-height: 454px;
    height: 100%;
}

* html .shadowMainLeft {
    top: auto;
    bottom: 0;
    height: 100%;
}

.shadowMainLeftBottom {
    position: absolute;
    margin-top: -4px;
    z-index: 2;
}
* html .shadowMainLeftBottom{
    font-size: 2px;
}

.shadowBottomLeftTop {
    position: absolute;
}
* html .shadowBottomLeftTop {
    font-size: 2px;
}


.shadowBottomRightTop {
    position: absolute;
    /* 12 + 180 */
    margin-left: 192px;
    margin-top: 0px;
    background-color: red;
    z-index: 999;
}

* html .shadowBottomRightTop {
    font-size: 1px;
    height: 4px;
}

.shadowMenuBottom {
    position: absolute;
    /* 90 + 18 + 462 + 30 */
    top: 600px;
    top: 30px;
    /* 12 + 180 + 12 */
    margin-left: 204px;
    /* 960 - 180 - 12 - 12 */
    width: 756px;
    width: 50px;
}
.shadowMenuStripeTop {
    position: absolute;
    width: 100%;
    left:0px;
    margin-top: -4px;
    z-index: 1;
}

* html .shadowMenuStripeTop {
    font-size: 2px;
}

.shadowMenuStripeBottom {
    position: absolute;
    width: 100%;
    left:0px;
    font-size: 2px;
}
.shadowHeaderLineStripe {
    position: absolute;
    width: 100%;
    margin-bottom: -4px;
    left: 0px;
}

* html .shadowHeaderLineStripe {
    font-size: 2px;
}

.shadowStripeStripeLeft {
    position: absolute;
    margin-left: 8px;
    top: 604px;
    overflow: hidden;
    bottom: 0px;
}

.shadowStripeStripeRight {
    position: absolute;
    /* 80 + 12 */
    margin-left: 192px;
    top: 604px;
    overflow: hidden;
    bottom: 0px;
}

.shadowHeaderLineLeft {
    position: absolute;
    margin-top: -18px;
    margin-left: 8px;
    height: 18px;
    z-index: 30;
}

.shadowHeaderLineRight {
    position: absolute;
    margin-top: -18px;
    margin-left: 192px;
    height: 18px;
    z-index: 40;
}

.shadowInnerMainLeft {
    position: absolute;
    top: 4px;
    bottom: 4px;

}

.shadowInnerMainTop {
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    width: 756px;
}

* html .shadowInnerMainTop {
    font-size: 2px;
}

.shadowInnerMainBottom {
    position: absolute;
    margin-top: -4px;
    width: 756px;
    z-index: 2;
}
* html .shadowInnerMainBottom {
    font-size: 2px;
}

.shadowInnerBottomTop {
    position: absolute;
    top: 0px;
    margin-left: 0px;
    width: 756px;
}

* html .shadowInnerBottomTop {
    font-size: 2px;
}

.shadowInnerBottomLeft {
    position: absolute;
    top: 4px;
    height: 86px;
}


.shadowInnerBottomBottom {
    position: absolute;
    width: 760px;
    margin-top: 90px;
}

* html .shadowInnerBottomBottom {
    font-size: 2px;
}

.shadowBottomAreaRight {
    position: absolute;
    top: 4px;
    left: 756px;
    height: 96px;
    height: 56px;
    height: 86px;
}
.shadowBottomAreaTopRight {
    position: absolute;
    height: 4px;
    width: 12px;
    left: 756px;
}

* html .shadowBottomAreaTopRight {
    font-size: 2px;
}

.footer {
    width: 100%;
    overflow: hidden;
    height: 90px;
    height: 94px;
}

* html .footer {
    /*position: relative;
    display: none;*/
}

.footerStartpage {

    top: 108px;
    display: none;

}

* html .footerStartpage {
    height: 34px;
    display: none;
}

.footerOther {
    height: 93px;
    display: none;

} 

#footerStripe {
    position: absolute;
    width: 180px;
    height: 90px;
    height: 94px;
    background-color: #fff;
    margin-left: 12px;
}

/* html #bottomStripe {
bottom: auto;
height: 100%;
}*/

.shadowBottomStripeLeft {
    position: absolute;
    margin-top:4px;
    margin-left: 8px;
    height: 90px;
}

.shadowBottomStripeRight {
    position: absolute;
    margin-left: 192px;
    margin-top: 4px;
    height: 90px;
}

.body {
    width: 100%;
    min-width: 960px;
    min-height: 462px;
}

.bodyStartpage {
    height: 462px;
    display: none;
}

.bodyOther {
    display: none;
    bottom: 93px;
}


#futureText1 {
    margin-left: 252px;
    padding-top: 12px;
}
#futureText2 {
    margin-left: 292px;
}

#fdpSachsen {
    position: absolute;
    /* position: absolute;
    top: 600px;
    height: 63px;
    width: 89px;
    margin-left: 45px;
    margin-left: 57px;*/
    margin-left: 40px;
    margin-top:20px;
    z-index: 3;
}

#fruenkeDreieck {
    position: absolute;
    width: 89px;
    margin-top:20px;
    margin-left: 57px;
    z-index: 3;
}

#newPower {
    float: right;
    margin-top: 10px;
    margin-right: 15px;
    margin-left: 20px;
    margin-bottom: 20px;
}

#candidate {
    margin-top: 10px;
    margin-left: 20px;
}

#candidateFruenke {
    margin-left: 180px;
}

#fruenkeFoto {
    float: left;
    margin-left: 30px;
    margin-top: 20px;
}

#fdpText {
    margin-top: 30px;
    /* 223 + 30 + 30 */
    margin-left: 293px;
}

#cross {
    margin-top: 20px;
    margin-left: 293px;
}

#shadowStripeBottom {
    position: absolute;
    width: 188px;
    height: 4px;
    margin-top: 90px;
    margin-top: 94px;
    margin-left: 8px;
    background-image: url(../img/layout/schatten-streifen-unten.png);
    font-size: 2px;
}

.dummyLine {
    position: absolute;
    z-index: 2;
    height: 4px;
    width: 180px;
    margin-left: 12px;
    margin-top: -4px;
    background-color: #fff;
}

.shadowMainTopRight {
    position: absolute;
}

* html .shadowMainTopRight {
    font-size: 1px;
    height: 4px;
}

.shadowMainBottomRight {
    position: absolute;
    margin-top: -4px;
    margin-left: 192px;
    z-index:  999;
}

* html .shadowMainBottomRight {
    font-size: 1px;
    height: 4px;
}

#bottomWelcome {
    margin-top: 30px;
    text-align: center;
    font-weight: bold;
    font-size: 140%;
    font-style: italic;
}

#bottomWelcome a {
    color: #000086;
}