#header { background: url('../../../images/branding/ncms2/head_background.png'); }
#header .subline { background: url('../../../images/branding/ncms2/head_top_right.png') no-repeat top right;}

#mainMenu { background: url('../../../images/branding/ncms2/main_menu_background.png') repeat-x top; border-width: 0px;  height:27px;}
#mainMenu ul { border-width: 0px; }
#mainMenu ul li.top-menu-item { border-right-width: 0px; background: url('../../../images/branding/ncms2/main_menu_spacer.png') top right no-repeat; font-weight: normal; padding-top: 2px; height: 25px;}
.widget-mega-dropdown-menu .contentHover { color: white !important; background: url('../../../images/branding/ncms2/main_menu_background_hover.png') top right repeat-x !important; }

#belowHeader { background: url('../../../images/branding/ncms2/breadcrumb_background.png') top right repeat-x; border-width: 0px; clear: both; }

#belowHeader .breadcrumb-navigation { height: 28px; float: left; width: 60%; }
#belowHeader .breadcrumb-navigation .description { float: left; line-height: 24px; padding-top: 3px; padding-left: 5px; padding-right: 15px;
background: url('../../../images/branding/ncms2/breadcrumb_item_first_left.png') top right no-repeat; color: white;}

#belowHeader .breadcrumb-navigation .breadcrumps .item a { color: white; text-decoration: none; }
#belowHeader .breadcrumb-navigation .breadcrumps .item a:hover { color: white; text-decoration: underline; }
#belowHeader .breadcrumb-navigation .breadcrumps .item { font-weight: bold; font-size: 11px; float: left; line-height: 24px; padding-top: 3px; padding-left: 10px; padding-right: 10px; background: url('../../../images/branding/ncms2/breadcrumb_item_background.png') top right repeat-x; font-size: 12px; }
#belowHeader .breadcrumb-navigation .breadcrumps .last-item a { color: black; text-decoration: none;}
#belowHeader .breadcrumb-navigation .breadcrumps .last-item a:hover { color: black; text-decoration: underline; }
#belowHeader .breadcrumb-navigation .breadcrumps .last-item { font-size: 11px; font-weight:bold; float: left; line-height: 24px; padding-top: 3px; padding-left: 15px; padding-right: 15px; background: url('../../../images/branding/ncms2/breadcrumb_background_active.png') top right repeat-x; color: #000;}
#belowHeader .breadcrumb-navigation .breadcrumps .spacer { float: left; line-height: 24px; padding-top: 1px; background: url('../../../images/branding/ncms2/breadcrumb_item_inner_spacer.png') top right no-repeat; width: 20px; opacity: 100; }
#belowHeader .breadcrumb-navigation .breadcrumps .last-spacer { float: left; line-height: 24px; padding-top: 1px; background: url('../../../images/branding/ncms2/breadcrumb_item_active_spacer.png') top right no-repeat; width: 20px; opacity: 100; }
#belowHeader .breadcrumb-navigation .breadcrumps .spacer span { opacity: 0; }
#belowHeader .breadcrumb-navigation .breadcrumps .end-spacer { float: left; line-height: 24px; padding-top: 1px; background: url('../../../images/branding/ncms2/breadcrumb_item_last_right.png') top right no-repeat; width: 14px; opacity: 100; }

#belowHeader .functions .function { height: 25px; border-left-width: 0px; white-space: nowrap; }
#belowHeader .functions .function select { float: left; width: 100px; margin-right: 5px; }
#belowHeader .functions .function button { display: block; float: left; }
#belowHeader .functions .function img { padding-top: 6px; }
#belowHeader #bottom-below-header { clear: both; height: 34px; background: url('../../../images/branding/ncms2/header_bottom_background.png') top right repeat-x; }
#belowHeader #bottom-below-header .left { height: 34px;  width: 29px; background: url('../../../images/branding/ncms2/header_bottom_left.png') top right; float: left; }
#belowHeader #bottom-below-header .right { float: right; height: 34px; width: 16px; background: url('../../../images/branding/ncms2/header_bottom_right.png') top right repeat-x; }

#aboveContent { clear: both; margin-top: 10px;border-width: 0px;}

#mainContent { border-width: 0px; }

#footer { clear: both; height: 34px; background: #ffffff url('../../../images/branding/ncms2/header_bottom_background.png') top right repeat-x !important; padding: 0px; color:#bbb;}
#footer .left { height: 34px;  width: 29px; background: url('../../../images/branding/ncms2/header_bottom_left.png') top right no-repeat; float: left; }
#footer .right { float: right; height: 34px; background: url('../../../images/branding/ncms2/header_bottom_right.png') top right no-repeat;  margin-right: 0px; line-height: 32px; padding-right: 15px;}
#footer a { color: #bbb; }





.widget-tabbed-ribbon           { margin-bottom: 20px; padding-bottom: 0px; height: 93px; background: url('../../../images/branding/ncms2/ribbon_background.png') bottom left repeat-x; }
.widget-tabbed-ribbon .tabs     { list-style-type: none; margin: 0px; padding: 0px; height: 30px; background: url('../../../images/branding/ncms2/tab_background.png') bottom left repeat-x; }
.widget-tabbed-ribbon .tabs li  { background: url('../../../images/branding/ncms2/tab_right_bg.png') top right no-repeat; float: left; margin: 0px; height: 30px; margin-left: 20px; margin-right: -15px; }
.widget-tabbed-ribbon .tabs li a        { background: url('../../../images/branding/ncms2/tab_left_bg.png') top left no-repeat;
                                          display: block;  height: 30px; font-size: 11px; padding-left: 25px; padding-right: 25px; line-height: 30px; color: #636363; text-decoration: none; font-weight: bold; border: 0px;}
.widget-tabbed-ribbon .tabs li.active   { background: url('../../../images/branding/ncms2/tab_right_bg_active.png') top right repeat-x;
                                          float: left; height: 30px; font-weight: bold; padding-left: 0px; margin-left: 20px;  margin-right: -15px;}
.widget-tabbed-ribbon .tabs li.active a { display: block; background: url('../../../images/branding/ncms2/tab_left_bg_active.png') top left no-repeat; font-size: 11px; text-decoration: none; color: white; height: 30px; line-height: 30px;}
.widget-tabbed-ribbon .ribbons { float: left; height: 64px;  }
.widget-tabbed-ribbon .ribbon           {  height: 63px; float: left;}
.widget-tabbed-ribbon .ribbon ul        { list-style-type: none; margin: 0px; padding: 0px; height: 25px; float: left; border: 1px solid #bbb; -moz-border-radius:2px;  border-radius: 2px; height: 55px; margin-top: 0px; margin-right: 2px; background: none;}
.widget-tabbed-ribbon .ribbon ul:hover { background: #ddd; }
.widget-tabbed-ribbon .ribbon ul li     { float: left; padding: 2px; }
.widget-tabbed-ribbon .ribbon img       { padding: 2px; display: block;  margin-left: auto; margin-right: auto;}

.widget-tabbed-ribbon .ribbon-inactive  { display: none; }


.widget-tabbed-ribbon li .title { font-size: 9.5px; padding-top: 3px; text-align:center; }


.widget-tabbed-ribbon .ribbon-left { float: left; background: red; width: 18px; height: 66px; background: url('../../../images/branding/ncms2/ribbon_left.png') bottom left no-repeat white; margin-top: -4px;}
.widget-tabbed-ribbon .ribbon-right { float: right; background: red; width: 9px; height: 66px; margin-top: -4px; background: url('../../../images/branding/ncms2/ribbon_right.png') bottom right no-repeat white;}










.widget-mega-dropdown-menu div.dropDown {  background: url('../../../images/branding/ncms2/drop-down-head-background.png') top left repeat-x #a1a1a1 !important; padding: 5px; margin: 0px; margin-left: -11px; border-width: 0px !important; margin-top: 2px;}

.widget-mega-dropdown-menu .dropDown div { padding-left: 10px; padding-right: 10px; padding-bottom: 10px; margin: 0px; }

.widget-mega-dropdown-menu div.dropDown h3 { height: 25px; color: #636363;}

.widget-mega-dropdown-menu div.dropDown a { color: white; }


INPUT, TEXTAREA { background: url('../../../images/branding/ncms2/form_input_background.png') top left repeat-x #EEE !important;

border-top: 1px solid #a5a5a5 !important;
border-left: 1px solid #c3c3c3  !important;
border-right: 1px solid #c3c3c3 !important;
border-bottom: 1px solid #d3d3d3 !important;
}

INPUT:focus, TEXTAREA:focus {
    background-color: #FFECAC !important;
}

.box h3 { color: #666; border-bottom: 1px solid #ccc; padding-bottom: 0px; margin-bottom: 5px; }
.box .date { color: #999; font-size: 11px; margin-bottom: 4px; display: block;}
h1          { font-size: 15px; color: #474b54;; font-weight: bold; margin-bottom: 10px;}
h2          { font-size: 13px; line-height: 26px;}
h3          { font-size: 12px; line-height: 26px;}
a:link, a:visited, a:hover { color: #636363; }
.list .page-info .pagelinks .pagelink { font-weight: bold; }
.list .page-info .pagelinks .pagelink:hover { color: #474b54; background: #ccc !important;}

#header .subline p { margin: 0px; margin-top: -4px; margin-bottom: 2px; padding: 0px; }

.float li { float: left; padding-left: 10px;}

.profiler .menu li,
.optionbox .head,
table.default-content th,
.box-widget h1,
.box-widget h2,
.box-widget h3,
.box-widget h4,
.box-table th,
.form fieldset h1,
.list thead th,
.box h2,

.job-viewer-widget th,
.job-status-viewer-widget th,
.form fieldset h2                       { background: url('../../../images/branding/ncms2/top_big.png') bottom left repeat-x !important; color: #474b54; height: 33px; border-bottom: 1px solid #bbb; }

.list .page-info .pagelinks .pagelink { background: #ccc !important; }

.box h2 { border-bottom-width: 0px; }

.action-decision-widget .action:hover,
.action-decision-widget .action:hover a,
.action-decision-widget .action:hover h2 { color: #474b54; background: #bbb !important; }

.profiler .menu li { background: url('../../../images/branding/ncms2/list_top.png') bottom left repeat-x !important; color: #474b54; height: 33px; border-bottom: 1px solid #bbb; }
.profiler .menu  li { padding-bottom: 12px; }


.list thead th  { background: url('../../../images/branding/ncms2/list_top.png') bottom left repeat-x !important; border: 0px !important; border-bottom-color: #a1a1a1 !important; border-bottom-width: 0px !important; }
.list table, .list thead { border: 1px solid #bbb !important; border-bottom-color: #a1a1a1 !important; }
.list tr.search { border: 1px solid #999 !important; border-bottom-color: #a1a1a1 !important; }
.list tr.search td  { border: 0px !important; border-bottom-color: #a1a1a1 !important; }

.list .search td { background-color: #a1a1a1; border-top-width: 0px; border-bottom: 1px solid #777 !important; background: url('../../../images/branding/ncms2/list_search.png') top left repeat-x; padding-top: 8px;}

.list tbody .list-row-alpha { background: #e5e5e5 !important; }

.status-switch-widget a { color: white; }

.graph-tooltip { border: 1px solid #ccc; background: white; padding: 5px; width: 150px; border-radius: 5px; -moz-border-radius: 5px;}
.graph-tooltip .date { font-size: 9px; }

.graph area:hover { background-color: #ccc; opacity: 0.5; }

.form-default .vert .option input { width: 20px !important; }

.list tbody td { border-left: 1px solid #bbb; }
.list tbody tr { cursor: pointer; }
.list tbody tr.activated-list-row td { background-color:#FFDA99; }
.job-viewer-widget table,
.job-status-viewer-widget table,
table.default-content,
.box-widget,
.box-table,
.widget-article-list-view,
.box,
.form fieldset                          { border: 1px solid #bebebe !important; }


/* helle randfarbe */
.form-horizontal .form-widget,
.form .form-widget-row-alpha,
.form .form-widget-row-beta             { border-top: 0px solid #ccc !important; }

.list-row-beta, .form-widget-row-beta { background: #e5e5e5 !important; }

/* mittelheller hintergrund */
.hideout-switch
                                        { background-color: #aaa !important; }
.hideout-upper .hideout-switch
                                        { background-color: #888 !important; }
.hideout-lower .hideout-switch
                                        { background-color: #bbb !important; }

/* mittelheller randfarbe, dünner rand */
.hideout .content                                { border: 1px solid #aaa !important; border-top-width: 0px !important;}


/* heller hintergrund */
.profiler .profiler-item .overview,
.box,
table.default-content tr.row-beta td,
.widget-article-list-view .actions,
.widget-article-list-view .active-article-list-item,
.list tbody .list-row-alpha,
.form fieldset,
.optionbox,
.action-decision-widget .action,
.pagetree                               { background-color: #eee !important;}


/* dunkle randfarbe */
.profiler-item,
.profiler .menu li,
.widget-mega-dropdown-menu div.dropDown,
.box-table td,
.list .page-info .pagelinks .pagelink,
.action-decision-widget .action,
.form fieldset.inner legend             { border: 1px solid #999 !important;}

.list table                             { border: 1px solid #ccc !important; }

.box-table td.empty { border: 0px !important; }