/**
 * This stylsheet contains any color-information, so color can easily be changed
 * for different services
 *
 * @ 11.02.2006
 */

/** default link-color */
a:link, a:visited, a:link:active, a:link:hover
{
   color: #339900;
}

hr {
   color: #339900;
   background-color: #339900;
}

#Title {
   border-bottom-color: #339900;
}

#TopMenu a:hover,
#TopMenu a.active
              {
   background-image: url(/img/layout/corner_green.gif);
}


#Footer {
      background-image: url(/img/layout/corner_green.gif);
}


/** service colors */
th.orderby {
 background-color: #226600;
}

td.orderby {
   background-color: #EEFFE5;
}

.alt td.orderby {
   background-color: #D1FFBB;
}

/**
 * This stylsheet contains general formating information
 * which is layout-independant
 *
 * @ 11.02.2006
 */

/*@import url(color.css); */

@page {
   size: landscape;
}

* {
   font-family: Arial, Helvetica, sans-serif;
}
  
body {
   font-size: 11pt;
   color: #000000;

   background-color: #FFFFFF; 
   
   /* scrollbar settings */
   scrollbar-face-color: #F2F2F2;
   scrollbar-highlight-color: #F2F2F2;
   scrollbar-shadow-color: #F2F2F2;
   scrollbar-3dlight-color: #333333;
   scrollbar-arrow-color: #333333;
   scrollbar-track-color: #F2F2F2;
   scrollbar-darkshadow-color: #333333;   
}

ul ul {
	font-size: 90%;
}

td, th {
   font-size: 11pt;
}

table.ListTable td, table.ListTable th {
	vertical-align: top;
}


table.contactTable
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}

table.contactTable input, 
table.contactTable textarea, 
table.contactTable select
{
	width: 100%;
	margin-bottom: 3px;
}


th {
   background-color: #333333;

   color: #FFFFFF;
   font-weight: bold;
   text-align: left;
}

img, input.image {
   border: none !important;
   vertical-align: middle;
}
 
a:link, a:visited, a:link:active, a:link:hover {
   text-decoration: none;
}

a:link:hover, a:visited:hover {
  text-decoration: underline overline; 
  background-color: #F2F2F2;
}

h4 {
	font-weight: bold;
	font-size: inherit;

    padding-top: 12px;
    margin: 0 0 8px;
}

p {
	padding: 0;
   margin: 8px 0 12px;
}

hr {
   height: 2px;
   border: none;
   margin-left: 0;
   margin-right: 0;
}

ul {
   margin: 0;
   padding: 0;
}

li {
   list-style-type: none;
   background: url(/img/layout/bullet_active.gif) no-repeat 2px 0.4em;
   padding-left: 15px;
   margin-top: 6px;
   margin-bottom: 6px;
}

small, .small {
   font-size: 10pt;
}

.highlighted {
   background-color: #333333;
   color: #FFFFFF;
}

.important {
	color: red;
}

.header {
   font-weight: bold;
}

pre, pre * {
   font-family: "Courier New", Courier, monospace;
}

/** form elements */
form {
   padding: 0 0 0 0;
   margin: 0 0 0 0;
   display: block;
}

input, select, textarea {
   font-size: 10pt;
}

input[type=text], input[type=password], select, textarea {
   background-color: #FFFFFF;
   border: 1px solid #333333;
   border-right-color: #999999;
   border-bottom-color: #999999;
}

input[type=text], input[type=password], textarea {
   padding: 1px;
}

select optgroup {
   background-color: #333333;
   color: #FFFFFF;
}

select optgroup option {
   background-color: #FFFFFF;
   color: #000000;
   padding-left: 10px;
}

input[type=text][disabled], input[type=password][disabled], select[disabled], textarea[disabled] {
   border: 1px solid #999999;
   background-color: #FFFFFF;
}

input.inputfocus, textarea.inputfocus, 
input[type=text]:focus, select:focus, textarea:focus {
   border: 1px solid #333333;
   background: url(/img/layout/corner_small.gif) #F2F2F2 no-repeat bottom right;
}

input.Button, input.Button:focus,
button {
   background: url(/img/layout/corner_small.gif) #F2F2F2 no-repeat bottom right;
   border: 2px solid #333333;
}

input.Button[disabled] {
   border: 2px solid #999999;
}

textarea {
//   overflow: auto; /** makes scrollbar invisible if not needed (ie hack) */
}

span.hint
{
   color: gray;
   font-size: 8pt;
}

label.checkbox
{
   white-space: nowrap;
}

label.checkbox:hover
{
   cursor:pointer;
}

label.checkbox input
{
   margin-right: 0.25rem;
}

label.radiobutton
{
   white-space: nowrap;
}

label.radiobutton:hover
{
   cursor:pointer;
}
label.radiobutton input
{
   margin-right: 0.25rem;

}

/*@import url(color.css);*/

* {
   font-family: Arial, Helvetica, sans-serif;
}

html, body {
   margin: 0; padding: 0;
   
   color: black;
//   overflow: auto; /** makes scrollbar invisible if not needed (ie hack) */
   
   background-color: white;
}

#Loading {
    position: absolute;

    z-index: 64000;

    top: 40%;
    left: 0; right: 0;

    height: 100px;

    text-align: center;
    font-size: 10pt;
    font-family: monospace;
    font-weight: bold;
    color: black;

   background: rgba(242, 242, 242, 0.8) url(/img/layout/loading.gif) no-repeat center;

   filter: alpha(opacity=90, style=0);
}

#Logo {
   position: absolute;

   top: 0; 
   left: 0; right: 0;

   height: 88px;

   background: #333333 url(/img/layout/logo.gif) no-repeat 20px 5px;

   padding: 0; margin: 0;

}


#TopMenu {
   position: absolute;
   left: 0; top: 50px;

   line-height: 15px;
   padding-top: 5px;
   height: 25px;
   width: 666px;

   margin: 0;
   padding-left: 23px;
   vertical-align: bottom;
//   background-color: #333333;

}

#TopMenu a {
   float: left;
   
   border-top: 1px solid transparent;
   border-right: 1px solid transparent;

   margin-right: 2px;
   padding: 2px 10px 2px 3px;

}

#TopMenu a:hover {
   float: left;
   
   border-top: 1px solid #F2F2F2;
   border-right: 1px solid #F2F2F2;   
}


#LangMenu {
	position: absolute;
	
	left: 680px;
	top: 1px;
		
	z-index: 10;
}

#LangMenu a {
	display: block;
	
   border-top: 1px solid transparent;
   border-bottom: 1px solid transparent;		
}

#LangMenu a:hover {
   border-top-color: #F2F2F2;
   border-bottom-color: #F2F2F2;   
}

.topLinks a:link,
.topLinks a:hover,
.topLinks a:visited {
   font-size: 10pt;
   font-weight: bold;
   color: white;
}

.topLinks a:hover,
.topLinks a.active {
   background: no-repeat bottom right;
}

.topLinks a:hover,
.topLinks a:hover.active
{
   text-decoration: none;
   background-color: #999999;
}

.topLinks a.active,
.topLinks a:hover.active {
   background-color: #F2F2F2;
   color: #333333;
}

#TopMenu #Logout {
	float: right !important;
}

#TopBar {
   position: absolute;

   top: 75px;
   left: 0; right: 0;

   height: 20px;

   border-left: 23px solid #333333;
   border-bottom: 2px solid #333333;

   background-color: #F2F2F2;
/*   background: #F2F2F2 url(img/layout/slogan.gif) no-repeat right; */

   text-align: right;
   color: #333333;
   letter-spacing: 3px;
}

#TopSpacer {
	
   position: absolute;

   top: 97px;
   left: 0; right: 18px;

   z-index: 20;
   
   height: 15px;

   background: url(/img/layout/top.png) repeat-x;

}

#MenuContainer
{
	z-index: 50;
	
	position: absolute;
	left: 0; top: 95px;
	bottom: 0; width: 208px;
	
   background-color: #F2F2F2;
	border-left: 23px solid #333333;	
	border-right: 2px solid #333333;

	overflow: visible;
}

#Menu {
   width: 205px;

   vertical-align: top;

   padding: 2px 0 10px 5px;

   font-size: 10pt;
}

#LeftSpacer {
   position: absolute;

   top: 97px;
   left: 233px;
   bottom: 18px;
   
   z-index: 20;
   
   width: 15px;

   background: url(/img/layout/left.png) repeat-y;
}

#Content {

	position: absolute;
	
   top: 97px;
   left: 233px;
   right: 0;
   bottom: 0;
	
	overflow: auto;
	
	z-index: 10;
	
   vertical-align: top;

   /*
   padding-left: 248px;
   */

   padding: 15px;
}

/** used for static-texts not to be to long */
#Text {
 width: 550px;
 padding: 0;
}

#FixedBottomBar, #AccountingInfo {
		
	position: fixed; 
	bottom: 0;
	
	left: 248px; 
	right: 26px; 
	padding-bottom: 2px; 
	
	background-color: white;

}

#Error {
   position: absolute;

   top: 97px;
   left: 233px;

   background-color: white;

   padding-top: 20px;
   padding-left: 20px;
   padding-bottom: 20px;
}

#Title {
   font-size: 12pt;
   font-weight: bold;

   border-bottom: 2px solid;

   padding: 0 0 2px;
   margin: 0 0 14px;
}

#Footer {
	z-index: 10;
	
	position: fixed;
	left: 0; bottom: 0;
	
   line-height: 1px;
   height: 14px;

   width: 208px;

   background: #F2F2F2 no-repeat bottom right;

   border-left: 23px solid #333333;
   border-right: 2px solid #333333;
   border-bottom: 2px solid #333333;
}


/** menu control */

.menu .menu,
.menu .active_menu {
   margin-left: 10px;
   margin-top: 4px;
   margin-bottom: 7px;
}

.menu a,
.active_menu a {
   display: block;

   padding-left: 8px;
   margin-right: 3px;
   margin-bottom: 1px;

   background: url(/img/layout/bullet.gif) no-repeat left center;

   color: black !important;
   border: 1px solid #F2F2F2;
}

.menu a.active,
.active_menu a.active {
   background: white url(/img/layout/bullet_down.gif) no-repeat;
}

.menu a.active:hover {
  background-color: white;
}

.active_menu a.selected,
.menu a:hover {
   background-image: url(/img/layout/bullet_active.gif);
}

.menu a:hover,
.active_menu a:hover {
   text-decoration: none;
   margin-right: 0;

   background-color: #F2F2F2;

   border: 1px solid #333333;
   border-right: none;
}

.active_menu a.selected {
   margin-right: 0;
   background: white url(/img/layout/bullet_active.gif) left center no-repeat ;

   border: 1px solid #333333;
   border-right: none;
}

.active_menu .spacer {
   line-height: 4px;
   height: 4px;
}

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; z-index: 100; }

.calendar, .calendar table {
  border: 2px solid #333333; 
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #F2F2F2;
  font-family: Arial,verdana,sans-serif;
}
.calendar TD,
.calendar TH {
   font-size: 11px;
}

/* Header part -- contains navigation buttons and day names. */

.calendar td.button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */

  background-color: #999999;
  border: 1px solid #333333;

  color: white;
  
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .headrow .button {
   background-color: #F2F2F2;
   color: #339900;
}


.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #333333;
  color: white;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background-color: #F2F2F2;

  color: black;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #999999;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #333333;
  padding: 2px;
  text-align: center;
  color: white;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  background-color: #999999;
  color: #339900;
}

.calendar thead .hilite,
.calendar .headrow .hilite { /* How do the buttons in header appear when hover */
  background: #F2F2F2;
  color: #000;
   
  padding: 1px;
}

.calendar .headrow .hilite {
   background-color: white;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  padding: 2px 0 0 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: black;
  text-align: right;
  padding: 2px 4px 2px 2px;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #999999;
  color: white;
}

.calendar tbody .rowhilite td {
  background: white;
}

.calendar tbody .rowhilite td.wn {
  background: #F2F2F2;
  color: black;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid #333333;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0 2px;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid #339900;
  padding: 1px 3px 1px 1px;
  
  background: white;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #339900;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #339900;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #333333;
  color: white;
  border-top: 1px solid #8A3E32;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #E9C7C1;
  border: 1px solid #BC5544;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0 0 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.combo {
  position: absolute;
  display: none;
  top: 0;
  left: 0;
  width: 4em;
  cursor: default;
  border: 1px solid #8A3E32;
  background: #F6E8E6;
  color: #000;
  font-size: smaller;
}

.combo .label {
  width: 100%;
  text-align: center;
}

.combo .hilite {
  background: #E9C7C1;
}

.combo .active {
  border-top: 1px solid #AF4F3F;
  border-bottom: 1px solid #AF4F3F;
  background: #FBF4F3;
  font-weight: bold;
}

/**
 * This stylsheet contains formating information for tables, forms, etc inside services
 * and overrides some layout settings to get more screen espace
 *
 * @ 04.09.2006
 */

/*@import url(calendar.css);*/

/** dbtable and co */

table {
   border: none !important;
}

td {
   vertical-align: top;
}

/* use this to prevent wrapping */
.nowrap {
   white-space: nowrap;
}

.DBTable {
	border-spacing: 1px;
}

.DBTable > tr, .DBTable > tbody > tr {
   background-color: #F2F2F2;
}

.DBTable > tr > td, .DBTable > tr > th,
.DBTable > tbody > tr > td, .DBTable > tbody > tr > th {
    padding: 1px 2px;

    vertical-align: middle;
   empty-cells: show;
}

.DBTable th {
   vertical-align: top;
}

.DBTable .pos {
	font-size: 12px;
	display: inline-block;
	
	/* ie inline block hack */
	zoom: 1;
	*display: inline;
}

.DBTable .Total td {
/*   font-weight: bold; */

   background-color: #333333 !important;
   color: white;
}

.DBTable .Group {
   background-color: white !important;
   font-weight: bold;
   padding-top: 6px;
   white-space: nowrap;
}

.DBTable .blank {
   background-color: white !important;
}

.navigation {
   text-align: center;
   padding-top: 2px;

   font-size: 9pt;
}

.DBTable .AddRow td {
   background-color: White;
   vertical-align: top;
}

.AutoTable .Title, .Title {
   font-weight: bold;
   padding-left: 0;
}

.AutoTable > * > tr > td {
    padding: 2px 4px 2px 0;

    border-top: 1px solid white;
}

.AutoTable > * > tr:first-child td {
	padding-top: 0;
}

/** left spacer column for autotable */
td.lsp,
td.lsp_mand {
  empty-cells: show;

  padding: 0;
  width: 20px;
  min-width: 20px;
}

/** left spacer column for autotable with mandatory marker */
td.lsp_mand {
    background: url(/img/def/star.gif) no-repeat 14px 0.5em;
}

.error td.lsp_mand {
   background-image: url(/img/def/star_white.gif);
}

.AutoTable .spacer {
   height: 12px;
}

.NumInputTable {
   border: 0;
   display: inline;
   vertical-align: bottom;
}

.NumInputTable td {
   padding: 0;
   text-align: right;
   vertical-align: middle;
}

.alt, tr.alt, tr.alt > td {
   background-color: #DDDDDD;
}

.error, .error td {
  background-color: #999999 !important;

  color: white;
}

.error a:link, .error a:visited {
	color: white;	
}

.errortext {
  font-size: 10pt;

  padding-left: 9px;

  color: white;
  background-color: #999999 !important;
  
  background-image: url(/img/def/error.gif);
  background-position: left;
  background-repeat: no-repeat;

  font-weight: bold;
}

optgroup {
   padding-top: 3px;
}

optgroup option {
  padding-left: 10px;
  padding-right: 10px;
}

input[type=image][disabled] {
	opacity: 0.25;
	filter:alpha(opacity=25);
}


/* fix size in moz */
textarea[rows="1"] {
   height: 20px;
}

/** for member select */
.membersLink {
	max-height: 100px;
	overflow-y: auto;
	
	margin-bottom: 10px;
}

.membersLink:empty {
	margin-bottom: 0;
}

.MemberselectLeft
{
    min-width: 200px;
    padding: 3px 0 0 3px;
}
.MemberselectRight
{
    min-width: 200px;
    padding: 3px 0 0 3px;
}

/* following styles belong to Help-System */
.helptitle {
 font-weight: bold;
 color: white;

 background-color: #333333;

 padding-left: 10px;
 padding-top: 2px;
 padding-bottom: 4px;
}

.helptext {
   text-indent: 10px;
}

.helptext TD {
   text-indent: 0;
}

.helpbottom TD {
   text-align: left;

   padding-left: 3px;
   padding-right: 3px;
}


/** styles for fileupload input element */

div.fileUpload
{
	padding: 0; margin: 0;
}

.fileUpload .error 
{
	margin-top: 4px;	
}

.fileUpload .error .errortext 
{
	margin: 4px;
}

.fileUpload, .fileUploadStatus {
	font-size: 10pt;
}

.fileUploadStatus {
	
	position: relative;
	vertical-align: middle;

    padding: 2px 2px 2px 4px;

    border: 1px inset black;
	border-radius: 2px;
	-moz-border-radius: 2px;
	
	color: black;
		
}

.fileUploadStatus div {
	
	color: white;
	background-color: black;
		
	white-space: nowrap;
	overflow: hidden;
	
}

.fileUploadStatus div.updating {

	position: absolute; 
	left: 2px; top: 2px; right: 2px;

    padding: 0 0 0 2px;

    color: white;
	background-color: black;
		
	white-space: nowrap;
	overflow: hidden;
		
}

.timeInput {

	text-align: center;

}

#SelectTable
{
	min-height: 200px;
}

body.Help.Content
{
    margin: 4px;
}

html.Help.Close
{
    height: 100%;
    background-color: #333333;

}

#helpfooter
{
    background-color: #333333;
    text-align: center;
    padding-top: 8px;
}

.DataProtection .Title {
    display: block;
    font-weight: bold;
}
#SysAdminHeader
{
    font-size: 2em;
    padding-left: 5px;
    padding-top: 5px;
}

#SysAdminMenu
{
    float: left;
    width: 150px;
    padding-top: 10px;
    padding-left: 5px;
}

#SysAdminMenu a
{
    display: block;
    margin-bottom: 5px;
}

.DatabaseUpdater td.green
{
    background-color: #72b572;
}

.DatabaseChecker .Table td
{
    padding: 2px 3px 2px 3px;
}

.DatabaseChecker .Table .TableHeader td
{
    background-color: #333333;
    color: white;
    font-weight: bold;
}

.DatabaseChecker .Table td {
    background-color: grey;
}

.DatabaseChecker .Table .even td {
    background-color: #F2F2F2;
}

span.red {
    color: red;
}


.static #Content>div
{
    max-width: 700px;
}

.static #Content .datenschutz li
{
    background: none;
}


#ContactForm tr.row-5
{
    display: none;
}
/**
 * This stylsheet contains special formating for printing 
 * by hiding most of the grafic elements
 *
 * @ 07.05.2004
 */
@media print {
    body, td#Content {
        margin: 0;
        padding: 0;
        border: none;
    }

    #Text {
        width: auto;
    }

    #Logo, #Menu, #TopMenu, #Spacer, #Footer {
        display: none;
    }

    th {
        border-bottom: 1px solid black;
    }

    /* ensure tables are aligned on top; middle align doesn't look good on pri9nt */
    * td {
        vertical-align: top !important;
    }

    /* Display the totals in printview */
    .DBTable .Total td {
        color: black;
    }


form[name="FilterForm"] {
	display: none;
}
#LangMenu {
	display: none;
}
#MenuButton {
	display: none;
}

}

.ui-widget-content
{
    border-color: #dddddd;
    background-color: #eeeeee;
    color: #333333;
}
.ui-widget-content a {
    color: #333333;
}

.ui-widget-header
{
    border-color : #339900;
    background-color: #339900;
    background-image: url("/img/default/jquery/ui-bg_gloss-wave_35_339900_500x100.png");
    color: #ffffff;
}
.ui-widget-header a {
    color: #ffffff;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default
{
    border-color: #cccccc;
    background-color: #f6f6f6;
    color: #339900;
}

.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited
{
    color: #339900;
}

.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus
{
    border-color: #339900;
    background-color: #dddddd;
    color: #339900;
}
.ui-state-hover a,
.ui-state-hover a:hover
{
    color: #339900;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active
{
    border-color: #235809;
    background-color: #ffffff;
    color: #339900;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited
{
    color: #339900;
}

.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight
{
    border-color: #339900;
    background-color: #96f467;
    color: #363636;
}

.ui-state-highlight a,
.ui-widget-content .ui-state-highlight a,
.ui-widget-header .ui-state-highlight a
{
    color: #363636;
}
.ui-state-error,
.ui-widget-content .ui-state-error,
.ui-widget-header .ui-state-error
{
    border-color: #cd0a0a;
    background-color: #b81900;
    color: #ffffff;
}

.ui-state-error a,
.ui-widget-content .ui-state-error a,
.ui-widget-header .ui-state-error a
{
    color: #ffffff;
}

.ui-state-error-text,
.ui-widget-content .ui-state-error-text,
.ui-widget-header .ui-state-error-text
{
    color: #ffffff;
}

.ui-menu .ui-menu-item + .ui-menu-item {
    border-top: 1px solid #339900;
}


/* Sortable */

ul.ui-sortable
{
    display: inline-block;
}
.select2-container {
  box-sizing: border-box;
  display: inline-block;
  margin: 0;
  position: relative;
  vertical-align: middle; }
  .select2-container .select2-selection--single {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 28px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--single .select2-selection__rendered {
      display: block;
      padding-left: 8px;
      padding-right: 20px;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap; }
    .select2-container .select2-selection--single .select2-selection__clear {
      position: relative; }
  .select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered {
    padding-right: 8px;
    padding-left: 20px; }
  .select2-container .select2-selection--multiple {
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    min-height: 32px;
    user-select: none;
    -webkit-user-select: none; }
    .select2-container .select2-selection--multiple .select2-selection__rendered {
      display: inline-block;
      overflow: hidden;
      padding-left: 8px;
      text-overflow: ellipsis;
      white-space: nowrap; }
  .select2-container .select2-search--inline {
    float: left; }
    .select2-container .select2-search--inline .select2-search__field {
      box-sizing: border-box;
      border: none;
      font-size: 100%;
      margin-top: 5px;
      padding: 0; }
      .select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
        -webkit-appearance: none; }

.select2-dropdown {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  box-sizing: border-box;
  display: block;
  position: absolute;
  left: -100000px;
  width: 100%;
  z-index: 1051; }

.select2-results {
  display: block; }

.select2-results__options {
  list-style: none;
  margin: 0;
  padding: 0; }

.select2-results__option {
  padding: 6px;
  user-select: none;
  -webkit-user-select: none; }
  .select2-results__option[aria-selected] {
    cursor: pointer; }

.select2-container--open .select2-dropdown {
  left: 0; }

.select2-container--open .select2-dropdown--above {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--open .select2-dropdown--below {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-search--dropdown {
  display: block;
  padding: 4px; }
  .select2-search--dropdown .select2-search__field {
    padding: 4px;
    width: 100%;
    box-sizing: border-box; }
    .select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
      -webkit-appearance: none; }
  .select2-search--dropdown.select2-search--hide {
    display: none; }

.select2-close-mask {
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  min-height: 100%;
  min-width: 100%;
  height: auto;
  width: auto;
  opacity: 0;
  z-index: 99;
  background-color: #fff;
  filter: alpha(opacity=0); }

.select2-hidden-accessible {
  border: 0 !important;
  clip: rect(0 0 0 0) !important;
  height: 1px !important;
  margin: -1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  width: 1px !important; }

.select2-container--default .select2-selection--single {
  background-color: #fff;
  border: 1px solid #aaa;
  border-radius: 4px; }
  .select2-container--default .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--default .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold; }
  .select2-container--default .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px; }
    .select2-container--default .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  left: 1px;
  right: auto; }

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: #eee;
  cursor: default; }
  .select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display: none; }

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
  border-color: transparent transparent #888 transparent;
  border-width: 0 4px 5px 4px; }

.select2-container--default .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text; }
  .select2-container--default .select2-selection--multiple .select2-selection__rendered {
    box-sizing: border-box;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    width: 100%; }
    .select2-container--default .select2-selection--multiple .select2-selection__rendered li {
      list-style: none; }
  .select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color: #999;
    margin-top: 5px;
    float: left; }
  .select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-top: 5px;
    margin-right: 10px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color: #999;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #333; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder, .select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline {
  float: right; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--default.select2-container--focus .select2-selection--multiple {
  border: solid black 1px;
  outline: 0; }

.select2-container--default.select2-container--disabled .select2-selection--multiple {
  background-color: #eee;
  cursor: default; }

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
  display: none; }

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single, .select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--default.select2-container--open.select2-container--below .select2-selection--single, .select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--default .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa; }

.select2-container--default .select2-search--inline .select2-search__field {
  background: transparent;
  border: none;
  outline: 0;
  box-shadow: none;
  -webkit-appearance: textfield; }

.select2-container--default .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--default .select2-results__option[role=group] {
  padding: 0; }

.select2-container--default .select2-results__option[aria-disabled=true] {
  color: #999; }

.select2-container--default .select2-results__option[aria-selected=true] {
  background-color: #ddd; }

.select2-container--default .select2-results__option .select2-results__option {
  padding-left: 1em; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left: 0; }
  .select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left: -1em;
    padding-left: 2em; }
    .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
      margin-left: -2em;
      padding-left: 3em; }
      .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
        margin-left: -3em;
        padding-left: 4em; }
        .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
          margin-left: -4em;
          padding-left: 5em; }
          .select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
            margin-left: -5em;
            padding-left: 6em; }

.select2-container--default .select2-results__option--highlighted[aria-selected] {
  background-color: #5897fb;
  color: white; }

.select2-container--default .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic .select2-selection--single {
  background-color: #f7f7f7;
  border: 1px solid #aaa;
  border-radius: 4px;
  outline: 0;
  background-image: -webkit-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: -o-linear-gradient(top, white 50%, #eeeeee 100%);
  background-image: linear-gradient(to bottom, white 50%, #eeeeee 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }
  .select2-container--classic .select2-selection--single:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--single .select2-selection__rendered {
    color: #444;
    line-height: 28px; }
  .select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor: pointer;
    float: right;
    font-weight: bold;
    margin-right: 10px; }
  .select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color: #999; }
  .select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color: #ddd;
    border: none;
    border-left: 1px solid #aaa;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    height: 26px;
    position: absolute;
    top: 1px;
    right: 1px;
    width: 20px;
    background-image: -webkit-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: -o-linear-gradient(top, #eeeeee 50%, #cccccc 100%);
    background-image: linear-gradient(to bottom, #eeeeee 50%, #cccccc 100%);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0); }
    .select2-container--classic .select2-selection--single .select2-selection__arrow b {
      border-color: #888 transparent transparent transparent;
      border-style: solid;
      border-width: 5px 4px 0 4px;
      height: 0;
      left: 50%;
      margin-left: -4px;
      margin-top: -2px;
      position: absolute;
      top: 50%;
      width: 0; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear {
  float: left; }

.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow {
  border: none;
  border-right: 1px solid #aaa;
  border-radius: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  left: 1px;
  right: auto; }

.select2-container--classic.select2-container--open .select2-selection--single {
  border: 1px solid #5897fb; }
  .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background: transparent;
    border: none; }
    .select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
      border-color: transparent transparent #888 transparent;
      border-width: 0 4px 5px 4px; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  background-image: -webkit-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: -o-linear-gradient(top, white 0%, #eeeeee 50%);
  background-image: linear-gradient(to bottom, white 0%, #eeeeee 50%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0); }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  background-image: -webkit-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: -o-linear-gradient(top, #eeeeee 50%, white 100%);
  background-image: linear-gradient(to bottom, #eeeeee 50%, white 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0); }

.select2-container--classic .select2-selection--multiple {
  background-color: white;
  border: 1px solid #aaa;
  border-radius: 4px;
  cursor: text;
  outline: 0; }
  .select2-container--classic .select2-selection--multiple:focus {
    border: 1px solid #5897fb; }
  .select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style: none;
    margin: 0;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display: none; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color: #e4e4e4;
    border: 1px solid #aaa;
    border-radius: 4px;
    cursor: default;
    float: left;
    margin-right: 5px;
    margin-top: 5px;
    padding: 0 5px; }
  .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color: #888;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px; }
    .select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
      color: #555; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  float: right; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice {
  margin-left: 5px;
  margin-right: auto; }

.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove {
  margin-left: 2px;
  margin-right: auto; }

.select2-container--classic.select2-container--open .select2-selection--multiple {
  border: 1px solid #5897fb; }

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
  border-top: none;
  border-top-left-radius: 0;
  border-top-right-radius: 0; }

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
  border-bottom: none;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0; }

.select2-container--classic .select2-search--dropdown .select2-search__field {
  border: 1px solid #aaa;
  outline: 0; }

.select2-container--classic .select2-search--inline .select2-search__field {
  outline: 0;
  box-shadow: none; }

.select2-container--classic .select2-dropdown {
  background-color: white;
  border: 1px solid transparent; }

.select2-container--classic .select2-dropdown--above {
  border-bottom: none; }

.select2-container--classic .select2-dropdown--below {
  border-top: none; }

.select2-container--classic .select2-results > .select2-results__options {
  max-height: 200px;
  overflow-y: auto; }

.select2-container--classic .select2-results__option[role=group] {
  padding: 0; }

.select2-container--classic .select2-results__option[aria-disabled=true] {
  color: grey; }

.select2-container--classic .select2-results__option--highlighted[aria-selected] {
  background-color: #3875d7;
  color: white; }

.select2-container--classic .select2-results__group {
  cursor: default;
  display: block;
  padding: 6px; }

.select2-container--classic.select2-container--open .select2-dropdown {
  border-color: #5897fb; }

.select2-results__option,
.select2-container--default .select2-selection--single .select2-selection__rendered
{

    font-family: monospace;
    font-size: 10pt;
    line-height: 19px;
    color: black;
}

.select2-results__option
{
    padding: 0;
}

.select2-container--default .select2-results__group
{
    padding: 0 0 0 2px;
}

select.dropdown-select,select.dropdown-select-required
{
    min-width: 320px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow
{
    height: 19px;
}

.select2-container .select2-selection--single
{
    height: 19px;
}

.select2-container--default .select2-selection--single
{
    border-radius: 0;
    border: 1px solid black;
}

.select2-results__option li
{
    background: none;
    margin: 0;
}

/*optgroup*/
.select2-results__group
{
    background-color: #333333;
    color: #FFFFFF;
}

li.select2-results__option
{
    background: none;
    padding-left: 0.5em;
}

.select2-container--default .select2-results__option[role=group] strong
{
    padding-left: 0.5em;
}
.select2-container--default .select2-results__option .select2-results__option
{
    padding-left: 0.5em;
}
.ui-autocomplete {
    position: absolute;
    cursor: default;
    max-height: 300px;
    overflow-y: auto;
}

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu @VERSION
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style:none;
    padding: 2px;
    margin: 0;
    display:block;
    float: left;
}
.ui-menu .ui-menu {
    margin-top: -3px;
}
.ui-menu .ui-menu-item {
    margin:0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%;
    background: none;
}

.ui-menu .ui-menu-item + .ui-menu-item {
    border-top: 1px solid #339900;
}

.ui-menu .ui-menu-item a {
    text-decoration:none;
    display:block;
    padding:.2em .4em;
    line-height:1.5;
    zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal;
    margin: -1px;
}
.pass-graybar {
  height: 3px;
  background-color: #CCC;
  width: 100%;
  position: relative;
}

.pass-colorbar {
  height: 3px;
  background-image: url(/js/password/passwordstrength.jpg);
  position: absolute;
  top: 0;
  left: 0;
}

.pass-percent, .pass-text {
  font-size: 1em;
}

.pass-percent {
  margin-right: 5px;
}

/* following styles belong to Html-Output by Accounting */
.Level0       { font-weight : bolder; font-size: 120% }
.Level1       { font-weight : bolder; font-size: 110%  }
.Level2       { font-size: 110% }
.Positiv      { }
.Negativ      { color: red; }
.Total		  { text-decoration: underline; font-weight: bold; }
.Invalid      { text-decoration: line-through; color: #999999; }

div.formRow {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding-bottom: 5px;
}

div.formRow label
{
    min-width: 150px;
}
.Login form input.Button
{
    margin-left: 150px;
}

@media only screen and (min-width: 600px) {

    div.formRow.vvv-inline {
        float: left;
        margin-right: 1em;
    }

    div.formRow.vvv-inline label {
        min-width: auto;
        margin-right: 1em;
    }
}

@media only screen and (max-width: 600px) {
    .Login form input.Button
    {
        margin-left: 0;
    }

}


/*
.DBTable tr.highlight td {background-color: #A8CC96}

*/
.cke_autocomplete_panel li{ background: none;}
#selectMemberCount
{
    float: right;
    color: gray;
}