.clear
{
    clear:both;
}

/* Materialbestellung Styles */
.materialbestellung-auswahl-wrapper.disabled {
    opacity: 0.5;
    pointer-events: none;
}

.materialbestellung-button.disabled {
    opacity: 0.5;
    cursor: not-allowed;
    pointer-events: none;
}

.materialbestellung-auswahl-wrapper.disabled .materialbestellung-anzahl {
    background-color: #f5f5f5;
    color: #999;
}

.materialbestellung-auswahl-wrapper.disabled .materialbestellung-bezeichnung {
    color: #999;
}

.materialbestellung-auswahl-wrapper.disabled .materialbestellung-bild {
    opacity: 0.5;
    filter: grayscale(100%);
}

/* Stock level display */
.materialbestellung-bestand {
    margin-top: 8px;
    padding: 6px 10px;
    background-color: #e3f2fd;
    border: 1px solid #1976d2;
    border-radius: 4px;
    font-size: 12px;
    color: #1976d2;
    text-align: center;
}

.materialbestellung-bestand strong {
    font-weight: bold;
}

.bestand-anzahl {
    color: #0d47a1;
    font-weight: bold;
    font-size: 14px;
}

.materialbestellung-auswahl-wrapper.disabled .materialbestellung-bestand {
    background-color: #f5f5f5;
    border-color: #bdbdbd;
    color: #757575;
}

.materialbestellung-auswahl-wrapper.disabled .bestand-anzahl {
    color: #757575;
}


/* Delta input field styling - default neutral (gray) */
.materialbestellung-anzahl {
    border: 2px solid #9e9e9e;
    background-color: #f5f5f5;
    font-weight: bold;
}

.materialbestellung-anzahl:focus {
    border-color: #757575;
    box-shadow: 0 0 5px rgba(158, 158, 158, 0.3);
}

/* Green styling for positive values (Versenden, Austausch, Bestandskorrektur) */
.materialbestellung-anzahl.positive-value {
    border: 2px solid #4caf50;
    background-color: #f1f8e9;
}

.materialbestellung-anzahl.positive-value:focus {
    border-color: #2e7d32;
    box-shadow: 0 0 5px rgba(76, 175, 80, 0.3);
}

/* Red styling for negative values (Rueckforderung) */
.materialbestellung-anzahl.negative-value {
    border: 2px solid #f44336;
    background-color: #ffebee;
}

.materialbestellung-anzahl.negative-value:focus {
    border-color: #d32f2f;
    box-shadow: 0 0 5px rgba(244, 67, 54, 0.3);
}
.desktop
{
    display:block;
}
.onlymobile, .onlymobiletablecell, .mobilesmall
{
    display:none;
}

/**********************************************
***********************************************
    HEADER
***********************************************
**********************************************/
#header_left_top
{
    position:relative;
}
#header_left_bottom .tb_breadcrumb
{
    border-width: 0px;
    height: 15px; 
    width: 100px;
}
#header_left_bottom table
{
    width:100%;
    padding: 4px 4px 4px 0px;
}
#header_left_bottom td.img_cell
{
    width: 21px !important;
    padding-right:5px;
    text-align: center; 
}
#header_left_bottom td.img_cell:first-of-type
{
    padding-right:0px;
}

#header_left_bottom td.img_cell a
{
    border: 0px;
}
#header_left_bottom td.img_cell img
{
    border: 0px;
}
#header_left_bottom td.spacer_cell
{
    width: 106px;
}
#header_left_bottom td.tb_cell
{
    width:100%;
    text-align: center;
}

/**********************************************
***********************************************
    NAVIGATION
***********************************************
**********************************************/
.menubar {
    font-size: 2em;
    margin-left:10px;
    margin-top:5px;
    color:#969696;
}

.onlymobiletablecell.img_cell a
{
   	color: #fff;
	font-size:0.8rem;
   	font-weight: normal;
   	text-decoration: none;
   	padding: 0px 1px 0px 1px;
}
.onlymobiletablecell.img_cell a.active
{
   	font-weight: bold;
   	padding: 0px 1px 0px 1px;
}
.lblWebBereichMobile
{
    color:#fff;
    padding-right:10px;
}


/**********************************************
    MOBILE MENU
**********************************************/
#mobilemenu
{
    position:absolute;
    left:0px;
    top:0px;
    display:none;
}
#mobilemenunav
{
    position:absolute;
    left:0px;
    top:35px;
    width:100%;

    background-color:#b2b2b2;
    display:none;
    border: 1px solid #fff;
    font-size:1.6em;
    margin-top:25px;
    padding-left:10px;
    border-bottom: 10px solid #fff;
}
#mobilemenunav table
{
    width:100%;
    line-height:2em;
}
#mobilemenunav table.level2
{
    background-color:#dfdfdf;
}
#mobilemenunav table.level3
{
    background-color:#eaeaea;
    color:#808080;
}

#mobilemenunav table.level1 td.unselected
{
    border-bottom: 1px solid #fff;
}
#mobilemenunav table.level1 table td.unselected
{
    border-bottom: 0px none #fff;
}
#mobilemenunav table.level2 table td
{
    border-bottom: 1px solid #fff !important;
}


#mobilemenunav a, #mobilemenunav a:visited
{
    text-decoration:none;
    color: black;
}
#mobilemenunav .selected
{
    font-weight:bold;
}
/* Skiplink-Bild nicht anzeigen*/
#mobilemenunav a img
{
    display:none;
}

/* Unteres Menü */
#mobilemenunav table.mobileMenu2
{
    margin-top:20px;
    background-color:lightgray;
}
#mobilemenunav table.mobileMenu2 td
{
    border-bottom: 1px solid #fff;
}
#mobilemenunav table.mobileMenu2 tdd
{
    border-top: 1px solid #fff;
}
#mobilemenunav table.mobileMenu2Item td
{
    border-bottom: 0px none #fff;
}

/**********************************************
    TOP 
**********************************************/
#main_navi_top table
{
    text-align: right;
    width: 100%;
}
#main_navi_top td
{
    width: 50%;
    padding: 2px;
}

#main_navi_top a
{
   	color: #fff;
	font-size:0.8rem;
   	font-weight: normal;
   	text-decoration: none;
   	padding: 0px 1px 0px 1px;
}
#main_navi_top a.active
{
   	font-weight: bold;
   	padding: 0px 1px 0px 1px;
}
/**********************************************
    MIDDLE
**********************************************/
#main_navi_middle .main_menu_table
{
    width: 100%;
    height: 100%;
    text-align: right;
    border-top: 1px solid #fff;
}
#main_navi_middle .navi_left
{
    width: 50%;
    border-right: 1px solid #fff;
    padding: 0px;
    margin: 0px;
    vertical-align:top;
}
#main_navi_middle .navi_right
{
    width: 50%;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    text-align:left;
}
#main_navi_middle .navi_right img
{
    height: 0px;
}

#main_navi_middle .navi_left img
{
    height: 0px;
}
/**********************************************
    MAIN
**********************************************/
#main_navi_middle .main_navi_menu {
    width: 100%;
    padding: 0px;
    margin: 0px;
}
#main_navi_middle table
{
    border-collapse:separate;
}
#main_navi_middle table.main_active
{
    background-color: #DFDFDF;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding: 2px 5px 2px 2px;
}
#main_navi_middle a.main_active
{
    color: #000;
    white-space: normal;
}
#main_navi_middle table.main_inactive
{
    border-bottom: 1px solid #fff;
    padding: 2px 5px 2px 2px;
}
#main_navi_middle a.main_inactive
{
    color: #000;
    white-space: normal;
}
#main_navi_middle .main_menu_spacer
{
    height: 90px;
}
/**********************************************
    SUB
**********************************************/
#main_navi_middle .sub_navi_menu
{
    width: 100%;
    padding: 0px;
    margin: 0px;
}
#main_navi_middle .sub_navi_menu_internet
{
    width: 100%;
    padding: 0px;
    margin: 0px;
}
#main_navi_middle table.sub_active
{
    background-color: #DFDFDF;
    font-weight: bold;
    border-bottom: 1px solid #fff;
    padding: 2px 2px 2px 5px;
}
#main_navi_middle a.sub_active
{
    color: #000;
    white-space: normal;
}
#main_navi_middle table.sub_inactive
{
    background-color: #DFDFDF;
    border-bottom: 1px solid #fff;
    padding: 2px 2px 2px 5px;
}
#main_navi_middle a.sub_inactive
{
    color: #000;
    white-space: normal;
}
#main_navi_middle .menu_sub_spacer
{
    border-bottom: 1px solid #fff;
}
/**********************************************
    SUB SUB
**********************************************/
#main_navi_middle .sub_navi_menu table.sub_sub_active
{
    background-color: #eaeaea;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    padding: 2px 2px 2px 5px;
}

#main_navi_middle .sub_navi_menu_internet table.sub_sub_active
{
    background-color: #eaeaea;
    border-bottom: 1px solid #fff;
    font-weight: bold;
    padding: 2px 2px 2px 21px;
    background-image: url(../img/bullet_grey.gif);
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
}
#main_navi_middle a.sub_sub_active
{
    color: #808080;
    white-space: normal;
}
#main_navi_middle .sub_navi_menu table.sub_sub_inactive
{
    background-color: #eaeaea;
    border-bottom: 1px solid #fff;
    padding: 2px 2px 2px 5px;
}
#main_navi_middle .sub_navi_menu_internet table.sub_sub_inactive
{
    background-color: #eaeaea;
    border-bottom: 1px solid #fff;
    padding: 2px 2px 2px 21px;
    background-image: url(../img/bullet_grey.gif);
    background-repeat: no-repeat;
    background-position-x: 5px;
    background-position-y: 5px;
}
#main_navi_middle a.sub_sub_inactive
{
    color: #808080;
    white-space: normal;
}

/**********************************************
    BOTTOM
**********************************************/
#main_navi_bottom .root_navi_menu
{
    width: 100%;
    border-collapse:separate;
}
#main_navi_bottom .root_navi_left
{
    width: 50%;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
}
#main_navi_bottom .menu_root
{
    width: 100%;
}
#main_navi_bottom .root_navi_right
{
    width: 50%;
    border-bottom: 1px solid #fff;
    vertical-align: bottom;
    text-align: right;
}
#main_navi_bottom table.root_inactive
{
    border-bottom: 1px solid #fff;
}
#main_navi_bottom a.root_inactive
{
    color: #fff;
    text-decoration: none;
    width: 147px;
    text-align: right;
    float:left;
}
#main_navi_bottom .root_menu_image
{
    padding: 2px 0px 2px 5px;
    width: 16px;
    height: 16px;
    float: left;
}
#main_navi_bottom img.protected
{
    padding: 2px 0px 2px 5px;
    width: 16px;
    height: 16px;
    float: left;
    border: 0px;
}
.leftColumn50PctResponsive {
    width: 48%;
    float: left;
    margin: 0 2% 0 0
}
.rightColumn50PctResponsive {
    width: 48%;
    float: right;
    margin: 0 0 0 2%
}
.legende
{
   font-size: 0.8rem;
   line-height: 14px; 
}
.legalnotice
{
    font-size: 0.6rem;
    line-height: 14px;
}
.boxAbmelden
{
    padding: 2px;
    border-top: 1px solid #fff;
}
.boxAbmelden a
{
    color: #fff;
    text-decoration: none;
}
.boxAbmeldenMobile
{
    display:none;
    position:absolute;
    right:10px;
    top:10px;
    text-align:right;
}
.boxAbmeldenMobile a
{
    color: #383838;
    text-decoration: none;
}
.boxAbmeldenMobile div
{
    margin-bottom:10px;
}



/**********************************************
***********************************************
    CONTENT
***********************************************
**********************************************/
/**********************************************
    TITLES
**********************************************/
.validationSummary
{
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
    background-color: #ffffe1;
}
 
body
{
   margin: 0px;
}
#main_content_caption div
{
    padding: 8px 10px 8px 10px;
}

table.details_view td,
table.details_view th {
    padding: 2px;
}

/**********************************************
    Width
**********************************************/
.width50Percent
{
    width:50%;
}

/**********************************************
    Rows
**********************************************/
.row {
    border: 1px solid #ccc;
    margin-bottom: .5rem;
}
.rownoborder
{
    border: 0px none;
    margin-bottom:.5rem;
}
tr.tablerow
{
    display:table-row !important;
}
tr.tablerow td
{
    display:table-cell !important;
}

/**********************************************
    Columns
**********************************************/
.columnsContainer
{
    position:relative;
    margin:0;
}
.rightColumn, .leftColumn  
{  
    padding: 0; 

}
.leftColumn 
{ 
    margin-bottom: .5rem; 
}
.column10Percent
{
    width:10%;
    float:left;
}
.column20Percent
{
    width:20%;
    float:left;
}
.column30Percent
{
    width:30%;
    float:left;
}
.column40Percent
{
    width:40%;
    float:left;
}
.column50Percent
{
    width:50%;
    float:left;
}
.column60Percent
{
    width:60%;
    float:left;
}
.column70Percent
{
    width:70%;
    float:left;
}
.column80Percent
{
    width:80%;
    float:left;
}
.column90Percent
{
    width:90%;
    float:left;
}

/**********************************************
    Margins & Paddings
**********************************************/
.paddingright10
{
    padding-right:10px;
}


/**********************************************
    Article
**********************************************/
.articlecaption
{
    background-color: #B2B2B2;
}
.articlecaptioncontent
{
    padding: 8px 10px 8px 10px;
    text-align:left;
    font-weight:bold;
}
.articletext
{
    padding: 20px 10px 20px 10px;
    text-align:left;
    border: 1px solid  #ccc; 
}
.articletextnoborder
{
    padding: 20px 10px 20px 10px;
    text-align:left;
}


/**********************************************
    STARTPAGE
**********************************************/
.startpage_left {
    float: left;
    width: 342px;
    margin-left: 0px;
    margin-right: 20px;
}
.startpage_box {
    border: 1px solid #b2b2b2;
}
.startpage_right {
    margin-left: 362px;
    margin-right: 0px;
}

.startpage_box_caption
{
    font-weight: bold;
    color: #000;
    background-color: #B2B2B2;
    padding: 0px;
    margin: 0px;
} 

.startpage_box_caption_content
{
    padding: 8px 10px 8px 10px;
} 

.startpage_box_text
{
    padding: 20px 10px 20px 10px;
} 

.main_content_text_class_startpage .news_arrow
{
    width:20px;
    margin: 0px;
    padding: 0px 2px 0px 0px;
}
.main_content_text_class_startpage .news_date
{
    /*width: 300px;*/
    color: #6666FF;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
}
/*
.spSliderDots
{
    position: relative !important;
    left: 0px;
    top: -40px;
}
*/

.dxisControl .dxis-itemTextArea {
    top: 10px;
    left: 10px;
    bottom: auto;
    width: auto;
    max-width: 250px;
    padding: 7px;
    color: #383838;
    background-color: rgba(255, 255, 255, 0.6);
}
.dxisControl .dxis-itemTextArea a
{
    /*color:#383838;*/
}
.dxisControl .dxis-itemTextArea a:hover, a:focus
{
    text-decoration: underline;
}
.dxisControl .dxis-itemTextArea p
{
/*    color: #b0b0b0;*/
    color:blue;
}
.dxisControl .dxis-itemTextArea > p
{
    margin-bottom: 0 !important;
}
.dxisControl .dxis-nbDotsBottom
{
    padding: 0;
    margin-top: -25px;
}
.dxisControl .dxis-nbDotsBottom .dxis-nbSlidePanel
{
    right: 15px;
    left: auto !important;
    transform: matrix(1, 0, 0, 1, 0, 0) !important;
    -webkit-transform: matrix(1, 0, 0, 1, 0, 0) !important;
}
/**********************************************
    TITLES
**********************************************/
.main_content_text_class .table_breit {
    width: 100%;
}
.main_content_text_class h1
{
    font-size: 1.6rem;
    color: #000;
    font-weight: bold;
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 0px 0px;
}
.main_content_text_class h1.blue
{
    color: #6666FF;
}
.main_content_text_class h2
{
    font-size: 1rem;
    color: #6666FF;
    font-weight: bold;
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 0px 0px;
}
.main_content_text_class h2.black
{
    color: #000;
}
.main_content_text_class h3
{
    font-size: 1rem;
    color: #000;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.main_content_text_class h3.blue
{
    color: #6666FF;
}

.main_content_text_class_startpage h3.blue
{
    font-size: 1rem;
    color: #6666FF;
    font-weight: bold;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.blue {
    color: #6666FF;
}
.boldblue {
    font-weight: bold;
    color: #6666FF;
}
/**********************************************
    TEXT-ELEMENTS
**********************************************/
.main_content_text_class br.semiLineBreak
{
    font-size: 0.5rem;
    line-height: 8px;
}

.main_content_text_class p.paragraphHeader {
    margin-bottom: 0.8rem;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.main_content_text_class .smallLegend
{
    display: inline-block;
    font-size: 0.8rem;
    line-height: 0.8rem;
    vertical-align: middle;
    padding-top: 0.15rem;
    padding-bottom: 0.15rem;
    padding-left: 0.2rem;
}
.main_content_text_class p
{
    margin: 0px 0px 16px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 16px;
}
.main_content_text_class ul
{
    list-style-position: outside;
    list-style-type: none;
    padding: 0px 0px 0px 19px;
    margin: 0px;
}
.main_content_text_class li.numbered
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 8px 0px;
    list-style-image: none;
    list-style-type: decimal;
    color: #6666FF;
}
.main_content_text_class li.numbered span
{
    color: #000;
}
.main_content_text_class ul.noLineSpace li
{
    padding: 0px;
    margin: 0px;
}
.main_content_text_class li
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 8px 0px;
    list-style-image: url(../img/square.gif);
    background-repeat: no-repeat;
}
.main_content_text_class li.level_1
{
    padding: 0px 0px 0px 8px;
    margin: 0px 0px 4px 18px;
    list-style-image: url(../img/line.gif);
    background-repeat: no-repeat;
}

.htmleditor li
{
    list-style-image:none !important;
}
/**********************************************
    SITE-MAP LEVEL 0
**********************************************/
.main_content_text_class ul.siteMap
{
    list-style-position: outside;
    list-style-type: none;
    padding: 0px 0px 0px 19px;
    margin: 0px;
}
.main_content_text_class li.siteMap_level_0
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 8px 0px;
    list-style-image: url(../img/square.gif);
    background-repeat: no-repeat;
}
/**********************************************
    SITE-MAP LEVEL 1
**********************************************/
.main_content_text_class li.siteMap_level_1
{
    padding: 0px 0px 0px 8px;
    margin: 0px 0px 8px 18px;
    list-style-image: url(../img/line.gif);
    background-repeat: no-repeat;
}
/**********************************************
    SITE-MAP LEVEL 2
**********************************************/
.main_content_text_class li.siteMap_level_2
{
    padding: 0px 0px 0px 10px;
    margin: 0px 0px 8px 42px;
    list-style-image: url(../img/dot.gif);
    background-repeat: no-repeat;
}
/**********************************************
    TABLES
**********************************************/
.details_view
{
    width:100%;
}
.main_content_text_class td.two_cols
{
    width: 50%;
    padding: 0px 5px 0px 5px;
    vertical-align: top;
}

.main_content_text_class td.two_cols_team
{
    padding: 0px 5px 0px 5px;
    vertical-align: top;
}

.main_content_text_class .form_table_combobox_zg .ajax__combobox_inputcontainer
{
    font-size:0.85rem;
    height: 20px;
    font-weight:normal;
    background-color: #ccccff;
 
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
    width: 60px;
}
.main_content_text_class  .quick_search_zusteller
{
    width: 250px;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding: 2px 2px 2px 2px;
    background-color:#E9E9E9;
}
/*Für Formulare*/
.main_content_text_class .form_table
{
    vertical-align: top;
    width:100%;
}
.main_content_text_class .form_table_buttons
{
    width: 456px;
}
.main_content_text_class td.form_left_col
{
    width: 30%;
    text-align: right;
    vertical-align: top;
    padding: 0px 15px 6px 0px;
    margin: 0px;
    height: 26px;
}
/*die linke Spalte in Formularen ohne Breitenangabe */
.main_content_text_class td.form_row_caption_right
{  
    text-align: right;
    vertical-align: middle;
    padding: 3px  5px 3px 5px;
    margin: 0px;  
    word-break:break-word;
}

.main_content_text_class td.form_row_caption
{  
    text-align: left;
    vertical-align: middle;
    padding: 3px  5px 3px 5px;
    margin: 0px;  
    word-break:break-word;
}

.main_content_text_class td.form_row_caption_infolink {
    padding: 24px 10px 3px 5px;
    margin: 0px;
}
 
.main_content_text_class td.form_row_caption_separator
{  
    text-align: right;
    padding: 30px 5px 10px 5px;
}

.main_content_text_class td.form_row_caption_separator_first {
    text-align: right;
    padding: 3px 5px 10px 5px;
}
 
.main_content_text_class td.form_right_col
{
    width: 70%;
    padding: 0px 0px 6px 0px;
    margin: 0px;
    height: 26px;
    vertical-align: top;
}

.main_content_text_class td.form_right_col.paddingleft4 {
    padding-left:4px;
}

/*die rechte Spalte in Formularen ohne Breitenangabe */
.main_content_text_class td.form_row_textbox
{
    padding: 3px 5px 3px 5px;
    margin: 0px;
    vertical-align: top;
    text-align:right;
}

.main_content_text_class .table_rahmen
{
    vertical-align: top;
    border-top: 1px solid #B2B2B2;
    border-bottom: 1px solid #B2B2B2;
    border-left: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
    padding: 0px 0px 0px 0px;
    width:100%;
    
}
.main_content_text_class table.table_rahmen
{
    vertical-align: top;
    border-top: 1px solid #B2B2B2;
    border-bottom: 1px solid #B2B2B2;
    border-left: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
    padding: 0px 0px 0px 0px;
    width:100%;
}

.main_content_text_class table.table_rahmen_padded {
    vertical-align: top;
    border-top: 1px solid #B2B2B2;
    border-bottom: 1px solid #B2B2B2;
    border-left: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
    padding: 6px;
    width: 100%;
    border-collapse: separate;
}

.main_content_text_class .div_rahmen
{
    vertical-align: top;
    border-top: 1px solid #B2B2B2;
    border-bottom: 1px solid #B2B2B2;
    border-left: 1px solid #B2B2B2;
    border-right: 1px solid #B2B2B2;
    padding: 0px  10px 0px 0px;
    width:360px;
}
.main_content_text_class table
{    margin-right: 1px;
}
.main_content_text_class .button_col_left
{
    width: 50%;
    line-height: 24px;
}
.main_content_text_class .button_col_right
{
    width: 50%;
    text-align: right;
    line-height: 24px;
}

/* Responsive Table in Form */
table.responsiveform tr.responsive td
{
    padding-top:5px;
    padding-bottom:5px;
}
table.responsiveform tr.responsive td.noverticalpadding
{
    padding-top: 0px;
    padding-bottom: 0px;
}


/**********************************************
    FORMS INPUT
**********************************************/
tr.mobile
{
    display: none;
}
/* FORM ERROR */
.main_content_text_class input.error    { background: #fed; border: 1px solid red; }
.main_content_text_class select.error   { background: #fed; border: 1px solid red; }
.main_content_text_class textarea.error { background: #fed; border: 1px solid red; }
span.error input { background: #fed; outline: 1px solid red; }
/* DropDownList */
/*allgemein ohne Breitenangabe*/
.main_content_text_class .form_ddl
{
    font-size:0.8rem;
    height: 20px;
    font-weight:normal;
    background-color: #ccccff;
    border: 1px solid #75736E;
    padding: 0px;
    margin-left: 0px;
}

.main_content_text_class .form_ddl_100percent
{
    font-size:0.8rem;
    height: 20px;
    font-weight:normal;
    background-color: #ccccff;
    border: 1px solid #75736E;
    padding: 0px;
    margin-left: 0px;
    width: 100%;
}

.main_content_text_class .form_ddl_wide
{
    font-size:0.8rem;
    height: 20px;
    font-weight:normal;
    background-color: #ccccff;
    width:458px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
}
.main_content_text_class .form_ddl_small
{
    font-size:0.8rem;
    height: 20px;
    font-weight:normal;
    background-color: #ccccff;
    width:111px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
}
.main_content_text_class .form_ddl_small_right
{
    font-size:0.8rem;
    height: 20px;
    font-weight:normal;
    background-color: #ccccff;
    width:111px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
    text-align:right;
}
.main_content_text_class .form_ddl_middle {
    font-size: 0.8rem;
    height: 20px;
    font-weight: normal;
    background-color: #ccccff;
    width: 250px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
}

.main_content_text_class .form_ddl_redressenInput
{
    font-size:0.8rem;
    height: 20px;
    font-weight:normal;
    background-color: #ccccff;
    width:203px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
    margin-left:4px;
    display:block;
    float:right;
}
/* TextArea (Textmode = Multiline) */
.main_content_text_class .form_ta_wide
{
    font-size:0.8rem;
    font-weight:normal;
    background-color: #ccccff;
    width:455px;
    border: 1px solid #75736E;
    margin: 0px;
}
.main_content_text_class .form_ta_100percent {
    font-size: 0.8rem;
    font-weight: normal;
    background-color: #ccccff;
    width: 100%;
    border: 1px solid #75736E;
    margin: 0px;
}

.tb_box
{
    width:411px;    
    padding-bottom:4px;
}

.redressen_button_ok
{
    float:right; 
    width:323px;
}
/* TextBox allgemein ohne Breitenangabe*/
.main_content_text_class .form_tb 
{
    font-size:0.8rem;
    height: 18px;
    font-weight:normal;
    background-color: #ccccff;
  
    border: 1px solid #75736E;
    padding: 0px;
    margin-left: 0px;
}
.main_content_text_class .form_tb_100percent
{
    font-size:0.8rem;
    height: 18px;
    font-weight:normal;
    background-color: #ccccff;
  
    border: 1px solid #75736E;
    padding: 0px;
    margin-left: 0px;
    width: 100%;
}
.main_content_text_class .form_tb_wide
{
    font-size:0.8rem;
    height: 18px;
    font-weight:normal;
    background-color: #ccccff;
    width:456px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
}

.main_content_text_class .form_tb_middle {
    font-size: 0.8rem;
    height: 20px;
    font-weight: normal;
    background-color: #ccccff;
    width: 250px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
}

.main_content_text_class .form_tb_middle_left
{
    font-size:0.8rem;
    height: 20px;
    font-weight:normal;
    background-color: #ccccff;
    width:224px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
}
.main_content_text_class .form_tb_middle_right
{
    font-size:0.8rem;
    height: 18px;
    font-weight:normal;
    background-color: #ccccff;
    width:224px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
}
.main_content_text_class .form_tb_tripple_left
{
    font-size:0.8rem;
    height: 18px;
    font-weight:normal;
    background-color: #ccccff;
    width:338px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
}
.main_content_text_class .form_tb_tripple_right
{
    font-size:0.8rem;
    height: 18px;
    font-weight:normal;
    background-color: #ccccff;
    width:338px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
}
.main_content_text_class .form_tb_small_left
{
    font-size:0.8rem;
    height: 18px;
    font-weight:normal;
    background-color: #ccccff;
    width:111px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
}

.main_content_text_class .form_tb_small_right
{
    font-size:0.8rem;
    height: 18px;
    font-weight:normal;
    background-color: #ccccff;
    width:111px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
    text-align:right;
}

.main_content_text_class .form_tb_mini_left
{
    font-size:0.8rem;
    height: 18px;
    font-weight:normal;
    background-color: #ccccff;
    width:55px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
}
.main_content_text_class .form_tb_mini_left_error
{
    font-size:0.8rem;
    height: 18px;
    font-weight:normal;
    background-color: #FFE5E5;
    width:55px;
    border: 1px solid #960909;
    padding: 0px;
    margin: 0px;
}
.main_content_text_class .form_tb_mini_right
{
    font-size:0.8rem;
    height: 18px;
    font-weight:normal;
    background-color: #ccccff;
    width:55px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
    text-align:right;
}
.main_content_text_class .form_tb_mini_center
{
    font-size:0.8rem;
    height: 18px;
    font-weight:normal;
    background-color: #ccccff;
    width:55px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
    text-align:center;
}
.main_content_text_class .form_tb_datetimepicker
{
    font-size:0.8rem;
    height: 18px;
    font-weight:normal;
    background-color: #ccccff;
    width:120px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
}
.main_content_text_class .form_tb_readonly 
{
    font-size:0.8rem;
    height: 18px;
    font-weight:normal;
    background-color: #cccccc;
  
    border: 1px solid #75736E;
    padding: 0px;
    margin-left: 0px;
}
.main_content_text_class .form_tb_redressenInput
{
    font-size:0.8rem;
    height: 18px;
    font-weight:normal;
    background-color: #ccccff;
    width:202px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
}
/* File Upload Control*/

.main_content_text_class .form_file_upload 
{
    font-size:0.8rem;
    font-weight:normal;
    background-color: #ccccff;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
    right:20px;
    
}
/* Button */
.main_content_text_class .form_button
{
    font-size:0.8rem;
    font-weight:normal;
    background-color: #c5c5c5;
    width:111px;
    border: 1px solid #75736E;
    padding: 0px;
    margin: 0px;
}
.main_content_text_class  span.form_row_caption
{
    font-weight:bold;
    padding: 0px 0px 6px 0px;
    margin: 0px;
}

 
 
/**********************************************
    LINKS
**********************************************/
.main_content_text_class a
{
    color: #6666FF;
    text-decoration: underline;
}
.main_content_text_class a:link
{
    color: #6666FF;
    text-decoration: underline;
}
.main_content_text_class a:hover
{
    color: #6666FF;
    text-decoration: underline;
}
.main_content_text_class a:visited
{
    color: #6666FF;
    text-decoration: underline;
}
.main_content_text_class a:active
{
    color: #6666FF;
    text-decoration: underline;
}

    .main_content_text_class a.buttonLink,
    .main_content_text_class div.buttonLink {
        border-right: 1px solid #b1b1b1;
        border-left: 1px solid #b1b1b1;
        border-top: 1px solid #b4b4b4;
        border-bottom: 1px solid #acacac;
        background-repeat: repeat-x;
        background-position: bottom;
        color: #000;
        text-decoration: none;
        text-align: center;
        align-self: stretch;
        background-color: #eee;
        box-shadow: 0px 1px 2px rgba(0,0,0,0.1);
        padding: 2px 15px 2px 15px;
        display: flex;
        justify-content: center;
        align-content: center;
        flex-direction: column;
    }
 
.main_content_text_class a.buttonLink[disabled]
{ 
    color:#888888; 
    text-decoration:none;
}



.main_content_text_class .margin_right_4
{
    margin-right: 4px;
}
.main_content_text_class .margin_left_0
{
    margin-left: 0px;
}
.main_content_text_class .margin_top_2
{
    margin: 2px 0px 0px 0px;    
}
.main_content_text_class .margin_top_4
{
    margin-top:4px;
}
.main_content_text_class a.margin_left_5
{
    margin: 0px 0px 0px 5px;    
}

.main_content_text_class .padding_0
{
    padding: 0px;
}
.main_content_text_class .padding_left_0
{
    padding-left: 0px;
}
.main_content_text_class .padding_left_4
{
    padding-left: 4px;
}
.main_content_text_class .padding_top_2
{
    padding-top: 2px;
}

.main_content_text_class .noPaddingAndMargin
{
    padding:0;
    margin:0;
}
 

/**********************************************
    NEWS
**********************************************/
.main_content_text_class .news_arrow
{
    width: 20px;
    vertical-align: top;
}
.main_content_text_class .news_date
{
    width: 135px;
    vertical-align: top;
    color: #6666FF;
    font-weight: bold;
}
.main_content_text_class .news_intro
{
}
.main_content_text_class h1.news
{
    color: #6666FF;
    line-height: 20pt;
    margin: 0px 0px 0px 0px;
}
.main_content_text_class h3.news
{
    color: #B2B2B2;
    font-weight: normal;
    margin: 0px 0px 15px 0px;
}

.newsarrow
{
    width: 20px;
    height:20px;
    vertical-align: top;
    background-image:url(../img/news_arrow.gif);
    background-repeat:no-repeat;
    float:left;
}
.newsdate
{
    width: 150px;
    vertical-align: top;
    color: #6666FF;
    font-weight: bold;
    float:left;
}
.newstext
{
    margin-left:20px;
}
.newstext h3
{
    color: black;
    font-weight: bold;
    margin: 0px 0px 15px 0px;
}
 

/**********************************************
    TEAM
**********************************************/
.team
{
    margin-bottom:10px;
}
.teamimage
{
    width:270px;
    float:left;
    margin-right:10px;
}
.teamimage img {
  width: 270px;
}
.teamtext
{
    margin-bottom:20px;
}
 

/**********************************************
    Kontakt
**********************************************/
.contact a, .contact span
{
    font-size:0.8rem;
}


/**********************************************
    FAQ
**********************************************/
.faq
{
    margin-top:20px
}

/**********************************************
    DOWNLOADS
**********************************************/
.main_content_text_class table.download_table td
{
    vertical-align:top;
}
.main_content_text_class td.download_rowcell
{
    vertical-align: top;
    width: 215px;
    padding: 5px;
    min-width:205px;
}
.main_content_text_class span.download_thumb img
{
    vertical-align:bottom;
}

.main_content_text_class td.download_title
{
    vertical-align: top;
    width: 215px;
    padding: 5px;
}
.main_content_text_class td.download_arrow
{
    width: 16px;
    padding: 5px;
}
.main_content_text_class td.download_link
{
    width: 199px;
}
.main_content_text_class td.download_link a
{
    font-weight: bold;
    text-decoration: none;
}
.main_content_text_class td.download_thumb
{
    width: 215px;
    padding: 5px;
    vertical-align: top;
    text-align: left;
    min-width:205px;
}
.main_content_text_class .download_cell
{
    width: 215px;
    height:290px;
    vertical-align: top;
    text-align: left;
    min-width:205px;
}
.main_content_text_class .download_link
{
    width: 100%;
    height: 16px;
    padding:5px;
}
.main_content_text_class .download_image
{
    width: 100%;
    height: 200px;
    padding:5px;
}
.main_content_text_class .download_desc
{
    width: 100%;
    padding:5px;
}

/* Flexbox Calendar Layout */
.calendar-container {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0;
}

.calendar-item {
    flex: 0 0 220px;
    width: 220px;
    background: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.calendar-item-image {
    width: 100%;
    height: 200px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #f0f0f0;
    overflow: hidden;
}

.calendar-item-image img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.calendar-item-content {
    padding: 15px;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
}

.calendar-item-title {
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 10px 0;
    color: #333;
    text-align: center;
}

.calendar-item-download {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: #007acc;
    color: white !important;
    text-decoration: none !important;
    border-radius: 4px;
    font-weight: bold;
    transition: background-color 0.2s ease;
    margin-top: 10px;
    max-width: 100px;
}

.calendar-item-download:hover {
    background: #005c99;
    color: white !important;
    text-decoration: none !important;
}

.calendar-item-download:visited {
    color: white !important;
    text-decoration: none !important;
}


/* Responsive Design */
@media (max-width: 768px) {
    .calendar-container {
        gap: 15px;
        justify-content: center;
    }
    
    .calendar-item {
        flex: 0 0 220px;
        width: 220px;
    }
}

/**********************************************
    GRID
**********************************************/
 .grid
{
    border-top : 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    font-weight:normal;
    font-size:0.83rem;
    background-color:#DFDFDF;
    color:black;
    width:100%;
}
.grid_header
{
    font-weight:normal;
    background-color:#6666ff;
    color:#fff ;
    font-style:normal; 
    text-decoration:none;
    border-top : 1px solid ;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
              
}
.grid_footer
{
    font-weight:normal;
    background-color:#6666ff;
    color:White;         
}
.grid_cell
{
    border-top : 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    font-weight:normal;
}

.grid_icons_cell
{
    border-top : 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    font-weight:normal;
    color:black;  
    width:20px;
}
.grid_pager
{
    border-top : 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    font-weight:normal;
    background-repeat:repeat-x;
    background-color:#fff;
}
.main_content_text_class grid_header a
{
    color: red;
    border: 0px;
}
.main_content_text_class .grid_header a:link
{
    font-weight:normal;
    background-color:#6666ff;
    color:#fff;
    font-style:normal; 
    text-decoration:none;
}

.main_content_text_class .grid_header a:hover
{
   font-weight:normal;
    background-color:#6666ff;
    color:#fff;
    font-style:normal; 
    text-decoration:none;
}
.main_content_text_class .grid_header a:visited
{
    font-weight:normal;
    background-color:#6666ff;
    color:#fff;
    font-style:normal; 
    text-decoration:none;
}
.main_content_text_class .grid_header a:active
{
    font-weight:normal;
    background-color:#6666ff;
    color:#fff;
    font-style:normal; 
    text-decoration:none;
}
.main_content_text_class tr.grid_pager
{
    background-color: #969696;
    color: #fff;
}
.main_content_text_class tr.grid_pager td
{
    color: #fff;
    padding: 1px 1px 1px 1px;
}

.main_content_text_class tr.grid_pager td a
{
    color: #fff;
    padding: 1px 1px 1px 1px;
}

/**********************************************
    CALENDAR QM
**********************************************/

.main_content_text_class .calHeading 
{
    text-align: center;
	float: left;
    background-color: #6666ff;
    width:80%; 
    color: #fff;
    line-height: 1.5rem;
}

.main_content_text_class table.cal
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
    background-color:#ccccff;    
    border: 1px solid #fff;
    border-top : 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff; 
    width:80%; 
}
.main_content_text_class .cal_header
{
    font-weight: normal;
    color: #fff;
    text-decoration:none;
    background-color:#ccccff;    
}
.main_content_text_class .cal_day_header
{
    font-weight: normal;
    color: #fff;
    text-decoration:none;
    background-color:#6666ff;    
}

.main_content_text_class .cal_day
{
    text-decoration:none;
    border-top : 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff; 
}

.main_content_text_class .cal_day a
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .cal_day a:link
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .cal_day a:hover
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .cal_day a:visited
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .cal_day a:active
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}

.main_content_text_class .cal_day_selected
{
    font-weight: normal;
    color: black;
    text-decoration:none;
    background-color:#6666ff;    
}

.main_content_text_class .cal_day_selected a
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .cal_day_selected a:link
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .cal_day_selected a:hover
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .cal_day_selected a:visited
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .cal_day_selected a:active
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}

.main_content_text_class .cal_title
{
    font-weight: normal;
    text-decoration:none;
    color: #fff;
    background-color:#6666ff;
    border-top : 1px solid #6666ff;
    border-bottom: 1px solid #6666ff;
    border-left: 1px solid #6666ff;
    border-right: 1px solid #6666ff;  
      
}
.main_content_text_class .cal_title a
{
    font-weight: normal;
    text-decoration:none;
    color: #fff;
}
.main_content_text_class .cal_title a:link
{
    font-weight: normal;
    text-decoration:none;
    color: #fff;
}
.main_content_text_class .cal_title a:hover
{
    font-weight: normal;
    text-decoration:none;
    color: #fff;
}
.main_content_text_class .cal_title a:visited
{
    font-weight: normal;
    text-decoration:none;
    color: #fff;
}
.main_content_text_class .cal_title a:active
{
    font-weight: normal;
    text-decoration:none;
    color: #fff;
}
.main_content_text_class a.cal_title_link
{
    font-weight: normal;
    text-decoration:none;
    color: #fff;
    background-color:#6666ff;
    border-top : 1px solid #6666ff;
    border-bottom: 1px solid #6666ff;
    border-left: 1px solid #6666ff;
    border-right: 1px solid #6666ff;  
      
}

.cal_other_months_style
{
    color:#969696;
}

.main_content_text_class .cal_other_months_style a
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .cal_other_months_style a:link
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .cal_other_months_style a:hover
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .cal_other_months_style a:visited
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .cal_other_months_style a:active
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}


/**********************************************
    CALENDAR Post
**********************************************/
.main_content_text_class .calpostHeading 
{
    text-align: center;
	float: left;
    background-color: #FFC000;
    width:80%; 
    color: #000;
    line-height: 1.5rem;
}

.main_content_text_class table.calpost
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
    background-color:#FFEDB3;    
    border-top : 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff; 
    width:80%; 
}
.main_content_text_class .calpost_header
{
    font-weight: normal;
    color: #000;
    text-decoration:none;
    background-color:#FFEDB3;    
}

.main_content_text_class .calpost_day_header
{
    font-weight: normal;
    color: #000;
    text-decoration: none;
    background-color: #FFC000;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

.main_content_text_class .calpost_day
{
    text-decoration:none;
    border-top : 1px solid #fff;
    border-bottom: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff; 
}

.main_content_text_class .calpost_day a
{
    font-weight: normal;
    text-decoration:none;
    color: #fff;
}
.main_content_text_class .calpost_day a:link
{
    font-weight: normal;
    text-decoration:none;
    color: #fff;
}
.main_content_text_class .calpost_day a:hover
{
    font-weight: normal;
    text-decoration:none;
    color: #fff;
}
.main_content_text_class .calpost_day a:visited
{
    font-weight: normal;
    text-decoration:none;
    color: #fff;
}
.main_content_text_class .calpost_day a:active
{
    font-weight: normal;
    text-decoration:none;
    color: #fff;
}

.main_content_text_class .calpost_day_selected
{
    font-weight: normal;
    color: black;
    text-decoration:none;
    background-color:#FFC000;    
}

.main_content_text_class .calpost_day_selected a
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .calpost_day_selected a:link
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .calpost_day_selected a:hover
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .calpost_day_selected a:visited
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .calpost_day_selected a:active
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}


.main_content_text_class .calpost_title
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
    background-color:#FFC000;
    border-top : 1px solid #FFC000;
    border-bottom: 1px solid #FFC000;
    border-left: 1px solid #FFC000;
    border-right: 1px solid #FFC000;  
      
}
.main_content_text_class .calpost_title a
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .calpost_title a:link
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .calpost_title a:hover
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .calpost_title a:visited
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class .calpost_title a:active
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
}
.main_content_text_class a.calpost_title_link
{
    font-weight: normal;
    text-decoration:none;
    color: #000;
    background-color:#6666ff;
    border-top : 1px solid #FFC000;
    border-bottom: 1px solid #FFC000;
    border-left: 1px solid #FFC000;
    border-right: 1px solid #FFC000;  
      
}

/**********************************************
**********************************************/

.main_content_text_class .hotline_leitfaden
{
    padding: 0px 0px 0px 0px;
    text-decoration:none;
    font-style:italic;
    color: green;
      
}


/**********************************************
    Panel
**********************************************/
.bold_panel legend
{
    font-size:1.25rem;
    font-weight: bold;
    color: black;
    text-decoration:none;
}



/**********************************************
    WIZARD HEADER
**********************************************/
#main_content_caption .auftrag_header
{
    border: 0px;
}
#main_content_caption .auftrag_header td
{
    border-right: 1px solid #fff;
    padding: 0px 10px 0px 0px;
    color: #000;
    vertical-align: middle;
}
#main_content_caption .auftrag_header td img
{
    padding: 0px 3px 0px 3px;
    margin: 0px;
    height: 32px;
    vertical-align: middle;
}
#main_content_caption .auftrag_header td span
{
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

/**********************************************
    TABLE ROWS
**********************************************/

.main_content_text_class  td.blue_right
{
    font-size: 0.85rem;
    text-align: right;
    background-color: #6666ff;
    color: #fff;
    padding: 3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.main_content_text_class  tr.blue_left
{
    font-size: 0.85rem;
    background-color: #6666ff;
    color: #fff;
    padding: 3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.main_content_text_class  td.blue_left
{
    font-size: 0.85rem;
    background-color: #6666ff;
    color: #fff;
    padding: 3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.main_content_text_class  td.blue_center
{
    font-size: 0.85rem;
    text-align: center;
    background-color: #6666ff;
    color: #fff;
    padding: 3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.main_content_text_class  tr.blue_center
{
    font-size: 0.85rem;
    text-align: center;
    background-color: #6666ff;
    color: #fff;
    padding: 3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.main_content_text_class td.lightBlue_right
{
    font-size: 0.85rem;
    text-align: right;
    background-color: #ccccff;
    color: #000;
    padding: 3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.main_content_text_class td.lightBlue_left
{
    font-size: 0.85rem;
    text-align: left;
    background-color: #ccccff;
    color: #000;
    padding: 3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

/**********************************************
    TABLE HEADER
**********************************************/
.main_content_text_class th
{
    font-weight: normal;
}
.minwidth40 
{
    min-width: 40px;
}
.main_content_text_class td.gray_left
{
    font-size: 0.85rem;
    background-color: #dddddd;
    color: #000;
    padding: 3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.main_content_text_class  th.blue_center
{
    font-size: 0.85rem;
    text-align: center;
    background-color: #6666ff;
    color: #fff;
    padding: 3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.main_content_text_class  th.blue_left
{
    font-size: 0.85rem;
    background-color: #6666ff;
    color: #fff;
    padding: 3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.main_content_text_class td.gray_center
{
    font-size: 0.85rem;
    text-align: center;
    background-color: #dddddd;
    color: #000;
    padding: 3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.main_content_text_class td.lightBlue_center
{
    font-size: 0.85rem;
    text-align: center;
    background-color: #ccccff;
    color: #000;
    padding: 3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}

.main_content_text_class td.white_left
{
    font-size: 0.85rem;
    background-color: #fff;
    color: #000;
    padding: 3px;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}
.main_content_text_class td.red_cube
{
    width: 40px;
    height: 40px;
    background-color: Red;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
}


/**********************************************
    Calculator
**********************************************/
table.calculatorresult
{
    width:480px;
}

/**********************************************
    SMS Versand
**********************************************/

.PanelZGBReceiver
{
    position:relative;
    float:left;
    width:265px; 
    background-color:#ffffff;  
}

.PanelReceivers
{
    position:fixed;
    float:right;
    width:352px;
    height:268px;     
    top:375px;   
    left: 60%;
    background-color:#ffffff;
    white-space:nowrap; 
    overflow:auto;
}

.PanelMessage
{
    position:fixed;
    float:right;
    width:352px;
    height:150px;     
    top:200px;    
    left: 60%;
    padding:5px;
    background-color:#ffffff;
    border:solid 1px #eeeeee;
}

/*** List Styles *************/

.PanelListing ul
{
	margin: 0;
	padding: 0; 
	list-style-type: none;
	text-align: left;
	clear:both;
	overflow:auto;
}

.PanelListing ul li { display: inline; }

.PanelTitle
{
	float:left;
	width: 45px; 
}

.PanelContent
{
	float: left;
	width: 120px;
}
.PanelContentSmaller
{
	float: left;
	width: 50px;
}
.PanelContentLonger
{
	float: left;
	width: 145px;
}

.PanelContentUltraLong
{
	float: left;
	width: 155px;
}

.PanelContentAuswertung
{
	float: left;
	width: 135px;
}

.PanelMessageTitle
{
	float:left;
	width: 100px; 
}

.PanelMessageContent
{
	float: right;
	text-align:right;
	width: 250px;
}



/**********************************************
    Password Definition
**********************************************/
#pwCheck
{
    margin-bottom:20px;
}
#pwCheck .pwCheckFailure
{
    color:red;
}
#pwCheck .pwCheckOK
{
    color:green;
}
.main_content_text_class input.pwCheckFailure
{
    background: #fed; 
    border: 1px solid red;
}
.main_content_text_class input.pwCheckOK
{
    background-color:yellowgreen; 
    border: 1px solid green;
}

/**********************************************
    Wizard
**********************************************/
.WizardPage
{
    border: 1px solid  #ccc;
    /*width:100%;*/
    min-height:200px;
    padding:10px;
    margin-bottom:20px;
}
.WizardPageHeader
{
    font-weight:bold;
    color:#000;
    background-color: #DFDFDF;
    padding: 0px;
    margin: -10px -10px 10px -10px;
    padding: 10px 10px 10px 10px;
} 


/**********************************************
    DIVERSES
**********************************************/
#sketchUpload {
    display: inline-block;
    width: 350px;
    display: inline-block;
    margin-right: 4px;
    margin-left: 4px;
}

.table_header {
    padding: 2px 2px 2px 2px;
    font-weight: normal;
    background-color: #6666ff;
    color: #fff;
    font-style: normal;
    text-decoration: none;
}

.table_header_right
{
    padding: 2px 2px 2px 2px;
    font-weight:normal;
    background-color:#6666ff;
    color:#fff ;
    font-style:normal; 
    text-decoration:none;  
    text-align:right;
}

table
{
    line-height: 16px;
    font-weight: normal;
    color: #383838;
}

th
{
    font-weight:normal;   
}
.dxgvHeader_Quickmail table
{
    color: #ffffff;
}

.hellblau
{
    background-color: #ccccff;  
    padding: 2px 2px 2px 2px; 
}
.hellblau_right
{
    background-color: #ccccff;  
    padding: 2px 2px 2px 2px; 
    text-align: right;
}
.rot
{
    background-color: #ffffff;
    border-right: 1px solid #ff0000 ;
    padding-left: 0px;
}
.hellgrau
{
    background-color: #DFDFDF;
    border-right: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    padding-left: 0px;
    padding: 2px 2px 2px 2px;
}
.hellgrau_mit_rahmen
{
    background-color: #DFDFDF;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
}
.grau
{
    background-color: #B2B2B2;
    border-right: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    padding-left: 0px;
}
.dunkelgrau
{
    background-color: #969696;
    border-right: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    padding-left: 0px;
}

.hellblau_mit_rahmen
{
    background-color: #ccccff;   
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
    border-top: 1px solid #ffffff;
    padding-right: 10px;
}

.blau
{
    background-color: #6666ff;   
}
 
.content_caption2
{	 
   	font-weight: bold;
	line-height: 16px;
	padding-left: 0px;
	margin-top: 0px;
}
.main
{
    height:500px;    
}
.textbox
{
    font-size:0.85rem;
    font-weight:normal;
    height:12px;
}

input, select
{
    padding: 0 0 0 2px;
    font-size:0.8rem;
    font-weight:normal;
    margin-left:4px;
    margin-right:4px;
    box-sizing:border-box;
}

textarea
{
    padding: 0 0 0 2px;
    margin-left:4px;
    margin-right:4px;
}

input.textfeld, .details_view select {
    background-color: #ccccff;
}
input.textfeld_breit, textarea.textfeld_breit
{
    width:350px;
    height: 20px;
    border: 1px solid #75736E;
    background-color: #ccccff;
}
input.textfeld_mittel, textarea.textfeld_mittel {
    width: 250px;
    height: 20px;
    border: 1px solid #75736E;
    background-color: #ccccff;
}
input.textfeldText13
{
    height: 20px;
    border: 1px solid #75736E;
    padding: 0px;
    background-color: #ccccff;
}

input.textfeld_20Proz
{
    width:70px;
}

.label_ausruestung_anzahl
{
    display:inline-block;
    min-width: 50px;
    font-weight:normal;
    padding: 0px;
    margin-left: 0px;
    margin-right: 15px;
}

.label_ausruestung_datum
{
    display:inline-block;
    min-width:133px;
    font-weight:normal;
    padding: 0px;
    margin-left: 11px;
}

input.textfeld_strasse {
    width: 280px;
    height: 20px;
    border: 1px solid #75736E;
    background-color: #ccccff;
    margin-right: 20px;
}
input.textfeld_hausnummer
{
    width: 46px;
    height: 20px;
    border: 1px solid #75736E;
    margin-left: 0px;
    background-color: #ccccff;
}
input.textfeld_ausruestung_anzahl
{
    width: 50px;
    height: 20px;
    border: 1px solid #75736E;
    padding: 0px 0px 0px 2px;
    margin-left: 0px;
    background-color: #ccccff;
}

input.textfeld_ausruestung_datum
{
    width:120px;
    height: 20px;
    border: 1px solid #75736E;
    padding: 0px 0px 0px 2px;
    margin-left: 20px;
    background-color: #ccccff;
}

.textarea_breit
{
    width:350px;
    border: 1px solid #75736E;
    margin: 0px;
    background-color: #ccccff;
}

select.dropdown_breit
{
    width:350px;
    font-size: 0.8rem;
    height: 20px;
    border: 1px solid #75736E;
    padding: 0px;
    background-color: #ccccff;
}

select.dropdown_mittel {
    width: 250px;
    font-size: 0.8rem;
    height: 20px;
    border: 1px solid #75736E;
    padding: 0px;
    background-color: #ccccff;
}

select.dropdown_schmal
{
    width:230px;
    font-size: 0.8rem;
    height: 20px;
    border: 1px solid #75736E;
    padding: 0px;
    background-color: #ccccff;
}

select.dropdown_schmal_cal_nomargin
{
    width:80%;
    font-size: 0.8rem;
    height: 20px;
    border: 1px solid #75736E;
    padding: 0px;
    background-color: #ccccff;
    margin: 0px;
}

select.dropdown_schmal_cal_nomargin_post {
    width: 80%;
    font-size: 0.8rem;
    height: 20px;
    border: 1px solid #75736E;
    padding: 0px;
    background-color: #FFEDB3;
    margin: 0px;
}

input.button_standard
{
    width:100px;
}
.table_caption
{
    background-color: #B2B2B2;
    border-right: 0px solid #ffffff;
    border-bottom: 0px solid #ffffff;
    padding: 4px 0px 4px 10px;
    height: 26px;
}

.PanelDepotHead
{
    margin-top:10px;
    margin-bottom:1px;
    position:relative;
    padding-left: 5px;
    padding-right: 30px;
    padding-top: 3px;
    padding-bottom: 3px;
    background-color:#eeeeee;
    width: 300px;      
}

.PanelAuftragsAuswertung
{
    position:relative;
    overflow:scroll;  
    white-space:nowrap; 
    overflow:scroll;
    width:680px;  
    height:500px;
    padding-bottom:15px;
}

.PanelAuftragsAuswertungStandard
{
    position:relative;
    width:680px;  
    padding-bottom:15px;
}

#AuftragsInformationen, #UserInformationen
{
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #b2b2b2;
}

#AuftragsInformationen span.AuftragInformationenDesc, #UserInformationen span.UserInformationenDesc
{
    font-size: 0.85rem;
    font-weight: bold;
}

#AuftragsInformationen span.AuftragInformationenVal, #UserInformationen span.UserInformationenVal
{
    font-size: 0.85rem;
    font-weight: normal;
}

#KontoInformationen
{
    padding: 0px;
    margin: 0px;
    border-bottom: 1px solid #b2b2b2;
}

#KontoInformationen span.KontoInformationenDesc
{
    font-size: 0.85rem;
    font-weight: bold;
}

#KontoInformationen span.KontoInformationenVal
{
    font-size: 0.85rem;
    font-weight: normal;
}

.ListBoxChooserDepot
{
    float: left;
    margin: 0 16px 16px 0;
	width: 520px;
}

.ListBoxChooserZGBRegion
{
    float: left;
    margin: 0 16px 16px 0;
	width: 125px;
    width:120px;
}


.ListBoxChooserZGBRegion ul li 
{ 
	padding: 0; 
	list-style-type: none;
	text-align: left;
	clear:both;
	overflow:auto;
}

.ListBoxChooserZGBRegion ul li { display: inline; }

.PanelContentTitle
{
    width:20px;
    text-align:left;
}
.PanelContentControls
{
    width:35px;
    text-align:right;
}


.ListBoxChooserBezirk
{
    float: left;
    margin: 0 16px 16px 0;
	width: 120px;
}

.MultiCheckPanel
{
    background: url('../img/MultiCheck.png');
    background-position:0px 0px ;
    background-repeat:no-repeat;
    display:block;
    margin:0;
    padding:0;
    border:none;
    width:20px;
}

.TextBoxRegular
{
    background-color: #CCCCFF;
    border: 1px solid #75736E;
    font-size: 0.9rem;
    font-weight: normal;
    height: 18px;
    margin: 0;
    padding: 0;
}

.DropDownRegular
{
    background-color: #CCCCFF;
    border: 1px solid #75736E;
    display: block;
    float: right;
    font-size: 0.9rem;
    font-weight: normal;
    height: 20px;
    margin: 0 0 0 4px;
    padding: 0;  
}

.imgKoopPartner
{
    margin-top: 30px;
    margin-left: 55px;
}

#quick_index {
    margin-top: 15px;
    margin-left: 15px;
    height: 153px;
}

.tableCellCaption
{
    font-weight: bold;
    padding-right: 15px;
}


.QuickStampLeft
{
    width:340px;
    padding-right:30px;
    float:left;    
}

.RightAlign
{   
    float:right;   
}
td.RightAlign
{
    text-align:right;
}
td.CenterAlign
{
    text-align:center;
}


.loadingImage
{
   vertical-align: middle;
   display: inline;
}
.loadingText
{
   vertical-align: middle;
   margin-left: 6px;
   padding: 3px;
   display: inline;
}

.main_content_text_class .RedrZettelList li
{  
    margin: 4px 4px 4px 4px;
    padding: 0;  
    list-style-image: none;
    line-height: 24px;
}

.main_content_text_class .RedrZettelList li img
{  
    vertical-align:middle;
}

.ui-datepicker-trigger 
{ 
    position: relative; 
    top: 4px; left: 2px;
}

img
{  
    border-style: none;
}

.padding_bottom_10
{
    padding-bottom:20px;
}



/**********************************************
    BXSlider
**********************************************/
.bx-wrapper .bx-viewport {
	-moz-box-shadow: 0 0 0 #fff;
	-webkit-box-shadow: 0 0 0 #fff;
	box-shadow: 0 0 0 #fff;
	border: 0 none #fff;
	left: 0;
}

.bxslider
{
    margin:0;
    padding:0;
}

.bxslider .above
{
    position:absolute;
    top:0px;
    left:10px;
    color:white;
}



/**********************************************
    ucKWEingabe
**********************************************/
input.calendar
{
    background-color: #ccccff;
    margin-left:0px;
}
input.week
{
    width: 20px;
}
input.year
{
    width: 35px;
}
input.date
{
    width:70px;
}
.control
{
/*    border: 1px solid #ccc;
    background-color:beige;
    padding:3px;*/
}



/**********************************************
    Quicktraining
**********************************************/
#quicktraining
{
    width:100%;
    border-spacing: 7mm;

}

#quicktraining .qtquestion
{
    background-color: #6666ff;
    color: white;
    height: 160px;
    text-align: center;
    vertical-align: middle;
    box-sizing: border-box;
    border-radius: 30px 30px 30px 30px;
    /*font-size:1.4em;*/
    line-height: 1.4em;
}

#quicktraining tr
{
    margin-bottom:20px;
    padding-bottom:20px;
}

#quicktraining .tdqtantwort
{
    width:50%;
    background-color:#c9c9ff;
    height:130px;
    text-align:center;
    cursor:pointer;
    box-sizing: border-box;
    border-radius: 30px 30px 30px 30px;
    /*font-size:1.2em;*/
    line-height:1.2em;
}
#quicktraining .tdqtantwort h1
{
    font-weight:bold;
    margin-bottom:0px;
    font-size: 91%;
    /*font-size:1.2em;*/
}
#quicktraining .tdbutton
{
    padding-top:10px;
}

#quicktraining .qtbutton
{
    color: #000;
    background-color: lightgray;
    text-decoration: none;
    text-align: center;
    /*font-size: 1.2em;*/
    padding:20px;
    border-radius: 15px 15px 15px 15px;
}
#quicktraining .qtbutton[disabled]
{
    color: #888888;
}
#quicktraining a.disabled
{
    color: #888888;
}

#qtsummary2
{
    margin-top:20px;
}
.qterror
{
    background-color:red !important;
}
.qtsuccess
{
    background-color:#92d050 !important;
}

/**********************************************
    AutoComplete
**********************************************/
/*AutoComplete flyout */
.autocomplete_completionListElement, .main_content_text_class li.autocomplete_completionListElement {
    margin: 0px !important;
    padding: 0px !important;
    background-color: window;
    color: windowtext;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    overflow: auto;
    max-height: 320px;
    text-align: left;
    list-style-type: none;
    list-style-image: none;
    display:block;
}

ul.autocomplete_completionListElement, ul.autocomplete_completionListElement li
{
    display: list-item;
}



/* AutoComplete highlighted item */
.autocomplete_highlightedListItem, .main_content_text_class li.autocomplete_highlightedListItem {
    margin: 0px !important;
    padding: 0px !important;
    background-color: #ccccff;
    color: black;
    padding: 1px;
    list-style-image: none;
}

/* AutoComplete item */
.autocomplete_listItem, .main_content_text_class li.autocomplete_listItem {
    margin: 0px!important;
    padding: 0px!important;
    background-color: window;
    color: windowtext;
    padding: 1px;
    list-style-image:none;
}



/**********************************************
    Sonstige
**********************************************/
.padleft60
{
    padding-left:60px;
}
.newZustellerMsg
{
    margin-bottom:50px;
}
.gray, span.gray
{
    color:gray;
}
.red, span.red
{
    color:red;
}


/**********************************************
    Meilensteine
**********************************************/
#tbl_meilensteine td {
}
#tbl_meilensteine .left {
    background-color: #c9c9ff;
    padding: 20px;
}
#tbl_meilensteine .middle {
    color: #6666ff;
    vertical-align: top;
    text-align: right;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 15px;
    padding-right: 15px;
}
#tbl_meilensteine .right {
    vertical-align: top;
    padding-top: 5px;
    padding-bottom: 5px;
}


/**********************************************
    News
**********************************************/
.dxeHyperlink, .dxeHyperlink:visited
{
    font-family: Tw Cen MT, Arial, Verdana, Helvetica;
    font-size: 0.9rem;
    color: #6666FF;
    text-decoration: underline;
}
.dxis-itemTextArea a:visited
{
    color: #6666FF;
}

.main_content_text_class .dxhlControl a,
.main_content_text_class_startpage .dxhlControl a 
{
    text-decoration: none;
    color: black;
}
p.insidenewslink
{
    margin-bottom: 0px;
}
.main_content_text_class .dxhlControl .insidenewslink a,
.main_content_text_class_startpage .dxhlControl .insidenewslink
{
    color: #6666FF;
    text-decoration: underline;
}

.insidenewslink img {
    display: inline !important;
    vertical-align: middle;
}
.dxeBase {
    font-family: Tw Cen MT, Arial, Verdana, Helvetica;
    font-size: 0.9rem;
}
.dxhlDate 
{
    color: #6666FF;
    font-weight: bold;
    font-family: Tw Cen MT, Arial, Verdana, Helvetica;
    font-size: 0.9rem;
    background-color: #fff;
    line-height: 16px;
}
.dxhlHeader
{
    font-family: Tw Cen MT, Arial, Verdana, Helvetica;
    font-size:16px;
}
.dxhlContent
{
    font-family: Tw Cen MT, Arial, Verdana, Helvetica;
    font-size: 0.9rem;
}
.dxncControl td.dxncCtrl
{
    padding: 0px;
}
.dxncItem
{
    vertical-align: top;
    border-bottom: 1px solid #A8A8A8;
    padding: 12px 0px;
}

.main_content_text_class_startpage .dxncItem 
{
    border-bottom: 0px none #A8A8A8;
    padding: 0px 0px 12px;
}
.main_content_text_class a:visited {
}

.Abwesenheiten .dxeButtonEdit_Quickmail
{
    width: 80px;
}

.dxeButtonEdit_Quickmail.error, .dxeButtonEdit_Quickmail.edit.error
{
    border-color:red;
    background: #fed
}
.dxeButtonEdit_Quickmail.edit.error input
{
    background: #fed
}

.dxeButtonEdit_Quickmail.edit 
{
    border-color: #75736E;
    background: #ccccff
}
.dxeButtonEdit_Quickmail.edit input
{
    background: #ccccff
}



/**********************************************
    DevExpress Grid
**********************************************/
table.dxgvTable_Quickmail tr.dxgvArm td,
table.dxgvTable_Quickmail tr.dxgvDataRow_Quickmail td
{
/*    width:100% !important;*/
}
table.dxgvTable_Quickmail tr.dxgvArm td:first-child,
table.dxgvTable_Quickmail tr.dxgvDataRow_Quickmail td:first-child
{
/*    width:100% !important;*/
}
/**********************************************
    Extranet Reiter Produkt
**********************************************/
.produkt 
{
    display: block;
    float: left;
    clear: left;
}

/**********************************************
    Context Menu
**********************************************/
.contextMenu
{
    padding: 2px;
    box-shadow: 5px 5px  #DFDFDF;
    border: 1px solid #808080;
    background-color:white;
}
.contextMenu td
{
    padding:2px 2px 2px 2px;
}
.contextMenu td.tdContextItem
{
    background-color: #DFDFDF;
    border-top: 1px solid #fff;
    padding: 2px 2px 2px 2px;
}
.ContextItem
{
    background-color: #DFDFDF;
    color: Black;
    font-weight: normal;
}

.ContextItem:hover
{
    background-color: #0066FF;
    color: White;
    font-weight: bold;
}

.detailItem
{
    background: transparent;
}

.detailItem:hover
{
    background-color: #FEE378;
    border: 1px outset #222222;
    font-weight: bold;
    cursor: default;
}

.nomargin
{
    margin:0px;
}

/**********************************************
    Veranstaltungen
**********************************************/
.Veranstaltung td
{
    color:black;
}
.Veranstaltung p
{
    margin-left:2px;
}

/**********************************************
    DevExpress-Einstellungen überschreiben
**********************************************/
.Quickmail input.dxeEditArea_Quickmail
{
    font-size: 0.8rem !important;
}

table.grid th,
table.grid td
{
    padding:3px !important;
}

/**********************************************
    Zwei-Faktor-Authentisierung
**********************************************/
.mfa-secret 
{
    font-size: 12px;
    font-style: italic;
    margin-bottom: 10px;
}

.success-label {
    max-width: 350px;
}

.userOTCodes {
    display: flex;
    justify-content: center;
    white-space: pre-wrap;
}

.userOTCodesInfo {
    max-width: 350px;
    display: block;
    margin-bottom: 15px;
}

.mfaCode-benoetigt {
    display: block;
    margin-top: 5px;
}

.mfaNotEnabled{
    display: none;
}


.form_ddl_middle[readonly],
.form_ddl_middle[disabled],
.form_ddl_small[readonly],
.form_ddl_small[disabled],
.form_tb_middle_left[readonly],
.form_tb_middle_left[disabled],
.form_tb_wide[readonly],
.form_tb_wide[disabled],
.form_tb_middle[readonly],
.form_tb_middle[disabled],
.form_tb[readonly],
.form_tb[disabled],
.textbox-disabled[disabled] {
    background-color: rgba(204,204,255, 0.5)
}



.legend {
    background-color: #ffffffd9;
    padding: 5px;
    border-radius: 5px;
}
.legend ul {
    list-style: none;
    overflow: hidden;
}
.legend strong {
    font-size: 14px;
    padding: 4px;
}

.app-qr-code-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-around
}

.app-qr-code-wrapper a {
    display: flex;
    flex-direction: column;
    align-items: center
}

.app-qr-code {
    width: 150px;
    height: 150px;
}

.app-store-banner {
    width: 135px;
    height: 100%;
}
.QMLogoMobile {
    display: none;
}

.materialbestellung-auswahl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.materialbestellung-auswahl {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
    gap: 1rem;
    width: 100%;
}

.materialbestellung-auswahl-wrapper {
    flex: 1 1 calc(33.333% - 1rem);
    max-width: calc(33.333% - 1rem);
    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    align-items: center;
    border: 1px solid #ccc;
    padding: 0.5rem;
    border-radius: 6px;
    background-color: #f9f9f9;
    flex-wrap: wrap;
    position: relative;
}

/* Responsive: 2 Kacheln pro Reihe auf Tablets (768px - 1024px) */
@media (max-width: 1024px) and (min-width: 768px) {
    .materialbestellung-auswahl-wrapper {
        flex: 1 1 calc(50% - 1rem);
        max-width: calc(50% - 1rem);
    }
}

/* Responsive: 1 Kachel pro Reihe auf Mobilgeräten (< 768px) */
@media (max-width: 767px) {
    .materialbestellung-auswahl-wrapper {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

.materialbestellung-anzahl {
    width: 30px;
    height: 100px;
    text-align: center;
    margin-right: 10px;
}

.materialbild-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.materialbestellung-bezeichnung {
    margin-top: 0.5rem;
    text-align: center;
    font-size: 0.9rem;
    font-weight: normal;
    width: 100%;
}

.materialbestellung-bild {
    width: 110px;
    height: 100px;
    object-fit: cover;
    margin: 0 10px;
}

.materialbestellung-buttons {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100px;
}
.materialbestellung-button {
    width: 35px;
    height: 48px; 
    font-size: 1rem;
    margin: 0;
}


.materialbestellung-oben {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.materialbestellung-bezeichnung {
    margin-top: 0.5rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
}

.materialbestellung-diff {
    display: none; /* Delta-Anzeigen werden nicht mehr verwendet */
    font-weight: bold;
    position: absolute;
    left: 15px;
}

.materialbestellung-auswahl-wrapper.delta-positive {
    background-color: #d4edda;
    border: 2px solid #28a745;
}

.materialbestellung-auswahl-wrapper.delta-negative {
    background-color: #f8d7da;
    border: 2px solid #dc3545;
}

.warning-icon {
    position: absolute;
    bottom: 41px;
    right: 5px;
    font-size: 1.2em;
    cursor: help;
}

.zusaetzliche-begruendung {
    margin-top: 0;
    padding: 1rem;
    border-radius: 4px;
}

.materialbestellung-auswahl-wrapper.disabled {
    opacity: 0.6;
    pointer-events: none;
}

.materialbestellung-button.disabled {
    opacity: 0.1;
    cursor: not-allowed;
    pointer-events: none;
}

.materialbestellung-auswahl-wrapper.disabled .materialbestellung-anzahl {
    background-color: #f5f5f5;
    color: #999;
}

.materialbestellung-auswahl-wrapper.disabled .materialbestellung-bezeichnung {
    color: #999;
}

.materialbestellung-auswahl-wrapper.disabled .materialbestellung-bild {
    opacity: 0.1;
    filter: grayscale(100%);
}

.cancelled-row {
    background-color: #f5f5f5 !important;
    color: #888 !important;
    text-decoration: line-through;
    opacity: 0.6;
}

.cancelled-row td {
    color: #888 !important;
    text-decoration: line-through;
}

.cancelled-row img {
    opacity: 0.5;
}

.materialbestellung-bestand {
    margin-top: 8px;
    padding: 6px 10px;
    background-color: #e3f2fd;
    border: 1px solid #1976d2;
    border-radius: 4px;
    font-size: 14px;
    color: #1976d2;
    text-align: center;
    width: 100%;
}

.materialbestellung-bestand strong {
    font-weight: bold;
}

.bestand-anzahl {
    color: #0d47a1;
    font-weight: bold;
    font-size: 14px;
}

.materialbestellung-auswahl-wrapper.disabled .materialbestellung-bestand {
    background-color: #f5f5f5;
    border-color: #bdbdbd;
    color: #757575;
}

.materialbestellung-auswahl-wrapper.disabled .bestand-anzahl {
    color: #757575;
}


.submitBtn {
    margin-top: 20px;
    margin-bottom: 15px;
    margin-left: auto;
    max-width: 200px;
}

.order-header-row {
    background-color: #e9ecef !important;
    border-top: 3px solid #6c757d !important;
    border-bottom: 1px solid #6c757d !important;
    font-weight: normal !important;
}

.order-header-row td {
    background-color: #e9ecef !important;
    color: #495057 !important;
    padding: 15px 10px !important;
    font-size: 14px !important;
    border: none !important;
}

.order-header-row .header-cell {
    font-size: 14px !important;
    padding: 15px 10px !important;
    color: #495057 !important;
    background-color: #e9ecef !important;
}
/* ZustellmaterialBestellung – Validierungsanzeige */
.validation-errors-panel {
  margin: 20px 0;
  padding: 15px;
  border: 2px solid #d9534f;
  border-radius: 8px;
  background-color: #f9f2f4;
}
.validation-errors-panel h4 {
  color: #d9534f;
  margin-top: 0;
}
.validation-errors-table {
  margin: 15px 0;
}
.validation-errors-table th {
  background-color: #d9534f;
  color: #fff;
  font-weight: bold;
  padding: 5px;
}
.validation-errors-table td {
  vertical-align: top;
  padding: 8px 12px;
}
.validation-errors-table td:first-child {
  width: 30%;
  font-weight: bold;
}
/* MaterialBestand (Intranet) */
.info-panel { background-color:#d1ecf1; border:1px solid #bee5eb; border-radius:4px; padding:15px; margin-bottom:20px; color:#0c5460; }
.info-panel h3 { margin-top:0; color:#0c5460; }
.success-message { background-color:#d4edda; border:1px solid #c3e6cb; border-radius:4px; padding:15px; margin-bottom:20px; color:#155724; }
.error-message { background-color:#f8d7da; border:1px solid #f5c6cb; border-radius:4px; padding:15px; margin-bottom:20px; color:#721c24; }
.bestaetigung-panel { background-color:#fff3cd; border:1px solid #ffeaa7; border-radius:4px; padding:15px; margin:20px 0; display:flex; align-items:flex-start; gap:10px; }
.bestaetigung-checkbox { margin:0; transform:scale(1.2); }
.bestaetigung-text { font-size:14px; color:#856404; font-weight:500; line-height:1.4; margin:0; cursor:pointer; }
.submitBtn.disabled { opacity:.5; cursor:not-allowed; pointer-events:auto; }

/* Gemeinsame Delta-Farben */
.materialbestellung-anzahl.positive-value { border:2px solid #4caf50; background:#f1f8e9; }
.materialbestellung-anzahl.negative-value { border:2px solid #f44336; background:#ffebee; }

/* Stornierte Bestellungen - Graueffekt und Durchstreichung */
.stornierte-bestellung {
    opacity: 0.6;
    background-color: #f8f8f8;
}
.stornierte-bestellung td {
    text-decoration: line-through;
    color: #999999;
}
/* Stornierte position rows erhalten gleiche Behandlung */
.position-row.stornierte-bestellung td {
    text-decoration: line-through;
    color: #999999;
    font-style: italic;
}
/* Status indicator für stornierte Bestellungen */
.stornierte-bestellung .status {
    font-weight: bold;
    color: #d9534f;
    text-decoration: none;
}

/* MaterialBestand Übersichtsseite */
.uebersicht-panel {
    margin-top: 2rem;
}

.uebersicht-panel h2 {
    color: #333;
    margin-bottom: 1.5rem;
    font-size: 1.5rem;
}

.warnung-box {
    background-color: #fff3cd;
    border: 1px solid #ffeaa7;
    border-radius: 4px;
    padding: 15px;
    margin-bottom: 20px;
}

.warnung-box p {
    margin: 0.5rem 0;
    color: #856404;
}

.warnung-box p:first-child {
    font-size: 1rem;
    font-weight: 500;
    margin-bottom: 0.5rem;
}

.delta-column {
    font-weight: bold;
}

.button-group {
    margin-top: 20px;
    display: flex;
    gap: 10px;
    justify-content: center;
}

.confirm-btn, .cancel-btn {
    border-right: 1px solid #b1b1b1;
    border-left: 1px solid #b1b1b1;
    border-top: 1px solid #b4b4b4;
    padding: 8px 20px !important;
    font-size: 14px !important;
    min-width: 200px;
    text-align: center;
}

.confirm-btn {
    background-color: #5cb85c !important;
}

.cancel-btn {
    background-color: #d9534f !important;
}

/* Tasks - GridView Row Color Override */
.no-row-color {
    background-color: inherit !important;
}