/****************************************************
* Apogepha Fragebogen								*
* -> CSS für alle Fragebogenseiten					*
* C 2009 by René Lange @ mindbox        			*
****************************************************/

/* _ = IE6 */
/* * = IE7 */


/* Fragebogen Einleitungsseite */

a.no_td {
	background-image: url('/fileadmin/templates/media/img/content/fragebogen/arrow_link.gif');
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 10px;
	font-weight: bold;
	text-decoration: none;
}

h6 {
	font-size: 0.7em;
	color: #666;
	padding-left: 23px;
	padding-right: 190px;
	font-weight: normal;
}

/* Fragebogen Frageseiten */

div.fragebogen div.errors {
	border: 1px solid #f00;
	margin-left: 25px;
	margin-right: 38px;
	padding: 10px;
	font-size: 0.75em;
	font-weight: bold;
	display: none;
}

div.fragebogen h3.headMaster {
	font-size: 0.9em;
	font-weight: bold;
	color: #333333;
	margin-top: 15px;
}

div.fragebogen h4 {
	float: left;
	width: 310px;
	padding-top: 2px;
	padding-left: 10px;
	font-size: 0.75em;
	font-weight: bold;
	border-top: 1px solid #a7cce6;
	background-color: #f0f6fb;
	height: 18px;
	margin-bottom: 5px;
	color: #333333;

	*margin-top: 15px;
}

div.fragebogen h4.medium {
	height: 32px;
}

div.fragebogen h4.big {
	height: 46px;
}

div.fragebogen div.paddingtop {
	padding-top: 24px;
}

div.fragebogen div.leftSide {
	float: left;
	width: 340px;
}

div.fragebogen div.rightSide {
	float: left;
	width: 340px;
}

div.fragebogen input.masterRadio {
	float: left;
	display: block;
	margin-top: 10px;
}

div.fragebogen input.masterRadio2 {
	float: left;
	display: block;
	margin-top: 10px;
	margin-left: 0px;
}

div.fragebogen label.masterLabel {
	float: left;
	display: block;
	font-size: 0.75em;
	color: #333333;
	width: 50px;
	margin-top: 7px;

	*padding-top: 5px;
}

div.fragebogen span.master {
	float: left;
	font-size: 0.75em;
	color: #333333;
	margin-top: 7px;
}

div.fragebogen span.dot {
	margin-top: 10px;
	margin-left: 2px;
	margin-right: 2px;
}

div.fragebogen input.input {
	float: left;
	border: 1px solid #cecece;
	color: #333333;
	width: 200px;
	margin-top: 7px;
}

div.fragebogen input.day {
	width: 40px;
}

div.fragebogen input.month {
	width: 40px;
}

div.fragebogen input.year {
	width: 70px;
}

div.fragebogen label.leftSide {
	float: left;
	display: block;
	width: 88px;
	margin-left: 23px;
	font-weight: bold;
	font-size: 0.8em;
	color: #333333;
	margin-top: 7px;
}

div.fragebogen label.rightSide {
	float: left;
	display: block;
	width: 118px;
	margin-left: 23px;
	font-weight: bold;
	font-size: 0.8em;
	color: #333333;
	margin-top: 7px;
}

div.fragebogen input.radio {
	float: left;
	display: block;
	margin-left: 40px;
	clear: both;
	margin-top: 2px;
	margin-bottom: 2px;

	*height: 16px;
	_margin-left: 18px;
}

div.fragebogen label.radio {
	float: left;
	display: block;
	font-size: 0.75em;
	color: #333333;

	*width: 250px;
	*height: 16px;
	*padding-top: 1px;
	*margin-bottom: 3px;
	_padding-top: 2px;
}

div.fragebogen div.content-breaklinethin {
	margin-top: 20px;
	margin-bottom: 20px;
}

div.fragebogen span.row1 {
	display: block;
}

div.fragebogen span.row2 {
	display: block;
	margin-left: 13px;
}

div.fragebogen input.submit {
	float: right;
	background-color: #fff;
	border: 0px;
	background-image: url('/fileadmin/templates/media/img/content/fragebogen/arrow_right.gif');
	background-repeat: no-repeat;
	background-position: right 1px;
	color: #006bb7;
	font-weight: bold;
	margin-bottom: 50px;
	padding-right: 20px;
	margin-right: 40px;
	cursor: pointer;
	font-size: 0.7em;

	*text-align: right;
}

div.fragebogen a.backlink {
	float: left;
	background-image: url('/fileadmin/templates/media/img/content/fragebogen/arrow_left.gif');
	background-repeat: no-repeat;
	background-position: left 0px;
	color: #006bb7;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.7em;
	padding-left: 20px;
	margin-bottom: 50px;
	margin-left: 23px;
	cursor: pointer;
}

/* Fragebogen Auswertung */

div.fragebogen_results h3 {
	font-size: 0.9em;
	font-weight: bold;
	color: #333333;
	margin-top: 15px;
}

div.fragebogen_results h4 {
	display: block;
	font-size: 0.8em;
	font-weight: bold;
	margin-top: 0px;
	margin-left: 23px;
	margin-bottom: 10px;
}

div.fragebogen_results div.resultsBox {
	float: left;
}

div.fragebogen_results div.infoText {
	float: left;
	width: 420px;
}

div.fragebogen_results div.infoBox {
	float: left;
	width: 235px;
	border: 1px solid #a7cce6;
	padding: 10px;
	margin-bottom: 50px;
	margin-left: 27px;
}

div.fragebogen_results div.infoBox h4 {
	margin: 0px;
	padding: 0px;
	font-size: 0.75em;
}

div.fragebogen_results div.infoBox span {
	float: left;
	display: block;
	background-color: #f0f6fb;
	font-size: 0.75em;
	border-top: 1px solid #fff;
}

div.fragebogen_results div.infoBox span.top {
	border-top: 1px solid #cee1f1;
	margin-top: 15px;
}

div.fragebogen_results div.infoBox span.left {
	clear: both;
	width: 110px;
	padding-left: 10px;
}

div.fragebogen_results div.infoBox span.right {
	width: 105px;
	text-align: right;
	padding-right: 10px;
}

div.fragebogen_results a.backlink {
	float: left;
	background-image: url('/fileadmin/templates/media/img/content/fragebogen/arrow_left.gif');
	background-repeat: no-repeat;
	background-position: left 0px;
	color: #006bb7;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.75em;
	padding-left: 20px;
	margin-bottom: 20px;
	margin-left: 23px;
	cursor: pointer;
}

div.fragebogen_results a.printlink {
	float: right;
	background-image: url('/fileadmin/templates/media/img/elements/apogepha/icon.printer.gif');
	background-repeat: no-repeat;
	background-position: left 0px;
	color: #006bb7;
	font-weight: bold;
	text-decoration: none;
	font-size: 0.75em;
	margin-bottom: 50px;
	padding-left: 20px;
	margin-right: 20px;
	cursor: pointer;
}

div.fragebogen_results img.scoreImg {
	border: 0px;
	margin-bottom: 30px;
}

div.fragebogen_results div.scoreLinks {
	padding-left: 23px;
}

div.fragebogen_results div#dsTable {
	background-image: url('/fileadmin/templates/media/img/content/fragebogen/grafik-auswertung-inkontinenz.gif');
	width: 385px;
	height: 359px;
	margin-bottom: 40px;
}

div.fragebogen_results div#dsTable1 {
	cursor: pointer;
	float: left;
	margin-left: 55px;
	margin-top: 30px;
	width: 82px;
	height: 82px;
}

div.fragebogen_results div#dsTable2 {
	cursor: pointer;
	float: left;
	margin-top: 30px;
	width: 83px;
	height: 82px;
}

div.fragebogen_results div#dsTable3 {
	cursor: pointer;
	float: left;
	margin-top: 30px;
	width: 164px;
	height: 82px;
}

div.fragebogen_results div#dsTable4 {
	cursor: pointer;
	float: left;
	margin-left: 55px;
	width: 82px;
	height: 83px;
}

div.fragebogen_results div#dsTable5 {
	cursor: pointer;
	float: left;
	width: 83px;
	height: 83px;
}

div.fragebogen_results div#dsTable6 {
	cursor: pointer;
	float: left;
	width: 164px;
	height: 83px;
}

div.fragebogen_results div#dsTable7 {
	cursor: pointer;
	float: left;
	margin-left: 55px;
	width: 82px;
	height: 164px;
}

div.fragebogen_results div#dsTable8 {
	cursor: pointer;
	float: left;
	width: 83px;
	height: 164px;
}

div.fragebogen_results div#dsTable9 {
	cursor: pointer;
	float: left;
	width: 164px;
	height: 164px;
}

div.fragebogen_results a.scoreLink {
	float: left;
	background-image: url('/fileadmin/templates/media/img/elements/apogepha/icon.pfeil.small.gif');
	background-repeat: no-repeat;
	background-position: left 5px;
	width: 160px;
	color: #006bb7;
	font-weight: normal;
	text-decoration: none;
	font-size: 0.75em;
	padding-left: 10px;
	cursor: pointer;
	margin-bottom: 10px;
}

/* Fragebogen IPSS */

div.fragebogen .ipss_question {
	margin-bottom: 7px;
	margin-left: 23px;
}

div.fragebogen .ipss_head  {
	margin-left: 23px;
	margin-top: 10px;
}

div.fragebogen .ipss_head div, div.fragebogen .ipss_question div {
	float: left;
	width: 62px;
	height: 49px;
	border-top: 1px solid #a7cce6;
	background-color: #fff;
	font-size: 0.7em;
	padding: 7px;
	text-align: center;
}

div.fragebogen .short div {
	height: 16px;
}

div.fragebogen .long div {
	height: 78px;
}


div.fragebogen div.clear {
	border: 0px;
}

div.fragebogen .ipss_head div.desc {
	width: 147px;
	text-align: left;
	border: 0px;
	padding-left: 20px;
	padding-right: 40px;
}

div.fragebogen .ipss_question div.number {
	width: 20px;
	background-color: #f0f6fb;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 0px;
}

div.fragebogen .ipss_question div.desc {
	width: 180px;
	background-color: #f0f6fb;
	padding-left: 0px;
	text-align: left;
}

div.fragebogen .ipss_head div.flip {
	background-color: #f0f6fb;
}

div.fragebogen .ipss_question div.flip {
	background-color: #e6f0f8;
}

div.fragebogen .ipss_question div.flop {
	background-color: #f0f6fb;
}

div.fragebogen .ipss_question input.radio {
	margin-left: 25px;
	margin-top: 18px;

	_margin-left: 10px;
}

div.fragebogen .long input.radio {
	margin-top: 32px;
}