/*******************************************************************************
***** CSS für Probec Trainer - Main - trainer.css
*******************************************************************************/
* { box-sizing:border-box; }
body, img, form, button {
	border:0;
	padding:0;
	margin:0;
}
b { font-weight:700; }
input, textarea, select, option, button { font-family:inherit; }
/* clearfix für div.float */
.clearfix:after {
	content:"";
	display:table;
	clear:both;
}

/* disable font boosting on mobile browsers */
body * {
	max-height:1000000em;
	-moz-text-size-adjust:none;
}

/******** HTML Structs ********/
html { font-size:17px; }
body {
	font-size:1rem;
	font-weight:normal;
	text-rendering:optimizeLegibility;
	color:#000;
	background-color:#ebdabe;
}

header { }

nav {
	padding:6px 0 0 0;
	background-color:#557;
}

main {
	padding:1.5rem 1.25rem 1.25rem 1.25rem;
	font-size:1rem;
	display:flex;
	flex-direction:row;
}

footer {
	position:relative;
	margin:0 auto 1.2rem auto;
	width:31.25rem;
	z-index:0;
	padding:0.5rem 0 0.375rem 0;
	background-color:#f2e9da;
	box-shadow:0.0625rem 0.0625rem 0.125rem #555;
	border-radius:0 0 1.875rem 1.875rem;
}
footer p {
	font-size:0.75rem;
	line-height:190%;
	text-align:center;
	font-weight:600;
	color:#888;
	margin-bottom:0;
}

article {
	order:1;
	flex-grow:82;
	padding-right:20px;
	max-width:670px;
}

aside {
	order:2;
	flex-grow:18;
	text-align:right;
	min-width:150px;
}


/******** Überschriften ********/
h1, h2, h3 {
	line-height:120%;
	font-weight:700;
	color:#000;
}
h1 {
	line-height:140%;
	font-size:1.125rem;
	margin:0 0 1.25rem 0;
}
h1.trainexam {
	margin:0 0 0.625rem 0;
}
h2 {
	font-size:1.0625rem;
	margin:0 0 0.95rem 0;
}
h3 {
	font-size:0.9375rem;
	margin:0 0 0.95rem 0;
}


/******** Fließtext ********/
p {
	font-size:0.875rem;
	font-weight:normal;
	line-height:150%;
	color:#000;
	margin:0 0 0.94rem 0;
}
p.smaller {
	font-size:0.8125rem;
}
p.compact {
	line-height:135%;
	margin:0;
}

p.info {
	font-size:0.75rem;
	line-height:133%;
	color:#888;
	margin-bottom:0.625rem;
}
p.error {
	font-weight:700;
	color:#c00;
}

p.hint {
	font-size:0.875rem;
	line-height:125%;
	font-weight:normal;
	margin-bottom:0.5rem;
}

p.index {
	font-family:'Caveat', sans-serif;
	font-weight:400;
	font-size:1.25rem;
	line-height:110%;
	margin-top:1.25rem;
}

p.index_partner {
	font-size:0.8125rem;
	margin-bottom:0.3125rem;
}
p.index_link {
	font-size:0.75rem;
	font-weight:600;
	margin-bottom:0;
}

/******** Schriftfarben ********/
.font-gold {
	color:#e7ac1e;
}
.font-silver {
	color:#b1b8c1;
}
.font-bronce {
	color:#d3a177;
}
.font-green {
	color:#3f9228;
}
.font-red {
	color:#d41c3b;
}
.font-blue {
	color:#1d659e;
}
.font-grey {
	color:#808080;
}

.font-shrink {
	font-size:80%;
}
.font-grow {
	font-size:125%;
}

.font-normal {
	font-style: normal;
	font-weight: normal;
}
.font-bold {
	font-weight: bold;
}
.font-italic {
	font-style: italic;
}

sup {
	font-size:80%;
}

hr {
	height:1px;
	background-color:#000;
	margin:2px 0;
}

span.clip {
	color:#888;
	font-weight:600;
}


/******** Page Divs ********/
div#wrapper {
	position:relative;
	margin:0 auto;
	padding:0;
	min-width:720px;
	max-width:860px;
	z-index:1;
	background-color:#fff;
	box-shadow:0.25rem 0.25rem 0.4375rem #555;
	border-radius:0 0 0.5rem 0.5rem;
}

div#logo {
	position:relative;
	height:5rem;
	background-size:cover;
	background-position:center center;
	background-repeat:no-repeat;
}
div#logo_domain {
	position:absolute;
	width:560px;
	height:2.25rem;
	top:0;
	left:0;
	padding:0 0 0 0.5rem;
	font-family:'Caveat', sans-serif;
	font-size:1.875rem;
	font-weight:700;
	color:#fff;
	text-shadow:0.125rem 0.125rem 0.25rem #000;
}
div#logo_subtitle {
	position:absolute;
	width:560px;
	height:2.625rem;
	top:2.375rem;
	left:0;
	padding:0 0 0 0.5rem;
	font-family:'Caveat', sans-serif;
	font-size:1.125rem;
	line-height:100%;
	font-weight:400;
	color:#fff;
	text-shadow:0.125rem 0.125rem 0.125rem #000;
}


/******** Navigation ********/
div.topnav_sel,
div.topnav_right_sel,
a.topnav,
a.topnav_right {
	display:block;
	font-size:0.875rem;
	padding:0.375rem 1rem 0.375rem 1rem;
	border-bottom:0px;
	border-radius:0.9375rem 0.9375rem 0px 0px;
}

div.topnav_profile_sel,
a.topnav_profile {
	display:block;
	font-size:0.875rem;
	padding:0.25rem 0.5rem;
	border:2px solid;
	border-right:0px;
	border-radius:0.9375rem 0 0 0.9375rem;	
}

/* Selektiert */
div.topnav_sel,
div.topnav_right_sel {
	font-weight:bold;
	color:#5c5c9a;
	background-color:#fff;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-left:1px solid #fff;
}
div.topnav_profile_sel {
	font-weight:bold;
	color:#5c5c9a;
	background-color:#fff;
	border-color:#fff;
}
/* Links */
a.topnav,
a.topnav_right {
	font-weight:normal;
	color:#fff;
	background-color:#5c5c9a;
	border-top:1px solid #aac;
	border-right:1px solid #aac;
	border-left:1px solid #aac;
}
a.topnav_profile {
	font-weight:normal;
	color:#fff;
	background-color:#5c5c9a;
	border-color:#aac;
}
a.topnav:link, a.topnav:visited, a.topnav:active, a.topnav:hover,
a.topnav_right:link, a.topnav_right:visited, a.topnav_right:active, a.topnav_right:hover,
a.topnav_profile:link, a.topnav_profile:visited, a.topnav_profile:active, a.topnav_profile:hover {
	text-decoration:none;
}
a.topnav:active, a.topnav:hover,
a.topnav_right:active, a.topnav_right:hover,
a.topnav_profile:active, a.topnav_profile:hover {
	background-color:#8989d0;
}

/* Navigation links */
div.topnav_sel,
a.topnav {
	margin-left:6px;
}
/* Navigation rechts */
div.topnav_right_sel,
a.topnav_right {
	margin-right:20px;
}

/* Navigation Fortschritt Training/Prüfung */
span.topStat {
	font-weight:normal;
	font-size:85%;
}
span.topStatActive {
	font-weight:normal;
	font-size:85%;
	color:#bbc;
}


/******** Info Divs ********/
div.error {
	font-weight:bold;
	color:#BB2A1C;
}

div.box_row {
	display: table-row;
}
div.box_icon {
	display:table-cell;
	vertical-align: top;
	font-size:1.2rem;
	font-weight:bold;
	color:#fdd;
	background-color:#BB2A1C;
	width:0%;
	padding: 0.2rem 0.33rem 0 0.33rem;
	border-radius:0.45rem 0 0 0.45rem;
}
div.box_message {
	display:table-cell;
	vertical-align: top;
	font-size:0.875rem;
	font-weight:bold;
	color:#BB2A1C;
	padding:0.3rem 0.9rem 0.3rem 0.6rem;
}

div.error_box {
	position: relative;
	display:table;
	background-color:#fcc;
	padding:0;
	max-width: 95%;
	border-radius:0.45rem;
	box-shadow:0 0 0 0 #f00;

	animation-name: error_box_flash;
	animation-duration: 0.9s;
	animation-delay: 0.2s;
	animation-timing-function: ease;
	animation-iteration-count: 2;
}
@keyframes error_box_flash {
	0%   { box-shadow:0 0 0 0 #f00; }
	100%  { box-shadow:0 0 16px 0 rgba(255,0,0,0.1); }
}
div.error_box_icon {
	color:#fdd;
	background-color:#BB2A1C;
}
div.error_box_message {
	color:#BB2A1C;
}

div.hint_box {
	position:relative;
	display:table;
	background-color:#ffefbf;
	padding:0;
	max-width:95%;
	border-radius:0.45rem;
}
div.hint_box_icon {
	color:#ffe099;
	background-color:#b39136;
}
div.hint_box_message {
	font-size:0.75rem;
	font-weight:600;
	color:#8e711a;
}

div.error_db {
	font-size:0.6875rem;
	font-weight:bold;
	color:#fff;
	background-color:#e00;
	text-align:center;
	padding:0.125rem;
}

div.demowarning,
div.warning,
div.demo,
div.hint {
	font-size:0.8125rem;
	line-height:130%;
	margin-bottom:0.875rem;
	border-radius:0.5rem;
}
div.demowarning	{
	color:#bb2a1c;
	background-color:#f8dddd;
	padding:0.25rem 0.625rem 0.25rem 3.125rem;
	margin-bottom:0.25rem;
	min-height:2.625rem;
	background-image:url(/img/warning.png);
	background-repeat:no-repeat;
	background-size:2.5rem 2.25rem;
}
div.warning	{
	color:#8e711a;
	font-weight:600;
	background-color:#ffe9a6;
	padding:4px 8px 4px 8px;
}
div.demo, div.hint {
	color:#000;
	background-color:#fff2cc;
	padding:4px 8px;
}
div.hint {
	padding:0.375rem 0.75rem;
}
div.hint_borders_v {
	border:solid #beb498;
	border-width:0 0.5rem 0 0.5rem;
}
div.hint_borders_with_title {
	border-width:0 0 0 0.5rem;
	border-radius:0 0 0.5rem 0;
}
div.hint_title {
	font-size:0.875rem;
	font-weight:600;
	color:#000;
	padding:0.33rem 0 0.33rem 0.75rem;
	margin:1.5625rem 20px 0 20px;
	background-color:#beb498;
	border-radius:0.5rem 0.5rem 0 0;
}


div.infotext {
	font-size:12px;
	padding:5px;
	background-color:#fff6a7;
	border:2px solid #eac469;
	border-radius:5px;
}

div.copyright {
	font-size:0.6875rem;
	color:#888;
	text-align:right;
	margin:0.625rem 0 0 40px;
	border-top:1px solid #ccc;
	padding-top:3px;
}

div.translate_footer {
	font-size:0.75rem;
	font-weight:600;
	text-align:left;
	margin-left:60px;
}

/* Mehr zum Thema*/
div.mzt_box {
	margin:0 0 0 40px;
	font-size:12px;
}
div.mzt_title {
	float:left;
	margin:6px 10px 0 0;
	padding:3px 8px 3px 5px;
	color:#665b3b;
	background-color:#d1c08c;
}
div.mzt {
	float:left;
	margin:6px 6px 1px 0;
}
div.mzt a:link,
div.mzt a:visited,
div.mzt a:active,
div.mzt a:hover {
	display:block;
	padding:3px 9px 3px 27px;
	color:#1d659e;
	text-decoration:none;
	background-color:#e5d7ac;
	background-image:url(/img/word_www.png);
	background-repeat:no-repeat;
	background-position:5px 3px;
	background-size:16px 16px;
	border-radius:0 9px 9px 0;
}
div.mzt a:active,
div.mzt a:hover {
	color:#fff;
	background-color:#1d659e;
}

/***** Fenster Boxen *****/
div.winbox_title {
	width:150px;
	font-size:13px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	background-color:#777;
	padding:5px 3px 4px 3px;
	border-radius:6px 6px 0 0;
}
div.winbox_content {
	width:150px;
	font-size:12px;
	color:#000;
	text-align:center;
	background-color:#eee;
	padding:6px;
	border:1px solid #777;
	border-radius:0 0 6px 6px;
}
div.winbox_content p {
	font-size:12px;
	line-height:16px;
	margin:0 0 10px 0;
}
div.distance {
	height:10px;
}

/***** Fortschrittsbalken *****/
div.profile_progress_container {
	float:left;
	width:152px;
	height:14px;
	border:1px solid #aaa;
	border-radius:5px;
	margin-top:0.6875rem;
	margin-left:0.25rem;
}
div.profile_progress_bar {
	width:0%;
	height:12px;
	border-radius:4px;
	background-color:#008fef;
}

div.profile_rating_container {
	float:right;
	width:102px;
	height:14px;
	border:1px solid #aaa;
	border-radius:5px;
	margin-top:0.6875rem;
	margin-left:0.25rem;
}
div.profile_rating_bar {
	width:0%;
	height:12px;
	border-radius:4px;
	background-color:#ffd800;
}


/* Container für Antwortsauswertung: Häkchen */
div.quest_null {
	display:block;
	width:2.375em;
	height:2.375em;
	text-align:center;
}

/***** Fortschritt während Training oder Prüfung *****/
div.quest_progress {
	float:right;
	font-size:0.75rem;
	font-weight:600;
	margin-top:2px;
}
div.quest_progress_container {
	position:relative;
	padding:2px 0 0 0;
	margin-top:1px;
	margin-bottom:6px;
}
div.quest_progress_done {
	float:left;
	height:2px;
	background-color:#5c5c9a;
}
div.quest_progress_left {
	float:left;
	height:2px;
	background-color:#ddd;
}
div.quest_progress_knob {
	position:relative;
	height:6px;
	width:6px;
	top:-2px;
	border-radius:3px;
	background-color:#5c5c9a;
}

.quest_progress_slidein {
	animation-delay:600ms;
	animation:slideInEffect 500ms ease-out;
}
@keyframes slideInEffect {
    0%   { width:0%; }
    100% { width:100%; }
}

/***** Trainings- und Prüfungsstatus *****/
h2.status {
	font-size:1.0rem;
	margin:0 0 0.125rem 40px;
}
.exercise_footer_link {
	float:right;
	margin-top:0.20rem;
	font-size:0.75rem;
	font-weight:600;
}
.exercise_footer_divider {
	margin:0.0625rem 0px 0.9375rem 40px;
	border-bottom:1px solid #aaa;
}
div.box_status {
	float:left;
	display:block;
	width:14px;
	height:14px;
	background-color:#eee;
	border:1px solid #aaa;
	border-radius:25%;
	box-shadow: inset -1px -1px 1px #bbb;
	padding:0;
	margin:0 5px 5px 0;
}
div.box_right {
	background-color:#bfb;
	box-shadow: inset 1px 1px 1px #8c8;
}
div.box_wrong {
	background-color:#fbb;
	box-shadow: inset 1px 1px 1px #c88;
}
div.box_blue {
	background-color:#bbf;
	box-shadow: inset 1px 1px 1px #88c;
}
div.box_active {
	background-color:#999;
	box-shadow: inset -1px -1px 1px #666;
}
div.box_active_dot {
}


/***** Antwort Statistik *****/
div.box_overview, div.box_overview_color {
	float:left;
	font-size:0.625rem;
	text-align:center;
	font-weight:600;
	width:1.125rem;
	height:1.125rem;
	border:1px solid #ccc;
	background-color:#f0f0f0;
	border-radius:0.3125rem;
	padding:0.125rem;
	margin:0 0.15625rem 0.3125rem 0.15625rem;
}
div.box_overview_color {
	border:1px solid #aaa;
	background-color:#bbf;
	padding:0.0625rem 0.0625rem 0 0.0625rem;
	cursor:help;
}

/***** Themenübersicht und Auswahl *****/
div.topics {
	margin-left:20px;
}
div.topics_title {
	float:left;
	width:70%;
	font-size:0.93rem;
	font-weight:700;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
div.topics_title_fullwidth {
	width:80%;
}
div.topics_title_optional {
	font-style:italic;
}
div.topics_hr {
	clear:both;
	margin:1px 0 3px 0;
	border-bottom:1px solid #ccc;
}
div.topics_answered {
	float:left;
	font-size:0.75rem;
	font-weight:400;
	margin:1px 0 0 10px;
}
div.topics_icon_stat {
	float:right;
	text-align:right;
	font-size:0.875rem;
	margin-top:1px;
	margin-left:10px;
}
div.topics_icon_exam {
	float:right;
	color:#aaa;
	text-align:right;
	font-size:0.875rem;
	margin-top:1px;
}
div.topics_progress_label {
	float:right;
	text-align:right;
	font-size:0.6875rem;
	font-weight:400;
	margin-top:0.0625rem;
}
div.topics_progress_container {
	float:right;
	width:62px;
	height:11px;
	border:1px solid #ccc;
	border-radius:4px;
	margin-top:0.25rem;
	margin-left:0.25rem;
}
div.topics_progress_bar {
	height:9px;
	border-radius:3px;
	background-color:#008fef;
}
div.topics_answers {
	font-size:0.75rem;
	font-weight:400;
	margin-left:10px;
	margin-top:1px;
}


/***** Konto: Statistik Antworten *****/
div.quest_stat_box {
	float:left;
	width:40%;
	margin:0 5% 1.25rem 5%;
}
p.quest_stat_title {
	font-size:0.8125rem;
	font-weight:700;
	margin:0;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
p.quest_stat_text {
	font-size:0.75rem;
	line-height:140%;
	margin:0.125rem 0 0 0.625rem;
}


/***** Admin *****/
.admin_color {
	color:#e60;
}
.admin {
	opacity:0.25;
	transition:opacity ease 0.3s;
}
.admin:hover {
	opacity:1.0;
}
div.debug {
	float:left;
	margin-right:10px;
	color:#000;
}
div.debug_link {
	color:#48f;
}
div.debug_error {
	color:#f00;
}

/***** Auflistungen *****/
ul			{ font-size:0.875rem; margin-left:20px; padding-left:0; list-style-type:none; }
li			{ line-height:145%; margin-left:0; }
li:before	{ content:"•"; font-size:1.4em; vertical-align:top; padding-right:0.3em; }

/***** Tabellen *****/

table.std_table {
	border-spacing:0;
	border:0;
}

table.table_spc0 { border-spacing:0; }
table.table_spc1 { border-spacing:0.0625rem; }
table.table_spc2 { border-spacing:0.125rem; }
table.table_spc3 { border-spacing:0.1875rem; }
table.table_spc4 { border-spacing:0.25rem; }
table.table_spc5 { border-spacing:0.3125rem; }
table.table_spc6 { border-spacing:0.375rem; }
table.table_spc7 { border-spacing:0.4375rem; }
table.table_spc8 { border-spacing:0.5rem; }

table.table_pad0 td { padding:0; }
table.table_pad1 td { padding:0.0625rem; }
table.table_pad2 td { padding:0.125rem; }
table.table_pad3 td { padding:0.1875rem; }
table.table_pad4 td { padding:0.25rem; }
table.table_pad5 td { padding:0.3125rem; }
table.table_pad6 td { padding:0.375rem; }
table.table_pad7 td { padding:0.4375rem; }
table.table_pad8 td { padding:0.5rem; }
table.table_pad0 th, table.table_pad1 th, table.table_pad2 th, table.table_pad3 th,
table.table_pad4 th, table.table_pad5 th, table.table_pad6 th, table.table_pad7 th,
table.table_pad8 th {
	padding:0.125rem;
}


/***** Links *****/
a:link, a:visited { text-decoration:none; color:#1d659e; }
a:active, a:hover { text-decoration:underline; color:#175080; }

a.auswertung:link, a.auswertung:visited,
a.auswertung:active, a.auswertung:hover {
	text-decoration:none;
	color:#000;
	background-color:#f8bb00;	/* 2e4773 */
	padding:0.18em 0.5em;
	margin:0;
}
a.auswertung:active, a.auswertung:hover { background-color:#f7c363; }		/* 1a2840 */

a.invisible:link, a.invisible:visited,
a.invisible:active, a.invisible:hover {
	text-decoration:none;
	color:#000;
}

footer a:link, footer a:visited { text-decoration:none; color:#888; }
footer a:active, footer a:hover { text-decoration:none; background-color:#888; color:#f2e9da; }


/******* Formulare ********/
input[type=text],
input.textfield,
textarea {
	font-size:0.8125rem;
	font-weight:normal;
	color:#000;
	padding:0.1875rem 0.3125rem;
	border:1px solid #888;
	background-color:#eee;
}
input[type=text]:focus,
input.textfield:focus,
textarea:focus {
	background-color:#f9e7bf;
}

/* Kontaktformular */
input[type='radio'],
input[type='checkbox'] {
	font-size:0.8125rem;
	width:0.8125rem;
	height:0.8125rem;
	margin:0 0.1875rem 0 0.3125rem;
}
input.textfield-nou,
.textarea-nou {
	padding:0.1875rem 0;
	width:2px;
}
td.nopad-right {
	text-align:right;
	padding-right:0 !important;
	width:5px;
}
td.nopad-left {
	text-align:left;
	padding-left:0 !important;
	width:auto;
}

/* Login Textbox und Eingabehilfe */
input.textfield_login {
	font-family:Arial, sans-serif;
	font-size:1rem;
	font-weight:bold;
	text-align:center;
}
.textinput_helper {
	font-size:0.8125rem;
	font-weight:normal;
	color:#666 !important;
	display:inline-block;
	padding:0.1875rem;
	height:1.5rem;
}
.kb_key {
	font-family:Arial,sans-serif;
	font-size:0.875em;
	font-weight:bold;
	color:#fff;
	display:inline-block;
	float:left;
	margin:0 0.2em 0.4em 0.2em;
	padding:0.3em 0.2em 0.2em 0.2em;
	width:1.7em;
	height:1.7em;
	background-color:#dde;
	border:1px solid #666;
}
.kb_key:hover {
	background-color:#fff;
}

/***** Standard Button *****/
input.button,
button {
	font-size:0.875rem;
	font-weight:600;
	color:#fff;
	background-color:#778;
	padding:0.375rem 0.375rem;
	cursor:pointer;
	transition:background-color 0.5s ease, color 0.5s ease;
}
input.button:hover,
button:hover {
	background-color:#559;
}
input.button:focus,
button:focus {
	outline:none;
}

/* Button Konto/Spezial */
button.exitbutton,
button.reloadbutton,
button.languagebutton {
	font-size:0.8125rem;
	font-weight:600;
	color:#fff;
	padding:0.375rem 0.375rem;
	cursor:pointer;
	transition:background-color ease 0.6s;
}
button.exitbutton { background-color:#bd3c19; }
button.exitbutton:hover { background-color:#66200d; }
button.reloadbutton { background-color:#2e4773; }
button.reloadbutton:hover {	background-color:#1a2840; }
button.languagebutton {
	color:#000;
	text-align:left;
	padding-left:0.15rem;
	background-color:#ddd;
}
button.languagebutton:hover {	background-color:#aac; }

/* Button Antworten */
button.answerbutton,
button.tButton {
	font-size:15px;
	font-weight:600;
	color:#fff;
	background-color:#778;
		width:38px;
		height:38px;
	padding:10px 6px;
	cursor:pointer;
	transition:all ease 0.5s;
}
button.tButton {
	font-size:14px;
	padding:5px 8px;
	width:auto;
	height:auto;
}
button.answerbutton:hover,
button.tButton:hover { background-color:#559; }
button.answerbutton:disabled,
button.tButton:disabled { background-color:#e8e8e8; color:#000; border-radius:50%; cursor:not-allowed; }

/* Button Auswertung */
button.auswertung {
	width:1.6em;
	height:100%;
	padding:0;
	font-size:1.6em;
	color:#aaa;
	background-color:transparent;
}
button.auswertung:hover {
	background-color:#eee;
	color:#000;
}

/* Button Themenauswahl Training */
button.quest_select {
	font-size:0.8125rem;
	width:4.75rem;
	height:2.625rem;
	padding:0.3125rem 0;
	margin-right:0.35rem;
}


/* Option für Fehler melden */
select, option {
	font-size:0.75rem;
	font-weight:600;
	font-style:normal;
	color:#000;
	background-color:#fff;
}
select {
	border:1px solid #7a7a7a;
}


/***************************************
***** Checkboxen für MMC
***************************************/
.checkbox.custom {
	float:left;
	margin:0;
	padding:0;
	display:block;
	width:100%;
}

input[type=checkbox].custom {
	margin-left:0;
	padding:0;
}

input[type=checkbox].css-checkbox {
	position:absolute;
	overflow:hidden;
	clip:rect(0 0 0 0);
	height:1px;
	width:1px;
	margin:-1px;
	padding:0;
	border:0;
}

input[type=checkbox].css-checkbox+label.css-label {
	padding-left:22px;
		height:38px;
		width:38px;
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position:0 0;
	font-size:13px;
	vertical-align:middle;
	cursor:pointer;
	opacity:1;
}
input[type=checkbox].css-checkbox+label.css-label:hover {
	background-position:-38px 0;
}
input[type=checkbox].css-checkbox:checked+label.css-label {
	background-position:0 -38px;
}
input[type=checkbox].css-checkbox:checked+label.css-label:hover {
	background-position:-38px -38px;
}

.css-label {
	background-image:url(/img/checkbox38_4x.png);
}


/* Training und Prüfung */
h2.quest_category {
	font-size:0.9375em;
	font-weight:600;
	white-space:nowrap;
	margin:0;
	padding:0 0 1px 0;
	overflow:hidden;
	text-overflow:ellipsis;
}
p.quest_nr {
	font-size:0.875rem;
	color:#aaa;
}
div.quest_container {
	font-size:16px;
	margin-left:40px;
}
div.quest_container_compact {
	font-size:15px;
	margin-left:0;
}
p.quest_title {
	font-size:0.8125em;
	line-height:133%;
	font-style:italic;
	margin:5px 0 1.5rem 0;
}
h3.quest {
	font-size:0.9375em;
	line-height:133%;
	font-weight:700;
	margin:0.3125rem 0 1.875rem 0;
}
div.quest_pic_container {
	margin-bottom:1.25rem;
}
div#quest_pic { display:block; }
div#quest_pic_scaled { display:none; }
div.quest_pic_copyright {
	font-size:10px;
	line-height:133%;
	color:#888;
	margin-top:5px;
}
p.quest_answer {
	font-size:0.875em;
	font-weight:600;
	line-height:125%;
	margin:0;
}
td.answer,
td.answer_compact {
	text-align:right;
 	white-space:nowrap;
	padding:0.5625rem 5px 0.5625rem 0;
}
td.answer_compact {
	padding:0.2rem 5px 0.2rem 0;
}
div.quest_answer_distance {
	height:4px;
	display:block;
}
i#quest_RW { font-size:2.375em; vertical-align:10%; }
.infoWaitText {
	font-size:0.8125em;
	font-weight:600;
	margin-top:20px;
}
td.quest_letter {
	font-size:15px;
	font-weight:bold;
}
p.tAns {
	font-size:0.875em;
	font-weight:600;
	margin-top:1.25em;
}
p.tFW {
	font-size:0.875em;
	font-weight:600;
	line-height:125%;
	margin:0 0 0 0.75em;
	padding:0.75em 0 0 0;
}
i.tButtonIcon {
	font-size:17px;
}

div.status_title {
	float:left;
	font-size:0.75rem;
	font-weight:bold;
	color:#444;
	max-width:85%;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
div.status_title_amount {
	float:left;
	font-size:0.6875rem;
	color:#444;
	margin-left:0.375rem;
	margin-top:0.0625rem;
}
div.status_title_clear {
	clear:both;
	margin-bottom:0.1875rem;
}

.scale100, .scale105, .scale110, .scale115, .scale120,
.scale125, .scale130, .scale135, .scale140, .scale145,
.scale150, .scale175, .scale200 { font-size:16px; }
.nomobile { display:inline-block; }
.nomobile_block { display:block; }
.onlymobile { display:none; }
.onlymobile_block { display:none; }

/***********************************************************
***** Scaling für Mobile Geräte
***********************************************************/
@media only screen and (max-width:760px) {
	html { font-size:22px; }
	aside { display:none; }
	article { padding-right:0; max-width:740px; }

	.scale100 { font-size:16.0px; }
	.scale105 { font-size:16.8px; }
	.scale110 { font-size:17.6px; }
	.scale115 { font-size:18.4px; }
	.scale120 { font-size:19.2px; }
	.scale125 { font-size:20.0px; }
	.scale130 { font-size:20.8px; }
	.scale135 { font-size:21.6px; }
	.scale140 { font-size:22.4px; }
	.scale145 { font-size:23.2px; }
	.scale150 { font-size:24.0px; }
	.scale175 { font-size:28.0px; }
	.scale200 { font-size:32.0px; }
	.nomobile { display:none; }
	.nomobile_block { display:none; }
	.onlymobile { display:inline-block; }
	.onlymobile_block { display:block; }

	div.topnav_sel,
	div.topnav_right_sel,
	a.topnav,
	a.topnav_right {
		padding:0.3rem 0.75rem 0.3rem 0.75rem;
		border-width:2px 2px 0px 2px;
	}

	div.profile_progress_container { width:212px; height:18px; border-radius:6px; }		/* 152px, 14px, 5px */
	div.profile_progress_bar { height:16px; border-radius:5px; }						/* 12px, 4px */
	div.profile_rating_container { width:142px; height:18px; border-radius:6px; }		/* 152px, 14px, 5px */
	div.profile_rating_bar { height:16px; border-radius:5px; }							/* 12px, 4px */

	div.topics_progress_container { width:86px; height:15px; border-radius:5px; }		/* 62px, 11px, 4px */
	div.topics_progress_bar { height:13px; border-radius:4px; } 						/* 9px 3px */

	div.quest_progress { font-size:0.636rem; margin-top:5px; }		/* 12px 2px */
	div.quest_progress_container { margin-top:2px; padding:3px 0 0 0; }	/* 1px 2px */
	div.quest_progress_done { height:3px; }				/* 2px */
	div.quest_progress_left { height:3px; }				/* 2px */
	div.quest_progress_knob {
		height:9px;				/* 6px */
		width:9px;				/* 6px */
		top:-3px;				/* -2px */
		border-radius:5px;		/* 3px */
	}

	/* Anfang quest_container */
	div.quest_container { font-size:26px; }
	div.quest_container_compact { font-size:21px; }
	p.quest_title { font-size:0.85em; }
	h3.quest { font-size:1em; }
	div.quest_pic_container { margin-bottom:1.64rem; }

	div#quest_pic {	display:none; }
	div#quest_pic_scaled { display:block; }
	div.quest_pic_copyright { font-size:14px; margin-top:8px; }		/* 10px, 5px */
	button.answerbutton {
		font-size:1.0385em;
		width:68px;			/* 38px */
		height:68px;		/* 38px */
	}
	p.quest_answer { font-size:0.923em; }		/* 14px -> 25px */
	td.answer { padding:0.54em 10px 0.54em 0; }
	div.quest_answer_distance { height:0.923em; }		/* 4px */

	.infoWaitText { font-size:0.846em; margin-top:30px; }		/* 14px, 20px */
	i#quest_RW { font-size:2.154em; vertical-align:-20%; }			/* 38px */
	div.quest_null { width:2.154em; height:2.615em; padding-top:0.2305em; }
	td.quest_letter { font-size:1.0385em; padding-right:5px; }
	p.tAns { font-size:0.923em; margin-top:1.154em; }				/* 14px, 20px */
	p.tFW { font-size:0.923em; }
	/* Ende quest_container */

	div.box_status {
		width:20px;
		height:20px;
		margin:0 7px 7px 0;
	}

	button.tButton {
		font-size:24px;				/* 14px */
		padding:10px 16px;			/* 5px 8px */
	}
	i.tButtonIcon { font-size:30px; }		/* 17px */
	div.mzt_box { font-size:17px; }			/* 12px */
	div.mzt a:link, div.mzt a:visited, div.mzt a:active, div.mzt a:hover {
		padding:3px 11px 3px 32px;				/* 3px 9px 3px 27px */
		background-position:5px 5px;			/* 5px 3px */
		background-size:20px 20px;				/* 16px 16px */
	}

	input[type=checkbox].css-checkbox+label.css-label {
		height:68px;
		width:68px;
	}
	input[type=checkbox].css-checkbox+label.css-label:hover { background-position:-68px 0; }
	input[type=checkbox].css-checkbox:checked+label.css-label { background-position:0 -68px; }
	input[type=checkbox].css-checkbox:checked+label.css-label:hover { background-position:-68px -68px; }
	.css-label { background-image:url(/img/checkbox68_4x.png); }
}