/* 
    Document   : style
    Created on : 29.04.2010, 16:05:05
    Author     : Dominic Thimm
    Description:
        Purpose of the stylesheet follows.
*/

body {
    font-size: 11pt;
    font-family: arial, helvetica, sans-serif;
}

#body-wrapper {
    width: 900px;
    margin: 0 auto;
}

/* -----------------------------------------------------------------------------
generals
----------------------------------------------------------------------------- */
a {
    text-decoration: none;
    color: #2f78a2;
}
a:hover {
    text-decoration: underline;
}

hr {
    clear: both;
    width: 0;
    height: 0;
    background: transparent;
    border: 0;
}

a img {
    border: 0;
}

/* -----------------------------------------------------------------------------
header
----------------------------------------------------------------------------- */
#header h1 a {
    background: url(../img/fragebogen-fuehrerschein-logo.png) no-repeat;
    height: 50px;
    width: 84px;
    display: block;
}
#header h1 a span {
    display: none;
}

/* header community */
#community-wrapper {
    width: 500px;
    float: right;
    text-align: right;
}
#community-wrapper a {
    font-size: 0.8em;
    color: #949494;
}
#community-wrapper span.separator {
    display: inline;
    margin: 0 5px;
    font-size: 0.8em;
    color: #949494;
}

#form-login {
    background: #f0f5f7;
    border: 1px solid #a4c6d9;
    padding: 5px 10px;
    font-size: 0.9em;
    text-align: right;
    margin-bottom: 5px;
    float: right;
}
#form-login input {
    padding: 0;
    width: 120px;
    float: left;
    margin-right: 5px;
    padding: 1.5px;
}
#form-login label {
    display: block;
    float: left;
    margin-right: 5px;
    line-height: 1.5;
}
#form-login .submit {
    display: block;
    float: right;
}
#form-login .submit input {
    background: url(../img/btn-bg.png) repeat-x;
    border: 0;
    color: #ffffff;
    font-size: 0.9em;
    font-family: verdana;
    height: 19px;
    margin-top: 1px;
    width: 70px;
    border: 1px solid #185a80;
}
#authMessage {
    font-size: 0.8em;
    float: left;
    margin: 2px 0;
    color: #bb3636;
}

/* -----------------------------------------------------------------------------
menu
----------------------------------------------------------------------------- */
#menu {
    background: url(../img/menu-bg.png) repeat-x;
    height: 30px;
}
#menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#menu ul li {
    float: left;
    background: url(../img/menu-separator.png) repeat-y right;
    padding: 5px 20px;
    height: 20px;
    display: block;
}
#menu ul li a {
    color: #000000;
    text-decoration: none;
    letter-spacing: -1px;
    text-shadow: #dedede 1px 1px;
}

/* -----------------------------------------------------------------------------
looker
----------------------------------------------------------------------------- */
#looker {
    background: url(../img/looker-1.png) no-repeat;
    background-position: -2px;
    height: 300px;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 20px;
}
#looker h2 {
    display: block;
    height: 25px;
    position: relative;
    top: 5px;
    left: 430px;
    color: #ffffff;
    z-Index: 2000;
    font-size: 2em;
    text-shadow: #2f78a2 1px 1px;
    letter-spacing: -2px;
    font-family: "TREBUCHET MS";
}
#looker .looker-question {
    position: relative;
    width: 450px;
    height: 200px;
    top: 20px;
    left: 430px;
    font-size: 1.2em;
    color: #ffffff;
}
#looker .looker-question p {
    font-weight: bold;
    margin-bottom: 0;
}
#looker .looker-question ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    font-size: 0.9em;
}
#looker .looker-question ul li {
    margin: 10px 0 0 0;
    padding-left: 18px;
    display: block;
}
#looker .looker-question ul li.correct {
    background: url(../img/question-ok.png) no-repeat;
}
#looker .looker-question ul li.wrong {
    background: url(../img/question-wrong.png) no-repeat;
}

/* -----------------------------------------------------------------------------
footer
----------------------------------------------------------------------------- */
#footer {
    font-size: 0.8em;
    color: #949494;
    border-top: 1px dashed #949494;
    padding-top: 10px;
    clear: both;
    margin-top: 20px;
}
#footer a {
    color: #949494;
    margin-right: 10px;
}

/* -----------------------------------------------------------------------------
breadcrumb
----------------------------------------------------------------------------- */
#breadcrumb {
    font-size: 0.9em;
    color: #555555;
    margin: 10px 0;
}
#breadcrumb a {
    color: #555555;
    background: url(../img/breadcrumb-sep.png) no-repeat right;
    padding-right: 25px;
    margin-right: 10px;
}

/* -----------------------------------------------------------------------------
content
----------------------------------------------------------------------------- */
#content {
    display: block;
    margin-bottom: 20px;
}

/* -----------------------------------------------------------------------------
content left
----------------------------------------------------------------------------- */
.content-left {
    width: 620px;
    float: left;
    margin-right: 20px;
}

/* -----------------------------------------------------------------------------
content right
----------------------------------------------------------------------------- */
.content-right {
    float: right;
    font-size: 0.9em;
    width: 250px;
    color: #949494;
}
.content-right h3 {
    margin: 0 0 10px 0;
}
.content-right ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.content-right ul li {
    display: block;
    margin-bottom: 10px;
    font-size: 0.9em;
}

/* -----------------------------------------------------------------------------
FFL Question Replies
----------------------------------------------------------------------------- */
.ffl-question-replies {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.ffl-question-replies li {
    margin: 10px 0 0 0;
    padding-left: 18px;
    display: block;
}
.ffl-question-replies li.correct {
    background: url(../img/question-ok.png) no-repeat;
}
.ffl-question-replies li.wrong {
    background: url(../img/question-wrong.png) no-repeat;
}

/* -----------------------------------------------------------------------------
PrevNext
----------------------------------------------------------------------------- */
.prev-next-wrapper {
    font-size: 0.9em;
    background: #f0f5f7;
    padding: 5px;
    height: 20px;
}
.prev-next-wrapper .prev {
    float: left;
}
.prev-next-wrapper .next {
    float: right;
    text-align: right;
}

/* -----------------------------------------------------------------------------
form-default
----------------------------------------------------------------------------- */
.form-default {
    background: #f0f5f7;
    border: 1px solid #a4c6d9;
    padding: 10px;
    width: 500px;
}
.form-default .group {
    margin-bottom: 20px;
}
.form-default .input {
    display: block;
    margin: 5px 0;
}
.form-default .text label,
.form-default .password label {
    display: block;
    width: 160px;
    float: left;
    text-align: right;
    margin-right: 10px;
    font-size: 0.9em;
    line-height: 1.8;
}
.form-default .text input,
.form-default .password input {
    display: block;
    width: 300px;
    padding: 2px;
    border: 1px solid #dedede;
}
.form-default .terms {
    font-size: 0.9em;
}
.form-default .submit {
    text-align: right;
    margin-right: 25px;
}
.form-default .submit input {
    background: url(../img/submit-bg.png) repeat-x;
    border: 0;
    color: #ffffff;
    font-size: 0.9em;
    font-family: verdana;
    height: 25px;
    border: 1px solid #185a80;
}
.form-default .error {
    color: #bb3636;
}
.form-default .error-message {
    font-size: 0.8em;
    margin: 5px 0 0 170px;
}
.form-default .checkbox .error-message {
    font-size: 0.8em;
    margin: 5px 0 0 20px;
}

/* -----------------------------------------------------------------------------
col2
----------------------------------------------------------------------------- */
.col2-list {
    width: 650px;
    float: left;
}
.col2-list ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.col2-list ul li {
    display: block;
    width: 48%;
    margin-right: 1%;
    border: 1px solid #c7d6df;
    float: left;
    margin-bottom: 10px;
    height: 245px;
}
.col2-list ul li h3 {
    display: block;
    padding: 5px;
    margin: 5px 0;
    height: 20px;
    font-size: 1.1em;
}
.col2-list ul li p.content {
    padding: 5px;
    margin: 5px 0;
    height: 150px;
    text-align: justify;
}
.col2-list ul li .img {
    float: left;
    margin: 5px 10px 5px 5px;
    border: 1px solid #efefef;
    height: 70px;
    width: 100px;
    padding: 1px;
}
.col2-list ul li p.link {
    display: block;
    padding: 10px 5px;
    background: #f0f5f7;
    margin: 3px 0 0 0;
    text-align: right;
    height: 20px;
}

/* -----------------------------------------------------------------------------
commercial
----------------------------------------------------------------------------- */
.commercial-wrapper {
    display: block;
    border: 1px solid #dedede;
    height: 200px;
    overflow: hidden;
}
.commercial-wrapper p {
    font-size: 0.9em;
    padding: 10px;
}
.commercial-wrapper img {
    display: block;
    float: left;
    margin-right: 20px;
}
.commercial-wrapper img {
    display: block;
    float: left;
    margin-right: 20px;
}

/* -----------------------------------------------------------------------------
exam field
----------------------------------------------------------------------------- */
#ExamFieldLayer {
    display: none;
    width: 100%;
    position: absolute;
    background: url(../img/bg-black.png);
    top: 0;
    left: 0;
}
#ExamField {
    border: 2px solid #dedede;
    position: absolute;
    width: 650px;
    height: 500px;
    background: #f0f5f7;
    display: none;
    top: 40px;
    left: 50%;
    margin-left: -325px;
    padding: 10px 20px 10px 10px;
    -moz-border-radius: 5px;
}
#ExamField h2 {
    font-size: 1.2em;
    display: block;
    margin: 30px 0 15px 0;
}
#ExamFieldReplies ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#ExamFieldReplies ul li {
    display: block;
    margin: 10px 0;
}
#ExamFieldReplies ul li input.checkbox {
    float: left;
    margin-right: 5px;
}
#ExamFieldReplies ul li input.replyText {
    width: 50px;
    border: 1px solid #dedede;
}
#ExamFieldMenu {
    position: absolute;
    top: 450px;
    height: 70px;
    left: 0;
    width: 100%;
}
#ExamFieldMenu .right {
    float: right;
    width: 60px;
}
#ExamFieldMenu .right .loader-img {
    display: none;
}
#ExamFieldMenu .loader a {
    display: none;
}
#ExamFieldMenu .loader {
    padding: 20px;
}
#ExamFieldMenu .loader .loader-img {
    display: inline;
}
#ExamFieldCheck {
    display: block;
    width: 220px;
    height: 70px;
    background: url(../img/btn-check.png) no-repeat;
    color: #ffffff;
    font-size: 1em;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    padding: 23px 0;
    border: 0;
    font-family: arial;
    outline: none;
}
a#ExamFieldCheck {
    padding: 25px 0;
}
#ExamFieldCheck:hover {
    background: url(../img/btn-check-hover.png) no-repeat;
}
#ExamFieldNext {
    display: block;
    width: 96px;
    height: 24px;
    background: url(../img/btn-next.png) no-repeat;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    padding: 23px 0;
    z-Index: 100;
    outline: none;
}
#ExamFieldNext:hover {
    display: block;
    width: 96px;
    height: 24px;
    background: url(../img/btn-next-hover.png) no-repeat;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0 auto;
    text-align: center;
    text-decoration: none;
    padding: 23px 0;
}
#ExamFieldNext span {
    display: none;
}

/* Top Menu */
#ExamFieldTopMenu {
    position: absolute;
    width: 100%;
    height: 25px;
    top: 0;
    left: 0;
    background: #91b0c3;
    color: #efefef;
    border-bottom: 1px solid #dedede;
}
#ExamFieldTopMenu .left {
    margin: 5px;
    display: block;
    float: left;
}
#ExamFieldTopMenu .right {
    margin: 5px;
    display: block;
    float: right;
    width: 100px;
    text-align:right;
}

/* Report */
#ExamFieldReport {
    position: absolute;
    top: 420px;
    height: 30px;
    z-Index: 100;
    width: 100%;
    left: 0;
}
#ExamFieldReport p {
    color: #ffffff;
    padding: 5px;
    display: block;
    font-size: 0.9em;
    margin: 0 5px;
}
#ExamFieldReport .wrong {
    background: #bb3636;
    border: 1px solid #8f1b1b;
}
#ExamFieldReport .correct {
    background: #39bb36;
    border: 1px solid #288c25;
}

/* Error */
#ExamField .error {
    color: #bb3636;
}