body {
    font-family: 'Open Sans', Arial, Helvetica, sans-serif;
    font-size: 14px;
    color:#666666;
    background-color: #f5f5f5;
    margin: 0;
    padding: 0;
}

#outerHeadContainer {
    width: 100%;
    height: 90px;
    background: url(../img/bg_head.png) bottom left repeat-x;
}

#headContainer {
    height: 90px;
    background: url(../img/bg_head.png) bottom left repeat-x;
}

#clientContainer {
    position: absolute;
    top: 10px;
    left: 20px;
    text-align: left;
    width: 300px;
    height: 17px;
    font-size: 12px;
}

#contentLeftContainer {
    width: 210px;
    padding: 20px 0 0 0;
    float: left;
    /*border: 1px solid black;*/
}

#contentRightContainer {
    width: 1070px;
    padding: 20px 0 0 0;
    float: left;
    /*border: 1px solid black;*/
}

.cmsTitle {
    position: absolute;
    top: 55px;
    right: 0;
    font-size: 30px;
    color: #dddddd;
    font-style: italic;
}

.copyright {
    color: #dddddd;
    font-size: 11px;
    position: absolute;
    top: 16px;
    right: 0;
}

.copyright a,
.copyright a:hover {
    text-decoration: none;
    color: #dddddd;
}

.copyright a:hover {
    text-decoration: underline;
}

/*-------------------------------------------------------------------------- HEAD | SECONDARY NAVIGATION */

.sekNavContainer {
    /*position: relative;*/
    /*top: 255px;*/
    /*left: 25px;*/
    width: 190px;
    /*border: 1px solid orange;*/
    /*margin-left: 25px;*/
    /*float: left;*/
}

.sekNavContainer .boxHead {
    width: 172px;
    height: 55px;
    padding: 10px;
    background: #494949;
}

.sekNavContainer .boxHead.searchFilter,
.sekNavContainer .boxHead.noContent {
    height: 20px;
    padding: 10px 10px 0 10px;
    /*border: 1px solid white;*/
}

.sekNavContainer .boxHead.noContent {
    height: 1px;
}

.sekNavContainer .boxHead h1,
.sekNavContainer .boxContent h1 {
    font-size: 16px;
    color: #dddddd;
    line-height: 20px;
    font-weight: 400;
}

.sekNavContainer .boxHead h1 a,
.sekNavContainer .boxHead h1 a:hover {
    color: #ff9900;
    text-decoration: none;
}

.sekNavContainer .boxContent h1 {
    margin: 0 0 20px 0;
}

.sekNavContainer .boxContent {
    width: 172px;
    padding: 10px;
    color: #ffffff;
    background: #494949;
}

.sekNavContainer .boxContent ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.sekNavContainer .boxContent ul li {
    width: 172px;
    margin: 0;
    padding: 7px 0 7px 0;
    background: url(../img/seknav_separator.png) top left repeat-x;
}

.sekNavContainer .boxContent ul li.searchAttributeResults {
    background: none;
    padding: 1px 0 1px 0;
}

.sekNavContainer .boxContent ul li.navGroup {
    background: none;
}

.sekNavContainer .boxContent ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size: 14px;
}

.sekNavContainer .boxContent ul ul li {
    width: 162px;
    margin-left: 10px;
    padding: 4px 0 4px 0;
}

.sekNavContainer .boxContent ul ul li a {
    display: block;
    text-decoration: none;
    color: #ffffff;
    font-size: 11px;
}

.sekNavContainer .boxContent ul li a:hover,
.sekNavContainer .boxContent ul li a.act,
.sekNavContainer .boxContent ul li a.act:hover {
    text-decoration: none;
    color: #FF5A00;
}

.sekNavContainer .boxContent ul li {

}

.sekNavContainer .boxContent .searchAttribute {
    background: url(../img/seknav_separator.png) bottom left repeat-x;
    padding: 0 0 3px 0;
    margin: 10px 0 0 0;
    font-size: 13px;
    font-weight: bold;
}

.sekNavContainer .boxFoot {
    width: 192px;
    height: 9px;
    background: #494949;
}

/*-------------------------------------------------------------------------- FORMS */

form {
    font-size: 14px;
}

input[type="text"],
input[type="date"],
input[type="file"],
input[type="password"],
select,
textarea {
    -ms-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing: border-box;
    font-family: inherit;
    font-size: inherit;
    padding: 5px;
    border: 1px solid #7A7A7A;

}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("/img/relaunch/arrow-select.png");
    background-size: 12px 6px;
    background-repeat: no-repeat;
    background-origin: content-box;
    background-position: right -1rem center;
    padding-right: 1.5rem;
}

textarea {
    resize: none;
}

input[type="file"] {
    border: none;
    padding: 0;
}

.formTable td {
    padding: 10px 5px 10px 5px;
}

.formTable.singleLine td {
    padding: 0 5px 0 5px;
}

.formTable td p {
    margin: 0;
    line-height: 1.5rem;
}

.hint {
    font-style: italic;
    font-weight: 300i;
}

.formButtons {
    padding: 10px 0 10px 0;
}

.formButtons .floatLeft {
    margin-right: 10px;
}

.butLightGray,
.butLightGraySemiLarge,
.butLightGrayLarge,
.butLightGrayLarger,
.butLightGrayExtraLarge {
    display: block;
    border: none;
    width: auto;
    height: auto;
    padding: 7px 10px 7px 10px;
    background-color: #999999;
    color: #ffffff !important;
    font-size: inherit;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
}


.butGray3DSmall,
.butGray3DLarge,
.butGray3DLarger,
.butGray3DExtraLarge {
    width: 100px;
    height: 30px;
    background: url(../img/but_gray_3d_small.png) center center no-repeat;
    color: #dddddd !important;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    border: none;
    cursor: pointer;
    margin: 5px 0 5px 0;
}

.butGray3D {
    margin: 5px 0 5px 0;
}

.butGray3DLarge {
    width: 200px;
    background: url(../img/but_gray_3d_large.png) center center no-repeat;
}

.butGray3DLarger {
    width: 250px;
    background: url(../img/but_gray_3d_larger.png) center center no-repeat;
}

.butGray3DExtraLarge {
    width: 300px;
    background: url(../img/but_gray_3d_extralarge.png) center center no-repeat;
}

.button {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 1rem 0;
    font-family: inherit;
    padding: 0.85em 1em;
    -webkit-appearance: none;
    border: 1px solid transparent;
    border-radius: 0px;
    transition: background-color 0.25s ease-out, color 0.25s ease-out;
    font-size: 0.9rem;
    line-height: 1;
    text-align: center;
    cursor: pointer;
    background-color: #666666;
    color: #fefefe;
    text-decoration: none;
}

.button:hover, .button:focus {
    background-color: #575757;
    color: #fefefe;
    text-decoration: none;
}

.button.alert {
    background-color: #e2001a;
    color: #fefefe;
}

.button.alert:hover, .button.alert:focus {
    background-color: #b50015;
    color: #fefefe;
}

.button.success {
    background-color: #28953d;
    color: #fefefe;
}

.button.success:hover, .button.success:focus {
    background-color: #207731;
    color: #fefefe;
}

.button.springer {
    background-color: #FF5A00;
}

.button.springer:hover, .button.springer:focus {
    background-color: #DE4E00;
}

.formButtons .floatLeft .button {
    margin: 0;
}

.iconAdd,
.iconAdd:hover,
.iconDelete,
.iconDelete:hover,
.iconEdit,
.iconEdit:hover,
.iconUp,
.iconUp:hover,
.iconDown,
.iconDown:hover,
.iconRefresh {
    width: 20px;
    height: 20px;
    cursor: pointer;
    display: block;
    /*float: left;*/
    /*margin-right: 5px;*/
    background-size: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    border: none;
}

.iconAdd {
    background: url(/img/relaunch/icon-add.png) center center no-repeat;
}

.iconDelete {
    background-image: url("/img/relaunch/icon-delete.png");
}

.iconEdit {
    background-image: url("/img/relaunch/icon-edit-24.png");
}

.iconRefresh {
    background-image: url("/img/relaunch/icon-refresh.png");
}

.iconUp {
    background-image: url("../img/admin_icon_up.png");
}

.iconDown {
    background-image: url("../img/admin_icon_down.png");
}

.icon {
    margin-top: 2px;
}

.datepickerField {
    width: 120px;
    margin-right: 3px;
}

.smallSize {
    width: 120px;
}

.subNormalSize {
    width: 190px;
}

.normalSize {
    width: 230px;
}

.largeSize {
    width: 300px;
}

.extraLargeSize {
    width: 500px;
}

textarea.extraLargeSize {
    width: 500px;
    height: 120px;
}

.zipCodeSize {
    width: 40px;
}

.citySize {
    width: 175px;
}

.quantitySize {
    width: 60px;
}

.checkboxList label {
    display: block;
}

/*-------------------------------------------------------------------------- CONTENT */

#contentContainer {
    width: 1000px;
    margin: 0 auto;
    padding: 0;
    /*border: 1px solid black;*/
}

#contentContainer.shops {
    clear: both;
    width: 1280px;
}

.commonContent {
    position: relative;
    width: 1030px;
    min-height: 500px;
    height: auto;
    background: #ffffff;
    border: 1px solid #cfcfcf;
    padding: 10px 20px 20px 20px;
    margin-bottom: 20px;
}

.listGray th.grayBackground {
    background: #c8c8c8;
    color: #666666;
}

.horizontalAdminNav {
    border-bottom: 5px solid #494949;
}

.horizontalAdminNav ul {
    /*width: 98%;*/
    margin: 0 auto;
    padding: 0;
    list-style: none;
}

.horizontalAdminNav ul li {
    margin: 0;
    padding: 0;
    display: inline;
}

.horizontalAdminNav ul li a,
.horizontalAdminNav ul li a:hover,
.horizontalAdminNav ul li a.last {
    display: block;
    float: left;
    text-decoration: none;
    color: #ffffff;
    padding: 0 0 0 10px;
    margin-right: 1px;
    background-color: #494949;
}

.horizontalAdminNav ul li a.last {
    /*border-right: 1px solid #ffffff;*/
}

.horizontalAdminNav ul li a:hover {
    color: #FF5A00;
}

.horizontalAdminNav ul li a.act {
    color: #FF5A00;
}

.horizontalAdminNav ul li a span {
    display: block;
    padding: 10px 10px 10px 0;
}

#applicationNavList {
    width: 250px;
    margin-right: 5px; 
    border: 1px solid #cfcfcf;
    float: left;
}

#applicationNavEdit {
    width: 770px;
    /*border: 1px solid black;*/
    float: left;
}

#applicationNavEdit h1 {
    font-size: 15px;
    font-weight: bold;
}

#navlist {
    font-size: 14px;
    padding: 5px 0 5px 0;
}

#navlist ul {
    margin: 0;
    padding: 0;
    list-style: none;
    /*padding-left: 17px;*/
    /*margin-left: 6px;*/
}

#navlist ul li,
#navlist ul li:hover,
#navlist ul li.act1,
#navlist ul li.act2 {
    margin-left: 0;
    padding-left: 16px;
    background: url(../img/admin_arrow_right.gif) 0 5px no-repeat;
    line-height: 1.4rem;
}

#navlist ul li:hover {
    background: url(../img/admin_arrow_right_anthrazit.gif) 0 5px no-repeat;
}

#navlist ul li.act1 {
    background: url(../img/admin_arrow_down_anthrazit.gif) 0 4px no-repeat;
}

#navlist ul li.act2 {
    background: url(../img/admin_arrow_down_red.gif) 0 4px no-repeat;
}

#navlist ul li a.sn {
    color: #666666;
    text-decoration: none;
}

#navlist ul li a.sn:hover {
    color: #333333;
    text-decoration: none;
}

#navlist ul li a.sn_act1 {
    color: #333333;
    text-decoration: none;
}

#navlist ul li a.sn_act2 {
    color: #FF5A00;
    text-decoration: none;
}

.textLink,
.textLink:hover {
    font-size: 11px;
    color: #666666;
    text-decoration: none;
}

.textLink:hover {
    color: #333333
}

.navSortContainer {
    padding: 10px 0 10px 0;
    font-weight: 600;
}

.navSortContainer .sortUp,
.navSortContainer .sortDown {
    width: 20px;
    height: 23px;
    margin-left: 5px;
    float: left;
}

.butSortUp,
.butSortDown {
    display: block;
    width: 17px;
    height: 21px;
}

.butSortUp {
    background: url(../img/arrow_sort_up.png) center center no-repeat;
}
.butSortDown {
    background: url(../img/arrow_sort_down.png) center center no-repeat;
}

.charCounter {
    font-size: 10px;
    margin-top: 5px;
}

.charCounter input {
    font-size: 10px;
    width: 26px;
    text-align:right;
}

.two-column-list {
    column-count: 2;
}

.badge {
    display: inline-block;
    min-width: 16px;
    padding: 2px;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    background: #3B73AF;
    color: #fefefe;
    cursor: default;
}

/*Sliderpflege*/

.sliderList {}

.sliderList tr td {
    cursor: move;
    height: 65px;
}

.even {
    background: #ffffff;
}

.odd {
    background: #f2f2f2;
}

.list,
.listGray {
    margin-top: 5px;
    font-size: inherit;
    width: 100%;
    border-collapse: collapse;
}

.list th,
.listGray th {
    background: #ffffff;
    color: #666666;
    padding: 5px 10px 5px 5px;
    font-size: inherit;
    text-align: left;
    font-weight: normal;
}

.listGray th.grayBackground {
    background: #c8c8c8;
    color: #525252;
}

.list .alignRight,
.listGray .alignRight {
    text-align: right;
}

.list .alignCenter,
.listGray .alignCenter {
    text-align: center;
}

.list th a,
.list th a:hover,
.listGray th a,
.listGray th a:hover {
    color: #666666;
    text-decoration: none;
    /*padding: 0 11px 0 0;*/
}

.list th.sortable a,
.listGray th.sortable a {
    background: url("../img/sort_off.png") center right no-repeat;
    padding: 0 11px 0 0;
}

.list th.order1 a,
.listGray th.order1 a {
    background: url("../img/sort_down.png") center right no-repeat;
    padding: 0 11px 0 0;
}

.list th.order2 a,
.listGray th.order2 a {
    background: url("../img/sort_up.png") center right no-repeat;
    padding: 0 11px 0 0;
}

.list tr.aggregate {
    background: #FFF5E5;
}

.list tr.aggregate td {
    font-weight: bold;
    border-top: 1px solid #FF9900;
    border-bottom: 1px solid #FF9900;
}

.list td,
.listGray td {
    padding: 5px 10px 5px 5px;
    vertical-align: top;
    /*border: 1px solid red;*/
}

.list td a,
.listGray td a {
    color: #666666;
    text-decoration: none;
}

.list td a:hover,
.listGray td a:hover {
    color: #666666;
    text-decoration: underline;
}

.list .even {
    background: #ffffff;
}

.list .odd {
    background: #ffffff;
}

.listGray .even {
    background: #ffffff;
}

.listGray .odd {
    background: #f2f2f2;
}

.list .captionCell,
.listGray .captionCell {
    padding: 5px;
}

.list .articleImg,
.listGray .articleImg {
    float: left;
    margin-right: 20px;
}

.list .netto,
.listGray .netto {
    float: right;
    padding-right: 40px;
}

.list .brutto,
.listGray .brutto {
    float: right;
    width: 70px;
    padding-right: 40px;
    /*border: 1px solid black;*/
}

.list .articleSum,
.listGray .articleSum {
    border-top: 1px solid #bbbbbb;
    padding: 13px 10px 13px 5px;
}

.list .groupTotalSum,
.list .totalSum,
.listGray .totalSum,
.listGray .groupTotalSum {
    border-top: 1px solid #bbbbbb;
    border-bottom: 1px solid #bbbbbb;
    color: #444444;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 10px 8px 5px;
}

.list .totalSum,
.listGray .totalSum {
    font-size: 15px;
    padding: 15px 10px 15px 5px;
}

.list .bgGray,
.listGray .bgGray {
    background: #eeeeee;
}

.list .articleName,
.listGray .articleName {
    font-size: 13px;
    font-weight: bold;
    color: #333333;
}

.textAlignLeft {
    text-align: left !important;
}

.textAlignRight {
    text-align: right !important;
}

.textAlignCenter {
    text-align: center !important;
}

.status-icon {
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
}

.status-icon.color-red {
    background-color: #e2001a;
}

.status-icon.color-yellow {
    background-color: #fcd13e;
}

.status-icon.color-green {
    background-color: #28953d;
}

.wordBreak {
    word-break: break-all;
}

/* TinyMCE text counter */

div.metrics {float:right;}
div.metrics > span {margin-left:0.5em;}

.errorField {
   border: 1px solid #E30000;
   background: #FFEAEA;
}

.errorMessage, .errorMessage a {
    color: #E30000;
    font-weight: 400;
}

.errorMessage {
    display: block;
}

.errorContainer {
    color: #E30000;
    font-weight: 400;
    border: 1px solid #E30000;
    background: #FFEAEA;
    padding: 5px 5px 5px 5px;
    margin: 5px 0 10px 0;
}

.successContainer {
    color: #009700;
    font-weight: 400;
    border: 1px solid #009700;
    background: #DBFFDB;
    padding: 5px 5px 5px 5px;
    margin: 5px 0 10px 0;
}

.errorContainer ul,
.successContainer ul {
    margin-left: 0;
}

.errorContainer ul li,
.successContainer ul li {
    list-style-type: square;
}