/* --- allgemeine Elemente --- */
* {margin: 0px;padding: 0px;}
body {font-size: 14px;font-family:  verdana, arial, helvetica, sans-serif; line-height: 22px; color: #000000; background-color: #ffffff;}
p {padding:0px; margin: 0px 0px 10px 0px;}
p.info {font-style: italic; font-family: Times, serif; font-size: 17px; line-height: 23px;}
a, a:link {color: #4479d4; text-decoration: none; font-weight: normal; border: none; outline: none;}
a:hover {color: #ff6a00; border:none;}
/* --- Seiten-Layout ---*/
html, body, #wrap {height: 100%;}
body > #wrap {height: auto; min-height: 100%;}
#headLine {position: absolute; width: 100%; height: 10px; background-color: #ff6a00;}
#centerBox {width: 860px; vertical-align: middle;	text-align: left; margin:0 auto; padding: 0px 0px 60px 0px; clear:both;}
#headerBox {height: 90px;}
#mainContent {width: 600px;}
#mainTitle {display: inline-block; background-color: #ff6a00; padding: 14px; padding-top: 20px; color: #ffffff; font-size: 25px; font-weight: bold; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#mainSubTitle {display: inline-block; padding: 14px; color: #a5a5a5; font-size: 20px; font-weight: bold;}
.miniTitle {font-size: 15px; font-weight: bold;}
p.kursTitle {font-size: 18px; font-weight: bold; margin-bottom: 15px;}
#footer {position: relative; margin-top: -10px; height: 10px; clear:both; background-color: #ff6a00;}
#rightBox {width: 200px; float: right; text-align: left;}
ul.history, #histAct {font-size: 13px; line-height: 18px;}
ul.history {margin-left: 16px; color: #8d8d8d;}
a.histLink {color: #8d8d8d; text-decoration: none; border: none; outline: none;}
li.hist {margin-bottom: 6px;}
a.histLink:hover, li.hist:hover {color: #ff6a00; text-shadow: 0 -1px 1px rgba(0,0,0,0.215);}
li.hist.akt,li.hist.akt:hover  {color: #000000; text-shadow: none;}
#hint {color: #555555; font-size: 11px; margin-top: 10px; line-height: 15px;}
/* --- Button-Formatierung --- */
.but, a.but {background: #222 url(../img/butOverlay.png) repeat-x; display: inline-block; padding: 5px 10px 6px; color: #fff; text-decoration: none; font-weight: bold; line-height: 1; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); text-shadow: 0 -1px 1px rgba(0,0,0,0.25); border-bottom: 1px solid rgba(0,0,0,0.25); position: relative; cursor: pointer;}
.but:hover, a.but:hover {background-color: #111111;color: #ffffff;}
.small.but {font-size: 11px;}
.medium.but {font-size: 13px;}
.large.but {font-size: 15px;}
.blue.but, a.blue.but {background-color: #4479d4;} .blue.but:hover, a.blue.but:hover {background-color: #644ad8;}
.gray.but {background-color: #a5a5a5; cursor: default;} .gray.but:hover {cursor: default;}
.but.navi {padding: 3px; margin-left: 5px; text-align: center; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2);}
/* --- Formular-Wrapping --- */
input.cBox, input.rad {outline: none; width: 20px; height: 20px; filter:alpha(opacity=0); -moz-opacity: 0; opacity: 0; cursor:pointer;}
div.Checkbox, div.CheckboxC {display: inline-block; width: 20px; height: 20px; position: relative; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); border: 1px solid #5dd0c0; background-color: #fcfcfc;}
div.Checkbox:hover, div.CheckboxC:hover, div.Radio:hover, div.RadioC:hover {cursor:pointer; border: 1px solid #1e786c;}
div.CheckboxC {background: #fcfcfc url('../img/tick.png') no-repeat 2px 2px; cursor:pointer;}
div.inactive.CheckboxC:hover, div.inactive.Checkbox:hover, div.inactive.CheckboxC, div.inactive.Checkbox, div.inactive.Radio, div.inactive.RadioC, div.inactive.Radio:hover, div.inactive.RadioC:hover  {border: 1px solid #5dd0c0; cursor: default;}
div.Radio, div.RadioC {display: inline-block; width: 20px; height: 20px; position: relative; border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); border: 1px solid #5dd0c0; background-color: #fcfcfc;}
div.RadioC {background: #fcfcfc url('../img/cross.png') no-repeat 2px 2px; cursor:pointer;}
/* --- Format Antwortlisten, Aufgaben --- */
div.aBox1 {margin: 5px 0px 8px 0px; padding: 5px; border: 1px solid black;}
div.quest, div.wrongAnswer, div.rightAnswer {border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5); margin-top: 17px; margin-bottom: 35px; border: 1px solid #9b9b9b;}
div.quest {padding: 5px 8px 1px 8px; background-color: #ececec;}
div.wrongAnswer {padding: 5px 8px 5px 8px; background-color: #ffcd73;}
div.rightAnswer {padding: 5px 8px 5px 8px; background-color: #80ea69;}
a.ansTitle, a.ansTitle:hover {color: #000000; font-weight: bold; display:block; border: none; margin-bottom: 10px;}
div.cbLabel {margin-top: -2px; margin-left: 33px; width: 535px; border: 1px solid black;}
/* --- Tabellen Formatierung --- */
div.table {display: table; border-collapse: collapse; table-layout: fixed; width: 100%; margin-top: 10px;}
div.tRow {display: table-row;}
div.tRow1 {background-color: #ffcd73;}
div.tCell1, div.tCell2 {display: table-cell; vertical-align: top; padding-bottom: 15px;}
div.tCell1 {width: 30px;}
/* --- Message-Window Formatierung --- */
#messageLayer {z-index: 100; position: absolute; height: 100%; width: 100%; background: url('../img/lightBG.png') repeat;}
#messageBox {width: 400px; min-height: 110px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.7); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.7); margin:0 auto; background-color: #ececec; border: 2px solid #ff6a00; padding: 10px;}
/* --- Formatierung der Index-Liste --- */
#idxList {color: #4479d4; margin-left: 20px;}