html {
	overflow-y: scroll;
}

html, body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

body, td, textarea, input {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11pt;
}

form {
	margin: 0px;
}

.inputdefwidth {
	width: 380px;
}
.inputshortwidth {
	width: 100px;
}
.inputwidewidth {
	width: 500px;
	border: 1px solid #7f9db9;
}
label.inputdefwidth {
	display:block;
	margin-top:8px;
}

.loading {
	padding: 40px;
	text-align: center;
	font-size: 42pt;
}

.noscript {
	padding: 40px;
	text-align: center;
	font-size: 42pt;
	color: #ff0000;
	text-decoration: blink;
}

.processing {
	cursor: wait !important;
}

#head {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 120px;
}

#headmain {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 800px;
	height: 100%;
	background-image: url(rheuma_head_hg.gif);
	background-color: #31bcaa;
}

#headright {
	position: absolute;
	left: 800px;
	top: 0px;
	width: 200px;
	height: 100%;
	background-color: #8c6eb1;
	background-image: url(rheuma_logo.jpg);
	background-repeat: no-repeat;
}

#content {
	position: absolute;
	left: 0px;
	top: 120px;
	height: 370px;
}

#contentmain {
	position: absolute;
	width: 760px;
	height: 350px;
	background-color: #ffffff;
	margin: 20px 20px 0;
	overflow: hidden;
}

#contentright {
	position: absolute;
	left: 800px;
	top: 0px;
	width: 160px;
	height: 100%;
	background-color: #fff1be;
	padding: 20px;
	overflow: hidden;
}

#foot {
	position: absolute;
	left: 0px;
	top: 490px;
	height: 90px;
}

#footmain {
	position: absolute;
	width: 800px;
	height: 100%;
	background-image: url(rheuma_foot_hg.gif);
	background-color: #31bcaa;
}

#footright {
	position: absolute;
	left: 800px;
	top: 0px;
	width: 200px;
	height: 100%;
	background-color: #8c6eb1;
}

#kurstyp {
	position: absolute;
	height: 20px;
	width: 90px;
	padding-left: 18px;
	padding-right: 32px;
	color: #e0e0e0;
	background-color: #8c6eb1;
	font-style:italic;
	font-size: 13pt;
	font-weight: bold;
}

#kursname {
	position: absolute;
	left: 18px;
	top: 28px;
	color: #ffffff;
	font-size:18pt;
	font-weight: bold;
}

#ueb_frage {
	position: absolute;
	left: 40px;
	top: 90px;
	color: #000000;
	font-size:18pt;
	font-weight: bold;
}


#pageinfo {
	position: absolute;
	left: 590px;
	top: 55px;
	color: #ffffff;
	font-size: 11pt;
	font-weight: bold;
}
#pageinfo .highlighted {
	color: #000000;
}

#impressum {
	position: absolute;
	text-decoration: none;
	text-align: center;
	width: 160px;
	left: 20px;
	top: 55px;
	color: #ffffff;
	font-size: 11pt;
	font-weight: bold;
}


/* Layout 01: Bild links, Text rechts */
#la01c1 {
	width: 285px;
	float: left;
	margin-right: 19px;
}
#la01c2 {
	width: 456px;
	float: right;
	overflow: hidden;
}

#frage {
	/*font-size: 13pt;*/
	font-weight: bold;
}

#antworten {
	margin-top: 20px;
	/*border: 1px solid gray;*/
}

.bildantw_text {
	width: 192px;
	margin: 0 20px 20px;
}

#feedb_richtig {
	font-weight: bold;
}

.H1 {  font-size: 18pt; line-height: 18pt; font-weight: bold; color: #2333FF; }

.T4 {  font-size: 8pt; color: #A5A4A5; text-align: center; display:block; }

.Fa {  font-weight: bold; }
.Fb {  font-weight: bold ; font-style: italic; }
.Fc {  font-style: italic; }
.Fd {  font-weight: bold ; color: #866eb1; }
.Fx {  font-weight: bold; color: green; font-style: italic; }

.C_H_T2    {  width:100%; background-color:EFFAFA; }
.C_H_T2_TR {  align:right;}
.C_H_T2_TD1 { text-align:left; vertical-align:top; width:285px; }
.C_H_T2_TD2 { text-align:left; vertical-align:top; width:19px; }
.C_H_T2_TD3 { text-align:left; vertical-align:top; width:456px; }

ul {
	list-style: none;
	margin: 0.6em 0;
	padding: 0;
}
ul li {
	background: url(bilder/rhe_dot_blau_11.gif) no-repeat 0px 3px;
	margin: 0.5em 0;
	padding: 0 0 0 20px;
}


#bt_exit {
	display: none;
	position: absolute;
	left: 40px;
	top: 20px;
	width: 100px;
	height: 38px;
	padding-top: 12px;
	font-size: 18px;
	font-weight: bold;
	background-color: #8d6eb1;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
}
#bt_exit.hover {
	background-color: #6b27b8;
}
#bt_exit.clicked {
	background-color: #7800ff;
}
#bt_exit.processing {
	background-color: #6e3ca6;
}

#bt_prev {
	display: none;
	position: absolute;
	left: 305px;
	top: 20px;
	width: 100px;
	height: 38px;
	padding-top: 12px;
	font-size: 18px;
	font-weight: bold;
	background-color: #5184c5;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
}
#bt_prev.hover {
	background-color: #2069c4;
}
#bt_prev.clicked {
	background-color: #0072ff;
}
#bt_prev.processing {
	background-color: #2c70c3;
}

#bt_next {
	display: none;
	position: absolute;
	left: 425px;
	top: 20px;
	width: 100px;
	height: 38px;
	padding-top: 12px;
	font-size: 18px;
	font-weight: bold;
	background-color: #ff8c41;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
}
#bt_next.hover {
	background-color: #ff7d27;
}
#bt_next.clicked {
	background-color: #ff6600;
}
#bt_next.processing {
	background-color: #ff822f;
}

@media print {
	#bt_exit {
		display: none;
	}
	#bt_prev {
		display: none;
	}
	#bt_next {
		display: none;
	}
}


#bt_submit {
	display: none;
	border: 2px solid #f9965c;
	padding: 4px;
	background-color: #f9eee8;
	margin: 10px 0;
	cursor: pointer;
}
#bt_submit.hover {
	background-color: #f9c8ac;
}
#bt_submit.clicked {
	background-color: #f9965c;
}
#bt_submit.processing {
	background-color: #f9965c;
	color: #666666;
}
#bt_antw01 {
	display: none;
	border: 2px solid #f9965c;
	padding: 4px;
	background-color: #f9eee8;
	margin: 10px 0;
	cursor: pointer;
}
#bt_antw01.hover {
	background-color: #f9c8ac;
}
#bt_antw01.clicked {
	background-color: #f9965c;
}
#bt_antw01.processing {
	background-color: #f9965c;
	color: #666666;
}
#bt_antw02 {
	display: none;
	border: 2px solid #f9965c;
	padding: 4px;
	background-color: #f9eee8;
	margin: 10px 0;
	cursor: pointer;
}
#bt_antw02.hover {
	background-color: #f9c8ac;
}
#bt_antw02.clicked {
	background-color: #f9965c;
}
#bt_antw02.processing {
	background-color: #f9965c;
	color: #666666;
}
#bt_antw03 {
	display: none;
	border: 2px solid #f9965c;
	padding: 4px;
	background-color: #f9eee8;
	margin: 10px 0;
	cursor: pointer;
}
#bt_antw03.hover {
	background-color: #f9c8ac;
}
#bt_antw03.clicked {
	background-color: #f9965c;
}
#bt_antw03.processing {
	background-color: #f9965c;
	color: #666666;
}
#bt_antw04 {
	display: none;
	border: 2px solid #f9965c;
	padding: 4px;
	background-color: #f9eee8;
	margin: 10px 0;
	cursor: pointer;
}
#bt_antw04.hover {
	background-color: #f9c8ac;
}
#bt_antw04.clicked {
	background-color: #f9965c;
}
#bt_antw04.processing {
	background-color: #f9965c;
	color: #666666;
}
#bt_antw05 {
	display: none;
	border: 2px solid #f9965c;
	padding: 4px;
	background-color: #f9eee8;
	margin: 10px 0;
	cursor: pointer;
}
#bt_antw05.hover {
	background-color: #f9c8ac;
}
#bt_antw05.clicked {
	background-color: #f9965c;
}
#bt_antw05.processing {
	background-color: #f9965c;
	color: #666666;
}
#bt_antw06 {
	display: none;
	border: 2px solid #f9965c;
	padding: 4px;
	background-color: #f9eee8;
	margin: 10px 0;
	cursor: pointer;
}
#bt_antw06.hover {
	background-color: #f9c8ac;
}
#bt_antw06.clicked {
	background-color: #f9965c;
}
#bt_antw06.processing {
	background-color: #f9965c;
	color: #666666;
}
#bt_antw07 {
	display: none;
	border: 2px solid #f9965c;
	padding: 4px;
	background-color: #f9eee8;
	margin: 10px 0;
	cursor: pointer;
}
#bt_antw07.hover {
	background-color: #f9c8ac;
}
#bt_antw07.clicked {
	background-color: #f9965c;
}
#bt_antw07.processing {
	background-color: #f9965c;
	color: #666666;
}
#bt_antw08 {
	display: none;
	border: 2px solid #f9965c;
	padding: 4px;
	background-color: #f9eee8;
	margin: 10px 0;
	cursor: pointer;
}
#bt_antw08.hover {
	background-color: #f9c8ac;
}
#bt_antw08.clicked {
	background-color: #f9965c;
}
#bt_antw08.processing {
	background-color: #f9965c;
	color: #666666;
}
#bt_bildantw01 {
	display: none;
	width: 184px;
	height: 120px;
	border: 1px solid white;
	padding: 4px;
	margin: 20px 20px 0;
	cursor: pointer;
}
#bt_bildantw01.hover {
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}
#bt_bildantw01.clicked {
	border: 1px solid red;
}
#bt_bildantw01.processing {
	border: 1px solid black;
}
#bt_bildantw02 {
	display: none;
	width: 184px;
	height: 120px;
	border: 1px solid white;
	padding: 4px;
	margin: 20px 20px 0;
	cursor: pointer;
}
#bt_bildantw02.hover {
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}
#bt_bildantw02.clicked {
	border: 1px solid red;
}
#bt_bildantw02.processing {
	border: 1px solid black;
}
#bt_bildantw03 {
	display: none;
	width: 184px;
	height: 120px;
	border: 1px solid white;
	padding: 4px;
	margin: 20px 20px 0;
	cursor: pointer;
}
#bt_bildantw03.hover {
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}
#bt_bildantw03.clicked {
	border: 1px solid red;
}
#bt_bildantw03.processing {
	border: 1px solid black;
}
#bt_bildantw04 {
	display: none;
	width: 184px;
	height: 120px;
	border: 1px solid white;
	padding: 4px;
	margin: 20px 20px 0;
	cursor: pointer;
}
#bt_bildantw04.hover {
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}
#bt_bildantw04.clicked {
	border: 1px solid red;
}
#bt_bildantw04.processing {
	border: 1px solid black;
}
#bt_bildantw05 {
	display: none;
	width: 184px;
	height: 120px;
	border: 1px solid white;
	padding: 4px;
	margin: 20px 20px 0;
	cursor: pointer;
}
#bt_bildantw05.hover {
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}
#bt_bildantw05.clicked {
	border: 1px solid red;
}
#bt_bildantw05.processing {
	border: 1px solid black;
}
#bt_bildantw06 {
	display: none;
	width: 184px;
	height: 120px;
	border: 1px solid white;
	padding: 4px;
	margin: 20px 20px 0;
	cursor: pointer;
}
#bt_bildantw06.hover {
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}
#bt_bildantw06.clicked {
	border: 1px solid red;
}
#bt_bildantw06.processing {
	border: 1px solid black;
}
#bt_bildantw07 {
	display: none;
	width: 184px;
	height: 120px;
	border: 1px solid white;
	padding: 4px;
	margin: 20px 20px 0;
	cursor: pointer;
}
#bt_bildantw07.hover {
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}
#bt_bildantw07.clicked {
	border: 1px solid red;
}
#bt_bildantw07.processing {
	border: 1px solid black;
}
#bt_bildantw08 {
	display: none;
	width: 184px;
	height: 120px;
	border: 1px solid white;
	padding: 4px;
	margin: 20px 20px 0;
	cursor: pointer;
}
#bt_bildantw08.hover {
	filter: alpha(opacity=65);
	-moz-opacity: 0.65;
	opacity: 0.65;
}
#bt_bildantw08.clicked {
	border: 1px solid red;
}
#bt_bildantw08.processing {
	border: 1px solid black;
}