/* menu of mobile form */
#form_pagenavigation_menuTrigger {
	position: absolute;
	-ms-transform: scale(1.5);
	-moz-transform: scale(1.5);
	-webkit-transform: scale(1.5);
	-o-transform: scale(1.5);
	transform: scale(1.5);
	opacity: 0;
	z-index: 7;
}

/********************************************
*                                          *
* default 'bullet' navigation (Styleguide) *
*                                          *
********************************************/
	
#form_pagenavigation.bullet #form_pagenavigation_list{
	overflow: hidden;
	/* CSS counters to number the steps */
	counter-reset: step;
	width:100%;
	padding: 0 0 0.2em 0;
	margin:0;
}

/* pagetitle of mobile form */
#form_pagenavigation.bullet #form_pagenavigation_currentPageTitle {
	color: #0e5ca1;
	margin: 0;
	position: relative;
	background-color: transparent;
	font-size: 120%;
	font-weight: bold;
	z-index: 6;
}

#form_pagenavigation_menuTrigger ~ #form_pagenavigation.bullet #form_pagenavigation_currentPageTitle {
	margin-left: 2em;
}

#form_pagenavigation_menuTrigger:focus ~ #form_pagenavigation.bullet:before {
	color: #337ab7;
}

#form_pagenavigation_menuTrigger ~ #form_pagenavigation.bullet:before {
	content: "\2261";
	position: absolute;
	pointer-events: none;
	left: -0.025em;
	top: -0.35em;
	font-size: 2.75em;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul {
	border: 0.5px solid #cccccc;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul li {
	float: none;
	border: 0.5px solid #cccccc;
	margin-bottom: 0;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul li:before {
	display: none;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul div {
	height: auto;
}
#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul div:before {
	display: none;
}
#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul div:after {
	display: none;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul button {
	width: 100%;
	margin-left: 0;
	padding: 1em 1.5em;
	height: auto;
	left: 0;
	text-align: left;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul li.navigateAble button {
	text-decoration: underline;
}
#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul li.navigateAble button:hover {
	font-weight: bold;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul button span {
	visibility: visible;
	display: block;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul li:first-child div:before {
	display: none;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul button span:before {
	display: none;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul li .pageGroupCounter {
	right: 1em;
	left: unset;
	top: 0.5em;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul li.pageAfterUnvisited .pageGroupCounter {
/* 	color: 	#ffffff; */
/* 	border: 1px solid #ffffff; */
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul li.pageBefore .pageGroupCounter {
	color: 	#ffffff;
	border: 1px solid #ffffff;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul li.pageCurrent .pageGroupCounter {
	color: 	#ffffff;
	border: 1px solid #ffffff;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet ul li.pageAfterVisited .pageGroupCounter {
	color: 	#ffffff;
	border: 1px solid #ffffff;
}

#form_pagenavigation.bullet #form_pagenavigation_menuTrigger:not(:checked) ~ ul li div button {
	background: transparent !important;
	border: transparent;
}


#form_pagenavigation.bullet {
	margin-bottom: 1em;
	position: relative;
	overflow: hidden;
}
#form_pagenavigation.bullet #form_pagenavigation_list{
	/* CSS counters to number the steps */
	counter-reset: step;
	width:100%;
	padding:0;
	margin:0;
}

/* PageNavigation one page entry */
#form_pagenavigation.bullet #form_pagenavigation_list li {
	list-style-type: none;
	font-size: 1em;
	min-width: 11%;
	float: left;
	position: relative;
	text-align:center;
	margin-left: 0;
	margin-bottom: 0.5em;
}

/* PageNavigation pagenumber bullets */
#form_pagenavigation.bullet #form_pagenavigation_list li:before {
	background-color: #676767;
	 border-radius: 50%;
	 color: #ffffff;
	 content: counter(step, decimal);
	 counter-increment: step;
	 display: block;
	 font-size: 1em;
	 left: 50%;
	 line-height: 1.5em;
	 margin-left: calc(1.5em * -0.5);
	 margin-top: calc(1.5em * -0.5);
	 position: absolute;
	 top: 50%;
	 width: 1.5em;
	 z-index: 3;
}
#form_pagenavigation.bullet #form_pagenavigation_list li.pageGroup:before {
	box-shadow: 0.1em 0.08em 0.05em 0.05em #676767;
}

#form_pagenavigation.bullet #form_pagenavigation_list .pageGroupCounter{
	border: 1px solid #676767;
	border-radius: 50%;
	color: #333333;
	font-size: 0.8em;
	left: 50%;
	line-height: calc(0.8em * 1.5);
	margin-left:calc(0.8em * 0.9);
	margin-top: calc(0.8em * 0.5);
	padding: 0 calc(0.8em * 0.4);
	position: absolute;
	top: 50%;
	z-index: 6;
}

/* PageNavigation element Div */
#form_pagenavigation.bullet #form_pagenavigation_list li div{
	height: calc(1.5em + 2.5em);
	max-width: 100%;
	z-index: 4;
}
/* PageNavigation Button */
#form_pagenavigation.bullet #form_pagenavigation_list li div button {
	height: 2.2em;
	border: 0 none transparent;
	background-color: transparent;
	position: relative;
	z-index: 5;
	max-width: 100%;
	top: calc(50% - 1.2em);
	left: 0.1em;
	width: 2.2em;
}

#form_pagenavigation.bullet #form_pagenavigation_list li.navigateAble div button {
	cursor: pointer;
}

/* PageNavigation element text */
#form_pagenavigation.bullet #form_pagenavigation_list li div button span{
	display: none;
}

#form_pagenavigation.bullet #form_pagenavigation_list li.pageNrEven .pageGroupCounter{
	margin-top: -1.55em;
}

/* PageNavigation connecting lines  */
#form_pagenavigation.bullet #form_pagenavigation_list li div:before, #form_pagenavigation.bullet #form_pagenavigation_list li div:after {
	background-color: transparent;
	top: 50%;
	content: "";
	height: 3px;
	position: absolute;
	width: 50%;
	z-index: 1;
}
#form_pagenavigation.bullet #form_pagenavigation_list li div:before{
	 left: 0;
}
#form_pagenavigation.bullet #form_pagenavigation_list li div:after {
	 left: 50%;
}

/* marking previous steps */
/*  - the pagenumber bullets */
#form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore:before, #form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div button {
	background-color: #2075CF;
	color: #ffffff;
}

/* the lines before and after */
#form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div:before, #form_pagenavigation.bullet #form_pagenavigation_list li.pageBefore div:after {
	background-color: #2075CF;
}

/* marking current step */
/*  - the pagenumber bullets */
#form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent:before, #form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation #form_pagenavigation_list li.pageCurrent div button {
	background-color: #0e5ca1;
	color: #ffffff;
}

/* the lines before */
#form_pagenavigation.bullet #form_pagenavigation_list li.pageCurrent div:before {
	background-color: #2075CF;
}

/* marking next steps - not visited yet */
/*  - nothing to change - default colors */

/* marking next steps - but already visited before */
/*  - the pagenumber bullets */
#form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited:before, #form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation_list li.pageAfterVisited div button  {
	background-color: #2075CF;
	color: #ffffff;
}
/* the lines before and after */
#form_pagenavigation.bullet #form_pagenavigation_list li.pageAfterVisited div:before, #form_pagenavigation.bullet #form_pagenavigation_list li.nextPageWasVisited div:after {
	background-color: #2075CF;
}

/* lines not needed before the first step and after the last */
#form_pagenavigation.bullet #form_pagenavigation_list li:first-child div:before, #form_pagenavigation.bullet #form_pagenavigation_list li:last-child div:after {
	content: none;
	background: none;
}

/********************************************
*                                          *
* default 'arrow' navigation (Alternative) *
*                                          *
********************************************/

/* PageNavigation area - begin */
#form_pagenavigation.arrow {
	padding-bottom: 1em;
	position: relative;
	overflow: hidden;
}

/* pagetitle of mobile form */
#form_pagenavigation.arrow #form_pagenavigation_currentPageTitle {
	color: #0e5ca1;
	margin: 0;
	position: relative;
	background-color: transparent;
	font-size: 120%;
	font-weight: bold;
	z-index: 6;
}


#form_pagenavigation_menuTrigger ~ #form_pagenavigation.arrow #form_pagenavigation_currentPageTitle {
	margin-left: 2em;
}

#form_pagenavigation_menuTrigger:focus ~ #form_pagenavigation.arrow:before {
	color: #337ab7;
}

#form_pagenavigation_menuTrigger ~ #form_pagenavigation.arrow:before {
	content: "\2261";
	position: absolute;
	pointer-events: none;
	left: -0.025em;
	top: -0.3em;
	font-size: 2.75em;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.arrow ul {
	border: 0.5px solid #cccccc;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.arrow ul li {
	float: none;
	border: 0.5px solid #cccccc;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.arrow ul li:before, #form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.arrow ul li:after {
	display: none;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.arrow ul div:after {
	display: none;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.arrow ul button {
	width: 100%;
	margin-left: 0;
	padding: 0 1.5em;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.arrow ul button span {
	visibility: visible;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.arrow ul li:first-child div:before {
	display: none;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.arrow ul button span:before {
	display: none;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.arrow ul li .pageGroupCounter {
	right: 1em;
	left: unset;
	top: -0.2em;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.arrow #form_pagenavigation_list li.navigateAble div button:hover span{
	border-bottom: none;
	font-weight: bold;
}

#form_pagenavigation_menuTrigger:checked ~ #form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterUnvisited .pageGroupCounter {
	border-color: #333333;
}

/* Navigation background-color */
#form_pagenavigation.arrow #form_pagenavigation_list {
	/* CSS counters to number the steps */
	counter-reset: step;
	width:100%;
	padding:0;
	margin: 0.75em 0 0 0;
	background: #eeeeee;
	color: #333333;
}

/* a icon before the navigationbar */
#form_pagenavigation.arrow #form_pagenavigation_list:before {
	content: ' ';
	float: left;
	width: 1.2em;
	font-size: calc(1.2em * 2);
	line-height: calc(1.2em * 0.66);
	text-align: center;
}

/* PageNavigation one page entry */
#form_pagenavigation.arrow #form_pagenavigation_list li {
	background-color: #eeeeee;
	list-style-type: none;
	color: #333333;
	font-size: 1.2em;
	line-height: 2em;
	min-width: 1em;
	float: left;
	position: relative;
	text-align:center;
	margin: 0;
}
#form_pagenavigation.arrow #form_pagenavigation_list:after {
	content: ".";
	visibility: hidden;
	display: block;
	height: 0;
	clear: both;
}
/* PageNavigation pagenumber bullets */
#form_pagenavigation.arrow #form_pagenavigation_list li:before {
	background-color: transparent;
	border-radius: 0;
	color: transparent;
	content: '';
	counter-increment: step;
	display: block;
	font-size: calc(2em * 0.5);
	left: 0px;
	line-height: calc(2em * 0.75);
	margin: 0;
	position: absolute;
	top: calc(2em * -0.125);
	z-index: 1;
	width: 0;
	height: 0;
	border-top: calc(2em * 0.625) solid transparent;
	border-bottom: calc(2em * 0.625) solid transparent;
	border-left: calc(2em * 0.468) solid #ffffff;
}

#form_pagenavigation.arrow #form_pagenavigation_list li.pageGroup:before {
	box-shadow: none;
}

#form_pagenavigation.arrow #form_pagenavigation_list li .pageGroupCounter {
	background-color: #eeeeee;
	border: 1px dashed #ffffff;
	border-radius: 50%;
	color: #333333;
	font-size: calc(1.2em * 0.66);
	right: 0;
	line-height: 1.2em;
	margin-left: calc(1.2em * 0.66);
	margin-top: calc(1.2em * 0.66);
	padding: 0 calc(1.2em * 0.66);
	position: absolute;
	top: 50%;
	/*pointer-events: none;*/
}

#form_pagenavigation.arrow #form_pagenavigation_list li.pageCurrent .pageGroupCounter {
	padding: 0 calc(1.2em * 0.33);
}

/* PageNavigation element Div */
#form_pagenavigation.arrow #form_pagenavigation_list li div{
	background-color: #eeeeee;
	color: #333333;
	height: 2em;
	max-width: 100%;
	z-index: 5;
}
/* PageNavigation Button */
#form_pagenavigation.arrow #form_pagenavigation_list li div button {
	height: 100%;
	border: 0 none transparent;
	background-color: transparent;
	padding: 0 calc(1.2em * 0.25);
	margin-left: calc(1.2em * 1.2);
	position: relative;
	max-width: 100%;
	overflow: visible;
	top: -0.2em;
}
#form_pagenavigation.arrow #form_pagenavigation_list li.navigateAble div button {
	cursor: pointer;
}
/* PageNavigation element text */
#form_pagenavigation.arrow #form_pagenavigation_list li div button span {
	visibility: hidden;
	width: calc(1.2em * 1.1);
	display: block;
	white-space: nowrap;
}
#form_pagenavigation.arrow #form_pagenavigation_list li div button span:before{
	content: counter(step, decimal)'. ';
	visibility: visible;
	font-size: 1.2em;
	padding-left: calc(1.2em * 0.25);
}
#form_pagenavigation.arrow #form_pagenavigation_list li.navigateAble div button span {
	border-bottom: none;
	text-decoration: underline;
}
/* PageNavigation Text */
#form_pagenavigation.arrow #form_pagenavigation_list li.navigateAble div button:hover span{
	border-bottom: 1px solid #ffffff;
}

/* arrowhead before first entry */
#form_pagenavigation.arrow #form_pagenavigation_list li:first-child div:before {
	width: 0;
	height: 0;
	border-top: calc(1.2em / 1.2) solid transparent;
	border-bottom: calc(1.2em / 1.2) solid transparent;
	border-left: calc(1.2em * 0.625) solid #eeeeee;
	top: auto;
	content: "";
	position: absolute;
	z-index: 2;
	left: 0;
}

/* default arrowhead  */
#form_pagenavigation.arrow #form_pagenavigation_list li div:after {
	content: "";
	position: absolute;
	z-index: 3;
	left: 100%;
	border-top: calc(1.2em / 1.2) solid transparent;
	border-bottom: calc(1.2em / 1.2) solid transparent;
	border-left: calc(1.2em * 0.625) solid #eeeeee;
}

/* arrowbody of previous steps */
#form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore div, #form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore div span {
	background-color: #2075CF;
	color: #ffffff;
}
/* arrowhead of previous steps */
#form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore div:after {
	border-left-color: #2075CF;
}
/* groupCounter of previous steps */
#form_pagenavigation.arrow #form_pagenavigation_list li.pageBefore .pageGroupCounter {
	background-color: #2075CF;
	color: #ffffff;
}

/* arrowbody of current step */
#form_pagenavigation.arrow #form_pagenavigation_list li.pageCurrent div, #form_pagenavigation.arrow #form_pagenavigation_list li.pageCurrent div span {
	background-color: #0e5ca1;
	color: #ffffff;
}
/* arrowhead of current step */
#form_pagenavigation.arrow #form_pagenavigation_list li.pageCurrent div:after {
	border-left-color: #0e5ca1;
}
/* groupCounter of current steps */
#form_pagenavigation.arrow #form_pagenavigation_list li.pageCurrent .pageGroupCounter {
    background-color: #0e5ca1;
    /*color: #ffffff;*/
    color: #333333;

}

/* arrowbody of next but visited steps */
#form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterVisited div, #form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterVisited div span {
	background-color: #2075CF;
	color: #ffffff;
}
/* arrowhead of next but visited steps */
#form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterVisited div:after {
	border-left-color: #2075CF;
}
/* groupCounter of next but visited steps */
#form_pagenavigation.arrow #form_pagenavigation_list li.pageAfterVisited .pageGroupCounter {
	background-color: #2075CF;
	color: #ffffff;
}

/* last PageNavigation arrow separators */
#form_pagenavigation.arrow #form_pagenavigation_list li:last-child:after {
	content: ' ';
	right: calc(2em * -0.47);
	position: absolute;
	top: calc(2em * -0.125);
	z-index: 1;
	border-top: calc(2em * 0.625) solid transparent;
	border-bottom: calc(2em * 0.625) solid transparent;
	border-left: calc(2em * 0.468) solid #ffffff;
}

/* #form_pagenavigation.arrow #form_pagenavigation_list li:last-child div:after { */
/* 	margin-left: -0.125em; */
/* } */
/* #form_pagenavigation.arrow #form_pagenavigation_list li:last-child button { */
/* 	padding-right: 0.25em; */
/* } */

#form_pagenavigation.bullet #form_pagenavigation_list li div.navigatorOverlay,
#form_pagenavigation.bullet #form_pagenavigation_list li div ~ div.navigatorOverlay {
	display: none;
}

#form_pagenavigation.arrow #form_pagenavigation_list li div.navigatorOverlay,
#form_pagenavigation.arrow #form_pagenavigation_list li div ~ div.navigatorOverlay {
	display: none;
}
/* PageNavigation area - end */