/* Standard eingeloggt */
html,
body {
    margin: 0;
    padding: 0;
    background-color: #fff;
    height: 100%;
}
/* Standard nicht eingeloggt */
body.login-login,
body.maintenance-maintenance,
body.login-login #content,
body.maintenance-maintenance #content {
    background-color: #f0f0f0;
}
body.mail-read,
body.mail-read #content,
body.mail-write,
body.mail-write #content {
    background-color: #f5f5f5;
}

html,
body,
input.text,
select,
option,
textarea {
    font-family: helvetica,arial,tahoma,verdana,sans-serif;
    color: #333;
    font-size: 1em;
}
option.disabled {
	color: #bbb;
}
fieldset,
input.text,
select,
textarea {
    border-radius: 0.2em;
    -moz-border-radius: 0.2em;
    -webkit-border-radius: 0.2em;
    border: 0.1em solid #aaa;
}
input.text,
select,
textarea {
    background-color: #fff;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
img {
    border: none;
}
form {
    padding: 0;
    margin: 0;
    border: 0;
}
/* Normale Buttons */
button.btn {
    font-family: helvetica,arial,tahoma,verdana,sans-serif;
    color: #333;
    font-size: 1em;
    vertical-align: middle;
    cursor: pointer;
    font-weight: bold;
    padding: 0.5em 1.6em 0.5em 1.6em;
    overflow: visible; /* sonst wird in IE 6/7 das horizontale Padding nicht beruecksichtigt */
    background: #eee;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#d5d5d5');
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#d5d5d5));
    background: -webkit-linear-gradient(#f5f5f5, #d5d5d5);
    background: -moz-linear-gradient(#f5f5f5,  #d5d5d5);
    background: -ms-linear-gradient(#f5f5f5, #d5d5d5);
    background: -o-linear-gradient(#f5f5f5, #d5d5d5);
    background: linear-gradient(#f5f5f5, #d5d5d5);
    border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    border: 0.1em solid #aaa;
    text-shadow: 0.1em 0.1em 0 rgba(255,255,255,0.5), 0 0.1em 0 rgba(255,255,255,0.5);
}
button.btn:hover {
    color: #555;
}
button.btn:active {
    padding: 0.6em 1.6em 0.4em 1.6em;
    background: #e5e5e5;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e5e5e5', endColorstr='#eeeeee');
    background: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#eeeeee));
    background: -webkit-linear-gradient(#e5e5e5, #eeeeee);
    background: -moz-linear-gradient(#e5e5e5,  #eeeeee);
    background: -ms-linear-gradient(#e5e5e5, #eeeeee);
    background: -o-linear-gradient(#e5e5e5, #eeeeee);
    background: linear-gradient(#e5e5e5, #eeeeee);
}

/*
 * Damit auch leere Absätze bei Outlookmails einen Abstand erzeugen
 */
p.MsoNormal:after, li.MsoNormal:after, div.MsoNormal:after{content:"\00a0";}

/*
 * Damit Actionbar immer ganz unten steht
 */
#wrap {
    height: auto !important;
    margin: 0;
    min-height: 100%;
    position: relative;
    width: 100%;
    padding: 0;
}


.clearer {
    clear: both;
    display: block;
    height: 0px;
    overflow: hidden;
}

/*
 * Login
 */
.login-error {
    margin: 1.3em 1.3em 0 1.3em;
    overflow: hidden;
    display: block;
    padding: 0.5em 1.3em 0.5em 1.3em;
    background-color: #F9C9D6;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -khtml-border-radius: 0.5em;
    border-radius: 0.5em;
}
.login-error ul { list-style: disc; margin-left: 0.7em; }
#login-header {
    height: 2.8em;
    overflow: hidden;
    background: #222;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#111111');
    background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#111111));
    background: -webkit-linear-gradient(#555555, #111111);
    background: -moz-linear-gradient(#555555,  #111111);
    background: -ms-linear-gradient(#555555, #111111);
    background: -o-linear-gradient(#555555, #111111);
    background: linear-gradient(#555555, #111111);
    border-bottom: 0.4em solid #999;
}
#login-header h1 {
    margin: 0;
    padding: 0;
    height: 2.8em;
    line-height: 2.8em;
    font-size: 1em;
    color: #f0f0f0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}
#login-header h1 img {
    margin: 0.3em 0 0.3em 0;
    padding: 0;
    height: 2.2em;
    line-height: 2.2em;
    font-size: 1em;
    color: #f0f0f0;
    font-weight: normal;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}
#login-form {
	display: block;
    max-width: 37em;
    margin: 2.1em auto 2.8em auto;
    padding: 0 1em;
}
#login-form label {
    display: block;
    margin: 1em 0 0 0;
}
#login-form input.text {
    width: 99%;
	padding: 0.3em;
}
#login-form .submitwrap {
    text-align: center;
    margin: 1.7em 0 0 0;
}
#login-languages {
    text-align: center;
    font-size: 0.8em;
}
#login-languages a {
    color: #666;
}
#login-languages a:hover,
#login-languages a:active {
    color: #333;
}
#login-layouttester {
    margin-top: 3em;
    text-align: center;
    font-size: 0.8em;
}
#login-layouttester a {
    display: inline-block;
}

/*
 * Meldungen nach Aktionen
 */
.msg-error {
    margin: 1em;
    overflow: hidden;
    display: block;
    padding: 0.7em 1.3em;
    line-height: 1.4em;
    background-color: #F9C9D6;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
}
.msg-success {
    margin: 1em;
    overflow: hidden;
    display: block;
    padding: 0.7em 1.3em;
    line-height: 1.4em;
    background-color: #A3EDA3;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
}
.msg-error li,
.msg-success li {
	text-align: left;
}

a.msg-popup {
    display: block;
    position: absolute;
    z-index: 100;
    top: 7em;
    left: 1em;
    right: 1em;
    text-decoration: none;
    color: #333;
    margin: 0;
    padding: 0;
}
a.msg-popup div {
    border: 0.4em solid rgba(0,0,0,0.3);
    -webkit-box-shadow: rgba(0,0,0,0.3) 0 0.2em 0.4em;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 0.2em 0.4em;
    box-shadow: rgba(0,0,0,0.5) 0 0.2em 0.4em;
    margin: 0;
    padding: 1.5em 1em;
    font-weight: bold;
    text-align: center;
    text-shadow: 0.1em 0.1em 0 rgba(255,255,255,0.3), 0 0.1em 0 rgba(255,255,255,0.3);
    -webkit-border-radius: 0.7em;
    -moz-border-radius: 0.7em;
    border-radius: 0.7em;
}
.msg-note {
    margin: 1em;
    overflow: hidden;
    display: block;
    padding: 0.7em 1.3em;
    line-height: 1.4em;
    background-color: #FFE493;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
}
.msg-info {
    margin: 1em;
    overflow: hidden;
    display: block;
    padding: 0.7em 1.3em;
    line-height: 1.4em;
    background-color: #CAE6FF;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
}
.msg-empty {
    margin: 1em;
    overflow: hidden;
    display: block;
    padding: 0.7em 1.3em;
    line-height: 1.4em;
    text-align: center;
    font-weight: bold;
    color: #aaa;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
}
.msg-empty.msg-empty-eventlist {
    color: #333;
    font-weight: normal;
}

/*
 * Top Navigation
 ***********************************************************/
ul#nav {
    width: 100%;
    display: block;
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0;
    height: 2.8em;
    overflow: hidden;
    border-bottom: 0.4em solid #999;
    background: #222;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#111111');
    background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#111111));
    background: -webkit-linear-gradient(#555555, #111111);
    background: -moz-linear-gradient(#555555,  #111111);
    background: -ms-linear-gradient(#555555, #111111);
    background: -o-linear-gradient(#555555, #111111);
    background: linear-gradient(#555555, #111111);
	vertical-align: top;
}
body.overflowsupport ul#nav {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}
body.overflowsupport ul#nav.nooverflow {
    position: static;
}
body.overflowsupport.contentscrolled ul#nav,
body.overflowsupport.contentscrolled ul#nav.nooverflow {
	display:none;
}
ul#nav li {
    display: block;
    float: left;
    margin: 0;
    padding: 0 3%;
    border: 0;
    height: 2.8em;
    overflow: hidden;
    text-align: center;
    background: #222;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#111111');
    background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#111111));
    background: -webkit-linear-gradient(#555555, #111111);
    background: -moz-linear-gradient(#555555,  #111111);
    background: -ms-linear-gradient(#555555, #111111);
    background: -o-linear-gradient(#555555, #111111);
    background: linear-gradient(#555555, #111111);
	vertical-align: top;
}
ul#nav li.logout,
ul#nav li.accountswitch {
    float: right;
}
@media screen and (max-width: 280px) {
	ul#nav li.accountswitch  { display: none !important; }
}
ul#nav li.active {
    background: #999;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777', endColorstr='#999999');
    background: -webkit-gradient(linear, left top, left bottom, from(#777777), to(#999999));
    background: -webkit-linear-gradient(#777777, #999999);
    background: -moz-linear-gradient(#777777,  #999999);
    background: -ms-linear-gradient(#777777, #999999);
    background: -o-linear-gradient(#777777, #999999);
    background: linear-gradient(#777777, #999999);
}
ul#nav li a {
    color: #ddd;
    text-decoration: none;
    display: inline-block;
    height: 3.5em;
    line-height: 3.5em;
    overflow: hidden;
}
ul#nav li.active a {
    color: #fff;
}
ul#nav li a img {
    font-size: 0.7em;
    display: inline-block;
    height: 2.3em;
    line-height: 2.3em;
    padding: 0.9em 0 0 0;
    border: 0;
}


/*
 * Topbar unter Top Navigation
 ***********************************************************/
#topbar {
    display: block;
    width: 100%;
    height: 2.8em;
    border-bottom: 0.1em solid #ccc;
    background: #f0f0f0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#dddddd');
    background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#dddddd));
    background: -webkit-linear-gradient(#f0f0f0, #dddddd);
    background: -moz-linear-gradient(#f0f0f0,  #dddddd);
    background: -ms-linear-gradient(#f0f0f0, #dddddd);
    background: -o-linear-gradient(#f0f0f0, #dddddd);
    background: linear-gradient(#f0f0f0, #dddddd);
    overflow: hidden;
}
body.overflowsupport #topbar {
    position: absolute;
    top: 3.2em;  /* Hoehe Top Navigation */
    left: 0;
    right: 0;
}
body.overflowsupport #topbar.nooverflow {
    position: static;
    top: 0;
}
body.overflowsupport.contentscrolled #topbar {
	top: 0;
}
#topbar table {
    table-layout: fixed;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
    overflow: hidden;
}
#topbar table tbody {
    width: 100%;
}
#topbar table td {
    white-space: nowrap;
    overflow: hidden;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    text-align: left;
    height: 2.8em;
}
#topbar table td.btn {
    height: 3.5em;
    width: 3.9em;
    text-align: center;
    font-size: 0.8em;
}
#topbar table td.btn img {
    height: 3.5em;
    width: 3.5em;
    text-align: center;
    font-size: 1em;
    overflow: hidden;
}
#topbar table td.btn a {
    text-decoration: none;
    color: #666;
}
#topbar table td.title {
    padding-left: 0.4em;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    font-weight: bold;
    text-shadow: 0.1em 0.1em 0 rgba(255,255,255,0.5), 0 0.1em 0 rgba(255,255,255,0.5);
    color: #666;
}
#topbar table td.title div {
	font-weight: normal;
	text-shadow: none;
	font-size: 0.7em;
}
#topbar table td.title.first {
    padding-left: 1.2em;
}
#topbar table td.txtbtn.first {
    padding-left: 0.4em;
	text-align: left;
}
#topbar table td.txtbtn {
    text-align: right;
}
#topbar table td.txtbtn a {
    display: inline-block;
}
#topbar table td.txtbtn a span {
    display: inline-block;
    margin: 0.5em 0.3em 0.5em 0em;
    height: 2.2em;
    line-height: 2.2em;
    font-weight: bold;
    font-size: 0.8em;
    padding: 0em 0.5em;
    color: #666;
    text-align: center;
    border: 0.1em solid #bbbbbb;
    background: #f0f0f0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#d5d5d5');
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#d5d5d5));
    background: -webkit-linear-gradient(#f5f5f5, #d5d5d5);
    background: -moz-linear-gradient(#f5f5f5,  #d5d5d5);
    background: -ms-linear-gradient(#f5f5f5, #d5d5d5);
    background: -o-linear-gradient(#f5f5f5, #d5d5d5);
    background: linear-gradient(#f5f5f5, #d5d5d5);
    border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    -webkit-box-shadow: inset 0em 0em 0.1em #fff;
    -moz-box-shadow: inset 0em 0em 0.1em #fff;
    box-shadow: inset 0em 0em 0.1em #fff; 
}
#topbar table td.txtbtn button {
    font-family: helvetica,arial,tahoma,verdana,sans-serif;
    overflow: visible; /* sonst wird in IE 6/7 das horizontale Padding nicht beruecksichtigt */
    vertical-align: middle;
    display: inline-block;
    margin: 0.5em 0.3em 0.5em 0em;
    font-weight: bold;
    font-size: 0.8em;
    padding: 0.5em 0.5em;
    color: #666;
    text-align: center;
    border: 0.1em solid #bbbbbb;
    cursor: pointer;
    background: #f0f0f0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#d5d5d5');
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#d5d5d5));
    background: -webkit-linear-gradient(#f5f5f5, #d5d5d5);
    background: -moz-linear-gradient(#f5f5f5,  #d5d5d5);
    background: -ms-linear-gradient(#f5f5f5, #d5d5d5);
    background: -o-linear-gradient(#f5f5f5, #d5d5d5);
    background: linear-gradient(#f5f5f5, #d5d5d5);
    border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    -webkit-box-shadow: inset 0em 0em 0.1em #fff;
    -moz-box-shadow: inset 0em 0em 0.1em #fff;
    box-shadow: inset 0em 0em 0.1em #fff;
}
@media screen and (max-width: 350px) {
	#topbar .mailrefreshtopbarbtn { display: none !important; }
}
@media screen and (max-width: 400px) {
	#topbar .eventstodaytopbarbtn { display: none !important; }
}


/*
 * Content
 ***********************************************************/
#content {
	display: block;
    float: left;
    width: 100%;
    overflow: hidden;
	overflow-x: auto;
    margin-bottom: 2.9em; /* Hoehe der Actionbar */
}
#content.withoutfooter {
    margin-bottom: 0; /* Es gibt keine Actionbar */
}
body.overflowsupport #content {
    float: none;
    position: absolute;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    top: 6.1em; /* Hoehe TopNavigation + Topbar */
    left: 0;
    right: 0;
	width: auto;
    bottom: 2.9em; /* Hoehe der Actionbar */
    margin-bottom: 0;
}
body.overflowsupport #content.withoutfooter {
    bottom: 0; /* Es gibt keine Actionbar */
}
body.overflowsupport #content.nooverflow {
    float: left;
    position: static;
    overflow: hidden;
	overflow-x: auto;
    top: 0;
    width: 100%;
    bottom: 0;
    margin-bottom: 2.9em; /* Hoehe der Actionbar */
}
body.overflowsupport #content.nooverflow.withoutfooter {
    margin-bottom: 0; /* Es gibt keine Actionbar */
}
body.overflowsupport.contentscrolled #content {
	top: 2.9em;
}


/*
 * Actionbar
 ***********************************************************/
#actionbar {
    /*
     * Immer ganz unten
     */
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    display: block;
    border-top: 0.1em solid #111;
    background: #303030;
    overflow: hidden;
    height: 2.8em;
}
/*
 * Actionbar Items horizontal unabhaengig von JavaScript
 */
#actionbar.horizontal {
    vertical-align: middle;
}
#actionbar.horizontal button {
    display: block;
    float: left;
    cursor: pointer;
    margin: 0 3%;
    padding: 0;
    border: 0;
    color: #fff;
    background-color: transparent;
    font-size: 0.8em;
    height: 3.5em;
    line-height: 3.5em;
    vertical-align: middle;
    overflow: hidden;
}
#actionbar.horizontal img {
    height: 1.6em;
}
#actionbar.horizontal .seperator {
    display: block;
    float: left;
    margin: 0.5em 0;
    padding: 0;
    border: 0;
    background-color: #252525;
    border-right: 1px solid #393939;
    overflow: hidden;
    width: 1px;
    height: 1.8em;
}

/*
 * Actionbar Items als Selectbox
 */
#actionbar.nojs {
    vertical-align: middle;
}
#actionbar.nojs select {
    display: inline-block;
    vertical-align: middle;
    margin: 0 1%;
    font-size: 0.8em;
    max-width: 46%;
}
#actionbar.nojs button {
    display: inline-block;
    cursor: pointer;
    margin: 0.8em 1%;
    padding: 0 0.5em;
    max-width: 46%;
    border: 0;
    color: #fff;
    background-color: transparent;
    font-size: 0.8em;
    height: 1.9em;
    line-height: 1.9em;
    vertical-align: middle;
    overflow: hidden;
    background-color: #202020;
}
/*
 * Actionbar mit Selection und Buttons
 */
#actionbar.js {
    vertical-align: middle;
}
#actionbar.js button {
    display: block;
    float: right;
    cursor: pointer;
    margin: 0 3%;
    padding: 0;
    border: 0;
    color: #fff;
    background-color: transparent;
    font-size: 0.8em;
    height: 3.5em;
    line-height: 3.5em;
    vertical-align: middle;
    overflow: hidden;
}
#actionbar.js img {
    height: 1.6em;
}
#actionbar.js .seperator {
    display: block;
    float: right;
    margin: 0.5em 0;
    padding: 0;
    border: 0;
    background-color: #252525;
    border-right: 1px solid #393939;
    overflow: hidden;
    width: 1px;
    height: 1.8em;
}
#actionbar.js .selection.checkbox {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    font-size: 1em;
    width: 2.8em;
    height: 2.8em;
    line-height: 2.8em;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
}
#actionbar.js .selection.checkbox span {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 -1px;
    padding: 0;
    width: 1px;
    height: 2.8em;
    line-height: 2.8em;
    overflow: hidden;
}
#actionbar.js #selectcount.selection {
    display: block;
    float: left;
    margin: 0.8em 0.7em 0.8em 0;
    padding: 0;
    font-size: 0.8em;
    width: 1.9em;
    height: 1.9em;
    line-height: 1.9em;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    color: #eee;
    background-color: #202020;
}

/*
 * Weitere Aktionen Dropdown
 */
#moredropdown {
    display: block;
    position: absolute;
    z-index: 5000;
    bottom: 2.8em; /* Hoehe Actionbar */
    right: 0;
    background: #303030;
    overflow: hidden;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    filter: alpha(opacity=90);
    -moz-opacity: 0.90;
    -khtml-opacity: 0.90;
    opacity: 0.90;
    padding-bottom: 0.5em;
}
#moredropdown a {
    color: #fff;
    text-shadow: 0.1em 0.1em 0 rgba(0,0,0,0.5), 0 0.1em 0 rgba(0,0,0,0.5);
    text-decoration: none;
    display: block;
    font-size: 1em;
    height: 2.8em;
    line-height: 2.8em;
    padding: 0em 1.5em;
}


/*
 * Maillist
 ***********************************************************/
table#maillist {
    table-layout: fixed;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
}
table#maillist td {
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 0.1em solid #ddd;
    padding: 0.5em 0;
    margin: 0;
}
table#maillist tr:nth-child(odd) td {
    background-color: #f5f5f5;
}
table#maillist tr.active td {
    background-color: #FFE7A2;
}
table#maillist tr.active:nth-child(odd) td {
    background-color: #ffdf82;
}
table#maillist tr:last-child td { border-bottom: none; }
table#maillist td a {
    text-decoration: none;
}
table#maillist td.pager {
    height: 2.8em;
    text-align: center;
    vertical-align: middle;
}
table#maillist td.errormsg-reception-disabled {
	padding: 0;
}
table#maillist td.errormsg-reception-disabled .msg-error {
	margin: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
table#maillist td.select {
    width: 2.8em;
    text-align: center;
    vertical-align: middle;
}
table#maillist td.flags {
    white-space: normal;
    width: 2em;
    text-align: left;
    vertical-align: middle;
}
table#maillist td.flags img {
    display: inline-block;
    width: 1.3em;
    margin-right: 0.5em;
}
table#maillist td.flags img.attach {
    display: inline-block;
    width: 0.9em;
    margin-left: 0.2em;
}
table#maillist td.info {
    padding-right: 0.4em;
    text-align: left;
    vertical-align: middle;
}
table#maillist td.info .ident {
    display: block;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding-bottom: 0.1em;
}
table#maillist td.info .subject {
    font-size: 0.8em;
    display: block;
    color: #555;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
table#maillist td.info .folder {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
table#maillist td.info .date {
    display: block;
    float: right;
    text-align: right;
    color: #555;
    font-size: 0.8em;
    padding-left: 0.6em;
}

table#maillist td.info.new .ident { font-weight: bold; }
table#maillist td.info.new .subject { font-weight: bold; }
table#maillist td.info.new .date { font-weight: bold; }

table#maillist td.info.prio-high .ident { color: red; }
table#maillist td.info.prio-high .subject { color: red; }
table#maillist td.info.prio-high .date { color: red; }

table#maillist td.info.prio-low .ident { color: #777; }
table#maillist td.info.prio-low .subject { color: #888; }
table#maillist td.info.prio-low .date { color: #999; }

table#maillist td.info.deleted .ident { text-decoration: line-through; }
table#maillist td.info.deleted .subject { text-decoration: line-through; }
table#maillist td.info.deleted .date { text-decoration: line-through; }

table#maillist tr.tdwidthfix,
table#maillist tr.tdwidthfix td {
    height: 0;
    line-height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-top: none;
    border-bottom: none;
}


/*
 * Pflag Item in Maillist und Mailread
 ***********************************************************/
.pflags-item {
    display: inline-block;
    color: #000;
    text-shadow: 0.1em 0.1em 0 rgba(255,255,255,0.3), 0 0.1em 0 rgba(255,255,255,0.3);
    padding: 0 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;
}
.pflags-item.darkbackground {
    color: #fff;
    text-shadow: 0.1em 0.1em 0 rgba(0,0,0,0.3), 0 0.1em 0 rgba(0,0,0,0.3);
}
#maillist .pflags-item {
	margin: 0.2em 0.5em 0 0;
    font-size: 0.8em;
}
.email-read-content .pflags-item {
	margin: 0.5em 0.5em 0.1em 0;
	vertical-align: middle;
}
.email-read-content .pflags-img-item {
	height: 1.2em;
	margin: 0.5em 0.5em 0.1em 0;
	vertical-align: middle;
}

/*
 * E-Mails markieren
 ***********************************************************/
table#markmail {
	background-color: #fff;
	padding: 0;
	margin: 0;
	width: 100%;
	overflow: hidden;
	border-collapse: collapse;
	table-layout: fixed;
}
table#markmail td {
	border-bottom: 0.1em solid #ddd;
}
table#markmail td.label {
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
table#markmail td.label img {
	height: 1.3em;
	vertical-align: bottom;
}
table#markmail td.button {
	width: 3.5em;
	padding: 0.5em 0;
	text-align: center;
}
table#markmail td.button button {
	padding: 0.5em 0.8em;
}

/*
 * Folderlist
 ***********************************************************/
table#folderlist {
    table-layout: fixed;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
}
table#folderlist td {
    border-bottom: 0.1em solid #ddd;
    height: 2.8em;
    white-space: nowrap;
    vertical-align: top;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
table#folderlist tr.active td {
    background-color: #FFE7A2;
}
table#folderlist tr:last-child td {
    border-bottom: none;
}
table#folderlist td a {
    text-decoration: none;
    display: block;
    height: 2.8em;
    line-height: 2.8em;
    color: #444;
    font-weight: bold;
}
table#folderlist td.select {
    width: 2.8em;
    text-align: center;
    vertical-align: middle;
}
table#folderlist td .icon {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin: 0.6em 0.6em 0.6em 0em;
}
table#folderlist td .icon img {
    vertical-align: top;
    overflow: hidden;
    display: inline-block;
    height: 1.6em;
    width: 1.6em;
}
table#folderlist td .tree {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.6em;
    width: 1em;
    height: 2.8em;
}
table#folderlist td .count {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.6em;
    height: 2.8em;
	font-weight: normal;
	color: #396C96;
}


/*
 * Abfrage, ob Aktion wirklich ausgefuehrt werden soll
 ***********************************************************/
.confirm-msg {
    margin: 1.5em 0;
    overflow: hidden;
    display: block;
    padding: 0 1.2em 0 1.2em;
    text-align: center;
    font-weight: bold;
    line-height: 2em;
}
.confirm-msg select {
    width: 10em;
}
.confirm-items {
    margin: 0 1.2em 1.5em 1.2em;
    padding: 0.4em 1em 0.6em 1em;
    background-color: #CAE6FF;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    overflow: hidden;
}
.confirm-items .confirm-items-title {
    color: #5d85a9;
    font-size: 0.9em;
    padding-bottom: 0.1em;
    text-align: center;
}
.confirm-items ul {
    margin: 0;
    padding: 0;
    list-style: none;
}
.confirm-items ul li {
    margin: 0;
    padding: 0.2em 0 0.2em 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.confirm-btnbar {
    text-align: center;
    margin: 0em 0.2em 1em 0.2em;
}
.confirm-btnbar button {
    margin: 0.4em 0.2em;
}

/*
 * Ordner Umbenennen Tabelle
 */
table.confirm-folderrename-table {
    table-layout: fixed;
    width: 100%;
    margin: 0 0 1.5em 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
}
table.confirm-folderrename-table td {
    height: 4em;
    vertical-align: middle;
    margin: 0;
    border-bottom: 0.1em solid #ddd;
    padding: 0 0 0 0.5em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
table.confirm-folderrename-table td input.text {
    width: 90%;
}
table.confirm-folderrename-table td .originalpath {
    color: #999;
    font-size: 0.8em;
}

/*
 * Neuer Ordner
 */
.confirm-newfolder {
    max-width: 37em;
    margin: 0 auto 2.8em auto;
    padding: 0 1em;
}
.confirm-newfolder label {
    display: block;
    margin: 1.6em 0 0.1em 0;
    font-weight: bold;
}
.confirm-newfolder input.text,
.confirm-newfolder select {
    width: 99%;
}

/*
 * Kalender details
 * Adressbuch details
 */
.wrap-bookdetails,
.wrap-calendardetails {
    max-width: 37em;
    margin: 0 auto 2.8em auto;
    padding: 0 1em;
}

/*
 * Kalender bearbeiten/anlegen
 */
.confirm-calendarform {
    max-width: 37em;
    margin: 0 auto 2.8em auto;
    padding: 0 1em;
}
.confirm-calendarform label {
    display: block;
    margin: 1.6em 0 0.1em 0;
    font-weight: bold;
}
.confirm-calendarform input.text ,
.confirm-calendarform select {
    width: 99%;
}
.confirm-calendarform label.color {
    display: inline-block;
    text-align: center;
    margin: 0.2em;
    padding: 0;
    font-weight: normal;
}
.confirm-calendarform label.color input {
    display: inline-block;
    width: auto;
    height: auto;
    margin: 2em;
}



/*
 * Adressbuch Formular
 */
.confirm-booksform {
    max-width: 37em;
    margin: 0 auto 2.8em auto;
    padding: 0 1em;
}
.confirm-booksform label {
    display: block;
    margin: 1.6em 0 0.1em 0;
    font-weight: bold;
}
.confirm-booksform label.deletegroups {
    display: block;
    margin: 1.4em 0 0.1em 0;
    font-weight: normal;
}
.confirm-booksform label.importbook {
	margin-top: 2.2em;
}
.confirm-booksform input.text,
.confirm-booksform select {
    width: 99%;
}
.confirm-booksform .bookedititem {
    margin: 0;
	padding: 1.5em;
	border-bottom: 0.1em solid #aaa;
}
.confirm-booksform .bookedititem .label {
    display: block;
    height: 1.6em;
	line-height: 1.6em;
    font-weight: bold;
	vertical-align: top;
	margin-bottom: 1em;
}
.confirm-booksform .bookedititem .label span.icon {
    display: inline-block;
	vertical-align: top;
    height: 1.6em;
	width: 1.6em;
	margin-right: 0.5em;
}
.confirm-booksform .bookedititem .label span.icon img {
    display: inline-block;
    height: 1.6em;
	width: 1.6em;
}
.confirm-booksform .bookedititem input {
	margin-bottom: 0.5em;
}

.confirm-booksform .bookedititem label {
    display: inline-block;
    margin: 0;
    font-weight: normal;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	margin-right: 1em;
}



/*
 * Adressbuch Kontakt Attribut entfernen Formular
 */
.confirm-contactattribute {
	text-align: center;
	background-color: #f5f5f5;
	border-top: 0.1em solid #ddd;
	border-bottom: 0.1em solid #ddd;
	padding: 1em;
}
.confirm-contactattribute label {
    display: inline-block;
	font-size: 0.8em;
	font-weight: bold;
	text-align: center;
}
.confirm-contactattribute .value {
	text-align: center;
}
.confirm-contactattribute ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.confirm-contactattribute ul li {
	text-align: left;
}


/*
 * E-Mail schreiben
 ***********************************************************/
.email-write-form-content {
    margin: 0 0.8em 2em 1em;
}
.email-write-form-content label {
    display: block;
    margin: 1.4em 0 0 0;
    font-weight: bold;
}
.email-write-form-content label:first-child {
    margin: 1em 0 0 0;
}
.email-write-form-content label .opencontact {
    display: block;
    float: right;
    white-space: nowrap;
    font-weight: normal;
}
.email-write-form-content select,
.email-write-form-content input.text,
.email-write-form-content textarea {
    width: 99%;
}
.email-write-form-content input.fromlocal,
.email-write-form-content span.fromdomain,
.email-write-form-content select.fromdomain {
    width: 48%;
}
.email-write-form-content span.fromdomain {
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.email-write-form-content textarea {
    height: 12em;
}
.email-write-form-content table.to {
    table-layout: fixed;
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    overflow: hidden;
    width: 100%;
}
.email-write-form-content table.to td {
    margin: 0;
    padding: 0;
    border: 0;
    overflow: hidden;
    white-space: nowrap;
    vertical-align: middle;
    text-align: left;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.email-write-form-content table.to td.totype { width: 4em; }
.email-write-form-content table.to td.tobtn { width: 2.7em; }
.email-write-form-content table.to td input {
    width: 97%;
}
.email-write-form-content table.to td select {
    width: 95%;
}
.email-write-form-content fieldset.attachments {
    background-color: #fff;
    margin: 1.4em 0em 0em 0em;
    padding: 0.6em;
}
.email-write-form-content fieldset.attachments legend {
    color: #333;
    font-weight: bold;
}
.email-write-form-content fieldset.attachments table {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
}
.email-write-form-content fieldset.attachments table td {
    margin: 0;
    padding: 0.4em 0.2em;
    border: 0;
    border-top: 0.1em solid #bbb;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}
.email-write-form-content fieldset.attachments table td.name {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.email-write-form-content fieldset.attachments table td.size {
    width: 4em;
}
.email-write-form-content fieldset.attachments table td.delete {
    width: 6em;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.email-write-form-content fieldset.attachments table td label {
    display: inline;
}
.email-write-form-btn {
    text-align: center;
    margin: 0em 0.2em 1em 0.2em;
}
.email-write-form-btn button {
    margin: 0.4em 0.2em;
}

#mail-contacts-suggest {
    display: block;
    position: absolute;
    z-index: 6000;
    margin-top: 0.5em;
    top: 0;
    left: 0;
    right: 0;
    max-height: 70%;
    border: 0.1em solid #aaa;
    background-color: #fff;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-box-shadow: 0em 0.2em 0.3em #333;
    -moz-box-shadow: 0em 0.2em 0.3em #333;
    box-shadow: 0em 0.2em 0.3em #333; 
}
#mail-contacts-suggest a {
    display: block;
    border-bottom: 0.1em solid #ddd;
    font-size: 0.8em;
    line-height: 3.5em;
    height: 3.5em;
    padding: 0em 1em 0em 1.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-decoration: none;
    color: #333;
}
#mail-contacts-suggest a:last-child {
    border-width: 0;
    border: none;
}
#mail-contacts-suggest a:hover {
    background-color: #eee;
}
#mail-contacts-suggest a .name {
    font-weight: bold;
}

/*
 * E-Mail lesen
 */
.email-read-content .msg-note {
	margin: 0;
	border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
.email-read-content .subject {
    padding: 0.5em 1em 0.2em 1em;
    font-size: 1em;
    font-weight: bold;
}
.email-read-content .info {
    padding: 0.2em 1em 0.3em 1em;
    font-size: 0.9em;
    border-bottom: 0.1em solid #ddd;
}
.email-read-content .info a.tolink {
    display: inline-block;
    padding: 0.4em 0 0.3em 0.1em;
}
.email-read-content .info table.recipients,
.email-read-content .info table.recipients tr,
.email-read-content .info table.recipients td {
    margin: 0;
    padding: 0;
    border: 0;
}
.email-read-content .info table.recipients {
    margin-top: 0.2em;
    border-top: 0.1em solid #ddd;
    width: 100%;
}
.email-read-content .info table.recipients td {
    vertical-align: top;
    text-align: left;
}
.email-read-content .info table.recipients td.label {
    padding-right: 0.2em;
}

.email-read-content .body {
	background-color: #fff;
    padding: 1em;
    border-bottom: 0.1em solid #ddd;
}
.email-read-content .body pre {
    font-family: helvetica,arial,tahoma,verdana,sans-serif;
    color: #333;
    font-size: 1em;
	margin: 0;
	padding: 0;
}
.email-read-content .body,
.email-read-content .body pre {
	word-wrap: break-word;
}
.email-read-content .body blockquote{margin:0.4em 0 0.6em 0;padding:0 0 0 1em;border-top:none;border-bottom:none;border-right:none;border-left:0.2em solid #63CAF5;}
.email-read-content .body blockquote blockquote{border-color:#D792EB;}
.email-read-content .body blockquote blockquote blockquote{border-color:#FD7F07;}
.email-read-content .body blockquote blockquote blockquote blockquote{border-color:#6BC93D;}
.email-read-content .body blockquote blockquote blockquote blockquote blockquote{border-color:#D29D59;}
.email-read-content .body blockquote blockquote blockquote blockquote blockquote blockquote{border-color:#F23E2F;}
.email-read-content .body blockquote blockquote blockquote blockquote blockquote blockquote blockquote{border-color: #06A7A2;}
.email-read-content .body blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{border-color: #834ED0;}
.email-read-content .body blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{border-color: #057B1B;}
.email-read-content .body blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{border-color: #7C7980;}
.email-read-content .body blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{border-color: #6F5230;}
.email-read-content .body blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{border-color: #134578;}
.email-read-content .body blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{border-color: #760001;}
.email-read-content .body blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote blockquote{border-color: #8E9196;}
.email-read-content .attachments table {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
}
.email-read-content .attachments table td {
    margin: 0;
    padding: 0;
    border: 0;
    border-bottom: 0.1em solid #ddd;
    line-height: 3em;
    height: 3em;
    font-size: 0.9em;
    white-space: nowrap;
    overflow: hidden;
    vertical-align: middle;
}
.email-read-content .attachments table tr:last-child td {
    border-bottom: none;
}
.email-read-content .attachments table td.icon {
    width: 2em;
    text-align: right;
}
.email-read-content .attachments table td.icon img {
    width: 1.2em;
}
.email-read-content .attachments table td.name {
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    padding-left: 0.5em;
}
.email-read-content .attachments table td.name a {
    display: block;
    cursor: pointer;
}
.email-read-content .attachments table td.size {
    width: 5em;
}
.email-read-content .attachments table tr:hover td {
    background-color: #ddd;
}


/*
 * Einstellungen
 ****************/
.settings-list-content a {
    display: block;
    border-bottom: 0.1em solid #ddd;
    height: 2.8em;
    line-height: 2.8em;
    padding: 0em 1em 0em 1.5em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    cursor: pointer;
    color: #333;
    text-decoration: none;
    font-weight: bold;
}
.settings-list-content a:hover { background-color: #eee; }
table.settings-table {
    margin: 0;
    padding: 0;
    border: 0;
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    overflow: hidden;
}
table.settings-table td {
    font-size: 0.9em;
    margin: 0;
    padding: 0;
    border-bottom: 0.1em solid #ddd;
    vertical-align: middle;
    text-align: left;
    padding: 1.2em 0;
    overflow: hidden;
}
table.settings-table tr:nth-child(odd) td { background-color: #fff; }
table.settings-table tr:nth-child(even) td { background-color: #f5f5f5; }
table.settings-table td select,
table.settings-table td input.text,
table.settings-table td textarea  {
    width: 90%;
}
table.settings-table td.range input.text {
    width: 2em;
    text-align: center;
}
table.settings-table td.range input.text.year { width: 4em; }
table.settings-table td div.label {
    font-weight: bold;
    margin-bottom: 0.2em;
}
table.settings-table td.range .label.to { margin-top: 1em; }
table.settings-table td.label {
    font-weight: bold;
    padding-left: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
table.settings-table.settings-table-password td.label { width: 50%; }
table.settings-table.settings-table-emails td.label { width: 75%; }
table.settings-table.settings-table-signatureforward td.label { width: 75%; }
table.settings-table.settings-table-signature td.label { width: 35%; }
table.settings-table.settings-table-region td.label { width: 35%; }
table.settings-table.settings-table-sender td.label { width: 35%; }
table.settings-table td.colspan {
    padding-left: 1em;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
textarea.settings-cc  {
    display: block;
    width: 90%;
    margin: 1em 0 0 1em;
}
h2.settings-sender-aliastitle {
    font-weight: bold;
    text-decoration: none;
    margin: 0;
    padding: 3em 0 0 1em;
    border: 0;
    color: #888;
    background-color: #fff;
    font-size: 1em;
    text-align: center;
}
table.settings-table.settings-table-sender select.stddomain,
table.settings-table.settings-table-sender input.stdlocal {
    width: 47%;
}
table.settings-table.settings-table-sender span.stddomain {
    width: 47%;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
table.settings-table.settings-table-moresender div.headline {
	font-weight: bold;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	line-height: 2em;
}
table.settings-table.settings-table-moresender label {
	width: 35%;
	display: inline-block;
	line-height: 2em;
}

table.settings-table.settings-table-moresender input {
	width: 55% !important;
}
table.settings-table input.integer2 {
	width: 3em !important;
}

/*
 * Datelist
 ***********************************************************/
table#datelist {
    table-layout: fixed;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
    overflow: hidden;
}
table#datelist td {
    white-space: nowrap;
    overflow: hidden;
    border-bottom: 0.1em solid #ddd;
    padding: 0.5em 0;
    margin: 0;
}
table#datelist tr:nth-child(even) td { background-color: #f5f5f5; }
table#datelist tr.active td { background-color: #FFE7A2; }
table#datelist tr.active:nth-child(even) td { background-color: #ffdf82; }
table#datelist tr:last-child td { border-bottom: none; }
table#datelist td a { text-decoration: none; display: block; }
table#datelist td.select {
    width: 2.8em;
    text-align: center;
    vertical-align: middle;
}

table#datelist td.info {
    padding-right: 0.4em;
    text-align: left;
    vertical-align: middle;
}
table#datelist.reminderlist td.info {
    padding-left: 1em;
}
table#datelist.reminderlist td.end {
    width: 2.8em;
    padding: 0 0.5em;
    text-align: center;
    vertical-align: middle;
}
table#datelist.reminderlist td.end img {
    width: 2em;
	margin: 0.4em;
    text-align: center;
    vertical-align: middle;
}
table#datelist.reminderlist td.reminderendall {
	text-align: center;
	padding: 1em 0em;
}
table#datelist td.info .date {
    display: block;
    float: left;
    font-size: 0.8em;
    color: #555;
}
table#datelist td.info .title {
    padding-top: 0.1em;
    display: block;
    color: #333;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
table#datelist td.info .calendar {
    display: inline-block;
    font-size: 0.8em;
    color: #000;
    text-shadow: 0.1em 0.1em 0 rgba(255,255,255,0.3), 0 0.1em 0 rgba(255,255,255,0.3);
    padding: 0em 0.5em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;
}
table#datelist td.info .calendar.darkbackground {
    color: #fff;
    text-shadow: 0.1em 0.1em 0 rgba(0,0,0,0.3), 0 0.1em 0 rgba(0,0,0,0.3);
}
table#datelist tr.tdwidthfix,
table#datelist tr.tdwidthfix td {
    height: 0;
    line-height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-top: none;
    border-bottom: none;
}
table.datelistpager {
    border-bottom: 0.1em solid #ddd;
    table-layout: fixed;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
    overflow: hidden;
}
table.datelistpager:last-child {
    border-top: 0.1em solid #ddd;
    border-bottom: none;
}
table.datelistpager td {
    overflow: hidden;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    color: #999;
    font-weight: bold;
}
table.datelistpager td.title a {
    color: #999;
    font-weight: bold;
    text-decoration: none;
}
table.datelistpager td.prev,
table.datelistpager td.next {
    width: 2.8em;
    height: 2.8em;
	background-color: #f5f5f5;
}
table.datelistpager td.prev a,
table.datelistpager td.next a {
    color: #999;
    font-weight: bold;
    text-decoration: none;
    font-size: 1.2em;
	display: block;
	line-height: 2.3em;
}
table.datelistpager td .date {
    display: inline-block;
}
.datelistsearchtitle {
    color: #999;
    font-weight: bold;
    text-decoration: none;
    margin-top: 0.7em;
    padding-bottom: 0.7em;
    text-align: center;
    border-bottom: 0.1em solid #ddd;
}
.datelistsearchtitle a {
    font-weight: normal;
}
.events-search-content { margin: 0 1em 1em 1em; }
.events-search-content label { display: block; font-weight: bold; margin-top: 1.3em; }
.events-search-content label.todaycheckbox {display: inline-block; margin-top: 0.8em; font-weight: normal; }
.events-search-content input.text, .events-search-content select { width: 98%; }
.events-search-content .btnwrap { text-align:center; margin-top: 1.7em; }

/*
 * Kalenderlist
 ***********************************************************/
table#callist {
    table-layout: fixed;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
}
table#callist td {
    border-bottom: 0.1em solid #ddd;
    height: 2.8em;
    white-space: nowrap;
    vertical-align: top;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
table#callist tr.active td {
    background-color: #FFE7A2;
}
table#callist tr:last-child td {
    border-bottom: none;
}
table#callist td a {
    text-decoration: none;
    display: block;
    height: 2.8em;
    line-height: 2.8em;
    color: #444;
    font-weight: bold;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
table#callist td.all a {
    padding-left: 2.3em;
}
table#callist td.select {
    width: 2.8em;
    text-align: center;
    vertical-align: middle;
}
table#callist td.color {
    width: 2em;
    text-align: left;
    vertical-align: middle;
}
table#callist td.color span {
    display: inline-block;
    width: 1.4em;
    height: 1.4em;
}
table#callist tr.tdwidthfix,
table#callist tr.tdwidthfix td {
    height: 0;
    line-height: 0;
    overflow: hidden;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0;
    margin-bottom: 0;
    border-top-width: 0;
    border-bottom-width: 0;
    border-top: none;
    border-bottom: none;
}


/*
 * Termindetails
 ***********************************************************/
.event-read-content .period {
    padding: 1em 1.5em 0em 1.5em;
}
.event-read-content .title {
    padding: 0.1em 1.2em 0em 1.2em;
    font-size: 1.3em;
    font-weight: bold;
}
.event-read-content .calendar {
    padding: 0.4em 1.5em 0em 1.5em;
}
.event-read-content .calendar a {
    display: inline-block;
    color: #000;
    text-decoration: none;
    text-shadow: 0.1em 0.1em 0 rgba(255,255,255,0.3), 0 0.1em 0 rgba(255,255,255,0.3);
    padding: 0.1em 0.7em;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    border-radius: 0.5em;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    filter: alpha(opacity=80);
    -moz-opacity: 0.80;
    -khtml-opacity: 0.80;
    opacity: 0.80;
}
.event-read-content .calendar a.darkbackground {
    color: #fff;
    text-shadow: 0.1em 0.1em 0 rgba(0,0,0,0.3), 0 0.1em 0 rgba(0,0,0,0.3);
}
.event-read-content .text {
    border-top: 0.1em solid #ddd;
    border-bottom: 0.1em solid #ddd;
    margin-top: 1em;
    padding: 1.5em;
}
.event-read-content .recurrence {
    border-bottom: 0.1em solid #ddd;
    padding: 1em 1.5em 1em 1.5em;
}
.event-read-content .reminder {
    padding: 1em 1.5em 1em 1.5em;
}
.event-read-content .empty {
    font-style: italic;
}

/*
 * Termin Anlegen/Bearbeiten
 ***********************************************************/
#event-write-content .block { padding: 1em; }
#event-write-content .block:nth-child(odd) { background-color: #eee; }
#event-write-content .block label { display: block; font-weight: bold; margin-top: 1.5em; }
#event-write-content .block > label:first-of-type { margin-top: 0; }
#event-write-content .block span.inline { display: inline-block; vertical-align: middle; padding-top: 1em; }
#event-write-content .block span.inline label { display: inline; font-weight: normal; margin-top: 0; }
#event-write-content .block input.text, #event-write-content select { width: 98%; }
#event-write-content .block textarea { width: 98%; height: 6em; }
#event-write-content .block input.text.date { width: 6em; }
#event-write-content .block input.text.remindermail { width: 80%; }
#event-write-content .block select.time { width: 3.5em; }

#event-write-content .block.reminderwrap .remindervalues { margin: 1em 0 1em 1em; }
#event-write-content .block.reminderwrap .remindervalues input[name="remindervalue"] { width: 15%; }
#event-write-content .block.reminderwrap .remindervalues select[name="reminderrange"] { width: 35%; }
#event-write-content .block.reminderwrap .remindervalues select[name="reminderrelated"] { width: 40%; }


/*
 * Kontaktlist
 ***********************************************************/
table#contactlist {
    table-layout: fixed;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
    overflow: hidden;
}
table#contactlist td {
    border-bottom: 0.1em solid #ddd;
    padding: 0.3em 0;
    margin: 0;
}
table#contactlist tr:nth-child(odd) td { background-color: #f5f5f5; }
table#contactlist tr.active td { background-color: #FFE7A2; }
table#contactlist tr.active:nth-child(odd) td { background-color: #ffdf82; }
table#contactlist tr:last-child td { border-bottom: none; }
table#contactlist td a {
	text-decoration: none;
	display: block;
	color: #333;
	padding: 0.3em 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
table#contactlist td.select {
    width: 2.8em;
    text-align: center;
    vertical-align: middle;
}
table#contactlist td.info {
    padding-right: 0.4em;
    text-align: left;
    vertical-align: middle;
}
table#contactlist td.info .email {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
	font-size: 0.8em;
	color: #666;
	display: block;
	min-height: 0.5em;
}
table.contactlist-pager {
    border-bottom: 0.1em solid #ddd;
    table-layout: fixed;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
    overflow: hidden;
}
table.contactlist-pager:last-child {
    border-top: 0.1em solid #ddd;
    border-bottom: none;
}
table.contactlist-pager td {
    overflow: hidden;
    padding: 0;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    color: #999;
    font-weight: bold;
}
table.contactlist-pager td.contactlist-pager-button {
    width: 2.8em;
    height: 2.8em;
}
table.contactlist-pager td.contactlist-pager-button a {
    text-decoration: none;
    display: inline-block;
    margin: 0.1em 0 0 0;
    height: 1.8em;
    width: 2em;
    line-height: 1.8em;
    font-weight: bold;
    font-size: 1em;
    padding: 0;
    color: #666;
    text-align: center;
    border: 0.1em solid #bbbbbb;
    background: #f0f0f0;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f5f5f5', endColorstr='#d5d5d5');
    background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#d5d5d5));
    background: -webkit-linear-gradient(#f5f5f5, #d5d5d5);
    background: -moz-linear-gradient(#f5f5f5,  #d5d5d5);
    background: -ms-linear-gradient(#f5f5f5, #d5d5d5);
    background: -o-linear-gradient(#f5f5f5, #d5d5d5);
    background: linear-gradient(#f5f5f5, #d5d5d5);
    border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    -webkit-box-shadow: inset 0em 0em 0.1em #fff;
    -moz-box-shadow: inset 0em 0em 0.1em #fff;
    box-shadow: inset 0em 0em 0.1em #fff; 
}
table.contactlist-pager td.contactlist-pager-button span {
    text-decoration: none;
    display: inline-block;
    margin: 0.1em 0 0 0;
    height: 1.8em;
    width: 2em;
    line-height: 1.8em;
    font-weight: bold;
    font-size: 1em;
    padding: 0;
	color: #ccc;
    text-align: center;
    border: 0.1em solid #ddd;
    background: #ffffff;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f5f5f5');
    background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f5f5f5));
    background: -webkit-linear-gradient(#ffffff, #f5f5f5);
    background: -moz-linear-gradient(#ffffff,  #f5f5f5);
    background: -ms-linear-gradient(#ffffff, #f5f5f5);
    background: -o-linear-gradient(#ffffff, #f5f5f5);
    background: linear-gradient(#ffffff, #f5f5f5);
    border-radius: 0.4em;
    -moz-border-radius: 0.4em;
    -webkit-border-radius: 0.4em;
    -webkit-box-shadow: inset 0em 0em 0.1em #fff;
    -moz-box-shadow: inset 0em 0em 0.1em #fff;
    box-shadow: inset 0em 0em 0.1em #fff; 
}
table.contactlist-pager td.contactlist-pager-select {
    width: 6em;
    height: 2.8em;
}
table.contactlist-pager td.contactlist-pager-select select {
    width: 3em;
}
.contactlistsearchtitle {
    color: #999;
    font-weight: bold;
    text-decoration: none;
    margin-top: 0.7em;
    padding-bottom: 0.7em;
    text-align: center;
    border-bottom: 0.1em solid #ddd;
}
.contactlistsearchtitle a {
    font-weight: normal;
}
.contacts-search-content { margin: 0 1em 1em 1em; }
.contacts-search-content label { display: block; font-weight: bold; margin-top: 1.3em; }
.contacts-search-content input, .contacts-search-content select { width: 98%; }
.contacts-search-content .btnwrap { text-align:center; margin-top: 1.7em; }


/*
 * E-Mail Suche
 ***********************************************************/
.mail-search-content { text-align: center; }
.mail-search-content .mail-search-content-wrap { display: inline-block; max-width: 37em; margin: 0 1em; text-align: left; }
.mail-search-content .mail-search-content-wrap label {
	display: inline-block;
	margin: 1.5em 0 0 0;
	font-weight: bold;
	width: 97%;
}
.mail-search-content .mail-search-content-wrap select,
.mail-search-content .mail-search-content-wrap input {
	width: 97%;
	margin: 0.5em 0;
}
.mail-search-content .mail-search-content-wrap select.searchin { width: 34%; }
.mail-search-content .mail-search-content-wrap input.keywords { width: 59%; }
.mail-search-content .mail-search-content-wrap select.searchperiod { width: 34%; }
.mail-search-content .mail-search-content-wrap input.periodvalue { width: 59%; }
.mail-search-content .mail-search-content-wrap .search-btnbar {
	text-align:center;
	margin: 1.5em 0;
}
.mail-search-content .mail-search-content-wrap .search-btnbar .btn {
	margin: 0.5em;
}



/*
 * Account-Verknüpfung
 ***********************************************************/
#content.accountswitch {
	text-align: center;
}
#content.accountswitch button {
	margin: 0.5em 0 0.5em 0;
	padding-top: 1em;
	padding-bottom: 1em;
	overflow: hidden;
	width: 96%;
}



/*
 * Adressbuchliste
 ***********************************************************/
table#booklist {
    table-layout: fixed;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: 100%;
}
table#booklist td {
    border-bottom: 0.1em solid #ddd;
    height: 2.8em;
    white-space: nowrap;
    vertical-align: top;
    overflow: hidden;
    padding: 0;
    margin: 0;
}
table#booklist tr.active td {
    background-color: #FFE7A2;
}
table#booklist tr:last-child td {
    border-bottom: none;
}
table#booklist td a {
    text-decoration: none;
    display: block;
    height: 2.8em;
    line-height: 2.8em;
    color: #444;
    font-weight: bold;
}
table#booklist td.select {
    width: 2.8em;
    text-align: center;
    vertical-align: middle;
}
table#booklist td .icon {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin: 0.6em 0.6em 0.6em 0em;
}
table#booklist td .icon img {
    vertical-align: top;
    overflow: hidden;
    display: inline-block;
    height: 1.7em;
    width: 1.7em;
}
table#booklist td .tree {
    overflow: hidden;
    display: inline-block;
    vertical-align: top;
    margin-left: 0.6em;
    width: 1em;
    height: 2.8em;
}


/*
 * Kontaktdetails
 ***********************************************************/
.contact-write-content .item,
.contact-read-content .item {
	border-bottom: 1px solid #ddd;
}
.contact-write-content .item:nth-child(even),
.contact-read-content .item:nth-child(even) {
	background-color: #f5f5f5;
}
.contact-write-content .item ul,
.contact-read-content .item ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.contact-write-content .item label,
.contact-read-content .item label {
	vertical-align: top;
	display: inline-block;
	width: 35%;
	overflow: hidden;
	margin: 1.4em 0 1.4em 2%;
	font-size: 0.8em;
}
.contact-write-content .contact-write-content-listform .item label {
	display: block;
	overflow: hidden;
	width: 97%;
	margin: 0;
	padding: 1.4em 0 0 2%;
	font-size: 0.8em;
	font-weight: bold;
}
.contact-write-content .contact-write-content-listform .item .value label,
.contact-write-content .item .value label {
	display: inline-block;
	margin: 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	width: auto;
}
.contact-write-content .contact-write-content-listform .item .value.checkboxvalue label,
.contact-write-content .item .value.checkboxvalue label {
	display: inline-block;
	margin: 0 0 1em 0;
	padding: 0;
	font-size: 1em;
	font-weight: normal;
	width: 100%;
	max-width: 10em;
}
.contact-write-content .item .value,
.contact-read-content .item .value {
	vertical-align: top;
	display: inline-block;
	width: 60%;
	overflow: hidden;
	margin: 1em 0 1em 2%;
	font-size: 1em;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.contact-write-content .item .value.checkboxvalue,
.contact-read-content .item .value.checkboxvalue {
	width: 90%;
	margin-left: 7%;
}
.contact-write-content .contact-write-content-listform .item .value.withsubvalues {
	width: 100%;
	margin: 1em 0 1em 0;
}
.contact-write-content .contact-write-content-listform .item .action {
	vertical-align: top;
	display: inline-block;
	width: 37%;
	overflow: hidden;
	margin: 1em 0 1em 0;
	text-align: right;
}
.contact-write-content .contact-write-content-listform .item .value.withsubvalues .action {
	margin: 0;
}
.contact-write-content .contact-write-content-listform .item .action a {
	display: inline-block;
	overflow: hidden;
	width: 2.8em;
	height: 2.8em;
	margin: 0 0.2em 0 0;
	padding: 0;
	text-align: center;
}
.contact-write-content .contact-write-content-listform .item .action a img {
	display: inline-block;
	overflow: hidden;
	height: 1.4em;
	margin: 0.6em 0 0 0;
	padding: 0;
}
.contact-write-content .item .value .subvalue,
.contact-read-content .item .value .subvalue {
	vertical-align: top;
	display: inline-block;
	width: 100%;
	overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}
.contact-write-content .contact-write-content-listform .item .value .subvalue {
	width: 60%;
	margin: 0 0 0 2%;
}
.contact-write-content .item .value .subvalueseperator,
.contact-read-content .item .value .subvalueseperator {
	display: block;
	height: 1px;
	overflow: hidden;
	background-color: #ddd;
	margin: 1em 0;
}
.contact-write-content .item .value img.photo,
.contact-read-content .item .value img.photo {
	max-width: 99%;
	border: none;
	margin: 0;
	padding: 0;
}
.contact-write-content .item .value img.pref,
.contact-read-content .item .value img.pref {
	vertical-align: top;
	height: 1.1em;
	border: none;
	margin: 0;
	padding: 0;
}
.contact-write-content .item textarea,
.contact-write-content .item select,
.contact-write-content .item input.text {
	width: 98%;
}
.contact-write-content .btnbar {
    text-align: center;
    margin: 1em 0.2em 1em 0.2em;
}
.contact-write-content .btnbar button {
    margin: 0.4em 0.2em;
}
.contact-write-content .item.additem {
	text-align: center;
	vertical-align: middle;
	padding: 0.5em 0.5em 1em 0.5em;
}
.contact-write-content .item.additem select {
	width: auto;
	max-width: 10em;
	display: inline-block;
	margin: 1em 0;
}