/*
Tweaks
*/

body {
	font-family: Helvetica, Arial, sans-serif;
}

/* Verringerung der Ränder von 15 auf 5px im Fragenbereich */
#question_cont, #one-member_cont {
	padding: 5px;
}

#info_msg {
  font-weight: normal;
}

/* Hack für zu breiten Rand unterhalb des #question-header 
#question-content fieldset {
	margin-top: -1px;
}	*/

/* Entfernung der oberen Rundungen für das erste Fragenelement
#question-content #alabel-A {
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
} */

/* Formatierung der #question-header "box" */
#question-header {
	background-color: #fff;
	border-width: 1px;
	border-color: #adadad;
	border-style: solid;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-radius: 5px;
}

/* hinzufügen von margin: 1em; für den Abstand zum #question-header */
#question-header #question-text {
	margin: 1em;
}

/* Publikumsjoker in eine Box einbauen */
#answer-pubjoker {
	background-color: #fff;
	border-color: #adadad;
	border-width: 1px;
	border-style: solid;
	border-radius: 5px;
	padding-left: 15px;
	padding-right: 15px;
}

/* Formatierung des Login */
#title_kreuzmich {
	color:#8cc63f;
	font-size: 44px;
	margin-bottom:-19px;
	margin-top:30%;
}
#title_mobile {
	color:#ffffff;
	text-align:right; 
	margin-top: -19px;
	margin-bottom: 30%;
}
#kmm_version {
	margin-top:0px;
	margin-left:0px;
	font-size: small;
	color:#8cc63f;
} 
#signin_username {
	margin-bottom:0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom: none;
	box-shadow: none;
}
#signin_password {
	margin-top:0px;
	margin-bottom:0px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	box-shadow: none;
}

/* verringert das padding für den Content von 15px auf 10px */
.ui-content {
	/* scheint in dieser Form die listveiws zu zerstören
	padding: 10px;*/
}

#question-images {
	margin-left: 3px;
	float: right;
}

/* Abrunden des ersten Bildes. Leider nur für FF und Webkit */
.ui-block-a img {
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
}

#question-image-popup img {
	max-width:90%;
	
	/* bisheriger Fix für zu große Bilder */
	max-height: 90%;
	
	/* Höhe der Bilder bei Breitbild auf iPad und großer
	   Bildhöhe kritisch. Verkleinerung?
	
	   + res 2x für Retinadisplay aktivieren? */
}

/* rundet den Close-Button in image-popups ab (border-radius: 5px --> 16px */
#question-image-popup .ui-btn-corner-all {
	border-radius: 16px;
}

/* Vorherst verworfen weil der <div> container um <img> 
   einen 4px breiten Rand am unteren Bildrand verursacht

#question-image-popup {
	padding: 0px;
	border-radius: 0px;
}
*/

/* Statements */
ol.ui-listview .ui-li-static::before {
	font-weight:bold;
	font-size:medium;
}
.statements p, #textstd-solved .ui-li-desc {
	display: inline;
	font-size: medium;
	white-space: normal !important;
}

/* formatiert die Antwortmöglichkeiten */
#question-content .answers .ui-btn-text, #question-content .answers .ui-radio p, #question-content .answers .ui-checkbox p {
	font-weight: normal;
	display:inline;
}
#question-content ol li {
	/* FIX für fehlendes p in li-element */
	font-weight: normal;
}

/* Formatiert die Antwort einer Freitextfrage*/
#textstd-solved ul ul {
    /* verringert den Einzug von Listen innerhalb des Antworttextes
       von 40px (Standart) auf 10px */
	padding-left: 10px;
}

/* schreibt die Auswahlbuchstaben fett (A B C D E) */
#question-content span:first-letter {
	font-weight: bold;
}

/* Formatierung des Answerwikis */
#answerwiki_cont {
	/* nothing here ;) */
}
#answerwiki_footer {
	font-size: 12px;
}

/* Comments */
#qcomments-content p {
	margin: 0;
}
#qcomments-content div {
	margin-top: 1em;
	margin-bottom: 2em;
}
#qcomments-content hr {
	border: 1px;
	color: #adadad;
	background-color: #adadad;
	height: 1px;
}
#qcomments-user-container {
	margin: 0;
}

#question_msg {
	padding: 5px;
	color:yellow;
	display:none;
}

/* Anpassung des Radio-Buttons & Ceckbox */
.ui-radio .ui-icon-radio-on.ui-icon, .ui-checkbox .ui-icon-checkbox-on.ui-icon {
	background-color:#777777;
}

/* Antwortdiagramm */
#answer_diagram {
	margin-top: 15px;
}

/* qnav-popup */
#qnav-popup .ui-btn {
	border-color: #3d3d3d;
	/* Apple-recomended Button size: 44x44px */
	min-width: 44px;
}

/* Anpassung des qNav-Popup */
#qnav-popup-popup {
	top: 50px !important;
	max-width: 290px !important;
}

/* arrow added to #qnav-popup-popup DIV */
#qnav-popup-popup:after{
	content:'';
	display:block;
	position:absolute;
	/*should be set to -border-width x 2 */
	top:-20px; 
	left:135px;
	width:0;
	height:0;
	/*border color should be same as div div background color*/
	border-color: transparent transparent #3d3d3d transparent;
	border-style: solid;
	border-width: 10px;
}

/* Text für den 'add-data-back-btn' entfernen */
#exams_header .ui-btn-text { /* display:none; */ }

#exam_info_link span { border-width: 0px; }

#exam_info { 
  width: 200px;
  height: 94px;
  right: 25px;
  padding: 5px;
  font-size: 13px;
  border-width: 0;
}
#exam_info:after {
  content:'';
  display:block;
  position: absolute;
  top:42px;
  left: 210px;
  width: 0;
  height: 0;
  border-color: transparent transparent transparent #3d3d3d;
  border-style: solid;
  border-width: 10px;
}
#exam_cont .ui-li-count{
	color: #000;
	right: 30px; /* verringert den Seitenabstand zum Icon */
	width: 60px; /* bringt alle Fragen-Counter auf die gleiche Breite */
	text-align: center;
}