/* Standardmäßiges CSS-Stylesheet für ein neues Webanwendungsprojekt */

html, body
{
    margin: 0;
    height: 100%;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;    
}

@media screen and (max-device-width: 767px) 
{
    html, body
    {
	    font-size: 15.1px;
	    letter-spacing: -0.5px; 
	    -webkit-text-size-adjust: 100%;
    }
}

.contentheight
{
    height: 100%;
}

.tablewrappercontainer
{
    display: inline-block;
    white-space: nowrap;
}

.editlistform
{
	padding: 0;
    margin: 0;
    vertical-align: super;
}

div.tablescrollwrapper
{
    display: inline-block;
    max-width: calc(100vw - 76px);
    overflow-x: auto;
}

div.tablepinnedwrapper
{
    float: left;
}

.fieldlogin /* Dieses Padding ist wirkungslos, da offensichtlich Klassen immer Nachrang haben vor den HTML-Elementen (input, select, ...) (auch wenn in Reihenfolge unterhalb) */ 
{
	padding: 5px 5px 5px 5px;
}

#Login, #Password /* Da .fieldlogin (Klassen-)Padding wirkungslos ist, muss das Padding auf die IDs direkt angewendet werden */ 
{
	padding: 5px 5px 5px 5px;
}

.logintitle   /* Damit kein doppelter vertikaler Abstand entsteht (h2 und .logintable560) */
{
	margin-top: 0;
	padding-top: 0;
}

@media screen and (max-width: 1023px) 
{
	#mainmenu_mobilemove1
    {
        padding-right: 15px; 
        padding-bottom: 15px; 
        padding-left: 10px;
    }
    #mainmenu_mobilemove1 *
    {
        padding-right: 5px; 
        padding-bottom: 5px; 
        padding-left: 5px;
    }
}

#SearchTextContacts
{
    width: 480px;
}

@media screen and (max-width: 767px) 
{
    #SearchTextContacts
    {
        width: 360px;
    }
}

@media screen and (max-width: 1023px)
{
    #contactdetails_mobilemovetarget1, #contactdetails_mobilemovetarget2, #contactdetails_mobilemovetarget3, #contactdetails_mobilemovetarget4
    {
        padding-bottom: 15px;
    }

}

.contactdetailsectiontable
{
    width: 680px;
    max-width: 680px;
}

@media screen and (max-width: 767px) 
{
    .contactdetailsectiontable
    {
        width: 460px;
        max-width: 460px;
    }
}

.fieldflexwidth
{
    width: 480px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px; 
}
@media screen and (max-width: 767px) 
{
    .fieldflexwidth
    {
        width: 340px;
	    font-family: Arial, Helvetica, Sans-Serif;
	    font-size: 13.4px; 
    }
}

.imagesectiontoggle 
{
	display: inline;
	float: left;
	padding: 2px 8px 2px 6px;
	cursor: pointer;
	width: 20px;
	height: 20px;
}

.fieldinput, .checkboxinput 
{
	/* keine Styles nur für JavaScript-Selektion */
}

select, 
input[type=text], input[type=password], input[type=date], 
input[type=datetime], input[type=datetime-local], input[type=email], 
input[type=file], input[type=number], input[type=search], 
input[type=tel], input[type=url]
{
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    padding-right: 3px;
    margin-top: 1px;
    margin-bottom: 1px;
}

textarea 
{
    margin-top: 1px;
    margin-bottom: 1px;
}

.fieldflexwidthwithaction
{
    width: 380px;
}
@media screen and (max-width: 767px) 
{
    .fieldflexwidthwithaction
    {
        width: 220px;
    }
}

.iframeflexwidth
{
    width: 470px;
}
@media screen and (max-width: 767px) 
{
    .iframeflexwidth
    {
        width: 330px;
    }
}


@media screen and (max-width: 1023px) 
{
    #frmRangeSelection .dropdowninputfield
    {
        max-width: 160px;
    }
}


@media screen and (max-width: 767px) 
{
    #frmRangeSelection td.dropdownlabelcell
    {
        display: none;
    }
}

.cellboxfield
{
    width: 540px;
    background-color: #efefef;
    border: 1px solid #cecece;    
}

@media screen and (max-width: 767px) 
{
    .cellboxfield
    {
        width: 152px;
        background-color: #efefef;
        border: 1px solid #cecece;    
    }
}

@media screen and (max-width: 767px) 
{
    .tablewizardnavigationbox .buttonwhite, .tablewizardnavigationbox .buttongrey 
    {
        width: 126px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
}

.duplicatecomparecellleftheader
{
    border-right: 1px dotted #d0d0d0;
    border-bottom: 1px dotted #d0d0d0;
}

.duplicatecomparecellitemcolumn
{
    border-right: 1px dotted #d0d0d0;
    border-bottom: 1px dotted #d0d0d0;
    vertical-align: middle;
}

.duplicatecomparecellitemcolumn, .textsmall
{
    padding: 1px;
}

.duplicatecomparecellheader
{
    border-top: 1px dotted #d0d0d0;
    border-right: 1px dotted #d0d0d0;
    border-bottom: 1px dotted #d0d0d0;
    vertical-align: middle;
}

.duplicatecomparecellheader, .textsmall
{
    padding: 1px;
}

.duplicatecomparecelllabelcolumn
{
    border-left: 1px dotted #d0d0d0;
    border-right: 1px dotted #d0d0d0;
    border-bottom: 1px dotted #d0d0d0;
    vertical-align: middle;
    
}

.duplicatecomparecelllabelcolumn, .textsmall
{
    padding: 1px;
}

.datalistpinnedtable
{
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
}

.datalisttable
{
	border-right-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
}

.datalistheadercell
{
	background-color: #e7e7e7;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
}

.datalistitemcelleven
{
	background-color: #ffffff;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.datalistitemcellodd
{
	background-color: #ffffff;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.datalisttrailercell
{
	background-color: #e7e7e7;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.datalistselectionbuttons
{
	background-color: #e7e7e7;
	font-size: 13.4px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #8f8f8f;
}

.datalistheadercellfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
	font-weight: bold;
}

.datalistitemcellfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

.datalisttrailerfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

.datalistpagenavigationfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

@media screen and (max-device-width: 767px) 
{
    .datalistselectionbuttons, .datalistheadercellfont, .datalistitemcellfont, .datalisttrailerfont, .datalistpagenavigationfont
    {
        font-size: 15.1px;
        letter-spacing: -0.5px; 
    }
}

.datalistitemrow:hover td
{
    background-color: #efefef;
}


.dataviewtable
{
}

.dataviewlabelcell
{
}

.dataviewitemcell
{
}

.dataviewtitlefont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
	font-weight: bold;
}

.dataviewgrouptitlefont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
	font-weight: bold;
}

.dataviewlabelfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
	font-weight: bold;
}

.dataviewitemcellfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

.dataviewdescriptionfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11.6px;
	color: #808080;
}

@media screen and (max-device-width: 767px) 
{
    .dataviewtitlefont, .dataviewgrouptitlefont, .dataviewlabelfont, .dataviewitemcellfont
    {
        font-size: 15.1px;
        letter-spacing: -0.5px; 
    }
}


.dropdowntable
{
	height: 25px;
	vertical-align: middle;
}
.dropdownlabelcell
{
	height: 25px;
	vertical-align: middle;
}
.dropdownitemcell
{
	height: 25px;
	vertical-align: middle;
}
.dropdowninputfield
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}
.dropdownselectionbutton
{
	background-color: #e7e7e7;
	font-size: 13.4px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #8f8f8f;
}
.dropdownselectionbutton:hover
{
	background-color: #efefef;
    cursor: pointer;
}
.dropdownlabelfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}
.dropdownnooptionsavailable
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
	font-style: italic;
	color: #808080;
}

@media screen and (max-device-width: 767px) 
{
    .dropdowninputfield, .dropdownselectionbutton, .dropdownlabelfont, .dropdownnooptionsavailable
    {
        font-size: 15.1px;
        letter-spacing: -0.5px; 
    }
}


.editformtable
{
    width: 820px;
}

@media screen and (min-width: 880px)
{
    .editformtable
    {
        table-layout: fixed;
    }
}

@media screen and (min-width: 768px) and (max-width: 1023px) 
{
    .editformtable
    {
        width: 720px;
        max-width: 720px;
        overflow-x: hidden;
    }
}

@media screen and (max-width: 767px) 
{
    .editformtable
    {
        width: 95vw;    /* Gg. noch weiter anpassen */
        max-width: 720px;    /* Gg. noch weiter anpassen */
        overflow-x: scroll;    /* Gg. noch weiter anpassen */
    }
}

@media screen and (max-width: 1023px) 
{
    #ucEditForm_\$StatusMessage\$
    {
        visibility: hidden;   /* Jetzt wo 2 Buttons nebeneinander sind, geht das so nicht mehr: gegebenenfalls mit Javascript an andere Selle verschieben? | Schlecht: Auch in Popups kleiner 1024 Pixel ausgeblendet (popupnotes.aspx) */
    }
}

.editformlabelcell
{
}

@media screen and (max-width: 1023px)
{
    .editformlabelcell
    {
        min-width: 160px;
    }
}

@media screen and (min-width: 1024px)
{
    .editformlabelcell
    {
        min-width: 240px;
        /* white-space: nowrap; */    /* ausgeschalten wegen überlanger Labels in contacttypedetails.aspx */
    }
    .editformform > .trailerbuttonmessagediv  
    {
        /*  Nur für Variante mit eigener Trailer-Table in EditForm (OwnTrailerTable): Gleicher Abstand wie LabelCell der (unabhängigen) Inhaltstabelle 
            Erfordert wohl auch "table-layout: fixed;" (siehe oben)
            Hat i.w.F. den Vorteil, dass StatusMessage für kleine Displays angezeigt oder noch einfacher anders positioniert werden kann */
        padding-left: 240px;
    }
}

.editformitemcell
{
}

.editformsavebutton
{
	background-color: #e7e7e7;
	font-size: 13.4px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #8f8f8f;
}

.editformsavebutton:hover
{
	background-color: #efefef;
    cursor: pointer;
}

.editformcancelbutton
{
	background-color: #f8f8f8;
	font-size: 13.4px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #8f8f8f;
}

.editformtitlefont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
	font-weight: bold;
}

.editformgrouptitlefont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
	font-weight: bold;
}

.editformlabelfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

.editformitemcellfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

.editformdescriptionfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11.6px;
	color: #808080;
}

.editformstatusmessagefont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

@media screen and (max-device-width: 767px) 
{
    .editformsavebutton, .editformcancelbutton, .editformtitlefont, .editformgrouptitlefont, .editformlabelfont, .editformitemcellfont, .editformstatusmessagefont
    {
        font-size: 15.1px;
        letter-spacing: -0.5px; 
    }
}

@media screen and (max-device-width: 767px) 
{
    .editformitemcellmobile320
    {
        max-width: 320px;
    }
    .editformitemcellmobile240
    {
        max-width: 240px;
        text-overflow: ellipsis;
    }
    #ucEditForm_btnCancelItem
    {
        display: none;
    }
    .mobilewrap
    {
        white-space: pre-wrap;
    }
}

.editlistpinnedtable
{
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
}

.editlisttable
{
	border-right-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
}

.editlistheadercell
{
	background-color: #e7e7e7;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
    vertical-align: middle;
    position: relative;
    /* min-height: 25px; */
}

.editlistitemcelleven 
{
	background-color: #ffffff;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	min-height: 22px;
}

.editlistitemcellodd
{
	background-color: #ffffff;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
    min-height: 22px;
}

.editlistitemcellnew
{
	background-color: #e7e7e7;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
    min-height: 22px;
}

.editlisttrailercell
{
	background-color: #e7e7e7;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.editlistsavebutton
{
	background-color: #e7e7e7;
	font-size: 13.4px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #8f8f8f;
}

.editlistsavebutton:hover
{
	background-color: #efefef;
    cursor: pointer;
}

.editlistcancelbutton
{
	background-color: #f8f8f8;
	font-size: 13.4px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #8f8f8f;
}

.editlistselectionbuttons
{
	background-color: #e7e7e7;
	font-size: 13.4px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #8f8f8f;
}

.editlistselectionbuttons:hover
{
	background-color: #efefef;
    cursor: pointer;
}

.editlistheadercellfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
	font-weight: bold;
}

.editlistitemcellfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

.editlisttrailerfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

.editlistpagenavigationfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

.editliststatusmessagefont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

.editlistadditionalcellicon
{
	display: inline-block;
	vertical-align: middle;
}

@media screen and (max-device-width: 767px) 
{
    .editlistsavebutton, .editlistselectionbuttons, .editlistheadercellfont, .editlistitemcellfont, .editlisttrailerfont, .editlistpagenavigationfont, .editformstatusmessagefont
    {
        font-size: 15.1px;
        letter-spacing: -0.5px; 
    }
}

.editlistitemrow:hover td
{
    background-color: #efefef;
}



.cellheader
{
	background-color: #e7e7e7;
	border-top-style: solid;
	border-top-color: #e1e1e1;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-right-color: #e1e1e1;
	border-right-width: 1px;
}

.cellbottom
{
	background-color: #e7e7e7;
	border-top-style: solid;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e1e1e1;
	border-bottom-width: 1px;
}

@media screen and (max-width: 767px) 
{
    .cellbottom
    {
        display: none !important;
    }
}



.datalistprinttable
{
	border-right-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
}

.datalistprintheadercell
{
	background-color: #e7e7e7;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.datalistprintitemcelleven
{
	background-color: #ffffff;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.datalistprintitemcellodd
{
	background-color: #ffffff;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.datalistprinttrailercell
{
	background-color: #e7e7e7;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 1px;
	padding-right: 1px;
}

.datalistprintselectionbuttons
{
	background-color: #e7e7e7;
	font-size: 11.6px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #8f8f8f;
}

.datalistprintselectionbuttons:hover
{
	background-color: #efefef;
    cursor: pointer;
}

.datalistprintheadercellfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11.6px;
	font-weight: bold;
}

.datalistprintitemcellfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11.6px;
}

.datalistprinttrailerfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11.6px;
}

.addressbooktable
{
	border-right-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
    width: 100%;
    /* max-width: calc(100vw - 55px); */
}

.addressbookheadercell
{
	background-color: #e7e7e7;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 6px;
	padding-bottom: 4px;
	padding-left: 4px;
	padding-right: 4px;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.addressbookitemcelleven
{
	background-color: #ffffff;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.addressbookitemcellodd
{
	background-color: #ffffff;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
    max-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
}

.addressbooktrailercell
{
	background-color: #e7e7e7;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.addressbooktable tr td.simplecontactlistselectioncell
{
    width: 3%;   /* 20px; */
    vertical-align: middle;   /* Damit die Checkbox immer mittig ausgerichtet ist und keine zusätzliche Zeile in der Zelle entsteht */
    white-space: nowrap;      /* Damit die Checkbox immer mittig ausgerichtet ist und keine zusätzliche Zeile in der Zelle entsteht */
}
.addressbooktable tr td.simplecontactlistredflagstatuscell
{
    width: 3%;   /* 20px; */
}
.addressbooktable tr td.simplecontactlistidcell
{
    width: 4%;    /* 40px; */
}
.addressbooktable tr td.simplecontactlisttitlecell
{
    width: 5%;   /* 70px; */
}
.addressbooktable tr td.simplecontactlistfirstnamecell
{
    width: 6%;   /* 100px; */
}
.addressbooktable tr td.simplecontactlistlastnamecell
{
    width: 6%;   /* 100px;*/
}
.addressbooktable tr td.simplecontactlistgendercell
{
    width: 3%;   /* 40px;*/
}
.addressbooktable tr td.simplecontactlistorganisationcell
{
    width: 15%;   /* 180px;*/
}
.addressbooktable tr td.simplecontactlistredflagdescriptioncell
{
    width: 20%;   /* 280px; */
}
.addressbooktable tr td.simplecontactlistemailcell
{
    width: 12%;   /* 140px; */
}
.addressbooktable tr td.simplecontactlistaddresscell
{
    width: 16%; /* 220px; */
}
.addressbooktable tr td.simplecontactlisteditcolumncell
{
    width: 7%;   /*  60px; */
}

.changeloglisttable, .birthdaylisttablelisttable
{
	border-right-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
}

.changeloglistcellheader, .birthdaylistcellheader
{
	background-color: #e7e7e7;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.changeloglistcellitemeven, .birthdaylistcellitemeven
{
	background-color: #ffffff;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.changeloglistcellitemodd, .birthdaylistcellitemodd
{
	background-color: #ffffff;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.changeloglistcelltrailer, .birthdaylistcelltrailer
{
	background-color: #e7e7e7;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.changeloglistfontheader, .birthdaylistfontheader
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11.6px;
	font-weight: bold;
}

.changeloglistfontitem, .birthdaylistfontitem
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11.6px;
}

.changeloglistfonttrailer, .birthdaylistfonttrailer
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11.6px;
}

.changelogbox, .birthdaybox
{
	width: 99%;
	background: #e7e7e7;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	padding-right: 5px;
}

.changelogboxtable, .birthdayboxtable
{
	width: 99%;
}

.changelogboxcellheader, .birthdayboxcellheader
{
}

.changelogboxcellitemeven, .birthdayboxcellitemeven
{
	padding-left: 0px;
	padding-right: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.changelogboxcellitemodd, .birthdayboxcellitemodd
{
	padding-left: 0px;
	padding-right: 6px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.changelogboxcelltrailer, .birthdayboxcelltrailer
{
}

.changelogboxfontheader, .birthdayboxfontheader
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11.6px;
	font-weight: bold;
}

.changelogboxfontitem, .birthdayboxfontitem
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

.changelogboxfonttrailer, .birthdayboxfonttrailer
{
}



@media all and (monochrome)   /* old style  */
{
    .multioptionitemcell
    {
	    background-color: #e7e7e7;
	    border-right-color: #ffffff;
	    border-right-width: 1px;
	    border-right-style: solid;
	    border-bottom-color: #ffffff;
	    border-bottom-width: 1px;
	    border-bottom-style: solid;
	    padding-top: 0px;
	    padding-left: 4px;
	    padding-bottom: 0px;
	    padding-right: 4px;
    }

    .multioptiontrailercell
    {
	    background-color: #e7e7e7;
	    border-right-color: #ffffff;
	    border-right-width: 1px;
	    border-right-style: solid;
	    border-bottom-color: #ffffff;
	    border-bottom-width: 1px;
	    border-bottom-style: solid;
	    padding-top: 4px;
	    padding-left: 4px;
	    padding-bottom: 4px;
	    padding-right: 4px;
    }

}

.multioptiontable
{
	background-color: #ffffff;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.multioptiontable.header
{
	border-bottom-color: #e7e7e7;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.multioptiontable.trailer
{
	border-top-color: #e7e7e7;
	border-top-width: 1px;
	border-top-style: solid;
}

.multioptiontablerow
{
	display: table-row;
}


.multioptionitemcell
{
	background-color: #ffffff;
	/*border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;*/
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
    width: 100%;
}

.multioptionheadercell
{
	background-color: #e7e7e7;
	/*border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;*/
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.multioptiontrailercell
{
	background-color: #e7e7e7;
	/*border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;*/
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.multioptionactioncell 
{
	background-color: #ffffff;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}

.multioptionheadercellfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
	font-weight: bold;
}

@media screen and (max-device-width: 767px) 
{
    .multioptionheadercellfont
    {
	    font-size: 15.1px;
	    letter-spacing: -0.5px; 
    }
}

.multioptionitemcellfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

@media screen and (max-device-width: 767px) 
{
    .multioptionitemcellfont
    {
	    font-size: 15.1px;
	    letter-spacing: -0.5px; 
    }
}

.multioptiontrailercellfont
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

@media screen and (max-device-width: 767px) 
{
    .multioptiontrailercellfont
    {
	    font-size: 15.1px;
	    letter-spacing: -0.5px; 
    }
}

.multioptiontable.contactcolumnselectionlist 
{

}

.multioptionitemcell.contactcolumnselectionlist 
{

}


.tableoptionbox
{
	background-color: #e7e7e7;
	border-color: #cccccc;
	border-width: 1px;
	border-style: solid;
	padding-top: 4px;
	padding-left: 4px;
	padding-bottom: 4px;
	padding-right: 4px;
}



.printlisttable
{
    border-left: 4px;
    border-right: 4px;
}

.printlistheadercell
{
    padding-left: 4px;
    padding-right: 4px;
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom-color: black;
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.printlistitemcell
{
}

.contactdetails
{
	page-break-after: always;
}

/*
.sectionheadertable
{
	border-right-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
}

*/

.sectionheadercell
{
	background-color: #e7e7e7;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
	border-right-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 1px;
	padding-bottom: 1px;
}

.sectioncontentcell
{
	background-color: #f1f1f1;
	border-left-style: solid;
	border-left-color: #cccccc;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-style: solid;
	border-right-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #cccccc;
	border-top-width: 0px;
	border-top-style: solid;
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

.textheadline
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
	line-height: 125%;
}

@media only screen and (max-device-width: 767px)
{
    .textheadline
    {
        font-size: 15.1px;
        letter-spacing: -0.5px; 
    }
}

.textnormal
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	line-height: 125%;
}

@media only screen and (max-device-width: 1023px)
{
    .textheadline
    {
        font-size: 16.6px;
        letter-spacing: -0.5px; 
    }
}

.textsmall, .textheaderright, .texterrorbody
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
	line-height: 125%;
}

@media screen and (max-device-width: 767px) 
{
    .textsmall, .textheaderright, .texterrorbody
    {
        font-size: 15.1px;
        letter-spacing: -0.5px; 
    }
}

.textxsmall
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11.6px;
	line-height: 125%;
}

.fieldsmall
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

@media screen and (max-device-width: 767px) 
{
    .fieldsmall
    {
	    font-size: 15.1px;
	    letter-spacing: -0.5px; 
    }
}

.fieldsmallright
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
	text-align: right;
}

@media screen and (max-device-width: 767px) 
{
    .fieldsmallright
    {
	    font-size: 15.1px;
	    letter-spacing: -0.5px; 
    }
}

.fieldsmalldisabled
{
	background-color: #e7e7e7;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px
}

@media screen and (max-device-width: 767px) 
{
    .fieldsmalldisabled
    {
	    font-size: 15.1px;
	    letter-spacing: -0.5px; 
    }
}

.fieldsmallrightdisabled
{
	background-color: #e7e7e7;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
	text-align: right;
}

@media screen and (max-device-width: 767px) 
{
    .fieldsmallrightdisabled
    {
	    font-size: 15.1px;
	    letter-spacing: -0.5px; 
    }
}

.buttongrey
{
	background-color: #e7e7e7;
	font-size: 13.4px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #808080;
}

.buttongrey:hover
{
	background-color: #efefef;
    cursor: pointer;
}

@media screen and (max-device-width: 767px) 
{
    .buttongrey
    {
	    font-size: 15.1px;
	    letter-spacing: -0.5px; 
    }
}

.buttonwhite
{
	background-color: #f8f8f8;
	font-size: 13.4px;
    padding: 4px 10px 4px 10px;
    border: 1px solid #808080;
}

.buttonwhite:hover
{
	background-color: #ffffff;
    cursor: pointer;
}

@media screen and (max-device-width: 767px) 
{
    .buttonwhite
    {
	    font-size: 15.1px;
	    letter-spacing: -0.5px; 
    }
}


.textsmallprint
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11.6px;
}
.textsmallprintheader
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11.6px;
	font-weight: bold;
}

a
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

@media screen and (max-device-width: 767px) 
{
    a
    {
	    font-size: 15.1px;
	    letter-spacing: -0.5px; 
    }
}

a:link
{
	color:	#003399;
}

a:visited	
{
	color:	#003399;
}

a:active	
{	
	color:	#003399;
}	
		
a:hover	
{	
	color:	#6699ff;
}

a[disabled="disabled"]
{
	color: #828282;
	cursor: default;
	text-decoration: none;
}

a:hover[disabled="disabled"]
{
	color: #828282;
	cursor: default;
	text-decoration: none;
}

a.linkdeveloper
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13.4px;
}

a.linkdeveloper:visited
{
	color: #808080;
}

a.linkdeveloper
{
	color: #808080;
	text-decoration: none;
}

a.linkdeveloper:hover
{
	color: #808080;
	text-decoration: underline;
    background-color: #ffffff;
}

.ui-datepicker-trigger   /* Klasse des Icons von JQuery UI Datepicker */
{
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
    margin-bottom: 2px;
}

@media print 
{
    .noprint, .noprint * 
    {
        display: none !important;
    }
}

@media screen and (max-width: 1159px) 
{
    .nomin1160
    {
        display: none !important;
    }    
}

@media screen and (max-width: 1023px) 
{
    .notablet
    {
        display: none !important;
    }    
}

@media screen and (max-width: 767px) 
{
    .nomobile
    {
        display: none !important;
    }    
}

.onlymobile
{   
    display: none;
}

@media screen and (max-width: 767px) 
{
    .onlymobile
    {
        display: inherit;
    }    
}

#ucContactEditList_frmEditList .editlistitemcelleven
{
    white-space: nowrap;
    overflow: hidden;
}

#ucContactEditList_frmEditList .editlistitemcellodd
{
    white-space: nowrap;
    overflow: hidden;
}


#ucContactEditList_frmEditList tr:first-child > td > span 
{
	display: block;
	height: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	width: 100%;
}


/*
#ucContactEditList_frmEditList tr:first-child > td > input 
{
	min-width: calc(min(100%, 52px));
}
*/

/*
#ucContactEditList_frmEditList .editlisttable tr:first-child td 
{
	resize: horizontal;
	overflow: auto
}
*/

.changecolumnwidth   /* spezielle multioptiontable */ {
	border-right-color: #cccccc;
	border-right-width: 1px;
	border-right-style: solid;
	border-top-color: #cccccc;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.changecolumnwidth tr td:nth-child(1), .changecolumnwidth tr td:nth-child(2)
{
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
    white-space: nowrap;    
}

.changecolumnwidth tr td:nth-child(3)
{
	border-bottom-color: #cccccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
    background-color: #e7e7e7;
}

.companylogocontainer 
{
	display: inline-block;
	padding: 10px 10px 10px 10px;
	border: 1px solid #c0c0c0;
	background-color: #ffffff;
	max-width: 220px;
	max-height: 160px;
}

.companylogoimg 
{
	max-width: 200px;
	max-height: 140px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
}

.trailertable 
{
    vertical-align: middle;
    height: 40px;
}

.trailertablerow 
{
    height: 40px;
}

.trailermenucell 
{
    width: 900px;
}

.trailerusercell 
{
    white-space: nowrap;
}

.addressbookheadersortcell 
{
    white-space: nowrap;
    min-width: 280px;
}

/*

.autocomplete-toggle 
{
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -2.3em;
    margin-right: 0;
    padding: 0;
}

*/

/*

#OrganisationAutocompleteDown
{
    background: #ffffff;
    filter: none;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    background-image: url(images/find.png);
    background-position: center center;
    background-repeat: no-repeat;
    cursor: pointer;
    width: 32px;    
    height: 32px;
    margin: 15px 0 15px 0;
    display: inline-block;
    vertical-align: bottom;
}

*/

.redflaginputarea 
{
    width: 98%;
}

.redflagimage, 
.simplecontactlistredflagimage 
{
	width: 18px;
	height: 18px;
}

.errormessage
{
    min-height: 35px;
    max-width: 880px;
    color: #b00000;  /* #B8000C; */
    font-size: 12px;
    font-weight: normal;
    background-color: #fff0f0; /* #FFBABA; */
    padding: 20px;
    border: solid 1px #efd0d0; /*  solid 1px #D8000C; */
    margin: 0 0 20px 0;
    box-sizing: border-box; /* verhält sich wie Tabelle bzw. kein expandierendes Padding */
}

.headertableimg 
{
    width: 12px;
    height: 12px;
    padding-left: 0px;
	padding-right: 0px;
    vertical-align: middle;	
}

.headertablelink 
{
	display: flex;
	margin-left: 4px;
}

.headertablelink :focus-visible 
{
	outline: 1px dotted #404040;
	/*outline: none; */ /* Entfernt Rahmen von Aufsteigend/Absteigend Sortieren Pfeilen bei Tastatur Navigation mit Tab */
}

.infomessageimg 
{
	width: 40px;
	height: 40px;
}

.errormessageimg 
{
	width: 40px;
	height: 40px;
}

.questionmessageimg 
{
	width: 40px;
	height: 40px;
}

.toggleareaimg   /* ersetzt durch .imagetoggleplusminus */
{
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
}

.imagetoggleplusminus 
{
	/* width: 9px; */
	/* height: 9px; */
	width: 16px;
	height: 16px;
	vertical-align: text-bottom;
}

.navigationlinkimg 
{
	width: 18px;
	height: 18px;
}


#frmFastSearch {
	display: flex;
	margin: 0;
}

#FastSearch 
{
	height: 18px;
	padding: 4px 6px 4px 6px;
	border-top: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;
	border-bottom: 1px solid #b0b0b0;
	border-right: 0px solid transparent;
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	width: 80px;
	margin: 5px 0 5px 0;
}

#FastSearch:focus 
{
	outline: none;
}

#btnDoFastSearch 
{
	filter: none;
	border: 1px solid #b0b0b0;
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background: #ffffff;
	background-image: url(images/find.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	cursor: pointer;
	width: 32px;
	height: 28px;	
	margin: 5px 0 5px 0;
	vertical-align: bottom;
}

#btnDoFastSearch:disabled 
{
	background: transparent;
	background-image: url(images/find.png);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px 20px;
	cursor: default;
}



/* Klassen für ehemalige Inline-Styles - Allgemein */

.auditlabel
{
    font-size: 11.4px;
    white-space: nowrap; 
    min-width: 180px;
    max-width: 180px;
    overflow: hidden;
}

.auditfield 
{
    font-size: 11.4px;
    color: #a0a0a0;
    min-width: 240px;
    max-width: 240px;
    overflow: hidden;
}

.auditfieldred 
{
    font-size: 11.4px;
    color: #a06060;
    min-width: 240px;
    max-width: 240px;
    overflow: hidden;
}

.auditfieldgreen
{
    font-size: 11.4px;
    color:#a0a0a0;
    min-width: 240px;
    max-width: 240px;
    overflow: hidden;
}

.height5 
{
    height: 5px;
}

.height10 
{
    height: 10px;
}

.height15 
{
    height: 15px;
}

.height20 
{
    height: 20px;
}

.height25 
{
    height: 25px;
}

.height30 
{
    height: 30px;
}

.height35 
{
    height: 35px;
}

.height40 
{
    height: 40px;
}

.height45 
{
    height: 45px;
}

.height50 
{
    height: 50px;
}

.height55 
{
    height: 55px;
}

.width120
{
    width: 120px;
}

.overflowhidden 
{
    overflow: hidden;
}

.visibilityhidden
{
    visibility: hidden;
}

.visibilityvisible
{
    visibility: visible;
}

.displayinherit, .displaynormal
{
    display: inherit;
}

.displayblock
{
    display: block;
}

.displayinlineblock
{
    display: inline-block;
}

.displaynone, .nodisplay 
{
    display: none;
}

.displaytablerow 
{
    display: table-row;
}

.displaytablecell
{
    display: table-cell;
}

.linkdisabled, .disabled 
{
    /* disabled: disabled; */
}

a:disabled, a[disabled="disabled"]
{
    pointer-events: none;
}

.cursorhand, .cursorpointer
{
    cursor: pointer;
}

.colorblack
{
    color: #000000;
}

.colorwhite
{
    color: #ffffff;
}

.colorred
{
    color: #b00000;
}

.colorgrey
{
    color: #808080;
}

.colorgreen 
{
    color: #008000;
}

.colorlightred 
{
    color: #a06060;
}

.colorlightgrey 
{
    color: #a0a0a0;
}

.colorlightgreen 
{
    color: #60a060;
}

.fontbold
{
    font-weight: bold;
}

.whitespaceprewrap 
{
    white-space: pre-wrap;
}

.whitespacenowrap 
{
    white-space: nowrap;
}

.lineheight150Percent 
{
    line-height: 150%;
}

.formbordernospace
{
	padding: 0; 
    margin: 0; 
    vertical-align: super;
}

.verticalaligntop 
{
    vertical-align: top;
}

.paddingtop6 
{
    padding-top: 6px;
}

/* Klassen für ehemalige Inline-Styles - Anwendung */

@media screen and (max-width: 1299px) 
{
    .showminwidth1300
    {
        display: none !important;
    }    
}

@media screen and (min-width: 1300px) 
{
    .showminwidth1300
    {
        display: inline;
    }    
}

.width200 
{
    width: 200px;
}

.paddingtop20 
{
    padding-top: 20px;
}

.padding3 
{
    padding: 3px;
}

.paddingbottom10 
{
    padding-bottom: 10px;
}

.margin20 
{
    margin: 20px;
}

.logintable880 
{
    max-width: 880px;
    background-color: #e7e7e7; 
    margin: 0px; 
    padding: 20px; 
    border: 1px solid #c0c0c0;
}

.logintable560 
{
    max-width: 560px;
    background-color: #ffffff; 
    margin: 0px; 
    padding: 20px; 
    border: 1px solid #c0c0c0;
}

.maxwidth640 
{
    max-width: 640px;
}

.maxwidth880 
{
    max-width: 880px;
}

.maxwidth900 
{
    max-width: 900px;
}

.maxwidth945 
{
    max-width: 945px;
}

.maxwidth960 
{
    max-width: 960px;
}

.maxwidth1160 
{
    max-width: 1160px;
}

.maxwidth1280 
{
    max-width: 1280px;
}

.backgroundcolortransparent
{
    background-color: transparent;
}

.textdecorationnone 
{
    text-decoration: none;
}

.marginleft100
{
    margin-left: 100px;
}

.paddingtop10 
{
    padding-top: 10px;
}

.width320 
{
    width: 320px;
}

.maxheight130formcontainer form
{
    /* max-height: 130px; */
    /* overflow-y: auto; */
}

.height160 
{
    height: 160px;
}

.minwidth60 
{
    min-width: 60px;
}