/* Header -------------------- */

#header {
    background-image: url('../images/bg-header.png');
    background-repeat: repeat-x;
    background-position: left top;
    width: 100%;
    height: 80px;
    color: #fff;
    float: left;
    border-bottom: 0px solid #000000;
}

    #header .sitemap h5 {
        color: #FDAB1B;
        margin: 0;
        font-weight: bold;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 14px;
    }
/* 
Global/Body
-------------------------*/
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #404040;
    background-color: #ffffff;
    background-position: -70px top;
    background-repeat: repeat-y;
}

#search {
    border-bottom: 1px solid #ACACB5;
    background-color: #EAEAEE;
}

.color-orange { color: #FDAB1B }
.color-grey { color: #ACACB5 }

/* 
Navigation/Kategorien
-------------------------*/
#navi h6 a {
    color: #000000;
}

#navi h6.navi-active {
    border-bottom: 1px solid #ACACB5;
    border-top: 1px solid #ACACB5;
    background-repeat: repeat-x;
    background-position: left center;
}

#navi h6:hover { background-color: #CFCFD0 }

/* 
Navigation/Menüpunkte
-------------------------*/

#navi ul {
    background-color: #E1E1E8;
    border-bottom: 1px solid #ACACB5;
}
	
#navi ul li a {
    color: #000000;
    font-size: 11px;
}
			
#navi ul li a:hover, #navi ul li a.active {
    background-repeat: repeat-x;
    background-position: left center;
    color: #ffffff;
}

/*START NEW ANETTE 2022*/
.btnActive {
    display: block;
    background-image: url('../images/active.png');
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    height: 16px;
}

.btnInactive {
    display: block;
    background-image: url('../images/deactive.png');
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    height: 16px;
}

.btnDelete {
    display: block;
    background-image: url('../images/cross.png');
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    height: 16px;
}

.btnEdit {
    display: block;
    background-image: url('../images/edit.png');
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    height: 16px;
}

/*https://parallelcodes.com/styling-the-gridview-in-asp-net/*/
/*GRIDVIEW*/
.GridView {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    position: relative;
    color: #000;
    border-left: 1px solid #d2d2d6;
}

    .GridView td {
        text-align: left;
        padding: 5px;
        padding-left: 5px;
        border-right: 1px solid #d2d2d6;
    }

    .GridView th {
        padding: 5px;
    }

/*ungerade Reihen/ odd rows*/
.GridRowStyle {
    height: 25px;
    background-color: #ffffff;
}

    .GridRowStyle:hover {
        color: forestgreen;
        background-color: #ffffff;
    }

/*gerade Reihen/ even rows*/
.GridRowAlterStyle {
    background-color: #f0f0f0;
}

    .GridRowAlterStyle:hover {
        color: forestgreen;
        background-color: #f0f0f0;
    }

/*Ausgewählte Zeile (für Edit) farbig markieren-vorher im RowDataBound*/
.GridRowSelect {
    background-color: #d9ebf5;
}

/* PAGERTEMPLATE*/
.GridPager {
    background-color: #EAEAEE;
}

    /*Rahmenlinien von Gridview td im Pager löschen und padding vom Gridview td*/
    .GridPager td {
        background-color: #EAEAEE;
        border-top: none;
        border-bottom: none;
        border-left: none;
        border-right: none;
        padding: 0px;
    }

/*GRIDVIEW PAGER*/
.GridPagerStyle {
    border: 1px solid #d2d2d6;
    background-color: #EAEAEE;
}

/*kein Zeilenumbruch, sondern ... am Ende*/
.ellipsis {
    white-space: nowrap;
    overflow: hidden;
}

/*Fixed Header Translate*/
.FixedHeader {
    position: absolute;
}

/*für GV Spalte Marked in jmmbox*/
.btnCheckYes {
    display: block;
    background-image: url('../images/check_yes.png');
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    height: 16px;
}

.btnCheckNo {
    display: block;
    background-image: url('../images/check_no.png');
    background-repeat: no-repeat;
    margin-left: auto;
    margin-right: auto;
    width: 16px;
    height: 16px;
}

.markedrowsforecolor {
    color: orange;
    font: bold;
}

.markedrowsbackcolor {
    background-color: orange;
}
/*END NEW ANETTE 2022*/