@font-face {
font-family: 'fontawesome-webfont';
src: url('../assets/font/fontawesome-webfont.eot?v=4.4.0');
src: url('../assets/font/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('../assets/font/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('../assets/font/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('../assets/font/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('../assets/font/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg');
font-weight: normal;
font-style: normal;
}

html {
-webkit-text-size-adjust:100%;
-ms-text-size-adjust:100%;
height:100%;
width:100%;
}

body {
color: #000;
font-size: 100%;
line-height:1.3em;
text-align:left;
font-family: Arial, Helvetica, sans-serif;
margin:0;
padding:0;
background: rgb(234,234,234);
background: -moz-radial-gradient(center, ellipse cover,  rgba(234,234,234,1) 0%, rgba(150,150,150,1) 100%);
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(150,150,150,1)));
background: -webkit-radial-gradient(center, ellipse cover,  rgba(234,234,234,1) 0%,rgba(150,150,150,1) 100%);
background: -o-radial-gradient(center, ellipse cover,  rgba(234,234,234,1) 0%,rgba(150,150,150,1) 100%);
background: -ms-radial-gradient(center, ellipse cover,  rgba(234,234,234,1) 0%,rgba(150,150,150,1) 100%);
background: radial-gradient(ellipse at center,  rgba(234,234,234,1) 0%,rgba(150,150,150,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#969696',GradientType=1 );
width:100%;
height:100%;
min-width:300px;
}

div {position:relative;}

#wrapper {overflow:hidden;}

#overlay {display:none; position:fixed; top:0; left:0; width:100%; height:100%; z-index:10; background:#ccc; opacity:0.8;}

/*
input:focus,
a:focus,
div:focus {
    outline: blue solid 2px;
}
*/

/* Header -------------------------------------------------------------- */

#header {
background:#fff;
width:100%;
height:auto;
overflow:hidden;
box-sizing:border-box;
}

#header_logo {float:left; height:36px; width:42px;margin:10px;}
#header_logo a {display:block;}
#header_logo img {display:block; max-width:100%; height:auto;}

#header_nav {float:left; height:56px; width:auto;margin-left:2.5%;
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow:hidden;
}
#header_nav ul li {display:inline-block; float:left;}
#header_nav ul li a {line-height:56px; display:inline-block; color:#898989; font-size:0.875em;padding:0 1.5em;}

#header_nav ul li.hn_active a {background:#e7e7e7; color:#2e2e2e;}

.no-touchevents #header_nav ul li:hover a,
.no-touchevents #header_nav ul li:hover a:before,
#header_nav ul li.hn_active a:before {color:#2e2e2e;}

#header_nav ul li a:before {display:inline-block; margin-right:10px; font-size:1em; color:#898989; font-family: 'fontawesome-webfont'; content:"\f002";}
#header_nav ul li#header_nav_extra a:before {content:"\f0ae";}
#header_nav ul li#header_nav_konv a:before {content:"\f0ec";}

#header_container {
    float: left;
    height: 56px;
    margin-left: 2%;
    overflow: hidden;
	padding-top:15px;
	box-sizing:border-box;
}
#header_container select {border:1px solid #ccc; font-size:0.875em;}

#header_user_panel {float:right; background:#303030; padding:10px 10px 10px 20px;color:#646464; height:36px;}
#header_user_panel a {color:#646464;display:inline-block; line-height:36px; margin-right:10px;}
#header_user_panel a:last-child {border:none;}
#header_user_panel a:after {display:inline-block; margin-left:10px; font-size:20px; color:inherit; font-family: 'fontawesome-webfont'; content:"\f2be"; vertical-align:middle;}
#header_user_panel a#header_user_panel_info:after {content:"\f05a";}
#header_user_panel a#header_user_panel_logout:after {content:"\f011";}

#header_user_panel a#header_user_panel_usersettings {border-right:1px solid #646464;padding-right:9px;}
#header_user_panel a#header_user_panel_usersettings:after {content:"\f0c0";}


#header_user_panel a#header_user_panel_info {border-right:1px solid #646464; border-left:1px solid #646464; padding-right:9px;}

.no-touchevents #header_user_panel a:hover {color:#919191 !important;}

/* Stage -------------------------------------------------------------- */

#stage {padding:10px; box-sizing:border-box;}
.stage_section {overflow:hidden; height:100%; float:left; box-sizing:border-box;}

.stage_head {background:#fff; box-sizing:border-box; padding:8px;margin-bottom:10px; overflow:hidden; min-height:42px;}
.stage_head span {display:inline-block; color:#898989; font-size:0.9em; line-height:25px;}

.with_panel span {display:inline-block;}
.stage_head_panel {display:inline-block; float:right; overflow:hidden; width:75%;}

.stage_content {background:#fff; box-sizing:border-box; overflow:hidden;}

#panel {width:13%; min-width:200px; max-width:300px; margin-right:1%;}

.stage-right {box-sizing:border-box; overflow:hidden;}
#label {width:15%; margin-right:1%; max-width:300px; display:none;}
#overview {width:42%; margin-right:1%;}
#mailcontent {width:57%;}

.labelVisible #overview {width:34%;}
.labelVisible #mailcontent {width:49%;}

.clearFix:before, .clearFix:after {content:"";display:table;}
.clearFix:after {clear:both;}
.clearFix {zoom:1;}

.showThis {
display:block !important;
opacity:1;
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow:hidden;
}

.hideThis {
display:none;
opacity:0;
-webkit-transition: all 0.3s;
transition: all 0.3s;
overflow:hidden;
}
.tooltip {position:absolute; background:rgba(244,240,176,0.69); color:#000; font-size:10px; padding:4px; z-index:100; border:1px solid #aea62e;}

/* Panel + Suche -------------------------------------------------------------- */

#panel {padding:15px; background:#303030;}
#panel_mobile {text-align:center;}
#panel_mobile a {display:inline-block;color:#b6b6b6; font-size:1.4em; line-height:2em;}
#panel_mobile a:before {display:inline-block; margin-right:8px; font-size:1.2em; font-family: 'fontawesome-webfont'; content:"\f0c9";color:inherit;line-height:1em;}
#panel_mobile a.active {margin-bottom:10px;}

.mobile_search_close {display:none; text-align:center; float:right; width:18%;}
.mobile_search_close a {display:block; color:#b6b6b6; font-size:20px; border:1px solid #565656; padding:4px 0;}
.mobile_search_close a:before {font-family: 'fontawesome-webfont'; content:"\f057"; color:inherit; font-size:inherit;}

.search_load {border:1px solid #565656; box-sizing:border-box;margin-bottom:15px;}
.search_load a {color:#b6b6b6; font-size:0.75em; display:block;padding:4px 12px;}
.search_load a:before {display:inline-block; margin-right:8px; font-size:inherit; font-family: 'fontawesome-webfont'; content:"\f07c";color:inherit;line-height:1em;}
.no-touchevents .search_load a:hover {background:#4e4e4e;}
.panel_buttons {margin-bottom:15px; overflow:hidden;}

hr.ex_search_hr {margin:20px 0 10px 0; border:none; height:1px; background:#565656; width:100%; display:block;}

#stat {margin-top:45px;}
p#mails_in_archive {display:block; color:#646464; font-size:0.875em; line-height:1em; margin:0;}
#mails_in_archive_value {display:inline-block; color:#646464; font-size:1em; line-height:1em;}
p#mails_in_archive:before {display:inline-block; margin-right:10px; font-size:inherit; font-family: 'fontawesome-webfont'; content:"\f0e0";color:#646464;line-height:1em;}

.input_checkbox_wrapper {overflow:hidden;}

.search_min_button_holder {margin-bottom:20px; overflow:hidden;}
a.search_min_button {color:#b6b6b6; display:inline-block; border:1px solid #b6b6b6; padding:3px 0; width:18%; box-sizing:border-box;margin:0 1%; float:left; text-align:center;}
.no-touchevents a.search_min_button:hover {background:#b6b6b6; color:#303030;}

#input_attachment_wrapper {display: none;}

/* Label  -------------------------------------------------------------- */

.label {background:#e7e7e7; margin:5px; overflow:hidden; box-sizing:border-box;}

#label_head_close {color:#b6b6b6; font-size:inherit;width:14%; box-sizing:border-box; text-align:center;padding:4px 0; cursor:pointer; line-height:1em !important; float:right;}
#label_head_close:after {display:inline-block; font-size:inherit; font-family: 'fontawesome-webfont'; content:"\f00d";color:inherit;line-height:1em;}
.no-touchevents #label_head_close:hover {color:#2e2e2e !important;}

.no-touchevents .label:hover {background:#f2f2f2;}
.no-touchevents .label:hover > a {color:#2e2e2e;}
.no-touchevents .label a:hover:before {content:"\f002";color:#2e2e2e;}
.no-touchevents .label_active:hover .label_delete {border-left:1px solid #dadada;color:#b6b6b6;}
.no-touchevents .label_active:hover > a:before {color:#2e2e2e;}

.label a {color:#2e2e2e; display:inline-block; padding:6px 8px; font-size:0.875em; line-height:1.3em; width:85%; box-sizing:border-box;}
.label a:before {display:inline-block; margin-right:6px; font-size:inherit; font-family: 'fontawesome-webfont'; content:"\f0da";color:#2e2e2e;line-height:1em;}

.label_active a, .label_active a:before {color:#fff;}
.label_active {background:#ca0000;}
.label_active .label_delete {border-left:1px solid #d92727;color:#de4646;}

.label_delete {display:inline-block;color:#b6b6b6; font-size:inherit; line-height:1em;width:15%; box-sizing:border-box; text-align:center;padding:6px 0; border-left:1px solid #dadada;cursor:pointer;}
.label_delete:after {display:inline-block; font-size:inherit; font-family: 'fontawesome-webfont'; content:"\f00d";color:inherit;line-height:1em;}
.no-touchevents .label_delete:hover {color:#2e2e2e !important;}

/* Nachrichten Liste ----------------------------------------------------------*/

span.stage_head_overview_title i {background:#c0c0c0; color:#fff; display:inline-block; padding:2px 5px; font-size:inherit; border-radius:8px; margin-left:3px;font-style:normal; line-height:1.3em;}

#mail_overview_sort {display:inline-block; float:right; margin-right:2%;}
#mail_overview_page {display:inline-block; overflow:hidden;float:right; margin-right:2%;}
#mail_overview_page span {line-height:1em;}
#mail_overview_amount {display:inline-block; float:right;}

#mail_overview_page a {display:inline-block;color:transparent; font-size:0; line-height:1em; vertical-align:middle; border:1px solid #bebebe; text-align:center;height:25px; width:22px;box-sizing:border-box;}
#mail_overview_page a:before {display:inline-block; font-size:12px; font-family: 'fontawesome-webfont'; color:#bebebe;line-height:25px;margin:0 4px;}
a#mail_overview_pagebtn_first:before {content:"\f048";}
a#mail_overview_pagebtn_back:before {content:"\f0d9"; font-size:16px;}
a#mail_overview_pagebtn_next:before {content:"\f0da"; font-size:16px;}
a#mail_overview_pagebtn_last:before {content:"\f051";}

#overview_content {overflow:hidden;}
.scroll-panel1 {overflow-y:scroll;}
.scroll-panel2 {overflow-y:scroll;}

.min_mail {
	box-sizing:border-box;
	width:100%;
	border:2px solid #fff;
	border-bottom:2px solid #f2f2f2;
	overflow:hidden;
}
.min_mail a {display:block; padding:10px; overflow:hidden;}
.no-touchevents .min_mail:hover {background:#f2f2f2;border-color:#f2f2f2;}
.min_mail.active, .no-touchevents .min_mail.active:hover {background:#f2cbcc; border:2px solid #ca8f8b;}

.min_mail_text {
	float:left;
	width:80%;
}
.min_mail_date {
	float:right;
	width:20%;
	text-align:right;
}
.min_mail_text_top {margin-bottom:4px;}

.min_mail_text span {display:inline-block; font-size:1em; line-height:1em; color:#898989;}
.min_mail_text_from, .min_mail_text_to, .min_mail_text_subject_label {font-size:0.75em !important;min-width:3em;}

.min_mail_text_to:before {content:"";display:block;}

.min_mail_text_attachment {margin-top:4px;}
.min_mail_text_attachment:before {display:inline-block; font-size:18px; font-family: 'fontawesome-webfont';content:"\f0c6"; margin-left:10px;}

.min_mail_text_from_mail, .min_mail_text_to_mail {background:#f2f2f2; color:#757575; border-radius:5px;padding:2px 6px; max-width:83%;}
.min_mail_text_subject {color:#2e2e2e !important;line-height:1.2em !important; max-width:83%;}

.min_mail.active .min_mail_text span {color:#a55055 !important;}
.min_mail.active .min_mail_text_from_mail, .min_mail.active .min_mail_text_to_mail {background:#fff;}

.min_mail_date span {display:block; font-size:1em; line-height:1.3em; color:#898989;}
.min_mail.active .min_mail_date span {color:#a55055;}
.min_mail_date_entry {}
.min_mail_date_clock {}

/* Nachrichten Inhalt  ----------------------------------------------------------*/

#mailcontent_content {padding:30px;}
#mailcontent_content_inner {}

#mailcontent_header {overflow:hidden; border-bottom:2px solid #f2f2f2; padding-bottom:12px;}

#mailcontent_header_top {overflow:hidden;}
#mailcontent_header_left {float:left; width:75%; padding-bottom:6px;}
#mailcontent_header_right {position:absolute; text-align:right; right:0; top:0;}

#mailcontent_header_bottom {}
#mail_content_head_panel {display:inline-block; float:right;}
.mail_content_head span {display:inline-block;}

a.mail_content_button {display:inline-block; color:#fff; background:#ca0000; padding:6px 8px; line-height:1em; font-size:0.875em;}
.no-touchevents a.mail_content_button:hover {background:#e40000;}

a.mail_content_button:before {display:inline-block; font-size:14px; font-family: 'fontawesome-webfont'; margin-right:8px; color:inherit;}
a#bt_wl:before {content:"\f178";}
a#bt_download:before {content:"\f019";}
a#bt_original:before {content:"\f1c9";}
a#bt_print:before {content:"\f02f";}
a#bt_close:before {content:"\f057";}
a#bt_permalink:before {content:"\f1e0";}

a#bt_close {display:none;background:#2e2e2e; border:none;}

#EMail_Subject {display:inline-block;font-size:0.95em; line-height:1.2em; color:#000; font-weight:bold;}
#EMail_Verified {display:block; cursor:default; color: #E52D2D;font-size: 0.875em; margin-top:4px; line-height:30px; border: 1px solid #E52D2D; padding:0 8px;}
#EMail_Verified:after {display:inline-block; font-size:22px; font-family: 'fontawesome-webfont'; margin-left:4px; content:"\f071"; color:#E52D2D; vertical-align: middle; width:23px;}
#EMail_Verified.verified_ok {color:#898989;border-color:#ccc;}
#EMail_Verified.verified_ok:after {content:"\f058"; color:#62CF15;}

.mailcontent_header_email_label {display:inline-block; font-size:0.75em; line-height:1em; color:#898989; margin:5px 6px 0 0; min-width:48px;vertical-align: top;}
.mailcontent_header_email {display:inline-block; background:#f2f2f2; color:#757575; border-radius:8px;padding:3px 6px; font-size:0.95em; line-height:1em; color:#000;margin-bottom:6px;max-width:80%;}
.mailcontent_header_date {color: #898989;display: inline-block;font-size: 0.875em;line-height: 1em;}
.email_cc_line {display:inline-block;display:none;}

#mailcontent_attachments.hasAttachments {padding:12px 0; border-bottom:2px solid #f2f2f2;}

#mailcontent_body {margin-top:20px;}
#EMail_Body {font-size:0.875em; color:#000; line-height:1.3em;}

#EMail_Attachments a {display:inline-block; font-size:0.875em; line-height:1.3em; color:#898989;  border-radius:8px;padding:3px 6px; background:#f2f2f2;margin-right:8px;}
#EMail_Attachments a:before {display:inline-block; font-size:14px; font-family: 'fontawesome-webfont'; margin-right:6px; color:inherit; content:"\f016";}
.no-touchevents #EMail_Attachments a:hover {background:#e40000; color:#fff;}

#EMail_Attachments a.attachment_applicationmsword:before {content:"\f1c2";}
#EMail_Attachments a.attachment_applicationmsexcel:before {content:"\f1c3";}
#EMail_Attachments a.attachment_applicationpdf:before {content:"\f1c1";}
#EMail_Attachments a.attachment_applicationvnd_oasis_opendocument_text:before {content:"\f0f6";}

/* Nachrichten Inahlt HTML E-Mail  ------------------------------------------*/

#htmlContent {position: relative; overflow: hidden; width:100%; height:100%;}



/* Quick Actions  ----------------------------------------------------------*/

.quickAction {position:absolute; background:#f2f2f2; color:#898989; font-size:0.875em; line-height:1.3em; padding:10px;}
.quickAction a {display:block; color:inherit; font-size:inherit;}


/* Scroll Panels  ----------------------------------------------------------*/

    .sp-scrollbar {
        width: 10px;
        margin: 4px;
        background-color: #ccc;
        cursor: pointer;
	}
        .sp-thumb {
            background-color: #aaa;
        }

    .sp-scrollbar.active .sp-thumb {
            background-color: #999;
    }
	
/* Modal Fenster  ----------------------------------------------------------*/

.modal {display:none;}
.ui-widget-header {background:#ca0000 !important; border:none !important;}
.ui-dialog {padding:0 !important; -webkit-box-shadow: 0px 0px 39px -17px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 39px -17px rgba(0,0,0,0.75);
box-shadow: 0px 0px 39px -17px rgba(0,0,0,0.75);}
.ui-dialog .ui-dialog-content {font-size:0.875em;}
.ui-corner-all {border-radius:0 !important;}
.ui-widget-content {border:none !important;}
.ui-dialog-buttonpane {text-align:center !important;padding:0.3em !important;}
.ui-dialog-buttonset {display:inline-block; float:none !important;}
.ui-dialog .ui-dialog-buttonpane button {margin:0.4em !important;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {border:none !important;}
.ui-widget-overlay {background: #fff !important;opacity: 0.5 !important; z-index:100 !important;}
.ui-datepicker .ui-datepicker-title select {font-size: 0.875em !important;}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {top: 5px !important;}
.ui-dialog .ui-dialog-title {color:#fff !important;}

input#wl_mailto, input#suchanfrage {border:1px solid #ccc; padding:4px; width:100%; box-sizing:border-box;margin:10px 0;}

#dialog_original textarea {width:100%; height:100%; font-size:1em;}
#dialog_permalink input {width:100%; font-size:1em; color:#000; padding:6px; border:1px solid #ccc; box-sizing:border-box; margin-top:10px;}
a.modal_button {display:inline-block; color:#fff !important; background:#ca0000; padding:8px 10px; line-height:1em; font-size:1em; text-align:center; margin-top:20px;}
.no-touchevents a.modal_button:hover {background:#e40000;}
a.modal_button:before {display:inline-block; font-size:1em; font-family: 'fontawesome-webfont'; margin-right:6px; color:inherit; content:"\f0ea";}


/* Permalink für Extern */
body.extern-permalink #mailcontent {margin:0 auto; width:1000px;}
body.extern-permalink .stage_section {float:none;}



@media screen and (max-width: 1500px) {
#overview_title, #mailcontent .stage_head_overview_title {display:none;}
.stage_head_panel {width: 85%;}
	
body.extern-permalink #mailcontent .stage_head_overview_title {display:inline-block;}	
}

@media screen and (max-width: 1450px) {
.mailcontent_header_email {max-width: 70%;}
}

@media screen and (max-width: 1350px) {
#label {width:24%;}
#overview {width: 100%; margin-right:0;}
#mailcontent {width: 100%; float:none; clear:both;padding-top:15px;}
body.extern-permalink #mailcontent {padding-top:0; width: 100% !important;}
.labelVisible #overview {width: 75%;}
.labelVisible #mailcontent {width:100%;}

.scroll-panel1 {max-height:300px;}
#overview_title, #mailcontent .stage_head_overview_title {display:inline-block;}
.stage_head_panel {width: 70%;}
.min_mail a {padding:2px 6px;}
}


@media screen and (max-width: 975px) {
#header_container {float: right; padding:17px 25px 0 25px; margin:0; border-top: 1px solid #e7e7e7;}
#header_nav ul li a {padding:0 1em;}
#header_nav {margin-left:4%;}
#header_logo {float:none;}
#header_nav {float: none;height: 56px; margin:0; border-top:1px solid #e7e7e7;}
#header_user_panel {float: none; position:absolute; top:0; right:0; background:none;}
#header_user_panel a {color:transparent; font-size:0;}
#header_user_panel a:after {color:#d1d1d1;}
.no-touchevents #header_user_panel a:hover:after {color:#898989;}
#header_user_panel a#header_user_panel_info {margin-right:0; border-color:#d1d1d1;}
}

@media screen and (max-width: 850px) {
#wrapper {min-width:850px;}
body.extern-permalink #wrapper {min-width:0;}
#overview_title, #mailcontent .stage_head_overview_title {display:none;}

}
@media screen and (max-width: 600px) {	
#EMail_Verified {font-size:0; color:transparent;margin:6px 0 0 0; display:inline-block; float:right;}
#EMail_Verified:after {margin:0;width:auto;}
#header_container {float: none; padding:10px 0; margin:0; height:auto; text-align:center;}
#header_container select {padding:4px 8px;}
.showPanel {display:block !important;}
#wrapper {min-width:300px;}
#panel {width:100%; max-width:600px;display:none;}
.mobile_search_close {display:block;}
.stage-right {position:static;}

.stage-right:before, .stage-right:after {content:"";display:table;}
.stage-right:after {clear:both;}
.stage-right {zoom:1;}

#mailcontent_attachments.hasAttachments {padding:12px 0 6px 0;}

#label {width:100%; max-width:600px; position:absolute; top:15px; left:0; z-index:100; min-height:80%; background:#303030; padding:0 10px; margin:0;}
#overview {width:100%; border-top:1px solid #e7e7e7;}
.stage_head_panel {width: 85%;}
.labelVisible #overview {width: 100%;}
.stage_section {height:auto; float:none;}

.stage_head {margin-bottom: 0;min-height: 20px; border-bottom:1px solid #e7e7e7;}
body.extern-permalink .stage_head {margin-bottom: 10px;}
	
#mailcontent_content {padding:0 8px 8px 8px;}

#panel form {clear:both;}

.search_load {float:left; width:80%;}
.search_load a { text-align:center; }
.scroll-panel1, .scroll-panel2 {max-height: none; overflow-y: none;}

#header_nav {height:auto;}
#header_nav ul li {width:33.33%; text-align:center;}
#header_nav ul li a {font-size:0; color:transparent; display:block; width:100%; line-height:56px;}
#header_nav ul li a:before {font-size:20px; color:#898989;margin:0;vertical-align: middle;}	
#header_nav ul li a {border-right:1px solid #e7e7e7;}
#stage {padding:0;}
body.extern-permalink #stage {padding:10px;}
#stat {display:none;}

.min_mail.active {
    background: #fff;
    border: 2px solid #f2f2f2;
}
.min_mail.active .min_mail_text span {color:#898989 !important;}
.min_mail.active span.min_mail_text_subject {color:#2e2e2e !important;}
.min_mail.active .min_mail_date span {color: #898989;}

.no-touchevents .min_mail.active:hover .min_mail_text span {color:#a55055 !important;}
.no-touchevents .min_mail.active:hover span.min_mail_text_subject {color:#a55055 !important;}
.no-touchevents .min_mail.active:hover .min_mail_date span {color:#a55055 !important;}

#EMail_Attachments a {display: block;padding:8px 12px; margin:0 0 6px 0;}

#mailcontent {
 position:fixed;
 top:0;
 padding:0;
 left:605px;
 z-index:30;
 border:1px solid #d1d1d1;
 -webkit-transition: all 0.6s;
  transition: all 0.6s;
-webkit-box-shadow: 0px 9px 22px -18px rgba(0,0,0,1);
box-shadow: 0px 9px 22px -18px rgba(0,0,0,1);
}
	
body.extern-permalink #mailcontent {position: relative;top:auto; left: auto; border:none;}
	
#mailcontent.mobileActive {left:0;}
#mailcontent.mobileActive #mailcontent_content_inner {overflow-y:scroll; height:auto;}

body.mobileEmailView #overlay {display:block;}
body.mobileEmailView {overflow: hidden;} 
body.mobileEmailView #wrapper {overflow: hidden; height: 100%;}
    
#mailcontent_header_right {
left:0; right:auto; width:100%; text-align:left;
}
#mail_content_head_panel {
    display:block;
    float: none;
	overflow:hidden;
}
a#bt_close {display:inline-block;}
a.mail_content_button {
	width:16.66%;
	float:left;
	border-right:1px solid #dd6060;
	font-size:0;
	box-sizing:border-box;
	padding:0;
	height:50px;
	text-align:center;
	color:transparent;
	line-height:50px;
}
	
body.extern-permalink a.mail_content_button {width:20%;}

a.mail_content_button:before {color:#fff; font-size:20px; margin:0;}
a#bt_close:before {font-size:28px;}

#mailcontent_header_left {
    float: none;
    width: 100%;
	margin-top: 40px;
	text-align: left;
}
}
@media screen and (max-width: 380px) {
.stage_head_panel {width: 85%;}
#mail_overview_page {display: block;margin-right:0;clear: both;padding-top:4px;}
.min_mail_text {float: none;width:100%;margin-top:26px;}
.min_mail_date {
    float:none;
    width: 100%;
	position:absolute;
	top:3px;
	right:6px;
}
.min_mail_text_attachment {position:absolute; left:6px; top:0;margin:0;}
.min_mail_text_attachment:before {font-size: 14px;margin-left:4px;}
.min_mail_date span {display:inline-block;}
}