/*------------------------------------------------------------------------------------------------------------------------*/
/* Julian Friedrich - Coordinet GmbH - www.coordinet.de
/*------------------------------------------------------------------------------------------------------------------------*/
@charset "UTF-8";

/*------------------------------------------------------------------------------------------------------------------------*/
/* Allgemein
/*------------------------------------------------------------------------------------------------------------------------*/
html, body {
  margin:0;
  padding:0;
  font-family:Arial, Helvetica, sans-serif;
  font-size:13px;
  color:#666666;

  background-color:#ECEAE3;
}

.fontHead {
    font-family:"Museo Cyrl", Arial, Helvetica, sans-serif;
}

a {
  text-decoration:none;
  color:#666666;
  cursor:pointer;
}

a:hover {
  text-decoration: underline;
  color:#D21929;
}

img {
  border:0;
}

hr {
  border:0;
  border-top:1px solid #F0F0F0;
  width:760px;
  margin:0 0 10px 20px;
}

table {
    border-spacing: 0px;
}

table tr td {
    vertical-align: top;
    font-size: 14px;
    padding: 2px;
}

.noscript {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* blockOut
/*------------------------------------------------------------------------------------------------------------------------*/
#blockOut {
  position:relative;
  margin:-20px auto 0 auto;
  width:1023px;
  background-color:#FFFFFF;

  -moz-box-shadow: 3px 3px 8px #333333; /* Firefox */
  -webkit-box-shadow: 3px 3px 8px #333333; /* Safari, Chrome */
  box-shadow: 3px 3px 8px #333333; /* CSS3 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#333333')"; /* For IE 8 */
  /* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#333333'); /* For IE 5.5 - 7 */

  -moz-border-radius-bottomleft:10px; /* Firefox */
  -moz-border-radius-bottomright:10px; /* Firefox */
  -webkit-border-bottom-left-radius:10px; /* Safari, Chrome */
  -webkit-border-bottom-right-radius:10px; /* Safari, Chrome */
  border-bottom-left-radius:10px; /* CSS3 */
  border-bottom-right-radius:10px; /* CSS3 */
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* blockHead
/*------------------------------------------------------------------------------------------------------------------------*/
#blockHead {
  margin:0 22px 0 22px;
  padding:20px 0 0 0;
}

#blockLogo {
  float:left;
  cursor: pointer;
}

#blockSearch {
  float:right;
  margin:30px 0 0 0;
}

.formSearch {
  float:right;
  width:186px;
  height:24px;
  line-height:24px;
  border:2px solid #CDCDCD;
  color:#000000;
  padding:0 116px 0 8px;
  font-size: 14px;

  -moz-border-radius:7px; /* Firefox */
  -webkit-border-radius:7px; /* Safari, Chrome */
  border-radius:7px; /* CSS3 */
}

.formButtonReset {
  float:right;
  width:110px;
  height:24px;
  line-height:24px;
  text-align:center;
  border:2px solid #CDCDCD;
  color:#FFFFFF;
  display:block;
  cursor:pointer;
  font-size:16px;
  margin-left:auto;
  margin-right:auto;
  /*
background-image:url('../images/backgrounds.png');
  background-position:0px -30px;
*/
  background-color: #B90844;
  margin:0 -314px 0 0;

/*   text-transform:uppercase; */
  /*
font-weight:bold;
  text-shadow:rgba(0, 0, 0, 0.5) 0px -1px 0px;
*/

  -moz-border-radius:7px; /* Firefox */
  -webkit-border-radius:7px; /* Safari, Chrome */
  border-radius:7px; /* CSS3 */
}

.formButtonReset:hover {
/*   background-position:0px 0px; */
    background-color: #006138;
}

.formButton {
  width:210px;
  height:24px;
  line-height:24px;
  text-align:center;
/*   border:2px solid #CDCDCD; */
  color:#FFFFFF;
  display:block;
  cursor:pointer;
  font-size:16px;
  margin-left:auto;
  margin-right:auto;
  padding:4px 0 4px 0;
/*   background-image:url('../images/backgrounds.png'); */
/*   background-position:0px -30px; */
  background-color:#B90844;

/*   text-transform:uppercase; */
/*   font-weight:bold; */
  text-shadow:rgba(0, 0, 0, 0.5) 0px -1px 0px;

  -moz-border-radius:7px; /* Firefox */
  -webkit-border-radius:7px; /* Safari, Chrome */
  border-radius:7px; /* CSS3 */
}

.formButton:hover {
  background-color:#006138;
}

.formButton a {
  color: #FFFFFF;
}

.formButton a:hover {
  text-decoration: none;
}

.formButtonEingabeLinks {
  float:left;
  margin:20px 48px 0 0;

  width:210px;
  height:28px;
  line-height:28px;
  text-align:center;
/*   border:2px solid #CDCDCD; */
  color:#FFFFFF;
  display:block;
  cursor:pointer;
  font-size:16px;
  background-color:#B90844;
/*
  background-image:url('../images/backgrounds.png');
  background-position:0px -30px;
*/

/*   text-transform:uppercase; */
/*
  font-weight:bold;
  text-shadow:rgba(0, 0, 0, 0.5) 0px -1px 0px;
*/

  -moz-border-radius:7px; /* Firefox */
  -webkit-border-radius:7px; /* Safari, Chrome */
  border-radius:7px; /* CSS3 */
}

.formButtonEingabeLinks:hover {
  background-color:#006138;
}

.formButtonEingabeRechts {
  float:right;
  margin:20px 0 0 0;

  width:210px;
  height:28px;
  line-height:28px;
  text-align:center;
/*   border:2px solid #CDCDCD; */
  color:#FFFFFF;
  display:block;
  cursor:pointer;
  font-size:16px;
/*
  background-image:url('../images/backgrounds.png');
  background-position:0px -30px;
*/

/*   text-transform:uppercase; */
/*
  font-weight:bold;
  text-shadow:rgba(0, 0, 0, 0.5) 0px -1px 0px;
*/
  background-color:#B90844;
  -moz-border-radius:7px; /* Firefox */
  -webkit-border-radius:7px; /* Safari, Chrome */
  border-radius:7px; /* CSS3 */
}

.formButtonEingabeRechts:hover {
  background-color:#006138;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* blockMenu
/*------------------------------------------------------------------------------------------------------------------------*/
/*
#blockMenu {
  position:relative;
  margin:0 -5px 0 -5px;
  padding:1px 27px 0 27px;
  background-image:url('../images/digiworxx.png');
  background-position:0px -40px;
  height:36px;
}
*/

#blockMenu {
  position:relative;
  margin:1px 0 4px 0;
  padding:0 22px 0 22px;
  background-position:0px -40px;
  height:32px;
  background-color: #898f92;
}

#blockMenu ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

.menuItem {
  width: 130px;
}

#blockMenu li {
  float:left;
  padding:0;
  margin:0;
  width:200px;
}

#blockMenu li a {
  display:block;
  height:32px;
  line-height:32px;
  text-align:center;
  text-decoration:none;
/*   text-transform:uppercase; */
  cursor:pointer;
  font-weight:bold;
  color:#FFFFFF;
/*   text-shadow:rgba(0, 0, 0, 0.5) 0px -1px 0px; */
  font-size: 16px;
}

#blockMenu li a:hover {
  color:#D21929;
  text-shadow:none;
  background-color:#F0F0F0;
}

#blockMenu ul ul {
  display:none;
  position:absolute;
  z-index:5;
  /* background-image:url('../images/menu.png'); */
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0.95);
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC;
  padding:15px 0 5px 0;
  margin:0 0 0 -1px;
}

#blockMenu li li {
  float:none;
}

#blockMenu li li a {
  text-align:left;
  height:auto;
  line-height:1;
  padding:8px 0 8px 20px;
  border-top:none;
  margin-right:0;
  color:#666666;
  text-shadow:none;
  /* cursor: default; */
}

/*
#blockMenu li li a:hover {
  color:#666666;
  background-color: rgb(255, 255, 255);
  background-color: rgba(255, 255, 255, 0);
}
*/

#blockMenu li lu a {
  text-align:left;
  height:auto;
  line-height:1;
  padding:5px 0 5px 30px;
  border-top:none;
  margin-right:0;
  color:#666666;
  text-shadow:none;

  font-weight: normal;
  font-size: 12px;
}

#blockMenu li div {
  border-top:1px solid #CCCCCC;
  margin:5px 0 -10px 0;
}

.menu_platzhalter {
	height:32px;
	background-image:url('../images/digiworxx.png');
	background-position:-440px 0px;
}

* html li li { display:inline; } /* IE6 Bugfix... */

/*------------------------------------------------------------------------------------------------------------------------*/
/* blockMain
/*------------------------------------------------------------------------------------------------------------------------*/
#blockMain {
  padding-top:22px;
  padding-bottom:25px;
}

#blockMainHeader {
  padding-left:20px;
  padding-right:20px;
}

#blockMainFooter {
  padding-left:20px;
  padding-right:20px;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* blockMainHeader
/*------------------------------------------------------------------------------------------------------------------------*/
.headerGrey {
  background:#F0F0F0;
  margin-left:-20px;
  padding-top:10px;
  padding-left:20px;
  padding-right:20px;
  width:983px;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
}

.footerGrey {
  background:#F0F0F0;
  margin-left:-20px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:20px;
  width:983px;
  border-top:1px solid #CCC;
  border-bottom:1px solid #CCC;
}

.header_zeile_text {
  padding-top:2px;
  padding-bottom:2px;
  font-weight:bold;
}

.header_zeile_filter {
  padding-top:2px;
  padding-bottom:2px;
  margin:-2px 0 0 0;
}

.header_spalte {
 float:left;
}

.header_az_links {
  position:absolute;
  margin:-1px 0 0 -15px;
  display:none;
}

.header_az_rechts {
  position:absolute;
  margin:-1px 0 0 3px;
  display:none;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* blockMainContent
/*------------------------------------------------------------------------------------------------------------------------*/
.liste_zeile {
  position:relative;
  padding:2px;
  cursor:pointer;
  background:#FFFFFF;
  padding-left:20px;
  padding-right:20px;
}

.liste_zeile_color {
  background:#F0F0F0;
}

.liste_zeile:hover {
  background:#CCCCCC;
}

.liste_spalte {
 float:left;
 height:15px;
 overflow:hidden;
}

#zeitmessung {
  position: absolute;
  margin:50px 0 0 0;
  width:980px;
  text-align:center;
  font-size:10px;
}

.liste_zeile_leer {
  position:relative;
  padding:2px;
  cursor:pointer;
  background:#FFFFFF;
}

.liste_zeile_color_leer {
  background:#F0F0F0;
}

.liste_zeile_leer:hover {
  background:#CCCCCC;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* blockMainFooter
/*------------------------------------------------------------------------------------------------------------------------*/
.footer_zeile_filter {
  padding-top:2px;
  padding-bottom:2px;
}

.footer_zeile_text {
  padding:2px;
  margin:1px 0 0 0;
  border:1px solid #6D6D6D;
  color:#FFFFFF;

  background-image:url('../images/backgrounds.png');
  background-position:0px -60px;

  -moz-border-radius:4px; /* Firefox */
  -webkit-border-radius:4px; /* Safari, Chrome */
  border-radius:4px; /* CSS3 */
}

.footer_spalte_links {
  float:left;
  width:322px;
  text-align:left;
  padding:0 0 0 2px;
  height: 16px;
  overflow: hidden;
}

.footer_spalte_mitte {
  float:left;
  width:324px;
  text-align:center;
  height: 16px;
  overflow: hidden;
}

.footer_spalte_rechts {
  float:right;
  width:322px;
  text-align:right;
  height: 16px;
  overflow: hidden;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* blockInput
/*------------------------------------------------------------------------------------------------------------------------*/
#blockInput {
  padding:22px;
  margin:0 120px 0 120px;
  display:none;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* clear
/*------------------------------------------------------------------------------------------------------------------------*/
.clear {
 clear:both;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Sprite
/*------------------------------------------------------------------------------------------------------------------------*/
.sprite_hoch {
  background-image:url('../images/digiworxx.png');
  background-position:0px 0px;
  width:14px;
  height:16px;
  float:right;
  border:1px solid #6D6D6D;
  cursor:pointer;

  -moz-border-radius:2px; /* Firefox */
  -webkit-border-radius:2px; /* Safari, Chrome */
  border-radius:2px; /* CSS3 */
}

.sprite_hoch:hover {
  background-position:-40px 0px;
  background-color:#F0F0F0;
  border:1px solid #D21929;
}

.sprite_hoch_inaktiv {
  background-image:url('../images/digiworxx.png');
  background-position:-80px 0px;
  width:14px;
  height:16px;
  float:right;
  border:1px solid #6D6D6D;

  -moz-border-radius:2px; /* Firefox */
  -webkit-border-radius:2px; /* Safari, Chrome */
  border-radius:2px; /* CSS3 */
}

.sprite_runter {
  background-image:url('../images/digiworxx.png');
  background-position:0px -20px;
  width:14px;
  height:16px;
  float:right;
  border:1px solid #6D6D6D;
  cursor:pointer;

  -moz-border-radius:2px; /* Firefox */
  -webkit-border-radius:2px; /* Safari, Chrome */
  border-radius:2px; /* CSS3 */
}

.sprite_runter:hover {
  background-position:-40px -20px;
  background-color:#F0F0F0;
  border:1px solid #D21929;
}

.sprite_runter_inaktiv {
  background-image:url('../images/digiworxx.png');
  background-position:-80px -20px;
  width:14px;
  height:16px;
  float:right;
  border:1px solid #6D6D6D;

  -moz-border-radius:2px; /* Firefox */
  -webkit-border-radius:2px; /* Safari, Chrome */
  border-radius:2px; /* CSS3 */
}

.sprite_minus {
  background-image:url('../images/digiworxx.png');
  background-position:-240px 0px;
  width:16px;
  height:15px;
  cursor:pointer;
  float:left;
  margin:1px 0 0 -36px;
}

.sprite_minus:hover {
  background-position:-240px -20px;
}

.sprite_schluessel {
  background-image:url('../images/digiworxx.png');
  background-position:-500px 0px;
  width:16px;
  height:15px;
  cursor:pointer;
  position: absolute;
  margin:1px 0 0 740px;
}

.sprite_schluessel:hover {
  background-position:-500px -20px;
}

.sprite_sortieren {
  background-image:url('../images/digiworxx.png');
  background-position:-300px 0px;
  width:16px;
  height:15px;
  cursor:pointer;
  float:left;
  margin:1px 0 0 -18px;
}

.sprite_sortieren:hover {
  background-position:-300px -20px;
}

.sprite_checkbox {
  background-image:url('../images/digiworxx.png');
  background-position:-320px 0px;
  width:15px;
  height:15px;
  cursor:pointer;
  float:left;
  margin:0;
  text-align: center;
}

.sprite_checkbox_checked {
  background-image:url('../images/digiworxx.png');
  background-position:-320px -20px;
  width:15px;
  height:15px;
  cursor:pointer;
  float:left;
  margin:0;
  text-align: center;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Status
/*------------------------------------------------------------------------------------------------------------------------*/
.status_in_arbeit {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-160px 0px;
}

.status_in_arbeit:hover {
  background-position:-160px -20px;
}

.status_ausgedruckt {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-180px 0px;
}

.status_ausgedruckt:hover {
  background-position:-180px -20px;
}

.status_freigegeben {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-200px 0px;
}

.status_freigegeben:hover {
  background-position:-200px -20px;
}

.status_edit {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-220px 0px;
}

.status_edit:hover {
  background-position:-220px -20px;
}

.status_normal {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-560px 0px;
}

.status_normal:hover {
  background-position:-560px -20px;
}

.status_admin {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-340px 0px;
}

.status_admin:hover {
  background-position:-340px -20px;
}

.status_user {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-360px 0px;
}

.status_user:hover {
  background-position:-360px -20px;
}

.status_deaktiviert {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-380px 0px;
}

.status_deaktiviert:hover {
  background-position:-380px -20px;
}

.status_request {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-480px 0px;
}

.status_request:hover {
  background-position:-480px -20px;
}

.status_temp {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-520px 0px;
}

.status_temp:hover {
  background-position:-520px -20px;
}

.favorit {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-400px 0px;
}

.favorit:hover {
  background-position:-400px -20px;
}

.favorit_ok {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-420px -20px;
}

.favorit_ok:hover {
  background-position:-420px 0px;
}

.headerFavorit {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-400px 0px;
  cursor: pointer;
}

.headerFavorit:hover {
  background-position:-400px -20px;
}

.headerFavorit_ok {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-420px -20px;
  cursor: pointer;
}

.headerFavorit_ok:hover {
  background-position:-420px 0px;
}

.todo {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-320px 0px;
}

.todo:hover {
  background-position:-580px -20px;
}

.todo_ok {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-580px 0px;
}

.todo_ok:hover {
  background-position:-580px -20px;
}

.headerTodo {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-320px 0px;
  cursor: pointer;
}

.headerTodo:hover {
  background-position:-580px -20px;
}

.headerTodo_ok {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-580px 0px;
  cursor: pointer;
}

.headerTodo_ok:hover {
  background-position:-580px -20px;
}

.heruntergeladen {
  width:20px;
  height:15px;
  background-image:url('../images/cancel.png');
  background-repeat: no-repeat;
}

.heruntergeladen_ok {
  width:20px;
  height:15px;
  background-image:url('../images/accept.png');
  background-repeat: no-repeat;
}

.totalSumButton {
  width:20px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-538px 0px;
  cursor: pointer;
}

.totalSumButton:hover {
  background-position:-538px -20px;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Footer
/*------------------------------------------------------------------------------------------------------------------------*/
#footer {
  background-color:#D6D4CB;
  text-align:center;
  padding:30px 0 30px 0;
  font-size:12px;
  border-top:1px solid #BBBBBB;

  margin:20px 0 0 0;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Infobox
/*------------------------------------------------------------------------------------------------------------------------*/
#infobox {
  border-bottom:1px solid #666666;
  height:30px;
  line-height:30px;
  padding:0 0 0 10px;
  color:#FFFFFF;
  font-weight:bold;
  display:none;
  position:fixed;
  top:0px;
  left:0px;
  width:100%;
  background-repeat:repeat-x;
  z-index:8;

  -moz-box-shadow: 3px 3px 8px #333333; /* Firefox */
  -webkit-box-shadow: 3px 3px 8px #333333; /* Safari, Chrome */
  box-shadow: 3px 3px 8px #333333; /* CSS3 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#333333')"; /* For IE 8 */
  /* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#333333'); /* For IE 5.5 - 7 */
}

.infobox_close {
  float:right;
  margin:1px 11px 0 0;
  background-image:url('../images/digiworxx.png');
  background-position:-120px 0px;
  width:30px;
  cursor:pointer;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Login
/*------------------------------------------------------------------------------------------------------------------------*/
#login_hintergrund {
  width:980px;
  height:600px;
  margin:-5px 0 0 22px;
  /* background-image:url('../images/x.png'); */
  background-size: cover;
  background-repeat:no-repeat;
}

#login {
  float:left;
  background-color:rgb(255, 255, 255);
  background-color:rgba(255, 255, 255, 0.98);
  width:300px;
  height:180px;
  box-shadow:3px 3px 8px #333333;

  -moz-border-radius:10px; /* Firefox */
  -webkit-border-radius:10px; /* Safari, Chrome */
  border-radius:10px; /* CSS3 */
}

#login_failed {
  color: #E23322;
  font-size: 14px;
  line-height: 20px;
  font-weight:bold;
  font-family: Arial, Sans-serif, Helvetica;
  height:40px;
  line-height:50px;
  text-align:center;
}

.login_form {
  width:184px;
  height:24px;
  line-height:24px;
  border:2px solid #CDCDCD;
  color:#000000;
  margin:0 0 6px 0;
  padding:0 8px 0 8px;
  font-size: 14px;
  -moz-border-radius:7px; /* Firefox */
  -webkit-border-radius:7px; /* Safari, Chrome */
  border-radius:7px; /* CSS3 */
}

.login_button {
  width:204px;
  height:26px;
  line-height:20px;
  text-align:center;
  /* border:2px solid #CDCDCD; */
  color:#ffffff;
  display:block;
  cursor:pointer;
  font-size:16px;
  margin-left:auto;
  margin-right:auto;
  /* background-image:url('../images/backgrounds.png'); */
  /* background-position:0px -30px; */
  background-color:#B90844;
  -moz-border-radius:6px; /* Firefox */
  -webkit-border-radius:6px; /* Safari, Chrome */
  border-radius:7px; /* CSS3 */
}

.login_button:hover {
  background-color: #006138;
}

.button_anmelden:hover {
  background-position:0px 0px;
}

.account_erstellen {
  text-align:center;
  margin:8px 0 0 0;
  cursor: pointer;
}

.account_erstellen:hover {
  text-decoration: underline;
  color: #D21929;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* iFrame
/*------------------------------------------------------------------------------------------------------------------------*/
#iframe_helper {
  border:0;
  width:0px;
  height:0px;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Fancybox
/*------------------------------------------------------------------------------------------------------------------------*/
.fancybox-skin {
  background-color:#FFFFFF; /* Hintergrund weiß machen */
}

.fancybox_spalte_links {
  float:left;
  font-weight:bold;
  margin:0 20px 0 0;
}

.fancybox_spalte_rechts {
  float:right;
  text-align:right;
}

.fancybox_hr {
  height:1px;
  border-top:1px solid #666666;
  margin:10px 0 10px 0;
}

.fancybox_liste_links {
  float:left;
  margin:0 6px 0 0;
}

.fancybox_liste_rechts {
  float:right;
  margin:0 0 0 0;
  text-align:right;
}

.fancybox_liste_input_links {
  float:left;
  line-height:14px;
  margin:0 2px 2px 0;
}

.fancybox_liste_input_rechts {
  float:right;
  line-height:14px;
  margin:0 0 0 0;
  text-align:right;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* CI/CD
/*------------------------------------------------------------------------------------------------------------------------*/
#cicd_content {
  padding-left:22px;
  padding-top:40px;
  width:1032px;
}

#cicd_search {
  margin-left: 0px;
}

.cicd_liste {
  display: none;
  margin: 0 0 40px -22px;
  width: 980px;
  padding: 10px 21px 20px 22px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  position: relative;
  background: #F0F0F0;
}

.cicd_liste_zeile {
  position:relative;
  padding:2px;
  cursor:pointer;
  color:#FFF;
/*   background:#F0F0F0; */
  background: #555555;
  margin: 0 0 0 -22px;
  padding: 10px 21px 10px 22px;
  width: 980px;
}

.cicd_liste_zeile_color {
/*   background:#FFF; */
  background:#333;
}

.cicd_liste_zeile:hover {
  background:#CCCCCC;
}

.cicd_spalte_links {
  float:left;
/*   font-weight:bold; */
  font-size: 16px;
  line-height: 20px;
/*   margin:0 20px 0 0; */
}

.cicd_spalte_rechts {
  float:right;
  text-align:right;
  font-size: 16px;
}

.cicd_spalte_rechts > input {
  line-height:14px;
  font-size: 14px;
}

.cicd_spalte_rechts > select {
  line-height:16px;
  font-size: 16px;
}

.cicd_hr {
  height:1px;
  border-top:1px solid #666666;
  margin:10px 0 10px 0;
  text-align: center;
}

.more {
/*   display:none; */
  position: relative;
  background: #555;
  margin: 0 0 0 -22px;
  padding: 8px 20px 20px 22px;
  width: 981px;
}

.cicd_more_color {
  background: #333;
}

.more .text1 {
  color: #FFF;
}

.more .text2 {
  color: #B90844;
}

.more .line2 {
  background: #B90844;
}

.more .text3 {
  color: #FFF;
}

.thumbnail {
  float:left;
  cursor:pointer;
  border: 1px solid #B90844;
  background: #B90844;
  text-align:center;
  color:#FFFFFF;

/*   text-transform:uppercase; */
/*   text-shadow:rgba(0, 0, 0, 0.5) 0px -1px 0px; */
}

.thumbnail:hover {
  background: #006138;
  border: 1px solid #006138;
}

.thumbnail div img {
  width:163px;
}

/*
.more:before {
  content: "";
  display: block;
  width: 979px;
  height: 40px;
  background-image:url('../images/maske.png');
  background-color: #CCC;
}
*/

.cicd_mail_einzeln {
  float:right;
  width: 20px;
  height: 18px;
  background-image:url('../images/digiworxx.png');
  background-position:-450px 0px;
  cursor: pointer;
}

.cicd_mail_einzeln:hover {
  background-position:-450px -20px;
}

.cicd_mail_gruppe {
  width: 20px;
  height: 18px;
  background-image:url('../images/digiworxx.png');
  background-position:-450px 0px;
  cursor: pointer;
  margin-top: 2px;
}

.cicd_mail_gruppe:hover {
  background-position:-450px -20px;
}

.cicd_folder {
  float: left;
  width: 200px;
/*   height: 75px; */
/*   background-image: url('../images/folder.png'); */
/*   padding: 75px 0 0 0; */
  text-align: center;
/*   font-weight: bold; */
  font-size: 16px;
  color: #FFF;
  margin: 0 58px 30px 0;
  cursor: pointer;

  background: #494c4a;
/*   padding: 50px 0 0 0; */
  padding: 10px 0 10px 0;
/*   height: 70px; */
  height: 18px;

  -moz-border-radius:7px; /* Firefox */
  -webkit-border-radius:7px; /* Safari, Chrome */
  border-radius:7px; /* CSS3 */
}

.cicd_folder:hover {
  color: #FF0000;
  text-decoration: underline;
}

.cicd_folder_4 {
  float: left;
  width: 200px;
/*   height: 75px; */
/*   background-image: url('../images/folder.png'); */
/*   padding: 75px 0 0 0; */
  text-align: center;
/*   font-weight: bold; */
  font-size: 16px;
  color: #FFF;
  margin: 0 0 30px 0;
  cursor: pointer;

  background: #494c4a;
  padding: 10px 0 10px 0;
  height: 18px;

  -moz-border-radius:7px; /* Firefox */
  -webkit-border-radius:7px; /* Safari, Chrome */
  border-radius:7px; /* CSS3 */
}

.cicd_folder_4:hover {
  color: #FF0000;
  text-decoration: underline;
}

.cicd_arrow_up {
    border: 25px solid #F0F0F0;
    position: absolute;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    top: -50px;
}

.cicd_arrow_up_border {
    border: 27px solid #CCC;
    position: absolute;
    border-right-color: transparent;
    border-left-color: transparent;
    border-top-color: transparent;
    top: -54px;
}

.cicd_query {
    border-top: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    margin: 0 0 0 -22px;
    padding: 0 0 0 22px;
    width: 1001px;
}

.cicd_zeitmessung {
  position: absolute;
  margin:84px 0 0 0;
  width:980px;
  text-align:center;
  font-size:10px;
}

.cicd_footer_zeile_text {
  padding:2px;
  margin: 0 0 2px 0;
  border:1px solid #6D6D6D;
  color:#FFFFFF;

  background-image:url('../images/backgrounds.png');
  background-position:0px -60px;

  -moz-border-radius:4px; /* Firefox */
  -webkit-border-radius:4px; /* Safari, Chrome */
  border-radius:4px; /* CSS3 */
}

.cicd_subfolder {
  float: left;
  width: 150px;
/*   height: 75px; */
/*   background-image: url('../images/folder.png'); */
/*   padding: 75px 0 0 0; */
  text-align: center;
/*   font-weight: bold; */
  font-size: 14px;
  color: #FFF;
  margin: 0 14px 10px 0;
  cursor: pointer;

  background: #494c4a;
  padding: 15px 0 0 0;
  height: 35px;

  -moz-border-radius:7px; /* Firefox */
  -webkit-border-radius:7px; /* Safari, Chrome */
  border-radius:7px; /* CSS3 */
}

.cicd_subfolder:hover {
  color: #FF0000;
  text-decoration: underline;
}

.cicd_subfolder_2lines {
  padding:10px 0 0 0;
  height: 40px;
}

.cicd_subfolder_end {
  float: left;
  width: 150px;
/*   height: 75px; */
/*   background-image: url('../images/folder.png'); */
/*   padding: 75px 0 0 0; */
  text-align: center;
/*   font-weight: bold; */
  font-size: 14px;
  color: #FFF;
  margin: 0 0 10px 0;
  cursor: pointer;

  background: #494c4a;
  padding: 10px 0 0 0;
  height: 40px;

  -moz-border-radius:7px; /* Firefox */
  -webkit-border-radius:7px; /* Safari, Chrome */
  border-radius:7px; /* CSS3 */
}

.cicd_subfolder_end:hover {
  color: #FF0000;
  text-decoration: underline;
}

.searchMarker {
  background:#FFFF00;
  color:#000;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Inputs
/*------------------------------------------------------------------------------------------------------------------------*/
.input_text_1 {
  width:372px;
  line-height:14px;
  margin:0 0 2px 2px;
}

.input_text_2 {
  width:183px;
  line-height:14px;
  margin:0 0 2px 2px;
}

.input_text_3 {
  width:120px;
  line-height:14px;
  margin:0 0 2px 2px;
}

.input_text_4 {
  width:88px;
  line-height:14px;
  margin:0 0 2px 2px;
}

.input_text_4b {
  width:89px;
  line-height:14px;
  margin:0 0 2px 2px;
}

.input_textarea {
  width:370px;
  max-width:370px;
  line-height:14px;
  padding:2px;
  margin:0 0 2px 2px;
}

.input_select_1 {
  width:376px;
  line-height:14px;
  margin:0 0 2px 2px;
}

.input_select_2 {
  width:187px;
  line-height:14px;
  margin:0 0 2px 2px;
}

.inaktiv {
  background-color:#DDDDDD;
}

input {
    border:1px solid #999999;
    padding:1px;
    outline:0; /* remove webkit focus styles */
}

select {
	outline:0; /* remove webkit focus styles */
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* preview
/*------------------------------------------------------------------------------------------------------------------------*/
#preview {
	position:absolute;
	top:50%;
	left:50%;
	margin:-80px 0 0 -340px; /* für den ie > 9 */
	padding:8px;
/* 	background-color:#FFFFFF; */
	display:none;
	z-index:3;
	-moz-box-shadow:    0px 0px 6px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	box-shadow:         0px 0px 6px #000;
    -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    border-radius:5px; /* CSS3 */

    background-image:url('../images/alpha.png');
    background-repeat: repeat;
}

.preview {
  width:16px;
  height:15px;
  background-image:url('../images/digiworxx.png');
  background-position:-260px 0px;
}

.preview:hover {
  background-position:-260px -20px;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* SM
/*------------------------------------------------------------------------------------------------------------------------*/
.zeile_schluessel {
  background: #CCCCCC;
  margin: 0 0 2px 0;
  padding: 5px;

  -moz-border-radius:5px; /* Firefox */
  -webkit-border-radius:5px; /* Safari, Chrome */
  border-radius:5px; /* CSS3 */
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Callcenter
/*------------------------------------------------------------------------------------------------------------------------*/
.totalSumme {
  position:relative;
  left:781px;
  width:150px;
  text-align:right;
  height:19px;
  margin:0 0 -20px 0;
  font-family:Arial;
  display:none;
  border-top:1px solid #999;
}

.callcenterTotalSumme {
  position:relative;
  left:780px;
  width:150px;
  text-align:right;
  height:19px;
  margin:0 0 -20px 0;
  font-family:Arial;
  display:none;
  border-top:1px solid #999;
}

#vorlagenListe {
  position: absolute;
  background: #fff;
  width: 200px;
  border: 1px solid #999;
  height: 300px;
  top: 168px;
  right: -70px;
  overflow-y: scroll;
}

#todoListe {
  position: absolute;
  background: #fff;
  width: 200px;
  border: 1px solid #999;
  height: 300px;
  top: 480px;
  right: -70px;
  overflow-y: scroll;
}

.callcenterVorlagen_liste_zeile {
  position:relative;
  padding:2px;
  cursor:pointer;
  background:#FFFFFF;
}

.callcenterVorlagen_liste_zeile_color {
  background:#F0F0F0;
}

.callcenterVorlagen_liste_zeile:hover {
  background:#CCCCCC;
}

.callcenterTodo_liste_zeile {
  position:relative;
  padding:2px;
  cursor:pointer;
  background:#FFFFFF;
}

.callcenterTodo_liste_zeile_color {
  background:#F0F0F0;
}

.callcenterTodo_liste_zeile:hover {
  background:#CCCCCC;
}

.buttonAnhang {
  margin:10px 0 10px 0;
  background: #B90844;
  color: #FFF;
  text-align: center;
/*   text-shadow: rgba(0, 0, 0, 0.5) 0px -1px 0px; */
  height: 18px;
  line-height: 18px;
  cursor: pointer;
}

.buttonAnhang:hover {
  background: #006138;
}

.thumbnailCallcenter {
  float:left;
  cursor:pointer;
  border: 1px solid #B90844;
  background: #B90844;
  text-align:center;
  color:#FFFFFF;

  width:160px;

/*   text-transform:uppercase; */
/*   text-shadow:rgba(0, 0, 0, 0.5) 0px -1px 0px; */
}

.thumbnailCallcenter:hover {
  background: #006138;
  border: 1px solid #006138;
}

.callcenterSprite_minus {
  background-image:url('../images/digiworxx.png');
  background-position:-240px 0px;
  width:16px;
  height:15px;
  cursor:pointer;
  float:right;
}

.callcenterSprite_minus:hover {
  background-position:-240px -20px;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Debitoren
/*------------------------------------------------------------------------------------------------------------------------*/
/*
.debitoren_liste {
  display: none;
  margin: 0 0 20px -22px;
  width: 980px;
  padding: 10px 21px 20px 22px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  position: relative;
  background: #F0F0F0;
}
*/

.callcenterDebitoren_liste_zeile {
  position:relative;
  padding:2px;
  cursor:text;
  background:#FFFFFF;
 padding-left:20px;
 padding-right:20px;
}

.callcenterDebitoren_liste_zeile_color {
  background:#F0F0F0;
}

.callcenterDebitoren_liste_zeile:hover {
  background:#CCCCCC;
}

.callcenterDebitoren_liste_spalte {
 float:left;
 height:15px;
 overflow:hidden;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Projekte
/*------------------------------------------------------------------------------------------------------------------------*/
/*
.debitoren_liste {
  display: none;
  margin: 0 0 20px -22px;
  width: 980px;
  padding: 10px 21px 20px 22px;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  position: relative;
  background: #F0F0F0;
}
*/

.callcenterProjekte_liste_zeile {
  position:relative;
  padding:2px;
  cursor:text;
  background:#FFFFFF;
  padding-left:20px;
  padding-right:20px;
}

.callcenterProjekte_liste_zeile_color {
  background:#F0F0F0;
}

.callcenterProjekte_liste_zeile:hover {
  background:#CCCCCC;
}

.callcenterProjekte_liste_spalte {
 float:left;
 height:15px;
 overflow:hidden;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Einstellungen
/*------------------------------------------------------------------------------------------------------------------------*/
.trigger {
    height:20px;
    line-height:20px;
	margin:0 0 2px -20px;
    padding:0 0 0 22px;
    font-weight:bold;
    background-image:url('../images/digiworxx.png');
    background-position:0px -80px;
}

.trigger a:hover {
	color:#E23322;
  	text-decoration: underline;
}

.toggle_container {
    border:1px solid #CCCCCC;
    margin: 0 0 4px 0;
    padding:2px 4px 2px 4px;
}

.prefs_headline {
	margin:0 0 2px 0;
	font-weight:bold;
}

.prefs_text {
	margin:0 0 0 20px;
}

.prefs_text a {
	color:#E23322;
}

.prefs_text a:hover {
	text-decoration:underline;
}

.prefs_picture {
    margin:10px 0 14px 0;
    text-align:center;
}

.prefs_picture_shadow {
    -moz-box-shadow:    0px 0px 8px 3px #777;
	-webkit-box-shadow: 0px 0px 8px 3px #777;
	box-shadow:         0px 0px 8px 3px #777;
}

.prefs_text_2 {
	margin:-16px 0 0 0;
}

.prefs_hr {
	margin:2px 0 2px -5px;
	width:490px;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Print
/*------------------------------------------------------------------------------------------------------------------------*/
#print_schatten {
  position:relative;
  margin:0 auto 0 auto;
  width:800px;
  background-color:#FFFFFF;

  line-height:1.5em;
  padding:0 40px 0 100px;

  -moz-box-shadow: 3px 3px 8px #333333; /* Firefox */
  -webkit-box-shadow: 3px 3px 8px #333333; /* Safari, Chrome */
  box-shadow: 3px 3px 8px #333333; /* CSS3 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#333333')"; /* For IE 8 */
  /* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#333333'); /* For IE 5.5 - 7 */
}

#print_abstand {
  height: 40px;
}

#print_blockOut {}

.spacer {
  height:40px;
}

.seitenumbruch {
  page-break-after:always;
}

@media print {
  #blockSearch           { display: none; }
  #blockMenu             { display: none; }
  #blockMenu             { display: none; }
  #blockOut              { -moz-box-shadow: none; /* Firefox */ -webkit-box-shadow: none; /* Safari, Chrome */ box-shadow: none; /* CSS3 */ }
  #print_schatten        { -moz-box-shadow: none; /* Firefox */ -webkit-box-shadow: none; /* Safari, Chrome */ box-shadow: none; /* CSS3 */ padding:0 0 0 60px; }
  #print_blockOut        {}
  #print_abstand   		 { display: none; }
  .sprite_hoch_inaktiv   { display: none; }
  .sprite_hoch           { display: none; }
  .sprite_runter_inaktiv { display: none; }
  .sprite_runter         { display: none; }
  .spacer 				 { display: none; }
  #zeitmessung           { display: none; }
  #footer                { display: none; }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Passwort Prüfbox
/*------------------------------------------------------------------------------------------------------------------------*/
#pswd_info {
	position:absolute;
	left:580px;
	padding:10px;
	background:#000;
	/* border:1px solid #ddd; */
	margin:6px 0 0 0;
	text-align:left;

	-moz-box-shadow: 0 0 6px #000; /* Firefox */
    -webkit-box-shadow: 0 0 6px #000; /* Safari, Chrome */
    box-shadow: 0 0 6px #000; /* CSS3 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#333333')"; /* For IE 8 */
    /* filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#333333'); /* For IE 5.5 - 7 */

    -moz-border-radius:5px; /* Firefox */
    -webkit-border-radius:5px; /* Safari, Chrome */
    border-radius:5px; /* CSS3 */

    opacity: 0.9;
    font-size: 12px;
}

.pswd_info-arrow-up {
    border: 8px solid #000;
	font-size: 0;
	line-height: 0;
	height: 0;
	padding: 0;
	margin: 0;
	position: relative;
	border-right-color:  transparent;
	border-top-color: transparent;
	border-left-color:   transparent;
	top: -18px;
	left:90px
}

/*
#pswd_info::before {
	content: "\25B2";
	position:absolute;
	top:-12px;
	left:45%;
	font-size:14px;
	line-height:14px;
	color:#000;
	text-shadow:none;
	display:block;
}
*/

.invalid {
	background:url(../images/cancel.png) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#ec3f41;
}

.valid {
	background:url(../images/accept.png) no-repeat 0 50%;
	padding-left:22px;
	line-height:24px;
	color:#3a7d34;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Arrows
/*------------------------------------------------------------------------------------------------------------------------*/

.arrow {
	border: 8px solid #666;
	font-size: 0;
	line-height: 0;
	height: 0;
	padding: 0;
	margin: 0;
	position: relative;
	top: 8px;
}

.arrow.down {
	border-right-color:  transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}

.arrow.up {
	border-top-color:    transparent;
	border-right-color:  transparent;
	border-left-color:   transparent;
}

.arrow.left {
	border-top-color:    transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
}

.arrow.right {
	border-top-color:    transparent;
	border-right-color:  transparent;
	border-bottom-color: transparent;
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* jquery UI custom
/*------------------------------------------------------------------------------------------------------------------------*/
.ui-tooltip {
    text-align: center;
    opacity: 0.8;
    border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-o-border-radius: 5px;
	box-shadow: 0 0 6px #000;
	-moz-box-shadow: 0 0 6px #000;
	-webkit-box-shadow: 0 0 6px #000;
	-o-box-shadow: 0 0 6px #000;
}

.ui-widget-content {
    border: 0;
    background: #000;
    color: #FFF;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 12px;
    min-width: 40px;
}

.ui-widget-header {
    background-image:url('../images/backgrounds.png');
    background-position:0px -30px;
}

.ui-datepicker {
    font-size: 11px;
    background: #FFF;
    border: 1px solid #999;
    color: #666;
}

.ui-tooltip-arrow-down {
    border: 8px solid #000;
	font-size: 0;
	line-height: 0;
	height: 0;
	padding: 0;
	margin: 0;
	position: relative;
	border-right-color:  transparent;
	border-bottom-color: transparent;
	border-left-color:   transparent;
	top: 16px;
	left: -2px;
}

.ui-autocomplete {
    background: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0px;

    max-height: 200px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
  }
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Easteregg
/*------------------------------------------------------------------------------------------------------------------------*/
.tilt {
  -moz-transform:rotate(1deg);
  -webkit-transform:rotate(1deg);
}

.flip {
  -moz-transform:rotate(180deg);
  -webkit-transform:rotate(180deg);
}

/*------------------------------------------------------------------------------------------------------------------------*/
/* Overlay
/*------------------------------------------------------------------------------------------------------------------------*/
#overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    filter:alpha(opacity=20);
    -moz-opacity:0.2;
    opacity: 0.2;
    z-index: 99;
}