* {
         margin: 0;
         padding: 0;
}

p {
         padding-top: 7px;
         padding-bottom:7px;
}

h1 {
        padding-top: 244px;
        padding-right: 90px;
        text-align: right;
        font-size: 1.6em;
        font-style: italic;
        color: #FFFFFF;
}

h2 {
        margin-top: -8px;
        padding-right: 60px;
        text-align: right;
        font-size: 1em;
        font-style: italic;
        color: #EAEEF7;
}

h3 {
        padding-top: 7px;
        padding-bottom:7px;
        font-style: italic;
        color: #787C87;
        font-size: 1.4em;
}

h4 {
        margin-top: 40px;
        margin-left: 40px;
        margin-bottom: 10px;
}

h5 {
        position: absolute;
        padding-top: 50px;
        padding-left: 50px;
        text-align: right;
        font-size: 1.6em;
        font-style: italic;
        color: #FFFFFF;
        text-shadow: black 0.1em 0.1em 0.2em
}

.counter {
        font-family: Calibri, Georgia, "Times New Roman", Times, serif;
        font-size: 30px;
        font-style: italic;
        font-weight: bold;
        position: relative; top:-5px;
}

h6 {
        font-size:18px;
        color: #0a1263;
}

h7 {
        font-size:18px;
        color: #0a1263;

        width:550px; margin:2px auto; text-align:justify; word-spacing: -1px; font-size: 18px;
        display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1;
        padding:6px 20px 7px 21px; min-width:190px; border:1px solid #cfcfcf; text-decoration:none;
        padding-left:20px; padding-top:30px; padding-bottom:30px; border-left:1px solid #cfcfcf;

        background-color:#f8f8f8;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f4f4f4));
        background:-moz-linear-gradient(100% 100% 90deg, #f4f4f4, #fefefe);
        -webkit-box-shadow:inset 1px 0 0 #fff; -moz-box-shadow:inset 1px 0 0 #fff; box-shadow:inset 1px 0 0 #fff;
        -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px;
        -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;

        color:#08c;
        text-decoration:none;
        background-color:#ebebeb;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#ebebeb));
        background:-moz-linear-gradient(100% 100% 90deg, #ebebeb, #f6f6f6);
        outline: none;
        border-color: #cfcfcf;

}

.loesungssatz {
        color: #0a1263;
}

a:link { color: #666666 }
a:visited { color: #666666 }
a:hover { color: #794353 }
a:active { color: #666666 }

.finger {
        cursor:url(https://root.boris-weihrauch.de/fdw/2014/finger.png), url(https://root.boris-weihrauch.de/fdw/2014/finger.gif), url(https://root.boris-weihrauch.de/fdw/2014/finger.cur), auto;
}

body {
        background-color: #6B6D82;
        font-family: Calibri, Georgia, "Times New Roman", Times, serif;
}

#container {
        margin: 0px auto;
        width: 980px;
        color: #797D88;
}

#header {
        background-image: url(images/header.jpg);
        background-position: center top;
        background-repeat: no-repeat;
        height: 293px;
}

#headerloesung {
        background-image: url(images/header_loesung.jpg);
        background-position: center top;
        background-repeat: no-repeat;
        height: 293px;
}

#linkbar {
        background-image: url(images/linkbar_bg.jpg);
        height: 79px;
}

#linkbarloesung {
        background-image: url(images/linkbar_bg_loesung.jpg);
        height: 79px;
}

#content {
        background-image: url(images/content_tile.jpg);
        background-repeat: repeat-y;
        padding-left: 80px;
        padding-right: 80px;
        min-height: 300px;
}

#content p {
        padding-right: 220px;
}

#right_menu {
        background-image: url(images/right_menu.png);
        height: 365px;
        width: 277px;
        float: right;
        margin-right: -80px!important;
        margin-right: -40px;
}


#aha {
        background-image: url(images/aha.png);
        height: 250px;
        width: 241px;
        float: left;
}

#footer {
        background-image: url(images/footer.jpg);
        height: 63px;
        padding-top: 78px;
        padding-left: 80px;
        padding-right: 80px;
        text-align: center;
        font-size: .9em;
}

#navcontainer ul
{
        margin-left: 50px!important;
        margin-left: 30px;
        color: white;
        float: left;
        margin-top: 5px;
}

#navcontainer ul li { display: inline; }

#navcontainer ul li a {
         padding: 0.2em 1em;
         color: white;
         text-decoration: none;
         float: left;
         font-size: 20px;
}

#navcontainer ul li a:hover {
         color: #E3E9F1;
}

.navcontainer {
         width: 200px;
         margin-left: 40px;
}

.navcontainer ul {
         margin-left: 0;
         padding-left: 0;
         list-style-type: none;
}

.navcontainer a {
         display: block;
         padding: 3px;
         width: 168px;
         border-bottom: 1px solid #BFC2C9;
}

.navcontainer a:link, .navlist a:visited {
         color: #666666;
         text-decoration: none;
}

.navcontainer a:hover {
         background-color: #8D5764;
         color: #fff;
}


.historylink {
         text-decoration:none;
}

.historylink:hover {
         text-decoration:none;
         font-weight: bold;
}

/* input_form */
table.login .button { cursor: pointer; color: #08c; }
table.login .button { width:250px; margin:10px auto; text-align:center; word-spacing: -1px; font-size: 18px; height: 35px; }
table.login .button { display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1; }
table.login .button { padding:6px 20px 7px 21px; min-width:190px; border:1px solid #cfcfcf; text-decoration:none;
        background-color:#f8f8f8;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f4f4f4));
        background:-moz-linear-gradient(100% 100% 90deg, #f4f4f4, #fefefe);
        -webkit-box-shadow:inset 1px 0 0 #fff; -moz-box-shadow:inset 1px 0 0 #fff; box-shadow:inset 1px 0 0 #fff; }
table.login .button:hover {
        background-color:#ebebeb;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#ebebeb));
        background:-moz-linear-gradient(100% 100% 90deg, #ebebeb, #f6f6f6); }
table.login .button {
        -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px;
        -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; }
table.login .button { padding-left:20px; border-left:1px solid #cfcfcf; }
table.login .button.active { padding-left:20px; color:#fff; cursor:default; text-decoration:none; border:1px solid #666;
        background:#636363;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#545454), to(#7b7b7b));
        background:-moz-linear-gradient(100% 100% 90deg, #7b7b7b, #545454);
        -webkit-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset; -moz-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset;  box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset; }
table.login .button:active { padding-left:20px; color:#fff; cursor:default; text-decoration:none; border:1px solid #666;
        background:#636363;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#545454), to(#7b7b7b));
        background:-moz-linear-gradient(100% 100% 90deg, #7b7b7b, #545454);
        -webkit-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset; -moz-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset;  box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset; }

table.login .captcha2 {
        border: 1px solid #bababa;
        font-size:24px;
        color:#000;
        padding-left: 5px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        resize: none;
        font-family: "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif;
}

table.login .captcha2:focus {
        outline: none;
        border-color: #9ecaed;
        box-shadow: 0 0 10px #9ecaed;
}

#overlay {
        position: fixed;
        z-index:199;
        top: 0px;
        left: 0px;
        height:100%;
        width:100%;
}
* html #overlay { /* ie6 hack */
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.
        offsetHeight ? document.body.scrollHeight : document.body.
        offsetHeight + 'px');
}
.overlayBG {
   background-color:#000;
        -ms-filter: "Alpha(Opacity=75)"; /* IE 8 */
        filter:alpha(opacity=75); /* IE5-7 */
        -moz-opacity: 0.75; /* Mozilla */
        opacity: 0.75;
}
#lightBox {
        position:fixed;
        text-align:left;
       /* margin: 0 auto; */
        z-index:200;
        width:590px;
        height:340px;
        background-color:#fff;
        padding:20px;
        border: 3px #6b6d82 outset;
}

* html #lightBox { /* ie6 hack */
        position: absolute;
        margin-top: expression(0 - parseInt(this.offsetHeight / 2) +
        (TBWindowMargin = document.documentElement &&
        document.documentElement.scrollTop ||
        document.body.scrollTop) + 'px');
}

.antworten ul {
        margin-left:80px;
}

.antworten a {
        font-size: 18px;
        font-weight:normal;
        text-decoration:none;
}

.antworten a:hover {
        color:#a8004b;
        text-transform:uppercase;
        font-weight:bold;
        text-decoration:none;
}

.aufgeben {
        margin-left:540px;
}

.antwort a {
        cursor: pointer;
        color: #08c;
        font-size: 18px;
        font-weight:normal;
        text-decoration:none;
        overflow:hidden;

        width:250px; margin:2px auto; text-align:center; word-spacing: -1px; font-size: 18px; height: 50px;
        display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1;
        padding:6px 20px 7px 21px; min-width:190px; border:1px solid #cfcfcf; text-decoration:none;
        padding-left:20px; padding-top:30px; border-left:1px solid #cfcfcf;

        background-color:#f8f8f8;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f4f4f4));
        background:-moz-linear-gradient(100% 100% 90deg, #f4f4f4, #fefefe);
        -webkit-box-shadow:inset 1px 0 0 #fff; -moz-box-shadow:inset 1px 0 0 #fff; box-shadow:inset 1px 0 0 #fff;
        -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px;
        -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;
        margin-left:3px;
        margin-top:3px;
}

.antwort a:hover {
        color:#a8004b;
        text-transform:uppercase;
        font-weight:bold;
        text-decoration:none;

        background-color:#ebebeb;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#ebebeb));
        background:-moz-linear-gradient(100% 100% 90deg, #ebebeb, #f6f6f6);
        outline: none;
        border-color: #9ecaed;
        box-shadow: 0 0 10px #9ecaed;
}

.antwort a.active {
        padding-left:20px; color:#fff; cursor:default; text-decoration:none; border:1px solid #666;
        background:#636363;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#545454), to(#7b7b7b));
        background:-moz-linear-gradient(100% 100% 90deg, #7b7b7b, #545454);
        -webkit-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset; -moz-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset;  box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset;
}
.antwort a:active { padding-left:20px; color:#fff; cursor:default; text-decoration:none; border:1px solid #666;
        background:#636363;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#545454), to(#7b7b7b));
        background:-moz-linear-gradient(100% 100% 90deg, #7b7b7b, #545454);
        -webkit-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset; -moz-box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset;  box-shadow:0 1px 9px rgba(0, 0, 0, 0.52) inset;
}

#antwortuser {
        color: #a8004b;
        font-weight:bold;
}

.antwortrichtig {
/* Diese Antwort wäre richtig gewesen */
        cursor: default;
        color: #08c;
        font-size: 18px;
        font-weight:normal;
        text-decoration:none;

        width:250px; margin:2px auto; text-align:center; word-spacing: -1px; font-size: 18px; height: 50px;
        display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1;
        padding:6px 20px 7px 21px; min-width:190px; border:1px solid #cfcfcf; text-decoration:none;
        padding-left:20px; padding-top:30px; border-left:1px solid #cfcfcf;

        background-color:#f8f8f8;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f4f4f4));
        background:-moz-linear-gradient(100% 100% 90deg, #f4f4f4, #fefefe);
        -webkit-box-shadow:inset 1px 0 0 #fff; -moz-box-shadow:inset 1px 0 0 #fff; box-shadow:inset 1px 0 0 #fff;
        -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px;
        -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;

        color:#08c;
        font-weight:bold;
        text-decoration:none;
        background-color:#ebebeb;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#ebebeb));
        background:-moz-linear-gradient(100% 100% 90deg, #ebebeb, #f6f6f6);
        outline: none;
        border-color: #32d213;
        box-shadow: 0 0 10px #32d213;
        margin-left:3px;
        margin-right:3px;
        margin-top:3px;
}

.antwortneutral {
/* neutrale Antwortmöglichkeit */
        cursor: default;
        color: #08c;
        font-size: 18px;
        font-weight:normal;
        text-decoration:none;

        width:250px; margin:2px auto; text-align:center; word-spacing: -1px; font-size: 18px; height: 50px;
        display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1;
        padding:6px 20px 7px 21px; min-width:190px; border:1px solid #cfcfcf; text-decoration:none;
        padding-left:20px; padding-top:30px; border-left:1px solid #cfcfcf;

        background-color:#f8f8f8;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f4f4f4));
        background:-moz-linear-gradient(100% 100% 90deg, #f4f4f4, #fefefe);
        -webkit-box-shadow:inset 1px 0 0 #fff; -moz-box-shadow:inset 1px 0 0 #fff; box-shadow:inset 1px 0 0 #fff;
        -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px;
        -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;

        color:#08c;
        text-decoration:none;
        background-color:#ebebeb;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#ebebeb));
        background:-moz-linear-gradient(100% 100% 90deg, #ebebeb, #f6f6f6);
        outline: none;
        border-color: #cfcfcf;
        margin-left:3px;
        margin-right:3px;
        margin-top:3px;

}

.userantwortrichtig {
/* Antwort des Users ist richtig - keine andere Antwort wird noch markiert */
        cursor: default;
        color: #08c;
        font-size: 18px;
        font-weight:normal;
        text-decoration:none;

        width:250px; margin:2px auto; text-align:center; word-spacing: -1px; font-size: 18px; height: 50px;
        display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1;
        padding:6px 20px 7px 21px; min-width:190px; border:1px solid #cfcfcf; text-decoration:none;
        padding-left:20px; padding-top:30px; border-left:1px solid #cfcfcf;

        background-color:#f8f8f8;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#fefefe), to(#f4f4f4));
        background:-moz-linear-gradient(100% 100% 90deg, #f4f4f4, #fefefe);
        -webkit-box-shadow:inset 1px 0 0 #fff; -moz-box-shadow:inset 1px 0 0 #fff; box-shadow:inset 1px 0 0 #fff;
        -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px;
        -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;

        color:#08c;
        font-weight:bold;
        text-decoration:none;
        background-color:#ebebeb;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#9cff89));
        background:-moz-linear-gradient(100% 100% 90deg, #9cff89, #f6f6f6);
        outline: none;
        border-color: #32d213;
        box-shadow: 0 0 10px #32d213;
        margin-left:3px;
        margin-right:3px;
        margin-top:3px;
}

.userantwortfalsch {
/* Antwort des Users wird als falsch markiert, eine andere Antwort muss noch als richtig markiert werden */
        cursor: default;
        color: #08c;
        font-size: 18px;
        font-weight:normal;
        text-decoration:none;

        width:250px; margin:2px auto; text-align:center; word-spacing: -1px; font-size: 18px; height: 50px;
        display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1;
        padding:6px 20px 7px 21px; min-width:190px; border:1px solid #cfcfcf; text-decoration:none;
        padding-left:20px; padding-top:30px; border-left:1px solid #cfcfcf;
        -webkit-box-shadow:inset 1px 0 0 #fff; -moz-box-shadow:inset 1px 0 0 #fff; box-shadow:inset 1px 0 0 #fff;
        -webkit-border-radius:6px 6px 6px 6px; -moz-border-radius:6px 6px 6px 6px; border-radius:6px 6px 6px 6px;
        -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;

        color:#08c;
        font-weight:bold;
        text-decoration:none;
        background-color:#ebebeb;
        background:-webkit-gradient(linear, 0 0, 0 100%, from(#f6f6f6), to(#ffaad0));
        background:-moz-linear-gradient(100% 100% 90deg, #ffaad0, #f6f6f6);
        outline: none;
        border-color: #a8004b;
        box-shadow: 0 0 10px #a8004b;
        margin-left:3px;
        margin-right:3px;
        margin-top:3px;
}

.prozent {
        color: #c0c0c0c0;
        font-weight:bold;

        width:250px; margin:2px auto; text-align:right; word-spacing: -1px; font-size: 36px; height: 50px;
        display:-moz-table-cell; display:inline-block; *display:inline; *zoom:1;
        padding:6px 20px 7px 21px; min-width:190px;
        padding-left:20px; padding-top:30px;
        margin-left:3px;
        margin-right:3px;
        margin-top:3px;
}

.silbentrennungAn {
        -ms-hyphens: auto;
        -webkit-hyphens: auto;
        hyphens: auto;
}

.silbentrennungAus {
        -ms-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
}