body { 
	font-size: 0.625em;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#status-placeholder {
	background-color: #f0f0f0;
	z-index: 0;
	height: 5em;
	clear: left;
    margin: 0 -10000px;
    margin-top: 1em;
}

#bg .pagetitle h2 {
	float: none;
}

#status {
	left: 1.9em;
	position: absolute;
	top: 8.5em;
	z-index: 200;
}

#status li {
	float: left;
	font-size: 18px;
	font-weight: 400;
	font-family: bgek-titillium,Helvetica,Arial,sans-serif;
	line-height: 1;
	display: block;
	
	margin: 0.786em 0 0.5em 0.714em;
	padding-left: 10px;
}

#status li:before {
    content: ">";
    float: left;
    padding-top: 5px;
    margin-left: -14px;
    speak: none;
}

#status li.first:before {
    display: none;
}

#status li span {
	display: block;
	padding: 7px 10px;
}

#status li.current span strong {
	border-bottom: 3px solid #5e9533;
	font-weight: 400;
}

#wrapper {
	position: relative;
}

#bg input.app.refresh {
	background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-refresh.png);
}


#createPicture {
	color: #333333;
	margin: 0;
	margin-top: 1.308em;
	border: none;
	background: white;
	background-image: url(/BarmerForms/resources/html/img/barmer/ic-app-refresh.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	-moz-background-clip: border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	-moz-box-sizing: border-box;
	display: block;
	padding-left: 20px;
	line-height: 1.1875em;
	white-space: normal;
}

#createPicture :focus,#createPicture :active {
	background-color: transparent !important;
	background-position: 0 -398px;
	color: #51831C;
}

#createPicture :hover {
	background-position: 0 -198px;
	color: #575757;
}

/**  New Rules for the form classes  **/
.button-div {
	clear: both;
	font-size: 1.3em;
	line-height: 1.462;
	position: relative;
	padding-bottom: 3.5em;
}

.weiter-button-image,.back-button-image,.custom-button-image {
	position: absolute;
	top: 0;
	background: #fff;
	border: none;
	/* harmonise rendering behaviour between rendering engines */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	outline: none;
	text-align: left;
	white-space: normal;
	margin: 12px auto;
	padding: 10px 24px;
	font-size: 16px;
    color: #292929;
}

.weiter-button-image {
	right: 0;	
	color: #fff;
    background: #549024;
}

.back-button-image {
	left: 0;
}

.custom-button-image {
	left: 43%;
}

.weiter-button-image:hover {
	background: #497d1f;
	border-color: #497d1f;
}

.weiter-button-image:focus,.weiter-button-image:active {
	color: #fff;
	background: #3d691a;
	border-color: #3d691a;
}

.back-button-image:hover,.custom-button-image:hover {
	background-color: #cfcfcf;
    border-color: #cfcfcf;
}

.back-button-image:focus,.custom-button-image:focus {
	background-color: #e0e0e0;
    border-color: #bdbdbd
}

.back-button-image:active,.custom-button-image:active {
	background-color: #bdbdbd;
    border-color: #bdbdbd
}

#hauptform ul {
	list-style-image:
		url(/BarmerForms/resources/html/img/barmer/ic-list-sv.gif);
	list-style-position: outside;
	list-style-type: none;
	padding: 0 0 0.769em 1.4em;
}

.input-label .sternchen {
	display: none;
}

.link {
	margin: 1em 0;
}

.link a {
	background-image:
		url(/BarmerForms/resources/html/img/barmer/ic-mimetype-pdf.gif);
	background-position: 0 center;
	background-repeat: no-repeat;
	display: block;
	padding-left: 20px;
	color: #333333;
	background-color: transparent;
	outline-style: none;
	outline-width: medium;
	text-decoration: none;
	line-height: 1.462;
	font-size: 16px;
}

.link a:hover {
	color: #51831C;
}

.link a:active,.link a:focus {
	background-color: #51831C;
	color: #FFFFFF !important;
	text-decoration: none;
}

.feldausgabe {
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.8em;
	overflow: hidden;
}

.feldausgabe .input-label {
	float: left;
	font-weight: normal;
	width: 16em;
}

.feldausgabe div {
	float: left;	
}

.text-center {
	text-align: center;
}

.bildausgabe {
	float: left;
	margin-right: 5em;
	margin-bottom: 4em;
	max-width: 50%;
}

.formular-fieldset {
	position: relative;
	padding-top: 0;
}

.loginHide {
	overflow: hidden;
	padding-left: -1000px;
	height: 1;
	background: #fff;
	border: none;
	visibility: hidden;
}

#loginHD {
	overflow: hidden;
	padding-left: -1000px;
	height: 1px;
	background: #fff;
	border: none;
	visibility: hidden;
}

#loginHD1 {
	overflow: hidden;
	padding-left: -1000px;
	height: 1px;
	background: #fff;
	border: none;
	visibility: hidden;
}

.text_center {
	font-weight: bold;
}

.formular-fieldset-no,.formular-fieldset {
	clear: both;
	margin-bottom: 2em;
	padding: 0.5em 0.4em;
	zoom: 1;
}

.formular-fieldset-no:before, .formular-fieldset-no:after { content: ""; display: table; }
.formular-fieldset-no:after { clear: both; }

.formular-fieldset legend {
	font-size: 1.4em;
	font-weight: bold;
	margin: 0.5em 0;
	font-family: bgek-titillium,Helvetica,Arial,sans-serif;
}

/*      New Fixes        */
.app.speech {
	margin-top: 12px;
}

#bg .form fieldset ul,#bg #hauptform ul {
	padding-left: 2.8em;
}

#bg #hauptform #status {
	padding-left: 0;
}



#hauptform h3 {
	margin: 12px 0;
	font-size: 18px;
	font-family: bgek-titillium,Helvetica,Arial,sans-serif;
}


.no-ic {
	display: block;
}

.no-ic span {
	background-image:
		url(/BarmerForms/resources/html/img/barmer/ic-arrow-right.png);
	background-position: 2px 5px;
	background-repeat: no-repeat;
	padding-left: 14px;
	padding-right: 0.167em;
}

.no-ic:active span,.no-ic:focus span {
	background-position: 2px -195px;
}

#multiform-fehler {
	font-size: 16px;
	margin-bottom: 2em;
	padding: 1.1em 1.4em 1.7em;
	color: #b2120d;
	border: 1px solid #b2120d;
}

#userdata dt, #userdata dd {
	display: block;
	float: left;
	font-size: 1.6em;
	line-height: 1.8em;
	overflow: hidden;
	width: 23%;
}

#userdata dd {
	font-weight: bold;	
}
.standard {
	background-color: transparent;
}

.input-fileupload{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	font-size: 1em;
}

.formular-legend {
	width: 99%;
}

#footer-infos-bild {
    background-color: #EAEAEA;
    background-position: 31px 100%;
    background-repeat: no-repeat;
    border-top: 1px solid #B6B6B6;
    clear: both;
    min-height: 10.3em;
    padding: 0 1.5em 0 107px;
}

.js #weiterSubmit {
	visibility: hidden;
}

.input-fields {
	float: left;
	clear: left;	
}

.explanation-img {
	float: right; 
	position: relative; 
	width: 340px;
	margin-right: 20px; 
	height: 300px;
	z-index: 20;
}

#infobox {
    position: absolute;
    bottom: 0;
    right: 0;
    /*width: 340px;*/
    z-index: 10;
}

#infobox p {
	margin: 0 !important;
	padding: 0;
	transition: background-color 0.25s;
	font-size: 13px;
}

#infobox img, #infobox p {
    width: 340px;
    
	-webkit-transition: width 0.25s, height 0.25s;
	-moz-transition: width 0.25s, height 0.25s;
	-o-transition: width 0.25s, height 0.25s;
	transition: width 0.25s, height 0.25s;
}

#hoverbox {
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 15;
}

#hoverbox:hover + #infobox {
	border: .1em solid #cdcdcd;
	-webkit-border-radius: .3em;
	-moz-border-radius: .3em;
	border-radius: .3em;
}

#hoverbox:hover + #infobox p {
	width: 640px;
	padding: 5px 20px;
	background-color: #fff;
}

#hoverbox:hover + #infobox img {
	width: 680px;
}