@CHARSET "UTF-8";

/**
 * CSS StyleSheet fuer QUADIO
 *
 * @author          Hans-Georg Heidemann, Interweber.de
 * @version         0.1
 * @date            2010-09-17
 * @lastmodified    2010-09-17
 * @see             http://www.interweber.de
 * @charset         UTF-8
 *
 *
 * Man wei� nie, was daraus wird, wenn die Dinge ver�ndert werden.
 *
 * Aber wei� man denn, was draus wird, wenn sie nicht ver�ndert werden?
 *
 * Elias Canetti (Deutscher Schriftsteller, * 25.07.1905 - � 14.08.1994)
 *
 */

/**
 * Colors
 * @section     color
 * @colordef    #eeeeee; light grey
 * @colordef    #999999; medium grey
 * @colordef    #666666; dark grey
 * @colordef    #ffffff; white
 * @colordef    #01759c; petrol
 * @colordef    #a1c342; green
 * @colordef    #982a50; red
 * @colordef    #ffcb01; yello
 * @colordef    #000000; black
 */

body {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeaea+0,fefefe+49,efefef+56,eaeaea+100 */
    background: #eaeaea; /* Old browsers */
    background: -moz-linear-gradient(top, #eaeaea 0%, #fefefe 69%, #efefef 76%, #eaeaea 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eaeaea 0%,#fefefe 49%,#efefef 56%,#eaeaea 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eaeaea 0%,#fefefe 49%,#efefef 56%,#eaeaea 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
.loginstart {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+2,efefef+8,eaeaea+57,eaeaea+96 */
    background: #fefefe; /* Old browsers */
    background: -moz-linear-gradient(top, #fefefe 2%, #efefef 8%, #eaeaea 57%, #eaeaea 96%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fefefe 2%,#efefef 8%,#eaeaea 57%,#eaeaea 96%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fefefe 2%,#efefef 8%,#eaeaea 57%,#eaeaea 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#eaeaea',GradientType=0 ); /* IE6-9 */
}
.loginsecond {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eeeeee+2,dedede+8,dadada+57,dedede+96 */
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top, #eeeeee 2%, #dedede 8%, #dadada 57%, #dedede 96%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #eeeeee 2%,#dedede 8%,#dadada 57%,#dedede 96%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #eeeeee 2%,#dedede 8%,#dadada 57%,#dedede 96%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dedede',GradientType=0 ); /* IE6-9 */
}
#backendcontent legend {color:#01759c;}
#backendcontent h4 {color:#01759c;}
#backendcontent h3 {color:#01759c;}
#backendcontent h2 {color:#01759c;}
#backendcontent dt {color:#999;}
#backgroundPopup {background-color: rgba(128,128,128,.5);}

#flashMessage {
    background-color:#982a50;
    color:#fff;
}

#authMessage {
    color:#fff;
}

.error-message {
    color:#982a50;
}
#introwindow h2 {color:#01759c;}
#progress-level {color:#fff;}
#progress-togo {color:#000;}
#welcomecontent h2 {color:#01759c;}
#welcomecontent legend {color:#01759c;}
#welcomecontent h3 {color:#01759c;}
.activemenu a {color:#000;}
.answercontent a {color:#000;}
.answercontent a:hover {color:#ffcb01;}
.answercontentfalse a {color:#000;}
.answerbox {background-color:#fff;}
li.activemenu {background-color:#fff;}
a.button {color:#fff;}
a.button:hover {color:#666;}
.correctanswer {color:#a1c342;}
.categoryitem h4, .categoryitem h4 a {color:#01759c;}
.dbitem a {color:#01759c;}
.dbitem a:hover {color:#fff;}
.dialog a {color:#000;}
.dialogfalse a {color:#982a50;}
.dashboarditem a {color:#982a50;}
.falseanswer {color:#982a50;}
.green {color:#a1c342;}
.green-bg {background-color:#a1c342 !important;}
li.inactivemenu:hover {background-color:#fff;}
.inactivemenu a {color:#fff;}
.inactivemenu a:hover {color:#000;}
.inputfield {background-color:#eee;}
.joker1,
.joker2,
.joker1passive,
.joker2passive,
.joker25,
.joker25passive,
.joker50,
.joker50passive {
    color: #666666;
}
.login legend {color:#000;}
.login label,
.benlog label {
    color:#999;
    font-weight: normal !important;
}
a.logoutlink {color:#444;}
a.logoutlink:hover {color:#fff;}
.paging span.current {background-color:#01759c;color:#fff;}
.paging a {color:#01759c;}
.petrol {color:#01759c;}
a.profilelink {color:#fff;}
.question {color:#000;}
.questionsegment {background-color:#fff;}
.red {color:#982a50}
.red-bg {background-color:#982a50 !important}
a.resetpw {color:#01759c;}
a.resetpw:hover {color:#ffcb01;}
a.smallbutton {color:#fff;}
a.smallbutton:hover {color:#666;}
.smalltext {color:#999999;}
.versioninfo {color:#999;}
.yellow {color:#ffcb01}


/* 1.4.9 */
.delImgButton {
    background-color: #982a50;
    border: 2px solid #fff;
    color: #fff;
}
.delImgButton:hover {
    background-color: #fff;
    border: 2px solid #982a50;
    color: #982a50;
}