/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer
{
	overflow: hidden;
	position: relative;
}

.jspPane
{
	position: absolute;
    width: 100% !important;
}

.jspVerticalBar
{
	position: absolute;
	top: 0;
	right: 5px;
	width: 5px;
	height: 100%;
	background: none;
}

.jspHorizontalBar
{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 5px;
	background: none;
}

.jspCap
{
    width: 1px;
    height: 5px;
}


.jspHorizontalBar .jspCap
{
	float: left;
}

.jspTrack
{
	background: none;
	position: relative;
}

.jspDrag
{
	background: #000;
	opacity:0.3; 
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
	border-radius:3px;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
	float: left;
	height: 100%;
}

.jspArrow
{
	background: #50506d;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
	padding: 0;
	margin: 0;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #f9f9f9;
	color: #444;
	text-shadow: none;
	-webkit-border-radius: 4px;
	   -moz-border-radius: 4px;
	        border-radius: 4px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-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);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden !important;
	padding-bottom: 4px;
	line-height:1.4em;
}
.fancybox-inner h2 {
	    font-size: 1.13em;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}
.fancybox-error {
	color: #444;
	font: 14px/20px;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}
.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	
}
#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}
#fancybox-loading div {
	width: 44px;
	height: 44px;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}

.fancybox-lock body {
    overflow: hidden !important;
}

.fancybox-lock-test {
    overflow-y: hidden !important;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background-color: rgba(255, 255, 255, 0.6);
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {

		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}
/* 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;
  }




/*sidebar*/
.sidebar {
  width: 270px;
  height: auto;
  min-height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
  padding-bottom: 250px;
  display: inline-block
}

.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 > 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 {
  padding-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 {
  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;
  }






/*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;*/
  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;
}

.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;
}

.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;*/
  background: #ebebeb;
}

.repixtable.tabstyle .repixtablecell:nth-child(odd), .repixtable.evenodd .repixtabletab:nth-child(even), .repixtable.evenodd .repixtabletab2:nth-child(even) {
  /*background:#f5f5f5;*/
  background: #ebebeb;
}

.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;
}

  .repixtable p.small {
    padding: 0;
    margin: 0.5em 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;
}








/* 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;
}





/* 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.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;
}




/* 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.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 {
        border-bottom: 1px solid #e1e1e1;
      }

      .tabs.vertical > ul > li.ui-tabs-active:last-child {
        border-bottom: none;
      }

      .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;
}

.trennertab.active .trennertabheader {
}

.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;
    cursor: pointer;
    padding-left: 20px;
    line-height: 1.2;
  }



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

  .maininner input[type="checkbox"]:checked + label {
  }

.maininner input[type="radio"] {
  display: none;
}

  .maininner input[type="radio"] + label {
    display: inline-block;
    min-height: 19px;
    margin: 0px 20px 0 0;
    cursor: pointer;
    padding-left: 20px;
    line-height: 1.2;
  }

  .maininner input[type="radio"]:checked + label {
  }

  .maininner input[type="radio"].error + label {
    /*color:orange;*/
  }

  .maininner input[type="radio"]:checked.error + label {
    /*color:orange;*/
  }


.maininner input[type="checkbox"] + label {
  margin-top: 0.3em;
}

.maininner input[type="checkbox"]:checked + label {
  margin-top: 0.3em;
}

.maininner input[type="radio"] + label {
  margin-top: 0.3em;
}

.maininner input[type="radio"]:checked + label {
  margin-top: 0.3em;
}


.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;
}

  .repixtable button.smallbutton.leftfloat {
    margin: 1em 0.5em 0 0;
  }

.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% !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
    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;
  }

@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;
  }







/*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;
}

.small3 {
  font-size: 16px;
  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;
}

.notstrong {
  font-weight: normal !important;
}

.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;
}

.horline_top2 {
  border-top: 1px solid #fff;
}

.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%;
  -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 {
  }

  .error_wrapper.wallpaper2 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .error_wrapper.wallpaper3 {
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
  }

  .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: 380px;
      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;
    -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;
    -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;
  }


/* new2 */
.repixtablecell {
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}

.research .green {
  background: #00a5b7 !important;
  color: #fff;
}

.research .showonclick {
  display: none;
}

.research .green .showonclick {
  display: block;
}


/* new3 */

.height300.hightnonauto {
  height: 300px !important;
}

.widthauto {
  width: auto !important;
}

.summarycat {
  border: 0 none !important;
  background: none !important;
  font-weight: inherit !important;
  color: inherit !important;
  font-size: inherit !important;
  float: right;
  width: auto !important;
  text-align: right;
  padding: 0 !important;
  height: auto !important;
}

.fadeout {
  opacity: 0.2;
}




/* new4 */
.wartungsmodus {
  height: 60px;
  background: orange;
  color: #fff;
}

  .wartungsmodus div {
    position: fixed;
    z-index: 9999;
    width: 100%;
    padding: 0.8em 1em;
    background: orange;
    font-size: 1.3em;
  }






/* new 5*/
.deactivatedfield {
  border: 0 none !important;
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
  color: #7c8385 !important;
  height: auto !important;
}

  .deactivatedfield:disabled {
    color: #7c8385 !important;
    opacity: 1 !important;
    -webkit-text-fill-color: #7c8385 !important;
  }

.green .deactivatedfield {
  color: #fff !important;
}

  .green .deactivatedfield:disabled {
    color: #fff !important;
    -webkit-text-fill-color: #fff !important;
  }


select.deactivatedfield:disabled {
  -webkit-appearance: none;
  -moz-appearance: none;
  text-indent: 1px;
  text-overflow: '';
}

.deactivatedfield.activateanyway {
  border: 0 none !important;
  padding: 3px !important;
  margin: 0 !important;
  background: #fff !important;
  color: #585757 !important;
  height: 30px !important;
}

textarea.deactivatedfield, textarea.deactivatedfield.activateanyway {
  resize: none;
  overflow: hidden;
  height: 60px !important;
}




/* added june 2017 */
#hidetheprice {
  text-decoration: none;
  cursor: pointer;
  font-size: 1.3em;
}

.hidethesellerprice {
  visibility: hidden;
}


/* added august 2017 */
@media only screen and (max-width : 500px) {
  .mobilefloatleft {
    clear: left;
    float: left !important;
    margin-top: 10px;
  }
}

/* added oct 2017 */
.inlineblock {
  display: inline-block;
}

@media only screen and (max-width : 900px) {
  .hide900 {
    display: none;
  }
}

.popdown {
  display: block;
  line-height: 0;
  height: 0;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  font-size: 0.9em;
}

.popdown2 {
  display: block;
  line-height: 1.4;
  overflow: hidden;
  font-size: 0.9em;
}

input[type="radio"]:checked + label .popdown {
  height: auto;
  line-height: 1;
  padding: 1em 0 0.7em 0;
}

input[type="checkbox"]:checked + label .popdown {
  height: auto;
  line-height: 1;
  padding: 1em 0 0.7em 0;
}




/* added nov 2017 */
.tabs .repixtable.shadowyet {
  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: 0px solid #e1e1e1;
  */
}

  .tabs .repixtable.shadowyet .repixtableheader {
    border-top: 0px solid #f5f5f5;
  }

.tabs.space30 {
  margin-right: -20px;
}

  .tabs.space30 > div > [class^="col"] {
    padding-right: 30px;
  }

.damagegal {
  font-size: 0;
  margin-top: 7px;
  position: relative;
}

  .damagegal img {
    width: 100%;
    max-height: auto;
  }

  .damagegal a.lightbox {
    font-size: 16px;
    display: inline-block;
    margin-bottom: 25px;
    width: calc(50% - 13px);
    margin-right: 25px;
  }

    .damagegal a.lightbox:nth-of-type(2n) {
      margin-right: 0;
    }


.repixtableheader2 .tabsarrows {
  position: relative;
  padding-left: 20px;
}

  .repixtableheader2 .tabsarrows:before {
    position: absolute;
    top: 0.2em;
    left: 0px;
    content: "\e622";
    font-family: 'icomoon';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

.repixtableheader2.active .tabsarrows:before {
  position: absolute;
  top: 0.2em;
  left: 0px;
  content: "\e61f";
}

@charset "utf-8";
/* CSS Document */


/*reseller*/

#reseller .topmenu li.active a:before {
    border-bottom: 10px solid #1c697f;
}
#reseller .topbar .inner {
    padding: 0 25px 0 20px;
}

#reseller .maininner {
    padding: 20px 0 0 20px;
}

#reseller .topbar {
	background: #003e50;
}
#reseller .dl-trigger {
	display:none;
}
#reseller .main {
	margin-left:0;
	margin-bottom: 110px;
}
#reseller .logo {
	float:left;
	width:auto;
	padding: 17px 3em 0 0;
}
#reseller .providedby {
    background-size: auto 16px;
	height:32px;
	background-origin: content-box;
	padding:7px 20px;
}
#reseller .topbar .active a, #reseller .topbar a:hover {
    color: #fff;
}
#reseller .topbar a {
	color:#7595a3;
}
#reseller .mainfooter {
	position:absolute;
	bottom:0;
	height:90px;
}
#reseller .mainfooter>div {
	float:right;
}
#reseller .footermenu {
	list-style:none;
	padding-bottom:10px;
	float:left;
}
#reseller .footermenu li {
	float:left;
}
#reseller .footermenu li a {
	padding:0 0 0 1em;
	border-left:1px solid #e1e1e1;
	margin-left:1em;
	color:#7c8385;
}
#reseller .footermenu li:first-child a {
	padding:0 0 0 0;
	border-left:0px solid #e1e1e1;
	margin-left:0em;
}

@media only screen and (max-width: 1170px) {
	#reseller .topmenu li a {
		padding: 1.7em 0 0 0;
	}
}
@media only screen and (max-width : 1023px) {
	#reseller .logo {
    	float: left;
    	width: auto;
    	padding: 17px 1em 0 30px;
	}
	#reseller .dl-menu {
		list-style:none;
		padding:1em 0;
	}
	#reseller .dl-trigger {
		display:none;
	}
	#reseller .dl-menu>li {
		padding:0.3em 0px;
		position:relative;
		font-size:1.13em;
	}
	#reseller .dl-menu>.active {
		padding:0.3em 0px ;
		position:relative;
		font-size:1.13em;
		font-weight:normal;
	}
	#reseller .dl-menu>.active a {
		font-weight:normal;
	}
	#reseller .dl-menu>li li {
		font-size:0.8em;
	}
	
	#reseller .dl-menu li>a {
		padding:6px 25px 10px;
		display:inline-block;
		width:100%;
	}
	
	#reseller .dl-menu li>a:before {
		margin:0 0 0 -25px;
		width:25px;
		display:inline-block;
		font-size:0.8em;
	}
	#reseller .dl-menu ul {
		list-style:none;
	}
	
	#reseller .dl-submenu {
		display:none;
	}
	#reseller .active>.dl-submenu {
		display:block;
	}
	#reseller .dl-menu li.bezeichner {
		font-size:0.68em;
		text-transform:uppercase;
		padding:28px 25px 11px;
	}



	#reseller .topbar .inner {
		padding:0;
	}
	#reseller .dl-menuwrapper:first-child {
		margin-right: 0px;
	}
	#reseller .topmenu li a {
		height:auto;
	}
	#reseller .topbar a {
		color: #7595a3;
	}
	#reseller .dl-menu .active>a, #reseller .dl-menu .active:before, #reseller .dl-menu a:hover, #reseller .dl-menu li:hover:before {
    color: #fff;
	}
	
	#reseller .topmenu li.active a:before {
		display:none;
	}
	#reseller .topmenu li {
		float:none;
	}
	#reseller .topbar .topmenu {
			display:block;
			
	}
	#reseller .dl-trigger {
		display: inline-block;
		float: right;
		margin: 16px;
	}
	#reseller .topbar{
		width:100%;
		top:0;
		left:0;
		bottom:auto;
		height:80px;
		min-height:80px;
		position:relative;
		z-index: 200;
	}
	#reseller .active .dl-submenu {
		display:inline-block;
	}
	#reseller .active .dl-submenu {
		display:none;
	}
	#reseller .dl-trigger {
		display:inline-block;
		float: right;
		margin: 16px;
	}
	#reseller .dl-menu>li li {
		padding:0.3em 0px;
		font-size:1em;
	}
	
	
	#reseller .dl-menu li li>a {
   		padding: 6px 17px 10px;
	}
	
	.dl-back {
		margin:0 -25px;
	}
	
	#reseller .dl-menu>li li.dl-back {
	
		font-size: 0.68em;
    	text-transform: uppercase;
    	padding: 28px 25px 11px;
	}
	#reseller .dl-menu li.parent:before {
    	content: "\e622";
	}
	
	
	
}


@media only screen and (max-width : 730px) {

	#reseller .mainfooter>div {
		clear:left;float:left;
	}


}

@media only screen and (max-width : 500px) {
	
	#reseller .main {
		margin-left:0;
		margin-bottom: 260px;
	}
	#reseller .mainfooter {
		height:200px;
		
	}
	#reseller .footermenu {
		float:none;
		width:100%;
		padding-bottom:2em;
		
	}
	#reseller .footermenu li {
		float:none;	
	}
	#reseller .footermenu li a {
		padding:0.7em 0;
		border-left:0px solid #e1e1e1;
		border-bottom:1px solid #e1e1e1;
		margin-left:0em;
		color:#7c8385;
		display:inline-block;
		width:100%;
	}
	#reseller .footermenu li:first-child a {
		padding:0 0 0.7em 0;
		border-left:0px solid #666;
		margin-left:0em;
	}

}
@charset "utf-8";
/* CSS Document */

@media only screen and (max-width : 900px) {
	/* auf besonderen wunsch*/
	.col50 {
		width:100%;
	}
}

@media only screen and (max-width : 768px) {
	
	.skin404 {
		min-height:450px;
	}
	.skintech {
		min-height:450px;
	}
	
	.maininner>.col50, 
	.maininner>.col20,
	.maininner>.col25,
	.maininner>.col30,
	.maininner>.col33,
	.maininner>.col66,
	.maininner>.col60,
	.maininner>.col10 {
		width:100%;
		
	}
	
	.col50 {
		width:100%;
	}
	form>.col20, form>.col30, form>.col70  {
		width:50%;
	}
	form>.col66, form>.col33 {
		width:100%;
	}
	
	
	.tabs.vertical .col50 {
		width:50%;
		padding-right:0;
	}
	.tabs.vertical>ul, .ui-tabs-panel>.col70 {
		width:50%;
	}


	.tabs.vertical .repixtablecell>.col50 {
		width:100%;
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.tabs.vertical>ul>li {
		font-size:1.1em;	
	}
	.repixbox {
		padding: 10px 10px 10px 20px;
	}
	.tabs.vertical>ul>li {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;	
	}
	

	
	.nutzerverwaltung .repixtablecell .repixtabheader2 div:nth-child(4), 
	.nutzerverwaltung .repixtableheader3 div:nth-child(4)
	{
		display:none;
	}
	.nutzerverwaltung .col20 {
		width:30%;
	}
	.nutzerverwaltung .col15 {
		width:10%;
	}
	
	
	
	.auftragsverwaltung .repixtablecell div:nth-child(4), 
	.auftragsverwaltung .repixtablecell div:nth-child(5),
	.auftragsverwaltung .repixtableheader3 div:nth-child(4), 
	.auftragsverwaltung .repixtableheader3 div:nth-child(5)
	 {
		display:none;
	}
	.auftragsverwaltung .spacer2 {
		display:block !important;
	}
	.auftragsverwaltung .col15 {
		width:20%;
	}
	.auftragsverwaltung .col20 {
		width:25%;
	}
	.suchverwaltung .col60 {
		width:55%;
	}
	
	.tagesabschluss .repixtablecell div:nth-child(3),
	.tagesabschluss .repixtableheader3 div:nth-child(3)
	 {
		display:none;
	}
	
	.tagesabschluss .col15 {
		width:20%;
	}
	.tagesabschluss .col25, .tagesabschluss .col20 {
		width:30%;
	}
	
	
	.leihgeraete .repixtablecell div:nth-child(4),
	.leihgeraete .repixtableheader3 div:nth-child(4)
	 {
		display:none;
	}
	.leihgeraete .right {
		float:right;
	}
	.leihgeraete .col15 {
		width:20%;
	}
	.leihgeraete .col30 {
		width:40%;
	}
	.leihgeraete .col30.right {
		width:30%;
	}
	.leihgeraete .iconbar {
		width:15%;
	}
	
	.height300 {
		height:auto;
		max-height:300px;
	}
	.nutzerverwaltung .height300, .loanerpage .height300 {
		height:300px;
	}
	.loanerpage .col80 {
		width:60%;
	}
	.loanerpage .col20 {
		width:40%;
	}
	
	
	
	
	/* tabs kleiner*/
	
	[class^="repixtab"] .tabs>ul>li a {
      	font-size: 0.8em;
	}
	
	
	/* buttonbeschriftung zu groß weil langer text */
	button.stepnavi {
		padding:0.8em 0.4em;
		font-size:0.9em;
	}
		
	

	
	
}
@charset "utf-8";
/* CSS Document */



@media only screen and (min-width : 561px) {
	
	.show560 {
		display:none;
	}
	
	.hide560 {
		display:inline-block;
	}


}

@media only screen and (max-width : 560px) {

	
	
	.nutzerverwaltung .col20, 
	.nutzerverwaltung .col25,
	.nutzerverwaltung .col15 {
		width:100%;
		display:block !important;
	}
	
	.preismwst .col60 {
		width:60%;
		display:block !important;
	}
	.preismwst .col20 {
		width:40%;
		display:block !important;
	}
	
	.preismwst .col20:nth-of-type(3n) {
 	 	width:100%;
	}

	
	
	.auftragsverwaltung .col15,
	.auftragsverwaltung .col20 {
		width:100%;
	}
	.tagesabschluss .col15,
	.tagesabschluss .col20 {
		width:100%;
	}
	.leihgeraete .col15,
	.leihgeraete .col20 {
		width:100%;
	}
	
	.leihgeraete .right {
		text-align:left;
	}
	.tagesabschluss .right {
		margin-top:-3em;
	}
	
	
	.hide560 {
		display:none;
	}
	
	.show560 {
		display:inline-block;
	}
	
	
	[class^="repixtab"] .tabs>ul>li {
		font-size:1em;
	}
	[class^="repixtab"] .tabs>ul>li a i {
      	display:none;
	}
	[class^="repixtab"] .tabs>ul>li:first-child {
    	margin-left: -1px;
	}
	
	.suchverwaltung .col30 {
		width:100%;	
	}
	.suchverwaltung .col60 {
		width:75%;
	}
	.suchverwaltung .col10 {
		width:50px;	
		float:right;
	}
	
	button.mandantenzuordnung {
		width:30px;
		height:30px;
	}
	button.mandantenzuordnung:after {
		top:8px;
		left:8px;
		font-size:1em;
	}
	button.mandantenzuordnung:first-child:after {
		top:8px;
		left:8px;
		font-size:1em;
	}
	
	.zweispalten {
	column-count: 1;
  	column-gap: 0px;
	-webkit-column-count: 1;
    -webkit-column-gap: 0px;
	-moz-column-count: 1;
    -moz-column-gap: 0px;
	width:100%;
	}
	
	
	button.stepnavi {
		border:1px solid;
		border-radius:3px;
		
	}
	
	.tabs.vertical>ul>li {
		float:left;
		width:50%;
		margin-right:0; 
		
	}
	.tabs.vertical>ul, .ui-tabs-panel>.col70 {
		width:100%;
	}
	.tabs.vertical>ul>li.ui-tabs-active:first-child, .tabs.vertical>ul>li.ui-tabs-active {
    	border-right: 1px solid #e1e1e1;
		border-top: 1px solid #e1e1e1;
	}
	.tabs.vertical>ul>li:first-child {
		border-right: 1px solid #e1e1e1;
		border-top: 1px solid #e1e1e1;
	}
	.tabs.vertical>ul {
		border-bottom: 1px solid #e1e1e1;
		margin-bottom:2em;
	}
	.popup {
		left: -90px;
    width: 180px;
    top: -3em;
	}
	
	.error_wrapper > div > div {
    	padding: 0px;
		width:95%;
		margin-left:0px;
	}
	
	.tabs.vertical>ul>li:last-child {
		border-bottom: none;
	}
	
	
}
@charset "utf-8";
/* CSS Document */



@media only screen and (max-width : 390px) {
	
	
	
	.repixtableheader {
		font-size:1em;
	}
	
	
	.zeichenerklaerung {
		width:82%;
		margin:1em;
		right:15px;
		left:15px;
		position:absolute;
		top:auto;
		font-size:0.6em;
	}
	.helperzeichenerklaerung.relative {
		position:static;
	}

	button.mandantenzuordnung {
		width:20px;
		height:20px;
	}
	button.mandantenzuordnung:after {
		top:5px;
		left:5px;
		font-size:0.7em;
	}
	button.mandantenzuordnung:first-child:after {
		top:5px;
		left:5px;
		font-size:0.7em;
	}
	
	.login_wrapper > div > div {
		width: 90%;
		margin: 0px auto;
		padding: 20px;
	}
	
	.loanerpage .col80 {
		width:100%;
	}
	.loanerpage .col20 {
		width:100%;
	}
	
	button.stepnavi {
		font-size:0.8em;
	}
	button.stepnavi span {
		display:none;
	}
	




}


/***
Spectrum Colorpicker v1.7.0
https://github.com/bgrins/spectrum
Author: Brian Grinstead
License: MIT
***/

.sp-container {
    position:absolute;
    top:0;
    left:0;
    display:inline-block;
    *display: inline;
    *zoom: 1;
    /* https://github.com/bgrins/spectrum/issues/40 */
    z-index: 9999994;
    overflow: hidden;
}
.sp-container.sp-flat {
    position: relative;
}

/* Fix for * { box-sizing: border-box; } */
.sp-container,
.sp-container * {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

/* http://ansciath.tumblr.com/post/7347495869/css-aspect-ratio */
.sp-top {
  position:relative;
  width: 100%;
  display:inline-block;
}
.sp-top-inner {
   position:absolute;
   top:0;
   left:0;
   bottom:0;
   right:0;
}
.sp-color {
    position: absolute;
    top:0;
    left:0;
    bottom:0;
    right:20%;
}
.sp-hue {
    position: absolute;
    top:0;
    right:0;
    bottom:0;
    left:84%;
    height: 100%;
}

.sp-clear-enabled .sp-hue {
    top:33px;
    height: 77.5%;
}

.sp-fill {
    padding-top: 80%;
}
.sp-sat, .sp-val {
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
}

.sp-alpha-enabled .sp-top {
    margin-bottom: 18px;
}
.sp-alpha-enabled .sp-alpha {
    display: block;
}
.sp-alpha-handle {
    position:absolute;
    top:-4px;
    bottom: -4px;
    width: 6px;
    left: 50%;
    cursor: pointer;
    border: 1px solid black;
    background: white;
    opacity: .8;
}
.sp-alpha {
    display: none;
    position: absolute;
    bottom: -14px;
    right: 0;
    left: 0;
    height: 8px;
}
.sp-alpha-inner {
    border: solid 1px #333;
}

.sp-clear {
    display: none;
}

.sp-clear.sp-clear-display {
    background-position: center;
}

.sp-clear-enabled .sp-clear {
    display: block;
    position:absolute;
    top:0px;
    right:0;
    bottom:0;
    left:84%;
    height: 28px;
}

/* Don't allow text selection */
.sp-container, .sp-replacer, .sp-preview, .sp-dragger, .sp-slider, .sp-alpha, .sp-clear, .sp-alpha-handle, .sp-container.sp-dragging .sp-input, .sp-container button  {
    -webkit-user-select:none;
    -moz-user-select: -moz-none;
    -o-user-select:none;
    user-select: none;
}

.sp-container.sp-input-disabled .sp-input-container {
    display: none;
}
.sp-container.sp-buttons-disabled .sp-button-container {
    display: none;
}
.sp-container.sp-palette-buttons-disabled .sp-palette-button-container {
    display: none;
}
.sp-palette-only .sp-picker-container {
    display: none;
}
.sp-palette-disabled .sp-palette-container {
    display: none;
}

.sp-initial-disabled .sp-initial {
    display: none;
}


/* Gradients for hue, saturation and value instead of images.  Not pretty... but it works */
.sp-sat {
    background-image: -webkit-gradient(linear,  0 0, 100% 0, from(#FFF), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(left, #FFF, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(left, #fff, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to right, #fff, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr=#FFFFFFFF, endColorstr=#00CC9A81)";
    filter : progid:DXImageTransform.Microsoft.gradient(GradientType = 1, startColorstr='#FFFFFFFF', endColorstr='#00CC9A81');
}
.sp-val {
    background-image: -webkit-gradient(linear, 0 100%, 0 0, from(#000000), to(rgba(204, 154, 129, 0)));
    background-image: -webkit-linear-gradient(bottom, #000000, rgba(204, 154, 129, 0));
    background-image: -moz-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -o-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: -ms-linear-gradient(bottom, #000, rgba(204, 154, 129, 0));
    background-image: linear-gradient(to top, #000, rgba(204, 154, 129, 0));
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00CC9A81, endColorstr=#FF000000)";
    filter : progid:DXImageTransform.Microsoft.gradient(startColorstr='#00CC9A81', endColorstr='#FF000000');
}

.sp-hue {
    background: -moz-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -ms-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -o-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff0000), color-stop(0.17, #ffff00), color-stop(0.33, #00ff00), color-stop(0.5, #00ffff), color-stop(0.67, #0000ff), color-stop(0.83, #ff00ff), to(#ff0000));
    background: -webkit-linear-gradient(top, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
    background: linear-gradient(to bottom, #ff0000 0%, #ffff00 17%, #00ff00 33%, #00ffff 50%, #0000ff 67%, #ff00ff 83%, #ff0000 100%);
}

/* IE filters do not support multiple color stops.
   Generate 6 divs, line them up, and do two color gradients for each.
   Yes, really.
 */
.sp-1 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0000', endColorstr='#ffff00');
}
.sp-2 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffff00', endColorstr='#00ff00');
}
.sp-3 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ff00', endColorstr='#00ffff');
}
.sp-4 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#0000ff');
}
.sp-5 {
    height:16%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0000ff', endColorstr='#ff00ff');
}
.sp-6 {
    height:17%;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00ff', endColorstr='#ff0000');
}

.sp-hidden {
    display: none !important;
}

/* Clearfix hack */
.sp-cf:before, .sp-cf:after { content: ""; display: table; }
.sp-cf:after { clear: both; }
.sp-cf { *zoom: 1; }

/* Mobile devices, make hue slider bigger so it is easier to slide */
@media (max-device-width: 480px) {
    .sp-color { right: 40%; }
    .sp-hue { left: 63%; }
    .sp-fill { padding-top: 60%; }
}
.sp-dragger {
   border-radius: 5px;
   height: 5px;
   width: 5px;
   border: 1px solid #fff;
   background: #000;
   cursor: pointer;
   position:absolute;
   top:0;
   left: 0;
}
.sp-slider {
    position: absolute;
    top:0;
    cursor:pointer;
    height: 3px;
    left: -1px;
    right: -1px;
    border: 1px solid #000;
    background: white;
    opacity: .8;
}

/*
Theme authors:
Here are the basic themeable display options (colors, fonts, global widths).
See http://bgrins.github.io/spectrum/themes/ for instructions.
*/

.sp-container {
    border-radius: 0;
    background-color: #ECECEC;
    border: solid 1px #f0c49B;
    padding: 0;
}
.sp-container, .sp-container button, .sp-container input, .sp-color, .sp-hue, .sp-clear {
    font: normal 12px "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}
.sp-top {
    margin-bottom: 3px;
}
.sp-color, .sp-hue, .sp-clear {
    border: solid 1px #666;
}

/* Input */
.sp-input-container {
    float:right;
    width: 100px;
    margin-bottom: 4px;
}
.sp-initial-disabled  .sp-input-container {
    width: 100%;
}
.sp-input {
   font-size: 12px !important;
   border: 1px inset;
   padding: 4px 5px;
   margin: 0;
   width: 100%;
   background:transparent;
   border-radius: 3px;
   color: #222;
}
.sp-input:focus  {
    border: 1px solid orange;
}
.sp-input.sp-validation-error {
    border: 1px solid red;
    background: #fdd;
}
.sp-picker-container , .sp-palette-container {
    float:left;
    position: relative;
    padding: 10px;
    padding-bottom: 300px;
    margin-bottom: -290px;
}
.sp-picker-container {
    width: 172px;
    border-left: solid 1px #fff;
}

/* Palettes */
.sp-palette-container {
    border-right: solid 1px #ccc;
}

.sp-palette-only .sp-palette-container {
    border: 0;
}

.sp-palette .sp-thumb-el {
    display: block;
    position:relative;
    float:left;
    width: 24px;
    height: 15px;
    margin: 3px;
    cursor: pointer;
    border:solid 2px transparent;
}
.sp-palette .sp-thumb-el:hover, .sp-palette .sp-thumb-el.sp-thumb-active {
    border-color: orange;
}
.sp-thumb-el {
    position:relative;
}

/* Initial */
.sp-initial {
    float: left;
    border: solid 1px #333;
}
.sp-initial span {
    width: 30px;
    height: 25px;
    border:none;
    display:block;
    float:left;
    margin:0;
}

.sp-initial .sp-clear-display {
    background-position: center;
}

/* Buttons */
.sp-palette-button-container,
.sp-button-container {
    float: right;
}

/* Replacer (the little preview div that shows up instead of the <input>) */
.sp-replacer {
    margin:0;
    overflow:hidden;
    cursor:pointer;
    padding: 4px;
    display:inline-block;
    *zoom: 1;
    *display: inline;
    border: solid 1px #91765d;
    background: #eee;
    color: #333;
    vertical-align: middle;
}
.sp-replacer:hover, .sp-replacer.sp-active {
    border-color: #F0C49B;
    color: #111;
}
.sp-replacer.sp-disabled {
    cursor:default;
    border-color: silver;
    color: silver;
}
.sp-dd {
    padding: 2px 0;
    height: 16px;
    line-height: 16px;
    float:left;
    font-size:10px;
}
.sp-preview {
    position:relative;
    width:25px;
    height: 20px;
    border: solid 1px #222;
    margin-right: 5px;
    float:left;
    z-index: 0;
}

.sp-palette {
    *width: 220px;
    max-width: 220px;
}
.sp-palette .sp-thumb-el {
    width:16px;
    height: 16px;
    margin:2px 1px;
    border: solid 1px #d0d0d0;
}

.sp-container {
    padding-bottom:0;
}


/* Buttons: http://hellohappy.org/css3-buttons/ */
.sp-container button {
  background-color: #eeeeee;
  background-image: -webkit-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -moz-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -ms-linear-gradient(top, #eeeeee, #cccccc);
  background-image: -o-linear-gradient(top, #eeeeee, #cccccc);
  background-image: linear-gradient(to bottom, #eeeeee, #cccccc);
  border: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  border-radius: 3px;
  color: #333;
  font-size: 14px;
  line-height: 1;
  padding: 5px 4px;
  text-align: center;
  text-shadow: 0 1px 0 #eee;
  vertical-align: middle;
}
.sp-container button:hover {
    background-color: #dddddd;
    background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -moz-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: linear-gradient(to bottom, #dddddd, #bbbbbb);
    border: 1px solid #bbb;
    border-bottom: 1px solid #999;
    cursor: pointer;
    text-shadow: 0 1px 0 #ddd;
}
.sp-container button:active {
    border: 1px solid #aaa;
    border-bottom: 1px solid #888;
    -webkit-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -moz-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -ms-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    -o-box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
    box-shadow: inset 0 0 5px 2px #aaaaaa, 0 1px 0 0 #eeeeee;
}
.sp-cancel {
    font-size: 11px;
    color: #d93f3f !important;
    margin:0;
    padding:2px;
    margin-right: 5px;
    vertical-align: middle;
    text-decoration:none;

}
.sp-cancel:hover {
    color: #d93f3f !important;
    text-decoration: underline;
}


.sp-palette span:hover, .sp-palette span.sp-thumb-active {
    border-color: #000;
}

.sp-preview, .sp-alpha, .sp-thumb-el {
    position:relative;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGUlEQVQYV2M4gwH+YwCGIasIUwhT25BVBADtzYNYrHvv4gAAAABJRU5ErkJggg==);
}
.sp-preview-inner, .sp-alpha-inner, .sp-thumb-inner {
    display:block;
    position:absolute;
    top:0;left:0;bottom:0;right:0;
}

.sp-palette .sp-thumb-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.sp-palette .sp-thumb-light.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIVJREFUeNpiYBhsgJFMffxAXABlN5JruT4Q3wfi/0DsT64h8UD8HmpIPCWG/KemIfOJCUB+Aoacx6EGBZyHBqI+WsDCwuQ9mhxeg2A210Ntfo8klk9sOMijaURm7yc1UP2RNCMbKE9ODK1HM6iegYLkfx8pligC9lCD7KmRof0ZhjQACDAAceovrtpVBRkAAAAASUVORK5CYII=);
}

.sp-palette .sp-thumb-dark.sp-thumb-active .sp-thumb-inner {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAASCAYAAABWzo5XAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAAadEVYdFNvZnR3YXJlAFBhaW50Lk5FVCB2My41LjEwMPRyoQAAAMdJREFUOE+tkgsNwzAMRMugEAahEAahEAZhEAqlEAZhEAohEAYh81X2dIm8fKpEspLGvudPOsUYpxE2BIJCroJmEW9qJ+MKaBFhEMNabSy9oIcIPwrB+afvAUFoK4H0tMaQ3XtlrggDhOVVMuT4E5MMG0FBbCEYzjYT7OxLEvIHQLY2zWwQ3D+9luyOQTfKDiFD3iUIfPk8VqrKjgAiSfGFPecrg6HN6m/iBcwiDAo7WiBeawa+Kwh7tZoSCGLMqwlSAzVDhoK+6vH4G0P5wdkAAAAASUVORK5CYII=);
}

.sp-clear-display {
    background-repeat:no-repeat;
    background-position: center;
    background-image: url(data:image/gif;base64,R0lGODlhFAAUAPcAAAAAAJmZmZ2dnZ6enqKioqOjo6SkpKWlpaampqenp6ioqKmpqaqqqqurq/Hx8fLy8vT09PX19ff39/j4+Pn5+fr6+vv7+wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAP8ALAAAAAAUABQAAAihAP9FoPCvoMGDBy08+EdhQAIJCCMybCDAAYUEARBAlFiQQoMABQhKUJBxY0SPICEYHBnggEmDKAuoPMjS5cGYMxHW3IiT478JJA8M/CjTZ0GgLRekNGpwAsYABHIypcAgQMsITDtWJYBR6NSqMico9cqR6tKfY7GeBCuVwlipDNmefAtTrkSzB1RaIAoXodsABiZAEFB06gIBWC1mLVgBa0AAOw==);
}

.ta-hidden-input {
	width: 1px;
	height: 1px;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: -10000px;
	left: -10000px;
	opacity: 0;
	overflow: hidden;
}

/* add generic styling for the editor */
.ta-root.focussed > .ta-scroll-window.form-control {
	border-color: #66afe9;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.ta-editor.ta-html, .ta-scroll-window.form-control {
	min-height: 300px;
	height: auto;
	overflow: auto;
	font-family: inherit;
	font-size: 100%;
}

.ta-scroll-window.form-control {
	position: relative;
	padding: 0;
}

.ta-scroll-window > .ta-bind {
	height: auto;
	min-height: 300px;
	padding: 6px 12px;
}

.ta-editor:focus {
	user-select: text;
}

/* add the styling for the awesomness of the resizer */
.ta-resizer-handle-overlay {
	z-index: 100;
	position: absolute;
	display: none;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-info {
	position: absolute;
	bottom: 16px;
	right: 16px;
	border: 1px solid black;
	background-color: #FFF;
	padding: 0 4px;
	opacity: 0.7;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-background {
	position: absolute;
	bottom: 5px;
	right: 5px;
	left: 5px;
	top: 5px;
	border: 1px solid black;
	background-color: rgba(0, 0, 0, 0.2);
}

.ta-resizer-handle-overlay > .ta-resizer-handle-corner {
	width: 10px;
	height: 10px;
	position: absolute;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tl{
	top: 0;
	left: 0;
	border-left: 1px solid black;
	border-top: 1px solid black;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tr{
	top: 0;
	right: 0;
	border-right: 1px solid black;
	border-top: 1px solid black;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-bl{
	bottom: 0;
	left: 0;
	border-left: 1px solid black;
	border-bottom: 1px solid black;
}

.ta-resizer-handle-overlay > .ta-resizer-handle-corner-br{
	bottom: 0;
	right: 0;
	border: 1px solid black;
	cursor: se-resize;
	background-color: white;
}

/* copy the popover code from bootstrap so this will work even without it */
.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1060;
	display: none;
	max-width: 276px;
	padding: 1px;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.42857143;
	text-align: left;
	white-space: normal;
	background-color: #fff;
	-webkit-background-clip: padding-box;
			background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
			box-shadow: 0 5px 10px rgba(0, 0, 0, .2);
}
.popover.top {
	margin-top: -10px;
}
.popover.bottom {
	margin-top: 10px;
}
.popover-title {
	padding: 8px 14px;
	margin: 0;
	font-size: 14px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	border-radius: 5px 5px 0 0;
}
.popover-content {
	padding: 9px 14px;
}
.popover > .arrow,
.popover > .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.popover > .arrow {
	border-width: 11px;
}
.popover > .arrow:after {
	content: "";
	border-width: 10px;
}
.popover.top > .arrow {
	bottom: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-color: #999;
	border-top-color: rgba(0, 0, 0, .25);
	border-bottom-width: 0;
}
.popover.top > .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	content: " ";
	border-top-color: #fff;
	border-bottom-width: 0;
}
.popover.bottom > .arrow {
	top: -11px;
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0, 0, 0, .25);
}
.popover.bottom > .arrow:after {
	top: 1px;
	margin-left: -10px;
	content: " ";
	border-top-width: 0;
	border-bottom-color: #fff;
}
div.ta-editor a{
  border: 1px dotted  darkgrey;
}

div.ta-editor .fa-edit:before, .fa-pencil-square-o:before {
    font-family: FontAwesome;
    content: "\f044";
}

div.ta-editor .fa-unlink:before, .fa-chain-broken:before {
    font-family: FontAwesome;
    content: "\f127";
}

.btn-blue {	
	color: black;
	
}

.btn-blue:hover,
.btn-blue:focus,
.btn-blue.focus,
.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
	
}

.btn-blue:active,
.btn-blue.active,
.open > .dropdown-toggle.btn-blue {
	background-image: none;
}

.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled.focus,
.btn-blue[disabled].focus,
fieldset[disabled] .btn-blue.focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active {
	
}


[ta-button] {
	height: 44px;
	margin-bottom: 5px;
}

.red{ color: red; }

/*Dropdown from Bootstrap*/

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid lightgray;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: white;
}

.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5;
}
.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7;
}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed;
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  left: auto;
  right: 0;
}
.dropdown-menu-left {
  left: 0;
  right: auto;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: "";
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}


.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group > .btn-group {
  float: left;
}
.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0;
}
.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px;
}
.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn .caret {
  margin-left: 0;
}
.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0;
}
.dropup .btn-lg .caret {
  border-width: 0 5px 5px;
}
.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%;
}
.btn-group-vertical > .btn-group > .btn {
  float: none;
}
.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0;
}
.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%;
}
.btn-group-justified > .btn-group .btn {
  width: 100%;
}
.btn-group-justified > .btn-group .dropdown-menu {
  left: auto;
}
[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none;
}

.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #cccccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
  transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(102, 175, 233, 0.6);
}
.form-control::-moz-placeholder {
  color: #999999;
  opacity: 1;
}
.form-control:-ms-input-placeholder {
  color: #999999;
}
.form-control::-webkit-input-placeholder {
  color: #999999;
}
.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
  background-color: #eeeeee;
  opacity: 1;
}
.form-control[disabled],
fieldset[disabled] .form-control {
  cursor: not-allowed;
}

/*Dialog mit Editor*/
div#editHtmlDialog .ngdialog.ngdialog-theme-default .ngdialog-content{
  width:52%;
}

div#editHtmlDialog .ngdialog.ngdialog-theme-default .ngdialog-content .dialog-button{
  float:left;
  width:20%;
  margin-right:5px;
}