@font-face {
    font-family: 'Open Sans';
    src: url('/static/workflow/fonts/OpenSans-Light.eot');
    src: url('/static/workflow/fonts/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
        url('/static/workflow/fonts/OpenSans-Light.woff2') format('woff2'),
        url('/static/workflow/fonts/OpenSans-Light.woff') format('woff'),
        url('/static/workflow/fonts/OpenSans-Light.ttf') format('truetype'),
        url('/static/workflow/fonts/OpenSans-Light.svg#OpenSans-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/workflow/fonts/OpenSans-LightItalic.eot');
    src: url('/static/workflow/fonts/OpenSans-LightItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/workflow/fonts/OpenSans-LightItalic.woff2') format('woff2'),
        url('/static/workflow/fonts/OpenSans-LightItalic.woff') format('woff'),
        url('/static/workflow/fonts/OpenSans-LightItalic.ttf') format('truetype'),
        url('/static/workflow/fonts/OpenSans-LightItalic.svg#OpenSans-LightItalic') format('svg');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/workflow/fonts/OpenSans-Regular.eot');
    src: url('/static/workflow/fonts/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
        url('/static/workflow/fonts/OpenSans-Regular.woff2') format('woff2'),
        url('/static/workflow/fonts/OpenSans-Regular.woff') format('woff'),
        url('/static/workflow/fonts/OpenSans-Regular.ttf') format('truetype'),
        url('/static/workflow/fonts/OpenSans-Regular.svg#OpenSans-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/workflow/fonts/OpenSans-ExtraBoldItalic.eot');
    src: url('/static/workflow/fonts/OpenSans-ExtraBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/workflow/fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
        url('/static/workflow/fonts/OpenSans-ExtraBoldItalic.woff') format('woff'),
        url('/static/workflow/fonts/OpenSans-ExtraBoldItalic.ttf') format('truetype'),
        url('/static/workflow/fonts/OpenSans-ExtraBoldItalic.svg#OpenSans-ExtraBoldItalic') format('svg');
    font-weight: 800;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/workflow/fonts/OpenSans-SemiBoldItalic.eot');
    src: url('/static/workflow/fonts/OpenSans-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/workflow/fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('/static/workflow/fonts/OpenSans-SemiBoldItalic.woff') format('woff'),
        url('/static/workflow/fonts/OpenSans-SemiBoldItalic.ttf') format('truetype'),
        url('/static/workflow/fonts/OpenSans-SemiBoldItalic.svg#OpenSans-SemiBoldItalic') format('svg');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/workflow/fonts/OpenSans-BoldItalic.eot');
    src: url('/static/workflow/fonts/OpenSans-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('/static/workflow/fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('/static/workflow/fonts/OpenSans-BoldItalic.woff') format('woff'),
        url('/static/workflow/fonts/OpenSans-BoldItalic.ttf') format('truetype'),
        url('/static/workflow/fonts/OpenSans-BoldItalic.svg#OpenSans-BoldItalic') format('svg');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/workflow/fonts/OpenSans-Bold.eot');
    src: url('/static/workflow/fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
        url('/static/workflow/fonts/OpenSans-Bold.woff2') format('woff2'),
        url('/static/workflow/fonts/OpenSans-Bold.woff') format('woff'),
        url('/static/workflow/fonts/OpenSans-Bold.ttf') format('truetype'),
        url('/static/workflow/fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/workflow/fonts/OpenSans-Italic.eot');
    src: url('/static/workflow/fonts/OpenSans-Italic.eot?#iefix') format('embedded-opentype'),
        url('/static/workflow/fonts/OpenSans-Italic.woff2') format('woff2'),
        url('/static/workflow/fonts/OpenSans-Italic.woff') format('woff'),
        url('/static/workflow/fonts/OpenSans-Italic.ttf') format('truetype'),
        url('/static/workflow/fonts/OpenSans-Italic.svg#OpenSans-Italic') format('svg');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/workflow/fonts/OpenSans-SemiBold.eot');
    src: url('/static/workflow/fonts/OpenSans-SemiBold.eot?#iefix') format('embedded-opentype'),
        url('/static/workflow/fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('/static/workflow/fonts/OpenSans-SemiBold.woff') format('woff'),
        url('/static/workflow/fonts/OpenSans-SemiBold.ttf') format('truetype'),
        url('/static/workflow/fonts/OpenSans-SemiBold.svg#OpenSans-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('/static/workflow/fonts/OpenSans-ExtraBold.eot');
    src: url('/static/workflow/fonts/OpenSans-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('/static/workflow/fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('/static/workflow/fonts/OpenSans-ExtraBold.woff') format('woff'),
        url('/static/workflow/fonts/OpenSans-ExtraBold.ttf') format('truetype'),
        url('/static/workflow/fonts/OpenSans-ExtraBold.svg#OpenSans-ExtraBold') format('svg');
    font-weight: 800;
    font-style: normal;
}


@font-face {
  font-family: 'NAB_CRM_Regular';
  src:  url('/static/workflow/fonts/NAB_CRM_Regular.eot?r0jh8');
  src:  url('/static/workflow/fonts/NAB_CRM_Regular.eot?r0jh8#iefix') format('embedded-opentype'),
    url('/static/workflow/fonts/NAB_CRM_Regular.ttf?r0jh8') format('truetype'),
    url('/static/workflow/fonts/NAB_CRM_Regular.woff?r0jh8') format('woff'),
    url('/static/workflow/fonts/NAB_CRM_Regular.svg?r0jh8#NAB_CRM_Regular') format('svg');
  font-weight: normal;
  font-style: normal;
}

html {
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

i.nabfont {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'NAB_CRM_Regular' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.ic-chevron-down:before {
  content: "\e900";
}
.ic-chevron-left:before {
  content: "\e901";
}
.ic-chevron-right:before {
  content: "\e902";
}
.ic-chevron-top:before {
  content: "\e903";
}
.ic-circle_arrow_down:before {
  content: "\e904";
}
.ic-circle_arrow_left:before {
  content: "\e905";
}
.ic-circle_arrow_right:before {
  content: "\e906";
}
.ic-circle_arrow_up:before {
  content: "\e907";
}
.ic-circle_cancel:before {
  content: "\e908";
}
.ic-circle_check:before {
  content: "\e909";
}
.ic-circle_plus:before {
  content: "\e90a";
}
.ic-contract_FA:before {
  content: "\e90b";
}
.ic-contract_KV:before {
  content: "\e90c";
}
.ic-contract_NA:before {
  content: "\e90d";
}
.ic-mail:before {
  content: "\e90e";
}
.ic-matching:before {
  content: "\e90f";
}
.ic-process:before {
  content: "\e910";
}
.ic-user:before {
  content: "\e911";
}
.ic-thumbs_down:before {
  content: "\e912";
}


html {
	min-width: 1170px;
}

body {
  font-family:Arial;
  font-size:9pt;
  font-weight:normal;
  color:#5c646d;
  background-color:#515f6e;

  background-repeat:repeat-x;
  height:auto;
  min-width:1170px;
  margin:0;
}

.Dokumentarten {
  
}

.Dokumentarten > div.entry {
  height: 24px;
}

.Dokumentarten > div.entry.first {
  width: 130px;
}

.Dokumentarten > div.entry.second {
  width: 190px;
}

.Dokumentarten > div.entry.third {
  width: 160px;
}

.Dokumentarten > div.entry.fourth {
  width: 115px;
}

.Dokumentarten > div.entry.datediv {
  position: relative;
  
  display: none; 
  
  width: 117px;
}

.Dokumentarten > div.entry.datediv > label {
  position: absolute;
  top: -14px;
  left: -2px;
}

.Dokumentarten > div.entry.datediv > input[type="text"].datepicker {  
  width: 117px;
}

.Dokumentarten > div.entry > label {
  display: inline-block;
  vertical-align: middle;
}

.Dokumentarten > div.entry > input[type="text"] {
  display: inline-block;
  vertical-align: middle;
}

.Dokumentarten > div.entry > input[type="checkbox"] {
  display: inline-block;
  vertical-align: middle;
}

.Dokumentarten > div.entry > input[type="radio"] {
  display: inline-block;
  vertical-align: top;
}

.infodiv
{
  padding:4px;
  display: none;
  left: -20px;
  position: absolute;
  top: 20px;
  z-index: 999;
  background:#fffbbb;
  width:200px;
  border:1px #a2a2a2 solid;
}
/* Styles werden in der Datei Javascripts zur Laufzeit angepasst */
input {color: #36618d;}
select{color: #36618d;}
#tooltip{display:none;top:0;left:0;z-index:1000;position:absolute;background-color:#fffccc;border:1px solid #999;border-radius:10px;}
#overlay {
position:absolute;
top:0;left:0;
display:none;
/*background-image:url('/static/workflow/hgl.png');*/
height:100%;
width:100%;
z-index:200;
}
#overlaybild {
position:fixed;
top:0;left:0;
display:none;
background-image:url('/static/workflow/hgl.png');
height:100%;
width:100%;
z-index:150;
}

#overlaybild_IndividualOverlay {
position:fixed;
top:0;left:0;
display:none;
background-image:url('/static/workflow/hgl.png');
height:100%;
width:100%;
z-index:201;
}

#individualoverlay {
position:absolute;
top:0;left:0;
display:none;
/* background-image:url('/static/workflow/hgl.png'); */
height:100%;
width:100%;
z-index:500;
}
#overlaybild_notitzenoverlay{
position:fixed;
top:0;left:0;
display:none;
background-image:url('/static/workflow/hgl.png');
height:100%;
width:100%;
z-index:600;
}
#notitzenoverlay{
position:absolute;
top:0;left:0;
display:none;
/* background-image:url('/static/workflow/hgl.png'); */
height:100%;
width:100%;
z-index:700;
}
#blendout_while_loading_indi {
  min-width:200px;
  margin:auto;
  min-height:80px;
}
p {margin:0;}
a {text-decoration:none;}
th a{  color:#96A3B3;}
.sort{
  margin:0 5px 0 0;
  width:17px;
  height:10px;
  float:right;
  background:url(/static/workflow/sort-updown.png);
  background-repeat:no-repeat;
}
.sortactive{
  margin:0 5px 0 0;
  width:17px;
  height:10px;
  float:right;
  background:url(/static/workflow/sort-updown.png);
  background-repeat:no-repeat;
}
img {border:0;}
.cleardiv {clear:both; height:0; overflow:hidden;}
button {border:none; background-color:transparent; margin:0; padding:0;}

/*##################### Beginn Layer-Layout Hier Styles anpassen ####################*/
#big_center {margin:auto; width:1170px;} /* Breitenangabe welche zur verfügung steht Webseite*/
#big_center_layer {margin:auto; margin-top:auto; width:1170px; height:100%;} /* Breitenangabe welche zur verfügung steht Layer*/
#layer_head {
  width:100%; 
  height:93px; 
  color:#fff; 
  text-align:left; 
  z-index:1;
  position:relative;
}
#zentrallayer_oben,#zentrallayer_oben_layer {
background-image:url('/static/workflow/Zentrallayer-1170-o.png');
width:100%;
height:20px;
overflow:hidden;
}
#zentrallayer_mitte,#zentrallayer_mitte_layer {
background-image:url('/static/workflow/Zentrallayer-1170-m.png');
width:100%;
height:auto;
/*min-height:520px;*/
overflow:hidden;
}
#zentrallayer_unten,#zentrallayer_unten_layer {
background-image:url('/static/workflow/Zentrallayer-1170-u.png');
width:100%;
height:20px;
overflow:hidden;
}
#zentrallayer_innerform {
padding:0;
margin:0;
overflow:auto;
/*min-height:400px;*/
}
/* Start spezielle Layer mit Breite und zugeordneten Bildern */
.sektionslayer_1112_arround {
width:1112px;
margin:0px 0 0 18px;
}
.sektionslayer_1112_oben {
background-image:url('/static/workflow/Sektionlayer-1112-o.png');
width:1112px;
height:15px;
overflow:hidden;
}
.sektionslayer_1112_mitte {
background-image:url('/static/workflow/Sektionlayer-1112-m.png');
width:1112px;
height:auto;
/*min-height:565px;*/
padding-bottom:6px;
/*overflow:hidden;*/
}
.sektionslayer_1112_unten {
background-image:url(/static/workflow/Sektionlayer-1112-u.png);
width:1112px;
height:50px;
overflow:hidden;
position:relative;
}

.Listenkopf_suche_1050{
width:1050px;
height:36px;
background-image:url('/static/workflow/Listenkopf-suche-1050.png');
}

/* ###### Beginn grafische Darstellung der Workkflow-Steps ###### */
.list_step_item-placeholder{
float:left;
width:20px;
height:34px;
}
.Listenkopf_suche_1050 .list_step_item-ok-p{
background-image:url(/static/workflow/wfstep-ok-p.png);
background-repeat:no-repeat;
background-position:right;
padding:0 50px 0 20px;
float:left;
height:34px;
}
.Listenkopf_suche_1050 .list_step_item-ok-p a{color:#fff;}
.Listenkopf_suche_1050 .list_step_item-ok-p:hover a{color:#fffc85;}
.Listenkopf_suche_1050 .list_step_item-ok-a:hover a{color:#fffc85;}

.Listenkopf_suche_1050 .list_step_item-notok-p{
background-image:url(/static/workflow/wfstep-notok-p.png);
background-repeat:no-repeat;
background-position:right;
padding:0 50px 0 20px;
float:left;
height:34px;
}
.Listenkopf_suche_1050 .list_step_item-ok-a{
background-image:url(/static/workflow/wfstep-ok-a.png);
background-repeat:no-repeat;
background-position:right;
padding:0 50px 0 20px;
float:left;
height:34px;
}
.Listenkopf_suche_1050 .list_step_item-ok-a .wfstep-a{
display:inline-block;
margin-top:10px;
font-weight:bold;
color:#fff;
text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
letter-spacing:1px;
}
.Listenkopf_suche_1050 .list_step_item-ok-p .wfstep-p{
display:inline-block;
margin-top:10px;
font-weight:bold;
color:#fff;
text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
letter-spacing:1px;
}
.Listenkopf_suche_1050 .list_step_item-notok-p .wfstep-p{
display:inline-block;
margin-top:10px;
font-weight:bold;
color:#d5d5d5;
text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
letter-spacing:1px;
}
/* ####### Ende grafische Darstellung der Workkflow-Steps ####### */
/* ######## Beginn grafische Darstellung der Menü-Reiter ######## */
.list_menuereiter_item-placeholder{
background-image:url(/static/workflow/menuereiter-p.png);
background-repeat:no-repeat;
background-position:right;
float:left;
width:20px;
height:34px;
}
.Listenkopf_suche_1050 .list_menuereiter_item-p{
background-image:url(/static/workflow/menuereiter-p.png);
background-repeat:no-repeat;
background-position:right;
padding:0 20px 0 20px;
float:left;
height:34px;
}

.Listenkopf_suche_1050 .list_menuereiter_item-a{
background-image:url(/static/workflow/menuereiter-a.png);
background-repeat:no-repeat;
background-position:right;
padding:0 20px 0 20px;
float:left;
height:34px;
position:relative;
}
.Listenkopf_suche_1050 .list_menuereiter_item-a .reiterfont{
display:inline-block;
margin-top:10px;
font-weight:bold;
color:#fff;
text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
letter-spacing:1px;
}
.Listenkopf_suche_1050 .list_menuereiter_item-p .reiterfont{
display:inline-block;
margin-top:10px;
font-weight:bold;
color:#fff;
text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
letter-spacing:1px;
}

.Listenkopf_suche_1050 .list_menuereiter_item-a a{color:#fff;}
.Listenkopf_suche_1050 .list_menuereiter_item-p a{color:#fff;}
.Listenkopf_suche_1050 .list_menuereiter_item-p:hover a{color:#fffc85;}
.Listenkopf_suche_1050 .list_menuereiter_item-a:hover a{color:#fffc85;}

/* ######## Ende grafische Darstellung der Menü-Reiter ######## */
.Listenkopf_suche_1050 #Listkopf-Suchdiv{
float:left;
background-image:url('/static/workflow/Listkopf-searchfield.png');
background-repeat:no-repeat;
height: 23px;
width: 380px;
position: relative;
top: 5px;
left: 20px;
}
.Listenkopf_suche_1050 #Suche{
color: #222;
font-size: 12px;
height: 16px;
width: 145px;
position: relative;
top: 5px;
left: 10px;
border:none;
height:14px;
}

.Listenkopf_suche_1050 .Suche{
color: #222;
font-size: 12px;
height: 16px;
width: 145px;
position: relative;
top: 5px;
left: 10px;
border:none;
height:14px;
}

.Listenkopf_suche_1050 #Listkopf-Suchdiv img{
position: relative;
top: 5px;
left: 2px;
}
.Listenkopf_body_1050{
width:1050px;
height:68px;
background-image:url('/static/workflow/Listenkopf-body-1050.png');
}
.Listenkopf_body_1050 .Listenkopf_body_content{
padding:5px 0 0 20px;
}
.Listenkopf_body_1050 .list_filter_item{
margin:0 0 0 20px;
float:left;
}
.Listenkopf_body_1050 .list_filter_item .filter_label{
font-size:11px;
font-weight:bold;
}
.Listenkopf_body_1050 select{
height:22px;
min-width:150px;
}
.Listenkopf_suche_1050 .button_timeline{height:35px;float:right;overflow:hidden;}
.Listenkopf_suche_1050 .button_timeline img{position:relative;}
.Listenkopf_suche_1050 .button_timeline img:hover{top:-36px;}
.Listenkopf_suche_1050 .button_timeline img:active{top:-72px;}

.Listenkopf_suche_1050 .button_beitragsrechnung {height:35px;float:right;overflow:hidden;}
.Listenkopf_suche_1050 .button_beitragsrechnung img{position:relative;}
.Listenkopf_suche_1050 .button_beitragsrechnung img:hover{top:-36px;}
.Listenkopf_suche_1050 .button_beitragsrechnung img:active{top:-72px;}

.Listenkopf_suche_1050 .button_csv {height:35px;float:right;overflow:hidden;}
.Listenkopf_suche_1050 .button_csv img{position:relative;}
.Listenkopf_suche_1050 .button_csv img:hover{top:-36px;}
.Listenkopf_suche_1050 .button_csv img:active{top:-72px;}

.Listenkopf_suche_1050 .button_neu{height:35px;float:right;overflow:hidden;}
.Listenkopf_suche_1050 .button_neu img{position:relative;}
.Listenkopf_suche_1050 .button_neu img:hover{top:-36px;}
.Listenkopf_suche_1050 .button_neu img:active{top:-72px;}

.sektionslayer_440_arround {
float:left;
width:440px;
margin:0px 12px 0 18px;
}
.sektionslayer_440_oben {
background-image:url('/static/workflow/sektionslayer-440-o.png');
width:440px;
height:15px;
overflow:hidden;
}
.sektionslayer_440_mitte {
background-image:url('/static/workflow/sektionslayer-440-m.png');
width:440px;
height:auto;
min-height:460px;
padding-bottom:10px;
overflow:hidden;
}
.sektionslayer_440_unten {
background-image:url('/static/workflow/sektionslayer-440-u.png');
width:440px;
height:20px;
overflow:hidden;
}
.sektionslayer_440_oben-ge {
background-image:url('/static/workflow/sektionslayer-440-o-ge.png');
width:440px;
height:15px;
overflow:hidden;
}
.sektionslayer_440_mitte-ge {
background-image:url('/static/workflow/sektionslayer-440-m-ge.png');
width:440px;
height:auto;
min-height:80px;
padding-bottom:10px;
overflow:hidden;
}
.sektionslayer_440_unten-ge {
background-image:url('/static/workflow/sektionslayer-440-u-ge.png');
width:440px;
height:15px;
overflow:hidden;
}
.sektionslayer_640_arround {
float:left;
width:640px;
margin:0px 12px 0 18px;
}
.sektionslayer_640_oben {
background-image:url('/static/workflow/sektionslayer-640-o.png');
width:640px;
height:15px;
overflow:hidden;
}
.sektionslayer_640_mitte {
background-image:url('/static/workflow/sektionslayer-640-m.png');
width:640px;
height:auto;
min-height:460px;
padding-bottom:10px;
overflow:hidden;
}
.sektionslayer_640_unten {
background-image:url('/static/workflow/sektionslayer-640-u.png');
width:640px;
height:20px;
overflow:hidden;
}

.sektionslayer_797_arround {
float:left;
width:797px;
margin:0px 12px 0 18px;
}
.sektionslayer_797_oben {
background-image:url('/static/workflow/Sektionlayer-797-o.png');
width:797px;
height:15px;
overflow:hidden;
}
.sektionslayer_797_mitte {
background-image:url('/static/workflow/Sektionlayer-797-m.png');
width:797px;
height:auto;
height:350px;
padding-bottom:20px;
overflow:hidden;
}
.sektionslayer_797_unten {
background-image:url('/static/workflow/Sektionlayer-797-u.png');
width:797px;
height:50px;
overflow:hidden;
position:relative;
}

.sektionslayer_285_arround {
float:left;
width:285px;
margin:0px 12px 0 18px;
}
.sektionslayer_285_oben {
background-image:url('/static/workflow/Sektionlayer-285-o.png');
width:285px;
height:15px;
overflow:hidden;
}
.sektionslayer_285_mitte {
background-image:url('/static/workflow/Sektionlayer-285-m.png');
width:285px;
height:auto;
height:100px;
padding-bottom:20px;
overflow:hidden;
}
.sektionslayer_285_unten {
background-image:url('/static/workflow/Sektionlayer-285-u.png');
width:285px;
height:50px;
overflow:hidden;
position:relative;
}
.sektionslayer_285_blind_arround {
float:left;
width:285px;
margin:0px 12px 0 18px;
}
.sektionslayer_910tr_arround {
float:left;
width:910px;
margin:0px 12px 0 18px;
}
.sektionslayer_910tr_oben {
background-image:url('/static/workflow/sektionslayer-910-o-tr.png');
width:910px;
height:15px;
overflow:hidden;
}
.sektionslayer_910tr_mitte {
background-image:url('/static/workflow/sektionslayer-910-m-tr.png');
width:910px;
height:auto;
overflow:hidden;
}
.sektionslayer_910tr_unten {
background-image:url('/static/workflow/sektionslayer-910-u-tr.png');
width:910px;
height:15px;
overflow:hidden;
}
.sektionslayer_910x30tr_arround {
float:left;
width:910px;
margin:0px 12px 0 18px;
}
.sektionslayer_910x30tr {
background-image:url('/static/workflow/sektionslayer-1100x30tr.png');
width:1110px;
height:30px;
overflow:hidden;
background-repeat:no-repeat;
}
.sektionslayer_790tr_arround {
float:left;
width:790px;
margin:0px 12px 0 18px;
}
.sektionslayer_790tr_oben {
background-image:url('/static/workflow/sektionslayer-790-o-tr.png');
width:790px;
height:15px;
overflow:hidden;
}
.sektionslayer_790tr_mitte {
background-image:url('/static/workflow/sektionslayer-790-m-tr.png');
width:790px;
height:auto;
min-height:80px;
padding-bottom:20px;
overflow:hidden;
}
.sektionslayer_790tr_unten {
background-image:url('/static/workflow/sektionslayer-790-u-tr.png');
width:790px;
height:15px;
overflow:hidden;
}

.sektionslayer_content{
margin:0px 30px 0 30px;
padding: 10px 0px 0px 0px;
text-align:left;
}
.sektionslayer_content_blind{
margin:10px 10px 0 10px;
text-align:left;
}

.sektionslayer_content .startseiten-item{float:left; width:230px; height:145px; margin:0 0 30px 0; background-image:url(/static/workflow/bg-startseiten-item.png);}
.sektionslayer_content .startseiten-item-spacer{float:left; width:23px; height:145px;}
.sektionslayer_content .startseiten-item .startseiten-item-icon{float:left; margin:15px 10px 0 14px; width:41px; height:39px;}
.sektionslayer_content .startseiten-item .startseiten-item-head{float:left; margin:20px 0 5px 0; width:150px; height:auto; font-weight:bold;}
.sektionslayer_content .startseiten-item .startseiten-item-text{float:left; line-height:1.2; width:150px; height:50px; font-size:8pt;}
.sektionslayer_content .startseiten-item .startseiten-item-stroke{clear:both; margin:0 0 0 17px; width:197px; height:13px; border-top:1px solid #a4a4a4;}
.sektionslayer_content .startseiten-item .startseiten-item-button{float:right; margin-right:15px; width:134px; height:27px; overflow:hidden; position:relative;}
.sektionslayer_content .startseiten-item .startseiten-item-button .buttontext{position:absolute; font-weight:bold; top:5px; right:20px; color:#fff;}
.sektionslayer_content .startseiten-item .startseiten-item-button:hover .buttontext{color:#fffc85;}
.sektionslayer_content .startseiten-item .startseiten-item-button:active .buttontext{top:6px;}
.sektionslayer_content .startseiten-item .startseiten-item-button .buttontextshadow{position:absolute; font-weight:bold; top:6px; right:19px; color:#597697;}
.sektionslayer_content .startseiten-item .startseiten-item-button .buttontext_symbol{position:absolute; font-weight:bold; top:3px; right:8px; color:#fff;}
.sektionslayer_content .startseiten-item .startseiten-item-button:hover .buttontext_symbol{color:#fffc85;}
.sektionslayer_content .startseiten-item .startseiten-item-button:active .buttontext_symbol{top:4px;}
.sektionslayer_content .startseiten-item .startseiten-item-button .buttontext_symbolshadow{position:absolute; font-weight:bold; top:4px; right:7px; color:#597697;}

.sektionslayer_content .auftragsstatus-item{font-size:11px; width:225px; height:45px; margin:0 0 7px 0; background-image:url(/static/workflow/bg-auftragsstatus-item.png);}
.sektionslayer_content .auftragsstatus-item .auftragsstatus-icon{position:relative; float:left; margin:12px 10px 0 10px; width:31px; height:22px; overflow:hidden;}
.sektionslayer_content .auftragsstatus-item .auftragsstatus-icon .auftragsstatus-number-shadow{position:absolute; top:4px; width:31px; height:22px; text-align:center; color:#e6e6e6; font-size:14px; font-weight:bolder;}
.sektionslayer_content .auftragsstatus-item .auftragsstatus-icon .auftragsstatus-number{position:absolute; top:3px; width:31px; height:22px; text-align:center; color:#444; font-size:14px; font-weight:bolder;}
.sektionslayer_content .auftragsstatus-item .auftragsstatus-head{float:left; line-height:1.2; margin:8px 0 0 0; width:170px; height:auto; overflow:hidden; font-weight:bold;}

.sektionslayer_content #suchdiv_startseite{float:left; margin:0 0 0 0; width:184px; height:32px; overflow:hidden; background-image:url(/static/workflow/suchfeld-startseite.png); background-repeat:no-repeat;}
.sektionslayer_content #suchdiv_startseite #suchfeld_start{margin: 8px 0 0 12px; width:160px; height:16px; border:0; padding:0;}

.sektionslayer_content_blind .newsteaser-item{font-size:12px; margin:0 0 15px 0;}
.sektionslayer_content_blind .newsteaser-head{font-weight:bold; margin:0 0 3px 0;}
.sektionslayer_content_blind .newsteaser-head-red{font-weight:bold; margin:0 0 3px 0; color:#972e2e;}
.sektionslayer_content_blind .newsteaser-text{}

.the_green_eye{position:absolute; right:4px; bottom:5px; display:none;} 
.blaetter_liste_div{width:1044px; height:22px; position:absolute; z-index:10;}
.blaetter-pic-left{float:left; overflow:hidden; width:42px; height:22px;}
.blaetter-pic-left img{position:relative;}
.blaetter-pic-left img:active{position:relative; top:-23px;}
.blaetter-pic-mitte{float:left; overflow:hidden; width:127px; height:22px; background-image:url(/static/workflow/bl-liste-mitte.png);}
.blaetter-pic-mitte .navtext_shadow{color:#515f6e; width:127px; position:absolute; text-align:center; line-height: 1.9;}
.blaetter-pic-mitte .navtext{color:#fdfdfd; width:127px; position:absolute; text-align:center; line-height: 1.9;}
.blaetter-pic-rechts{float:left; overflow:hidden; width:39px; height:22px;}
.blaetter-pic-rechts img{position:relative;}
.blaetter-pic-rechts img:active{position:relative; top:-23px;}

.sektionslayer_headline{
margin:5px 0 0px 0;
font-size:13px;
font-weight:bold;
}
#search_content a{color:#5C646D;}
#search_content a:hover{color:#5C646D;}
.#search_content a:visited{color:#5C646D;}
.sektionlayer_fliesstext{
margin:0 0 10px 0;
width:100%;
border-bottom:1px solid #C0C9D5;
padding-bottom:10px;
}
/* Ende spezielle Layer mit Breite und zugeordneten Bildern */
#blendout_while_loading{
  margin:10px;
}
#blendout_while_loading_layer{
  margin:10px;
}
.div_mainselect { 
  float:left;
  width:140px;
  text-align:left;
}
.mainselect { 
  width:130px;
}
.div_sortselect {
  float:left;
  width:140px;
  text-align:left;
}
.sortselect { 
  width:130px;
}
/*####################### Ende Layer-Layout #####################*/
/*#################### Beginn Formularelemente ##################*/
input {border:1px solid #b6c1ce;}
input[type=radio] { border-style:none; margin:0; padding:0; position:relative; top:2px; }
input[type=checkbox] { border-style:none; margin:0; padding:0; }
input.Textfeld {width:100%;}
input.Textfeld_PLZ {width:65px;}
input.Datumsfeld {width:70px;}
textarea {
  border:1px solid #b6c1ce; 
  color:#36618d;
}
select {
  font-family:Helvetica,Arial; 
  font-size:12px; 
  height:23px; 
  padding-top:2px; 
  border:1px solid #b6c1ce; 
}
.Textarea{
width:100%;
height:100%;
}
.form_element{
margin-left:10px;
margin-bottom:3px;
}
label{
margin-left:2px;
font-family:Arial;
font-size:8pt;
font-style:normal;
line-height:1.7;
color:#555555;
}
.label_rb_cb {
  font-family:Tahoma;
  font-size:10pt;
  font-weight:normal;
  color:#333333;
}
.haekchenfeld {
width:20px;
background-image:none;
position:relative;
top:4px;
}
.select_item {line-height:18px;}
.select_item_suche{height:18px;}
.div_searchinput { 
  float:left;
  width:110px;
  text-align:left;
 }
.search_input {color:#222222; font-family:Arial; font-size:12px; height:18px; width:100px;}
/*##################### Ende Formularelemente ###################*/

/*######################## Beginn Buttons neu #######################*/
a.btn {
  background: #33782e;
  background: -moz-linear-gradient(top, #6caa68 0%, #33782e 100%);
  background: -webkit-linear-gradient(top, #6caa68 0%,#33782e 100%);
  background: linear-gradient(to bottom, #6caa68 0%,#33782e 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6caa68', endColorstr='#33782e',GradientType=0 );
  border: 2px solid darkgrey;
  padding: 8px 20px;
  color: white;
  border-radius: 10px;
}

.formbutton-neu{width:auto;height:auto;cursor:pointer;}
.formbutton-neu .buttonbody-left{float:left;width:10px;height:24px;background-image:url(/static/workflow/bt-gruen-l.png);}
.formbutton-neu .buttonbody-middle{float:left;position:relative;min-width:120px;width:auto;height:24px;background-image:url(/static/workflow/bt-gruen-m.png);}
.formbutton-neu .buttonbody-middle .buttontext-shadow{position:absolute;top:-1px;left:-1px;padding:4px 0 0 10px;color:#3e7c39;font-size:11px;font-weight:bold;}
.formbutton-neu .buttonbody-middle .buttontext{position:absolute;top:0;left:0;padding:4px 0 0 10px;color:#fff;font-size:11px;font-weight:bold;}
.formbutton-neu:hover .buttonbody-middle .buttontext{color:#fffc85;}
.formbutton-neu:active .buttonbody-middle .buttontext{top:1px;}
.formbutton-neu:active .buttonbody-middle .buttontext-shadow{top:px;}

.buttonbody-right{float:left;width:10px;height:24px;background-image:url(/static/workflow/bt-gruen-r.png);}

.formbutton-submit { width:auto; height:auto; }
.formbutton-submit .buttonbody-left{float:left;width:10px;height:24px;background-image:url(/static/workflow/bt-gruen-l.png);}
.formbutton-submit .buttonbody-middle{float:left;position:relative;min-width:120px;width:auto;height:24px;background-image:url(/static/workflow/bt-gruen-m.png);}
.formbutton-submit .buttonbody-middle input[type=submit]{ color:#fff; font-size:11px; font-weight:bold; text-align:left; cursor:pointer; width:100%; height:20px; border:none; background:none; }
.formbutton-submit .buttonbody-middle input[type=submit]:hover{ color:#fffc85; }
.formbutton-submit .buttonbody-right{float:left;width:10px;height:24px;background-image:url(/static/workflow/bt-gruen-r.png);}

.buttonNew {
  width:67px;
  height:24px;
  background-image:url('/static/workflow/Button-gn-Vorlage-mitplus67.png');
  cursor:pointer;
}

.buttonNew .buttonbody{
  margin-left:27px;
  height:24px;
  position:relative;
}

.buttonNew .buttonbody .buttontext, .buttonNew .buttonbody .buttontext a {
  font-size:11px;
  font-weight:bold;
  color:#ffffff;
  position:absolute;
  top:0px;
  left:0px;
  padding-top:4px;
}

.buttonNew .buttonbody .buttontext-shadow {
  font-size:11px;
  font-weight:bold;
  color:#3e7c39;
  position:absolute;
  top:-1px;
  left:-1px;
  padding-top:4px;
}

.buttonNew:hover .buttonbody .buttontext, .buttonNew:hover .buttonbody .buttontext a {
  color:#fffc85;
}

.buttonNew:active .buttonbody .buttontext, .buttonNew:active .buttonbody .buttontext a {
  top:1px;
}

.buttonAdd {
  width:107px;
  height:24px;
  background-image:url('/static/workflow/Button-gn-Vorlage-mitplus107.png');
  cursor:pointer;
}

.buttonAdd .buttonbody{
  margin-left:27px;
  height:24px;
  position:relative;
}

.buttonAdd .buttonbody .buttontext, .buttonAdd .buttonbody .buttontext a {
  font-size:11px;
  font-weight:bold;
  color:#ffffff;
  position:absolute;
  top:0px;
  left:0px;
  padding-top:4px;
}

.buttonAdd .buttonbody .buttontext-shadow {
  font-size:11px;
  font-weight:bold;
  color:#3e7c39;
  position:absolute;
  top:-1px;
  left:-1px;
  padding-top:4px;
}

.buttonAdd:hover .buttonbody .buttontext, .buttonAdd:hover .buttonbody .buttontext a {
  color:#fffc85;
}

.buttonAdd:active .buttonbody .buttontext, .buttonAdd:active .buttonbody .buttontext a {
  top:1px;
}


.button_gr60 {
  width:60px;
  height:24px;
  background-image:url('/static/workflow/bt-grau-b60.png');
  cursor:pointer;
}

.button_gr60 .buttonbody{  
  height:24px;
  margin-left:10px;
  position:relative;
}

.button_gr60 .buttonbody .buttontext, .button_gr60 .buttonbody .buttontext a {
  font-size:11px;
  font-weight:bold;
  color:#ffffff;
  position:absolute;
  top:0px;
  left:0px;
  padding-top:4px;
}

.button_gr60 .buttonbody .buttontext-shadow {
  font-size:11px;
  font-weight:bold;
  color:#969696;
  position:absolute;
  top:-1px;
  left:-1px;
  padding-top:4px;
}

.button_gr60:hover .buttonbody .buttontext, .button_gr60:hover .buttonbody .buttontext a {
  color:#fffc85;
}

.button_gr60:active .buttonbody .buttontext, .button_gr60:active .buttonbody .buttontext a {
  top:1px;
}

.button_gr107 {
  width:107px;
  height:24px;
  background-image:url('/static/workflow/bt-grau-b107.png');
  cursor:pointer;
}

.button_gr107 .buttonbody{  
  height:24px;
  margin-left:10px;
  position:relative;
}

.button_gr107 .buttonbody .buttontext, .button_gr107 .buttonbody .buttontext a {
  font-size:11px;
  font-weight:bold;
  color:#ffffff;
  position:absolute;
  top:0px;
  left:0px;
  padding-top:4px;
}

.button_gr107 .buttonbody .buttontext-shadow {
  font-size:11px;
  font-weight:bold;
  color:#969696;
  position:absolute;
  top:-1px;
  left:-1px;
  padding-top:4px;
}

.button_gr107:hover .buttonbody .buttontext, .button_gr107:hover .buttonbody .buttontext a {
  color:#fffc85;
}

.button_gr107:active .buttonbody .buttontext, .button_gr107:active .buttonbody .buttontext a {
  top:1px;
}

.searchButton {
  width:200px;
  height:24px;
  background-image:url('/static/workflow/bt-grau-b107-lupe.png');
  cursor:pointer;
  position:relative;
  top:1px;
}

.searchButton .buttonbody{  
  height:24px;
  margin-left:25px;
  position:relative;
}

.searchButton .buttonbody .buttontext, .searchButton .buttonbody .buttontext a {
  font-size:11px;
  font-weight:bold;
  color:#ffffff;
  position:absolute;
  top:0px;
  left:10px;
  padding-top:4px;
}

.searchButton .buttonbody .buttontext-shadow {
  font-size:11px;
  font-weight:bold;
  color:#969696;
  position:absolute;
  top:-1px;
  left:9px;
  padding-top:4px;
}

.searchButton:hover .buttonbody .buttontext, .searchButton:hover .buttonbody .buttontext a {
  color:#fffc85;
}

.searchButton:active .buttonbody .buttontext, .searchButton:active .buttonbody .buttontext a {
  top:1px;
}

/*######################### Ende Buttons neu ########################*/


/*######################### Beginn Reiter #######################*/
#logout_div{
  background-image:url(/static/workflow/button-abmelden.png);
  background-position:0 0;
  width:87px;
  height:27px;
  overflow:hidden;
  margin:10px 20px 0 0;
  float:right;
}
#logout_div:hover{
  background-position:0 -27px;
}
#logout_div:active{
  background-position:0 -54px;
}

#reiterleiste {
  height:auto;
  width:auto;
  margin-right:20px;
  float:right;
}
.reiter_oben {
  float:left;
  width:137px;
  height:25px;
  background-image:url(/static/workflow/menue-m-p.png);
  background-repeat:no-repeat;
  position:relative;
  top:2px;
}
.reiter_oben:active {
  top:3px;
}
.reiter_oben_f {
  float:left;
  width:137px;
  height:25px;
  background-image:url(/static/workflow/menue-l-p.png);
  background-repeat:no-repeat;
  position:relative;
  top:2px;
}
.reiter_oben_f:active {
  top:3px;
}
.reiter_oben_l {
  float:left;
  width:137px;
  height:25px;
  background-image:url(/static/workflow/menue-r-p.png);
  background-repeat:no-repeat;
  position:relative;
  top:2px;
}
.reiter_oben_l:active {
  top:3px;
}
.reiter_oben_a {
  float:left;
  width:137px;
  height:25px;
  background-image:url(/static/workflow/menue-m-a.png);
  background-repeat:no-repeat;
  position:relative;
  top:2px;
}
.reiter_oben_a:active {
  top:3px;
}
.reiter_oben_a_f {
  float:left;
  width:137px;
  height:25px;
  background-image:url(/static/workflow/menue-l-a.png);
  background-repeat:no-repeat;
  position:relative;
  top:2px;
}
.reiter_oben_a_f:active {
  top:3px;
}
.reiter_oben_a_l {
  float:left;
  width:137px;
  height:25px;
  background-image:url(/static/workflow/menue-r-a.png);
  background-repeat:no-repeat;
  position:relative;
  top:2px;
}
.reiter_oben_a_l:active {
  top:3px;
}
.reiter_oben_inner{
  width:117px;
  text-align:right;
  color:#ffffff;
  position:relative;
  top:5px;
  font-size:9pt;
  font-weight:bold;
}
.reiter_oben_inner img:hover .reiter_oben_inner {color:#fffc85;}
.reiter_oben_icon{
  position:absolute;
  top:5px;
  left:10px;
}

/*########################## Ende Reiter ########################*/
/*######################## Beginn Tabellen ######################*/

div#show_list th, div#Layer_show_list th {
color:#96a3b3;
border-bottom:1px solid #b6c1ce;
border-left:1px solid #b6c1ce;
padding-left:5px;
padding-bottom:2px;
font-size:12px;
line-height:1.2;
text-align:left;
font-weight:bold;
}

div#show_list td, div#Layer_show_list td {
color:#537ca9;
border-bottom:1px solid #b6c1ce;
padding-left:5px;
padding-top:6px;
padding-bottom:4px;
vertical-align:top;
line-height:1.2; 
font-size:12px;
}

div#show_list td .tablerow_smaller, div#Layer_show_list td .tablerow_smaller {
font-size:11px;
color:#97a4b3;
}

div#show_list tr, div#Layer_show_list tr {
background-color:#f5f7fa;
background-image:url(/static/workflow/1x4px-ws.png);
background-repeat:repeat-x;
}

div#show_list tr, div#Layer_show_list tr {
  height:40px;
}

tr.table_row_double {
  height:50px !Important;
}

.listtable.list_mod94 tr.table_row_double {
	height:94px !important;
}

tr.table_row_double td {
  position:relative;
}

.input_auswahl_c {
width:100%;
height:16px;
font-size:12px;
font-family:Helvetica,Arial;
color:#222222;
}
.input_auswahl_o {
display:none;
width:100%;
height:18px;
font-size:12px;
font-family:Helvetica,Arial;
color:#222222;
}
.auswahl_open {
display:none;
min-width:137px;
text-align:left;
margin-left:0px;
border:1px solid #B6C1CE;
border-top:none;
position:relative;
height:100px;
overflow:auto;
overflow-x:hidden;
z-index:100;
background-color:#ffffff;
}
.listicons_div, div#Layer_show_list td .listicons_div, div#detailAround .listicons_div, div#blockRight .listicons_div {float:left; height:19px; width:auto; display:inline-block; margin:6px 4px 0 0; position:relative; overflow:hidden;}
.listicons_img, div#Layer_show_list td .listicons_img, div#detailAround .listicons_img, div#blockRight .listicons_img {position:relative; top:0; left:0;}
.listicons_img:hover, div#Layer_show_list td .listicons_img:hover, div#detailAround .listicons_img:hover, div#blockRight .listicons_img:hover {top:-19px;}
.listicons_img:active, div#Layer_show_list td .listicons_img:active, div#detailAround .listicons_img:active, div#blockRight .listicons_img:active  {top:-18px;}/*######################### Ende Tabellen #######################*/
/*######################### Beginn Icons ########################*/
.icon1 {background-image:url('/static/workflow/icon_stammdaten_p.gif'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon1:hover {background-image:url('/static/workflow/icon_stammdaten_a.gif');}

.icon1_red {background-image:url('/static/workflow/icon_stammdaten_p_red.gif'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon1_red:hover {background-image:url('/static/workflow/icon_stammdaten_a_red.gif');}

.icon1_green {background-image:url('/static/workflow/icon_stammdaten_p_green.gif'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon1_green:hover {background-image:url('/static/workflow/icon_stammdaten_a_green.gif');}

.icon2 {background-image:url('/static/workflow/icon_mail_p.gif'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon2:hover {background-image:url('/static/workflow/icon_mail_a.gif');}

.icon3 {background-image:url('/static/workflow/icon_del_p.gif'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon3:hover {background-image:url('/static/workflow/icon_del_a.gif');}

.icon4 {background-image:url('/static/workflow/icon_auge_p.gif'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon4:hover {background-image:url('/static/workflow/icon_auge_a.gif');}

.icon5 {background-image:url('/static/workflow/icon_edit_p.gif'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon5:hover {background-image:url('/static/workflow/icon_edit_a.gif');}

.icon6 {background-image:url('/static/workflow/icon_teilnehmer_p.gif'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon6:hover {background-image:url('/static/workflow/icon_teilnehmer_a.gif');}

.icon7 {background-image:url('/static/workflow/icon_upload_doc_p.gif'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon7:hover {background-image:url('/static/workflow/icon_upload_doc_a.gif');}

.icon8 {background-image:url('/static/workflow/icon_upload_pic_p.gif'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon8:hover {background-image:url('/static/workflow/icon_upload_pic_a.gif');}

.icon9 {background-image:url('/static/workflow/icon_bestaetigen_p.gif'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon9:hover {background-image:url('/static/workflow/icon_bestaetigen_a.gif');}

.icon10 {background-image:url('/static/workflow/edit_add.png'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon10:hover {background-image:url('/static/workflow/edit_add.png');}
.icon16 {background-image:url('/static/workflow/listicon-download.png'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon16:hover {background-image:url('/static/workflow/listicon-download.png');}

.icon17 {
background-position:0 -20px, 0 0;
background-image:url('/static/workflow/Icon-abrechnung.png'); 
background-repeat:no-repeat; width:16px; height:16px; 
margin-right:5px; 
float:left;}
.icon17:hover {background-position:0 0,0 0;}

.icon18 {background-position:0 -20px, 0 0;background-image:url('/static/workflow/Icon-keineabrechnung.png'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon18:hover {background-position:0 0,0 0;}

.icon19 {background-position:0 0,0 0;background-image:url('/static/workflow/Icon-maennl-gn.png'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}

.icon20 {background-position:0 0,0 0, 0 0;background-image:url('/static/workflow/Icon-maennl-rt.png'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}

.icon21 {background-position:0 -20px, 0 0;background-image:url('/static/workflow/Icon-kh-gn.png'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon21:hover {background-position:0 0,0 0;}

.icon22 {background-position:0 -20px, 0 0;background-image:url('/static/workflow/Icon-kh-rt.png'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon22:hover {background-position:0 0,0 0;}

.icon25 {background-position:0 -20px, 0 0;background-image:url('/static/workflow/vertrag-rt.png'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon26 {background-position:0 -20px, 0 0;background-image:url('/static/workflow/vertrag-gn.png'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}

.icon23 {background-position:0 0, 0 0;background-image:url('/static/workflow/Icon-doc-gn.png'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}
.icon24 {background-position:0 0, 0 0;background-image:url('/static/workflow/Icon-doc-rt.png'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}


.icon11 {background-image:url('/static/workflow/pfeil.png'); background-repeat:no-repeat; width:16px; height:16px; margin-right:5px; float:left;}

.icon12 {background-image:url('/static/workflow/button_braut.png'); background-repeat:no-repeat; width:21px; height:40px; margin-right:5px; float:left;}

.icon13 {background-image:url('/static/workflow/button_braeutigam.png'); background-repeat:no-repeat; width:21px; height:40px; margin-right:5px; float:left;}

.icon14 {background-image:url('/static/workflow/button_kutsche.png'); background-repeat:no-repeat; width:40px; height:40px; margin-right:5px; float:left;}

.icon15 {background-image:url('/static/workflow/button_add.png'); background-repeat:no-repeat; width:22px; height:22px; margin-right:5px; float:left;}

/*########################## Ende Icons #########################*/

/*###################### Beginn Verschiedenes #####################*/
#functionlayer-roundcorner{position:relative; min-height: 200px; background-color: #FFFBBB; border-radius: 10px; margin: auto; padding: 20px; border: 4px solid white;}
#functionlayer-roundcorner #functionlayer_close{position:absolute; top:8px; right:8px;}
#functionlayer-roundcorner select{margin:0 10px 0 0;}
#functionlayer-roundcorner .functionlayer_headline{witdh:auto; height:auto; font-weight:bold; margin:0 0 20px 0;}
#functionlayer-roundcorner #individualOverlayLoader {
  width:47px;
  height:39px;  
  top:50%;
  left:50%;
  position:absolute;
  margin:-24px 0px 0px -20px;
  background-image:url('/static/workflow/ajaxloader.gif');
  display:none;
}

#functionlayer-roundcorner #vertrags_form textarea {width: 95%; height:100px;}

#detail_div .detail_label {line-height:20px; font-size:8pt; font-weight:bold; float:left; width:130px; color:#666666; text-align:right; padding:2px; margin-right:5px;}
#detail_div .detail_value {line-height:20px; background-color:#eeeeee; padding:2px; padding-left:5px; width:250px; min-height:22px; position:relative; top:0px; overflow:hidden; float:left;}
#scroll_list {height:340px; overflow-y:scroll;}

.individualoverlayHeadInside {
  width:100%;
  height:20px;
  overflow:hidden;
  background-image:url('/static/workflow/Zentrallayer-1170-o.png');
}

.individualoverlayContentInside {
  width:100%;
  min-height:440px;
  background-image:url('/static/workflow/Zentrallayer-1170-m.png');
}

.individualoverlayFootInside {
  width:100%;
  height:20px;
  overflow:hidden;
  background-image:url('/static/workflow/Zentrallayer-1170-u.png');
}
.daydiv{
  width:20px;
  height:20px;
  float:left;
  text-align:center;
  cursor:pointer;
  border-right:1px #5C646D solid;
  border-bottom:1px #5C646D solid;
  line-height:19px;
}
.dayleft{
  border-left:1px #5C646D solid;
}
.daytop{
  border-top:1px #5C646D solid;
}
.cact{
  background-color:#ff6655;
}

tr.table_row_double .positioningDIV {
  position:relative;
  height:68px;
}

tr.table_row_double .sbFunctions {
  width:100%;
}

/* Detailseite Beginn */

.detailInfoHolder {
  float:left;
  width:500px;
}

.detailInfoHolder .detailInfoHolderHeadline {
  border-bottom:1px solid #5C646D;
  color:#555555;
  font-family:Arial;
  font-size:9pt;
  font-style:normal;
  font-weight:bold;
}

.detailInfoHolder .detailInfoHolderContent {
  line-height:100%;
}

.detailInfoHolder .detailInfoHolderContent .entry {
  margin:0px 0px 5px 0px;
}

.detailInfoHolder .detailInfoHolderContent .entry .entryLabel {
  width:120px;
  margin-right:10px;
  float:left;
  font-weight:bold;
}

.detailInfoHolder .detailInfoHolderContent .entry .entryContent {
  float:left;
  width: 365px;
}
.detailInfoHolder .detailInfoHolderContent .entry .entryContent table {
  width:100%;
}


.detailInfoHolder .detailInfoHolderContent .entry .entryContentMultipleLines {
  float:left;
  line-height:150%;
}

.detailEditHolder {
  float:left;
  width:500px;
}

.detailEditHolder .detailEditHolderHeadline {
  border-bottom:1px solid #5C646D;
  color:#555555;
  font-family:Arial;
  font-size:9pt;
  font-style:normal;
  font-weight:bold;
}

.detailEditHolder .detailEditHolderContent {
  line-height:100%;
}

.detailEditHolder .detailEditHolderContent .entry {
  margin:0px 0px 15px 0px;
}

.detailEditHolder .detailEditHolderContent .entry .entryLabel {
  width:120px;
  margin-right:10px;
  font-weight:bold;
}

.detailEditHolder .detailEditHolderContent .entry .entryContent {}

.detailEditHolder .detailEditHolderContent .entry .entryContentMultipleLines {
  line-height:150%;
}

.backLinkHolder {
  padding:25px 0px 0px 10px;
}

.backLink {
  position:relative;
  top:3px;
}

/* Detailseite Ende  */

.editFromHomeLink {
  position:absolute;
  top:0px;
  left:0px;
  width:36px;
  height:27px;
}

/* Matching Layer Beginn */

 #blockLeft{
   float:left;
   width:670px;
   margin-right:22px;
  }
  
 #blockRight {
   float:left;
   width:400px;
  }
  
 #positiveBlock {
   float:left;
   width:324px;
   margin-right:22px;
  }
  
 #negativeBlock {
   float:left;
   width:324px;
  }
  
  .criteriaList {
   height:150px;
   overflow-y:scroll;
   overflow-x:hidden;
  }

  .criteriaListHeader {
   margin-bottom:2px;
   height:63px;
  }

  .criteriaListBorder {
   border-color:#000000;
   border-style:solid;
   border-width:1px 0px 1px 0px;
  }

  .criteriaListFooter {
   margin-top:2px;
   height:23px;
  }
  
  .criteriaList .listEntry{
   width:100%;
   height:30px;
   display:inline-block;
  }
  
  .criteriaList .colorOne{
   background-color:#B6C1CE;
  }
  
  .criteriaList .colorTwo{
   background-color:#D4DAE2;
  }

  .criteriaList .colorOne.mitgl{
   background-color:#ff9b39;
  }
  
  .criteriaList .colorTwo.mitgl{
   background-color:#ffc892;
  }
  
  .innerBlock {
   background:#F3F3F3;
   padding:10px;
  }
  
  .innerBlock_Headline {
   font-size:13px;
   font-weight:bold;
  }
  .Vorschlag{
  position:absolute;
  top:40px;
  width:120px;
  height:300px;
  background-color:#fff;
  display:none;
  border:1px #B6C1CE solid;
  z-index:10;
}
#ortvorschlag{
  width:120px;
}
#plzvorschlag{
  width:40px;
}
/* Matching Layer Ende */
/* Kalendar*/
.day{
  width:146px;
  height:20px;
  float:left;
  text-align:center;
  /*border:1px #999 solid;
  border-left:0;
  background-color:#f0f0f0;*/
}
.green{
  background-color:#B9FDBF;
}
.red{
  background-color:#F9C1C1;
}
.noscreen{
  background-color:#E2E2E2;
}
.weekback{
  width:95px;
  height:22px;
  position:absolute;
  left:500px;
  top:104px;
  background-image:url('/static/workflow/Kalender/blaettern_kalender_zurueck.png');
}
.weekback:hover{
  background-image:url('/static/workflow/Kalender/blaettern_kalender_zurueck.png');
  background-position:0 22px;
}
.weekforward{
  width:95px;
  height:22px;
  text-align:right;
  position:absolute;
  left:592px;
  top:104px;
  background-image:url('/static/workflow/Kalender/blaettern_kalender_weiter.png');
}
.weekforward:hover{
  background-image:url('/static/workflow/Kalender/blaettern_kalender_weiter.png');
  background-position:0 22px;
}
.headdiv{
  height:20px;;
  line-height:1.8;;
      font-weight:bold;
      margin-bottom:2px;
}
.WE-SA{
      background-color:#FDE6E6!important;
}
.WE-SO{
      background-color:#F9C1C1!important;
}
.Auftragsdiv{
      position:relative;
  border-bottom:1px #fff solid;
  padding: 3px;
  border:1px solid #999;
  border-radius:7px;
  height:63px;
  width:141px;
  color:#000;
      vertical-align:middle;
      margin-top:1px;
}
.Auftragsdiv a{
  color:#444;
  font-weight:bold;
  font-family: arial narrow, arial;
      line-height:1.1;
}
/*.firstday{
  border-left:1px #999 solid;
}*/
.eingeplant{
      position:absolute;
      top:34px;
      left:5px;
}

.RechnungsTabelle {
  width:100%;
  margin:0px;
  padding:0px;
}

.RechnungsTabelle th {
  font-weight:bold;
  text-align:left;
  border-bottom:1px solid #000000;
}

.RechnungsTabelle td {
  border-bottom:1px dashed #dddddd;
  padding:2px 0px 2px 0px;
}

.TablleEintragHalter {
  position:relative;
  overflow:hidden;
}

.TablleEintragHalter .Innen {
  position:absolute;
  top:0px;
  left:0px;
}

/* Relaunch Rechnungsübersicht */
 #ContentContainer {
   position: relative;
   background-color: rgb(248,248,248);
   border-radius: 15px;
  }
  
 #ContentContainer #ContentContainerSpacerTop {  
   height: 35px;
  }
  
 #ContentContainer #ContentContainerInner {
   position: relative;  
   min-height: 635px; 
   margin: 0px 35px 0px 35px;  
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerTop {
   position: relative;
   height: 49px;
   border-color: #D6DBE2;
   border-style: solid;
   border-width: 1px 1px 0px 1px;
   border-radius: 10px 10px 0px 0px;
   background-color: #ffffff;   
   padding: 0px 30px 0px 30px; 
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerTop #Headline {
   position: absolute;
   left: 30px;
   bottom: 10px;
   font-weight: bold;
  }
  
 #ContentContainer #ContentContainerInner #Content {
   min-height: 555px;   
   border-color: #D6DBE2;
   border-style: solid;
   border-width: 0px 1px 0px 1px;
   background-color: #ffffff;
   padding: 0px 30px 0px 30px; 
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer {
    height: 125px;
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer .Top {
   height: 34px;
   border-radius: 6px 6px 0px 0px;
   background: #bcc7d3;
   background: -moz-linear-gradient(top, #bcc7d3 0%, #7a889c 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcc7d3), color-stop(100%,#7a889c));
   background: -webkit-linear-gradient(top, #bcc7d3 0%,#7a889c 100%);
   background: -o-linear-gradient(top, #bcc7d3 0%,#7a889c 100%);
   background: -ms-linear-gradient(top, #bcc7d3 0%,#7a889c 100%);
   background: linear-gradient(to bottom, #bcc7d3 0%,#7a889c 100%);
   /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcc7d3', endColorstr='#7a889c',GradientType=0 );*/
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer #SearchBlock {
   width: 361px;
   height: 28px;
   padding: 6px 0px 0px 6px;
   float: left;
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer #SearchBlock div {
   display: inline-block;
   vertical-align: middle;
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer #SearchBlock div.Textfield {
   margin: 0px 10px 0px 0px;
  }

 #ContentContainer #ContentContainerInner #Content #FunctionContainer #SearchBlock div.SubmitButton {}
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer #SearchBlock div.AjaxLoader {
   width: 20px;
   height: 20px;
   background-repeat: no-repeat;
   background-image: url('/static/workflow/loader_fast.gif');
   margin: 0px 0px 0px 5px;
   display: none;
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer #SearchBlock input[type=text] {
   border: 0px;
   height: 20px;
   width: 150px;
   box-shadow: inset 1px 1px 1px rgba(92,100,109,0.95), inset 0px 0px 10px rgba(92,100,109,0.35);
   -webkit-box-shadow: inset 1px 1px 1px rgba(92,100,109,0.95), inset 0px 0px 10px rgba(92,100,109,0.35);
   -moz-box-shadow: inset 1px 1px 1px rgba(92,100,109,0.95), inset 0px 0px 10px rgba(92,100,109,0.35);
   border-radius: 10px;
   padding: 2px 0px 0px 8px;
   font-family: Helvetica, Arial, sans-serif;
   font-size: 11px;
   font-weight: 400;
   color: #5c646d;
   background: rgb(224,224,224);
   background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(255,255,255,1)));
   background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%);
   background: -o-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%);
   background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%);
   background: linear-gradient(to bottom, rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%);
   /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 );*/
   text-shadow: 1px 1px 0px rgba(255,255,255,1);
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer #SearchBlock input[type=submit] {
   border: 0px;
   height: 22px;
   width: 150px;
   box-shadow: -1px -1px 0px rgba(158,168,181,1), 1px 1px 0px rgba(150,165,180,1), inset -1px -1px 0px rgba(92,125,164,1), inset 1px 1px 0px rgba(191,202,228,1);
   -webkit-box-shadow: -1px -1px 0px rgba(158,168,181,1), 1px 1px 0px rgba(150,165,180,1), inset -1px -1px 0px rgba(92,125,164,1), inset 1px 1px 0px rgba(191,202,228,1);
   -moz-box-shadow: -1px -1px 0px rgba(158,168,181,1), 1px 1px 0px rgba(150,165,180,1), inset -1px -1px 0px rgba(92,125,164,1), inset 1px 1px 0px rgba(191,202,228,1);
   border-radius: 3px;
   background: rgb(180,200,223);
   background: -moz-linear-gradient(top, rgba(180,200,223,1) 0%, rgba(111,150,194,1) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,200,223,1)), color-stop(100%,rgba(111,150,194,1)));
   background: -webkit-linear-gradient(top, rgba(180,200,223,1) 0%,rgba(111,150,194,1) 100%);
   background: -o-linear-gradient(top, rgba(180,200,223,1) 0%,rgba(111,150,194,1) 100%);
   background: -ms-linear-gradient(top, rgba(180,200,223,1) 0%,rgba(111,150,194,1) 100%);
   background: linear-gradient(to bottom, rgba(180,200,223,1) 0%,rgba(111,150,194,1) 100%);
   /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4c8df', endColorstr='#6f96c2',GradientType=0 );*/
   font-family: Helvetica, Arial, sans-serif;
   font-size: 12px;
   font-weight: 600;
   color: #fdfdfd;
   text-shadow: -1px -1px 0px rgba(101,135,173,1);
   padding: 0px 0px 0px 0px;
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer #ChoiceBlock {
   width: 303px;
   height: 26px;
   padding: 4px 0px 4px 0px;
   float: left;
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer #ChoiceBlockInner {
   width: 100%;
   height: 100%;   
   background-repeat: no-repeat;   
   background-image: url('/static/workflow/bt_invoice_selector.png');
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer #ChoiceBlockInner a {
   display: inline-block;
   vertical-align: middle;
   width: 101px;
   height: 26px;
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer #ChoiceBlockInner.StateOne {
   background-position: 0 0;
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer #ChoiceBlockInner.StateTwo {
   background-position: 0 -26px;
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer #ChoiceBlockInner.StateThree {
   background-position: 0 -52px;
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer #FunctionBlock {
   width: 264px;
   height: 26px;
   padding: 4px 6px 4px 0px;
   float: right;
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer #FunctionBlockInner {
   width: 100%;
   height: 100%;   
   background-repeat: no-repeat;   
   background-image: url('/static/workflow/bt_invoice_function.png');
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer #FunctionBlockInner a {
   display: inline-block;
   vertical-align: middle;
   width: 132px;
   height: 26px;
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer .Bottom {
    height: 72px;
    background-color: rgb(240,240,240);
    border-radius: 0px 0px 10px 10px;
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer .Bottom.Green {
    background-color: rgb(221,255,217);    
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer .Bottom .ElementContainer {
   padding: 10px 0px 0px 0px;
   margin: 0px 0px 0px 15px;
   height: 57px;
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer .Bottom .ElementContainer .Label {
   margin: 0px 0px 5px 0px;
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer .Bottom .ElementContainer .Input {
   
  }
  
 #ContentContainer #ContentContainerInner #Content #FunctionContainer .Bottom .ElementContainer .Input select {
   width: 130px;
  }
  
 #ContentContainer #ContentContainerInner #Content .ListContainer {
    min-height: 380px;
  }
  
 #ContentContainer #ContentContainerInner #Content #WhiteSpace {
    height: 50px;
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerBottom {
   height: 22px;
   border-color: #D6DBE2;
   border-style: solid;
   border-width: 0px 0px 0px 0px;
   border-radius: 0px 0px 10px 10px;   
   padding: 4px 30px 4px 30px;
   text-align: center;
   background: #c0cad6;
   background: -moz-linear-gradient(top, #c0cad6 0%, #c2cdd9 25%, #abb9c8 50%, #7b8ea7 75%, #667c97 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0cad6), color-stop(25%,#c2cdd9), color-stop(50%,#abb9c8), color-stop(75%,#7b8ea7), color-stop(100%,#667c97));
   background: -webkit-linear-gradient(top, #c0cad6 0%,#c2cdd9 25%,#abb9c8 50%,#7b8ea7 75%,#667c97 100%);
   background: -o-linear-gradient(top, #c0cad6 0%,#c2cdd9 25%,#abb9c8 50%,#7b8ea7 75%,#667c97 100%);
   background: -ms-linear-gradient(top, #c0cad6 0%,#c2cdd9 25%,#abb9c8 50%,#7b8ea7 75%,#667c97 100%);
   background: linear-gradient(to bottom, #c0cad6 0%,#c2cdd9 25%,#abb9c8 50%,#7b8ea7 75%,#667c97 100%);
   /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0cad6', endColorstr='#667c97',GradientType=0 );*/
   box-shadow: 0px -2px 20px rgba(193,205,216,0.9), 0px -1px 2px rgba(193,205,216,1), inset 0px 1px 0px rgba(255,255,255,0.7),0px 1px 0px rgba(0,0,0,0.25);
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerBottom #BrowseBackward {
   width: 42px;
   height: 22px;
   display: inline-block;
   vertical-align: middle;
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerBottom #Export {
   width: 394px;
   height: 22px;
   display: inline-block;
   vertical-align: middle;
   background-repeat: no-repeat;
   background-image: url('/static/workflow/bt_export.png');
   font-size: 0px;
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerBottom #Export a {
   height: 22px;
   display: inline-block;
   vertical-align: middle;
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerBottom #Export a#ExportLastschrift {
   width: 108px;
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerBottom #Export a#ExportUebLastschrift {
   width: 141px;
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerBottom #Export a#ExportUeberweiser {
   width: 145px;
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerBottom #BrowseBackward a {
   width: 42px;
   height: 22px;
   display: block;   
   background-repeat: no-repeat;
   background-image: url('/static/workflow/bl-liste-links.png');
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerBottom #BrowsePageinfo {
   color: #FDFDFD;
   width: 127px;
   height: 18px;
   padding: 4px 0px 0px 0px;
   text-align: center;
   display: inline-block;
   vertical-align: middle;
   background-repeat: no-repeat;   
   background-image: url('/static/workflow/bl-liste-mitte.png');
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerBottom #BrowseForward {
   width: 42px;
   height: 22px;
   display: inline-block;
   vertical-align: middle;
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerBottom #BrowseForward a {
   width: 42px;
   height: 22px;
   display: block;   
   background-repeat: no-repeat;
   background-image: url('/static/workflow/bl-liste-rechts.png');
 }
  
 #ContentContainer #ContentContainerInner #ContentSpacerBottom a.disabled {
   background-position: 0 -44px;
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerBottom a.enabled:active {
   background-position: 0 -22px;
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerBottom a.disabled:active {
   background-position: 0 -44px;
  }
  
 #ContentContainer #ContentContainerInner #ContentSpacerBottom a.enabled {
   background-position: 0 0;
  }
  
 #ContentContainer #ContentContainerSpacerBottom {
   height: 35px;
  }
  
  .List {
   
  }
  
  .List .Head .Row {
   height: 19px;
   border-width: 0px 0px 1px 0px;
   border-style: solid;
   border-color: rgb(182,193,206);
  }
  
  .List .Head .Row .Data {
   position: relative;
   font-size: 11px;
   font-weight: 400;
   color: #96a3b3;
   
   height: 16px;
   padding: 3px 0px 0px 6px;
   border-width: 0px 0px 0px 1px;
   border-style: solid;
   border-color: rgb(182,193,206);
   float: left;
  }
  
  .List .Head .Row .Data .SortLink {
   position: absolute;
   top: 5px;
   right: 6px;
  }
  
  .List .Head .Row .Last {
   border-width: 0px 1px 0px 1px;
   border-style: solid;
   border-color: rgb(182,193,206);
  }
  
  .List .Body {
   
  }
  
  .List .Body .Row {
   font-size: 12px;
   font-weight: 400;
   color: #537ca9;
    
   min-height: 32px;
   border-width: 0px 0px 1px 0px;
   border-style: solid;
   border-color: rgb(182,193,206);
   margin: 3px 0px 0px 0px;
   background-color: rgb(245,247,250);
  }
  
  .List .Body .Row .Description {
   font-size: 10px;
   font-weight: 400;
   color: #56626e;
  }
  
  .List .Body .Row:hover {
   background-color: rgb(223,233,243);
  }
  
  .List .Body .Row .Data {
   height: 29px;
   padding: 3px 0px 0px 6px;
   float: left;
  }
  
  .List .Body .Row .Data div.Gray {
   font-size: 10px;
   font-weight: 400;
   color: #56626e;
  }
  
  .List .Body .Row .Data span.Gray {
   color: #999999;
  }
  
  .List .Body .Row .Data a.Function {
   display: inline-block;
   vertical-align: middle;
   width: 29px;
   height: 27px;
   margin: 0px 2px 0px 0px;
   background-position: 0 0;
   background-repeat: no-repeat;
  }
  
  .List .Body .Row .Data a.Function:hover {
   background-position: 0 -27px;
  }
  
  .List .Body .Row .Data a.Function:active {
   background-position: 0 -54px;
  }
   
  .List .Body .Row .Data a.Function.Arrow {
   background-image: url('/static/workflow/bt_arrow.png');
  }
  
  .List .Body .Row .Data a.Function.Contact {
   background-image: url('/static/workflow/bt_contact.png');
  }
  
  .List .Body .Row .Data a.Function.Contract {
   background-image: url('/static/workflow/bt_contract.png');
  }
  
  .List .Body .Row .Data a.Function.Pdf {
   background-image: url('/static/workflow/bt_doc_pdf.png');
  }
  
  .List .Body .Row .Data a.Function.Word {
   background-image: url('/static/workflow/bt_doc_word.png');
  }
  
  .List .Body .Row .Data a.Function.Sent {
   background-image: url('/static/workflow/bt_email_sent.png');
  }
  
  .List .Body .Row .Data a.Function.Email {
   background-image: url('/static/workflow/bt_email.png');
  }
  
  .List .Body .Row .Data a.Function.Payment {
   background-image: url('/static/workflow/bt_payment.png');
  }
  
  .List .Body .Row .Data a.Function.Invoice {
   background-image: url('/static/workflow/bt_invoice.png');
  }
  
  .List .Body .Row .Data img.Placeholder {
   display: inline-block;
   vertical-align: middle;
   margin: 0px 2px 0px 0px;
  } 
  
 #RechnungGesamt .List .Head .Row .First {
   width: 27px;
  }
  
 #RechnungGesamt .List .Head .Row .Second {
   width: 129px;
  }
  
 #RechnungGesamt .List .Head .Row .Third {
   width: 129px;
  }
  
 #RechnungGesamt .List .Head .Row .Fourth {
   width: 313px;
  }
  
 #RechnungGesamt .List .Head .Row .Fifth {
   width: 216px;
  }
  
 #RechnungGesamt .List .Head .Row .Sixth {
   width: 61px;
  }
  
 #RechnungGesamt .List .Head .Row .Seventh {
   width: 113px;
  }
  
 #RechnungGesamt .List .Body .Row .First {
   width: 28px;
  }
  
 #RechnungGesamt .List .Body .Row .Second {
   width: 130px;
  }
  
 #RechnungGesamt .List .Body .Row .Third {
   width: 130px;
  }
  
 #RechnungGesamt .List .Body .Row .Fourth {
   width: 314px;
  }
  
 #RechnungGesamt .List .Body .Row .Fifth {
   width: 217px;
  }
  
 #RechnungGesamt .List .Body .Row div.BeitragsRechnung {
   color: #23912d;
  }
  
 #RechnungGesamt .List .Body .Row div.Importiert {
   font-size: 10px;
   font-weight: 400;
   color: #ad0000;
  }
  
 #RechnungGesamt .List .Body .Row .Sixth {
   width: 62px;
   font-weight: 700;
  }
  
 #RechnungGesamt .List .Body .Row .Seventh {
   width: 115px;
   font-size: 0px;
  }  
  
 #RechnungBeitrag .List .Head .Row .First {
   width: 27px;
  }
  
 #RechnungBeitrag .List .Head .Row .Second {
   width: 124px;
  }
  
 #RechnungBeitrag .List .Head .Row .Third {
   width: 124px;
  }
  
 #RechnungBeitrag .List .Head .Row .Fourth {
   width: 413px;
  }
  
 #RechnungBeitrag .List .Head .Row .Fifth {
   width: 126px;
  }
  
 #RechnungBeitrag .List .Head .Row .Sixth {
   width: 61px;
  }
  
 #RechnungBeitrag .List .Head .Row .Seventh {
   width: 113px;
  }
  
 #RechnungBeitrag .List .Body .Row .First {
   width: 28px;
  }
  
 #RechnungBeitrag .List .Body .Row .Second {
   width: 125px;
  }
  
 #RechnungBeitrag .List .Body .Row .Third {
   width: 125px;
  }
  
 #RechnungBeitrag .List .Body .Row .Fourth {
   width: 414px;
  }
  
 #RechnungBeitrag .List .Body .Row .Fifth {
   width: 127px;
  }
  
 #RechnungBeitrag .List .Body .Row .Fifth input[type=text] {
   width: 70px;
   vertical-align: middle;
  }
  
 #RechnungBeitrag .List .Body .Row .Fifth a.Disc {
   display: inline-block;
   vertical-align: middle;
   width: 17px;
   height: 18px;
   background-repeat: no-repeat;
   background-position: 0 0;
   background: url('/static/workflow/listicon-disc.png');
  }
  
 #RechnungBeitrag .List .Body .Row .Fifth a.Disc:hover {
   background-position: 0 -19px;
  }
  
 #RechnungBeitrag .List .Body .Row .Second a.editLink {
   display: inline-block;
   vertical-align: middle;
   width: 22px;
   height: 18px;
   background-repeat: no-repeat;
   background-position: 0 0;
   background: url('/static/workflow/listicon-pencil.png');
  }
  
 #RechnungBeitrag .List .Body .Row .Second a.editLink:hover {
   background-position: 0 -19px;
  }
  
 #RechnungBeitrag .List .Body .Row div.BeitragsRechnung {
   color: #23912d;
  }
  
 #RechnungBeitrag .List .Body .Row div.Importiert {
   font-size: 10px;
   font-weight: 400;
   color: #ad0000;
  }
  
 #RechnungBeitrag .List .Body .Row .Sixth {
   width: 62px;
   font-weight: 700;
  }
  
 #RechnungBeitrag .List .Body .Row .Seventh {
   width: 115px;
   font-size: 0px;
  }  
  
 #RechnungAuftrag .List .Head .Row .First {
   width: 27px;
  }
  
 #RechnungAuftrag .List .Head .Row .Second {
   width: 129px;
  }
  
 #RechnungAuftrag .List .Head .Row .Third {
   width: 129px;
  }
  
 #RechnungAuftrag .List .Head .Row .Fourth {
   width: 313px;
  }
  
 #RechnungAuftrag .List .Head .Row .Fifth {
   width: 216px;
  }
  
 #RechnungAuftrag .List .Head .Row .Sixth {
   width: 61px;
  }
  
 #RechnungAuftrag .List .Head .Row .Seventh {
   width: 113px;
  }
  
 #RechnungAuftrag .List .Body .Row .First {
   width: 28px;
  }
  
 #RechnungAuftrag .List .Body .Row .Second {
   width: 130px;
  }
  
 #RechnungAuftrag .List .Body .Row .Third {
   width: 130px;
  }
  
 #RechnungAuftrag .List .Body .Row .Fourth {
   width: 314px;
  }
  
 #RechnungAuftrag .List .Body .Row .Fifth {
   width: 217px;
  }
  
 #RechnungAuftrag .List .Body .Row div.BeitragsRechnung {
   color: #23912d;
  }
  
 #RechnungAuftrag .List .Body .Row div.Importiert {
   font-size: 10px;
   font-weight: 400;
   color: #ad0000;
  }
  
 #RechnungAuftrag .List .Body .Row .Sixth {
   width: 62px;
   font-weight: 700;
  }
  
 #RechnungAuftrag .List .Body .Row .Seventh {
   width: 115px;
   font-size: 0px;
  }  
  
 #FunktionAuftraggeberFeedback .List .Head .Row .First { width: 119px; }
 #FunktionAuftraggeberFeedback .List .Head .Row .Second { width: 224px; }
 #FunktionAuftraggeberFeedback .List .Head .Row .Third { width: 119px; }
 #FunktionAuftraggeberFeedback .List .Body .Row .First { width: 120px; }
 #FunktionAuftraggeberFeedback .List .Body .Row .Second { width: 225px; }
 #FunktionAuftraggeberFeedback .List .Body .Row .Third { width: 110px; }
 #FunktionAuftraggeberFeedback .List .Body { max-height: 350px; overflow-y: auto; overflow-x: hidden; }
 .detailInfoHolderContent .List .Accordeon { background: #5c646d; color: #fff; padding: 20px 10px; display: none; }
 .detailInfoHolderContent .List .Accordeon .Head { margin-bottom: 10px; font-weight: bold; }

 #FunktionAuftraggeberDetail .List .Head .Row .First { width: 27px; }
 #FunktionAuftraggeberDetail .List .Head .Row .Second { width: 103px; }
 #FunktionAuftraggeberDetail .List .Head .Row .Third { width: 93px; }
 #FunktionAuftraggeberDetail .List .Head .Row .Fourth { width: 208px; }
 #FunktionAuftraggeberDetail .List .Head .Row .Fifth { width: 33px; }
 #FunktionAuftraggeberDetail .List .Body .Row .First { width: 28px; }
 #FunktionAuftraggeberDetail .List .Body .Row .Second { width: 104px; }
 #FunktionAuftraggeberDetail .List .Body .Row .Third { width: 94px; font-weight: 700; text-align: right; } 
 #FunktionAuftraggeberDetail .List .Body .Row .Fourth { width: 209px; }
 #FunktionAuftraggeberDetail .List .Body .Row .Fifth { width: 34px; text-align: center; }
 #FunktionAuftraggeberDetail .List .Body .Row div.BeitragsRechnung { color: #23912d; }
 #FunktionAuftraggeberDetail .List .Body .Row div.Importiert { font-size: 10px; font-weight: 400; color: #ad0000; }  

 #RechnungsuebersichtArzt .List .Head .Row .First {
   width: 27px;
  }
  
 #RechnungsuebersichtArzt .List .Head .Row .Second {
   width: 203px;
  }
  
 #RechnungsuebersichtArzt .List .Head .Row .Third {
   width: 43px;   
  }
  
 #RechnungsuebersichtArzt .List .Head .Row .Fourth {
   width: 128px;
  }
  
 #RechnungsuebersichtArzt .List .Head .Row .Fifth {
   width: 63px;
  }
  
 #RechnungsuebersichtArzt .List .Body .Row .First {
   width: 28px;
  }
  
 #RechnungsuebersichtArzt .List .Body .Row .Second {
   width: 204px;
  }
  
 #RechnungsuebersichtArzt .List .Body .Row .Third {
   width: 44px;
   font-weight: 700;
   text-align: right;
  }
  
 #RechnungsuebersichtArzt .List .Body .Row .Fourth {
   width: 129px;
  }
  
 #RechnungsuebersichtArzt .List .Body .Row .Fifth {
   width: 64px;
   text-align: center;
  }
  
 #RechnungsuebersichtArzt .List .Body .Row div.BeitragsRechnung {
   color: #23912d;
  }
  
 #RechnungsuebersichtArzt .List .Body .Row div.Importiert {
   font-size: 10px;
   font-weight: 400;
   color: #ad0000;
  }
  
 #RechnungsuebersichtArzt .List .Body .Row .Fourth input[type=text] {
   width: 70px;
   vertical-align: middle;
  }
  
 #RechnungsuebersichtArzt .List .Body .Row .Fourth a.Disc {
   display: inline-block;
   vertical-align: middle;
   width: 17px;
   height: 18px;
   background-repeat: no-repeat;
   background-position: 0 0;
   background: url('/static/workflow/listicon-disc.png');
  }
  
 #RechnungsuebersichtArzt .List .Body .Row .Fourth a.Disc:hover {
   background-position: 0 -19px;
  }  
  
 #RechnungsuebersichtArzt .List .Body .Row .Second a.editLink {
   display: inline-block;
   vertical-align: middle;
   width: 22px;
   height: 18px;
   background-repeat: no-repeat;
   background-position: 0 0;
   background: url('/static/workflow/listicon-pencil.png');
  }
  
 #RechnungsuebersichtArzt .List .Body .Row .Second a.editLink:hover {
   background-position: 0 -19px;
  }
  
 #RechnungsuebersichtAuftrag {
   margin: 20px 0px 0px 0px;
  }
  
 #RechnungsuebersichtAuftrag .List .Head .Row .First {
   width: 27px;
  }
  
 #RechnungsuebersichtAuftrag .List .Head .Row .Second {
   width: 103px;
  }
  
 #RechnungsuebersichtAuftrag .List .Head .Row .Third {
   width: 93px;   
  }
  
 #RechnungsuebersichtAuftrag .List .Head .Row .Fourth {
   width: 348px;
  }
  
 #RechnungsuebersichtAuftrag .List .Head .Row .Fifth {
   width: 93px;
  }
  
 #RechnungsuebersichtAuftrag .List .Body .Row .First {
   width: 28px;
  }
  
 #RechnungsuebersichtAuftrag .List .Body .Row .Second {
   width: 104px;
  }
  
 #RechnungsuebersichtAuftrag .List .Body .Row .Third {
   width: 94px;
   font-weight: 700;
   text-align: right;
  }
  
 #RechnungsuebersichtAuftrag .List .Body .Row .Fourth {
   width: 349px;
  }
  
 #RechnungsuebersichtAuftrag .List .Body .Row .Fifth {
   width: 94px;
   font-size: 0px;
   text-align: center;
  }
  
 #RechnungsuebersichtAuftrag .List .Body .Row div.BeitragsRechnung {
   color: #23912d;
  }
  
 #RechnungsuebersichtAuftrag .List .Body .Row div.Importiert {
   font-size: 10px;
   font-weight: 400;
   color: #ad0000;
  }  
  
 #OverlayWhite {
   position: fixed;
   z-index: 100;
   
   display: none;
   width: 100%;
   height: 100%;
   background-color: #ffffff;
   opacity: 0.70;
  }
  
 #OverlayWhite.Application {
   z-index: 200;
  }
  
 #LayerGray {   
   position: absolute;
   top: 50%;
   left: 50%;
   z-index: 110;
   
   display: none;
   min-width: 200px;
   min-height: 200px;
   border-width: 3px;
   border-color: #ffffff;
   border-style: solid;
   border-radius: 8px;
   background-color: rgb(234,234,234);
   background-repeat: no-repeat;
   background-position: center center;
   box-shadow: 1px 1px 1px rgba(0,0,0,0.25), 0px 0px 10px rgba(0,0,0,0.25);
   
   margin: -100px 0px 0px -100px;
  }
  
#LayerGray button.green {
  min-width: 100px;
  height: 20px; 
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  
  border: 0;
  
  border-radius: 8px;
  
  padding: 5px 10px 5px 10px;
  
  text-shadow: -1px -1px 0px rgba(0,0,0,0.25);
  box-shadow: inset 1px 1px 0px rgba(255,255,255,0.5), inset -1px -1px 0px rgba(255,255,255,0.35), 0px 1px 0px rgba(0,0,0,0.35), 1px 2px 2px rgba(0,0,0,0.35);
  background: #6fae6b;
  background: -moz-linear-gradient(top, #6fae6b 0%, #367c31 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fae6b), color-stop(100%,#367c31));
  background: -webkit-linear-gradient(top, #6fae6b 0%,#367c31 100%);
  background: -o-linear-gradient(top, #6fae6b 0%,#367c31 100%);
  background: -ms-linear-gradient(top, #6fae6b 0%,#367c31 100%);
  background: linear-gradient(to bottom, #6fae6b 0%,#367c31 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fae6b', endColorstr='#367c31',GradientType=0 );*/
}
  
 #LayerGray a#CloseOverlay {
   position: relative;
   top: 7px;
   right: 7px;
  }
  
 #LayerGray.Loading {
   background-image: url('/static/workflow/ajaxloader.gif');
  }
  
 #LayerGray.Application {
   /* wird benötigt um Layer bei Aufruf der Workflowmaske über dieser zu Platzieren */
   z-index: 210;
  }
  
 #LayerGray .Spacer {
   width: 614px;
   margin: 0px 34px 20px 34px;
  }
  
 #LayerGray .Zahlung {
   
  }
  
 #LayerGray .Zahlung .Contact {
   color: #537ca9;
  }
  
 #LayerGray .Zahlung .Bold {
   font-weight: 600;
  }
  
 #LayerGray .Zahlung .Line {
   width: 100%;
   height: 0px;
   border-style: solid;
   border-width: 0px 0px 1px 0px;
  }
  
 #LayerGray .Zahlung .Line.Dark {
   border-color: #b1b1b1;
  }
  
 #LayerGray .Zahlung .Line.Light {
   border-color: #f7f7f7;
  }
  
 #LayerGray .Zahlung .ZahlungshistorieStatus {
   position: relative;
  }
  
 #LayerGray .Zahlung .ZahlungshistorieStatus div {
   position: absolute;
   top: 0px;
   left: 0px;
   width: 100%;
  }
  
 #LayerGray .Zahlung .ZahlungshistorieStatus a.Green {
   color: #23912D;
   background: transparent;
  }
  
 #LayerGray .Zahlung .ZahlungshistorieStatus a.Red {
   color: #ad0000;
   background: transparent;
  }
  
 #PaymentStatus {
   position: relative;
   z-index: 1;
  }
  
 #LayerGray .Zahlung .Zahlungshistorie {
   
  }
  
 #LayerGray .Zahlung .Zahlungshistorie .Entry {
   margin: 10px 0px 0px 0px;
  }
  
 #LayerGray .Zahlung .Zahlungshistorie .Entry .First {
   width: 22px;
  }
  
 #LayerGray .Zahlung .Zahlungshistorie .Entry .Second {
   width: 110px;
  }
  
 #LayerGray .Zahlung .Zahlungshistorie .Entry .Third {
   width: 110px;
  }
  
 #LayerGray .Zahlung .Zahlungshistorie .Entry .Fourth {
   width: 280px;
  }
  
 #LayerGray .Zahlung .ElementContainer {
   width: 492px;
  }
  
 #LayerGray .Zahlung .ElementContainer .Element {
   float: left;
   margin: 0px 20px 0px 0px;
  }
  
 #LayerGray .Zahlung .ElementContainer .Element div.Label {
   
  }
  
 #LayerGray .Zahlung .ElementContainer .Element div.Art select {
   width: 130px;
  }
  
 #LayerGray .Zahlung .ElementContainer .Element div.Betrag input[type=text] {
   width: 46px;
  }
  
 #LayerGray .Zahlung .ElementContainer .Element div.Zahlungsdatum input[type=text] {
   width: 96px;
  }
  
 #LayerGray .Zahlung .ElementContainer .Element div.Begruendung textarea {
   width: 464px;
   height: 40px;
   margin: 0;
  }
  
 #LayerGray #StyleBeitragsrechnungBearbeiten {
   
  }
  
 #LayerGray #StyleBeitragsrechnungBearbeiten .entry {
   margin: 0px 0px 10px 0px;
  }
  
 #LayerGray #StyleBeitragsrechnungBearbeiten .entry .labelHolder {
   width: 100px;
   margin: 0px 10px 0px 0px;
   float: left;
  }
  
 #LayerGray #StyleBeitragsrechnungBearbeiten .entry .inputHolder {
   float: left;
  }
  
 #LayerGray #StyleBeitragsrechnungBearbeiten .entry .inputHolder input[type=text] {
   padding: 2px 2px 2px 2px;
   margin: 0px;
   width: 190px;
   height: 20px;
  }
  
 #LayerGray #StyleBeitragsrechnungBearbeiten .entry .inputHolder textarea {
   padding: 2px 2px 2px 2px;
   margin: 0px;
   width: 190px;
   height: 50px;
  }
  
 #LayerGray #StyleBeitragsrechnungBearbeiten .entry .inputHolder select {
   padding: 2px 2px 2px 2px;
   margin: 0px;
   width: 190px;
   height: 20px;
  }
  
 #LayerGray form input[type=submit] {
   border: 0;
   min-width: 100px;
   height: 23px;
   border-radius: 8px;
   box-shadow: inset 1px 1px 0px rgba(255,255,255,0.5), inset -1px -1px 0px rgba(255,255,255,0.35), 0px 1px 0px rgba(40,97,44,0.75), 1px 2px 2px rgba(0,0,0,0.35);
   background: rgb(110,173,106);
   background: -moz-linear-gradient(top, rgb(110,173,106) 0%, rgb(53,124,48) 100%);
   background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(110,173,106)), color-stop(100%,rgb(53,124,48)));
   background: -webkit-linear-gradient(top, rgb(110,173,106) 0%,rgb(53,124,48) 100%);
   background: -o-linear-gradient(top, rgb(110,173,106) 0%,rgb(53,124,48) 100%);
   background: -ms-linear-gradient(top, rgb(110,173,106) 0%,rgb(53,124,48) 100%);
   background: linear-gradient(to bottom, rgb(110,173,106) 0%,rgb(53,124,48) 100%);
   /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ead6a', endColorstr='#357c30',GradientType=0 );*/
   padding: 5px 10px 5px 10px;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: 600;
   color: #ffffff;
   text-shadow: -1px -1px 0px rgba(52,121,47,1);
   -webkit-font-smoothing: antialiased;
   text-align: center;
  }
/* Relaunch Rechnungsübersicht */

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignCenter {
  text-align: center;
}

.alignRight {
  text-align: right;
}

.Bold {
  font-weight: bold;
}

.signInLink, .signOffLink {
  color: #5C646D;
}

.signInLink .pic {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url('/static/workflow/bt_bestaetigung.png');
  margin: 0px 8px 0px 0px;
}

.signInLink .text {
  width: 60px;
  display: inline-block;
  vertical-align: middle;
}

.signOffLink .pic {
  width: 22px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  background-position: 0 -22px;
  background-repeat: no-repeat;
  background-image: url('/static/workflow/bt_bestaetigung.png');
  margin: 0px 8px 0px 0px;
}

.signOffLink .text {
  width: 60px;
  display: inline-block;
  vertical-align: middle;
}

.signSpacer {
  width: 90px;
  display: inline-block;
  vertical-align: middle;
  margin: 0px 8px 0px 0px;
}

.signGreen {
  display: inline-block;
  vertical-align: middle;
  color: rgb(78,133,51);
}

.signRed {
  display: inline-block;
  vertical-align: middle;
  color: rgb(120,7,3);
}

#Ticker {
  height:480px;
  overflow-y:auto;
}

#Ticker .TicketLinkContainer {
  margin: 5px 0px 0px 0px;
  /*text-align: right;*/
}

#Ticker a.TickerLink {
  display: inline-block;
  width: 87px;
  height: 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url('/static/workflow/bt_news_done.png');
  float:right;
}

#Ticker a.TickerLink:hover {
  background-position: 0 -24px;
}

#Ticker a.TickerLink:active {
  background-position: 0 -48px;
}

#TickerUmleitung {
  
}

#TickerUmleitung .ButtonContainer {
  margin: 10px 0px 0px 0px;
}

#TickerUmleitung a {
  display: inline-block;
  width: 187px;
  height: 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
}

#TickerUmleitung a.active {
  background-image: url('/static/workflow/bt_sms_aktivate.png');
}

#TickerUmleitung a.inactive {
  background-image: url('/static/workflow/bt_sms_deactivate.png');
}

#TickerUmleitung a.active:hover, #TickerUmleitung a.inactive:hover {
  background-position: 0 -24px;
}

#TickerUmleitung a.active:active, #TickerUmleitung a.inactive:active {
  background-position: 0 -48px;
}

a#newDueLink {
  display: inline-block;
  width: 187px;
  height: 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url('/static/workflow/bt_newinvoice.png');
}

a#newDueLink:hover {
  background-position: 0 -24px;
}

a#newDueLink:active {
  background-position: 0 -48px;
}

a#newManDueLink {
  display: inline-block;
  width: 207px;
  height: 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url('/static/workflow/bt_maninvoice.png');
}

a#newManDueLink:hover {
  background-position: 0 -24px;
}

a#newManDueLink:active {
  background-position: 0 -48px;
}

input#createManInvoice {
  display: inline-block;
  width: 157px;
  height: 24px;
  border: 0;
  background: #EAEAEA;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url('/static/workflow/bt_createmaninvoice.png');
}

input#createManInvoice:hover {
  background-position: 0 -24px;
}

input#createManInvoice:active {
  background-position: 0 -48px;
}

a#LayerGrayInnerContainer_Submit {
  display: inline-block;
  width: 117px;
  height: 24px;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-image: url('/static/workflow/bt_createnow.png');
}

a#LayerGrayInnerContainer_Submit:hover {
  background-position: 0 -24px;
}

a#LayerGrayInnerContainer_Submit:active {
  background-position: 0 -48px;
}

#StyleLoginData input[type="text"] {
  width: 100%;
}

#StyleLoginData input[type="password"] {
  width: 100%;
}


/* Style Workflowlayer neu - Beginn */
#WorkflowLayerContentContainer {
  position: relative;
  background-color: rgb(248,248,248);
  border-radius: 15px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerSpacerTop {  
  position: relative;
  
  height: 35px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerSpacerTop #CloseButtonContainer {  
  position: absolute;
  top: 8px;
  right: 10px;
  
  width: 20px;
  height: 20px; 
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner {
  position: relative;  
  min-height: 635px; 
  margin: 0px 35px 0px 35px;  
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerTop {
  position: relative;
  height: 49px;
  border-color: #D6DBE2;
  border-style: solid;
  border-width: 1px 1px 0px 1px;
  border-radius: 10px 10px 0px 0px;
  background-color: #ffffff;   
  padding: 0px 30px 0px 30px; 
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerTop #WorkflowLayerHeadline {
  position: absolute;
  left: 30px;
  bottom: 10px;
  font-weight: bold;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent {
  height: 680px;   
  border-color: #D6DBE2;
  border-style: solid;
  border-width: 0px 1px 0px 1px;
  background-color: #ffffff;
  padding: 0px 30px 0px 30px; 
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer {
  height: 114px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer div.Top {
  height: 34px;
  border-radius: 6px 6px 0px 0px;
  background: #bcc7d3;
  background: -moz-linear-gradient(top, #bcc7d3 0%, #7a889c 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#bcc7d3), color-stop(100%,#7a889c));
  background: -webkit-linear-gradient(top, #bcc7d3 0%,#7a889c 100%);
  background: -o-linear-gradient(top, #bcc7d3 0%,#7a889c 100%);
  background: -ms-linear-gradient(top, #bcc7d3 0%,#7a889c 100%);
  background: linear-gradient(to bottom, #bcc7d3 0%,#7a889c 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bcc7d3', endColorstr='#7a889c',GradientType=0 );*/
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer div.Top > div.navtab {
  position: relative;
  
  display: inline-block;
  vertical-align: middle;
  
  min-width: 150px;
  height: 34px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer div.Top > div.navtab > div.seperator {
  position: absolute;
  top:0;
    
  width: 1px;
  height: 34px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer div.Top > div.navtab > div.seperator.front {
  background-color: #687a8f;
  left: 0;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer div.Top > div.navtab > div.seperator.back {
  background-color: #c0cad5;
  right: 0;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer div.Top > div.navtab.active > div.seperator.front {
  background-color: #a2b1c2;
  left: 0;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer div.Top > div.navtab.active > div.seperator.back {
  background-color: #5a697a;
  right: 0;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer div.Top > div.navtab.first {
  border-radius: 6px 0px 0px 0px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer div.Top > div.navtab.first > div.seperator.front {
  display: none;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer div.Top > div.navtab.active { 
  background-image: url("/static/workflow/bg_tab_middle.png");
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer div.Top > div.navtab > a {
  display: table-cell;
  
  min-width: 130px;
  height: 34px;
  
  padding: 0px 10px 0px 10px;
  
  vertical-align: middle;
  
  font-size: 12px;
  font-weight: 600;
  color: #ffffff; /* bfcad8 */
  text-shadow: -1px -1px 0px #7b8691;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer div.Top > div.navtab.active > a {
  font-size: 12px;
  font-weight: 600;
  color: #ffffff;
  text-shadow: -1px -1px 0px #475568;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerSearchBlock {
  width: 361px;
  height: 28px;
  padding: 6px 0px 0px 6px;
  float: left;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerSearchBlock div {
  display: inline-block;
  vertical-align: middle;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerSearchBlock div.Textfield {
  margin: 0px 10px 0px 0px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerSearchBlock div.SubmitButton {
  
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerSearchBlock div.AjaxLoader {
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url('/static/workflow/loader_fast.gif');
  margin: 0px 0px 0px 5px;
  display: none;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerSearchBlock input[type=text] {
  border: 0px;
  height: 20px;
  width: 150px;
  box-shadow: inset 1px 1px 1px rgba(92,100,109,0.95), inset 0px 0px 10px rgba(92,100,109,0.35);
  -webkit-box-shadow: inset 1px 1px 1px rgba(92,100,109,0.95), inset 0px 0px 10px rgba(92,100,109,0.35);
  -moz-box-shadow: inset 1px 1px 1px rgba(92,100,109,0.95), inset 0px 0px 10px rgba(92,100,109,0.35);
  border-radius: 10px;
  padding: 2px 0px 0px 8px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 11px;
  font-weight: 400;
  color: #5c646d;
  background: rgb(224,224,224);
  background: -moz-linear-gradient(top, rgba(224,224,224,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(224,224,224,1)), color-stop(100%,rgba(255,255,255,1)));
  background: -webkit-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%);
  background: -o-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%);
  background: -ms-linear-gradient(top, rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%);
  background: linear-gradient(to bottom, rgba(224,224,224,1) 0%,rgba(255,255,255,1) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 );*/
  text-shadow: 1px 1px 0px rgba(255,255,255,1);
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerSearchBlock input[type=submit] {
  border: 0px;
  height: 22px;
  width: 150px;
  box-shadow: -1px -1px 0px rgba(158,168,181,1), 1px 1px 0px rgba(150,165,180,1), inset -1px -1px 0px rgba(92,125,164,1), inset 1px 1px 0px rgba(191,202,228,1);
  -webkit-box-shadow: -1px -1px 0px rgba(158,168,181,1), 1px 1px 0px rgba(150,165,180,1), inset -1px -1px 0px rgba(92,125,164,1), inset 1px 1px 0px rgba(191,202,228,1);
  -moz-box-shadow: -1px -1px 0px rgba(158,168,181,1), 1px 1px 0px rgba(150,165,180,1), inset -1px -1px 0px rgba(92,125,164,1), inset 1px 1px 0px rgba(191,202,228,1);
  border-radius: 3px;
  background: rgb(180,200,223);
  background: -moz-linear-gradient(top, rgba(180,200,223,1) 0%, rgba(111,150,194,1) 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(180,200,223,1)), color-stop(100%,rgba(111,150,194,1)));
  background: -webkit-linear-gradient(top, rgba(180,200,223,1) 0%,rgba(111,150,194,1) 100%);
  background: -o-linear-gradient(top, rgba(180,200,223,1) 0%,rgba(111,150,194,1) 100%);
  background: -ms-linear-gradient(top, rgba(180,200,223,1) 0%,rgba(111,150,194,1) 100%);
  background: linear-gradient(to bottom, rgba(180,200,223,1) 0%,rgba(111,150,194,1) 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4c8df', endColorstr='#6f96c2',GradientType=0 );*/
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  font-weight: 600;
  color: #fdfdfd;
  text-shadow: -1px -1px 0px rgba(101,135,173,1);
  padding: 0px 0px 0px 0px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerChoiceBlock {
  width: 303px;
  height: 26px;
  padding: 4px 0px 4px 0px;
  float: left;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerChoiceBlockInner {
  width: 100%;
  height: 100%;   
  background-repeat: no-repeat;   
  background-image: url('/static/workflow/bt_invoice_selector.png');
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerChoiceBlockInner a {
  display: inline-block;
  vertical-align: middle;
  width: 101px;
  height: 26px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerChoiceBlockInner.StateOne {
  background-position: 0 0;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerChoiceBlockInner.StateTwo {
  background-position: 0 -26px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerChoiceBlockInner.StateThree {
  background-position: 0 -52px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerFunctionBlock {
  width: 264px;
  height: 26px;
  padding: 4px 6px 4px 0px;
  float: right;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerFunctionBlockInner {
  width: 100%;
  height: 100%;   
  background-repeat: no-repeat;   
  background-image: url('/static/workflow/bt_invoice_function.png');
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer #WorkflowLayerFunctionBlockInner a {
  display: inline-block;
  vertical-align: middle;
  width: 132px;
  height: 26px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer .Bottom {
  height: 60px;
  background-color: rgb(240,240,240);
  border-radius: 0px 0px 10px 10px;
  
  font-size: 0px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer .Bottom.Green {
  background-color: rgb(221,255,217);    
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer .Bottom > div.picture {
  display: inline-block;
  vertical-align: middle;
  
  width: 30px;
  height: 40px;
  
  margin: 10px 5px 10px 25px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer .Bottom > div.entry {
  display: inline-block;
  vertical-align: middle;
  
  width: 230px;
  height: 40px;
  
  font-size: 9pt;
  
  margin: 10px 0px 10px 10px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer .Bottom > div.grayline {
  display: inline-block;
  vertical-align: middle;
  
  width: 1px;
  height: 40px;
  
  background-color: #d8d8d8; 
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer .Bottom > div.whiteline {
  display: inline-block;
  vertical-align: middle;
  
  width: 1px;
  height: 40px;
  
  background-color: #ffffff; 
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer .Bottom div.gray {
  color: #999999;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer .Bottom span.green {
  color: #23912d;
  background: transparent;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer .Bottom span.red {
  color: #ad0000;
  background: transparent;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer .Bottom .ElementContainer {
  padding: 10px 0px 0px 0px;
  margin: 0px 0px 0px 15px;
  height: 57px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer .Bottom .ElementContainer .Label {
  margin: 0px 0px 5px 0px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer .Bottom .ElementContainer .Input {
  
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerFunctionContainer .Bottom .ElementContainer .Input select {
  width: 130px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer {
  height: 510px;
  
  background-repeat: no-repeat;
  background-position: center center;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer.loading {
  background-image: url('/static/workflow/ajaxloader.gif');
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer.loading > * {
  display: none;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer label.error {
  color: #ad0000;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.cleardiv.space {
  margin: 0px 0px 10px 0px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.collection {
  width: 330px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.collection.space {
  margin: 0px 24px 0px 0px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container {
  height: 45px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#InternalComment {
  height: 79px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#StyleQualification > div.content {
  overflow-y: scroll;
  overflow-x: hidden;

  height: 270px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#ContainerInsurance {
  height: 74px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#ContainerInsurance div.floatLeft {
  width: 155px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#ContainerInsurance div.floatRight {
  width: 155px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#ContainerInsurance input[type="text"] {
  width: 310px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#ContainerInsurance .content input[type="text"] {
  max-width: 145px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#ContainerContacting {
  height: 55px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#ContainerContacting div.floatLeft {
  width: 155px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#ContainerContacting div.floatRight {
  width: 155px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#ContainerUsable {
  height: auto;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#ContainerUsable div.floatLeft {
  width: 155px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#ContainerUsable div.floatRight {
  width: 155px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#ContainerUsable input[type="text"] {
  max-width: 145px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#StylePayment {
  height: auto;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#StylePayment div.floatLeft {
  width: 155px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#StylePayment div.floatRight {
  width: 155px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#StyleUmfrage {
  height: auto;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#StyleUmfrage div.floatLeft {
  width: 155px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#StyleUmfrage div.floatRight {
  width: 155px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#StyleQualification {
  height: auto;
  min-height: 180px;
  
  padding: 10px 0px 10px 10px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#StyleLayerArea {
  height: auto;
  min-height: 63px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#StyleLayerArea > div.floatLeft {
  width: 155px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#StyleLayerArea > div.floatRight {
  width: 155px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#StyleLayerArea > div > div {
  margin: 0px 0px 5px 0px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#StyleLayerArea > div > div img {
  display: inline-block;
  vertical-align: middle;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#StyleLayerArea > div > div a {
  color: #555555;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container.padding {
  padding: 5px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container.blue {
  background-color: #D3DBE7;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container.green {
  background-color: #DFE7D1;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container.gray {
  background-color: #ECECEC;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container > div.label {
  
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container > div.content {
  
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container > div.content > label {
  display: inline-block;
  vertical-align: middle;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container input[type="checkbox"] {
  display: inline-block;
  vertical-align: middle;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container input[type="radio"] {
  display: inline-block;
  vertical-align: top;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container.short {
  width: 60px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container.short input[type="text"] {
  width: 60px;
  
  padding: 1px;
  margin: 0;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer #StyleContainerLand {
  width: 90px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer #StyleContainerLand input.ui-autocomplete-input {
  width: 60px;
  
  padding: 1px;  
  margin: 0;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer #StyleContainerLand .ui-button-icon-only {
  margin: 0;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container.normal {
  width: 160px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container.normal input[type="text"] {  
  width: 160px;
  
  padding: 1px;  
  margin: 0;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container.normal input.ui-autocomplete-input {  
  width: 130px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container.large {
  width: 330px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container.padding.large {
  width: 320px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container.large input[type="text"] {
  width: 330px;
  
  padding: 1px;  
  margin: 0;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container.large textarea {
  position: relative;
  z-index: 1;
  
  width: 330px;
  height: 60px;
  
  padding: 1px;  
  margin: 0;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container.padding.large textarea {
  position: relative;
  z-index: 1;

  width: 310px;
  height: 60px;
  
  padding: 1px;  
  margin: 0;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div.container.space {
  margin: 0px 10px 0px 0px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#Proof div.seperator {
  width: 710px;
  height: 0px;
  
  margin: 0px 0px 2px 0px;
  
  border-color: #aaaaaa;
  border-style: solid;
  border-width: 0px 0px 1px 0px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .FormContainer div#Proof div.seperator.wide {
  border-width: 0px 0px 2px 0px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .ButtonContainer {
  min-height: 20px;
  
  text-align: right;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .ButtonContainer button {
  cursor: pointer;
  margin: 0;
  padding: 0;
  background: transparent;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .ButtonContainer button.green {
  min-width: 100px;
  height: 20px; 
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  
  border: 0;
  
  border-radius: 8px;
  
  padding: 5px 10px 5px 10px;
  
  text-shadow: -1px -1px 0px rgba(0,0,0,0.25);
  box-shadow: inset 1px 1px 0px rgba(255,255,255,0.5), inset -1px -1px 0px rgba(255,255,255,0.35), 0px 1px 0px rgba(0,0,0,0.35), 1px 2px 2px rgba(0,0,0,0.35);
  background: #6fae6b;
  background: -moz-linear-gradient(top, #6fae6b 0%, #367c31 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6fae6b), color-stop(100%,#367c31));
  background: -webkit-linear-gradient(top, #6fae6b 0%,#367c31 100%);
  background: -o-linear-gradient(top, #6fae6b 0%,#367c31 100%);
  background: -ms-linear-gradient(top, #6fae6b 0%,#367c31 100%);
  background: linear-gradient(to bottom, #6fae6b 0%,#367c31 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6fae6b', endColorstr='#367c31',GradientType=0 );*/
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .ButtonContainer button.blue {
  min-width: 100px;
  height: 20px; 
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  
  border: 0;
  
  border-radius: 8px;
  
  padding: 5px 10px 5px 10px;
  
  text-shadow: -1px -1px 0px rgba(0,0,0,0.25);
  box-shadow: inset 1px 1px 0px rgba(255,255,255,0.5), inset -1px -1px 0px rgba(255,255,255,0.35), 0px 1px 0px rgba(0,0,0,0.35), 1px 2px 2px rgba(0,0,0,0.35);
  background: #88a4c3;
  background: -moz-linear-gradient(top, #88a4c3 0%, #6084ab 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#88a4c3), color-stop(100%,#6084ab));
  background: -webkit-linear-gradient(top, #88a4c3 0%,#6084ab 100%);
  background: -o-linear-gradient(top, #88a4c3 0%,#6084ab 100%);
  background: -ms-linear-gradient(top, #88a4c3 0%,#6084ab 100%);
  background: linear-gradient(to bottom, #88a4c3 0%,#6084ab 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#88a4c3', endColorstr='#6084ab',GradientType=0 );*/
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .ButtonContainer button.gray, form#BackFormHistory > button.gray {
  min-width: 100px;
  height: 20px; 
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  
  border: 0;
  
  border-radius: 8px;
  
  padding: 5px 10px 5px 10px;
  
  text-shadow: -1px -1px 0px rgba(0,0,0,0.25);
  box-shadow: inset 1px 1px 0px rgba(255,255,255,0.5), inset -1px -1px 0px rgba(255,255,255,0.35), 0px 1px 0px rgba(0,0,0,0.35), 1px 2px 2px rgba(0,0,0,0.35);
  background: #b3b3b3;
  background: -moz-linear-gradient(top, #b3b3b3 0%, #747474 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b3b3b3), color-stop(100%,#747474));
  background: -webkit-linear-gradient(top, #b3b3b3 0%,#747474 100%);
  background: -o-linear-gradient(top, #b3b3b3 0%,#747474 100%);
  background: -ms-linear-gradient(top, #b3b3b3 0%,#747474 100%);
  background: linear-gradient(to bottom, #b3b3b3 0%,#747474 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#747474',GradientType=0 );*/
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .ButtonContainer button.red {
  min-width: 100px;
  height: 20px; 
  
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  
  border: 0;
  
  border-radius: 8px;
  
  padding: 5px 10px 5px 10px;
  
  text-shadow: -1px -1px 0px rgba(0,0,0,0.25);
  box-shadow: inset 1px 1px 0px rgba(255,255,255,0.5), inset -1px -1px 0px rgba(255,255,255,0.35), 0px 1px 0px rgba(0,0,0,0.35), 1px 2px 2px rgba(0,0,0,0.35);
  background: #df4e4e;
  background: -moz-linear-gradient(top, #df4e4e 0%, #a30a0a 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#df4e4e), color-stop(100%,#a30a0a));
  background: -webkit-linear-gradient(top, #df4e4e 0%,#a30a0a 100%);
  background: -o-linear-gradient(top, #df4e4e 0%,#a30a0a 100%);
  background: -ms-linear-gradient(top, #df4e4e 0%,#a30a0a 100%);
  background: linear-gradient(to bottom, #df4e4e 0%,#a30a0a 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#df4e4e', endColorstr='#a30a0a',GradientType=0 );*/
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .ButtonContainer .floatLeft {
  margin: 0px 10px 0px 0px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent .ButtonContainer .floatRight {
  margin: 0px 0px 0px 10px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContent #WorkflowLayerWhiteSpace {
  height: 50px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerBottom {
  height: 22px;
  border-color: #D6DBE2;
  border-style: solid;
  border-width: 0px 0px 0px 0px;
  border-radius: 0px 0px 10px 10px;   
  padding: 4px 30px 4px 30px;
  text-align: center;
  background: #c0cad6;
  background: -moz-linear-gradient(top, #c0cad6 0%, #c2cdd9 25%, #abb9c8 50%, #7b8ea7 75%, #667c97 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0cad6), color-stop(25%,#c2cdd9), color-stop(50%,#abb9c8), color-stop(75%,#7b8ea7), color-stop(100%,#667c97));
  background: -webkit-linear-gradient(top, #c0cad6 0%,#c2cdd9 25%,#abb9c8 50%,#7b8ea7 75%,#667c97 100%);
  background: -o-linear-gradient(top, #c0cad6 0%,#c2cdd9 25%,#abb9c8 50%,#7b8ea7 75%,#667c97 100%);
  background: -ms-linear-gradient(top, #c0cad6 0%,#c2cdd9 25%,#abb9c8 50%,#7b8ea7 75%,#667c97 100%);
  background: linear-gradient(to bottom, #c0cad6 0%,#c2cdd9 25%,#abb9c8 50%,#7b8ea7 75%,#667c97 100%);
  /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0cad6', endColorstr='#667c97',GradientType=0 );*/
  box-shadow: 0px -2px 20px rgba(193,205,216,0.9), 0px -1px 2px rgba(193,205,216,1), inset 0px 1px 0px rgba(255,255,255,0.7),0px 1px 0px rgba(0,0,0,0.25);
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerBottom #WorkflowLayerBrowseBackward {
  width: 42px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerBottom #WorkflowLayerExport {
  width: 394px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-image: url('/static/workflow/bt_export.png');
  font-size: 0px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerBottom #WorkflowLayerExport a {
  height: 22px;
  display: inline-block;
  vertical-align: middle;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerBottom #WorkflowLayerExport a#WorkflowLayerExportLastschrift {
  width: 108px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerBottom #WorkflowLayerExport a#WorkflowLayerExportUebLastschrift {
  width: 141px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerBottom #WorkflowLayerExport a#WorkflowLayerExportUeberweiser {
  width: 145px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerBottom #WorkflowLayerBrowseBackward a {
  width: 42px;
  height: 22px;
  display: block;   
  background-repeat: no-repeat;
  background-image: url('/static/workflow/bl-liste-links.png');
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerBottom #WorkflowLayerBrowsePageinfo {
  color: #FDFDFD;
  width: 127px;
  height: 18px;
  padding: 4px 0px 0px 0px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;   
  background-image: url('/static/workflow/bl-liste-mitte.png');
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerBottom #WorkflowLayerBrowseForward {
  width: 42px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerBottom #WorkflowLayerBrowseForward a {
  width: 42px;
  height: 22px;
  display: block;   
  background-repeat: no-repeat;
  background-image: url('/static/workflow/bl-liste-rechts.png');
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerBottom a.disabled {
  background-position: 0 -44px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerBottom a.enabled:active {
  background-position: 0 -22px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerBottom a.disabled:active {
  background-position: 0 -44px;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerInner #WorkflowLayerContentSpacerBottom a.enabled {
  background-position: 0 0;
}

#WorkflowLayerContentContainer #WorkflowLayerContentContainerSpacerBottom {
  height: 35px;
}
/* Style Workflowlayer neu - Ende */

.sektionslayer_1112_unten .blaetternFix {
  text-align: center;
  padding: 24px 0px 0px 0px;
}

.sektionslayer_1112_unten #BrowseBackward {
  width: 42px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
}
  
.sektionslayer_1112_unten #BrowseBackward a {
  width: 42px;
  height: 22px;
  display: block;   
  background-repeat: no-repeat;
  background-image: url('/static/workflow/bl-liste-links.png');
}

.sektionslayer_1112_unten #BrowsePageinfo {
  color: #FDFDFD;
  width: 127px;
  height: 18px;
  padding: 4px 0px 0px 0px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;   
  background-image: url('/static/workflow/bl-liste-mitte.png');
}

.sektionslayer_1112_unten #BrowseForward {
  width: 42px;
  height: 22px;
  display: inline-block;
  vertical-align: middle;
}
  
.sektionslayer_1112_unten #BrowseForward a {
  width: 42px;
  height: 22px;
  display: block;   
  background-repeat: no-repeat;
  background-image: url('/static/workflow/bl-liste-rechts.png');
}

.sektionslayer_1112_unten a.disabled {
   background-position: 0 -44px;
  }
  
 .sektionslayer_1112_unten a.enabled:active {
   background-position: 0 -22px;
  }
  
 .sektionslayer_1112_unten a.disabled:active {
   background-position: 0 -44px;
  }
  
 .sektionslayer_1112_unten a.enabled {
   background-position: 0 0;
  }

/* Hisotry-Table Beginn */

table#TableHistory {
  width: 100%;
  
  border-width: 1px 0px 0px 1px;
  border-style: solid;
  border-color: #333333;
  border-spacing: 0px;
}

table#TableHistory tr > th {  
  padding: 3px 3px 3px 3px;
  
  color: #ffffff;
  background-color: #333333;
  
  text-align: left;
  vertical-align: middle;
}

table#TableHistory tr > td {
  padding: 3px 3px 3px 3px;
  
  background-color: #FFFFE0;
  
  text-align: middle;
  vertical-align: top;
  
  border-width: 0px 1px 1px 0px;
  border-style: solid;
  border-color: #333333;
}

/* Hisotry-Table Ende */

input:not([type="image"]), textarea {
  box-sizing: border-box;
}

#sidebarOnRight {
  position: absolute;
  top: 150px;
  right: 0px;
  z-index: 1;
}

#sidebarOnRight > div.button {
  cursor: pointer;
  
  position: absolute;
  top: 0;
  left: -50px;
  
  width: 50px;
  height: 50px;  
  
  border-radius: 8px 0px 0px 8px;
  
  background: #c6c6c6;
  /*background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M2YzZjNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);*/
  background: -moz-linear-gradient(left, #c6c6c6 0%, #f8f8f8 87%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%,#c6c6c6), color-stop(87%,#f8f8f8));
  background: -webkit-linear-gradient(left, #c6c6c6 0%,#f8f8f8 87%);
  background: -o-linear-gradient(left, #c6c6c6 0%,#f8f8f8 87%);
  background: -ms-linear-gradient(left, #c6c6c6 0%,#f8f8f8 87%);
  background: linear-gradient(to right, #c6c6c6 0%,#f8f8f8 87%);  
  
  box-shadow: -2px 0px 2px -1px rgba(0,0,0,0.5), -6px 0px 10px -2px rgba(0,0,0,0.2);
}

#sidebarOnRight > div.button > div.picture {
  width: 100%;
  height: 100%;
  
  background-repeat: no-repeat;
  background-position: center center;
}

#sidebarOnRight > div.button.isOpen > div.picture {
  background-image: url("/static/workflow/images/ic_chevron_right.png");
}

#sidebarOnRight > div.button.isClose > div.picture {
  background-image: url("/static/workflow/images/ic_chevron_left.png");
}

#sidebarOnRight > div.area {
  width: 315px;
  height: 505px;
  
  padding: 15px 0px 15px 0px;
  
  background-color: #f8f8f8;
  box-shadow: -1px 1px 2px rgba(0,0,0,0.4), 0px 4px 10px rgba(0,0,0,0.3);
  border-radius: 0px 0px 0px 8px;
}

#sidebarOnRight > div.area > div {
  width: 290px;
  
  margin: 0px 10px 0px 15px;
}

#sidebarOnRight > div.area > div.top {
  height: 54px;
  
  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #dcdfe3;  
}

#sidebarOnRight > div.area > div.top > div.picture {
  display: inline-block;
  vertical-align: top;
  
  width: 35px;
  height: 100%;
  
  background-repeat: no-repeat;
  background-position: 0 0;
  background-image: url("/static/workflow/images/ic_news_bubble.png");
}

#sidebarOnRight > div.area > div.top > div.text {
  font-size: 0px;
  
  display: inline-block;
  vertical-align: top;
  
  width: 251px;
  height: 100%;
}

#sidebarOnRight > div.area > div.top > div.text > span.headline {
  font-size: 18px;
  font-weight: bold;
}

#sidebarOnRight > div.area > div.top > div.text > span.sub {
   font-size: 9pt;
}

#sidebarOnRight > div.area > div.inner {
  height: 358px;
  
  padding: 15px 0px 15px 0px;
  
  border-width: 1px 0px 1px 0px;
  border-style: solid;
  border-color: #ffffff transparent #dcdfe3 transparent;
  
  overflow-x: hidden;
  overflow-y: scroll;
  
  background-repeat: no-repeat;
  background-position: center center;
}

#sidebarOnRight > div.area > div.inner.loading {
  background-image: url('/static/workflow/ajaxloader.gif');
}

#sidebarOnRight > div.area > div.inner.loading > * {
  display: none;
}

#sidebarOnRight > div.area > div.inner > div.entry {
  margin: 0px 0px 10px 0px;
}

#sidebarOnRight > div.area > div.inner > div.entry > div.headline {
  font-size: 12px;
  font-weight: 700;
  color: #5c646d;
  text-shadow: 1px 1px 0px rgba(255,255,255,1);
  margin: 10px 0px 2px 0px;
}

#sidebarOnRight > div.area > div.inner > div.entry > div.headline > span.user {
  color: #484a4c;
  font-size: 12px;
  font-weight: 700;
  text-shadow: 1px 1px 0px rgba(255,255,255,1);
}

#sidebarOnRight > div.area > div.inner > div.entry > div.text {
  color: #484a4c;
  font-size: 12px;
  font-weight: 400;
  text-shadow: 1px 1px 0px rgba(255,255,255,1); 
}

#sidebarOnRight > div.area > div.bottom {
  font-size: 0px;
  
  height: 49px;
  
  padding: 10px 0px 0px 0px;
  
  border-width: 1px 0px 0px 0px;
  border-style: solid;
  border-color: #ffffff; 
}

#sidebarOnRight > div.area > div.bottom > form > textarea {
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  color: #404753;
  text-shadow: 1px 1px 0px #ffffff;
  outline: none;
  
  display: inline-block;
  vertical-align: middle;
  
  width: 234px;
  height: 44px;
  
  margin: 0px 10px 0px 0px;  
  padding: 6px 0px 0px 6px;
  
  background: #eceff6;
  
  border-width: 1px 1px 1px 1px;
  border-style: solid;
  border-color: #d5dbe2;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  
  box-shadow: inset 1px 1px 0px #b7becb, inset 0px 0px 8px rgba(36,63,108,0.18), 1px 1px 0px #ffffff;
  -webkit-box-shadow: inset 1px 1px 0px #b7becb, inset 0px 0px 8px rgba(36,63,108,0.18), 1px 1px 0px #ffffff;
  
  -webkit-appearance: none;
}

#sidebarOnRight > div.area > div.bottom > form > textarea:focus {
  border: 1px solid #8ca3de;
  color: #404753;
  text-shadow: 1px 1px 0px #ffffff;
}

#sidebarOnRight > div.area > div.bottom > form > textarea.error {
  border: 1px solid #c7594e;
  color: #c7594e;
  text-shadow: 1px 1px 0px #ffffff;
}

#sidebarOnRight > div.area > div.bottom > form > button {
  font-family: Arial, sans-serif;
  font-size: 20px;
  font-weight: 600;
  color: #666666;
  
  cursor: pointer;
  
  text-shadow: 1px 1px 0px rgba(255,255,255,0.5);
  text-align: center;
  
  display: inline-block;
  vertical-align: middle;
  
  width: 38px;
  height: 44px;
  
  padding: 0px 0px 0px 2px; 
  
  border-radius: 5px;
  
  background: #dfdfdf;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZGZkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiNWI1YjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #dfdfdf 0%, #b5b5b5 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dfdfdf), color-stop(100%,#b5b5b5));
  background: -webkit-linear-gradient(top, #dfdfdf 0%,#b5b5b5 100%);
  background: -o-linear-gradient(top, #dfdfdf 0%,#b5b5b5 100%);
  background: -ms-linear-gradient(top, #dfdfdf 0%,#b5b5b5 100%);
  background: linear-gradient(to bottom, #dfdfdf 0%,#b5b5b5 100%);
  
  box-shadow: 1px 1px 2px rgba(0,0,0,0.25), inset 1px 1px 0px rgba(255,255,255,0.5), inset -1px -1px 0px rgba(0,0,0,0.25);  
}

.bold {
  font-weight: bold !important;
}

div.documents {
  background-color: #F5F5F5;
}

div.documents a, div.documents a:visited, div.documents a:active{
  text-decoration: none;
  font-family: Arial;
  font-size: 9pt;
  font-weight: normal;
  color: #5C646D;
}

div.breadcrumb {
  background-color: #515F6E;
  background-image: url(/static/workflow/hg-body.png);
  background-repeat: repeat-x;
  padding: 7px;
  color: #FFF;
  font-weight: bold;
}

div.documentEntry {
  padding: 7px;
}

div.documentEntry.checked {
  background-color: palegreen;
}
div.documentEntry.restriction {
  background-color: #FFA500 !important;
}
div.documentEntry.tobechecked {
  background-color: #F8E2AA !important;
}
div.documentEntry.todelete {
  background-color: salmon !important;
}
div.documentEntry.beglaubigt {
  background-color: palegreen;
}
div.documentEntry.nicht_beglaubigt {
  background-color: #FFA500;
}
div.documentEntry.abgelaufen {
  background-color: #ff8c3d;
}
div.documentEntry.restriction.abgelaufen {
    background-color: #ff8c3d!important;
}

div.documentEntry.current {
  background-color: #E5E5E5;
  /*background-image: url('/static/workflow/arrow-right-b18.png');
  background-repeat: no-repeat;
  background-position: center right 7px;*/
}

form#documentsetttings, form#documentsetttingsOld {
  padding: 0px 25px 25px 25px;
  background-color: #EFEFEF;
}

form#documentsetttings input[type="submit"], form#documentsetttingsOld input[type="submit"] {
  float: right;
  clear: both;
  height: 25px;
  padding: 0px 15px 0px 15px;
  text-shadow: 1px 1px 3px;
}

span.multiplyYear, span.multiplyMonth {
  display: inline-block;
  background-color: #FFF;
  padding: 2px;
  border: 1px solid #CCC;
  text-shadow: 1px 1px 3px;
  box-shadow: 2px 2px 7px #7C7B7B;
  cursor: pointer;
}

hr.seperator {
  height: 1px;
  color: #888;
  background: #888;
  border: none; 
}

.documentCategory .breadcrumb a {
  color: #FFF!important;
  font-weight: bold!important;
  text-decoration: none!important;
}

.breadcrumb#firstCat a:hover { color: #DDEFFF!important; }

.nab-file { color: #888; }

.input400 { width: 400px; }

.history-container table { width: 400px; }
.history-container td { padding-left: 4px; }
.history-container .head { background: #DDD; padding-left: 4px; }
.history-container .head1 { width: 30%; }
.history-container .head2 { width: 28%; }
.history-container .head3 { width: 42%; }

.diagram{
  width: 22px;
  height: 22px;
  float: right;
  margin-right: 20px;
  cursor: pointer;
}

.colorOne.diagram>div {
  
}
.colorTwo.diagram>div {
  
}

.diagram>div {
  width: 11px;
  height: 11px;
  float: left;
}
.diagram>div.green {
  background-color: #2CC705;
}
.diagram>div.green.keineAnforderung{
  background-color: #2CC705;
}
.diagram>div.orange {
  background-color: #E7CB00;
}
.diagram>div.red {
  background-color: #F00;
}
.diagram>div.d1 {border-top-left-radius: 11px;}
.diagram>div.d2 {border-top-right-radius: 11px;}
.diagram>div.d3 {border-bottom-left-radius: 11px;}
.diagram>div.d4 {border-bottom-right-radius: 11px;}

.kreisdiagramme>.diagram {
  margin-right: 2px;
  width: 20px;
  height: 20px;
}
.kreisdiagramme>.diagram>div{
  width: 10px;
  height: 10px;
}
.kreisdiagramme>.diagram>div.d1 {border-top-left-radius: 10px;}
.kreisdiagramme>.diagram>div.d2 {border-top-right-radius: 10px;}
.kreisdiagramme>.diagram>div.d3 {border-bottom-left-radius: 10px;}
.kreisdiagramme>.diagram>div.d4 {border-bottom-right-radius: 10px;}

.documentEntry .versendet>ul>li:hover>ul {
display: block;
}
.documentEntry .versendet>ul>li>ul {
display: none;
}
.documentEntry .versendet ul {
margin-top: 0;
}
.ACHTUNG_VERPLANT{
background-image: url('/static/workflow/achtung_verplant.png');
background-position: top right;
background-repeat: no-repeat;
width: 22px!important;
}

div#nachplanung-auftrag-container, div#nachplanung-auftrag-container * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

div#nachplanung-auftrag-container {
  width: 100%;

  padding: 10px;
  margin: 0px 0px 5px 0px;

  border-width: 0px 0px 1px 0px;
  border-style: solid;
  border-color: #b6c1ce;

  background-color: #eeeeee;
}
.fixed_head{
  height:20px;
  }
.fixed_head > div{
  height:20px;
  width:145px;
  float:left;
  border:1px solid grey;
  border-left:none;
  background-color:#f0f0f0;
  text-align:center;
  }
.fixed_head > div:first-child{
  border-left:1px solid grey;
  }
  
  
.table-bereits-gearbeitet { width: 100%; border-collapse: collapse; }
.table-bereits-gearbeitet th { border-bottom: 1px solid black; text-align: left; }
.table-bereits-gearbeitet th a { color: #bbb; }
.table-bereits-gearbeitet th a.selected { color: #000; }

  
/* Bootstrap additions */
.badge-danger, .bg-danger{
	background-color: #d9534f;
}
.badge-warning{
	background-color: #f0ad4e;
}
.badge-success{
	background-color: #5cb85c;
}
.badge-default{
	background-color: #337ab7;
}

/* Feedback Styles */
.average-feedback-detailed { width: 120px; }
.average-feedback-detailed .floatLeft { margin-right: 5px; }

.tag { font-size: 12px; font-weight: normal; padding: .3em .4em .4em; margin: 0 .1em .1em; display: inline-block; }
.tag a { color: #bbb; cursor: pointer; opacity: 0.6; }
.tag a:hover { opacity: 1.0; }
.tag .remove { vertical-align: bottom; top: 0; }
.tag a { margin: 0 0 0 .3em; }
.tag a .glyphicon-white { color: #fff; margin-bottom: 2px; }
#actionBox .panel-body .row { padding-bottom: 10px; }

#FunktionAuftraggeberFeedback .Row .glyphicon-play-circle { font-size: 24px; color: #537ca9; }
#FunktionAuftraggeberFeedback .Row.label-success .glyphicon-play-circle { color:#5cb85c; }
#FunktionAuftraggeberFeedback .Row.label-danger .glyphicon-play-circle { color:#d9534f; }
#FunktionAuftraggeberFeedback .Row.label-warning .glyphicon-play-circle { color:#f0ad4e; }

.aufgaben .container {
	background-color: #f8f8f8;
  border-radius: 15px;
  min-width: 1170px;
  width: 100%;
  padding: 28px;
}
.aufgaben .inner_container {
	background-color: #fff;
  border-radius: 10px;
  border: 1px solid #d7dde1;
  padding: 30px;
}
.aufgaben .container_table {
	width: 100%;
  border-spacing: 0px;
}
.aufgaben .container_table tbody tr {
	height: 40px;
  background-color: rgb(243, 243, 243);
}
.aufgaben .container_table th {
	color: #96a3b3;
  border-bottom: 1px solid #b6c1ce;
  border-left: 1px solid #b6c1ce;
  padding-left: 5px;
  padding-bottom: 2px;
  font-size: 12px;
  line-height: 1.2;
  text-align: left;
  font-weight: bold;
}
.aufgaben .container_table td {
	color: #537ca9;
  border-bottom: 1px solid #b6c1ce;
  border-top: 4px solid #fff;
  padding-left: 5px;
  padding-top: 6px;
  padding-bottom: 4px;
  vertical-align: top;
  line-height: 1.2;
  font-size: 12px;
}
.aufgaben .tab-nav {
    background: linear-gradient(0deg, #bcc7d4, #7a8a9c);
    border-radius: 10px;
    padding: 0px 15px;
    display: flex;
}
.aufgaben .tab-nav a {
    display: inline-block;
    padding: 10px 15px;
    color: white;
    font-weight: bold;
    text-shadow: -1px -1px rgba(0, 0, 0, 0.2);
    letter-spacing: 1px;
    border-left: 1px solid #aab6c5;
    border-right: 1px solid #808fa2;
    margin: 0;
}
.aufgaben .tab-nav a.active {
    background: linear-gradient(0deg, #8797a9, #374657);
}

/* *** CSS HACK SAFARI INPUT ELEMENTS ***/
@media \\0 screen {
	input[type="text"] {padding:0px!important;font-size:11px!important;}
}
_::-webkit-full-page-media, _:future, :root input[type="text"] {padding:0px!important;font-size:11px!important;}

/*input[type="text"] {padding:0px!important;font-size:11px!important;}*/

body .Listenkopf_suche_1050 {text-align:center;}
body .Listenkopf_suche_1050 .list_step_item-ok-p, body .Listenkopf_suche_1050 .list_step_item-ok-a, body .Listenkopf_suche_1050 .list_step_item-notok-p {float:none;display:inline-block;
