@import url('fd-slider.css');
@import url('process-buttons.css');	/* siehe wichtig.txt */
#c button span{position:relative;}
p {
	margin: 0 0 1em 0;
	padding:0;
	line-height: 16px;
}	

#c ul.form p {margin:0;}
#c ul.form p.input, #c ul.form p.desc { font-size: 14px;}
.group:after,
.cols:after {
	content: ".";
	display: block;
	clear: both;
	font-size: 0;
	height:0;
	visibility: hidden;
}
.group,
.cols{display:inline-block;}

*+html .cols,
*+html .group{display:inline;zoom:1}

#c h5{
	font-size: 16px;
	margin: 0 0 12px 0;
	line-height: 1;
	padding: 0;
}
#c h6{font-size: 14px; font-weight:bold;}

#c .clear{
	height:auto;
	font-size: inherit;
	line-height: 1;
}

#c.vhv {
	width:932px;
	margin-bottom: 21px;
}

#c.vhv h3{
	margin-bottom: 18px;
}

#c.vhv ul,
#c.vhv ul li {
	background-image:none;
	margin:0;
	padding:0;
}

#c .desc span{
	display:block;
	padding-left: 12px;
	line-height: 18px;
}

#c label, 
#c input[type=radio], 
#c input[type=checkbox], 
#c select{cursor:pointer}

#c input,
#c textarea{
	font: normal 14px/18px Arial;
	color: #000000;
	margin: 0 5px 0 0;
	border: 0 none;
	padding: 0;
	width: auto;
	height:auto;
	background: transparent
}
#c .desc,
#c .desc-group .head{
	text-align:right;
	font-weight: bold;
	font-size: 14px;
}

#c .input,
#c .desc,
#c .input-group,
#c .desc-group .head{
	line-height: 26px;
	vertical-align: middle;
	float:left;
	width: 330px;
	height:auto;
}
#c .desc-group .head,
#c .desc{
	padding-right: 12px;
}
#c .input,
#c .input-group{
	padding-left: 12px;
	background:none;
}
#c .input-group .input{
	padding:0;
	float:none;
	margin-top: 6px;
}
#c .input-group .input:first-child{margin-top:0;}

#c .input-group .input label,
#c .input label{
	width: 292px;
	line-height: 14px;
	margin-top: -1px;
}
#c .input label,
#c .input input[type=radio], #c .input input[type=checkbox]{
	display:inline-block;
	vertical-align:text-top;
	width:auto;
	font-size: 14px;
}
#c.vhv .vert-group p {
	margin: 3px 0 16px 0;
}
#c.vhv .vert-group .last {
	margin-bottom: 0;
}
#c.vhv ul.vert-group {
	padding: 6px 0 0 12px;
}
#c.vhv ul.vert-group li {
	margin: 0;
	padding: 2px 0;
}
#c.vhv .vert-group p label, #c.vhv .vert-group p em, #c.vhv .vert-group p input {
	vertical-align: baseline;
}

#c.vhv .form .half-width {
	margin-right: -24px;
	width: auto !important;
}
#c.vhv.layered-box-edit .half-width {
	margin-right: 0px;
	width: auto !important;
}
#c.vhv .form .half-width .input-text {
	width: 125px;
	margin-right: 12px;
}
#c.vhv .half-width p {
	width: 155px;
	float: left;
	margin-top: 6px;
}
#c.vhv .half-width p label {
	margin-bottom: 6px;
}
#c.vhv .date-short p:first-child {
	width: 100px;
	float: left;
	padding-top: 8px;
}
#c.vhv .date-short p.short {
	width: 95px;
	float: left;
}
#c.vhv .between {
	float: left;
	padding: 6px;
}
#c.vhv .form .one-short input.input-text {
	width: 181px;
	margin-right: 12px;
}
#c.vhv .form .one-short .input-text.short {
	width: 75px;
	margin-right: 12px;
}
/*Process */
#c.vhv .process,
#c.vhv .marginal{
	float:left;
}
#c.vhv .process{
	width: 690px;
	padding: 0 4px; /* Reserved for the shadow*/
/*	background-color: #333;*/
	margin-right: 14px;
}

#c.vhv .marginal{width:216px;}

#c.vhv ul.form{
	margin:-4px 0 0 -1px;
	padding: 0 3px 0 4px;
	background: #fff url(../../img/form_center_bg.png) repeat-y left top;
	position: relative
}

#c.vhv ul.form:before, 
#c.vhv ul.form:after{
	content: ".";
	font-size:0;
	background: url(../../img/form_foot_bg.png) no-repeat bottom left;
	height:40px;
	width:691px;
	display:block;
	margin-left: -4px;
}
#c.vhv ul.form:before{
	height:13px;
	background: url(../../img/form_head_bg.png) no-repeat top left;
}
#c.vhv ul.form.closed:after{
	background: url(../img/form_foot_closed_bg.png) no-repeat bottom left;
	height:13px;
}
/* ie7 dirty hack*/
#c.vhv ul.form {
*zoom:expression(runtimeStyle.zoom = 1, insertAdjacentHTML('beforeBegin', '<span class="ie7before"></span>'), insertAdjacentHTML('afterEnd', '<span class="ie7after"></span>'));
}
#c.vhv .ie7before, #c.vhv .ie7after {
	height:13px;
	background: url(../../img/form_head_bg.png) no-repeat top left;
	display: block;
	width: 694px;
	margin-left: -1px;
}
#c.vhv .ie7after {
	background: url(../../img/form_foot_bg.png) no-repeat bottom left;
	height: 40px !important;
	margin-top: 0px;
}
/* hack end */

#c ul.form li{
	border-bottom: 1px solid #eee;
	padding: 12px 0;
}
#c ul.form li.last{border:0; padding-bottom: 0}

#c.vhv ul.form.closed li,
#c ul.form li li {
	border:0;
}
#c ul.form li:first-child,
#c ul.form li:first-child{
	margin-top: -10px;
}
#c ul.form li:first-child li:first-child,#c ul.settings li:first-child{margin-top: auto;}
#c.vhv input.input-text,
#c.vhv textarea{
	border: 1px solid #c0cdd2;
	font-size: 14px;
	box-shadow: 0 0 8px rgba(192, 205, 210, .5) inset;
	padding: 4px 6px;
	background-color:#fff;
}

#c.vhv .form .input-text {width: 85%;}
#c.layered-box-edit .form .input-text {width: 95%;}
#c.vhv .form .two-it{width: 24px;}
#c.vhv .form .three-it{width: 30px;}
#c.vhv .form .four-it{width: 32px;}
#c.vhv .form .ten-it{width: 110px;}
#c.vhv .form .full-it{width: 35px;}
#c .lite-filled{background-color: #fdeeca}
#c .filled,
#c.layered-box-edit ul.form li.filled{background-color: #fbe9bd}

/*************** Process Bar **********************/
#c.vhv .process-bar{
	width: 100%;
	margin-bottom: 24px; /*Theme*/
}
/* process Bar */
#c.vhv .process-bar{background-color:#fbe9bd}

#c.vhv .process-bar li{
	float:left;
	padding: 5px 24px 5px 12px;
	background: url(../img/sprite-24-calc.png) no-repeat 100% -557px;
	font: normal 14px/18px "HelveticaNeue15", "Helvetica", "Arial Narrow";
	color: #f1ab00;
	height: 18px;
	position: relative;
}
#c.vhv .process-bar li.first span.icon{
	background-position: 0 -2206px;
	height: 12px;
	width: 12px;
	margin-left: -1px;
	margin-top: 3px;
}
#c.vhv .process-bar li.act{
	background-position: right -497px;
	background-color: #f3ac00;
	color:#fff;
}
#c.vhv .process-bar li.act.fin{
	background-position: right -527px;
	color: #B88100;
	background-color: #fbe9bd;
}
#c.vhv .process-bar li.fin{
	color: #B88100;
}
#c.vhv .process-bar li.fin .icon,
#c.vhv .process-bar li.last .icon{
	background-position: 0 -136px;
	float:right;
	clear:right;
	width: 9px;
	height: 7px;
	margin:5px -5px 0 5px;
	display:inline
}
#c.vhv .process-bar li.last-further{
	background-position: right -587px;
}
#c.vhv .process-bar li.last{
	background: none;
	border:0;
}
#c.vhv .process-bar li.act.last-further{
	background-position: right -617px;
}
#c.vhv .process-bar li.last .icon,
#c.vhv .icon.check-item{
	background-position: 0 -437px;
}
#c.vhv .process-bar.simple .icon{
	background-position:0 -2103px;
	height: 18px;
	margin: 0 5px 0 0;
	padding-left: 13px;
	text-indent: 0;
	width: auto;
}
#c.vhv .process-bar.simple li.last{
	padding: 5px 0;
	text-align: center;
	width: 547px;
}
#c.vhv .process-bar .sub-bar,
#c.vhv .process-bar .fin.act .sub-bar {
	display:none;
}
#c.vhv .process-bar .act .sub-bar{
	display:block;
}
#c.vhv .process-bar .sub-bar{
	position:absolute;
	width: auto;
	left:-14px;
	top: 24px;
}
#c.vhv .process-bar .sub-bar li{
	white-space: nowrap;
	padding-top: 8px;
	float:none;
	background: none;
	font: bold 11px/13px Arial;
}

/*************** Process Bar **********************/


/*************** Ergebnis / Vergleich *************/

/* Tabellen */


#c.vhv table td, #c.vhv table th {
	border: 1px solid #dedede;
	border-width: 1px 0 0 1px;
	padding: 9px;
	text-align: left;
	vertical-align:middle;
}
#c.vhv table thead{background-color:#fff;}
#c.vhv table tr.even{background-color: #f7f7f7;}
#c.vhv table tr.odd{background-color: #fff;}
#c.vhv table tr th.em,
#c.vhv table tr td.em{background-color:#e1f4fb;}

#c.vhv table thead,
#c.vhv table .center {font-weight: bold;}

#c.vhv .em.center{color: #3eb8e4}

#c.vhv table .blank{
	background-color:#fff;
	border-color:#fff;
	width:150px;
}
#c.vhv table .eq{
	width: 50px;
	text-align:center;
	font-size: 14px;
}
#c.vhv table p {margin: 0;}

#c.vhv table .nowrap {white-space: nowrap;}

#c.vhv table .icon{
	width: 13px;
	height: 10px;
	margin:0 auto;
	float:none;
}
#c.vhv table .em .icon.check{background-position:0 -908px;}
#c.vhv table  .icon.check{background-position:0 -958px;}
#c.vhv table .icon.minus{
	background:#565656;
	width: 9px;
	height: 2px;
}
#c.vhv table .em .icon.minus{background: #3eb8e4;}

#c.vhv table .sum{
	background-color:#fff;
	font-size: 14px;
	font-weight:bold;

}
#c.vhv table .sum label{
	display:block;
	font-size: 16px;
	text-align:center;
	margin-bottom: 12px;
	font-weight:normal
}
#c.vhv table .sum .em label{
	font-weight:bold
}
#c.vhv table .sum input{
	margin:0 auto;
	display:block
}
/* Vergleich */

#c.vhv .form li.compare {
	padding: 18px 0 0 0;
	margin:0;
	border:0;
}
#c.vhv .form .compare .settings{
	margin-left:0;
}
#c.vhv .compare .focus-info{margin: 0 0 24px 36px}
#c.vhv .form .compare .config,
#c.vhv .form .compare .table{
	float:left;
	padding-left: 18px;
}
#c.vhv .form .compare .config{
	width: 278px
}
#c.vhv .form .compare .table{
	width: 370px;
}
#c.vhv .form .compare table{
	width:100%;
}

#c.vhv .form .compare h5{
	margin: 12px 0 6px 0;
}
#c.vhv .filled.heading{
	background-color: #fdeeca;
	border-color: #fdeeca;
	padding: 0 0 0 14px;
	position: relative;
	margin-bottom: 3px;
}

/* Gesamtsumme */
#c.vhv .form .grand-total {
	padding:0;
	background: #fff;
	margin-top:-10px
}
#c.vhv .form .grand-total select{
	font-size: 12px;
	margin-top: 3px;
}
#c.vhv .form .grand-total .total,
#c.vhv .form .grand-total .payment{
	float:left;
}
#c.vhv .form .grand-total .payment label{
	display:block;
}
#c.vhv .form .grand-total .total{
	background: url(../img/calc-arrow-right.png) no-repeat left 14px #fbe9bd;
	width: 394px;
	text-align: right;
	padding: 18px 18px 18px 24px;
}
#c.vhv .form .grand-total .payment{
	width: 224px;
	padding: 18px 6px 18px 18px;
}
#c.vhv .form .grand-total .payment .input{
	width:auto;
	margin: 0 12px 12px 0;
	padding-left:0;
}
#c.vhv .form .grand-total .payment em{
	color: #8b8b8b;
	clear: both;
	display: block;
	width: auto;
}
#c.vhv .form .grand-total .price{
	margin-bottom: 12px;
}
#c.vhv .form .grand-total .price span{
	display:block;
	font:normal 24px/32px "HelveticaNeue15","Helvetica","Arial Narrow";
	color: #f1ab00;
}
#c.vhv .form .grand-total .intro{
	float: left;
	text-align: left;
	line-height: 14px;
	background: none;
	width: auto;
	
}

#c.vhv .form .grand-total .intro span{
	font-size: 14px;
	font-weight:bold;
	display:block;
	margin-bottom: 6px;
}

#c.vhv .form .grand-total .total .button-simple{
	float: right;
	font-size: 12px
}

#c.vhv .form .grand-total .highlight-box{
	border: 1px solid #C6D2D6;
	width:auto;
	background-color: #fff;
	padding: 12px 14px;
	text-align:left;
	margin: 24px 0 0 0;
}

#c.vhv .form .grand-total .highlight-box a{
	float:right;
}

#c.vhv .icon.mail-complete{
	width:30px;
	height: 20px;
	background-position:0 -1497px;
	margin: 3px 12px 0 0;
}
#c.vhv .icon.print-sign{
	width:30px;
	height: 32px;
	background-position:0 -1984px;
	margin: 3px 12px 0 0;
}

#c.vhv .form .grand-total .highlight-box .accept{
	font-weight:bold;
	margin-top: 12px;
}

#c.vhv .form .grand-total .highlight-box .accept .icon{
	background-position: 0 -1605px;
	width: 12px;
	height: 13px;
	margin: 2px 4px 0 0;
}

#c.vhv .form .grand-total hr{
	background-color: #fff;
	border: 0;
	height: 1px;
}


#c.vhv .heading .title{
	padding-left:0;
	margin-left: -6px;
}
#c.vhv .heading .title input{margin-right: 4px;margin-left: 4px;}
#c.vhv .heading span,
#c.vhv .heading label{
	display:block;
	padding: 12px;
	font-weight:bold;
	float:left;
	font-size: 14px;
}
#c.vhv .heading .arrow-down{
	background-position: 0 -806px;
	bottom: -10px;
	height: 11px;
	left: 36px;
	padding: 0;
	position: absolute;
	width: 23px;
}
#c.vhv .heading .sum,
#c.vhv .heading .info-text{
	background-color: #f4ac00;
	float: right;
	font-size: 16px;
	min-width: 60px;
	text-align: right;
	color:#fff;
}
#c.vhv .heading .icon.check-item{
	padding:0;
	width:10px;
	height:10px;
	margin:6px 7px 0 6px
}
#c.vhv .heading.inactive,
#c.vhv .heading.inactive .info-text{
	background-color: #F7F7F7;
	border-color: #F7F7F7;
}
#c.vhv .heading.inactive .sum,
#c.vhv .heading .info-text{display:none;}
#c.vhv .heading.inactive .arrow-down{
	background-position: 0 -795px;
}
#c.vhv .heading.inactive .info-text{
	font-size: 14px;
	font-style: italic;
	font-weight:normal;
	display:block;
	margin:0;
	color: #777;
}

/*************** Ergebnis / Vergleich *************/

/************** SETTINGS TOOL *********************/
#c .form ul.settings{
	width:68%;
	max-width: 508px;
	border: 1px solid #dedede;
	padding: 12px;
	position:relative;
	margin:12px 0;
}

#c .form.additions ul.settings{
	margin-left: 32px;
	margin-top:0;
}

#c .form ul.settings li{
	border:0;
	padding:0;
	float:left;
	width:50%;
	z-index:1;
}
#c .form ul.settings.full li{float:none;width:auto;}
#c .settings .edit-settings{
	background: url("../img/calc-settings-arrow.png") no-repeat scroll 1px 0 transparent;
	margin-top: -7px;
	padding: 0 20px !important;
	position: absolute;
	right: -96px;
	top: 50%;
	width:auto !important;
	z-index: 100
}
#c .settings .edit-settings a{
	font-style:normal;
	border:0;
	font-weight:bold;
}
#c .settings .edit-settings .icon{
	background-position: 0 -231px;
	height: 17px;
	margin-right: 5px;
	width: 10px;
}

/*#c .two-cols {margin: 0 -12px;}*/
#c .two-cols .input-col{
	float:left;
	/*	margin:0 12px;*/
}

#c .form ul.lists li{
	margin:0;
	padding:6px 12px;
}

/*************** MARGINAL *************************/
/*** @group marginal */

#c .marginal .box{
	padding: 12px;
	line-height: 16px;
	margin-top: 12px;
}
#c .marginal .box:first-child{margin-top:0;}
#c .marginal .button-simple{
	color: #707173;
	line-height: 14px;
	margin-bottom: 2px;
	padding-top: 5px;
	font-size: 12px;
	font-weight:normal;
	padding-left: 16px;
}
#c .marginal .button-simple:hover,
#c .marginal .button-simple:active,
#c .marginal .button-simple:focus{
	color:#333;
	text-decoration:underline;
}
#c .marginal .button-simple.down {
	padding-left: 26px;
}

#c .box.filled hr{
	margin: 12px 0;
	background-color: #fff;
	border: 0;
	height: 1px;
}

#c .marginal span.icon.phone,
#c .marginal span.icon.paper{
	background-position: 0 -48px;
	height: 23px;
	width: 20px;
	margin-right: 12px;
}
#c .marginal span.icon.paper{
	background-position: 0 -71px;
	height: 23px;
	width: 20px;
}
#c .marginal .scroll-box a{
	font-size:14px;
	padding-top:0;
	line-height:20px;
	margin-bottom: 6px;
	padding-left: 24px;
}
#c .marginal a{
	display:block;
	font-weight:bold;
}
#c .marginal h4{
	font: normal 16px/24px "HelveticaNeue15","Helvetica","Arial Narrow", sans-serif;
	margin-bottom: 6px;
}

#c.vhv .bubble{
	background:white;
	font: normal 24px/24px "HelveticaNeue15","Helvetica","Arial Narrow";
	color: #f4ac00;
	text-align: right;
	padding: 12px;
	width: 168px;
	margin-bottom: 16px;
	position:relative;
}
#c.vhv .bubble span{
	float:left;
	display:block;
	text-align: left;
	font: normal 11px/13px Arial;
	color: #333;
	width: 60px
}
#c.vhv .bubble span.icon{
	position:absolute;
	bottom: -9px;
	left: 12px;
	background-position: 0 -785px;
	height: 9px;
}

/*** @end marginal*/

/*************** Slider ***************************/

/** Custom Style for fd-slider */
.vhv .fd-slider-wrap{
	line-height:10px;
	position:relative;
	display:block;
}
.vhv .fd-slider{
	height:10px;
	cursor: pointer;
	float:left;
}
.vhv .fd-slider-label{
	float:left;
}
.vhv .fd-slider-label.min{
	text-align:right;
}

.vhv .fd-slider-bar,
.vhv .fd-slider-range{
	border-radius: 12px;
	top:auto;
	bottom:0;
	border:0;
	/*	box-shadow: 1px 1px 6px rgba(0,0,0, .2) inset;*/
	height: 8px;
	cursor: pointer;
}

.vhv .fd-slider-bar{
	background: #efc768;
	border:1px solid #fff;
	box-shadow: 0px 1px 1px 1px rgba(0,0,0, .1) inset;
}
.vhv .fd-slider-range{
	margin-bottom:1px;
	background: #ab8e4a;
}
.vhv .fd-slider-handle{
	height: 18px;
	width: 18px;
	line-height: 18px;
	top: auto;
	bottom: -4px;
	cursor: move;
	background: url(../img/fd-slider.png) 0 0 no-repeat;
}
.vhv .fd-slider-handle .arrow{
	height: 10px;
	width: 14px;
	background: url(../img/fd-slider.png) 0 -51px no-repeat;
	top: -8px;
	position: absolute;
	left: 2px;
}
.vhv .fd-slider-tooltip{
	padding: 4px 7px;
	background: #fff;
	height: 20px;
	line-height: 20px;
	position: absolute;
	top: -37px;
	border: 1px solid #f4ac00;
	font: bold 12px/23px Arial;
	color: #f4ac00;
	vertical-align: middle;
	left: -100%;
	white-space: nowrap;
	cursor: default;
}
.vhv .error .fd-slider-tooltip{
	border-color: #ff813c;
	color: #f55e0c;
}
.vhv .error .fd-slider-handle .arrow{
	background-position: 0 -150px;
}
.vhv .cumulate .fd-slider-tooltip{
	top: auto;
	background: none;
	border: 0;
	margin-top: 14px;
	color: #777;
	font-size: 11px;
	font-weight:bold;
}

.vhv .cumulate .fd-slider-handle{
	background-position: 5px -100px;
	height: 19px;
	bottom: -5px;
}

.vhv .cumulate .fd-slider-handle .arrow{
	display:none;
}

.vhv .input-group  .fd-slider-label{
	width: 120px;
	text-align:left;
	text-indent: 18px;
}

.vhv .fd-slider-label strong{
	display:block;
	margin-bottom: 6px;
}

.vhv .input-group .input-element{
	margin: 18px 0;
	width:336px;
}

.vhv .fd-slider-controll input{display:none;}
.vhv .fd-slider-controll{
	padding: 6px 0;
	margin-left: 12px;
	width:188px;
	color:#565656;
	font-size: 14px;
	font-weight:bold;
	background-color: #C8ECF7;
	text-align:center;
	position:relative;
}

.vhv .fd-slider-controll.over,
.vhv .fd-slider-controll.under{
	background-color: #f39734;
	color:#fff;
}
.vhv .fd-slider-controll.over span.arrow-up,
.vhv .fd-slider-controll.under span.arrow-up{
	background-position: 0 -200px;
}
.vhv .fd-slider-controll span.arrow-up{
	background: url(../img/fd-slider.png) 0 -250px no-repeat;
	width: 18px;
	height: 9px;
	position: absolute;
	top: -9px;
	display: block;
	left: 45%;
}
/*************** Slider ***************************/

/*************** FOCUS FIELD **********************/
#c .half,
#c .thirds{
	display:block;
}
#c .half .col,
#c .thirds .col{
	margin: 0 12px;
	float:left;
}
#c .half .col{width: 318px;}
#c .thirds .col{width: 200px;}
#c .thirds .col.sixty{width: 423px;}
#c span.icon.sum{
	width: 24px;
	height: 24px;
	background-position: 0 -24px;
}
#c span.icon.cal{
	width: 21px;
	height: 23px;
	background-position: 0 0px;
}
#c .focus-field{display:inline-block !important}
#c .focus-field strong{font-size: 16px;}

#c ul.form .focus-field h5,
#c ul.form .focus-field p,
#c ul.form .focus-field em,
#c ul.form .focus-field .focus-field-item{
	margin: 3px 0 12px 36px;
	display:block;
	padding:0;
}

#c ul.form .focus-field.phv *{margin-left:0;} 
#c ul.form .focus-field.phv .col{margin:0 12px;}

#c ul.form .focus-field.phv-l *{margin-left:0;}
#c ul.form .focus-field.phv-l *:first-child h5,
#c ul.form .focus-field.phv-l *:first-child div,
#c ul.form .focus-field.phv-l *:first-child em
{margin-left: 36px;}
#c ul.form .focus-field.phv-l .col{margin: 12px 12px 0 12px;}

#c .suggest-wrap{
	position:relative;
}
#c ul.suggest-list {
	position: absolute;
	top: 34px;
	right: 43px;
	width: 304px;	
	background: white;
	box-shadow: 0 0 10px #999;
	-moz-box-shadow: 0 0 10px #999;
	-webkit-box-shadow: 0 0 10px #999;
	z-index: 10000;
	border: 1px solid #ccc;
	border-top: none;
	border-bottom: none;
	font-size: 14px;
	padding: 0;
	margin: 0;
	display: none;
}

#c ul.suggest-list li{
	font-size: 12px;
	line-height: normal;
	padding:0!important;
	margin: 0!important;
}
#c ul.suggest-list li a{
	display:block;
	padding: 6px 12px;
	border-bottom: 1px solid #ddd;
}
#c ul.suggest-list li a:hover{
	background-color: #ddd;
	border-color: #bbb;
}
#c .focus-field .rockradio{
	background: url(../img/sprite-24-calc.png) no-repeat 0 -2802px transparent;
	text-indent: -9999px;
	border: 0;
	width: 14px;
	height: 19px;
}
#c .focus-field .rockradio.checked{
	background-position: 0 -2702px;
}
#c .focus-field .rockdown .button{background-position: 0 -1474px;}
#c .focus-field .rockdown .button span.select{background-position: right -1401px}
#c .focus-field .rockdown .button span.select span{
	background-position: 0 -1437px	;
	color: #565656;
	text-shadow:none;
	padding-right: 5px;
}
#c .focus-field .rockdown .button:hover span.select,
#c .focus-field .rockdown .button:active span.select,
#c .focus-field .rockdown .button:focus span.select{background-position:right -1510px}

#c .focus-field .button.check{background-position: 0 -1313px;}
#c .focus-field .button.check span span{text-indent: 3px;}
#c .focus-field .button.check:hover, .button.check:active, .button.check:focus{background-position: 0 -1349px;}
#c .focus-field .rockdown .button{margin-bottom: -7px}
#c .focus-field .rockdown .options{
	width:98%;
	left: 2px;
	top: 15px;
}
#c .focus-field .rockdown,
#c .focus-field .rockdown .handle,
#c .focus-field .rockdown button{
	width: auto;
	max-width: 200px;
}
#c .focus-field .rockdown .button,
#c .focus-field .rockdown .button span{
	line-height: 25px;
	height: 25px;
}
#c .focus-field .rockdown li{
	padding:0!important;
	border:0!important;
}
#c .focus-field .rockdown{float: none;display: inline-block;}


#c .focus-field .rockdown .options button{
	display: block;
    margin: 0;
    width: 100%;
}
#c .focus-field .rockdown .options li:hover,
#c .focus-field .rockdown .options li:focus,
#c .focus-field .rockdown .options li:active{
	color:#fff;
	background-color: #F3AC00
}

#c ul.form .focus-field .switch-item p,
#c ul.form .focus-field .switch-item em{
	margin:0 0 12px 0;
	
}
#c .focus-field h5{
	margin-top:0;
	font-size: 14px;
}

#c .focus-field .tooltip.inline{margin:0;}
#c .focus-field.slider .tooltip{display:none !important;margin-left:0;}
#c .focus-field.slider .error .error.tooltip,
#c .focus-field.slider .info .info.tooltip{display:inline !important;}
#c .focus-field input{text-align:center;}

#c .focus-field em,
#c .input em{
	color: #707174;
	font-size: 12px;
}

#c .desc em{
	color: #707174; 
	font-weight:normal;
	font-size: 12px; 
	line-height:15px; 
	display:block; 
}

#c .focus-field .tooltip{display:inline;}
#c .focus-field input{background:#fff;}
#c .focus-info{
	margin: 6px 12px;
	padding: 12px 12px 12px 48px;
	background: url(../img/sprite-24-calc.png) no-repeat 12px -689px #fff5ec;
	border: 1px solid #fd823e;
	color: #d06124;
	width: auto;
	display:none;
	font-style: normal!important;
	line-height: 16px!important;
}
#c .focus-field.slider h5,
#c .focus-field.slider em{
	margin-left:0;
}
#c .focus-field .fd-slider-wrap{
	margin-top: 52px;
	margin-bottom: 12px;
}
#c .focus-field .layered-box-info-link, #c .layered-box-edit-link {
	font-style: italic;
	font-size: 12px;
	font-weight:normal;
}
#c .focus-info.notification{
	background-position:14px -1085px;
	background-color: #fefdf5;
	border-color: #e3b600;
	color:#b4920d;
	display:block
}
#c .focus-info a{
	font-weight:bold;
	color: #d06124;
	border-color:#fd823e;
	float:right;
}
#c .button-simple.bigger-calc{
	background-position: 0 -2292px;
	line-height: 26px;
	padding-left: 36px;
}

#c .focus-field .focus-field-item em{
	margin-left:0;
}
#c .focus-field-item input[type=radio]{background:transparent;}
#c .focus-field .focus-field-item label:first-child{margin-left:0;}
#c .focus-field .focus-field-item label{margin-left: 12px;font-weight: bold;}

#c .focus-field .white-field{
	background:#fff;	
	border: 1px solid #abb9bf;
	padding: 12px;
	margin-bottom: 12px;
	position:relative;
}
#c .focus-field .white-field p,
#c .focus-field .white-field label{
	margin:0 0 6px 0;
}

#c .focus-field .white-field .arrow-up{
	position: absolute;
	height: 10px;
	width: 17px;
	top: -10px;
	background-position: 0 -2908px;
	z-index: 1;
}
#c .focus-field .white-field.left-one .arrow-up{
	left: 50px;
}
#c .focus-field .white-field.right-one .arrow-up{
	right: 70px;
}

/*** @group Imitates */
.rockdown {
    list-style:none;
    position:relative;
    float:right;
}
.rockdown .handle,
.rockdown .options button{width: 235px;}
.rockdown button{
    border:0;
    text-align:left;
}
.rockdown .options li{
    list-style:none;
	padding:0!important;
}
.rockdown .options button{
    display:block;
    font-size: 12px;
    padding: 6px 12px!important;
    background:none;
    color: #707173;
    font-family: Arial;
	cursor: pointer;
	width:100%;
}
.rockdown .options button:hover,
.rockdown .options button:focus,
.rockdown .options button:active{
    outline:none;
    color: #333;
}
.rockdown .options{
    display:none;
    z-index:1;
    position:absolute;
    left:5px;
    top:30px;
    box-shadow: 0 2px 5px rgba(0,0,0, .4);
    -moz-box-shadow: 0 2px 5px rgba(0,0,0, .4);
    -webkit-box-shadow: 0 2px 5px rgba(0,0,0, .4);
    background: #fff;
    width: 225px;
    overflow:hidden;
}
.rockdown.open .options{display:block;}

/*** @end Imitates*/
/*************** FOCUS FIELD *********************/

/*************** BUTTONS *************************/

#c .call-to-action-bar.spacing{margin-top: 24px;}
#c .call-to-action-bar{
	padding: 12px 12px 0 12px; 
	display: block;
	background-color: #eeeef3;
	margin-top:12px
}
#c .call-to-action-bar .button{
	height: 34px !important;
}
#c .call-to-action-bar .prev-steps {float:left;}
#c .call-to-action-bar .next-steps {float:right;text-align: right;}
#c .call-to-action-bar .next-steps .button{float:left;margin: 0 0 14px 12px;}
#c .call-to-action-bar .next-steps .button.last{float:right;}
#c .call-to-action-bar .next-steps .button-simple{float:left;margin: 5px 0 0 12px;}
#c .call-to-action-bar .info{
	clear: both;
	font-style: italic;
	height: auto;
	line-height: 1.2;
	font-size: 12px;
	width: auto;
	margin-bottom:12px
}
/*************** BUTTONS *************************/
/*** @group Stage  */
#c .stage-antrag{
	margin-top: 24px;
	width: 720px;
	height: 186px;
	padding: 12px 0 0 224px;
}
#c .stage-antrag h3{
	font-size: 18px
}
#c .stage-antrag .lists{
	width: 450px;
	margin-top: 12px;
	font-size: 14px;
	font-weight:bold;
}
#c .stage-antrag .lists li{
	list-style: outside decimal;
	margin: 12px 0 12px 22px;
}

#c .lite-box-full{
	padding: 18px;
	margin: 12px 0;
	display:inline-block;
}
#c .lite-box-full.thirds .col{
	width: 264px;
	margin: 0;
}
#c .lite-box-full.thirds .col.sixty{
	width: 408px!important
}
#c .lite-box-full p.person,
#c .lite-box-full p.hotline{
	margin-left: 122px;
}

/*** @end Stage */

/*** @group Antragsprozess */

#c.vhv .antrag .form li.half .col,
#c.vhv .antrag .form li.half .col{
	width: 318px;
}
#c.vhv .antrag .form .full{
	width: 672px;
	margin:0 12px;
}

#c.vhv .antrag .form li .filled,
#c.vhv .antrag .form li .boxed{
	padding: 12px;
}

#c.vhv .antrag .form li .boxed{
	border: 1px solid #eee;
}

#c.vhv .antrag h4.bordered{
	margin-top:36px;
	padding-bottom: 6px;
	margin-bottom: 6px;
	border-bottom: 1px solid #ddd;
}
#c.vhv .antrag  .additional-info p{line-height: 16px}
#c.vhv .antrag  .additional-info p,
#c.vhv .antrag  .additional-info a{font-size: 12px;}

#c.vhv .antrag .additional-info {margin-bottom: 24px;}

#c.vhv .antrag .form li .lists.default li{
	list-style: disc;
	margin-left: 15px;
	line-height: 18px;
}
#c.vhv .antrag .form li .lists.default{margin-top:6px}
#c.vhv .antrag .form li .lists li{
	margin:0;
	padding:0 0 0px 0;
	background: url(../img/sprite-24-calc.png) no-repeat -1000% -1000%;
}

#c.vhv .antrag .form li .lists.check li{
	background-position: 0 -432px;
	padding-left: 18px;
}

#c.vhv .antrag .variations label{
	display:block;
	font-weight:bold;
	margin-bottom: 2px;
}

#c.vhv .antrag .variations .var-cont{
	font-size: 12px;
	margin: 0 0 12px 20px;
	line-height: 16px;
}
#c.vhv .antrag .variations .var-cont a{
	font-weight:bold;
	display:block;
	margin-top: 6px;
}
#c.vhv .antrag a.icon-detail{
	font-weight:bold;
	font-size: 12px;
	line-height: 16px;
}
#c.vhv .antrag a.icon-detail .icon.detail{
	margin-top:3px;
}
#c.vhv .antrag .icon.detail{
	height: 12px;
	width: 12px;
	background-position: 0 -383px;
}
#c.vhv .icon.key {
	background-position: 0 -482px;
	display: block;
	width: 12px;
	margin-right: 2px;
}
#c.vhv .antrag .variations .var-cont.last{
	margin-bottom: 0;
}
#c.vhv .antrag .form li .filled h6{
	margin-bottom: 12px;
}
#c.vhv .antrag .form li.odd,
#c.vhv .std-form .form li.odd,
#c.vhv.layered-box-edit li.odd  {
	background: #f7f7f7
}
#c .antrag .input {
	margin-bottom:0;
}
#c .antrag .desc span{
	line-height: 18px;
}

#c.vhv .antrag .payment{
	line-height: 18px;
	padding:24px 0 0 0;
	margin-bottom:12px;
	font-size: 14px;
	font-weight:bold;

}
#c.vhv .antrag .payment .price{
	font: normal 24px/24px "HelveticaNeue15","Helvetica","Arial Narrow";
	color: #f1ab00;
}
#c.vhv .antrag .payment .alt{
	font-size: 12px;
	display:block;
	font-weight:normal;
	color: #888;
}
#c.vhv .antrag .info,
#c.vhv .antrag .info li{
	/*	font-style: italic;*/
	color: #888;
}
#c.vhv .antrag .info strong{display:block;}
#c.vhv .antrag textarea, #c.vhv textarea{width: 90%}

.js #c .form .group.sub-quest{display:none;}

#c.vhv .antrag .edit-settings{
	position: absolute;
	right: 0;
	bottom: -40px;
	font-weight: bold;
	background: url(../img/sprite-24-calc.png) no-repeat 40px -1908px;
	border:0;
}

#c.vhv .antrag .edit-settings .icon{
	background-position: 0 -231px;
	height: 17px;
	margin-right: 5px;
	width: 10px;
}
#c.vhv .antrag .form li .lists.input-info{
	margin-right: -24px;
	overflow:hidden
}
#c.vhv .antrag .form li .lists.input-info li{
	float:left;
	width: 324px;
	margin-right: 24px;
	border-bottom: 1px solid #eee;
	padding-bottom: 6px;
	margin-bottom: 6px;
}
#c.vhv .antrag .form li .lists.input-info-def li{
	border-bottom: 1px solid #eee;
	padding-bottom: 12px;
	margin-bottom: 12px;
}
#c.vhv .antrag .form li .lists.input-info-def .title{
	font-weight:bold;
	float:left;
	width: 60px;
}
#c.vhv .antrag .form li .lists.input-info-def .def{
	margin: 0 0 0 84px;
}

#c.vhv .antrag .form li .lists.input-info-def p{
	margin:0;
}

#c.vhv h4.more-spacing{
	margin-top: 48px;
}
#c.vhv h4 a.detailed{
	font: normal 12px/14px Arial;
	margin-left: 12px;
	display:inline-block;
}
#c.vhv h4 a.detailed .icon,
#c.vhv h4 a.detailed .alt .icon{
	height: 10px;
	width: 17px;
	background-position: 0 -1809px;
}
#c.vhv h4 a.detailed .alt .icon{
	background-position: 0 -1759px;
}
#c.vhv h4 a.detailed .alt,
#c.vhv h4 a.detailed.active span{display:none;}

#c.vhv h4 a.detailed.active .alt,
#c.vhv h4 a.detailed.active .alt .icon{display:inline-block;}
.form .sub-quest .desc{
	font-weight:normal !important;
	font-size: 12px  !important;
}
#c.vhv .text{
	font-size: 14px;
	line-height: 20px;
}
#c.vhv .text p{
	margin: 0 12px;
	line-height: 18px;
}
#c.vhv .text .important{
	font-weight:bold;
}
#c.vhv .text.first-unit {
	height: 30px;
	border-bottom: 1px solid #c8c7d8;
	padding: 0;
}
#c.vhv .text.first-unit h3, #c.vhv .text.second-unit h3  {
	color: #1E1E1E;
	margin-left: 26px;
	margin-top: 8px;
	font: bold 16px/140% Arial,Helvetica,sans-serif;
}
#c.vhv .text.second-unit {
	border-top: 1px solid #c8c7d8;
	border-bottom: 1px solid #c8c7d8;
	margin-top: 54px;
	padding: 0 0;
	height: 35px;
}
#c.vhv .text.second-unit h3 {
	font-weight: 300;
}
#c.vhv .important-input,
#c.vhv .important-input-standalone{
	font-size: 14px;
	background-color: #eee;
	font-weight:bold;
}
#c.vhv .important-input input {
	margin-left: 12px;
}

#c .important-input-standalone{
	padding: 12px;
}
#c .important-input-standalone input{
	float:left;
}
#c .important-input-standalone span{
	margin-left: 22px;
	display: block;
	margin-top: -4px;}

#c .lite-box{
	background: #fbe9bd;
	padding: 12px;
}
#c .lite-box.konto{
	margin-top: 54px;
	display:block;
}
#c .lite-box.konto .group{
	display:block;
}
#c .lite-box.konto .left-col,
#c .lite-box.konto .right-col{
	margin-top: 24px;
	float:left;
}
#c .lite-box.konto .toggleInput{
	margin-top: 6px;
}
#c .lite-box.konto .focus-info{
	margin: 6px 0;
}
#c .lite-box.konto .left-col{width: 290px;}
#c .lite-box.konto .right-col{
	width: 340px;
	float: right;
}
#c .lite-box.konto .right-col .input {width: auto;}
#c .button-simple.pdf{
	background: url(../img/sprite-24-calc.png) no-repeat 0 -1701px;
	padding-left: 20px;
}

#c .button-simple.bigger-calc{
	background: url(../img/sprite-24-calc.png) no-repeat 0 -2292px;
	line-height: 26px;
	padding-left: 36px;
}

#c .lite-box.konto .input-line{
	margin-bottom: 12px;
}
#c .lite-box.konto .input-line .input span{display: block;}
#c .lite-box.konto .input-line .input span input{margin-bottom: 6px;}
#c .lite-box.konto .desc{
	width: 100px;
}
#c .lite-box.konto .input{
	float:left;
	width:164px;
}
#c .align-to-top{
	margin-top:0!important;
	margin-bottom: 12px!important;
}
#c .antrag .special-spacing{
	margin: 48px 0 6px 0;
}
#c .antrag .down-lite{
	margin-bottom:0;
}
#c .antrag .completion{
	margin:0 -1px;
	background: url(../img/completion-arrow.jpg) no-repeat 338px top;
	height: 201px;
	box-shadow: 0 0 2px 1px rgba(0,0,0, .2);
	border: 1px solid #ccc;
	margin-bottom: 24px;
	width: 720px;
}
#c .antrag .completion .col.filled{
	background-color: #e1f4fb;
}
#c .antrag .completion .col{
	width:360px;
	float:left;
	margin:0;
}
#c .cols.half.normal .col{
	width:348px;
}

#c .antrag .completion .col-content{
	padding: 0 24px;
	margin-left: 48px;
}

#c .antrag .completion address{font-weight:bold;margin-bottom:6px;}
#c .antrag .completion h3{font-size: 18px;}
#c .antrag .completion .icon.mail-complete,
#c .antrag .completion .icon.print-sign{
	float:left;
	margin: 24px 0 0 24px;
}
#c .antrag .completion a{
	font-size: 12px;
}

#c .antrag .completion .button-simple.down-lite{
	margin-left: 4px;
	text-indent: 5px;
}


#c .round-up .arrow-down.icon{
	background-position: 0 -806px;
	height: 11px;
	width: 23px;
	padding:0;
	margin-top: 12px;
	margin-bottom: -12px;
}
/*** @end Antragsprozess*/

/***************  Layered Input Box***************/
/*** @group Js Css */

/** Inactive / Active Styles */
#c .form .inactive .settings{display:none;}
#c .inactive .info-text{
	display:block;
	margin-bottom: 12px;
	padding-left: 32px;
}
#c .info-text{display:none;}


/** Info Container */
.layered-box-info .half img{
	float:left; 
	margin: 0 18px 12px 0
}
.layered-box-info {
	font-family: Arial;
	font-size: 12px;
	font-style:italic;
}
.layered-box-info h4,
.layered-box-info h5{
	padding:0;
	margin: 0 0 6px 0;
	font-style: normal;
}
.layered-box-info h4{
	margin: 0 0 12px 0;
}
.layered-box-info img{
	margin: 0 0 12px 0;
}
.layered-box-info a{
	font-size: 12px;
	font-style: italic;
}
.layered-box-info ul li{
	margin-bottom: 3px !important;
	padding-left: 12px !important;
}
#c.layered-box-edit .pad{padding-top: 12px !important;}
/** Inline Editing **/
#c.layered-box-edit ul.form li{padding: 6px 0 12px 0;}
#c.layered-box-edit ul.form li.lite-filled:first-child,
#c.layered-box-edit ul.form li.filled:first-child{
	margin-top:auto;
}
#c.layered-box-edit .two-cols .input-col{
	width: 343px;
}
#c.layered-box-edit .two-cols .desc,
#c.layered-box-edit .two-cols .input{
	float:none;
	margin:0;
}
#c.layered-box-edit {
	width: 720px;
	margin:0;
	padding:0;
	font: normal 12px/1 Arial;
}
#c.layered-box-edit .input,
#c.layered-box-edit .desc,
#c.layered-box-edit .input-group,
#c.layered-box-edit .desc-group .head{
	width: 348px;
	font-size: 12px;
	line-height: 26px;
}

#c.layered-box-edit .desc-group .input,
#c.layered-box-edit .desc-group .desc{
	margin-top: 6px;
}
#c.layered-box-edit .desc-group .input:first-child,
#c.layered-box-edit .desc-group .desc:first-child{
	margin-top:0;
}
#c.layered-box-edit .input-group{
	/*#c.layered-box-edit .input{*/
	padding-top: 2px;
	width:348px;
}
#c.layered-box-edit .desc-group .head {
	float: none;
}
#c .desc-group .desc {
	font-weight: normal;
}
#c.layered-box-edit .input.standalone {
	margin-left:360px;
}
#c.layered-box-edit ul.form,
#c.layered-box-edit ul.form:before,
#c.layered-box-edit ul.form:after{
	box-shadow:none;
	border:0;
	background: none;
	padding:0;
	margin:0;
}
#c.layered-box-edit ul.form:before,
#c.layered-box-edit ul.form:after{
	display:none;
}
#c.layered-box-edit input[type=text],
#c.layered-box-edit textarea{
	background-color: #fff;
	font-size: 12px;
}
.layered-box-edit h4{margin-top:0;}
#c.layered-box-edit ul.form li{
	list-style:none;
	border:0 !important;
}

#c.layered-box-edit .call-to-action-bar .next-steps .button,
#c.layered-box-edit .call-to-action-bar .next-steps .button-simple{float:left;margin:0 0 0 12px;}
#c.layered-box-edit .button-simple{background:none;line-height:34px;}
#c.layered-box-edit .button-simple span.edit{
	background-position: 0 -223px;
	height: 23px;
	margin-right: 5px;
	width: 10px;
}
#c.layered-box-edit .call-to-action-bar{
	margin: 12px 0 0 0;
	display:block;
	padding-bottom:12px;
}
#c.layered-box-edit .half-width,
#c ul.form .half-width,
#c.layered-box-edit .one-short{
	width: auto !important;
/*	margin-right: 1px;*/
}
#c.layered-box-edit .label-info .input{margin-right: 0;width: 355px;}
#c.layered-box-edit .label-info label{width: 314px!important;display: inline-block}


#c.layered-box-edit .half-width input.input-text,
#c.layered-box-edit .one-short input.input-text{
	width: 146px;
	margin-right:12px;
}
#c.layered-box-edit .one-short input.input-text{
	width:222px
}
#c.layered-box-edit .one-short input.short{
	width: 70px
}
#c.layered-box-edit .label-info .arrow-info{
	background-color: white;
	float:right;
	display:block;
	padding: 2px 6px 2px 12px;
	text-indent: 0;
	background-position: 0 -1400px;
	width: 100px;
	text-align: right;
}

#c.layered-box-edit li.filled.last{
	padding-bottom: 12px;
	margin-bottom:6px;
}
#c.layered-box-edit .input label{width:300px;}
#c.layered-box-edit .inline.input label{width:auto;}
#c.layered-box-edit .error.focus-info,
#c.layered-box-edit .notification.focus-info{display:block;}

#c.layered-box-edit .filled .focus-info{margin: 6px 12px;}

#c.layered-box-edit .process-bar li{
	width: 204px;
	font: bold 14px/18px "Arial";
}
#c.layered-box-edit .process-bar.two-steps li{
	width: 324px;
}

#c.layered-box-edit .white-box{
	background: white;
	margin: 6px 12px 0 0;
	padding: 6px 12px;
}
#c.layered-box-edit .white-box .input{
	margin:0;
}
#c.layered-box-edit ul.form li.correct-check{
	padding: 12px 0 0 0;
	color: #777;
}

#c.layered-box-edit .correct-address label{
	display:block;
	font-weight:bold;
	margin-bottom: 2px;
}
#c.layered-box-edit .correct-address .group:first-child{margin-top:6px;}
#c.layered-box-edit .correct-address .group{
	margin: 12px 0 0 8px;
	width: 260px;
}

#c.layered-box-edit h6.less-important{font-weight:normal;}

.layered-box-info ul,
.layered-box-edit ul,
#tooltip ul{
	margin:0 0 12px 0;
}	
.layered-box-info ul li,
.layered-box-edit ul li,
#tooltip ul li{
	margin:0;
	padding-left: 18px;
	line-height: 18px;
	background-position: -94px -1571px;
	
}

#c.layered-box-edit .button.call-to-action-two{
	clear:none;
}
/** Table */
.table-clear {
	margin-bottom: 18px; 
	font-style: normal;
}
 table tr.even {
	background-color: #f4f3f8;
}
.table-clear thead th {
	padding: 0;
	margin: 0;
	background: white; 
	border: none;
}
.table-clear tfoot.none, .table-clear thead.none, tfoot.none {
	display: none;
}
.table-clear tr td {
	border: none; 
	background: white;
}
.table-clear td {
	padding: 3px 0; 
	margin 0;
}
.table-clear .table-line {
	border-bottom: 1px solid #fff;
}
.table-clear tr td:last-child {text-align: center}

.tarif-example td.em {
	font-weight: bold; 
	border-right: 2px solid #F1AB00;
	border-left: 2px solid #F1AB00;
	background-color: #fdf7e7;
}
.tarif-example td.em.even {background-color: #FDEECA;}
.tarif-example td.em.btm {border-bottom: 2px solid #F1AB00;}

.tarif-example thead th.em {
	color: #fff; 
	background: #F1AB00; 
	border-top: 8px solid #F1AB00; 
	border-right: 2px solid #F1AB00; 
	border-bottom: 1px solid #F1AB00;
	border-left: 2px solid #F1AB00;
}
.tarif-example {
	font-style: normal;
	margin-bottom: 12px;
	border: none;
}
.tarif-example td {
    text-align: center !important;
}
.tarif-example td:last-child {
	border-right: none;
}
#c.layered-box-info .content p {font-style: normal}
/*************** Layered Input Box****************/

/*** @group Dope */

#c .dope {
	background-color: #FEF5EC;
	border:  1px solid #fe823c;
	padding: 12px;
	text-align:left;
	margin: 0 0 12px 0;
	position: relative;
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 392px;
}

#c .dope span.dope-arrow{
	width: 30px;
	height: 10px;
	background-position: 0 -1306px;
	position: absolute;
	top: -10px;
	right: 100px;
}

#c .dope h4,
#c .dope ul{margin-left: 124px !important;}

#c .dope ul{margin-top: 12px;}
#c .dope li {margin-bottom: 6px;}
/*** @end Dope*/


/*************** SUPPLYMENTS *********************/
#c .seperating{
	margin-left: 62px;
	margin-bottom: 36px;
}
#c ul.form .sub-quest{
	display:none;
	margin-top: -1px;
}

#c .antrag .summary {
	font-size: 13px;
	margin-bottom: 24px;
}

#c .standard li{
	list-style:decimal;
	margin-left: 18px;
}

#c .arrow_capital{
	background: url(https://www.vhv.de/global/vhv/img/prozessnavi.gif) no-repeat scroll 3px 0 transparent;
	height: 36px;
	padding-top: 4px;
	color: #000;
	margin: 29px 0 6px 0;
	position: relative;
	width: 600px!important;
}

#c .arrow_capital em {
	position: absolute;
	left: 62px;
	top: 7px;
	color: #000;
	font-size: 21px;
	letter-spacing: .2;
	font-family: "HelveticaNeue15","Helvetica","Arial",sans-serif;
	font-style: normal;
	font-weight: normal;
}
#c .arrow_capital strong {
	font-size: 30px;
	color: #FFF;
	position: absolute;
	left: 10px;
	top: 2px;
	width: 60px;
	line-height: 36px;
	font-family: "HelveticaNeue15","Helvetica","Arial",sans-serif;
	letter-spacing: .2;
	font-weight: normal;
}
#c .visuallyhidden { 
    border: 0; 
    clip: rect(0 0 0 0); 
    height: 1px; 
    margin: -1px; 
    overflow: hidden; 
    padding: 0; 
    position: absolute; 
    width: 1px; 
}

#c .form .group{display:block;}

#c .tooltip{
	background: none;
	border: 1px dotted #707174;
	border-width: 0 0 1px 0;
	color: #707174;
	cursor: pointer;
	display: inline !important;
	font-size: 12px;
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	box-shadow:none;
	padding:0;
}

#c .tooltip-content,
#c .layered-box-edit,
#c .layered-box-info{
	display:none;
}
#c.vhv .error-msg,
#c.vhv .info-msg,
#c.vhv .form .notification.focus-info,
#c.vhv .form .notification.focus-info,
#c.vhv .form .error .desc em,
#c.vhv .form .error .desc .tooltip,
#c.vhv .form .error .desc .layered-box-info-link,
#c.vhv .form .desc .tooltip.error,
#c.vhv .form .desc .layered-box-info-link.error{
	display:none;
	font: normal 12px/normal Arial;
	font-style: italic;
}

#c.vhv .error .focus-info,
#c.vhv .error.focus-info,
#c.vhv .error .notification.focus-info,
#c.vhv .error .error-msg,
#c.vhv .info .info-msg{
	display:block ;
}
#c .error-msg, 
#c .error .desc, 
#c .error .desc .tooltip, 
#c .error .button-simple, 
#c .error .tooltip.error {
	color: #f55e0c;
	border-color: #f55e0c;
}
#c .info-msg, 
#c .info .desc, 
#c .info .desc .tooltip, 
#c .info .button-simple {
	color: #B4920D;
	border-color: #B4920D;
}

#c .desc .button-simple {
	font-size: 12px;
	float: right;
	font-weight: normal;
	font-style: italic;
}
/* Icons */
#c .icon, .layered-box-edit .icon{
	background: url(../img/sprite-24-calc.png) no-repeat 0 0 transparent;
	height: auto;
	width: auto;
	display:block;
	float:left;
}

/*** @group Tooltip */
.tooltip{cursor: help!important;}
.tooltip-content{display:none !important;}

#tooltip{
	font-family: Arial;
	border: 1px solid #CCCCCC;
	width: 290px;
	background: #fff;
	display: block;
	font-size: 12px;
	padding: 12px;
	position: absolute;
	top: 0;
	left:0;
	width: 340px;
	z-index: 100000; /*colorbox*/
	border: 1px solid #ccc;
	margin: -1px;
	-moz-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.5);
}
#tooltip .arrow,
#tooltip .arrow-center,
#tooltip .arrow-left{
	background: url("../img/tooltip-arrows.png") no-repeat scroll right -12px transparent;
	height: 23px;
	position: absolute;
	right: -12px;
	top: 0;
	width: 12px;
}
#tooltip .arrow-center{
	background-position: -12px -36px;
	bottom: -11px;
	height: 11px;
	right: auto;
	left: 50%;
	top: auto;
	width: 23px;
	margin-left: -23px;
}
#tooltip .arrow-left{
	left: -12px;
	background-position:left -12px;
}
#tooltip h6{
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 6px;
}
#tooltip img{float:left; margin-right: 12px;}
#tooltip h5{margin-bottom: 6px;}
#tooltip h6{margin-bottom: 3px;}


/*text count*/
#c.vhv .count {
	float: right;
	margin-right: 17px;
}
#c.vhv .count.highlight {
	color: red;
}

/*************** OLD BROWSER *********************/
*+html #c.vhv .process-bar{clear:both; height: 29px; overflow: hidden; width: 100%;line-height:22px;}
*+html #c.vhv .process-bar li {display:inline; float:none;zoom:1;}
*+html #c.vhv .process-bar li .icon{display:inline;float:none !important;zoom:1;position:relative;left:5px;}

/* Touch display */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	#c {
		-webkit-user-select: none;
	}
}
@media only screen and (max-device-width: 480px) {
	#c {
		-webkit-user-select: none;
	}
}


/* NEOSKOP CSS for "Rechtsschutz-Rechner"�*/

@font-face {
  font-family: "vhv-rechtschutz";
  src:url("../fonts/vhv-rechtschutz.eot");
  src:url("../fonts/vhv-rechtschutz.eot?#iefix") format("embedded-opentype"),
    url("../fonts/vhv-rechtschutz.woff") format("woff"),
    url("../fonts/vhv-rechtschutz.ttf") format("truetype"),
    url("../fonts/vhv-rechtschutz.svg#vhv-rechtschutz") format("svg");
  font-weight: normal;
  font-style: normal;
}

[data-icon]:before {
  font-family: "vhv-rechtschutz" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: "vhv-rechtschutz" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-checkmark:before {
  content: "b";
}
.icon-house:before {
  content: "d";
}
.icon-car:before {
  content: "e";
}
.icon-person:before {
  content: "f";
}
.icon-suitcase:before {
  content: "g";
}

/* Use .next-steps--bar for the special bar�*/
#c .call-to-action-bar--progress {
  padding: 0 !important;
}
#c .call-to-action-bar--progress .prev-steps {
  width: 65%;
  text-align: right;
}
#c .call-to-action-bar--progress .next-steps {
  padding-right: 15px;
  padding-top: 15px;
}
#c .call-to-action-bar--progress .button {
  margin-bottom: 0 !important;
}

/* Create the specific styling for the highlighted area�*/
.next-steps__highlight {
  margin-bottom: 0 !important;
  padding: 15px 25px;
  position: relative;
  background: #e4e3ec;
  font-size: 12px;
  line-height: 1;
}
.next-steps__highlight:after {
  content: '';
  position: absolute;
  right: -15px;
  top: 0;
  border-left: 15px solid #e4e3ec;
  border-bottom: 34px solid transparent;
  border-top: 34px solid transparent;
}
.next-steps__highlight strong {
  display: block;
  margin-bottom: 3px;
  font-family: "HelveticaNeue15","Helvetica","Arial",sans-serif;
  font-size: 21px;
}

/* Collector�*/
.m-collector {
  position: relative;
  text-align: center;
}
.m-collector .fourth {
  padding-right: 20px;
}
.m-collector .fourth .col {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  padding-left: 20px;
  width: 147px;
}
.m-collector .fourth .col.m-collector__cut {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding: 14px 12px;
  margin-top: 10px;
  width: auto;
  border-radius: 150px;
  background: #ffffff;
  font-size: 28px;
  font-weight: bold;
  line-height: 0.4;
  color: #707174;
  text-align: center;
}
.m-collector .fourth .col.m-collector__cut + .col {
  margin-left: 76px;
}
.m-collector h4 {
  margin-bottom: 25px;
  margin-top: 5px;
  font-family: "HelveticaNeue15","Helvetica","Arial",sans-serif;
  font-size: 20px;
  font-weight: normal;
  text-align: center;
}

/* Choose�*/
.m-choose {
  display: block;
}
.m-choose:hover .m-choose__prefix,
.m-choose:hover .m-choose__trigger {
  opacity: .75;
}
.m-choose.is-active .m-choose__prefix {
  color: #f1ab00;
}
.m-choose.is-active .m-choose__trigger {
  background-color: #f1ab00;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
}
.m-choose.is-active .m-choose__trigger:before {
  content: 'b';
  background-color: #ffffff;
  color: #f1ab00;
  font-family: "vhv-rechtschutz" !important;
  font-size: 16px;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 0.8;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.m-choose.is-default-active:hover,
.m-choose.is-default-active:hover * {
  cursor: default !important;
  opacity: 1;
}
.m-choose.is-default-active .m-choose__trigger:before {
  margin-right: 0;
  background: transparent;
  color: #ffffff;
}
.m-choose__prefix {
  margin-bottom: 10px;
  color: #707174;
  font-size: 52px;
}
.m-choose__trigger {
  padding: 6px;
  position: relative;
  border-radius: 3px;
  background: #ffffff;
  color: #707174;
  font-family: "HelveticaNeue15","Helvetica","Arial",sans-serif;
  font-size: 18px;
  text-align: center;
}
.m-choose__trigger:before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin-right: -5px;
  padding: 4px 6px 3px 3px;
  height: 15px;
  width: 13px;
  border-radius: 3px;
  background: #d8d8d8;
}
#c .m-choose__trigger input {
  height: 0 !important;
  opacity: 0 !important;
  width: 0 !important;
}
.m-choose__trigger span {
  vertical-align: -1px;
}
.m-choose__footer {
  margin-top: 10px;
  text-align: center;
}
.m-choose__footer .input {
  display: block;
  float: none !important;
  text-align: center;
  padding-left: 0 !important;
  width: auto !important;
}
/* NEOSKOP CSS for "Rechtsschutz-Rechner"�*/


/* NEOSKOP CSS for "VWV-Rechner"�*/

.m-collector-vwv [class*="icon-"],
.m-change-vwv [class*="icon-"] {
  background-image: url(../img/sprite80.png);
  background-repeat: no-repeat;
}

.is-active .icon-fire {
  background-position: 0 -70px;
}
.icon-fire {
  height: 70px;
  width: 48px;
}
.icon-rain {
  height: 70px;
  width: 56px;
  background-position: 0 -140px;
}
.is-active .icon-rain {
  background-position: 0 -210px;
}
.icon-water-tap {
  height: 70px;
  width: 48px;
  background-position: 0 -280px;
}
.is-active .icon-water-tap {
  background-position: 0 -350px;
}
.icon-warning {
  display: inline-block;
  height: 21px;
  width: 25px;
  background-position: 0 -420px;
}
.icon-info {
  display: inline-block;
  height: 39px;
  width: 39px;
  background-position: 0 -490px;
}

.icon-arrow-right {
  padding-left: 22px;
  position: relative;
}
.icon-arrow-right:before {
  content: '';
  display: inline-block;
  left: 0;
  position: absolute;
  height: 17px;
  width: 17px;
  background-image: url(../img/icons.png);
  background-repeat: no-repeat;
  background-position: 0 -61px;
}

/* Phone */
.phone-num {
  display: block;
  margin-bottom: 5px;
  margin-top: 10px;
  color: #f1ab00;
  font-size: 24px;
  font-weight: bold;
}

/* Use .next-steps--bar for the special bar */
#c .call-to-action-bar--progress {
  padding: 0 !important;
}
#c .call-to-action-bar--progress .prev-steps {
  width: 65%;
  text-align: right;
}
#c .call-to-action-bar--progress .next-steps {
  padding-right: 15px;
  padding-top: 15px;
}
#c .call-to-action-bar--progress .button {
  margin-bottom: 0 !important;
}

#c .checked li {
  margin-top: 5px !important;
  padding: 0 0 0 22px !important;
  background: url("../img/icons.png") no-repeat 0px -1438px !important;
}

/* CHOOSE */
.m-choose-it {
  text-align: left;
}
.m-choose-it__matter {
  margin-top: 12px;
  font-size: 13px;
  text-align: center;
}
.m-choose-it {
  font-size: 16px;
}
.m-choose-it span {
  vertical-align: -2px;
}
.m-choose-it i {
  display: inline-block;
  height: 70px;
}
.m-choose-it p {
  margin-top: 5px !important;
  color: #707173;
  font-size: 12px;
  font-style: italic;
}
.m-choose-it input {
  vertical-align: middle;
}
.m-change-vwv .m-collector__notification {
  margin-left: 0;
  margin-right: 0;
}
.m-change-vwv li {
  border: none !important;
}
.m-change-vwv {
  margin-bottom: 30px !important;
  background: #fdeeca !important;
  padding: 15px 24px !important;
  font-size: 13px !important;
}
.m-change-vwv:before,
.m-change-vwv:after {
  display: none !important;
}
.m-change-vwv ul {
  margin-left: 8px !important;
}

.tarifrechner #content_modules h4.m-change-vwv-headline {
  margin-bottom: 12px !important;
  margin-left: -3px;
  margin-top: 5px !important;
}
.tarifrechner #content_modules h4.m-change-vwv-headline strong {
  line-height: 32px;
}
.m-change-vwv ul li {
  position: relative;
}
.lite-filled-header {
  padding-left: 12px !important;
  padding-right: 12px !important;
  border-bottom: none !important;
  font-weight: bold;
}
.m-change-vwv__header {
  margin-bottom: 10px !important;
  font-weight: bold;
}
.m-change-vwv__header strong {
  line-height: 1.3;
}
.m-change-vwv__footer {
  margin-top: 15px !important;
  padding: 7px;
  background: #fff;
}
.m-change-vwv__footer span {
  display: inline-block;
  vertical-align: top;
  width: 95%;
}

/* Create the specific styling for the highlighted area */
.next-steps__highlight {
  margin-bottom: 0 !important;
  padding: 15px 25px;
  position: relative;
  background: #e4e3ec;
  font-size: 12px;
  line-height: 1;
}
.next-steps__highlight:after {
  content: '';
  position: absolute;
  right: -15px;
  top: 0;
  border-left: 15px solid #e4e3ec;
  border-bottom: 34px solid transparent;
  border-top: 34px solid transparent;
}
.next-steps__highlight strong {
  display: block;
  margin-bottom: 3px;
  font-family: "HelveticaNeue15","Helvetica","Arial",sans-serif;
  font-size: 21px;
}

/* Collector */
.m-collector-vwv {
  padding-bottom: 20px !important;
  padding-top: 20px !important;
  position: relative;
  text-align: center;
}
.m-collector-vwv .three {
  display: table !important;
  width: 100%;
}
.m-collector-vwv .three .col {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
  display: table-cell;
  padding: 0 30px;
  width: 225px;
  text-align: center;
}
.m-collector__notification {
  margin: 20px 20px 0;
  padding: 5px 15px;
  border: 1px solid #f96913;
  background: #fff5eb;
  color: #f96913;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
}
.m-collector__notification [class*="icon-"] {
  margin-right: 5px;
  vertical-align: -5px;
}
.m-collector h4 {
  margin-bottom: 25px;
  margin-top: 5px;
  padding: 0 24px;
  font-family: "HelveticaNeue15","Helvetica","Arial",sans-serif;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
}

.m-collector__button {
  display: inline-block;
  min-width: 100px;
  padding: 4px 10px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 3px;
  color: #e98300 !important;
  font-size: 14px !important;
  font-style: normal !important;
}
.m-collector__button--with-icon {
  padding-left: 32px;
}
.m-collector__button--with-icon:before {
  content: '';
  display: inline-block;
  height: 16px;
  left: 5px;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 20px;
  background: url(../img/icons.png) no-repeat 0 -3000px;
}
.m-collector__button--with-close {
  padding-right: 32px;
}
.m-collector__button--with-close:before {
  content: '';
  display: inline-block;
  height: 11px;
  position: absolute;
  right: 5px;
  top: 50%;
  -webkit-transform: translateY(-50%);
     -moz-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 16px;
  background: url(../img/icons.png) no-repeat 0 -3016px;
}

.m-collector__toggle {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
  display: table !important;
  padding: 0 !important;
  position: relative;
  width: 100% !important;
  background: #eeeef3;
}
.m-collector__toggle .m-collector__toggle__info {
  float: right;
}
.m-collector__toggle label {
  font-size: 15px;
  font-weight: bold;
}
.m-collector__toggle label,
.m-collector__toggle .info-text {
  display: table-cell !important;
  padding: 12px !important;
  vertical-align: middle !important;
  border-top: 1px solid #ffffff !important;
}
.m-collector__toggle .info-text {
  width: 60px !important;
  background: #ffffff !important;
  font-size: 14px;
  font-style: italic;
  text-align: center;
  border-top-color: #eeeef3;
}

.m-collector__toggle:first-child label,
.m-collector__toggle:first-child .info-text {
  border-top: none !important;
}

.m-collector__toggle.is-active {
  border-color: transparent !important;
  background: #fceabb;
}
.m-collector__toggle.is-active .info-text {
  background: #f1ab00 !important;
  color: #ffffff !important;
  font-weight: bold;
  font-style: normal;
}
.m-collector__toggle-content {
  opacity: 0.6 !important;
}
.m-collector__toggle.is-active ~ .m-collector__toggle-content {
  opacity: 1 !important;
}
.m-collector__toggle--default-active input {
  opacity: 0;
  pointer-events: none;
  width: 0;
}
.m-collector__toggle--default-active > label:before {
  content: '';
  display: inline-block;
  height: 12px;
  margin-right: -17px;
  vertical-align: middle;
  width: 14px;
  background: url(../img/icons.png) no-repeat 0 -1441px;
}
.form-result-container li {
  border: none !important;
}
.form-result li {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  padding: 0px 20px 20px 35px !important;
  position: relative;
  width: 40%;
  border: none !important;
}
.form-result li select {
  display: block;
  min-width: 175px;
}
.form-result li:before {
  content: '';
  position: absolute;
  right: -12px;
  top: 10px;
  z-index: 10;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid white;
}
.form-result .form-result__highlight {
  margin-top: -12px !important;
  padding-top: 20px !important;
  width: 60%;
  background: #fbe9ba;
}
.form-result .form-result__highlight:before {
  display: none;
}
.form-result .form-result__highlight strong {
  font-size: 15px;
}
.form-result .form-result__sum {
  position: absolute;
  right: 15px;
  top: 15px;
  color: #f1ab00;
  font-size: 21px;
  font-weight: bold;
}

.kfz-calculator #colorbox,
.kfz-calculator #cboxWrapper,
.kfz-calculator #cboxContent,
.kfz-calculator #cboxLoadedContent {
  height: auto !important;
  overflow: visible !important;
}

/* NEOSKOP CSS for "VWV-Rechner"�*/