﻿body
{
   
    padding:0px;
    margin:0px;
}

body, textarea {
    font-family: "Arial", sans-serif;
    font-family: "Segoe UI", Arial, Helvetica, sans-serif;
    font-size: 14px;
    
    line-height: 1.42857143;
    color: #222;
}


body,
textarea,
input[type="text"],
input[type="submit"],
input[type="password"],
select {
    font-size: 1rem;
}

.hideInner a {
    display:none;
}


div.login,
div.login img {
    border: solid 1px #595959;
    padding: 10px;
    border-radius: 5px;

}

    div.login table {
        width: 75%;
        margin: auto;
    }

    div.login table label.small{
        font-size:small;
        color:#000000a0;
        font-weight:normal;
    }

        div.login table input[type=text],
        div.login table input[type=password] {
            padding:10px;
            width:350px;
        }

.pad4 {
    padding-left: 4px;
}

.impmess {
    border:solid 1px #990000;
    border:none;
    background-color:#fafafa;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:4px;
    margin:0px;
    padding:20px;
    color:#880000;
}

.impmess h1 {
    
    font-weight:100;
    margin:0px;
    padding:0px;    
    
}

    .impmess.int {
        border: solid 1px #000000a0;
        margin: 0px;
        margin-top: 1rem;
        margin-bottom: 1rem;
        padding: 20px;
        color: #000;
        background-color: InfoBackground;
        border-radius: 5px;
    }

    .impmess .h {
        display:block;
        font-weight: 600;
        margin: 0px;
        padding: 0px;
    }

    select.mw160{
        min-width:162px;
    }

input[type=text].mw160 {
    min-width: 150px;
}

input[type=text].maw160 {
    max-width: 150px;
}

.head
{
    height:111px;
    border-bottom:solid 3px #cd1719;
   
}
div.menu a,
div.menu a.sel,
.tab,
.tab_sel
{
    color:#eeeeee;
    text-decoration:none;
    display:block;
    padding:5px;
    padding-left:20px;
    margin-bottom:2px;
    border:none;
    white-space:normal;
}
    div.menu a{
        border-radius:5px;
    }

    div.menu a:HOVER,
    div.menu a.sel,
    div.menu a.sel:HOVER,
    .tab:HOVER,
    .tab,
    .tab_sel,
    .tab_sel:HOVER {
        background-color: #ffffff20;
        color: #ffffff;
        text-decoration: none;
    }

a.tab:hover
{
    border:solid 1px #292929;
    color:#555555;
    text-decoration:none;
}

.tab
{
    color:#999999;
    text-decoration:none;
    border:solid 1px #aaaaaa;
    padding:5px;
    padding-top:7px;
    padding-bottom:3px;
    padding-left:16px;
}

div.menu a.sel,
div.menu a.sel:HOVER
{
    color:white;
    text-decoration:none;
    background-color:#ffffff30;
    border-radius:5px;
}

    div.menu a.sel,
    div.menu a.sel:HOVER {
        background-color: #ffbf0020;
    }

.tab, .tab_sel,
.tab:hover, .tab_sel:hover {
    padding: 6px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 20px;
    border-bottom: none;
    margin-bottom: -16px;
    margin-left: 4px;
    font-size: 0.9rem;
    white-space: nowrap;
}

.inline {
    display:inline;
}

.table {
    display:table;
}


div.tab,
div.tab:HOVER
{
    border:solid 1px #29292950;
    padding:0px;
    min-height:300px;
    background:none;
    background-color:White;
}

.tab_sel, .tab_sel:HOVER {
    font-weight: normal;
    height: 32px;
    padding: 20px;
    padding-top: 10px;
    padding-bottom: 16px;
    border: solid 1px #29292940;
    background-color: #29292920;
    color: #000;
    border-bottom: none;
    font-size: 0.9rem;
    font-weight: 500;

}

a.tab,
a.tab_sel {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

div.menu a span.count {
    color: #ffbf00d0;
    float: right;
    font-weight: 500;
    font-size: small;
    height:22px;
    line-height:22px;
}

.cntred {
    color:#ffbf00d0 !Important;
}

.cntora {
    color:#FFB700 !Important;
}

.txtred {
    color:#aa0000 !Important;
}

.txtora {
    color:#e06e00 !Important;
}

.listlink a,
.listlinkDelete a
{
    background:#cd1719;
    padding:4px;
    text-decoration:none;
    margin:2px;
    display:block;
    background-repeat:repeat-x;
    white-space:nowrap;
    color:#eeeeee !Important;
}

.listlink.folder a {
    background-image: url('/Images/Icons/Folder_24x_1.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 45px;
    padding-right: 20px;
}

.listlink.file a {
    background-image: url('/Images/Icons/Document_24x.png');
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 45px;
    padding-right: 20px;
}

    .listlink a:hover {
        background-color: #077ACC;
    }


.listlinkDelete a {
    color: #bd1919;
    font-weight: bold;
    padding-left: 15px;
    padding-right : 15px;
}

.listlink.delete a {
    padding-left: 15px;
    padding-right: 15px;
}

td.w100{
    width:100%;
}

a.right{
    float:right;
}


.pad a,
.pad{
    margin:0px;
    padding:0px;
    padding-left:4px;
    
    
}

    .pad a,
    .listlink a,
    .listlinkDelete a {
        padding: 5px;
        border-radius: 5px;
        padding-left: 7px;
        padding-right: 7px;
        text-align: left;
        color: #000000;
        display: block;
        white-space: nowrap;
    }

        .listlink.hidden a{
            display:none;
        }

.listlink.auftrag a {
    background-color: #292929;
}



.pad a:HOVER,
.listlink a:HOVER,
.listlinkDelete a:HOVER {
}

    .pad a
    {
        padding: 6px;
        padding-left: 8px;
        padding-right: 56px;
    }

.listlinkDelete a {
    padding:6px;
    padding-left:9px;
    padding-right:9px;
    color:black;
}

input[type="submit"],
a.button {
    background: #CD1719;
    border: solid 1px #CD1719;
    background: #292929;
    border: solid 1px #292929;
    color: #eeeeee;
    padding: 0px;
    padding-left: 10px;
    padding-right: 10px;
    height: 40px;
    line-height: 40px;
    min-width:100px;
    width:fit-content!important;
    cursor: pointer;
    border-radius: 3px;
    outline:none;
}

a.button {
    height: 38px;
    line-height: 38px;
}

input[type="submit"]:hover,
a.button:hover {
 background:#EBEBEB;
 border:solid 1px #555555;
 color:#000000;
}



    a.button {
        display:block;
        text-decoration:none;
        text-align:center;
    }

    
    a.left {
    text-align:left;
}
    
.watermark {
	background: #FFAAFF;
}
span.big
{
    font-size:18px;
}
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}


span.property
{
    color:Red;
    font-size:20px;
}
.gridviewheader,
div.user
{
  
    color:#333333;
}
.gridviewheader
{
    1background-color:#dfe9f5;
  
}
div.content
{
    padding:15px;
 
}

div.user
{
    
    padding-left:8px;
    padding:4px;
    
}
div.user table td
{
     white-space:nowrap;
    
}

    div.user table td span {
        font-size:smaller;
    }

        div.user table td span.user {
            text-transform: uppercase;
            font-weight: 500;
            font-size: initial;
        }

        div.user table td a.logout {
            font-weight: 500;
            font-size: smaller;
            color:#aa0000;
        }

.gridviewheader td
{
    white-space:nowrap;
}

.gridviewheader th
{
    background:#292929;
}

th a,
.gridviewheader a,
div.user a
{
    color:#333333;
    text-decoration:underline;
    
}
th a:HOVER,
.gridviewheader a:HOVER,
div.user a:HOVER
{
    color:#000000;
    text-decoration:none;
    
}
div.menu
{
   
   padding:8px;
   padding-right:12px;
   width:240px;
   
}
td.menu
{
   1border-right:solid 3px #cd1719;
   background-color:#292929;
}

td.right
{
   border-left:solid 1px #d4d9e1;
   background-color:white;
   
}
td.right img
{
    margin:4px;
}
div.hdiv
{
   border-top:solid 1px #d4d9e1;
   padding:7px;
   
}

div.hdiv_b {
    border-bottom: solid 1px #d4d9e1;
    padding: 0px;
    padding-left: 10px;
    width: 100%;
}

    div.hdiv_b.head {
        background-color: #292929E0;
        height: 50px;
        line-height: 50px;
    }

        div.hdiv_b.head span.Header {
            color: #fff;
            font-weight: 700;
            padding:0px;
        }

input[type=text].suche
{
    background-image:url(../Images/suche1.gif);
    background-position:right center;
    background-repeat:no-repeat;
    
    padding-right:12px;
    width:200px;
    height:auto;
    line-height:normal;
}
input[type=image]
{
   
    padding:4px;
    padding-right:12px;
   
}

/* ---------------------------------------------------------------------------------------------- */


div.menu span.Header,
span.Header
{
    
    padding-top:4px;
    padding-bottom:4px;
    
    font-weight:normal;
    color:#ffbf00;
    display:block;

}




div.sub_menu
{
    margin-bottom:15px;
}

div.sub_menu span.Header
{
    padding-left:20px;
}

div.sub_menu:HOVER span.Header
{
   
    1background-image:url(../Images/mnup.gif);
    
}

textarea,
input[type="text"],
input[type="password"],
select
{
    padding:10px;
    border:solid 1px #abadb380;
    border-radius:3px;
}

input[type="text"],
input[type="password"],
select {
    min-width:122px;
}

    input[type="text"].mw122 {
        min-width: 110px;
        max-width: 110px;
    }

    input[type="text"].hasDatepicker {
        min-width: 110px;
        max-width: 110px;
    }

    .hmenu {
        height: 32px;
        line-height: 32px;
        vertical-align: middle;
        
        background-color: #292929E0;
        height: 50px;
        line-height: 50px;
        padding-left: 10px;
        color: #fff;
    }

div.tab .hmenu {
    background-color: #29292920;
    color: #000;
}

div.tab .hmenu
{
    padding:0px;
    padding-left:16px;
}

.hmenu a {
    padding-left: 24px;
    padding-left: 12px;
    padding-right: 12px;
    margin: 2px;
    text-decoration: none;
    color: #555555;
    color: #eee;
}
    .hmenu a:hover,
    .hmenu a.print:Hover,
    .hmenu a.excel:Hover {
        color: #555555;
        color: #fff;
        text-decoration: none;
    }

div.tab .hmenu a {
    color: #555;
}

    div.tab .hmenu a:hover,
    div.tab .hmenu a.print:Hover,
    div.tab .hmenu a.excel:Hover {
        color: #000;
    }

.hmenu a.print
{
    padding-left:24px;
    background-image:url(../Images/printer_db.gif);
    background-repeat:no-repeat;
    background-position:3px center;
    
}
.hmenu a.excel
{
    padding-left:24px;
    background-image:url(../Images/excel.gif);
    background-repeat:no-repeat;
    background-position:3px center;
    
}
.hmenu a.print:Hover,
.hmenu a.excel:Hover
{
    padding-left:24px;
}




input.small
{
    display:block;
    border:solid 1px #DCDCDC;
    width:160px;
    text-align:left;
    padding-left:8px;
    height:30px;
    line-height:30px;
    font-size:13px;
    color:#0000cc;
    background-image:url(../Images/buttonbacka160.jpg);
    margin-bottom:2px;
    cursor:pointer;
}
div.menu .Linkbutton:HOVER
{
    border:solid 1px #CBCBCB;
    color:#000044;
    text-decoration:none;
    background-image:url(../Images/buttonback160.jpg);
}
div.menu div.app
{
    margin-bottom:8px;
}
div.menu div.app .Linkbutton,
div.menu div.app .Linkbutton:HOVER
{
    border:none;
    background:none;
    padding-left:12px;
    margin-bottom:0px;
    text-decoration:none;
    
    
}
div.menu div.app .Linkbutton:HOVER
{
    
    color:#000044;
    background:none;
}





div.menu .menu
{
    display:block;
    border:none;
    text-align:left;
    padding-left:8px;
    font-size:13px;
    color:#444444;
    margin-top:12px;
    margin-bottom:4px;
    
}

.small_bt
{
    border:solid 1px #DCDCDC;
    padding:4px;
    height:20px;
    line-height:20px;
    font-size:12px;
    font-weight:bold;
    color:#0000aa;
    margin:0px;
    cursor:pointer;
    background-image:url(../Images/buttonback160.jpg);
}
div.app
{
    border:solid 1px #DCDCDC;
    background-image:url(../Images/panelback.jpg);
    background-repeat:repeat-x;
    padding:12px;
}
div.menu div.app
{
    padding:0px;
    padding-bottom:8px;
    background:none;
    background-color:#F8F8F8;
}
div span.Header,
.sub
{
    1color:#267cb8;
    color:#555555;
    text-transform:uppercase;
}






div span.Header
{
    display:block;
}

span.HeaderExtern0,
span.HeaderExtern1
{
    font-size:x-large;
    color: #d8e2f4;
    display:block;
    margin-bottom:12px;
}
span.HeaderExtern1
{
    
}

div span.subHeader,
td.subHeader
{
    font-size:large;
    color:#0A4090;
}
div span.subHeader
{
    display:block;
    margin-top:8px;
    margin-bottom:4px;
}






div.menu div.app span.Header
{
    
    padding:12px;
    padding-bottom:4px;
}
span.internals
{
    padding-left:4px;
    color:Gray;
    font-size:smaller;
}

.GridViewListe td.nw
{
    white-space:nowrap;
     overflow:hidden;
}
input.excel_no
{

    background-image:url(../Images/excel.gif);
    background-repeat:no-repeat;
    padding-left:18px;

}
.printLink a,.excelLink a
{
    background-image:url(../Images/print.gif);
    background-repeat:no-repeat;
    background-position:0px 0px;
    width:18px;
    height:18px;
    display:block;
    
}
.excelLink a
{
    background-image:url(../Images/excel.gif);
    
    
}




div.pager
{
    display:block;
    float:none;
    white-space:nowrap;
}
.pager a,
.pager .sel,
input[type=image]
{
    
     background-image:url(../Images/vmnubutton_sel.jpg);
    background-repeat:no-repeat;
     -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -khtml-border-radius:4px;
    border-radius:4px;
    border:solid 1px #b9d7fc;
    padding:4px;
    text-decoration:none;
    color:#000000;
    margin:2px;
    display:block;
    width:20px;
     text-align:center;
     float:left;
    background-repeat:repeat-x;
}
.pager .sel
{
     background-image:url(../Images/vmnubutton.jpg);
     border:solid 1px #d8d9d9;
    
}
.pager span.sel
{
     width:auto;
    
}

.gridview
{
    border:solid 1px #dadada;
    border:none;
}
.gridview th
{
    background:#292929;
    white-space:nowrap;
    text-align:left;
    height:16px;
    line-height:16px;
    vertical-align:middle;
    color:white;
}

.gridview th a
{
    color:white;
    vertical-align:middle;
    font-weight:normal;
}

.gridview .row
{
    background-color: #FFFEFC;
}

.gridview .arow
{
    background-color: #F9F8F5;
}

.gridview td
{
    text-align:left;
}

    .gridview tr:hover td {
        background-color: #29292910;
    }

.pager
{
    font-size:14px;
    
}
.warnung
{
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    -khtml-border-radius:0px;
    border-radius:0px;
    border:solid 1px #777777;
    border:none;
    background-color:InfoBackground;
    color:InfoText;
    padding:8px;
    display:block;
    margin-top:0px;
    margin-bottom:0px;
}



span.kunde {
    display:block;
    margin-top:4px;
    color:#555555;
}

.gridview th {
    white-space: nowrap;
    text-align: left;
    height: 32px;
    vertical-align: middle;
    font-size: small;
    font-weight: 500;
    height: 25px;
    color: #ffffff;
}
.nowrap {
    white-space:nowrap;
}

.mw600 {
    min-width:600px;
}

.mw75p {
    width:100%;
    min-width:600px;
}

td.tright {
text-align:right;
}

div.ne, div.ne:Hover{
    min-height:10px!important;
    margin-bottom:20px;
    background-color:InfoBackground;
    padding:10px;
}

a.padl20{
    margin-left:20px;
}

span.Header.high,
td.Header.high {
    font-size: 2rem;
}

    span.Header.high.b,
    td.Header.high.b {
        font-weight: 700;
    }

.mt-1{
    margin-top:1rem;
}

.mb-1 {
    margin-bottom: 1rem;
}

.pt-1 {
    padding-top: 1rem;
}

.pb-1 {
    padding-bottom : 1rem;
}



table.ssel {
    border: solid 1px #abadb3;
    border-radius: 3px;
    margin-top: 5px;
    margin-bottom: 5px;
}

table.ssel tr.hline{

}
    table.ssel tr td {
        padding-right:15px;

    }

    table.ssel tr.hline td{
        font-weight:600;
        border-bottom:none;
        
    }

.impline{
    font-weight:700;
}

.nb {
    font-weight: normal!important;
}

.b {
    font-weight: 700;
}



td.impline {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.pl-p{
    padding-left:135px;
}

td.wstd1 {
    min-width: 130px;
    max-width: 130px;
}

.gray {
    color:#00000070!important;
    font-weight:normal!important;
}

a.red {
    border: solid 1px #b61416 !important;
    background-color: #cd1719 !important;
}

a.red:hover {
    background-color: #cd171950 !important;
}

.rem2 {
    font-size:2rem!important;
}

.logintable {
    
}

input[type="file"] {
    display: none;
}

.custom-file-upload {
    border: 1px solid #ccc;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
}

.uploadbtn{
    display:none;
}

.uploadres {
    display: block;
    background-color: InfoBackground;
    color: InfoText;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 50px;
    line-height: 30px;
    margin-bottom:1rem;
    border:solid 1px #00000050;
}

table.w90pc{
    width:90%;
}

input[type="text"].etkset,
input[type="number"].etkset,
input[type="password"].etkset,
select.etkset {
    min-width: auto;
    max-width: auto;
    width: 65px;
    text-align: right;
    padding: 10px;
    border: solid 1px #abadb380;
    border-radius: 3px;
    font-size:1rem;
}

.width-auto {
    min-width: auto;
    max-width: auto;
    width: auto!important;
}

.inlineinfo{
    background-color:red;
}

td.inlineinfo {
    background-color: #aa000010;
    color: #dd0000;
    padding-left: 1rem;
    padding-right: 1rem;
}

input[type=checkbox] {
    width: 20px;
    height: 20px;
    float: left;
    margin: 0px;
    margin-right: 0.5rem;
}

input[type=radio] {
    width: 20px;
    height: 20px;
    float:left;
    margin:0px;
    margin-right:0.5rem;
}

label {
    height: 20px;
    line-height: 20px;
    display: inline-block;
    1margin-top:3px;
    margin-right: 0.5rem;
}