/* Submenu */
.hkkBox > ul > li.sub_menu .icon-submenu:after {background-color: #0a2540;}
.hkkBox > ul > li.sub_menu.selected .icon-submenu:after,
.hkkBox > ul > li.sub_menu.selected .icon-submenu:hover:after,
.hkkBox > ul > li.sub_menu.s-opened .icon-submenu:after,
.hkkBox > ul > li.sub_menu.s-opened .icon-submenu:hover:after {background-color: ;}
.hkkBox > ul > li.sub_menu.s-closed .icon-submenu:after {background-color: #0a2540;}
.hkkBox > ul > li.sub_menu .icon-submenu:hover:after,
.hkkBox > ul > li.sub_menu.s-closed .icon-submenu:hover:after{background-color: ;}


/* ########### Responsive ########### */
@media (max-width: 950px) {
    .responsiveControls a.icon {background-color: #004b58;}
    .partnerBox li.selected a:after {background-color: #004b58;}
    .responsiveFilters #openFilters:before, .responsiveFilters #openFilters:after {background-color: #004b58;}
    .searchBox input[type="text"] {color: #0a2540;}
    .searchBox input[type="submit"] {color: ; background-color: ;}
}

/* ########### Background = #004b58 ########### */
/* Menubalk */
.menuCntr {background: #004b58;}

/* Date */
.majorBox ul.top .num, .majorBox ul.bot .num { background: url("../images/menu_bg_trans.png") repeat-x scroll 0 0 #004b58;}
.itemInfoBox .num, .introBox .num { background: url("../images/menu_bg_trans.png") repeat-x scroll 0 0 #004b58;}

/* Footer */
#footerCntr {background: url("../images/footer_bg_trans.png") repeat-x scroll 0 0 #004b58}

/* Media player */
.jp-gui {background: #004b58 !important;}

/* People widget */
.personHeader {background: url("../images/btn_gradient.png") repeat scroll 0 0 #004b58}

/* Formulieren */
span.radio.active:after {background-color: #004b58;}
.ui-widget-header {background: #004b58; border-color: #004b58;}

/* ########### Text and Icons = #0a2540 ########### */
/* Icons */
.linkBox li img {background: #0a2540;}
.shareBox .placeholder {background-color: #0a2540;}

/* Quote reference header */
#bannerCntr span.vers {color: #0a2540;}
#bannerCntr .dagelijkswoordtitel {color: #0a2540;}

/* Active breadcrumb */
#npCntr li a {color: #0a2540;}
#npCntr li a:hover, #npCntr li.active a {color: #0a2540;}

/* Main title */
.majorBox h1, .majorBox h2 {color: #0a2540;}
.militaryBox h1, .militaryBox h2, .militaryBox h2 a {color: #0a2540;}

/* Order table */
.orderDetail table a {color: #0a2540;}

/* Webshop controls */
#headerCntr .responsiveControls .cart {color: #0a2540;}
#headerCntr .responsiveControls .cart:after {background-color: #0a2540;}

/* Widget title */
.eventBox h3, .eventBox h3 a {color: #0a2540;}
.newsletterBox h3, .newsBox h3, .contactBox h3, .shareBox h3, .popularBox h3 {color: #0a2540;}
.hkkBox h3, .hkkBox h3 a {color: #0a2540;}

/* News item title */
.majorBox ul.top h3, .majorBox ul.bot h3 {color: #0a2540;}

/* Item title */
.itemTitle .title {color: #0a2540;}
.militaryBox h3 {background: #0a2540; color: #ffffff;}
.productItem h3 {color: #0a2540; background: none;}

/* Widget and menu hover text color */
.eventBox li a:hover {color: #0a2540; transition: color 500ms ease 0s}
.hkkBox li a:hover {color: #0a2540; transition: color 500ms ease 0s}
.shareBox li a:hover {color: #0a2540; transition: color 500ms ease 0s}
.newsBox li a:hover {color: #0a2540; transition: color 500ms ease 0s}
.popularBox li a:hover {color: #0a2540; transition: color 500ms ease 0s}

/* Smoelenboek */
.militaryBox p a {color: #0a2540;}

/* Formulieren */
.militaryBox div.head {color: #0a2540;}
.militaryBox input[type="text"], .militaryBox input[type="password"], .militaryBox textarea {color: #0a2540;}
.field-select-wrapper .selected, .field-select-wrapper > div ul li {color: #0a2540;}
span.checkbox.active:after {background-color: #0a2540;}

/* ########### Support Color 1 =  ########### */
/* Main items menu */
.menuBox li a {color: ; opacity: 1; transition: color 500ms ease 0s}
.menuBox li a:hover, .menuBox li:hover > a {color: fff; opacity: 1;}

/* Date year color */
.majorBox ul.top .num span small {color: ;}
.itemInfoBox .num span small {color: ;}
.introBox .num span small {color: ;}
.majorBox ul.bot .num span small {color: ;}

/* Link color footer */
#footerCntr .top li a {color: ;}

/* Bible text header */
#bannerCntr span.quote {color: ;}
#bannerCntr .dagelijkswoordtekst {color: ;}

/* Background newsletter signup widget */
.newsletterBox, .contactBox {background: ;}

/* Smoelenboek foto background */
.personLeft {background: ;}

/* ########### Support Color 2 =  ########### */
/* Text buttons with icons */
.linkBox li {color: ;}
.eventBox p a:hover {color: ; transition: color 500ms ease 0s}

/* Text input fields */
.newsletterBox input.field {color: ;}
.newsletterBox input.field:hover {color: ;}
.contactBox input.field {color: ;}
.contactBox textarea {color: ;}
.searchBox input.field {color: ;}

/* Text submenu items */
.hkkBox li a {color: ;}

/* Text widget items */
.eventBox li a {color: ;}
.shareBox li a {color: ;}
.newsBox li a {color: ;}
.popularBox li a {color: ;}

/* Text fotoalbum items */
.albumBox p {color: ;}


/* ########### Button background =  ########### */
/* Buttons */
a.green {background: ;}
.itemDetail .buttonright {background: ;}
.majorBox ul.bot a.button, .militaryBox ul.bot a.button, a.button {background-color: ;}
.militaryBox a.submitbutton, .formmodule .formitem p.uploadButton a.button {background-color: ;}


/* ########### Button hover =  ########### */
/* Buttons */
a.green:hover {background: ;}
.play_controls:hover {background-color:  !important;}
.itemDetail .buttonright:hover {background: ;}
.itemDetail .buttonright:hover {background: ;}
.militaryBox a.submitbutton:hover, .formmodule .formitem p.uploadButton a.button:hover, .formmodule .formitem p.uploadButton a.button.hovered {background-color: ;}


/* ########### Button text =  ########### */
/* Buttons */
a.green {color: ; transition: color 500ms ease 0s; text-shadow: 0 0 0;}
.majorBox ul.bot a.button {color: ;}
.militaryBox a.submitbutton, .formmodule .formitem p.uploadButton a.button {color: ;}

/* ########### Call to Action ########### */
.callToAction {background-color: #004b58;}
.callToAction .actionTitle, .callToAction .actionContent {border-color: ;}
.callToAction a.toggleButton, .callToAction .actionButton {background-color: ; color: ;}
.callToAction .actionButton:hover, .callToAction a.toggleButton:hover {background-color: ;}
.callToAction .actionButton:after {color: ;}