/* START MiniMessenger */
.miniMessengerBG .miniMessenger .headline{
    background: #004356;
}
.miniMessengerBG.dot .miniMessenger .headline{
    background: #00c6da;
}
#workspace .headline .write{
    border: 2px solid #004356;
    color: #004356;
}
#workspace .headline .write:hover{
    background-color: #004356;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.active{
    background: #004356;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.new .Tag{
    background: #004356;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li.new.active .Tag{
    color: #004356;
}
.miniMessengerBG .miniMessenger .messageWrapper ul.threadList li .subject{
    color: #004356;
}
.ajaxLoaderSlot,
.messageWrapper .messages .messagesThread .messageLine.me.notSavedYet .message .indication.icon-approve,
.indicator,
.messageWrapper .messages .indicator,
.messageWrapper .messages .indicator.mini:after,
.messageWrapper .indicator{
    background: rgba(0,0,0,0.2) url('../img/indicator.gif') no-repeat center center;
}
#wrapper #loadShield .loader{
    background: url('../img/indicator.gif') no-repeat center center;
}
/* END */

/* START Only change background images between here. */
.background {
    background: url('../img/background.jpg') no-repeat;
    background-size: cover;
}
.background_tool{
    background-image: url('../img/background_tool.jpg');
    background-repeat: no-repeat;
    background-size: cover;
}
#headbar .main_navi {
    background: transparent url('../img/iconset/menue.png') no-repeat 14px 13px;
}
#headbar .main_navi:hover{
    background: transparent url('../img/iconset/menue_hover.png') no-repeat 14px 13px;
}
#layerBG > .table > .cell .progress .loaderImage,
.uploadLayer .table .cell .progress .loaderImage,
.masterLayer .modal-body .loader,
.ajaxLoader{
    background: transparent url('../img/indicator.gif') no-repeat;
}
/* END */

/* Icons */
.login_container .form .inputWrap .username,
.login_container .form .inputWrap .password{
    width: 34px;
    height: 34px;
    border: 1px solid #00c6da;
    background: #00c6da;
    color: #ffffff;
}
.login_container .form .newCheck.checked,
.tableForm .controls .radio .newCheck.checked,
form .controls .radio .newCheck.checked{
    color: #00c6da;
}
.newRadio.checked{
    color: #00c6da;
}
#headbar .main_navi .dropmenu li.home {
    border-top: 1px solid #ddd7da;
    border-bottom: none;
}
#headbar .main_navi .dropmenu li.home.active, #headbar .main_navi .dropmenu li.home:hover {
    border-top: 1px solid #ddd7da;
    border-bottom: none;
}
#headbar .main_navi .dropmenu li.logout {
    border-top: 1px solid #ddd7da;
    background-color: transparent;
}
#headbar .main_navi .dropmenu li.logout.active, #headbar .main_navi .dropmenu li.logout:hover {
    border-top: 1px solid #ddd7da;
}
#headbar .main_navi .dropmenu li.home a:before,
#headbar .main_navi .dropmenu li.regions a:before,
#headbar .main_navi .dropmenu li.template a:before,
#headbar .main_navi .dropmenu li.workflow a:before,
#headbar .main_navi .dropmenu li.slots a:before,
#headbar .main_navi .dropmenu li.activity a:before,
#headbar .main_navi .dropmenu li.access_groups a:before,
#headbar .main_navi .dropmenu li.access_rights a:before,
#headbar .main_navi .dropmenu li.companies a:before,
#headbar .main_navi .dropmenu li.users a:before,
#headbar .main_navi .dropmenu li.conf a:before,
#headbar .main_navi .dropmenu li.logout a:before{
    color: #d9dada;
}
#headbar .main_navi .dropmenu li.home.active a:before, #headbar .main_navi .dropmenu li.home:hover :before,
#headbar .main_navi .dropmenu li.regions.active a:before, #headbar .main_navi .dropmenu li.regions:hover a:before,
#headbar .main_navi .dropmenu li.template.active a:before, #headbar .main_navi .dropmenu li.template:hover a:before,
#headbar .main_navi .dropmenu li.workflow.active a:before, #headbar .main_navi .dropmenu li.workflow:hover a:before,
#headbar .main_navi .dropmenu li.slots.active a:before, #headbar .main_navi .dropmenu li.slots:hover a:before,
#headbar .main_navi .dropmenu li.activity.active a:before, #headbar .main_navi .dropmenu li.activity:hover a:before,
#headbar .main_navi .dropmenu li.access_groups.active a:before, #headbar .main_navi .dropmenu li.access_groups:hover a:before,
#headbar .main_navi .dropmenu li.access_rights.active a:before, #headbar .main_navi .dropmenu li.access_rights:hover a:before,
#headbar .main_navi .dropmenu li.companies.active a:before, #headbar .main_navi .dropmenu li.companies:hover a:before,
#headbar .main_navi .dropmenu li.users.active a:before, #headbar .main_navi .dropmenu li.users:hover a:before,
#headbar .main_navi .dropmenu li.conf.active a:before, #headbar .main_navi .dropmenu li.conf:hover a:before,
#headbar .main_navi .dropmenu li.logout.active a:before, #headbar .main_navi .dropmenu li.logout:hover a:before{
    color: #ffffff;
}
.actionsmenu ul li a{
    border: 2px solid #ffffff;
    font-family: 'SansBold', Arial, sans-serif;
}
.actionsmenu ul li a:hover{
    background: #ffffff;
}
.actionsmenu ul li a:before{
    color: #ffffff;
}
.actionsmenu ul li a:hover:before{
    color: #004356;
}
.toBottom:before{
    color: #00c6da;
}
.customSelect:before{
    color: #ffffff;
    border: 1px solid #00c6da;
    background: #00c6da;
}
.customSelect:hover:before{
    background: #00c6da;
    border-color: #00c6da;
}
.customSelect .searchFieldSelect{
    display: none !important;
}
.customSelect.disabled:before{
    background: #cccccc;
    border-color: #adadad;
}
.customSelect.disabled:hover:before{
    background: #cccccc;
    border-color: #adadad;
}
.searchWrap .searchButton{
    color: #FFFFFF;
}
.filterWrapper div label.filter_checkbox .newCheck.checked{
    color: #00c6da
}
.accordion-heading .arrow:before{
    color: #004356;
}
.accordion-heading.noCollapse .arrow:before{
    color: #ffffff;
}
.optionInfos .discard,
.optionInfos .discard:hover,
.optionInfos .save,
.optionInfos .save:hover{
    background: #00c6da;
    border-color: #00c6da;
}
.optionInfos .discard:before,
.optionInfos .save:before{
    color: #ffffff;
}
.slot-separator .insert_slot,
.slot-separator .switch_slots{
    background: #ababab;
    border: 1px solid #919191;
    color: #ffffff;
}
.masterLayer h1 a.close,
.masterLayer .layerHead a.close,
.masterLayer .layerHead a.reset,
.masterLayer h1 a.insert,
.masterLayer .layerHead a.saveValues{
    border: 2px solid #ffffff;
    color: #ffffff;
}
.masterLayer h1 a.close:hover,
.masterLayer .layerHead a.close:hover,
.masterLayer .layerHead a.reset:hover,
.masterLayer h1 a.insert:hover,
.masterLayer .layerHead a.saveValues:hover{
    color: #004356;
    background: #ffffff;
}
.masterLayer .modal-body .filters .searchWrapperFilter a.searchButton{
    color: #FFFFFF;
    border: 1px solid #003245;
    background: #004356;
}
.masterLayer .modal-body .filters .searchWrapperFilter a.searchButton:hover{
    background: #003245;
    border-color: #003245;
}
form fieldset .control-group .controls .icon.icon-kalender{
    color: #ffffff;
    background: #00c6da;
    border: 1px solid #00c6da;
}
form .accordion-heading .controls .radio .newCheck{
    color: #EEEEEE;
}
form .accordion-heading .controls .radio .newCheck.checked{
    color: #004356;
}
form .accordion-heading.noCollapse .controls .radio .newCheck.checked{
    color: #004356;
}
/* END */

/* Global */
.btn{
    background: #00c6da;
    border: 1px solid #00c6da;
}
.btn:hover, .btn.active{
    color: #ffffff;
    border: 1px solid #00b6c7;
    background: #00b6c7;
}
h2, .accordion-heading .control-label{
    color: #004356;
}
#headbar {
    background: #004356; /* Old browsers */
    background: -moz-linear-gradient(top,  #004356 0%, #003245 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004356), color-stop(100%,#003245)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004356 0%,#003245 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004356 0%,#003245 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004356 0%,#003245 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004356 0%,#003245 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004356', endColorstr='#003245',GradientType=0 ); /* IE6-9 */
    -webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    -moz-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
}

/* Login */
.login_container .loginHead{
    height: 44px;
    background: #004356; /* Old browsers */
    background: -moz-linear-gradient(top,  #004356 0%, #003245 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004356), color-stop(100%,#003245)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004356 0%,#003245 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004356 0%,#003245 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004356 0%,#003245 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004356 0%,#003245 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004356', endColorstr='#003245',GradientType=0 ); /* IE6-9 */
    padding: 14px 0 12px 94px;
    overflow: hidden;
}
.login_container .loginHead img.logo{
    width: 158px;
    height: 44px;
    margin-right: 0;
    border-right: none;
    float: none;
}
.login_container .loginHead span{
    display: none;
}

/* Navi */
#headbar .main_navi.drop {
    background: #336171 url('../img/iconset/menue_active.png') no-repeat 15px 14px;
}
#headbar .main_navi.drop p {
    color: #ffffff;
}
#headbar .main_navi p {
    color: #ffffff;
}
#headbar .main_navi.drop .dropmenu li a{
    color: #5d6166;
}
#headbar .main_navi.drop .dropmenu li.active, #headbar .main_navi.drop .dropmenu li:hover{
    background-color: #00c6da;
}
#headbar .main_navi.drop .dropmenu li.active a, #headbar .main_navi.drop .dropmenu li:hover a{
    color: #ffffff;
}

/* submenu */
.submenu ul > li, .submenu ul > li:last-child{
    border-color: #ffffff;
}
.submenu ul > li > a{
    color: #ffffff;
}
.submenu ul > li:hover, .submenu ul > li.active{
    background: #ffffff;
}
.submenu ul > li:hover a, .submenu ul > li.active a{
    color: #004356;
}
.submenu h1.subHeadline{
    color: #ffffff;
}

/* Breadcrumb */
#breadcrumbs .breadcrumb li a{
    color: #ababab;
}
#breadcrumbs .breadcrumb li:last-child{
    color: #00c6da;
    font-weight: bold;
}
/* Dropdowns */
.customSelect .customSelectList a.customSelectLink.selected,
.customSelect .customSelectList a.customSelectLink:hover{
    background: #00c6da;
    color: #ffffff;
}

/* Paginator */
.paginatorLine .paginator .pagerLink:hover, .paginatorLine .paginator a.pagerLink:hover, .paginatorLine .paginator .pagerLink.active, .paginatorLine .paginator a.pagerLink.active{
    background: #00c6da;
    color: #ffffff;
}

/* Forms */
form fieldset.headline{
    color: #004356;
}
form fieldset .control-group > label{
    color: #333333;
}
form fieldset .control-group .controls > label .seperateType .expandSelect p.option,
form fieldset .control-group .controls > label .seperateType .expandSelect .optgroup p.opthead{
    color: #ababab;
}
form fieldset .control-group .controls > label .seperateType .expandSelect p.option.active{
    background: transparent;
    color: #00b6c7;
}

/* Layer */
.uploadLayer h1{
    border-bottom: 1px solid #eeeeee;
    background: #004356; /* Old browsers */
    background: -moz-linear-gradient(top,  #004356 0%, #003245 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004356), color-stop(100%,#003245)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004356 0%,#003245 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004356 0%,#003245 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004356 0%,#003245 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004356 0%,#003245 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004356', endColorstr='#003245',GradientType=0 ); /* IE6-9 */
}
.uploadLayer .table .cell .progress .percent,
.uploadLayer .table .cell .progress .status{
    color: #333333;
}

.masterLayer h1, .masterLayer .layerHead{
    color: #ffffff;
    background: #004356; /* Old browsers */
    background: -moz-linear-gradient(top,  #004356 0%, #003245 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004356), color-stop(100%,#003245)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004356 0%,#003245 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004356 0%,#003245 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004356 0%,#003245 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004356 0%,#003245 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004356', endColorstr='#003245',GradientType=0 ); /* IE6-9 */
}

.masterLayer .contentWrap .comments .comments_line .comment-head a.user{
    color: #ffffff;
}

/* Content Tables */
.content_table tbody tr td.selected{
    background-color: #00c6da;
    color: #ffffff;
}
.content_table thead th.sorted{
    background: #00c6da;
}
.content_table thead th.sorted a{
    color: #ffffff;
}
.content_table thead th a .icon-sort-down{
    border-bottom-color: #ffffff;
}
.content_table thead th a .icon-sort-up{
    border-top-color: #ffffff;
}

/* Accordeon */
.accordion-heading.noCollapse{
    background: #004356; /* Old browsers */
    background: -moz-linear-gradient(top,  #004356 0%, #003245 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004356), color-stop(100%,#003245)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004356 0%,#003245 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004356 0%,#003245 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004356 0%,#003245 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004356 0%,#003245 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004356', endColorstr='#003245',GradientType=0 ); /* IE6-9 */
}
.accordion-heading.noCollapse h2, .accordion-heading.noCollapse .control-label{
    color: #ffffff;
}
.accordion-heading .controls .radio_project,
.accordion-heading.noCollapse .controls .radio_project{
    color: #ffffff;
}

/* Tooltips */
.tipwrapper p,
.tipwrapper-clicktip p{
    color: #333333;
}

/* Master */
.slot-block .wrapper .slot-preview .subject h4{
    color: #004356;
}
.slot-block .wrapper .slot-controls .control.ajax-loading{
    background: #f9f9f9 url('../img/indicator.gif') no-repeat 50% 50%;
    background-size: 34px 34px;
}

/* Slot Insert */
.masterLayer .modal-body #library .slot-list li.selected{
    border: 4px solid #004356;
}
.masterLayer .modal-body #library .slot-list li.selected .overlay{
    background: rgba(0,67,86,0.1);
}

/* Confirm Box */
#confirmBox h1{
	background: #004356; /* Old browsers */
    background: -moz-linear-gradient(top,  #004356 0%, #003245 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#004356), color-stop(100%,#003245)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #004356 0%,#003245 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #004356 0%,#003245 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #004356 0%,#003245 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #004356 0%,#003245 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#004356', endColorstr='#003245',GradientType=0 ); /* IE6-9 */
}

/* Master Sidebar */
#sidebar .head{
    border-bottom: 2px solid #00c6da;
}
#sidebar .head i.arrowHead{
    border-bottom: 19px solid #00c6da;
}
#sidebar .head ul li.active a, #sidebar .head ul li:hover a{
    color: #00c6da;
}
#sidebar .content .filter .customSelect:before{
    background: #00c6da;
}
#sidebar .content .filter .customSelect .customSelectList a.customSelectLink.selected,
#sidebar .content .filter .customSelect .customSelectList a.customSelectLink:hover{
    background: #00c6da;
}
#sidebar .content .filter .searchWrapperFilter a{
    background: #00c6da;
}
#sidebar .content #slotComments .commentsForm .userImage{
    border: 2px solid #00c6da;
}
#sidebar .content #slotComments .commentsForm #slot-comments-form .trumbowyg-button-pane li.name{
    color: #00c6da;
}
#sidebar .content #slotComments .commentsForm #slot-comments-form button[type=submit]{
    background: #00c6da;
}
#sidebar .content #slotComments .commentsForm .attachment .progressBarWrapper .progressLine .progress{
    background: #00c6da;
}
#sidebar .content #slotComments .comments .comment .profileImage{
    border: 1px solid #00c6da;
}
#sidebar .content #slotComments .comments .comment .commentTextWrapper .headInfo .name{
    color: #00c6da;
}
#sidebar .content #slotComments .comments .comment .commentTextWrapper .headInfo .attachments .attachmentDropdown ul li:hover{
    background: #00c6da;
}
#sidebar .content #slotAssets .assetsWrapper .asset .overlay{
    border: 2px solid #00c6da;
    background: rgba(0, 198, 218, 0.15);
}
#sidebar .content #slotAssets .assetsWrapper .asset .image .preview{
    background: #00c6da;
}
#sidebar .content #slotAssets .assetsWrapper .asset .image .circleLoader .clip1 .slice1{
    background-color: #00c6da;
    border-color: #00c6da;
}
#sidebar .content #slotAssets .assetsWrapper .asset .image .circleLoader .clip2 .slice2{
    background-color: #00c6da;
    border-color: #00c6da;
}
#sidebar .content #slotAssets .assetsWrapper .asset .assetInfo .download{
    background: #00c6da;
}
#sidebar .content #slotEdit .formScroller .accordion-heading .accordeonArrow:before{
    color: #00c6da;
}
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .icon.icon-kalender{
    background: #00c6da;
}
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .radioBox .newCheck.hover,
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .radioBox .newCheck.checked.hover,
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .checkBox .newCheck.hover,
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .checkBox .newCheck.checked.hover{
    border: 1px solid #00c6da;
}
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .radioBox .newCheck.hover:before,
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .radioBox .newCheck.checked.hover:before,
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .checkBox .newCheck.hover:before,
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .checkBox .newCheck.checked.hover:before{
    background: #00c6da;
}
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .radioBox .newCheck.hover ~ .field,
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .radioBox .newCheck.checked.hover ~ .field,
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .checkBox .newCheck.hover ~ .checkboxLabel,
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .checkBox .newCheck.checked.hover ~.checkboxLabel{
    color: #00c6da;
}
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .asset .image .circleLoader .clip1 .slice1{
    background-color: #00c6da;
    border-color: #00c6da;
}
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .asset .image .circleLoader .clip2 .slice2{
    background-color: #00c6da;
    border-color: #00c6da;
}
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .customSelect:before{
    background: #00c6da;
}
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .customSelect .customSelectList a.customSelectLink.selected,
#sidebar .content #slotEdit .formScroller .accordion-body .fieldSet .customSelect .customSelectList a.customSelectLink:hover{
    background: #00c6da;
}