.gemoBody {
	width: 630px;
	background:url('../img/gemo/gemo_header_top_bg.gif') no-repeat top left #71b25e;
	position: relative;
	overflow: hidden;
	font-size: 9.5pt;
	line-height: 15pt;
}

.gemoBody A {
	font-size: 11px;
}

.gemoHeadline {
	padding-left: 10px;
	font-size: 36px;
	line-height: 40px;
	color: #ffffff;
}

.gemoSubtitle {
	padding-left: 10px;
	font-size: 18px;
	font-weight: bold;
	color: #f3d15a;
	float: left;
}

.gemoTeaserPic {
	padding: 10px;
	overflow: hidden;
	position: relative;
}

.gemoTeaserPic1 {
	width: 250px;
	height: 142px;
	float: left;
	overflow:hidden;
}
.gemoTeaserPic2 {
	width: 160px;
	height: 142px;
	float: left;
	overflow:hidden;
}
.gemoTeaserPic3 {
	width: 200px;
	height: 142px;
	float: left;
	overflow:hidden;
}

.gemoTeaserPicBU {
	padding: 0px 10px 0px 10px;
	color: #ffffff;
	float: right;
}

.gemoTeaserFooter {
	height: 10px;
	background: url('../img/gemo/gemo_header_bottom_bg.gif') no-repeat bottom left #71b25e;
}

.gemoTeaserLeft {
	width: 295px;
	padding: 10px;
	float: left;
	text-align: left;
}
.gemoTeaserRight {
	width: 294px;
	padding: 10px;
	border-left: 1px solid #ffffff;
	float: right;
	text-align: left;
}

.ArrowBtn {
	height: 30px;
	color: #333333;
	font-weight: bold;
	text-align: right;
}

.ArrowBtn .BtnLeft {
	width: 5px;
	height: 26px;
	padding-top: 4px;
	float: left;
	background: url('../img/gemo/gemo_arrow_btn_end.gif') no-repeat top left;
}
.ArrowBtn .BtnRight {
	height: 26px;
	padding: 4px 30px 0px 0px;
	float: left;
	background: url('../img/gemo/gemo_arrow_btn.gif') no-repeat top right;
}

.ArrowBtn A:link, .ArrowBtn A:active, .ArrowBtn A:hover, .ArrowBtn A:visited {
	color: #333333;
}

.ArrowBtnBack {
	height: 30px;
	color: #333333;
	font-weight: bold;
	text-align: left;
}

.ArrowBtnBack .BtnLeft {
	height: 26px;
	padding: 4px 0px 0px 30px;
	float: left;
	background: url('../img/gemo/gemo_arrow_back_btn.gif') no-repeat top left;
}
.ArrowBtnBack .BtnRight {
	width: 5px;
	height: 26px;
	padding-top: 4px;
	float: left;
	background: url('../img/gemo/gemo_arrow_back_btn_end.gif') no-repeat top right;
}

.ArrowBtnBack A:link, .ArrowBtnBack A:active, .ArrowBtnBack A:hover, .ArrowBtnBack A:visited {
	color: #333333;
}

.gemoContentHeader {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	width: 618px;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
	background: url('../img/gemo/gemo_content_header_bg.png') repeat-x left bottom;
	padding: 8px 0px 8px 10px;
	float: left;
}

.gemoContentPart {
	width: 608px;
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 5px 0px 5px 0px;
	border-bottom: 1px solid #333333;
	overflow: hidden;
}

* html .gemoContentPart {
	margin: 0px 5px 0px 5px;
}

.gemoContentHeaderPassiv {
	font-size: 16px;
	font-weight: bold;
	color: #adadad;
	width: 618px;
	border-top: 1px solid #adadad;
	border-bottom: 1px solid #adadad;
	background: url('../img/gemo/gemo_content_header_bg.png') repeat-x left bottom;
	padding: 8px 0px 8px 10px;
	float: left;
}

.gemoContentPartPassiv {
	width: 608px;
	float: left;
	margin: 0px 10px 0px 10px;
	padding: 10px 0px 10px 0px;
	color: #adadad;
	overflow: hidden;
}

.inputClass {
	background: #ffffff;
	border: 1px solid #a99079;
	color: #e95d0f;
	text-align: right;
}

.bmiHeadline {
	font-size: 16px;
	font-weight: bold;
	color: #333333;
	padding-left: 10px;
	margin-top: 10px;
	float: left;
}

.bmiRestart {
	height: 19px;
	float: left;
	padding-left: 20px;
	margin-top: 8px;
}

.bmiTxt {
	color: #333333;
	padding-left: 10px;
}

.questionBody {
	width: 416px;
	margin: 0px 97px 0px 97px;
}

.questionBubble {
	width: 396px;
	height: 71px;
	padding: 5px 10px 0px 10px;
	font-weight: bold;
	text-align: center;
	background: url('../img/gemo/gemo_survey_bubble.gif') no-repeat top left;
}

.questionAnswerBox1 {
	width: 51px;
	height: 40px;
	margin-right: 2px;
	padding: 20px 0px 0px 30px;
	background: #b6b6b6;
	float: left;
}
.questionAnswerBox2 {
	width: 51px;
	height: 40px;
	margin-right: 2px;
	padding: 20px 0px 0px 31px;
	background: #a5a5a5;
	float: left;
}
.questionAnswerBox3 {
	width: 51px;
	height: 40px;
	margin-right: 2px;
	padding: 20px 0px 0px 31px;
	background: #949494;
	float: left;
}
.questionAnswerBox4 {
	width: 51px;
	height: 40px;
	margin-right: 2px;
	padding: 20px 0px 0px 31px;
	background: #848484;
	float: left;
}
.questionAnswerBox5 {
	width: 51px;
	height: 40px;
	padding: 20px 0px 0px 30px;
	background: #737373;
	float: left;
}

.gemoGesHeadline {
	font-size: 14px;
	font-weight: bold;
	color: #333333;
	padding: 10px 0px 10px 10px;
}

.gemoDetailFooter {
	background: #71b25e;
	padding: 20px 10px 20px 10px;
	border-top: 1px solid #333333;
	float:left;
	width: 608px;
}
.gemoDetailFooter A:link, .gemoDetailFooter A:visited, .gemoDetailFooter A:active {
	color: #333333;
	text-decoration: underline;
}

.gemoDetailFooter A:hover {
	color: #f0c42b;
	text-decoration: underline;
}

/* Diverse Buttons mit Grafiken */

A.gemoDetailEmailBtn:link, A.gemoDetailEmailBtn:visited, A.gemoDetailEmailBtn:active {
	width: 196px;
	height: 19px;
	padding-top: 0px;
	display: block;
	text-align: center;
	color: #f0c42b;
	font-weight: bold;
	line-height: 14pt;
	text-decoration: none;
	background: url('../img/gemo/gemo_detail_email_btn_off.gif') no-repeat top left;
}

A.gemoDetailEmailBtn:hover {
	width: 196px;
	height: 19px;
	padding-top: 0px;
	display: block;
	text-align: center;
	color: #333333;
	font-weight: bold;
	text-decoration: none;
	background: url('../img/gemo/gemo_detail_email_btn_on.gif') no-repeat top left;
}

A.graphBtnBack:link, A.graphBtnBack:visited, A.graphBtnBack:active {
	width: 20px;
	height: 20px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: url('../img/gemo/gemo_graph_back_btn_off.gif') no-repeat top left;
}

A.graphBtnBack:hover {
	width: 20px;
	height: 20px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: url('../img/gemo/gemo_graph_back_btn_on.gif') no-repeat top left;
}

.graphBtnBackPassiv {
	width: 20px;
	height: 20px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: url('../img/gemo/gemo_graph_back_btn_passiv.gif') no-repeat top left;
}

A.graphBtnNext:link, A.graphBtnNext:visited, A.graphBtnNext:active {
	width: 20px;
	height: 20px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: url('../img/gemo/gemo_graph_next_btn_off.gif') no-repeat top left;
}

A.graphBtnNext:hover {
	width: 20px;
	height: 20px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: url('../img/gemo/gemo_graph_next_btn_on.gif') no-repeat top left;
}

.graphBtnNextPassiv {
	width: 20px;
	height: 20px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: url('../img/gemo/gemo_graph_next_btn_passiv.gif') no-repeat top left;
}

A.restartBtnLeft:link, A.restartBtnLeft:visited, A.restartBtnLeft:active {
	height: 17px;
	padding: 2px 0px 0px 25px;
	line-height: 10pt;
	display: block;
	text-align: left;
	text-decoration: underline;
	background: url('../img/gemo/gemo_bmi_restart_icon_off.gif') no-repeat top left;
	color: #333333;
}

A.restartBtnLeft:hover {
	height: 17px;
	padding: 2px 0px 0px 25px;
	line-height: 10pt;
	display: block;
	text-align: left;
	text-decoration: underline;
	background: url('../img/gemo/gemo_bmi_restart_icon_on.gif') no-repeat top left;
	color: #333333;
}

A.restartBtnRight:link, A.restartBtnRight:visited, A.restartBtnRight:active {
	height: 17px;
	padding: 2px 25px 0px 0px;
	line-height: 10pt;
	display: block;
	text-align: right;
	text-decoration: underline;
	background: url('../img/gemo/gemo_bmi_restart_icon_off.gif') no-repeat top right;
	color: #333333;
}

A.restartBtnRight:hover {
	height: 17px;
	padding: 2px 25px 0px 0px;
	line-height: 10pt;
	display: block;
	text-align: right;
	text-decoration: underline;
	background: url('../img/gemo/gemo_bmi_restart_icon_on.gif') no-repeat top right;
	color: #333333;
}

/* Datumsanzeige unter dem Graphen */
.graphDateBox {
	width: 352px;
	float: left;
	font-size: 11px;
}

.graphDay {
	height: 15px;
	background: #d8d1cd;
}

.graphDaySingle {
	width: 22px;
	float: left;
	text-align:center;
}

.graphDaySingleFirst {
	width: 20px;
	float: left;
	text-align:center;
}

.graphDaySingleLast {
	width: 20px;
	float: left;
	text-align:center;
}

.graphMonth {
	height: 15px;
	background: #d2d2d2;
	text-align: center;
	font-weight: bold;
}

.graphYear {
	height: 15px;
	padding-top: 2px;
	background: #d2d2d2;
	text-align: center;
}