/**
 FONTS
**/
/*!
 * Font Awesome Free 5.5.0 by @fontawesome - https://fontawesome.com
 * License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License)
 */
@font-face {
  font-family: 'AwesomeRegular';
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/Awesome/fa-regular-400.eot");
  src: url("../Fonts/Awesome/fa-regular-400.eot?#iefix") format("embedded-opentype"), 
  url("../Fonts/Awesome/fa-regular-400.woff2") format("woff2"), 
  url("../Fonts/Awesome/fa-regular-400.woff") format("woff"), 
  url("../Fonts/Awesome/fa-regular-400.ttf") format("truetype"), 
  url("../Fonts/Awesome/fa-regular-400.svg#fontawesome") format("svg"); 
}

@font-face {
  font-family: 'AwesomeSolid';
  font-style: normal;
  font-weight: 400;
  src: url("../Fonts/Awesome/fa-solid-900.eot");
  src: url("../Fonts/Awesome/fa-solid-900.eot?#iefix") format("embedded-opentype"), 
  url("../Fonts/Awesome/fa-solid-900.woff2") format("woff2"), 
  url("../Fonts/Awesome/fa-solid-900.woff") format("woff"), 
  url("../Fonts/Awesome/fa-solid-900.ttf") format("truetype"), 
  url("../Fonts/Awesome/fa-solid-900.svg#fontawesome") format("svg"); 
}

/** Oswald regular **/
@font-face {
      font-family: 'OswaldRegular';
      src: url('../Fonts/Oswald/oswald-v16-latin-regular.eot?73072577');
      src: url('../Fonts/Oswald/oswald-v16-latin-regular.eot?73072577#iefix') format('embedded-opentype'),
           url('../Fonts/Oswald/oswald-v16-latin-regular.woff?73072577') format('woff'),
           url('../Fonts/Oswald/oswald-v16-latin-regular.ttf?73072577') format('truetype'),
           url('../Fonts/Oswald/oswald-v16-latin-regular.svg?73072577#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
}
/** Oswald SemiBoldRegular **/
@font-face {
      font-family: 'OswaldSemiBoldRegular';
      src: url('../Fonts/Oswald/oswald-v16-latin-600.eot?73072577');
      src: url('../Fonts/Oswald/oswald-v16-latin-600.eot?73072577#iefix') format('embedded-opentype'),
           url('../Fonts/Oswald/oswald-v16-latin-600.woff?73072577') format('woff'),
           url('../Fonts/Oswald/oswald-v16-latin-600.ttf?73072577') format('truetype'),
           url('../Fonts/Oswald/oswald-v16-latin-600.svg?73072577#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
}
/** Oswald regular **/
@font-face {
      font-family: 'OswaldMediumRegular';
      src: url('../Fonts/Oswald/oswald-v16-latin-500.eot?73072577');
      src: url('../Fonts/Oswald/oswald-v16-latin-500.eot?73072577#iefix') format('embedded-opentype'),
           url('../Fonts/Oswald/oswald-v16-latin-500.woff?73072577') format('woff'),
           url('../Fonts/Oswald/oswald-v16-latin-500.ttf?73072577') format('truetype'),
           url('../Fonts/Oswald/oswald-v16-latin-500.svg?73072577#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
}
/** Oswald Light regular **/
@font-face {
      font-family: 'OswaldLightRegular';
      src: url('../Fonts/Oswald/oswald-v16-latin-300.eot?73072577');
      src: url('../Fonts/Oswald/oswald-v16-latin-300.eot?73072577#iefix') format('embedded-opentype'),
           url('../Fonts/Oswald/oswald-v16-latin-300.woff?73072577') format('woff'),
           url('../Fonts/Oswald/oswald-v16-latin-300.ttf?73072577') format('truetype'),
           url('../Fonts/Oswald/oswald-v16-latin-300.svg?73072577#fontello') format('svg');
      font-weight: normal;
      font-style: normal;
}
@font-face {
    font-family: 'OpenSansSemiBold';
    src: url('../Fonts/OpenSans/OpenSans-Semibold-webfont.eot');
    src: url('../Fonts/OpenSans/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/OpenSans/OpenSans-Semibold-webfont.woff') format('woff'),
         url('../Fonts/OpenSans/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('../Fonts/OpenSans/OpenSans-Semibold-webfont.svg#OpenSansSemiBold') format('svg');
    font-weight: bold;
    font-style: normal;

}

/**
    STYLES, CSS für PV
**/

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/***
    CONTAINER::Styles;
***/
@media all {
    * { margin:0px;  padding:0px;}
    * html body * {   }
    html { 
        height: 100%; 
        margin-bottom: 1px; 
        font-family: OswaldLightRegular, Arial, Helvetica, sans-serif; 
        color:#20415d;
    }
}

html { box-sizing: border-box; } 
*, ::before, ::after { box-sizing: inherit; }

body {
    margin:0 0 0 0; 
    background-color:#ffffff; 
    height:100%;
    overflow-y: scroll;
}
*:focus {
    outline: 0;
}
header {
    width:100%;
    position:fixed;
    display:block;
    background-color:#30618a;
    z-index: 1000;
    padding:6px 0 4px 0;
}
#container {
    position:relative;
    width:100%;
    height:100%;
    min-height:100%;
}

#headercnt,
#mainnavicnt,
#content {
    height:auto;
    max-width:1200px;
    width:1200px;
    margin:0 auto 0 auto;
}
#content {
    min-height:50%;
}
div.jqmcnt #content {
    max-width:950px;
    width:100%;
}

#headercnt {
    padding: 0;
    margin-bottom:20px;
}
#logocnt {
    float:left;
}
#logoutbutton {
    float:right;
    padding:10px 0 0 0;
}
#logoutbutton button {
    margin:0;
}
#startpic {
  padding-top:50px;
}
#startpic img {
  width:100%;
  height:auto;
  position:relative;

}
#loginformoverimage {
  position:absolute;
  top:100px;
  left:30%;
}

#content {
    overflow:hidden;
    margin-bottom:54px;
    padding:80px 0 50px 0;
}
div.panelclmncnt {
    display:inline-block;
    height:auto;
    width:100%;
}
div.panelclmn {
    display:inline-block;
}
div.panelclmn.left {
    float:left;
    width:60%;
}
div.panelclmn.left.small {
    float:left;
    width:48%;
}
div.panelclmn.right {
    margin:0 0 0 2%;
    width:48%;
}
div.panel-body {
    padding: 10px 5px 10px 5px;
    background-color:#ffffff;
}
.panel-default > .panel-heading {
    background-color: #f5f5f5;
    border-color: #c5c5c5;
    color: #333;
}
.panel-group .panel-heading {
    border-bottom: 0 none;
}
.panel-heading {
    border-bottom: 1px solid transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    padding: 10px 15px;
}

footer {
    position:fixed;
    width:100%;
    background-color:#30618a;    
    bottom:0;
    padding: 0;
    overflow:hidden;
    height:45px;
    z-index:20;
}
footer.footer.row {
	margin:0;
}
#footercnt {
    max-width:1200px;
    width:100%;
    margin:0 auto 0 auto;
}
ul.buttonnav,
#adminnav ul {
    list-style-type: none;
    margin:0;
    padding:0;
}
#adminnav ul li {
    display:inline-block;
    background-color:#30618a;
    margin:0;
    padding:0;
}
ul.buttonnav {
    margin: 0 0 10px 0;
}
ul.buttonnav li {
    display:inline-block;
    float:left;
}
ul.buttonnav li button {
    padding: 4px 15px;
    font-size: 0.813rem;
    margin: 0 2px 0 0;
}
div.copyright {
    display:inline-block;
    font-size:0.688rem;
    padding:20px 0 0 0;
    width:70%;
    color:#ffffff;
} 
div.scrollcnt {
    overflow-y:auto;
    max-height:250px;
    padding: 0 16px 0 0;
}
div.scrollcnt.module {
    max-height:600px;
}

/********************************************************************
*** CSS für die Seiteninhalte
********************************************************************/
h1, h2, h3, h4, h5, h6 {
    background:none; 
    text-align:left;
    display:block;
    padding:0;
    margin:0;
}

h1 {color:#f57c14; font-size: 2rem; margin-bottom:36px; line-height:normal; font-weight:normal; text-rendering: optimizeLegibility;}
h2 {color:#20415d; font-size: 1.75rem; margin-bottom:15px; line-height:normal; font-weight:normal; text-rendering: optimizeLegibility;}
h3 {font-size: 1.15rem; color:#20415d; font-weight: normal; margin-bottom:18px; line-height:22px; text-rendering: optimizeLegibility;}
h4 {font-size: 1rem; color:#20415d; font-weight: normal; margin-bottom:10px; line-height:22px; text-rendering: optimizeLegibility;}
h5, h6 {}

h1 {
  font-family: OpenSansSemiBold;
}
h2,
h3,
h4 {
  font-family: OpenSansSemiBold;
}
h1 a, h2 a {
  color:#ed1639;
}
.login-form h1 {
    margin-bottom:0;
}

a {
  font-family:OswaldRegular;
}
a:link {
  color:#f57c14; 
  text-decoration:none; 
}  
a:visited {
  text-decoration:none; 
  color:#f57c14;
}
a:hover {
  text-decoration:underline; 
  color:#1d2226;
}
a:active {
  text-decoration:none; 
  color:#f57c14;
}
a.button:hover {
    text-decoration:none;
    color:#ffffff;
}


p {
  color:#20415d; /*#1d2226;*/ 
  font-size:1.15rem; 
  line-height:26px; 
  margin-bottom:20px;
  font-family: OswaldLightRegular;
}
p.align-justify {text-align:justify;}
p.align-center {text-align:center;}
p.align-right {text-align:right;}
p + ul {margin-top:-0.9375rem;}



ul, ol {
  font-size:1.15rem; 
  margin-left:16px; 
  margin-bottom:20px;
  list-style-position: inside;
}
ul {
  list-style-type: square;
}
ol {
  list-style-type: decimal;
}

li {
  margin:0px; 
  padding:0px; 
  color:#20415d; 
  font-size:1.15rem; 
  line-height:26px;
  margin-bottom:5px;
  font-family:OswaldLightRegular;
}
img {
    overflow:hidden; 
    border:0px; 
    margin:0; 
    padding:0; 
    display:block;
} 


/** Tabellen **/
table, th, td {
    border: 1px dotted #cdcdcd;
    border-collapse: collapse;
    font-size:1rem;
}
td, th {
    text-align:center;
    padding:3px;
}

label {
  display:block;
  float:left;
  overflow:hidden;
  font-weight:bold;
}
table.contenttable {
    width:99.9%;
    margin-bottom:30px;
    border-color: #999999;
}
table.contenttable.paginated {
    margin-bottom:7px;
}
table.contenttable td,
table.contenttable th {
    max-width:250px;
    border-color: #999999;
}
table.contenttable td {
    max-width:250px;
}
table.contenttable td.extend {
    min-width:230px;
    max-width:270px;
}
table.contenttable td.editfuncs {
    max-width:40px;
}
table.contenttable tr:nth-child(2n) {
    background-color: #efefef;
}
table.contenttable tr:hover {
    background-color: #d6d6d6;
}
table.layouttable.contenttable tr:hover {
    background:none;
}
table th:hover {
    background:none;
}
table.listtable {
    border:none;
    width:100%;
}
table.listtable td {
    border:none;
    border-bottom:1px dotted #30618a;
    padding:3px 10px 3px 10px;
    text-align:left;
}
table.layouttable {
    width:100%;
}
table.layouttable,
table.layouttable td,
table.layouttable th {
    border:none;
    vertical-align:top;
}
table.layouttable td {
    text-align:left;
}
table.layouttable.nopadding td {
    padding:0;
}
span.qnr {
    display:inline-block;
    width:auto;
    float:left;
    margin-right:8px;
    font-size:0.875rem;
    line-height:20px;
    page-break-after: avoid;
}

p + ol,
p + ul {
    margin-top:-10px !important;
}

/***
    LARAVEL::Paginierung;
***/
div.paginationcont.top {
    padding:15px 0 0 0;
}
div.paginationcont.adm {
    padding:15px 0 0 5px;
}
ul.pagination {
    display:inline-block;
    list-style-type: none;
    margin:0;
}
ul.pagination li {
    display:inline-block;
    line-height:normal;
}
ul.pagination li a {
    line-height:normal;
    border:1px solid #30618a;
    text-decoration:none;
}
ul.pagination li.disabled {
    display:none;
}
ul.pagination li.active span {
    background-color:#efefef;
    border:1px solid #30618a;
    color:#30618a;
}
ul.pagination li.active span,
ul.pagination li a {
        padding:4px 8px 4px 8px;
}
ul.pagination li a:hover {
    background-color:#d6d6d6;
}
div.hint,
p.hint {
    border:1px solid #30618a;
    padding:20px 15px 20px 15px;
    background-color:#eef2da;
}

/***
    FORM::Styles;
***/
div.formcnt {
    text-align:center;
}
div.formcnt.left {
    text-align:left;
}
div.form {
    display:inline-block;
    padding:20px;
    width:98%;
    background-color:#f3f3f3;
    text-align:left;
    height:auto;
}
div.cookie.form.input div {
  display:inline-block;
  width:100%;
}
div.form.clmn {
    padding:0;
    background:none;
}
div.form.inline {
    padding:0;
    width:auto;
    text-align:left;
}
div.form.login-form {
    margin:0 0 0 0;
    width:500px;
    background-color:rgba(255, 255, 255, 0.7);
}
div.form.login-form.nobgimage {
    background-image:none;
    margin:0;
}
div.login-form {
  padding:4px;
  background-color:rgba(243, 243, 243, 0.5);
}
div.form.login-form div.panel-body {
    background-color: rgba(255, 255, 255, 0.5);
}
div.form.login-form div.panel-body label {
    color:#000000;
}
div.form p.beforelabel,
div.form div.beforelabel {
    display:inline-block;
    margin:4px 0 0 0;
}
div.form.login-form div.panel-body input {
    background-color:#ffffff;
}
div.form label {
    width:110px;
    font-size:0.875rem;
    color: #30618a;
    padding-top:4px;
    margin-right:5px;
    float:none;
    display:inline-block;
    vertical-align:top;
}
div.login-form label {
    width:80px;
}
div.login-form input {
    margin-bottom:10px !important;
    height:36px !important;
    padding: 0 4px 0 4px;
}
div.form .formfield,
div.form .form-group {
    /*margin:0 0 5px 5px;*/
    height:100%;
    /*overflow:hidden;*/
}
div.col-md-6 {
   display:inline-block;
   width:70%;
   max-width:70%;
}
div#cnt div.col-md-6 {
    width:100%;
    max-width:100%;
}
div.form .panelclmn .formfield,
div.form .panelclmn .form-group {
    margin:0 0 5px 0;
}
div.form .form-group.buttons {
    vertical-align:top;
    margin-top:30px;
}
div.form input[type="text"],
div.form select,
div.form textarea {
    height:35px;
    font-size:0.875rem;
    color:#2b2b2b;
    border:1px dotted #30618a;
    background-color:#ffffff;
    width:100%;
    max-width:350px;
    margin:0 0 5px 0;
}
div.form input {
    border: 0;
    border-bottom:1px dotted #30618a;
}
div.form input.search {
    border:1px solid #30618a;
}
button:disabled,
button[disabled]{
  border: 1px solid #999999;
  background-color: #cccccc;
  color: #666666;
  cursor: default;
}
div.form select.multiple {
    height:auto;
}
div.form div.form-group.upload input {
    height:auto;
}
.error,
div.form .has-error input,
div.form .has-error select,
div.form .has-error textarea {
    border:1px solid #ff0000;
    background-color:#ffd8d8;
}
div.form.inline input,
div.form.inline select {
    height:32px;
    margin:0;
}

div.form textarea {
    height:200px;
    max-height:300px;
    max-width:500px;
    min-height:50px;
    min-width:150px;
    padding:5px;
    font-family:arial, sans-serif;
    font-size:0.875rem;

}
div.form textarea.extraheight {
    max-height:1000px;
}
div.form textarea.maxwidth800 {
    max-width: 800px;
}
div.form textarea.small {
    height:75px;
}
div.form textarea.extrasmall {
    height:45px;
    font-weight:bold;
}

div.form.login-form div.col-md-6 {
    width:auto;
    max-width:165px;
}
div.form.login-form input {
    padding:3px 5px 3px 5px;
    max-width:164px;
    width:100%;
    border:1px solid #30618a !important;
}
div.form input[type="text"] {
    max-width:350px;
    width:100%;
    padding:3px 5px 3px 5px;
}
div.form .input-group .form-control.small {
    width:20%;
}
div.form input.short {
    width:100px;
}
div.form input.radio {
    width:20px;

}

div.form input.search {
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:0 -31px;
    padding:0 0 0 34px;
}
div.form select.filter,
div.form input.filter {
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:0 -62px;
    padding:0 8px 0 34px;
    min-width:190px;
}
div.form .submit input {
    margin:10px 0 0 105px;
    border:0;
    cursor:pointer;
}


input[type="checkbox"].switch {
  visibility: hidden;
  height:0;
  width:0;
}
input[type="checkbox"] + label {
  width: 60px;
  height: 30px;
  border-radius: 30px;
  border: 2px solid #ddd;
  background-color: #EEE;
  display: inline-block;
  content: "";
  /*float: left;*/
  margin-right: 5px;
  transition: background-color 0.5s linear;
  /*margin-top: 15px;*/
}
input[type="checkbox"] + label:hover {
  cursor: pointer;
}
input[type="checkbox"] + label::before {
  width: 22px;
  height: 22px;
  border-radius: 20px;
  background-color: #fff;
  display: block;
  content: "";
  /*float: left;*/
  margin-right: 5px;
  transition: margin 0.1s linear;
  box-shadow: 0px 0px 5px #aaa;
}
input[type="checkbox"]:checked+label{
  background-color: #30618a;
}
input[type="checkbox"]:checked+label::before {
  margin: 0 0 0 30px;
}
input[type="checkbox"]:checked+label::before {
  box-shadow: inset 0px 0px 0px 3px #fff;
  background-color: #85bbe8;
}
input[type="checkbox"] + label {
  position: relative;
}
input[type="checkbox"] + label::after {
    content: "";
    position: absolute;
    left: 70px;
    top: 5px;
}



div.form-group.has-error span.help-block {
    display: inline-block;
    font-size:0.75rem;
    color:#ff0000;
    width:100%;
    margin: 0 0 15px 0;
    padding:2px;
}
div.login-form div.form-group.has-error span.help-block {
    width:auto;
    max-width:164px;
}

input:-moz-read-only { /* For Firefox */
    background: #cccccc !important;
    border:0 !important;
}

input:read-only { 
    background: #cccccc !important;
    border:0 !important;
}

span.help-block.error {
    color:#ff0000;
    font-size:0.8rem;
    display:block;
    border:none;
}

/***
    BUTTONS::Styles;
***/
.button,
button {
    border:none;
    padding:8px 25px 8px 25px;
    color:#ffffff;
    font-weight:bold;
    font-size:1rem;
    background-color:#f57c14;
    display:inline-block;
    cursor:pointer;
    margin:0 5px 0 0;
}
a.button {
  padding:5px 25px 5px 25px;
}
button.small {
    font-size:0.825rem;
    padding:4px 10px 4px 10px;
}
a.button {
    color:#ffffff !important;
    text-decoration:none;
    width:auto;
}
a.button.active {
    background-color:#dedede;
}
a.button.small {
    font-size:0.75rem;
    padding:3px 10px 3px 10px;
}
a.selectwindow,
button.selectwindow {
    text-align:left;
    margin: 0 0 3px 0;
    color:#505050;
    width:100%;
}
a.selectwindow:hover,
button.selectwindow:hover {
    color:#ffffff;
}
a.selectwindow {
    padding: 8px 30px 8px 30px;
    display:inline-block;
    width:100%;
    text-decoration:none;
}
a.selectwindow:hover {
    background-color:#cccccc;
}
.nav a.button {
    color:#30618a;
    height:30px;
    padding:0 10px 0 10px;
    text-align:center;
    line-height:normal;
}
#adminnav ul li:hover,
a.button:hover,
.pv-actionbtnxtx.sbtn:hover,
button:hover {
     background-color:#cccccc;
}
a.btn.btn-link {
    display:block;
    font-size:0.75rem;
    margin-top:10px;
}
ul.buttonnav li .button.extralarge,
button.extralarge,
a.button.extralarge {
    width:250px;
    height:150px;
    font-weight:bold;
}
a.button.extralarge {
    text-align:center;
}
ul.buttonnav li .button.extralarge,
ul.buttonnav li button.extralarge {
    font-size:1.25rem;
}
ul.buttonnav li .button.extralarge {
    text-align:center;
    width:250px;
    padding:0;
    display:block;
}
ul.buttonnav li .button.extralarge::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height:33%;
  line-height:normal;
}

ul.buttonnav li .button.middlelarge,
button.middlelarge,
a.button.middlelarge {
    width:150px;
    height:80px;
    font-weight:bold;
}
a.button.middlelarge {
    text-align:center;
}
ul.buttonnav li .button.middlelarge,
ul.buttonnav li button.middlelarge {
    font-size:0.875rem;
}
ul.buttonnav li .button.middlelarge {
    text-align:center;
    width:250px;
    padding:0;
    display:block;
}
ul.buttonnav li .button.middlelarge::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height:33%;
  line-height:normal;
}

div.labeldist {
    margin-left:115px;
}
span.pv-actions {
    display:inline-block;
    width:28px;
    height:30px;
}
span.pv-actionbtnxtx {
    display:inline-block;
    width:auto;
    height:30px;
}
span.pv-actionbtnxtx.box {
    padding:0 5px 0 0;
    border:1px solid #30618a;
    vertical-align:top;
    height:auto;
}
span.pv-actionbtnxtx.box span.text {
    display:inline-block;
    padding:7px 0 0 5px;
    font-size:0.875rem;
    line-height:normal;
}
span.pv-actionbtnxtx.sbtn {
    background-color:#30618a;
    padding:8px 5px 8px 5px;
    color:#ffffff;
}
span.pv-actions.selectcl {
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:-348px  0;
}
span.pv-actions.edit {
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:0  0;
}
span.pv-actions.delete {
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:-29px 0;
}
span.pv-actions.new {
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:-58px 0;
}
span.pv-actions.region {
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:-87px 0;
}
span.pv-actions.back {
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:-145px 0;
}
span.pv-actions.praxis {
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:-232px 0;
}
span.pv-actions.mitarbeiter {
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:-261px 0;
}
span.pv-actions.unlink {
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:-290px 0;
}
span.pv-actions.cpwd {
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:-116px 0;
}
span.pv-actionbtnxtx span.icon {
    display:inline-block;
    width:29px;
    height:30px;
    float:left;
}
span.pv-actionbtnxtx span.icon.new {
    
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:-58px 0;
}
span.pv-actionbtnxtx span.icon.edit {
    
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:0 0;
}
a.active span.pv-actionbtnxtx.box {
    background:none;
    background-color:#9fa58e !important;
    color:#717171;
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:0 -92px;
    padding:0 5px 0 0;
}
span.pv-actionbtnxtx span.icon.save {
    
    background-image:url('../Gfx/Design/navi-icons.png');
    background-repeat:no-repeat;
    background-position:-319px 0;
}
a.active span.pv-actionbtnxtx.box span.icon {
    background:none;
}

span.insert::before {
    font-family:'AwesomeSolid';
    content:'\f358';
    line-height:normal;
    font-size:1.1rem;
    text-align:center;
    color:#aaaaaa;
    padding-right:4px;
}

button:hover > span.pv-navi,
a:hover > span.pv-navi {
    color:#000000 !important;
}

/*
   jquery toTop
*/
#toTop {
    z-index: 1555;
    display: none;
    text-decoration: none;
    position: fixed;
    bottom: 50px;
    right: 10px;    
    border: none;
    color:rgba(0, 0, 0, 0);
    text-indent: -999px;
    /*background: url(../Gfx/Design/totop.png) no-repeat left top;*/
}
a#toTop::before {
    display:inline-block;
    overflow: visible;
    text-align:center;
    vertical-align:middle;
    content: '\e253';
    font-family: 'Glyphicons Halflings';
    position:absolute;
    bottom:10px;
    right:20px;
    text-indent: 0;
    font-size:2rem;
    color:#a3a3a3;
    width: 44px;
    height: 44px;
    border:1px solid #a3a3a3;
}
a#toTop:hover::before {
    color:#30618a;
    border:1px solid #30618a;
}

/*
  animate
*/
button:hover > span.pv-navi,
a:hover > span.pv-navi,
button,
.button,
a,
a:hover,
a#topTop:hover::before,
a:hover::before {
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .5s;
    transition: .5s;
}
.inline {
    display:inline-block;
    vertical-align:top;
}
.valigntop {
  vertical-align :top !important;
}
.valignmiddle {
  vertical-align :middle !important;
}
.valignbottom {
  vertical-align :bottom !important;
}
.nomargin {
  margin:0 !important;
}
.nobackground {
    background:none !important;
}
.mbottom10 {
    margin-bottom:10px !important;
}
.mbot5 {
    margin-bottom:5px !important;
}
.mbot10 {
    margin-bottom:10px !important;
}
.mbot15 {
    margin-bottom:15px !important;
}
.mbot20 {
    margin-bottom:20px !important;
}
.mtop5 {
    margin-top:5px !important;
}
.mtop10 {
    margin-top:10px !important;
}
.mtop15 {
    margin-top:15px !important;
}
.mtop20 {
    margin-top:20px !important;
}
.mtop50 {
    margin-top:50px !important;
}
.mright30 {
    margin-right:30px !important;
}

.width55 {
  width: 55% !important;
}
.width70 {
  width: 70% !important;
}
.width100 {
  width: 100% !important;
}
.border-bottom2 {
    border-bottom:1px dotted #30618a;
    padding:0 0 5px 0;
    margin:0 0 10px 0;
}
.text-right {
    text-align:right;
}
.text-left {
    text-align:left;
}
.text-center {
    text-align:center;
}
span.pv-actionbtnxtx {
    display:inline-block;
    width:auto;
    height:30px;
}
span.pv-actionbtnxtx.box {
    padding:0 5px 0 0;
    border:1px solid #30618a;
    vertical-align:top;
    height:auto;
}
span.pv-actionbtnxtx.box span.text {
    display:inline-block;
    padding:3px 0 0 5px;
    font-size:0.875rem;
    font-weight:bold;
    line-height:normal;
}
.right {
    float:right;
}
.shadow {
    -webkit-box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 3px 3px rgba(0,0,0,0.25);
}
div.labeldist {
    margin-left: 115px;
}

/**************************
*** STYLES:: Flex-Grid
***************************/
.row {
  margin-bottom:15px;

}
.row > * {
  margin-bottom:15px;
}
.box-row {
  padding:0.5rem;
}
.boxbg {
  box-sizing: border-box;
  /*border-left: solid 0.5rem transparent;
  border-right: solid 0.5rem transparent;
  position:relative;
  z-index:1;*/

}
.boxbg::before {
    /*content: '';
    border: 1px solid red;
    display: block;
    width: 100%;
    height: 100%;
    background-color:#ffffff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;*/
}
.boxbg.shadow::before {
/*  -webkit-box-shadow: 3px 5px 9px -2px rgba(0,0,0,0.59); 
  box-shadow: 3px 5px 9px -2px rgba(0,0,0,0.59);*/
}
/**************************
*** STYLES:: Flex-Grid-ENDE
***************************/

/******************************************************************************************************
*** Uncomment and set these variables to customize the grid. 
*** FLEX-GRID
/******************************************************************************************************/

.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-right: 2rem;
  padding-left: 2rem;
}

.row {
  box-sizing: border-box;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex: 0 1 auto;
  -webkit-box-flex: 0;
  flex: 0 1 auto;
  -ms-flex-direction: row;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -1rem;
  margin-left: -1rem;
}

.row.reverse {
  -ms-flex-direction: row-reverse;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  flex-direction: row-reverse;
}

.col.reverse {
  -ms-flex-direction: column-reverse;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  flex-direction: column-reverse;
}

.col-xs,
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  box-sizing: border-box;
  -ms-flex: 0 0 auto;
  -webkit-box-flex: 0;
  flex: 0 0 auto;
  padding-right: 1rem;
  padding-left: 1rem;
}

.col-xs {
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  -webkit-box-flex: 1;
  flex-grow: 1;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%;
}

.col-xs-1 {
  -ms-flex-preferred-size: 8.333%;
  flex-basis: 8.333%;
  max-width: 8.333%;
}

.col-xs-2 {
  -ms-flex-preferred-size: 16.667%;
  flex-basis: 16.667%;
  max-width: 16.667%;
}

.col-xs-3 {
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%;
}

.col-xs-4 {
  -ms-flex-preferred-size: 33.333%;
  flex-basis: 33.333%;
  max-width: 33.333%;
}

.col-xs-5 {
  -ms-flex-preferred-size: 41.667%;
  flex-basis: 41.667%;
  max-width: 41.667%;
}

.col-xs-6 {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%;
}

.col-xs-7 {
  -ms-flex-preferred-size: 58.333%;
  flex-basis: 58.333%;
  max-width: 58.333%;
}

.col-xs-8 {
  -ms-flex-preferred-size: 66.667%;
  flex-basis: 66.667%;
  max-width: 66.667%;
}

.col-xs-9 {
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%;
}

.col-xs-10 {
  -ms-flex-preferred-size: 83.333%;
  flex-basis: 83.333%;
  max-width: 83.333%;
}

.col-xs-11 {
  -ms-flex-preferred-size: 91.667%;
  flex-basis: 91.667%;
  max-width: 91.667%;
}

.col-xs-12 {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%;
}

.col-xs-offset-1 {
  margin-left: 8.333%;
}

.col-xs-offset-2 {
  margin-left: 16.667%;
}

.col-xs-offset-3 {
  margin-left: 25%;
}

.col-xs-offset-4 {
  margin-left: 33.333%;
}

.col-xs-offset-5 {
  margin-left: 41.667%;
}

.col-xs-offset-6 {
  margin-left: 50%;
}

.col-xs-offset-7 {
  margin-left: 58.333%;
}

.col-xs-offset-8 {
  margin-left: 66.667%;
}

.col-xs-offset-9 {
  margin-left: 75%;
}

.col-xs-offset-10 {
  margin-left: 83.333%;
}

.col-xs-offset-11 {
  margin-left: 91.667%;
}

.start-xs {
  -ms-flex-pack: start;
  -webkit-box-pack: start;
  justify-content: flex-start;
  text-align: start;
}

.center-xs {
  -ms-flex-pack: center;
  -webkit-box-pack: center;
  justify-content: center;
  text-align: center;
}

.end-xs {
  -ms-flex-pack: end;
  -webkit-box-pack: end;
  justify-content: flex-end;
  text-align: end;
}

.top-xs {
  -ms-flex-align: start;
  -webkit-box-align: start;
  align-items: flex-start;
}

.middle-xs {
  -ms-flex-align: center;
  -webkit-box-align: center;
  align-items: center;
}

.bottom-xs {
  -ms-flex-align: end;
  -webkit-box-align: end;
  align-items: flex-end;
}

.around-xs {
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.between-xs {
  -ms-flex-pack: justify;
  -webkit-box-pack: justify;
  justify-content: space-between;
}

.first-xs {
  -ms-flex-order: -1;
  -webkit-box-ordinal-group: 0;
  order: -1;
}

.last-xs {
  -ms-flex-order: 1;
  -webkit-box-ordinal-group: 2;
  order: 1;
}

@media only screen and (min-width: 48em) {
  .container {
    width: 46rem;
  }

  .col-sm,
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-sm {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-sm-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-sm-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-sm-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-sm-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-sm-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-sm-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-sm-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-sm-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-sm-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-sm-offset-1 {
    margin-left: 8.333%;
  }

  .col-sm-offset-2 {
    margin-left: 16.667%;
  }

  .col-sm-offset-3 {
    margin-left: 25%;
  }

  .col-sm-offset-4 {
    margin-left: 33.333%;
  }

  .col-sm-offset-5 {
    margin-left: 41.667%;
  }

  .col-sm-offset-6 {
    margin-left: 50%;
  }

  .col-sm-offset-7 {
    margin-left: 58.333%;
  }

  .col-sm-offset-8 {
    margin-left: 66.667%;
  }

  .col-sm-offset-9 {
    margin-left: 75%;
  }

  .col-sm-offset-10 {
    margin-left: 83.333%;
  }

  .col-sm-offset-11 {
    margin-left: 91.667%;
  }

  .start-sm {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-sm {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-sm {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-sm {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-sm {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-sm {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-sm {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-sm {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-sm {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-sm {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

@media only screen and (min-width: 62em) {
  .container {
    width: 61rem;
  }

  .col-md,
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-md {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-md-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-md-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-md-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-md-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-md-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-md-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-md-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-md-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-md-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-md-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-md-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-md-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-md-offset-1 {
    margin-left: 8.333%;
  }

  .col-md-offset-2 {
    margin-left: 16.667%;
  }

  .col-md-offset-3 {
    margin-left: 25%;
  }

  .col-md-offset-4 {
    margin-left: 33.333%;
  }

  .col-md-offset-5 {
    margin-left: 41.667%;
  }

  .col-md-offset-6 {
    margin-left: 50%;
  }

  .col-md-offset-7 {
    margin-left: 58.333%;
  }

  .col-md-offset-8 {
    margin-left: 66.667%;
  }

  .col-md-offset-9 {
    margin-left: 75%;
  }

  .col-md-offset-10 {
    margin-left: 83.333%;
  }

  .col-md-offset-11 {
    margin-left: 91.667%;
  }

  .start-md {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-md {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-md {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-md {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-md {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-md {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-md {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-md {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-md {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-md {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}

@media only screen and (min-width: 75em) {
  .container {
    width: 71rem;
  }

  .col-lg,
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    box-sizing: border-box;
    -ms-flex: 0 0 auto;
    -webkit-box-flex: 0;
    flex: 0 0 auto;
    padding-right: 1rem;
    padding-left: 1rem;
  }

  .col-lg {
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
    flex-grow: 1;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%;
  }

  .col-lg-1 {
    -ms-flex-preferred-size: 8.333%;
    flex-basis: 8.333%;
    max-width: 8.333%;
  }

  .col-lg-2 {
    -ms-flex-preferred-size: 16.667%;
    flex-basis: 16.667%;
    max-width: 16.667%;
  }

  .col-lg-3 {
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%;
  }

  .col-lg-4 {
    -ms-flex-preferred-size: 33.333%;
    flex-basis: 33.333%;
    max-width: 33.333%;
  }

  .col-lg-5 {
    -ms-flex-preferred-size: 41.667%;
    flex-basis: 41.667%;
    max-width: 41.667%;
  }

  .col-lg-6 {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%;
  }

  .col-lg-7 {
    -ms-flex-preferred-size: 58.333%;
    flex-basis: 58.333%;
    max-width: 58.333%;
  }

  .col-lg-8 {
    -ms-flex-preferred-size: 66.667%;
    flex-basis: 66.667%;
    max-width: 66.667%;
  }

  .col-lg-9 {
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%;
  }

  .col-lg-10 {
    -ms-flex-preferred-size: 83.333%;
    flex-basis: 83.333%;
    max-width: 83.333%;
  }

  .col-lg-11 {
    -ms-flex-preferred-size: 91.667%;
    flex-basis: 91.667%;
    max-width: 91.667%;
  }

  .col-lg-12 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%;
  }

  .col-lg-offset-1 {
    margin-left: 8.333%;
  }

  .col-lg-offset-2 {
    margin-left: 16.667%;
  }

  .col-lg-offset-3 {
    margin-left: 25%;
  }

  .col-lg-offset-4 {
    margin-left: 33.333%;
  }

  .col-lg-offset-5 {
    margin-left: 41.667%;
  }

  .col-lg-offset-6 {
    margin-left: 50%;
  }

  .col-lg-offset-7 {
    margin-left: 58.333%;
  }

  .col-lg-offset-8 {
    margin-left: 66.667%;
  }

  .col-lg-offset-9 {
    margin-left: 75%;
  }

  .col-lg-offset-10 {
    margin-left: 83.333%;
  }

  .col-lg-offset-11 {
    margin-left: 91.667%;
  }

  .start-lg {
    -ms-flex-pack: start;
    -webkit-box-pack: start;
    justify-content: flex-start;
    text-align: start;
  }

  .center-lg {
    -ms-flex-pack: center;
    -webkit-box-pack: center;
    justify-content: center;
    text-align: center;
  }

  .end-lg {
    -ms-flex-pack: end;
    -webkit-box-pack: end;
    justify-content: flex-end;
    text-align: end;
  }

  .top-lg {
    -ms-flex-align: start;
    -webkit-box-align: start;
    align-items: flex-start;
  }

  .middle-lg {
    -ms-flex-align: center;
    -webkit-box-align: center;
    align-items: center;
  }

  .bottom-lg {
    -ms-flex-align: end;
    -webkit-box-align: end;
    align-items: flex-end;
  }

  .around-lg {
    -ms-flex-pack: distribute;
    justify-content: space-around;
  }

  .between-lg {
    -ms-flex-pack: justify;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }

  .first-lg {
    -ms-flex-order: -1;
    -webkit-box-ordinal-group: 0;
    order: -1;
  }

  .last-lg {
    -ms-flex-order: 1;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }
}