/* anek-latin-regular - latin */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Anek Latin';
    font-style: normal;
    font-weight: 400;
    src: url('/css/fonts/anek/anek-latin-v4-latin-regular.eot'); /* IE9 Compat Modes */
    src: url('/css/fonts/anek/anek-latin-v4-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/css/fonts/anek/anek-latin-v4-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('/css/fonts/anek/anek-latin-v4-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('/css/fonts/anek/anek-latin-v4-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('/css/fonts/anek/anek-latin-v4-latin-regular.svg#AnekLatin') format('svg'); /* Legacy iOS */
  }
  


body
    {margin:0px; padding:0px; background: #d6e2d5;color:#404040;width:100%;height:100%;position:absolute;}  
#Nav
    {background:#fffbcb;margin:0px;padding:0px;position: absolute; top: 0; bottom: 0;width:220px;}

    
#Content
    {background:#fff;margin:0px;padding:0px;position: absolute; bottom: 0px; left: 220px;  right: 0px; top:0px; border:0px; }


#Content div {margin:0px;padding:0px;position: absolute; border:0px;left:0px; right:0px;height:100%;overflow:hidden;}
#Content div iframe {width:100%; height:100%;border:0px;background:#fff;}

h1 {font-family: 'Anek Latin' !important;font-weight:normal !important;}

#NavLogo,
#NavLogoSmall {position:absolute;top:5px;cursor:pointer;z-index:20;}
#NavLogoSmall {left:5px;}
#NavLogo {left:10px;}

#Nav-LBLUser {margin-top:70px;}
#Nav-LBLUser img {border-radius:12px;margin-right:8px;margin-top:-10px;position:relative;top:7px;}

#Login {width:340px;height:400px;left:-200px;margin-top:110px;}
#Register {width:800px;height:560px;left:-400px;margin-top:90px;}

.pagepannel {background:#fff;position:relative;margin-left:50%;box-shadow: 2px 2px #6ab546;padding-left:30px;padding-right:30px;}
.pagepannel img {margin-top:40px;margin-left:-5px;}
.pagepannel h1  {margin-top:25px;margin-bottom:10px;font-size:30px;}
.pagepannel input {margin-left:0px;margin-top:10px;font-size:20px;width:330px;}
.pagepannel .fld_med {margin-left:0px;margin-top:10px;font-size:16px;width:330px;}
.pagepannel a {margin-top:20px;display:block;font-family: 'Anek Latin';}
.pagepannel button {margin-top:20px;float:right;}
.pagepannel .little {margin:0px;padding:0px;font-size:14px;font-family: 'Anek Latin';position:relative;top:8px;}

.fld_radio {width:20px !important;}
.radio_label {font-family: 'Anek Latin';font-size:16px;margin-right:25px;margin-left:0px;cursor:pointer;}

#PasswordForm,
#LoginForm {position:absolute;width:340px;}

.NavContainer {float:left;width:420px;position:relative;}
.NavContainer:hover .NavSubnav {display:block;}
.NavSubnav {position:absolute;display:none;right:0px;margin-top:-26px;margin-right:-14px;background:#d5ddaa;width:215px;z-index:10;}
.NavSubnav ul {list-style-type: none;padding:0px;margin:0px;font-size: 14px;}
.NavSubnav ul li {height:22px;padding:8px;font-size: 16px;}
.NavSubnav ul li:hover {background:#a9b17d;}

.NavElement {height:22px;margin-top:4px;padding:8px;font-family: 'Anek Latin';cursor:pointer;float:left;width:100%;font-size: 14px;}
.NavElement:hover {width:100%;background:#d5ddaa;}

.NavElement span {font-size: 16px;}
.NavElement .fa {font-size:20px;margin-right:13px;}


#Nav .Line {width:100%;background:#000;height:1px;float:left;margin:20px 0;}

button ,
.btn    
    {background: #6ab546;}
button:hover ,    
.btn:hover
    {background: #df701a;}

#state {height:100%;float:right;margin-top:10px;padding-top:4px;margin-right:15px;}    
#state p {font: 15px 'Anek Latin', Helvetica, Arial, sans-serif;margin-right:15px;margin-top:7px;float:right;}
#state .btn {margin-top:1px;}




.curton_close {position:absolute;right:5px;top:5px;background:#fff;color:#222;padding:5px;}
.curton_close:hover {color:#555;background:#fff;}
#FormContainer h2 {font: 25px 'Anek Latin', Helvetica, Arial, sans-serif; text-align:center;}
#FormContainer table {width:70%; margin: 0 15%;}


.EML_Table {width:100% !important;margin:0px !important;}

#MailContentIFrame {width:100%;}
#MailAttachments {width:100%;float:left;height:78px;padding:4px 4px 0 4px;border:solid #e5e5e5 2px; border-width:2px 0 0 0;}
#MailAttachments .attachments,
#SearchExistingProtokollFiles_lbl_Resultarea .fileselect {width:70px;height:70px;float:left;border:solid #a5a5a5 2px;margin-right:5px;position:relative;cursor:pointer;}

#MailAttachments .attachments img,
#SearchExistingProtokollFiles_lbl_Resultarea .fileselect img {position:absolute;}
#MailAttachments .attachments .bin_overlay,
#SearchExistingProtokollFiles_lbl_Resultarea .fileselect .bin_overlay {display:none;white-space: nowrap;}
#MailAttachments .attachments:hover .bin_overlay,
#SearchExistingProtokollFiles_lbl_Resultarea .fileselect:hover .bin_overlay {font-size:13px;line-height:16px;display:block;background:#d8d8d8;border:solid #b6b6b6 2px;position:absolute;margin:45px 25px;z-index:100;padding:4px 6px;}

#SearchExistingProtokollFiles_lbl_Resultarea .fileselect {margin: 5px;}

.curtontext {width:100%;font: 15px 'Anek Latin', Helvetica, Arial, sans-serif;margin-top:0px;text-align:center;width:100%;}

#BirthdayFormcreateTicket { width:100%;float:left;border:solid #b3b3b3 1px;margin-top:18px;padding-top:5px;border-width:1px 0 0 0;
                            font: 15px 'Anek Latin', Helvetica, Arial, sans-serif;text-align:right;}

#BirthdayFormcreateTicket label {margin-right:10px;}


#NL_Preloader
    {
    width:80%;
    margin:15px 10% 0 10%;
    border:solid #222 1px;
    height:21px;
    text-align:center;
    padding-top:1px;
    font: 15px 'Anek Latin', Helvetica, Arial, sans-serif;
    position:relative;
    }
#NL_Preloader_Percent 
    {
    position:absolute;
    top:0px;
    left:0px;
    background:#e6e6e6;
    width:30%;
    height:21px;
    }
#NL_Preloader_Percent_Text
    {
    font: 15px 'Anek Latin', Helvetica, Arial, sans-serif;
    text-align:center;    
    }
#NL_Status
    {
    width:80%;    
    margin:10px 10% 0 10%;    
    font: 15px 'Anek Latin', Helvetica, Arial, sans-serif;
    text-align: center;    
    }


#NL_Protokoll
    {
    width:80%;
    margin:10px 10% 9px 10%;
    border:solid #222 1px;
    height:150px;
    text-align:left;
    padding-top:3px;
    font: 12px 'Anek Latin', Helvetica, Arial, sans-serif;
    overflow-y: auto;
    }

#SearchExistingProtokollFiles
    {
    width:80%;
    margin:10px 10% 9px 10%;
    font: 18px 'Anek Latin', Helvetica, Arial, sans-serif;    
    float:left;    
    }
#SearchExistingProtokollFiles_lbl_Resultarea
    {
    float:left;
    width:98%;
    margin:5px 1% 9px 1%;
    height:325px;
    overflow-y: auto;
    overflow-x: hidden;
    }
#SearchExistingProtokollFiles_Buttons
    {
        float:left;
        width:98%;
        margin:5px 1% 9px 1%;
        text-align:right;
    }

#singlecontentframe 
    {
    border:solid red 0px;
    width:100%;
    height:100%;
    }