/* Reset */

* {
	margin: 0;
	padding: 0;
	border: none;
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-text-size-adjust: none;
	-webkit-touch-callout: none;
	outline: none;

}
*:before,
*:after {
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
}

article,
aside,
details,
figcaption,
figure, 
footer,
header,
hgroup,
menu,
nav,
section,
main {
	display: block;
}
html,
body {
	width: 100%;
	min-height: 100%;
	height:100%;
}
img {
	display: block;
}
select {
	padding: 5px;
}
a,
a:hover {
	color: #555555;
	text-decoration: none;
	-webkit-transition: color 0.2s, background-color 0.2s;
	-moz-transition: color 0.2s, background-color 0.2s;
	transition: color 0.2s, background-color 0.2s;
}
input,
textarea,
select {
	font-family: inherit;
	font-size: inherit;
	line-height: inherit;
	color: inherit;	
}
::-webkit-input-placeholder { line-height: normal; }


/*base*/

body {
	padding:0;
	margin:0;
	background:#f1f1f1;
	line-height:1.2;
}
.wrapper {
	position:relative;
	min-height: 100%;
}


h2.hl-trenner {
	font-size:1.5em;
	padding-bottom:1em;
	font-weight:normal;
	display:block;
	position: relative;
	overflow:hidden;
	margin-right:30px;
	clear:both;
}
h2.hl-trenner::after {
	content: "";
	position: absolute;
	border-top: 1px solid;
	top: 34%;
	width: 2000px;
	margin-left:20px;
}




/*cookies*/
.cookiemessage {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background:#fff;
	padding:0 20px 20px;
	-webkit-box-shadow: 0px 3px 21px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 0px 3px 21px 0px rgba(0,0,0,0.75);
	box-shadow: 0px 3px 21px 0px rgba(0,0,0,0.75);
	z-index: 9999;
}
.cookiemessage h6 {
	color: #00a5b7;
	font-size:30px;
	padding:0.7em 0;
	font-weight:normal;
}
.cookiemessage button {
	background: #00a5b7;
    color: #fff;
	border-radius: 3px;
    padding: 0.6em 0.8em;
    cursor: pointer;
    font-size: 1em;
	margin-top:1em;
}

/*sidebar*/
.sidebar {
	width:270px;
	height:100%;
	position:absolute;
	top: 0;
	left: 0;
	bottom: 0;
}
.logo {
	padding:17px 0 0 25px;
	height:80px;
	width:100%;
	cursor:pointer;
}
.sidebar .dl-menu {
	list-style:none;
}
.sidebar .dl-trigger {
	display:none;
}
.sidebar .dl-menu>li {
	padding:0.3em 25px;
	position:relative;
	font-size:1.13em;
}
.sidebar .dl-menu>.active {
	padding:0.3em 25px ;
	position:relative;
	font-size:1.13em;
}
.sidebar .dl-menu>li li {
	font-size:0.8em;
}
.sidebar .dl-menu li.parent:before {
	content: "\e61f";
	font-family: 'icomoon';
	position:absolute;
	right:25px;
	top:1em;
	font-size:0.8em;
}
.sidebar .dl-menu li>a {
	padding:6px 25px 10px;
	display:inline-block;
}

.sidebar .dl-menu li>a:before {
	margin:0 0 0 -25px;
	width:25px;
	display:inline-block;
	font-size:0.8em;
}
.sidebar .dl-menu ul {
	list-style:none;
}

.sidebar .dl-submenu {
	display:none;
}
.sidebar .active>.dl-submenu {
	display:block;
}
.sidebar .dl-menu li.bezeichner {
	font-size:0.68em;
	text-transform:uppercase;
	padding:28px 25px 11px;
}
.sidebarfooter {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
}
.sidebarfooter img {
	margin:0 0 25px 25px;
}
.sidebarfooter .bottommenu {
	list-style:none;
	border-top:1px solid;
	padding:25px 25px 0 25px;
	width:100%;
	font-size:0.75em;
	line-height:1em;
	height:62px;
}
.sidebarfooter .bottommenu li {
	float:left;
	border-left:1px solid;
	padding-left:1em;
	margin-left:1em;
	padding-bottom:2px;
}
.sidebarfooter .bottommenu li:first-child {
	border-left:0 none;
	padding:0;
	margin:0;
}
.sidebarfooter .bottommenu li a:hover {
	color:#fff;
}








/*main*/
.main {
    margin-bottom: 110px;
	margin-left:270px;
	min-height:600px;
}
.maininner {
	max-width:1170px;
	padding:30px 0 0 30px;
	line-height:1.4;
	color: #7c8385;
}
.mainfooter {
	position: absolute;
    bottom: 0;
	border-top:1px solid;
	padding:25px 25px 0 25px;
	font-size:0.75em;
	line-height:1em;
	height:62px;
    display:block;
	left:270px;
	right:0;
}




/*topbar*/

.topbar {
	background:#e0e0e0;
	height:80px;
}
.topbar .inner {
	width:100%;
	max-width:1170px;
	padding:0 25px 0 30px;
	
}
.topmenu {
	list-style:none;
}
.topmenu li {
	float:left;
	padding:0 1.2em 0 0;
}
.topmenu li a {
	display:inline-block;
	position:relative;
	height:80px;
	padding:1.7em 0 0 0;
}
.topmenu li.active a:before {
   content: "";
   position: absolute;
   bottom:0;
   width: 0;
   height: 0;
   margin-top: 0px;
   margin-right: 0%;
   margin-bottom: 0;
   margin-left: 35%;
   width: 0px;
   height: 0px;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
   border-bottom: 10px solid #f1f1f1;
}
.topbar .active a {
	font-weight:bold;
}
.topsearch {
	float:right;
	border:1px solid;
	background:none;
	border-radius:18px;
	height:34px;
	width:188px;
	padding-left:10px;
	margin-top:23px;
}
.topsearch form {
	position:relative;
}
.topsearch form:before {
	position:absolute;
	top:30%;
	right:45px;
	font-size:0.8em;
}
.topsearch input {
	border: 0 none;
	background:none;
	height:29px;
	font-size:0.88em;
	width:115px;
	line-height: 1em;
}
#searchsettings {
	position:absolute;
	top:0%;
	right:0px;
	border:0 none;
	border-left:1px solid;
	height:32px;
	width:33px;
	background:none;
	cursor:pointer;
}
.toplogin {
	float:right;
	margin-top:28px;
	position:relative;
}
.toplogin a {
	padding:0 20px;
	display:inline-block;
}
.toplogin .einzeilig {
	max-width:220px;
	overflow: visible;
}
.toplogin ul a {
	padding:0 25px 3px 20px;
	display:block;
	margin:0 -25px 0 -20px;
}

.toplogin a:before {
	position:absolute;
	top:0.2em;
	right:0;
	font-size:0.9em;
}
.toplogin .bezeichner {
	text-transform:uppercase;
	font-size:0.7em;
}
.toplogin_box_outer {
	top:0;
	right:0;
	position:absolute;
	z-index:9999;
    visibility:hidden;
    -webkit-transition: opacity 0.4s ease-out;
    -moz-transition: opacity 0.4s ease-out;
    -o-transition: opacity 0.4s ease-out;
    transition: opacity 0.4s ease-out;
    opacity: 0;
	display:block;
	overflow:auto;
	min-width:300px;
}
.toplogin_box {
	margin-top:40px;
	padding:10px 25px 15px 20px;
	border-radius:3px;
	width:auto;
	max-width:400px;
	position:relative;
}
.toplogin_box:before {
   content: "";
   position: absolute;
   width: 0;
   height: 0;
   margin-top: 0px;
   margin-right: 0%;
   margin-bottom: 0;
   margin-left: 65%;
   width: 0px;
   height: 0px;
   top:-10px;
   border-left: 10px solid transparent;
   border-right: 10px solid transparent;
}
.toplogin_box ul {
	list-style:none;
	line-height:2em;
}
.toplogin:hover .toplogin_box_outer {
	opacity: 1;
    visibility: visible;
}



















/* colsystem */

.col100 {
	width:100%;
}
.col70 {
	width:70%;
}
.col60 {
	width:60%;
}
.col66 {
	width:66.6666%;
}
.col50 {
	width:50%;
}
.col20 {
	width:20%;
}
.col25 {
	width:25%;
}
.col30 {
	width:30%;
}
.col33 {
	width:33.3333%;
}
.col10 {
	width:10%;
}
.col5 {
	width:5%;
}
.col15 {
	width:15%;
}
.col80 {
	width:80%;
}
.col45 {
	width:45%;
}


[class^="col"] {
	padding-right:30px;
	float:left;
}


div.repixtable [class^="col"], 
div.repixbox [class^="col"],
div.tabs [class^="col"] {
	padding-right:10px;
}

.ui-tabs-panel>div {
	margin-bottom:1em;
}











/*contentstyles*/
.biglink_color {
	width:100%;
	display:inline-block;
	padding: 34px 10px 40px 55px;
	font-size:1.5em;
	border-radius:3px;
	border:1px solid;
	position:relative;
	margin-bottom:30px;
}
.biglink_color:before {
	font-size:0.9em;
	padding:0 0.8em;
	position:absolute;
	margin-top:6px;
	left:0px;
}
.biglink_color:after {
	content: "\e623";
	position:absolute;
	top:40%;
	right:4%;
	font-family: 'icomoon';
	font-size:0.9em;
}

.biglink {
	width:100%;
	display:inline-block;
	padding: 34px 10px 40px 55px;
	font-size:1.5em;
	border-radius:3px;
	position:relative;
	margin-bottom:30px;
	background:#fff;
	border-radius:3px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
}
.biglink:before {
	font-size:0.9em;
	padding:0 0.8em;
	position:absolute;
	margin-top:6px;
	left:0px;
}
.biglink:after {
	content: "\e623";
	position:absolute;
	top:40%;
	right:4%;
	font-family: 'icomoon';
	font-size:0.9em;
	opacity:0.5;
}





/*table element*/
.repixtable {
	background:#fff;
	border-radius:3px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	margin-bottom:30px;
	/*overflow:hidden;*/
	
	-ms-word-break: break-all;
	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}
.repixtableheader {
	font-size:1.5em;
	padding:20px 25px;
	border-top:1px solid #f5f5f5;
}
.repixtableheader2, .faq .repixtableheader {
	font-size:1.25em;
	padding:10px 25px;
	display: inline-block;
    width: 100%;
}
.repixtableheader3 {
	font-size:1.25em;
	padding:10px 25px;
	display: inline-block;
    width: 100%;
}
.repixtableheader:before {
	font-size:1.1em;
	margin-right:5px;
	position: relative;
    top: 2px;
}
.repixtabheader2 {
	 display: inline-block;
	 width: 100%;
}
.repixtableheader2 span {
	float:right;
	font-size:0.6em;
	padding-top:0.5em;
	color:#7c8385;
}
.repixtableheader3 span {
	float:right;
	font-size:0.6em;
	padding-top:0.5em;
	color:#7c8385;
}
.repixtableheader3 .zeichenerklaerung span {
	float:none;
	font-size:1em;
	padding-top:0;
	color:#fff;
}
.repixtable button {
	border: 1px solid;
	border-radius:3px;
	background:none;
	font-size:12px;
	padding: 0.8em 0.8em;
	float:right;
	cursor:pointer;
}
.repixtable .active .showopener:before {
	content: "\e624";
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size:0.8em;
	float:right;
	padding:0.5em;
}
.repixtable .active2 .showopener:before {
	content: "\e624";
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size:0.8em;
	float:right;
	padding:0.5em;
}
.repixtable .showopener:before {
	content: "\e620";
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	font-size:0.8em;
	float:right;
	padding:0.5em;
}
.repixtabletabcontent, .repixtabcontent2, .repixtabcontent3, .repixtabletabcontent2  {
	display:none;
}
.repixtab3 {
	position:relative;
}
.repixtabletabcontent.active, .repixtabcontent2.active, .repixtabcontent3.active, .active .activateoverflow, .repixtabletabcontent2.active  {
	display:block;
	/*overflow:visible !important;*/
}

.repixtablecell, .repixtablecell2 , .repixtablecell3, .tabs.vertical>div.tabfooterline {
    padding:10px 25px;
	display:inline-block;
	width:100%;
	margin:0;
	vertical-align:top;
}
.repixtablecell3 {
	border-top:1px solid #e1e1e1;
}
.repixtable .repixtablecell:nth-child(even) {
	background:#f5f5f5;
}
.repixtable.tabstyle .repixtablecell:nth-child(odd), .repixtable.evenodd .repixtabletab:nth-child(even), .repixtable.evenodd .repixtabletab2:nth-child(even) {
	background:#f5f5f5;
}
.repixtable.tabstyle .repixtablecell:nth-child(even), .repixtable.evenodd .repixtabletab:nth-child(odd), .repixtable.evenodd .repixtabletab2:nth-child(odd) {
	background:none;
}
.repixtable h5 {
	font-size:1em;
	font-weight:bold;
	padding:5px 0 0 0;
	margin:0;
}
.repixtable p {
	padding:0;
	margin:10px 0;
}
.repixtablecell.hover:hover {
	transition:all 0.2s;
}
.repixtablecell.hover:hover a, .repixtablecell.hover:hover a .dark {
	transition:all 0.2s;
}
.repixtablecell a {
	display: inline-block;
	max-width:100%;
    margin: 0;
    padding: 0;
    margin-bottom: -2px;
    position: relative;
}
.tabs .repixtable {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow:none;
	border:1px solid #e1e1e1;
	
}
.iconbar {
	padding-right:0;
}
.iconbar a {
	font-size:0.875em;
	padding-right:0.3em;
}
.sort, .sort2 {
	position:relative;
	cursor:pointer;
}
.sort:after {
	position:absolute;
	top:1.2em;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size:0.45em;
	padding-left:5px;
	font-family: 'icomoon';
}
.up:after {
	content: "\e624";
}
.down:after {
	content: "\e620";
}
.sort2:after {
	position:absolute;
	top:1.2em;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	font-size:0.45em;
	right:30px;
	font-family: 'icomoon';
}







/* boxelemente */
.repixbox {
	background:#fff;
	border-radius:3px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	margin-bottom:30px;
	padding:10px 25px;
	width:100%;
	vertical-align:top;	
}
.tabs .repixbox {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow:none;
	border:1px solid #e1e1e1;
}



/* standart liste */

ul.standardlist {
	list-style:none;
	margin:0.5em 0 0 0;
	line-height:1.7;
}
.standardlist li {
	position:relative;
	padding:0 0 0.7em 15px;
}
.standardlist li:before {
	font-family: 'icomoon';
	content: "\e622";
	position:absolute;
	top:7px;
	left:0;
	font-size:0.7em;
}




/* steps */

.step_holder {
	padding:20px 40px 0 20px;
	margin-bottom:20px;
}
.step_holder .scrollableArea {
	list-style:none;
	white-space:nowrap;
	
}
.step_holder li {
	display:inline-block;
}
.step_holder li a {
	display:inline-block;
	position: relative;
	display: block;
	display:inline-block;
	padding: 10px 15px 12px;
	font-size:1em;
	border-radius:3px;
	position:relative;
	background:#fff;
	border-radius:3px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	margin:0 0.8em 3px 0.5em;
}
.step_holder li a:after {
    content: "";
	position: absolute;
	width: 0;
	height: 0;
	margin-left: 0em;
	bottom: 0px;
	left: 100%;
	box-sizing: border-box;
	border: 6px solid black;
	border-color: transparent transparent #fff #fff;
	transform-origin: 0 0;
	-webkit-transform-origin: 0 0;
	transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	box-shadow: -1px 1px 1px 0 rgba(0, 0, 0, 0.3);
}
.step_holder li.deactivated a {
	color: #DFDFDF;
}
.step_holder li.deactivated a:hover {
	color: #DFDFDF;
	background:#fff;
	cursor:not-allowed;
}
.step_holder li.deactivated a:hover:after {
	color: #DFDFDF;
	border-color:#fff !important;
}

div.scrollWrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
	padding-left:0px;
	
}
#makeMeScrollable {
    width: 100%;
    position: relative;
	padding:15px 0 15px 0;
}
div.scrollableArea {
	position: relative;
	
}
div.scrollingHotSpotRight, .div.scrollingHotSpotRightVisible {
    width: 20px;
    height: 100%;
    position: absolute;
    /*z-index: 2000;*/
    right: -20px;
	background:#f1f1f1;
	border-left:1px solid #e1e1e1;
	opacity:1 !important;
	display:block !important;
	cursor:pointer;
	top:3px;
}
div.scrollingHotSpotRight:after {
	content: "\e622";
	position:absolute;
	top:32%;
	right:4%;
	font-family: 'icomoon';
	font-size:0.9em;
	opacity:0.5;
}
div.scrollingHotSpotLeft, .div.scrollingHotSpotLeftVisible {
    width: 20px;
    height: 100%;
    position: absolute;
    /*z-index: 2000;*/
    left: -20px;
	background:red;
	opacity:1 !important;
	display:block !important;
	background:#f1f1f1;
	border-right:1px solid #e1e1e1;
	cursor:pointer;
	top:3px;
}
div.scrollingHotSpotLeft:before {
	content: "\e621";
	position:absolute;
	top:32%;
	left:4%;
	font-family: 'icomoon';
	font-size:0.9em;
	opacity:0.5;
}



/* message */
.repixmessage {
	background:#fff;
	border-radius:5px;
	margin-bottom:30px;
	padding:10px 20px 10px 50px;
	position:relative;
	
	overflow-wrap: break-word;
 	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}
.repixmessage:before {
	content: "\e60d";
	position:absolute;
	top:50%;
	left:15px;
	font-family: 'icomoon';
	font-size:1.3em;
	margin-top:-0.7em
}
.repixmessage.noinfo {
	padding:10px 20px 10px 20px;
}

.repixmessage.noinfo:before {
	display:none;
}




/* tab elemente */
.tabs {
	background:#fff;
	border-radius:3px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	margin-bottom:30px;
	
  	overflow-wrap: break-word;
 	word-wrap: break-word;
	-ms-word-break: break-all;
	word-break: break-word;
	-ms-hyphens: auto;
  	-moz-hyphens: auto;
  	-webkit-hyphens: auto;
  	hyphens: auto;
}
.tabs>ul {
	list-style:none;
	display:block;
	padding:0px;
}
.tabs>ul>li {
	list-style:none;
	float:left;
	width:50%;
	padding:8px 15px 12px;
	font-size:1.25em;
	border-bottom:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
}
.tabs>ul>li:first-child {
	border-right:1px solid #e1e1e1;
	border-left:0 none;
}
.tabs>ul>li.ui-tabs-active {
	border:0 none;
}
.tabs>ul>li a {
	display: inline-block;
	width: 100%;
}
.tabs.vertical>ul>li a {
	display: inline;
	width: 100%;
}
.tabs.vertical .col70 {
	padding-right:0;
}
.tabs>ul>li.ui-tabs-active a {
	list-style:none;
}
.tabs>div {
	padding:60px 25px 20px;
}
.tabs.vertical>div {
	    padding: 20px 18px 20px;
}
.tabs.vertical>ul {
	list-style:none;
	display:inline-block;
	padding:0px;
	float:left;
}
.tabs.vertical>ul>li {
	list-style:none;
	float:none;
	width:auto;
	padding:8px 15px 12px;
	font-size:1.25em;
	border-top:1px solid #e1e1e1;
	border-bottom:0 none;
	border-right:1px solid #e1e1e1;
	border-left:0 none;
	margin-right:1em;
	background: #f5f5f5;
}
.tabs.vertical>ul>li.ui-tabs-active {
	border-right:1px solid #fff;
	border-top:1px solid #e1e1e1;
	background:#fff;
}
.tabs.vertical>ul>li:first-child {
	border-top:0 none;
	border-right:1px solid #e1e1e1;
}
.tabs.vertical>ul>li:last-child {
	
}
.tabs.vertical>ul>li.ui-tabs-active:first-child {
	border-right:0 none;
}



/* tabs innerhalb container */
[class^="repixtab"] .tabs {
    background: none;
    border-radius: 0;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    margin-bottom: none;
}

[class^="repixtab"] .tabs>div {
    padding: 30px 25px 0px 25px;
}

[class^="repixtab"] .tabs>ul {
   	border-bottom:1px solid #e1e1e1;
	display:inline-block;
	width:100%;
	padding:0;
	position:relative;
}

[class^="repixtab"] .tabs>ul>li {
	width:auto;
	padding:0.5em;
	border:1px solid #e1e1e1;
	border-left:0;
	margin:0 0 -1px 0;
}
[class^="repixtab"] .tabs>ul>li:first-child {
	border:1px solid #e1e1e1;
	border-left:1px solid #e1e1e1;
	margin-left:25px;
}
.repixtab2:nth-child(odd) .tabs>ul>li.ui-tabs-active, .repixtabletab:nth-child(odd) .tabs>ul>li.ui-tabs-active, .repixtabletab2:nth-child(odd) .tabs>ul>li.ui-tabs-active {
	border-bottom:1px solid #fff;
}
.repixtab2:nth-child(even) .tabs>ul>li.ui-tabs-active, .repixtabletab:nth-child(even) .tabs>ul>li.ui-tabs-active, .repixtabletab2:nth-child(even) .tabs>ul>li.ui-tabs-active {
    border-bottom:1px solid #f5f5f5;
}

.nopadding .repixtabheader2 {
	padding: 10px 25px;
}
.nopadding .repixtabcontent2 .col100 {
	padding-right:0;
}
.tabs>ul>li>a>i {
	padding:0 10px 0 3px;
}













/* trennertabs */

.trennertabs {
	width:100%;
	clear:both;
	padding:1em 0;
}
.trennertabheader {
	font-size:1.5em;
	padding-bottom:1em;
	padding-left:24px;
	font-weight:normal;
	display:block;
	position: relative;
	overflow:hidden;
	margin-right:30px;
	clear:both;
	background:url(../images/radio.png) 0px 14px no-repeat;
}
.trennertab.active .trennertabheader {
	background:url(../images/radio_checked.png) 0px 14px no-repeat;
}
.trennertabheader:after {
	content: "";
	position: absolute;
	border-top: 1px solid;
	top: 34%;
	width: 2000px;
	margin-left:20px;
}
.trennertabcontent {
	display:none;
}
.trennertabcontent.active {
	display:block;
}



/* popups */
.popup {
	visibility: hidden;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    display: block;
	position:absolute;
	top:0;
	left:30px;
	width:200px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	padding:0.6em 1em 0.8em 1em;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	border-radius:3px;
	font-size:0.8em;
	z-index:9999;
	pointer-events: none;
	text-align:left;
}
.iconbar .popup {
	left:-180px;
	top:-35px;
}
span:hover .popup, a:hover .popup {
	visibility:visible;
	opacity:1;
}
.zeichenerklaerung {
	visibility: hidden;
    -webkit-transition: opacity 0.2s ease-out;
    -moz-transition: opacity 0.2s ease-out;
    -o-transition: opacity 0.2s ease-out;
    transition: opacity 0.2s ease-out;
    opacity: 0;
    display: block;
	position:absolute;
	top:30px;
	right:0px;
	width:300px;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	transition: all 1s;
	padding:0.6em 1em 0.8em 1em;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	border-radius:3px;
	z-index:9998;
	text-align:left;
	background:#fff;
	font-size:0.75em;
	color:#000;
}
.zeichenerklaerung span {
	display:block;
	padding-bottom:2px;
}
.zeichenerklaerung span:before {
	padding-right:10px;
}









/* forms */

.errorinfo {
	position:absolute;
	top:4em;
	left:0;
	padding:10px;
	-webkit-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	-moz-box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.15);
	border-radius:3px;
	font-size:0.8em;
	z-index:7777;
}
.errorinfo:after {
	bottom: 100%;
	left: 20%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(136, 183, 213, 0);
	border-bottom-color: orange;
	border-width: 10px;
	margin-left: -10px;
}
.error .selectedValue {
	background: #f3f3f3;
    border: 1px solid orange !important;
    color: #7c8385;
}

.maininner label {
	display:inline-block;
	margin-bottom:7px;
	font-weight:bold;
	font-size:0.875em;
	width:100%;
	color:#3a3d3e;
}
.maininner label.shortlabel {
	width:auto;
}
.maininner .biglabels label  {
	font-size:1em;
}
.maininner input[type="text"], .maininner select, .maininner input[type="email"], .maininner input[type="password"] {
	border:1px solid;
	border-radius:3px;
	padding: 0.4em 0.6em;
	width:100%;
	height:40px;
}
span.icon input {
	padding-right: 50px !important;
}
.suchebutton {
	border:1px solid;
	border-radius:3px;
	padding: 0.4em 0.6em;
	width:100%;
	height:40px;
	font-size:1.3em;
}
.maininner input:disabled {
	opacity:0.5;
}
.maininner textarea {
	border:1px solid;
	border-radius:3px;
	padding:0.5em 0.6em;
	width:100%;
	height:120px;
}



.maininner select::-ms-expand {
    display: none;
}
input::-ms-clear {
    display: none;
}
.maininner input::-webkit-calendar-picker-indicator {
  display: none;
} 

.maininner form span.icon {
	position:relative;
	display: inline-block;
	width:100%;
}

.maininner form span.icon:before {
	position:absolute;
	top:0;
	right:0px;
	border:0 none;
	border-left:1px solid #cfcfcf;
	height:100%;
	width:40px;
	background:none;
	cursor:pointer;
	color:#7c8385;
	padding:0.8em 0px 0em 10px;
	pointer-events: none;
	cursor:pointer;
}
.maininner input[type="checkbox"] {
    display:none;
}
.maininner input[type="checkbox"] + label {
    display:inline-block;
    min-height:19px;
    margin:0px 4px 0 0;
    vertical-align:middle;
    background:url(../images/checkbox.png) 0px 2px no-repeat;
    cursor:pointer;
	padding-left:20px;
	line-height: 1.2;
}



.maininner input[type="checkbox"] + label.shortlabel {
    margin:0px -5px 0 0;
}

.maininner input[type="checkbox"]:checked + label {
    background:url(../images/checkbox_checked.png) 0px 2px no-repeat;
}

.maininner input[type="radio"] {
    display:none;
}
.maininner input[type="radio"] + label {
    display:inline-block;
    height:19px;
    margin:0px 20px 0 0;
    vertical-align:middle;
    background:url(../images/radio.png) 0px 2px no-repeat;
    cursor:pointer;
	padding-left:20px;
	line-height: 1.2;

}
.maininner input[type="radio"]:checked + label {
    background:url(../images/radio_checked.png) 0px 2px no-repeat;
}
.maininner input[type="radio"].error + label {
	/*color:orange;*/
	background:url(../images/radio_error.png) 0px 2px no-repeat;
}
.maininner input[type="radio"]:checked.error + label {
	/*color:orange;*/
	background:url(../images/radio_checked_error.png) 0px 2px no-repeat;
}

.maininner .biglabels input[type="checkbox"] + label {
    background:url(../images/checkbox.png) 0px 3px no-repeat;
		    margin-top: -0.5em;
}
.maininner .biglabels input[type="checkbox"]:checked + label {
    background:url(../images/checkbox_checked.png) 0px 3px no-repeat;
		    margin-top: -0.5em;
}
.maininner .biglabels input[type="radio"] + label {
    background:url(../images/radio.png) 0px 3px no-repeat;
		    margin-top: -0.5em;
}
.maininner .biglabels input[type="radio"]:checked + label {
    background:url(../images/radio_checked.png) 0px 3px no-repeat;
		    margin-top: -0.5em;
}

.jspContainer {
	width:100% !important;
}


.maininner label.checkbox {
	font-weight:normal;
	width:auto;
	margin-bottom:7px;
	font-size: 1em;
}

.maininner label.checkboxheader {
	margin-bottom:0;
}


.maininner button.smallbutton {
	border:1px solid;
	border-radius:3px;
	padding:0.6em 1.0em;
	margin:1em 0.5em 0 0;
	font-size:0.75em;
	cursor:pointer;
}
.maininner button.grey {
    background: #cfcfcf;;
    color: #fff;
    border: 1px solid #cfcfcf;;
}

.repixtable button.smallbutton {
	margin:1em 0 0 0.5em;
}
.maininner button.active {
	border:1px solid;
}
.maininner form>div {
	
}
.maininner button.smallbutton.rightfloat {
	margin:0.5em 0 0 0;
}

button.stepnavi {
	border:1px solid;
	border-radius:3px;
	padding:0.6em 0.8em;
	cursor:pointer;
	font-size:1em;
}
button.stepnavi.rightfloat span {
	padding-left:0.5em;
	font-size:0.8em;
}
button.stepnavi.leftfloat span {
	padding-right:0.5em;
	font-size:0.8em;
}
button.standard {
	border:1px solid;
	border-radius:3px;
	padding:0.6em 0.8em;
	cursor:pointer;
	font-size:0.95em;
	margin-right:1em;
	background:#fff;
	margin-bottom:1em;
}
.suchverwaltung .col10 {
	width:50px;
	float:right;
	font-weight:strong;
}
.suchverwaltung .col10 button {
	font-weight:bold;
}

.fileuploadstyled input[type="file"] {
	display: none;
}

.fileuploadstyled input[type="file"] + label { 
	border:1px solid;
	border-radius:3px;
	padding:0.6em 0.8em;
	cursor:pointer;
	font-size:0.95em;
	margin-right:1em;
	background:#fff;
	margin-bottom:1em;
}

.fileuploadstyled {
	display: inline-block;
}
.fileuploadstyled label {
	display: block;
	width: 150px;
	height:40px;
	text-align:center;
}












/* ampel */
.ampel {
	background: #c1c1c1;
    width: 14px;
    height: 14px;
    text-align: center;
	border-radius: 7px;
	display:inline-block;
	margin:4px 0.5em 0 0;
}
.ampel.rot {
	background: #d90000;
}
.ampel.gruen {
	background:#82e332;
}
.ampel.gelb {
	background:#fac800;
}








/* beschaedigung */

.beschaedigung {
	padding:50px;
}
.beschaedigung .besch_mobile {
	width:100%;
	background:url(../images/beschaedigung_bg.png) center center no-repeat;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	position:relative;
}
.beschaedigung .besch_mobile:before{
	content: "";
	display: block;
	padding-top: 78.1%;
}
/*erste reihe*/
#area01 {
	position:absolute; width:10%;
	height:10%;
	top:-3%;
	left:12%;
}
#area02 {
	position:absolute; width:10%;
	height:10%;
	top:-3%;
	left:25%;
}
#area03 {
	position:absolute; width:10%;
	height:10%;
	top:-3%;
	left:38%;
}
/*zweite reihe*/
#area04 {
	position:absolute; width:10%;
	height:22%;
	top:13%;
	left:-2.5%;
}
#area05 {
	position:absolute; width:10%;
	height:22%;
	top:13%;
	left:12%;
}
#area06 {
	position:absolute; width:10%;
	height:22%;
	top:13%;
	left:25%;
}
#area07 {
	position:absolute; width:10%;
	height:22%;
	top:13%;
	left:38%;
}
#area08 {
	position:absolute; width:10%;
	height:22%;
	top:13%;
	left:52.5%;
}
#area09 {
	position:absolute; width:10%;
	height:22%;
	top:13%;
	left:68%;
}
#area10 {
	position:absolute; width:10%;
	height:22%;
	top:13%;
	left:81%;
}
#area11 {
	position:absolute; width:10%;
	height:22%;
	top:13%;
	left:94%;
}
/*dritte reihe*/
#area12 {
	position:absolute; width:10%;
	height:22%;
	top:39%;
	left:-2.5%;
}
#area13 {
	position:absolute; width:10%;
	height:22%;
	top:39%;
	left:12%;
}
#area14 {
	position:absolute; width:10%;
	height:22%;
	top:39%;
	left:25%;
}
#area15 {
	position:absolute; width:10%;
	height:22%;
	top:39%;
	left:38%;
}
#area16 {
	position:absolute; width:10%;
	height:22%;
	top:39%;
	left:52.5%;
}
#area17 {
	position:absolute; width:10%;
	height:22%;
	top:39%;
	left:68%;
}
#area18 {
	position:absolute; width:10%;
	height:22%;
	top:39%;
	left:81%;
}
#area19 {
	position:absolute; width:10%;
	height:22%;
	top:39%;
	left:94%;
}
/*vierte reihe*/
#area20 {
	position:absolute; width:10%;
	height:22%;
	top:65%;
	left:-2.5%;
}
#area21 {
	position:absolute; width:10%;
	height:22%;
	top:65%;
	left:12%;
}
#area22 {
	position:absolute; width:10%;
	height:22%;
	top:65%;
	left:25%;
}
#area23 {
	position:absolute; width:10%;
	height:22%;
	top:65%;
	left:38%;
}
#area24 {
	position:absolute; width:10%;
	height:22%;
	top:65%;
	left:52.5%;
}
#area25 {
	position:absolute; width:10%;
	height:22%;
	top:65%;
	left:68%;
}
#area26 {
	position:absolute; width:10%;
	height:22%;
	top:65%;
	left:81%;
}
#area27 {
	position:absolute; width:10%;
	height:22%;
	top:65%;
	left:94%;
}
/*fuenfte reihe*/
#area28 {
	position:absolute; width:10%;
	height:10%;
	top:92%;
	left:12%;
}
#area29 {
	position:absolute; width:10%;
	height:10%;
	top:92%;
	left:25%;
}
#area30 {
	position:absolute; width:10%;
	height:10%;
	top:92%;
	left:38%;
}


/* pagination */
ul.repix_pagination {
	list-style:none;
}
.repix_pagination li {
	float:left;
}
.repix_pagination li a {
	display:inline-block;
	padding:0.3em 0.5em;
	border:1px solid;
	border-radius:3px;
	min-width:2.5em;
	text-align:center;
	margin-right:10px;
	margin-bottom:8px;
}
.repix_pagination li.notactive a {
	opacity:0.5;
}



/* adminbereich */

button.mandantenzuordnung {
	position:relative;
	float:none;
	width:40px;
	height:40px;
	margin-bottom:1em;
	font-size:12px;
}
button.mandantenzuordnung:first-child {
	margin-top:140px;
}
button.mandantenzuordnung:after {
	position:absolute;
	top:12px;
	left:11px;
	content: "\e621";
	font-family:icomoon;
	font-size:1.3em;
}
button.mandantenzuordnung:first-child:after {
	position:absolute;
	top:12px;
	left:13px;
	content: "\e622";
	font-family:icomoon;
	font-size:1.3em;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    button.mandantenzuordnung:after {
		top:8px;
		font-size:15px;
	}
	button.mandantenzuordnung:first-child:after {
		top:8px;
		font-size:15px;
	}
}


/* faq */
.faq .repixtable {
	margin-bottom: 5px;
}
.faq .repixtablecell {
	padding-top:20px;
}
ul.content {
	line-height:1.8;
	list-style:none;
	margin-top:1em;
}
ul.content li {
	position:relative;
	padding:0 0 1em 20px;
	
}
ul.content li:before {
	position:absolute;
	content: "\e622";
	top:2px;
	left:0;
	font-family:icomoon;
	font-size:0.9em;
}






/*helper*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	font-size: 0;
	height: 0;
	visibility: hidden;
}
.small {
	font-size	:0.75em;
	line-height:1.8;
}
.small2 {
	font-size:0.9em;
	margin-top:0.4em;
	
}
.fade {
	opacity:0.7;
}
.right {
	text-align:right;
}
.rightfloat {
	float:right !important;
}
.leftfloat {
	float:left !important;	
}
.einzeilig, .einzeilig h5 {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.hidedesktop {
	display:none;
}
.strong {
	font-weight:bold;
}
.cf {
	clear:both;
	line-height:1px;
	font-size:1px;
}
.height300 {
	height:300px;
}
.overflow {
   height: 200px;
}
.opacity{
	visibility:visible !important;
	opacity:1 !important;
}
.spacer {
	height:1.5em;
	clear:both;
}
.spacer2 {
	height:0.5em;
	clear:both;
}
.spacer3 {
	height:0.75em;
	clear:both;
}
.bottomspace {
	margin-bottom:1.5em;
}
.spacearound {
	margin:0.5em 0 0.2em;
}
.hide {
	display:none !important;
}
.nohiding {
	display:block !important;
}
.noevenodd .repixtablecell, .repixtablecell.noevenodd  {
	background:none !important;
}
.relative {
	position:relative;
}
.invert {
	font-size:1.2em;
}
.horline {
	border-bottom:1px solid #D7D7D7;
}
.horline_top {
	border-top:1px solid #D7D7D7;
}
.repixbox .horline {
	margin-left:-25px;
	margin-right:-35px;
	margin-bottom:0.5em;
}
.rightspace {
	margin-right:0.5em;
}
.rightspace2 {
	margin:0 0.5em 0 0 !important;
}
.nopadding {
	padding:0 !important;
}
.nomargin {
	margin:0 !important;
}
.overflowhidden {
	overflow:hidden !important;
}
.overflowvisible {
	overflow:visible !important;
}
.showlink {
	text-decoration:underline !important;
}
.cursorpointer {
	cursor:pointer;
}
.collected {
	background:#7c8385;
	color:#fff;
	border-radius:3px;
	padding:0.5em 0.8em;
	margin: 0 0.5em 1em 0.5em;
}
.collected span {
	padding-left:1em;
}
.center {
	text-align:center;
}
.notable {
	padding:0 24px 2em 24px;
}
.zweispalten {
	column-count: 2;
  	column-gap: 20px;
	-webkit-column-count: 2;
    -webkit-column-gap: 20px;
	-moz-column-count: 2;
    -moz-column-gap: 20px;
	width:100%;
}


/* combobox */

ul.datalist {
	list-style:none;
	border: 1px solid;
  	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	width:100%;
	margin-top:-3px;
	overflow: hidden;
	background: #f3f3f3;
	padding-top:3px;
}
ul.datalist li {
	padding: 2px 10px 2px 8px;
	cursor:pointer;
}
ul.datalist li:hover {
	background: #999;
	color: #fff;
}




/* login */

.login_wrapper {
	display: table;
    width: 100%;
    height: 100%;
	background:url(../images/login_bg.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.login_wrapper .repixtableheader2 {
	text-align:center;
}
	
.login_wrapper .maininner {
	padding:0;
	margin:0;
}
.login_wrapper>div {
	display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.login_wrapper > div > div {
    width: 380px;
    margin: 0px auto;
    padding: 20px;
}



/* error */

.error_wrapper {
	display: table;
    width: 100%;
    height: 100%;
	background:#003e50;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.error_wrapper.wallpaper {
	background:url(../images/error_bg.jpg) no-repeat center center fixed;
}
.error_wrapper.wallpaper3 {
	background:url(../images/wartung_hell.jpg) no-repeat center center fixed;
}
.error_wrapper .repixtableheader2 {
	text-align:center;
}
	
.error_wrapper .maininner {
	padding:0;
	margin:0;
}
.error_wrapper>div {
	display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
.error_wrapper > div > div {
    width: 66%;
    margin: 0px auto;
    padding: 20px;
}
.errorcode {
	font-size:4em;
	font-weight:bold;
}
.errorcode2 {
	font-size:2em;
	font-weight:bold;
}
.error_wrapper.wallpaper .errorcode, .error_wrapper.wallpaper p {
	color:#013446;
}
.error_wrapper.wallpaper p {
	font-size:1.25em;
	margin-top:-1em;
}
.skin404, .skintech {
	min-height:750px;
}
.skin404>div {
	display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
	background:url(../images/error_hell.jpg) no-repeat center top #f1f1f1;;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;
}
.skintech>div {
	display: inline-block;
    width: 100%;
    height: 100%;
    vertical-align: middle;
	background:url(../images/wartung_hell.jpg) no-repeat center top #f1f1f1;;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	-o-background-size: 100%;
	background-size: 100%;

}


/* loader */

.fader {
			width:100%;
			height:100%;
			background:#fff;
			opacity:0.7;
			position:absolute;
			top:0;
			left:0;
		}
		.spinner {
		  position:fixed;
		  top:50%;
		  left:50%;
		  margin: -40px 0 0 -25px;
		  width: 50px;
		  height: 40px;
		  text-align: center;
		  font-size: 10px;
		}

		.spinner > div {
		  background-color: #00a5b7;
		  height: 100%;
		  width: 6px;
		  display: inline-block;
		  
		  -webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
		  animation: sk-stretchdelay 1.2s infinite ease-in-out;
		}

		.spinner .rect2 {
		  -webkit-animation-delay: -1.1s;
		  animation-delay: -1.1s;
		}

		.spinner .rect3 {
		  -webkit-animation-delay: -1.0s;
		  animation-delay: -1.0s;
		}

		.spinner .rect4 {
		  -webkit-animation-delay: -0.9s;
		  animation-delay: -0.9s;
		}

		.spinner .rect5 {
		  -webkit-animation-delay: -0.8s;
		  animation-delay: -0.8s;
		}

		@-webkit-keyframes sk-stretchdelay {
		  0%, 40%, 100% { -webkit-transform: scaleY(0.4) }  
		  20% { -webkit-transform: scaleY(1.0) }
		}

		@keyframes sk-stretchdelay {
		  0%, 40%, 100% { 
			transform: scaleY(0.4);
			-webkit-transform: scaleY(0.4);
		  }  20% { 
			transform: scaleY(1.0);
			-webkit-transform: scaleY(1.0);
		  }
		}
		
		
		











/* new */

.answer {
	display:block !important;
}
.answer.hide {
	display:none !important;
}