/* Dokument */
body, td, th { font-size: 100%; font-family: Arial, Helvetica, sans-serif; }

body { background: #4d87c7 url("bg_blue.gif") repeat-x top left fixed; padding: 10px 0; }
form { display: inline; margin: 0; padding: 0; }

a:link    { color: #FF0000; }
a:visited { color: #660000; }
a:hover   { color: #0000FF; }
a:active  { color: #660000; }

label { cursor: pointer; }

input, select { border: 1px solid #000000; }
input[type="radio"] { border: 0; }
input[type="checkbox"] { border: 0; }


/* Grund-Layout */
#container { width: 90%; margin: 0px; margin-left: auto; margin-right: auto; padding: 0px; }
#header    { background-color: #FFFFFF; margin-bottom: 15px; padding: 0px; border: 2px solid #CCCCCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; }
#content   { margin-bottom: 20px; padding: 15px; overflow: hidden; font-size: smaller; border: 2px solid #CCCCCC; background-color: #FFFFFF; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; }
#sidebar   { float: right; font-size: larger; padding: 0px; margin-left: 15px; }
#footer    { padding: 5px; clear: both; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: smaller; text-align: center; background-color: #DDDDDD; border: 2px solid #CCCCCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 3px 3px 3px #ccc; -webkit-box-shadow: 3px 3px 3px #ccc; box-shadow: 3px 3px 3px #ccc; }


/* Header */
#metaheader { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: smaller; text-align: right; margin: 5px; padding: 0px; }

#logo     { height: 57px; margin: 0px 10px; padding: 0px; float: left; }
#logo img { display: block; padding: 0px; margin: 0px; }
#subheader { margin: 0px 10px; padding: 0px; float: left; }
#subheader h3  { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bolder; margin: 3px 0px; text-decoration: none; float: left; }
#twitter { float: right; margin-left: 100px; }

#navbar         { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #DDDDDD; height: 18px; margin: 10px 0px 10px 0px; padding: 10px 10px 10px 10px; font-weight: bold; font-size: smaller; }
#navbar a       { margin: 5px 5px 5px 5px; padding: 6px; }
#navbar a:hover { background-color: #FFFFFF; }

.clear { clear: both; }


/* Content */
#content h2   { font-size: 200%; }
#testing-info { border: 2px solid #CCCCCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #CCCCCC; margin: 0 0 20px 0; padding: 5px 10px; }
#countup      { color: #000000; }
#topicselect  { border: 2px solid #CCCCCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; background-color: #CCCCCC; margin: 0 0 20px 0; padding: 5px 10px; }
.rank         { border: 1px solid #CCCCCC; background: #DDDDDD; width: 100%; }
.highscore    { border: 1px solid #CCCCCC; background: #DDDDDD; width: 100%; margin-bottom: 5px; }
#result       { border: 2px solid #4d87c7; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; margin: 0 auto 20px auto; padding: 5px 10px; width: 350px; }



/* Feedback */
#feedback      { margin-bottom: 25px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }
.top-left      { background: url(/res/images/bg-top-left.gif) no-repeat left top; width: 21px; height: 21px; }
.top-center    { background: url(/res/images/bg-top-center.gif) repeat-x; height: 21px; }
.top-right     { background: url(/res/images/bg-top-right.gif) no-repeat left top; width: 60px; height: 21px; }
.middle-left   { background: url(/res/images/bg-middle-left.gif) repeat-y; width: 21px; }
.middle-center { background: #DEDEDE; }
.middle-right  { background: url(/res/images/bg-middle-right.gif) repeat-y left top; width: 60px; }
.bottom-left   { background: url(/res/images/bg-bottom-left.gif) no-repeat left bottom; width: 21px; height: 21px; }
.bottom-center { background: url(/res/images/bg-bottom-center.gif) repeat-x; height: 21px; }
.bottom-right  { background: url(/res/images/bg-bottom-right.gif) no-repeat left bottom; width: 60px; height: 21px; }



/* Frage / Antwort */
#question h2 { color: #12448a; font-size: 200%; margin: 0; padding: 0; }
#question h3 { font-size: 125%; margin: 0 0 10px 0; padding: 0; }
#question h4 { font-size: 125%; margin: 0 0 5px 0; padding: 0; }

#answers      { margin: 5px 0px 15px 0px; line-height: 2em; }
#answer-true  { color: #00CC00; }
#answer-false { color: #CC0000; }

#answer-gast-true  { padding: 10px; margin-bottom: 20px; font-weight: bold; border: 1px solid #00CC00; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#answer-gast-false { padding: 10px; margin-bottom: 20px; font-weight: bold; border: 1px solid #CC0000; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.true  { color: #009900; }
.false { color: #CC0000; }

#answer { margin: 15px 0; padding: 15px; background-color: #eeeeee; border: 1px solid #00CC00; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

#question-button { width: 100%; height: 50px; font-size: 1em; font-weight: bold; padding: 0.5em; margin: 5px 0; border: 2px solid #000000; background-color: #BBBBBB; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }
.quick-button    { width: 100%; height: 50px; font-size: 1em; font-weight: bold; padding: 0.5em; margin: 10px auto; border: 2px solid #BBBBBB; background-color: #dddddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }

#context      { display: none; margin-top: 10px; border-top: 1px solid #000000; }
#questionfail { display: none; margin-top: 10px; border-top: 1px solid #000000; }


/* Buttons */
a.invite { display:block; background-image:url(/res/images/button-invite.gif); background-repeat:no-repeat; width:215px; height:71px; color: #ccc; }
a.invite:hover { background-image:url(/res/images/button-invite-hover.gif); background-repeat:no-repeat; }
a.register { display:block; background-image:url(/res/images/button-register.gif); background-repeat:no-repeat; width:215px; height:71px; color: #ccc; }
a.register:hover { background-image:url(/res/images/button-register-hover.gif); background-repeat:no-repeat; }
a.quickcheck { display:block; background-image:url(/res/images/button-quickcheck.gif); background-repeat:no-repeat; width:215px; height:71px; color: #ccc; }
a.quickcheck:hover { background-image:url(/res/images/button-quickcheck-hover.gif); background-repeat:no-repeat; }



/* Sidebar-Menu */
.menu-box   { background-color: #FFFFFF; margin: 0; margin-bottom: 15px; font-size: smaller; width: 220px; border: 2px solid #CCCCCC; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; -moz-box-shadow: 5px 5px 5px #ccc; -webkit-box-shadow: 5px 5px 5px #ccc; box-shadow: 5px 5px 5px #ccc; }
.menu-title { margin: 10px 10px 10px 10px; font-weight: bolder; }
.menu       { margin: 10px 10px 10px 10px; line-height: 1.5em; font-size: smaller; }



/* Erfolgskontrolle */
.testing    { width: 50%; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding: 10px; border: 2px solid #4d87c7; background: url("bg_testing_button.gif") repeat-x top left fixed; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
.testing h3 { text-align: center; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 175%; }
.testing a:link, a:visited, a:active { color: #FF0000; }
.testing a:hover { color: #4d87c7; }
.testing-button  { display: block; margin-left: auto; margin-right: auto; margin-bottom: 20px; width: 220px; font-size: 1em; font-weight: bold; padding: 0.5em; border: 2px solid #000000; background-color: #BBBBBB; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; cursor: pointer; }

#ratingDecimal { font-size: 3em; font-weight: bold; width: 100px; margin: 5px auto; text-align: center; }
#ratingString  { width: 100px; margin-left: auto; margin-right: auto; text-align: center; }


/* Einstellungen */
.settings { display: none; border-top: 1px solid #000000; margin-top: 20px; margin-bottom: 20px; padding-top: 20px; }


/* Sonstiges */

/* border: 1px solid #000000; */

.fehler { color: red; }
.mysql { background-color: #FFFFCC; font-family: Arial, Helvetica, sans-serif; font-size: 0.8em; border: 1px solid #FF9966; padding: 5px; display: block; }
.meldung-positiv { width: 75%; padding: 5px; border: 1px solid #008000; background-color: #99FF99; }
.meldung-negativ { width: 75%; padding: 5px; border: 1px solid #FF0000; background-color: #FFCCCC; }
.meldung-neutral { width: 75%; }