* { margin: 0; padding: 0; }

html {
    overflow:auto;
}

html, body {
    padding: 0;
    margin: 0;
    height: 100%;
}

body {
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 62.5%;
    color: #444;
    background: #CBCBCB url(../img/body-bg.jpg) repeat-x top left;
}

pre {
    font-size:12px;
}

.hr {
	width:100%;
	border-top:1px solid #ccc;
}

.leftfloat {
	float:left;
}

.clearer {
    clear: both;
}

.space5 {
	height: 5px;
}

.space10 {
	height: 10px;
}

.space15 {
	height: 15px;
}

.space20 {
	height: 20px;
}

.right { 
    float: right;
}

a { color: #444;  text-decoration: none;}
a:visited { color: #444;}
a:hover { color: #444; text-decoration: underline; }
a:focus { outline-style: none; }

img, img a { border: none;}
ul { list-style: none; }

input.text, select, textarea {
    font-family: Arial,Verdana,Helvetica,sans-serif;
    font-size: 11px;
    color: #444;
    border:1px solid #999;
    padding:1px;
    margin:0px;
}
input.text {
    padding:2px;
}
select option {
    font-size: 11px;
    padding-left:2px;
}

#wrap {
    position: relative;
    margin: 0 auto;
    width: 1200px;
    min-height:100%;
    height: auto !important;
    height: 100%;
    background: #FFF url(../img/content-bg.jpg) repeat-x top left;
    overflow:hidden;
}

#header {
    margin: 0px 25px 0px 25px;
    height:170px;
}

#headerlogo {
	width:451px;
	height:51px;
    margin-left: 5px;
    margin-top: 30px;
	float:left;
	background: transparent url(../img/ticketsystem-logo.png);
}

#content {
    margin: 0px 25px 68px 25px; /*margin-bottom = hoehe des footers */
    font-size:11px;
    line-height:15px;
    overflow:hidden;
}


#footer {
    position: absolute;
    overflow: hidden;
    background:#000 url(../img/footer-bg.png);
    width:100%;
    margin: 0px;
    height: 68px;
    line-height: 25px;
    text-align:center;
    bottom: 0;
    left: 0;
}

#footer img {
    float:left;
    margin: 22px 35px;
}

#footer p {
    font-size:13px;
    color:#EFEFEF;
    margin: 25px 10px 0px 530px;
}


#login {
    width:500px;
    margin: 70px auto 0px;
}


#login h2 {
    background: #191919 url(../img/login-header-bg.gif) no-repeat 0px 0px;
	border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topright: 5px;
    -khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    height:30px;
    color: #fff;
    padding-left: 20px;
    font-size:13px;
    line-height:30px;
    font-weight:bold;
    text-transform:uppercase;
}

#login .form_box {
    padding-top:20px;
}

#login label {
    display:block;
    float:left;
    width:130px;
    margin:0px 0px 10px 40px;
}
#login input.text {
    display:block;
    float:left;
    width:186px;
    margin:0px 0px 10px 0px;
}
#login #login_button {
    margin: 0px 0px 10px 165px;
}

 
.form_box {
    -webkit-border-bottom-right-radius: 7px;
    -webkit-border-bottom-left-radius: 7px;
    -moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -khtml-border-radius-bottomright: 7px;
    -khtml-border-radius-bottomleft: 7px;
    border-bottom-right-radius: 7px;
    border-bottom-left-radius: 7px;
    display:block;
    margin: 0px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    overflow:hidden;
	background: #E0DFDF url(../img/hg_ticketitem.png) repeat 0px bottom;
	background:-moz-linear-gradient(bottom, #E0DFDF, #FFF); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#E0DFDF), to(#FFF)); /* Safari, Chrome */
	background:-webkit-linear-gradient(bottom, #E0DFDF, #FFF); /* Safari, Chrome - neue Syntax! */
	background:-o-linear-gradient(bottom, #E0DFDF, #FFF); /* Opera */
	background:-ms-linear-gradient(bottom, #E0DFDF, #FFF); /* IE */
	background:linear-gradient(bottom, #E0DFDF, #FFF); /* W3C Standard */
	border: 1px solid #C5C5C5;
    font-size:12px;
    line-height:18px;
}


.btn {
	-webkit-border-radius: 13px;
	-moz-border-radius: 13px;
	-khtml-border-radius: 13px;
	border-radius: 13px;
	color:#444;
	display:inline-block;
	line-height:15px;
	font-size:11px;
	padding:4px 20px 4px 20px;
	cursor:pointer;
	background: #B3B3B3 url(../img/button-bg.png) repeat-x 0px 0px;
	border: 1px solid #9E9E9E;
	margin:5px;
	text-decoration:none;
	font-weight:normal;
}

.btn:hover {
	color: #E2003D;
	text-decoration:none !important;
}

.disabled {
	filter: alpha(opacity=45);
    opacity: 0.45;
	cursor:default;
}

.btn div {
	float:left;
}

.btn div.asc,
.btn div.desc {
	width:10px;
	height:7px;
	margin: 5px 5px 0 -5px;
	background-image: url(../img/desc-asc-sprite.png);
}

.btn div.desc {background-position: -12px 0px;}
.btn div.desc.hover {background-position: 0px -8px;}
.btn div.asc {	background-position: -12px -8px;}
.btn div.asc.hover {background-position: 0px 0px;}

#workbench div.sortierbuttons {
    display:block;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	background-color:#DFDFDF;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DFDFDF), to(#EAEAEA));
	background: -moz-linear-gradient(0% 10% 270deg,#DFDFDF, #EAEAEA);
	background: -ms-linear-gradient(top, #DFDFDF, #EAEAEA);
	background: -o-linear-gradient(top, #DFDFDF, #EAEAEA);
	background: linear-gradient(top, #DFDFDF, #EAEAEA);
    background-color:#DFDFDF;
    padding:8px;
    margin:0px 0px 20px 0px;
}

#workbench div.sortierbuttons div.sort{	float:left;}

object { cursor:pointer; }

.status {
    -webkit-border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
    border-radius: 7px;
    display:block;
    margin: 0px 0px 20px 0px !important;
    padding: 10px 10px 10px 40px;
    overflow:hidden;
    font-size:12px;
    line-height:18px;
    min-height:18px;
}

.status.error {
    color: #E2003D;
    background:#F9C9D6 url(../img/error.gif) no-repeat 12px 12px;
}

.status.success {
    color: #008822;
    background:#CCFFD9 url(../img/yes.gif) no-repeat 12px 12px;
}

.status.warning {
    color: #666;
    background:#DCDC71 url(../img/warning.png) no-repeat 12px 12px;
}

.status.faellig {
    color: black;
    background:#F5F5F5 url(../img/faelligkeit.png) no-repeat 12px 12px;*/
}

#header .toolbar {
	box-shadow:3px 3px 5px 3px #aaa;
    float:right;
    background-color: #D1D1D1;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#BEBEBE), to(#EAEAEA));
	background: -moz-linear-gradient(0% 10% 270deg,#BEBEBE, #EAEAEA);
	background: -ms-linear-gradient(top, #BEBEBE, #EAEAEA);
	background: -o-linear-gradient(top, #BEBEBE, #EAEAEA);
	background: linear-gradient(top, #BEBEBE, #EAEAEA);
    zoom: 1;
    -webkit-border-bottom-right-radius: 9px;
    -webkit-border-bottom-left-radius: 9px;
    -moz-border-radius-bottomright: 9px;
    -moz-border-radius-bottomleft: 9px;
    -khtml-border-radius-bottomright: 9px;
    -khtml-border-radius-bottomleft: 9px;
    border-bottom-right-radius: 9px;
    border-bottom-left-radius: 9px;
}

#logout
 {
    float:left;
    display:inline-block;
    padding:10px 13px 10px 13px;
    text-align:center;
    font-size:11px;
}
#logout a {
    display:inline-block;
    height:34px;
    line-height:34px;
    padding-left:40px;
    background: transparent url(../img/header-logout.png) no-repeat left center;
    font-weight:bold;
}


#topmenu {
    display:block;
    margin: 10px 0px;
    padding: 0px 1px 0px 2px;
    background: #0A0A0A url(../img/topmenu-sprite.gif) repeat-x 0px 0px;
    height:40px;
    font-weight:bold;
    font-size:12px;
    overflow:hidden;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    -khtml-border-radius:9px;
    border-radius: 9px;
}
#topmenu a {
    float:left;
    margin:3px 3px 3px 1px;
    padding:0px;
    color:white;
    text-decoration:none;
}
#topmenu a:hover{
    text-decoration:none;
    background: #454545 url(../img/topmenu-sprite.gif) repeat-x 0px -84px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius:7px;
    border-radius: 7px;
}
#topmenu a.current:hover,
#topmenu a:hover.current,
#topmenu a.current {
    background: #ffffff url(../img/topmenu-sprite.gif) repeat-x 0px -162px;
    margin:2px 3px 0px 1px;
    padding:2px 0px 2px 0px;
    color:black;
    -webkit-border-top-left-radius: 7px;
    -webkit-border-top-right-radius: 7px;
    -moz-border-radius-topleft: 7px;
    -moz-border-radius-topright: 7px;
    -khtml-border-radius-topleft: 7px;
    -khtml-border-radius-topright: 7px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -khtml-border-radius-bottomright: 0px;
    -khtml-border-radius-bottomleft: 0px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

#topmenu a span {
    display:inline-block;
    height:34px;
    line-height:34px;
    padding:0px 10px 0px 42px;
    background-position: 5px 2px;
    background-repeat: no-repeat;
}

#topmenu a span.desktop { background-image: url(../img/icon-topmenu-desktop.png); }
#topmenu a span.tickets { background-image: url(../img/icon-topmenu-tickets.png); }
#topmenu a span.benutzerverwaltung { background-image: url(../img/icon-topmenu-benutzer.png); }
#topmenu a span.gruppenverwaltung { background-image: url(../img/icon-topmenu-gruppen.png); }
#topmenu a span.einstellungen { background-image: url(../img/icon-topmenu-einstellungen.png); }


#topmenue_suchform {
    margin:9px 8px 0px 0px;
    text-align:right;
    float:right;
    zoom:1px;
}
#topmenue_suchform.enabled {
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1.0;
}
#topmenue_suchform.disabled {
    zoom: 1;
    filter: alpha(opacity=50);
    opacity: 0.5;
}
#topmenue_suchform input {
    padding-left:20px;
    background-color: white;
    background-image: url(../img/icon-search-input.png);
    background-position: 4px center;
    background-repeat: no-repeat;
    font-size: 11px;
    line-height: 17px;
    height: 17px;
    border: 1px solid #999;
}

#topmenue_suchform input:focus {
    background-color: #F6FBFF;
}

#left_menue {
    float:left;
    width:225px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	background-color:#DFDFDF;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DFDFDF), to(#EAEAEA));
	background: -moz-linear-gradient(0% 10% 270deg,#DFDFDF, #EAEAEA);
	background: -ms-linear-gradient(top, #DFDFDF, #EAEAEA);
	background: -o-linear-gradient(top, #DFDFDF, #EAEAEA);
	background: linear-gradient(top, #DFDFDF, #EAEAEA);
    background-color:#DFDFDF;
    padding:8px;
    margin:0px 10px 20px 0px;
    min-height:560px;
}

#left_menue ul {
    margin:10px;
    line-height:15px;
}

#left_menue ul li {
    display:block;
    padding-left:10px;
    margin:0px 0px 5px 0px;
    background: #fff url(../img/sidemenu-button-sprite.png) repeat-x 0px 0px;
    border: 1px solid #ccc;
    line-height:25px;
    font-size:11px;
    font-weight:bold;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}

#left_menue ul li:hover{
    background-position: 0px -25px;
    border: 1px solid #eee;
}

#left_menue ul li a {
    display:block;
    padding-left:10px;
}

#left_menue ul li a:hover,
#left_menue ul li a.current {
    text-decoration: none;
    background: transparent url(../img/menu_pfeil.png) no-repeat 0px 10px;
}

#left_menue .infobox {
	margin:10px;
}

#left_menue .infobox .title {
    display:block;
    padding:0px 5px 0px 10px;
    margin:0px;
    background: #fff url(../img/sidemenu-button-sprite.png) repeat-x 0px 0px;
    border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
    line-height:25px;
    font-size:11px;
    font-weight:bold;
    -webkit-border-top-left-radius: 7px
	-webkit-border-top-right-radius: 7px;
    -moz-border-radius-topright: 7px;
	-moz-border-radius-topleft: 7px;
    -khtml-border-radius-topright: 7px;
	-khtml-border-radius-topleft: 7px;
    border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

#left_menue .infobox .content {
    padding:10px;
    margin:0px;
	background-color:#fff;
    border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
    line-height:20px;
    -webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
    -khtml-border-radius-bottomright: 7px;
	-khtml-border-radius-bottomleft: 7px;
    border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

#left_menue .infobox .content .einrueck {
	margin-left:20px;
}

#left_menue .infobox .content .neue_nachricht {
	color:#ff0000;
	padding-left:25px;
	height:23px;
	background:transparent url(../img/ticket-stati-sprite.png) no-repeat -39px -4px;
}

#left_menue .infobox .content .archiv {
	float:left;
	color:#ff0000;
	padding-left:25px;
	height:23px;
	background:transparent url(../img/ticket-stati-sprite.png) no-repeat 0px -22px;
}


#workbench {
    float:left;
	width:898px;
}

#workbench .title {
    display:block;
    padding:0 7px 0 10px;
    margin:0px 0px 15px 0px;
    border: 1px solid #999;
    background: #777777 url(../img/box-title-bg.gif) repeat-x 0px 0px;
    line-height:30px;
    font-size:12px;
    font-weight:bold;
    color:white;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}

#workbench .title:hover {
	background: #777777 url(../img/box-title-bg.gif) repeat-x 0px -30px;
}

.ticket_item, .nachricht_item {
    /* font-weight: bold; */
	color: #5F5F5F;
    font-size: 11px;
    display:block;
    margin: 0px 0px 15px 0px;
}

.ticket_item {
	background: #E0DFDF url(../img/hg_ticketitem.png) repeat 0px bottom;
	background:-moz-linear-gradient(bottom, #E0DFDF, #FFF); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#E0DFDF), to(#FFF)); /* Safari, Chrome */
	background:-webkit-linear-gradient(bottom, #E0DFDF, #FFF); /* Safari, Chrome - neue Syntax! */
	background:-o-linear-gradient(bottom, #E0DFDF, #FFF); /* Opera */
	background:-ms-linear-gradient(bottom, #E0DFDF, #FFF); /* IE */
	background:linear-gradient(bottom, #E0DFDF, #FFF); /* W3C Standard */
    padding-left:10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #C5C5C5;
	/*font-size:105%;*/
}

.nicht-gelesen-24h {
	 border: 1px double #ff0000 !important;
}


.ticket_item .prio_hoch,
.ticket_item .prio_normal,
.ticket_item .prio_niedrig{
	width: 17px;
	height: 34px;
	float: left;
	margin: 8px 10px 3px 3px;
}

.ticket_item_allinkl .prio_hoch,
.ticket_item_allinkl .prio_normal,
.ticket_item_allinkl .prio_niedrig {
  width: 17px;
	height: 34px;
	margin: 2px 3px ;
}

.title .prio_hoch,
.title .prio_normal,
.title .prio_niedrig {
	width: 17px;
	height: 30px;
	float: right;
	margin: 0px 1px 1px 10px;
}

.ticket_item .prio_hoch,
.ticket_item_allinkl .prio_hoch,
.title .prio_hoch{
	background-image: url(../img/prio-hoch.png);
}
.ticket_item .prio_normal,
.ticket_item_allinkl .prio_normal,
.title .prio_normal{
	background-image: url(../img/prio-normal.png);
}
.ticket_item .prio_niedrig,
.ticket_item_allinkl .prio_niedrig,
.title .prio_niedrig{
	background-image: url(../img/prio-niedrig.png);
}

.nachricht_item {
    background: #FFF;
}

.nachricht_item .header,
.tickets-status-gruppe .header{
	background:#E0DFDF url(../img/nachrichten-header-bg.gif) repeat-x scroll 0 0;
	background:-moz-linear-gradient(bottom, #E0DFDF, #FFF); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#E0DFDF), to(#FFF)); /* Safari, Chrome */
	background:-webkit-linear-gradient(bottom, #E0DFDF, #FFF); /* Safari, Chrome - neue Syntax! */
	background:-o-linear-gradient(bottom, #E0DFDF, #FFF); /* Opera */
	background:-ms-linear-gradient(bottom, #E0DFDF, #FFF); /* IE */
	background:linear-gradient(bottom, #E0DFDF, #FFF); /* W3C Standard */
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5;
    border-top: 1px solid #C5C5C5;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
    -moz-border-radius-topleft: 5px;
    -khtml-border-radius-topright: 5px;
    -khtml-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    color: #5F5F5F;
    display: block;
    font-size: 11px;
    font-weight: bold;
    padding: 0px 5px 0px 10px;
}


.nachricht_item .ganzrund,
.tickets-status-gruppe .ganzrund {
	border-bottom: 1px solid #C5C5C5;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;	
}

#left_menue .ganzrund {
	border-bottom: 1px solid #C5C5C5;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
	-moz-border-radius-bottomright: 7px;
    -moz-border-radius-bottomleft: 7px;
    -khtml-border-radius-bottomright: 7px;
    -khtml-border-radius-bottomleft: 7px;
	-webkit-border-bottom-left-radius: 7px;
    -webkit-border-bottom-right-radius: 7px;
}

.nachricht_item .header img,
.tickets-status-gruppe .header img {
	float:left;
	margin: 3px 10px 3px 0px;
}

.ticket_item:hover {
    border: 1px solid #FFCCCC;
    background: #EEE;
}

.ticket_item .thema,
.ticket_item .mitarbeiter,
.ticket_item .uhrzeit,
.nachricht_item .mitarbeiter,
.nachricht_item .kommentare,
.nachricht_item .edit,
.nachricht_item .save,
.nachricht_item .nr {
    float:left;
    margin: 7px 5px;
}

.nachricht_item .attachements,
.nachricht_item .exist {
	float:left;
	margin:7px 3px;
	width:21px;
	height:25px;
	vertical-align:top;
}

.nachricht_item .attachements {
	filter: alpha(opacity=25);
    opacity: 0.25;
	background:transparent url(../img/bueroklammer-sprite.png) no-repeat -23px 0;
}

.nachricht_item .exist {
	filter: alpha(opacity=100);
    opacity: 1;
	cursor:pointer;
	background:transparent url(../img/bueroklammer-sprite.png) no-repeat -23px 0;
}

.nachricht_item .exist span {
	font-size:8px;
	float:right;
	margin-top:10px;
}


.nachricht_item .exist:hover {
	background-position: 0 0;
	color:green;
}

.nachricht_item .edit,
.nachricht_item .save {
	width:27px;
	height:25px;
	text-align:center;
	font-size:8px;
	cursor:pointer;
	filter: alpha(opacity=80);
    opacity: 0.8;
	background:transparent url(../img/edit-sprite.png) no-repeat 0 0;
}

.nachricht_item .edit:hover {
	filter: alpha(opacity=100);
    opacity: 1;
	background:transparent url(../img/edit-sprite.png) no-repeat -27px 0;
}

.nachricht_item .save {
	background-position: 0 -27px;
}

.nachricht_item .save:hover {
	background-position: -27px -27px;
}

.nachricht_item .kommentare {
	width:27px;
	height:25px;
	text-align:center;
	font-size:8px;
	cursor:pointer;
	filter: alpha(opacity=40);
    opacity: 0.4;
	background:transparent url(../img/sprechblase-sprite.png) no-repeat 1px 0;
}

.nachricht_item .kommentare-zeigen {
	border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5;
	padding: 0px 5px 0px 10px;
	font-size:9px;
}

.nachricht_item .kommentare-zeigen .left,
.nachricht_item .kommentare-zeigen .right {
	margin:10px 0px;
}

.nachricht_item .kommentare-zeigen .left { width:68%; float:left;}
.nachricht_item .kommentare-zeigen .right { width: 28%;	float:right;}
	
.nachricht_item .kommentare-zeigen fieldset {
	border: 1px solid #C5C5C5;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
	padding-bottom:5px;
	background-color:#DFDFDF;
}

.nachricht_item .kommentare-zeigen fieldset legend {
	padding:0px 5px;
	font-size:11px;
}


.nachricht_item .kommentare-zeigen .left fieldset .left { float:left; font-weight:bold; width:130px; padding:0px; }
.nachricht_item .kommentare-zeigen .left fieldset .right { float:right; font-weight:normal;width:420px; padding:0px; }

.nachricht_item .kommentare-zeigen .left .bisherige-kommentare {
	padding:10px;
	width:575px;
	height:175px;
	overflow:auto;
	font-weight:normal;
}

.nachricht_item .kommentare-zeigen .right fieldset textarea {
	margin:10px;
	width:210px;
	height:100px;
	font-size:9px;
	font-weight:bold;
	background-color:#fff;
}

.nachricht_item .kommentare-zeigen .right label,
.nachricht_item .kommentare-zeigen .right .checker{
	float:left;
}

.nachricht_item .kommentare-zeigen .right .checker {
	margin:3px 10px 3px 8px;
}

.nachricht_item .kommentare-zeigen .right label {
	width: 170px;
	margin:3px 0;
}

.nachricht_item .marked {
	filter: alpha(opacity=100);
    opacity: 1;
	background-position: -25px 0;
}

.nachricht_item .nr {
	font-style:italic;
	width:20px;
}

.nachricht_item .uhrzeit {
	float:right;
	margin: 7px 10px;
	text-align:right;
}
.nachricht_item .uhrzeit {
	float:right;
	margin: 7px 10px;
	text-align:right;
}

.attachement_item {
	padding-left:22px;
	margin: -10px 10px 10px 5px;
	background-image: url(../img/filetypes-sprite.png);
	background-repeat: no-repeat;
	height:15px;
}

.jpg,
.jpeg,
.jpe { background-position:0 -226px; }
.zip { background-position:0 -480px; }
.docx,
.doc { background-position:0 -14px;}
.htm,
.html { background-position:0 -30px;}
.mpg { background-position:0 -45px;}
.rss { background-position:0 -60px;}
.txt { background-position:0 -74px;}
.rar { background-position:0 -90px;}
.avi { background-position:0 -106px;}
.eps { background-position:0 -120px;}
.ico { background-position:0 -136px;}
.php,
.php3,
.php4,
.php5,
.phpx,
.phtml { background-position:0 -150px;}
.sh { background-position:0 -166px;}
.xml { background-position:0 -180px;}
.tar { background-position:0 -195px;}
.csv { background-position:0 -210px;}
.xls,
.xlsx{ background-position:0 -466px;}
.mp3,
.wav { background-position:0 -240px;}
.psd { background-position:0 -256px;}
.ttf { background-position:0 -270px;}
.gzip { background-position:0 -286px;}
.css { background-position:0 -300px;}
.gif { background-position:0 -316px;}
.tif,
.tiff{ background-position:0 -360px;}
.gz { background-position:0 -376px;}
.bmp { background-position:0 -390px;}
.fla { background-position:0 -406px;}
.js { background-position:0 -420px;}
.png { background-position:0 -436px;}
.sql { background-position:0 -450px;}
.cgi,
.pl{ background-position:0 -496px;}
.flv { background-position:0 -510px;}
.mdb,
.mdbx{ background-position:0 -526px;}
.mdb,
.mdbx{ background-position:0 -540px;}
.swf { background-position:0 -556px;}
.pdf { background-position:0 -570px;}
.pdf { background-position:0 -345px; }


.ticket_item .thema { width:490px; }
.tickets-status-gruppe .ticket_item .thema { width:460px; }
.tickets-status-gruppe .statusanzeige { width:100%;height:20px; padding:0px; font-size:12px; }
.ticket_item .mitarbeiter { width:200px; line-height: 19px; white-space: nowrap; overflow: hidden;margin-top:5px;}
.nachricht_item .mitarbeiter { width:590px; }
.ticket_item .uhrzeit, .nachricht_item .uhrzeit { width:125px; }
.nachricht_item .nachricht,
.nachricht_item .gruppe,
.nachricht_item .benutzer,
.nachricht_item .neues-ticket,
.tickets-status-gruppe .content {
    border-left: 1px solid #C5C5C5;
    border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
    padding: 5px 5px 5px 10px;
    font-weight: normal;
}

.tickets-status-gruppe .content {
	padding-right:10px;
	background-color:#F4F4F4;
}

.tickets-status-gruppe {
	margin-bottom:25px;
}


.nachricht_item .neues-ticket .left {
	float:left;
	margin-right:20px;
}

.nachricht_item .neues-ticket .right {
	float:left;
}


.ticket_item .uhrzeit .ticket {
	padding-left:20px;
	height:19px;
	background:transparent url(../img/icon-ticket.png) no-repeat 0 2px;
}

.ticket_item .uhrzeit .last-message {
	margin-top:3px;
	height:19px;
	padding-left:20px;
	background:transparent url(../img/icon-message.png) no-repeat 0 2px;
}

.ticket_item .uhrzeit .unread {
	color:#ff0000;
}

.ticket_item .neue_nachricht,
.gruppencontainer div.neue_nachricht {
	height:23px;
	width:26px;
	margin: -6px 0 -23px -16px;
	background:transparent url(../img/ticket-stati-sprite.png) no-repeat -39px -4px;
	z-index:100;
}

.gruppencontainer .title div.neue_nachricht {
	position:absolute;
	margin-top: -36px;
	padding:5px 0 0 7px;
	font-size: 10px;
	font-weight: bold;
	color:#000;
	line-height:1px;
}


.ticket_item .richtung_eingegangene,
.statusanzeige .richtung_eingegangene {
	height:23px;
	width:20px;
	margin: -8px 0 -23px 10px;
	background:transparent url(../img/ticket-stati-sprite.png) no-repeat 0px 0px;
}

#ticket-informationen .richtung_eingegangene,
#ticket-informationen .richtung_gesendete {
	height:23px;
	width:20px;
	float:left;
	background-image: url(../img/ticket-stati-sprite.png);
	background-repeat: no-repeat;
}

#ticket-informationen .richtung_eingegangene {
	background-position:  0px 0px;
}

#ticket-informationen .richtung_gesendete {
	background-position:  -19px 0px;
}

.ticket_item .richtung_gesendete,
.statusanzeige .richtung_gesendete {
	height:23px;
	width:20px;
	margin: -8px 0 -23px 10px;
	background:transparent url(../img/ticket-stati-sprite.png) no-repeat -19px 0px;
}

.statusanzeige .richtung_eingegangene,
.statusanzeige .richtung_gesendete {
	margin:8px 5px 0px 0px;
	float:left;
}

.statusanzeige span {
	margin-top:8px;
	float:left;
}

.nachricht_item input[type=submit],
.einstellungen_item input[type=submit]
{
	float:right;
}

.closed {
    filter: alpha(opacity=40);
    opacity: 0.4;
}

.closed:hover {
    filter: alpha(opacity=100);
    opacity: 1;
}

.nachricht_item .nachricht textarea {
	width:860px;
	height:100px;
	padding:6px;
}

.nachricht_item .neues-ticket .text {
	width: 640px;
	padding:6px;
	float:left;
	font-weight:bold;
}


.left label, .right label {
	width:80px;
	display:block;
	float:left;
	font-weight:bold;
}


#neuen_benutzer_anlegen_html .left, #neuen_benutzer_anlegen_html .right,
.einstellungen_item .left, .einstellungen_item .right,
.item-dropdown .left, .item-dropdown .right{
	float:left;
	width:50%;
}


#neuen_benutzer_anlegen_html .left label,
.einstellungen_item .left label,
.item-dropdown .left label{
	width:120px;
	display:block;
	float:left;
	font-weight:bold;
}

#login .inline-radio div,
#neuen_benutzer_anlegen_html .left .inline-radio div,
.einstellungen_item .left .inline-radio div,
.item-dropdown .left .inline-radio div{
	float:left;
}

#neuen_benutzer_anlegen_html .left .inline-radio label,
.einstellungen_item .left .inline-radio label,
.item-dropdown .left .inline-radio label{
	width:40px;
	margin-right:5px;
}

#login .inline-radio label {
	margin-left:0;
}

#neuen_benutzer_anlegen_html .left .inline-radio input[type=radio],
.einstellungen_item .left .inline-radio input[type=radio],
.item-dropdown .left .inline-radio input[type=radio]{
	float:left;
	margin-right:5px;
}

#neuen_benutzer_anlegen_html .right label,
.einstellungen_item .right label,
.item-dropdown .right label{
	width:180px;
	display:block;
	float:left;
	font-weight:bold;
}

#neuen_benutzer_anlegen_html .right input[type=radio],
.einstellungen_item .right input[type=radio],
.item-dropdown .right input[type=radio]{
	float:left;
	margin-right:5px;
}

.nachricht_item .neues-ticket textarea {
	width:640px;
	height:100px;
	float:left;
	padding:6px;
}

.ticket_item textarea {
	width:860px;
	height:100px;
	margin:6px;
}

.einstellungen_item {
	background: #E0DFDF url(../img/hg_ticketitem.png) repeat 0px bottom;
	background:-moz-linear-gradient(bottom, #E0DFDF, #FFF); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#E0DFDF), to(#FFF)); /* Safari, Chrome */
	background:-webkit-linear-gradient(bottom, #E0DFDF, #FFF); /* Safari, Chrome - neue Syntax! */
	background:-o-linear-gradient(bottom, #E0DFDF, #FFF); /* Opera */
	background:-ms-linear-gradient(bottom, #E0DFDF, #FFF); /* IE */
	background:linear-gradient(bottom, #E0DFDF, #FFF); /* W3C Standard */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #C5C5C5;
    padding: 15px;
}

.einstellungen_subitem {
    padding: 15px 15px 5px 25px;
}

.dark-action_header_up,
.dark-action_header_down,
.action_header_up,
.action_header_down{
    width:16px;
    height:16px;
    font-size:1px;
    line-height:1px;
    padding:0px;
    float:right;
    display:block;
    cursor:pointer;
	margin:5px 0px;
	background-color: transparent;
}

.action_header_up,
.action_header_down {
	background-image: url(../img/optionbutton-sprite.png);
}

.dark-action_header_up,
.dark-action_header_down {
	background-image: url(../img/optionbutton-sprite-dark.png);
}


.action_header_up, .dark-action_header_up{ background-position: 0px -16px; }
.action_header_down,.dark-action_header_down { background-position: 0px 0px; }
.action_header_up:hover,.dark-action_header_up:hover { background-position: -16px -16px; }
.action_header_down:hover,.dark-action_header_down:hover { background-position: -16px 0px; }


.item-dropdown {
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -khtml-border-radius-bottomright: 5px;
    -khtml-border-radius-bottomleft: 5px;
    border-bottom-right-radius: 5px;
    border-bottom-left-radius: 5px;
	border: 1px solid #C5C5C5;
	padding: 5px 5px 5px 10px;
}

.marked {
	background-color:yellow;
}

.desktop_item {
	background:#E0DFDF;
	background:-moz-linear-gradient(bottom, #E0DFDF, #FFF); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#E0DFDF), to(#FFF)); /* Safari, Chrome */
	background:-webkit-linear-gradient(bottom, #E0DFDF, #FFF); /* Safari, Chrome - neue Syntax! */
	background:-o-linear-gradient(bottom, #E0DFDF, #FFF); /* Opera */
	background:-ms-linear-gradient(bottom, #E0DFDF, #FFF); /* IE */
	background:linear-gradient(bottom, #E0DFDF, #FFF); /* W3C Standard */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #C5C5C5;
    padding: 15px;
	min-height: 440px;
}

.desktop_textarea {
	width: 99%;
	height: 400px;
	background-color: #fff !important;
}

#upload_filelist {
	padding:2px 10px;
}

.nachricht_item.letzte-nachricht .nr:hover,
.nachricht_item.letzte-nachricht .mitarbeiter:hover,
.nachricht_item.letzte-nachricht .uhrzeit:hover{
	text-decoration:underline;
	cursor:pointer;
}

.ticket-gruppenauswahlbox {
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #C5C5C5;
	min-height: 60px;
	max-height:220px;
	width: 500px;
	float:left;
	padding:7px;
	overflow:auto;
}

.ticket-gruppenauswahlbox .checker,
.ticket-gruppenauswahlbox label,
.ticket-gruppenauswahlbox input{
	float:left;
}

.ticket-gruppenauswahlbox input,
.ticket-gruppenauswahlbox .checker{
	margin-right:15px;
}
.ticket-gruppenauswahlbox label {
	margin:0px;
	width:400px;
}
.comment {
	float:left;
	width:400px;
}
.delete-comment {
	cursor:pointer;
	float:left;
	width:20px;
	height:20px;
	background:transparent url(../img/delete-comment-sprite.png) no-repeat 0 -20px;
}

.delete-comment:hover {
	background-position:0 0;
}
/* Lösch-Symbol nur beim Überfahren des Kommentars zeigen */
.comment-container .delete-comment { visibility:hidden; }
.comment-container:hover .delete-comment { visibility:visible; }

.ticket_item .ticketcomment {
	width:460px;
	min-height:15px;
	margin:3px 1px 0px 0px;
	filter: alpha(opacity=65);
    opacity: 0.65;
}

.ticket_item .ticketcomment:hover,
.ticket_item .ticketcomment:focus {
	filter: alpha(opacity=100);
    opacity: 1.0;
}

.ticket_item .ticketcomment textarea {
	font-size:10px;
	height:15px;
	width:460px;
	margin:0px;
}

.infobox .history {
	cursor:default;
	font-size:10px;
	line-height:12px;
	filter: alpha(opacity=80);
    opacity: 0.8;
}

.infobox .history:hover {
	filter: alpha(opacity=100);
    opacity: 1.0;
}

.green { color: #006600; }
.red {	color: #CC0000; }
.blue {	color: #003399; }
.bold { font-weight: bold; }

.ticket_item  .red a { color: #CC0000; font-style: italic; }

.infobox .scroll, .infobox .scroll {
	cursor:pointer;
	width:203px;
	height:15px;
	filter: alpha(opacity=50);
    opacity: 0.5;
	background: #E9E9E9 url(../img/scroll-up-down-sprite.png) no-repeat;
}

.infobox .scroll:hover, .infobox .scroll:hover {
	filter: alpha(opacity=100);
    opacity: 1.0;
}

.infobox .up {
	margin:-10px -7px 2px -10px;
	background-position: center 3px;
}
.infobox .down {
	margin:-2px -7px -10px -10px;
	background-position: center -8px;
	-webkit-border-bottom-left-radius: 7px;
	-webkit-border-bottom-right-radius: 7px;
    -moz-border-radius-bottomright: 7px;
	-moz-border-radius-bottomleft: 7px;
    -khtml-border-radius-bottomright: 7px;
	-khtml-border-radius-bottomleft: 7px;
    border-bottom-left-radius: 7px;
	border-bottom-right-radius: 7px;
}

.preloader {
	margin:11px;
}

.item-dropdown form fieldset {
	padding:20px;
	border: 1px solid #ccc;
	-webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}

.tooltip{
	position: absolute;
	padding: 8px 11px;
	z-index: 200;   
	color: #303030;
	background-color: #E0DFDF;
	filter: alpha(opacity=90);
    opacity: 0.90;
	background:-moz-linear-gradient(bottom, #E0DFDF, #FFF); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#E0DFDF), to(#FFF)); /* Safari, Chrome */
	background:-webkit-linear-gradient(bottom, #E0DFDF, #FFF); /* Safari, Chrome - neue Syntax! */
	background:-o-linear-gradient(bottom, #E0DFDF, #FFF); /* Opera */
	background:-ms-linear-gradient(bottom, #E0DFDF, #FFF); /* IE */
	background:linear-gradient(bottom, #E0DFDF, #FFF); /* W3C Standard */
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;   
	box-shadow:2px 2px 4px 3px #A6A6A6;
	border: 1px solid #969696;
	font-size: 11px;
	line-height: 16px;
	text-align: left;
}

.shadow-round-corner {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
	box-shadow:2px 2px 5px 3px #BBB;
	margin:7px 0;
}

.abowarn {
	margin-top:10px;
	font-size:11px;
	font-weight:bold;
	color:#ff0000;
	line-height: 12px;
	background: transparent url(../img/achtung.png) no-repeat;
	padding-left:25px;
}

#workbench div .ungelesen a {
	font-weight: bold;
}

/* der name des workbench div*/
#workbench fieldset {
	padding:5px;
	border: 1px solid #333;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	-khtml-border-radius: 7px;
	border-radius: 7px;
}
#workbench fieldset legend {
	padding: 0 3px;
	font-weight: bold;
}
#workbench fieldset legend  span {
	font-size: 14px;
	cursor: pointer;
}

/* das Ticket DIV im Template */
#workbench fieldset .ticket_item_allinkl {
	background: #E0DFDF url(../img/hg_ticketitem.png) repeat 0px bottom;
	background:-moz-linear-gradient(bottom, #E0DFDF, #FFF); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#E0DFDF), to(#FFF)); /* Safari, Chrome */
	background:-webkit-linear-gradient(bottom, #E0DFDF, #FFF); /* Safari, Chrome - neue Syntax! */
	background:-o-linear-gradient(bottom, #E0DFDF, #FFF); /* Opera */
	background:-ms-linear-gradient(bottom, #E0DFDF, #FFF); /* IE */
	background:linear-gradient(bottom, #E0DFDF, #FFF); /* W3C Standard */
    padding-left:5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #C5C5C5;
	height: 35px;
	margin-bottom: 10px;
	border-left-width: 4px;
}

#workbench fieldset .abo_checkbox  {
	float: left;
	padding-top: 5px;
}

#workbench fieldset .ticket_daten  {
	float: left;
	width: 830px;
	padding-top: 2px;
}

#workbench fieldset .ticket_item_allinkl .thema a {
	overflow: hidden;
	width: 600px;
	/* font-size: 110%; */
	float: left;
	white-space: nowrap;
}
#workbench fieldset .ticket_item_allinkl .beantwortet a {
	padding-left: 20px;
	background: transparent url(../img/pfeil-beantwortet.png) no-repeat 0px 2px;
}
#workbench fieldset .ticket_item_allinkl .ticket_letzte_nachricht {
	float: right;
	margin-right: 5px;
	font-size: 110%;
}
#workbench fieldset .ticket_item_allinkl .ticket_info {
	float: left;
	font-size: 90%;
}
#workbench fieldset .ticket_item_allinkl .ticket_gruppe {
	float: right;
	margin-right: 5px;
	font-size: 90%;
}

#suche_autofill {
	position: absolute;
	right:5px;
	margin-top: -17px;
	width:175px;
	min-height: 20px;
	box-shadow:2px 2px 4px 3px #A6A6A6;
	background-color: #fff;
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #C5C5C5;
	z-index: 1000;
	padding:5px;
}

#reloadPage { margin-left:8em; cursor:pointer; }
#reloadPage:hover { opacity: .7; }
.is-hidden { display:none; }
.unread-subscription { font-weight:bold; font-style:italic; }
.ticket-status { font-weight:bold; }
.ticket-status span { text-transform:uppercase; }
.inline-form { display:inline; margin:0; padding:0; }
.link-button {
	background:none;
	border:0;
	color:inherit;
	cursor:pointer;
	font:inherit;
	padding:0;
	text-decoration:underline;
}
.ticket-menu-button {
	display:block;
	line-height:25px;
	padding-left:10px;
	text-align:left;
	text-decoration:none;
	width:100%;
}
.ticket-menu-button:hover {
	background:transparent url(../img/menu_pfeil.png) no-repeat 0 10px;
}
.priority-control {
	float:left;
	position:relative;
	margin:0 5px 0 20px;
	width:42px;
	height:125px;
}
.priority-thermometer {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
	width:42px;
	height:125px;
	/* Reine Anzeige: Maus- und Touch-Eingaben muessen zum darueberliegenden Regler durchreichen. */
	pointer-events:none;
	background:transparent url(../img/thermometer-sprite.png) no-repeat -86px 0;
}
.priority-thermometer.priority-1 { background-position:-44px 0; }
.priority-thermometer.priority-2 { background-position:-86px 0; }
.priority-thermometer.priority-3 { background-position:-128px 0; }
/* Der Regler bleibt bedienbar, ist aber unsichtbar: sichtbares Feedback gibt nur das Thermometer. */
.priority-range {
	position:absolute;
	top:0;
	left:0;
	z-index:2;
	width:42px;
	height:125px;
	margin:0;
	padding:0;
	opacity:0;
	cursor:pointer;
	writing-mode:vertical-lr;
	direction:rtl;
}
.priority-range:focus-visible + .priority-thermometer {
	outline:2px solid #4d90fe;
	outline-offset:2px;
}
.priority-save-button { float:left; margin:40px 0 0 15px; }
.compact-scroll { max-height:100px; overflow:auto; }
.ticket-assignee-column { width:170px; float:left; }
.upload-file-list { margin-left:80px; }
.comment-separator { width:98%; }
.keep-ticket-status { padding:8px 25px 0 0; float:right; }
.attention-fieldset { border:2px groove red; }
.ticket-count-summary { padding-bottom:5px; }
fieldset {
	padding:15px;
	margin-bottom:15px;
	border:1px solid #333;
	border-radius:7px;
}
fieldset legend { padding:0 3px; }
/*
 ENDE TICKETÜBERSICHT ALLINKL
*/

/*
 ZWEI-FAKTOR-AUTHENTIFIZIERUNG (2FA / OTP)
*/
/* Login: OTP-Eingabe */
#login .otp-hinweis {
	padding:0 40px 15px 40px;
	line-height:1.5em;
	color:#444;
}
#login .otp-abbrechen {
	clear:both;
	padding:5px 0 15px 165px;
	font-size:11px;
}
#login .otp-abbrechen .link-button { color:#666; }
#login .otp-abbrechen .link-button:hover { color:#E2003D; }
#login input#otp_code {
	font-size:18px;
	letter-spacing:4px;
	text-align:center;
	padding:4px 2px;
	width:180px;
}

/* Einstellungen: 2FA-Seite */
.zwei-faktor-box {
	padding:15px;
	margin-bottom:15px;
	border:1px solid #C5C5C5;
	border-radius:7px;
}
.zwei-faktor-box h3 {
	font-size:13px;
	margin:0 0 10px 0;
	padding:0;
}
.zwei-faktor-box p {
	line-height:1.5em;
	margin:0 0 10px 0;
}
.zwei-faktor-box label {
	display:block;
	float:left;
	width:140px;
	font-weight:bold;
	line-height:22px;
}
.zwei-faktor-box input.text {
	float:left;
	width:180px;
	margin-right:10px;
}
.zwei-faktor-box input.btn,
.zwei-faktor-box .btn { margin:0 10px 0 0; }
.zwei-faktor-box form { margin-bottom:10px; }
.zwei-faktor-box .inline-form { margin-bottom:0; }
.item-dropdown .right label.totp-reset-label {
	display:inline;
	float:none;
	width:auto;
	font-weight:normal;
}
.zwei-faktor-aktiv { color:#008822; }
.zwei-faktor-inaktiv { color:#E2003D; }
.zwei-faktor-warnung { color:#E2003D; font-weight:bold; }
.zwei-faktor-qr-wrap { margin-bottom:20px; }
#totp-qr {
	float:left;
	width:200px;
	height:200px;
	padding:10px;
	margin-right:25px;
	background:#fff;
	border:1px solid #C5C5C5;
	border-radius:7px;
}
#totp-qr img, #totp-qr canvas { display:block; }
.zwei-faktor-manuell { float:left; width:600px; }
.totp-secret {
	font-family:Consolas,"Courier New",monospace;
	font-size:15px;
	letter-spacing:2px;
	padding:8px 12px;
	background:#F5F5F5;
	border:1px solid #DDD;
	border-radius:5px;
	display:inline-block;
	user-select:all;
}
.totp-meta { color:#666; font-size:11px; }
.recovery-box { background:#FFF8DC; border-color:#E6C200; }
.recovery-codes {
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
	overflow:hidden;
}
.recovery-codes li {
	float:left;
	width:180px;
	margin:0 10px 6px 0;
	padding:5px 10px;
	font-family:Consolas,"Courier New",monospace;
	font-size:14px;
	letter-spacing:1px;
	background:#fff;
	border:1px solid #DDD;
	border-radius:5px;
	user-select:all;
}

/* Modaler Hinweis (z.B. 2FA-Empfehlung nach dem Login) */
.modal-overlay {
	position:fixed;
	top:0; left:0; right:0; bottom:0;
	z-index:10000;
	background:rgba(0,0,0,0.55);
}
.modal-overlay .modal {
	position:relative;
	width:540px;
	margin:120px auto 0 auto;
	background:#fff;
	border-radius:7px;
	overflow:hidden;
}
.modal-overlay .modal-title {
	padding:0 15px;
	line-height:34px;
	font-weight:bold;
	color:#fff;
	background:#777777 url(../img/box-title-bg.gif) repeat-x 0px 0px;
	border-bottom:1px solid #999;
}
.modal-overlay .modal-body {
	padding:15px 20px 5px 20px;
	line-height:1.5em;
	color:#444;
}
.modal-overlay .modal-body p { margin:0 0 10px 0; }
.modal-overlay .modal-buttons {
	padding:5px 15px 15px 15px;
	text-align:right;
}
.modal-overlay .modal-buttons .btn { margin:5px 0 0 10px; }
.btn.btn-primary { font-weight:bold; }