/*
#------------------------------------------------------------------------
# boutique - September 2011 template (for Joomla 1.6/1.7)
#
# Copyright (C) 2007-2011 Gavick.com. All Rights Reserved.
# License: Copyrighted Commercial Software
# Website: http://www.gavick.com
# Support: support@gavick.com 
*/

/* Here you can include your override CSS styles */

body {
    background: none repeat scroll 0 0 #688BA0;
    color: #333333;
    font-family: Myriad pro,Arial;
    /*font-size: 14px;*/
    line-height: 1.5;
    min-height: 100%;
    padding-top: 5px;
}

#gkPage {
    background: none repeat scroll 0 0 transparent;
    box-shadow: 0 0 0px #C1C1C1;
}

#gkPageWrap {
    padding: 0;
}

#gkMainBlock {
    margin-bottom: 0 !important;
    margin-top: 20px !important;
}

#gkLeft {
    padding-right: 20px !important;
}

#mainContent {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 0 6px #C1C1C1;
    clear: both;
    margin-top: 20px;
    padding: 9px 20px 25px;
}

.itemDate {
    display: none;
}

h1#gkLogo {
    height: 130px;
    margin: 0;
    padding: 0;
    padding-top: 25px;
}

h1#gkLogo a {
    background: url("../images/BCH_logo.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 130px;
    margin: 0;
    text-indent: -999em;
    width: 960px;
    
}

h1#gkLogo a img {
    display: none;
}

/*#gkTopNav, #gkButtons {
    float: none;
    margin-left: 890px;
    margin-top: -15px;
    position: absolute;
*/

/*#gkTopNav {
    float: none;
    left: 40px;
    margin-left: 0;
    margin-top: 0;
    position: relative;
    width: 590px;
}*/

h1 {
    font-size: 180%;
}

h2 {
    font-size: 160%;
}

h1, h2, h3, h4, h5 {
    color: #005A9C;
    font-weight: normal;
}
.item-title h2 {
    font-size: 20px;
    text-transform: none;
}



#gkBreadcrumb {
    border-bottom: 1px solid #EEEEEE;
    border-top: 1px solid #EEEEEE;
    cursor: pointer;
    margin: 0 0 10px !important;
    overflow: hidden;
    padding: 5px 3px;
}

#gkTools {
    display: none;
    float: right;
}

.button, button, button.button, input[type="submit"], input[type="reset"], input[type="button"], .pagenav-next a, .pagenav-prev a, .k2ReadMore, p.readmore a, a.readon, div.profile a, .nspAddToCart {
    background: none repeat scroll 0 0 #DDDDDD;
    border: medium none;
    border-radius: 2px 2px 2px 2px;
    color: #21245F;
    cursor: pointer;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: normal;
    height: 28px;
    line-height: 28px;
    margin: 1px;
    padding: 0 14px;
    text-decoration: none !important;
}

.button:hover,
.button:focus,
button:hover,
button:focus,
input[type="submit"]:hover,
input[type="submit"]:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"]:hover,
input[type="button"]:focus,
a:hover.k2ReadMore,
.pagenav-next a:hover,
.pagenav-prev a:hover,
.pagenav-next a:active,
.pagenav-prev a:active,
.pagenav-next a:focus,
.pagenav-prev a:focus,
.k2ReadMore:hover,
.k2ReadMore:focus,
.k2ReadMore:active,
p.readmore a:hover,
a.readon:hover,
p.readmore a:focus,
a.readon:focus,
div.profile a:hover,
div.profile a:focus,
.nspAddToCart:hover { background: #689fd8; color: #FFFFFF; }

input[type="password"], input[type="text"], input[type="email"], input[type="www"], input[type="tel"], input[type="url"], select, .inputbox {
    background: none repeat scroll 0 0 #FBFBFB;
    border-color: #9A9A9A #DADADA #E4E4E4;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    color: #555555;
    font: 12px/28px Arial,Helvetica,sans-serif;
    height: 28px;
    padding: 1px 12px;
}

input[type="search"], #mod_search_searchword.inputbox {
    background: url("../images/search.png") no-repeat scroll right center #FFFFFF;
    border: 3px solid #EBEAEA;
    border-radius: 5px 5px 5px 5px;
    color: #00569A;
    font-size: 16px;
    font-style: italic;
    height: 18px;
    padding: 8px 10px;
}

a {
    color: #BF0000;
}

a:hover, a:active, a:focus {
    color: #005A9C;
}

#gkTopNav li a, #gkButtons a {
    color: #EDEDED;
}

#gkTopNav li a:hover, #gkButtons a:hover {
    color: #BF0000;
}

ul .latestnews {
    list-style: disc inside none;
    padding-left: 10px;
}



#gkBreadcrumb .breadcrumbs {
    color: #005A9C;
    font-size: 12px;
}

#gkBreadcrumb .breadcrumbs > ul > li a {
    color: #666666;
}

#gkBreadcrumb .breadcrumbs > ul > li a:hover {
    color: #EE3B33;
}

/* Hoofdmenu */
#gkMainMenu, #gkMainMenu > div > ul {
    background: none repeat scroll 0 0 #003054;
    border-radius: 3px 3px 3px 3px;
    height: 46px;
}

#gkMainMenu > div > ul > li > a {
    border-left: 1px solid #DDDDDD;
    color: #DDDDDD;
    display: block;
    font-family: Myriad pro,Arial;
    font-size: 16px;
    height: 26px;
    line-height: 28px;
    margin: 10px 0 0;
    padding: 0 0 0 14px;
    text-transform: none;
}

#gkMainMenu > div > ul > li {
    margin-left: 14px;
}

#gkMainMenu > div > ul > li.active a {
    color: #EE3B33;
}

#gkMainMenu > div > ul > li:hover > a,
#gkMainMenu > div > ul > li:active > a,
#gkMainMenu > div > ul > li:focus > a {
	color: #EE3B33;
}

#gkMainMenu > div > ul div.childcontent a, #gkMainMenu > div > ul div.childcontent span {
    color: #DDDDDD;
    font-family: Myriad pro,Arial;
    font-size: 14px;
}

#gkMainMenu > div > ul div.childcontent .group-title {
    border-bottom: 0 none;
    margin: 0;
    padding: 0 0 8px;
}

#gkMainMenu > div > ul div.childcontent .group-title .menu-title {
    background: none repeat scroll 0 0 #F1F1F1;
    color: #005A9C;
    display: block;
    font-size: 14px;
    font-weight: normal;
    line-height: 22px;
    margin-right: 12px;
    padding-left: 7px;
    text-transform: uppercase;
}

div.gk-menu > ul.level0 > li > a#menu2 > span.menu-title {
    color: #FF0000;
    display: block;
    font-family: Myriad pro,Arial;
}

#gkMainMenu > div > ul div.childcontent-inner-wrap {
    background: none repeat scroll 0 0 #B32F3A;
    border: 1px solid #DFDFDF;
    box-shadow: 0 0 6px #C1C1C1;
    padding: 10px;
    position: relative;
}

#gkMainMenu > div > ul div.childcontent-inner {
    background: none repeat scroll 0 0 #B32F3A;
    overflow: hidden;
    padding: 8px 0;
}

#gkMainMenu > div > ul div.childcontent li.active > a,
#gkMainMenu > div > ul div.childcontent li.active > span,
#gkMainMenu > div > ul div.childcontent li:hover > a,
#gkMainMenu > div > ul div.childcontent li:hover > span,
#gkMainMenu > div > ul div.childcontent li > a:hover,
#gkMainMenu > div > ul div.childcontent li > span:hover,
#gkMainMenu > div > ul div.childcontent li.active > a > span,
#gkMainMenu > div > ul div.childcontent li.active > span > span,
#gkMainMenu > div > ul div.childcontent li:hover > a > span,
#gkMainMenu > div > ul div.childcontent li:hover > span > span,
#gkMainMenu > div > ul div.childcontent li > a:hover > span,
#gkMainMenu > div > ul div.childcontent li > span:hover > span { color: #003054!important; background: none; }

div.gk-menu > ul.level0 > li > .childcontent, div.gk-menu > ul.level0 > li > .childcontent .childcontent {
    left: -999em;
    position: absolute;
    z-index: 9999;
}

/* Directories module */
.box li, .box_text li {
    background: url("../images/bullet.png") no-repeat scroll 2px 6px transparent;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.2;
    padding: 3px 0 3px 24px;
}

/* Module suffixes */
.box.light {
    background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #EEEBEB;
    padding: 12px;
}

.box > div > h3.header, .box_menu > div > h3.header, .box_text > div > h3.header {
    background: url("../images/h3-bg2.gif") no-repeat scroll left center transparent;
    color: #FFFFFF;
    display: block;
    font-size: 100%;
    margin: 0 0 10px;
    padding-left: 10px;
    text-shadow: 0 1px 0 #222222;
    text-transform: none;
}

.box > div > h3.header > span, .box_menu > div > h3.header > span, .box_text > div > h3.header > span {
    background: url("../images/h3-bg2.gif") no-repeat scroll right center transparent;
    display: block;
    line-height: 30px;
    padding-right: 10px;
}

/* suffix text-red */
.box_text-red > div > h3.header {
    background: url("../images/h3-bg2_red.gif") no-repeat scroll left center transparent;
    color: #FFFFFF;
    display: block;
    font-size: 100%;
    margin: 0 0 10px;
    padding-left: 10px;
    text-shadow: 0 1px 0 #222222;
}

.box_text-red > div > h3.header > span {
    background: url("../images/h3-bg2_red.gif") no-repeat scroll right center transparent;
    display: block;
    line-height: 30px;
    padding-right: 10px;
}

.box_text-red > div > h3.header {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}


/* GK Bottom wrap */
#gkBottomWrap {
    background: none repeat scroll 0 0 #FFFFFF;
    box-shadow: 0 0 3px #B1B1B1;
}


#gkBottom1 > div, #gkBottom2 > div {
    padding: 10px 17px;
}

#gkBottomWrap h3.header {
    color: #005A9C;
    font-size: 18px;
    padding-left: 0;
    text-shadow: none;
}

#gkBottomWrap a {
    color: #EE3B33;
}
#gkFooterWrap {
    color: #FFFFFF;
    text-shadow: 0 0px #21245F;
}
.box a, .box_text a {
    text-decoration: none;
}

/* newsfeed module */
.feed_title_left, .feed_title_left a {
    font-weight: normal;
    text-align: left;
}


.feed_datetime {
    color: #005A9C;
    font-size: 86%;
}

/* HikaShop override CSS styles */

div.hikashop_subcontainer_border {
    border: 1px solid #DDDDDD;
}
span.hikashop_product_price_full {
    display: block;
    font-weight: normal;
    margin-bottom: 0;
}
span.hikashop_product_price {
    color: #005A9C;
    white-space: nowrap;
}
span.hikashop_checkout_cart_final_total {
    color: #005A9C;
    font-weight: bold;
}
.hikashop_cart_title {
    font-weight: normal;
}
table th {
    background: none repeat scroll 0 0 #DDDDDD;
    color: #21245F;
    padding-left: 10px;
    padding-right: 5px;
}

/* WidgetKit slidesow frontpage */
.wk-slideshow-list > div {
   /* background: none repeat scroll 0 0 #21245F;*/
    border: 0px solid #DDDDDD;
}

.wk-slideshow-list .nav {
    /*background: -moz-linear-gradient(0% 50% , #FDFDFD 97%, #F0F0F0 100%) repeat scroll 0 0 transparent;*/
    background: #fff;
    border-bottom-left-radius: 5px;
    border-right: 1px solid #fff;
    border-top-left-radius: 5px;
    border-top: 0;
    bottom: 1px;
    position: absolute;
    top: 1px;
   /* padding: 10px 0 10px 10px;*/
}
.wk-slideshow-list .nav span {
    color: #000;
    font-size: 16px;
    overflow: hidden;
    padding: 3px 2px;
}

.wk-slideshow .caption {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 23px;
    left: 14px;
    padding: 6px 20px 20px;
    height: 20px;
    right: 8px;
    line-height: 18px;
}

.wk-slideshow .caption1 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 248px;
    left: 18px;
    padding: 20px;
    height: 20px;
    right: 8px;
    position: absolute;
    color: #fff;
    line-height: 20px;
}

.wk-slideshow .caption2 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 22px;
    left: 13px;
    padding: 6px 20px 20px;
    height: 35px;
    right: 8px;
    position: absolute;
    color: #fff;
    line-height: 17px;
}

.wk-slideshow .caption3 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 250px;
    left: 13px;
    padding: 6px 20px 26px;
    height: 26px;
    right: 8px;
    position: absolute;
    color: #fff;
    line-height: 16px;
}
.wk-slideshow .caption4 {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 266px;
    left: 13px;
    padding: 6px 20px 26px;
    height: 10px;
    right: 8px;
    position: absolute;
    color: #fff;
    line-height: 16px;
}


.wk-slideshow-list .active span {
    color: #C80000;
}
.wk-slideshow-list .nav li.active {
border-bottom: 0px solid #DDDDDD;
    border-top: 0px solid #DDDDDD;
}

.wk-slideshow .slides > li {
    padding: 10px 8px 10px 0;
}

.wk-slideshow-list .slides > li > article {
    padding: 0 0 0 11px;
}

.wk-slideshow .wk-content > img:first-child, .wk-slideshow .wk-content > a:first-child > img {
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border: 2px solid #FFFFFF;
}
.frontpageshowcase {
    color: #FFFFFF;
    font-size: 16px;
    left: 40px;
    line-height: 22px;
    position: absolute;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    top: 45px;
    width: 450px;
    z-index: 1;
}
.frontpageshowcase h1 {
    color: #FFFFFF;
}
/* tabel op rubrieken paginas */
#rubriekmodule {
    background-color: #F0F0F0;
    border-color: #EF2A0F;
    border-width: 0;
    width: 100%;
}
.allmode-portal .allmode_topbox {
    float: left;
    overflow: hidden;
    padding-top: 10px;
    width: 42%;
}
.allmode-portal .allmode_name {
    border-top: 1px solid #148CD7;
    height: 32px;
    margin: -32px 0 -4px;
    padding-left: 2px;
}
.allmode-portal .allmode_itemsbox {
    float: right;
    margin-right: 26px;
    padding-top: 10px;
    width: 300px;
}
.allmode-portal {
    margin-bottom: 0;
    overflow: hidden;
    padding-top: 0;
    position: relative;
}
table td.publiekstrekker {
    background-color: #DCDCDC;
    border-color: #AAAAAA;
    border-style: solid;
    border-width: 1px;
    vertical-align: top;
}
table td, table.admintable {
    vertical-align: top;
}
.blog .items-row .item, .blog .items-leading > div, .blog-featured .items-row .item, .blog-featured .items-leading > div {
    margin-bottom: 0;
	border-bottom: 1px solid #003054;
}
.level_1 {
    margin-left: 20px;
}
.level_2 {
    margin-left: 20px;
}
}
.level_1 title {

}
.level_2 {

}

/* Weeronline widget */
.new-widget {
    position: relative;
    width: 234px;
}

.new-widget .widget-content .widget-data {
    position: relative;
    width: 230px;
}

.new-widget .widget-content .widget-data .logo.color {
    display: none;
}

.new-widget .widget-content .widget-data .widget-forecast .widget-forecast-item {
    padding-left: 0;
}

.new-widget .widget-content .widget-data .widget-forecast .widget-forecast-item .weathericon {
    margin-right: 10px;
}

/* RS Form */
div.formCaption {
    width: 40%;
}

#recaptcha_area {
    margin: 0 20px 0 200px;
}

.yui-calendar a.calnav {
    color: #EE3B33 !important;
}

/* Profile EDIT override file */
div.profile-explain {
    background-color: #F5F5F5;
    border-color: #FF0000;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 20px;
    padding: 0 10px;
    vertical-align: top;
    width: 350px;
}

span.profiletext {
    color: #555555;
}

.profile-edit legend {
    margin: 0 0 12px;
}

/* Widgetkit override file */
.wk-slideshow .slides > li {
    background: none repeat scroll 0 0 transparent;
}

.wk-slideshow-tabs .slides > li > article {
    font-size: 14px;
    padding: 15px;
}

#slides-container .box li, #slides-container .box_text li {
    font-size: 14px;
}

.wk-slideshow-tabs .nav li.active {
    background: none repeat scroll 0 0 #FFFFFF;
    border-bottom: 3px solid #FFFFFF;
    padding-bottom: 1px;
}

.wk-slideshow-tabs .nav span {
    color: #BF0000;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding: 7px 15px 5px 0;
}

.wk-accordion-default .content {
    padding: 8px;
}


/* frank */
#gkBottomBlock {
    padding: 10px 17px;
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 0px;
}
#gkPageWrap + #gkBottomBlock {
    margin-top: 0px;
}

.links { 
	float: left;
	 width:  48%; 
}

.rechts { 
	float: right;
	 width: 48%;
	 margin-top: 0px;
}

#gkHeader .box > div > h3.header, .box_menu > div > h3.header, .box_text > div > h3.header {
	background: none;
	color: #fff;
    font-size: 22px;
    text-shadow: none;
    margin-left: 40%;
}
#gkHeader .box > div > h3.header > span, .box_menu > div > h3.header > span, .box_text > div > h3.header > span {
background: none;
    }


#gkUser1 .box > div > h3.header, .box_menu > div > h3.header, .box_text > div > h3.header {
	background: none;
	color: #005A9C;
    font-size: 18px;
    text-shadow: none;
    }
    
#gkUser1 .box > div > h3.header > span, .box_menu > div > h3.header > span, .box_text > div > h3.header > span {
background: none;
	color: #005A9C;
    font-size: 18px;
    text-shadow: none;
    }

#gkUser2 .box > div > h3.header, .box_menu > div > h3.header, .box_text > div > h3.header {
	background: none;
	color: #005A9C;
    font-size: 18px;
    text-shadow: none;
    }
    
#gkUser2 .box > div > h3.header > span, .box_menu > div > h3.header > span, .box_text > div > h3.header > span {
background: none;
	color: #005A9C;
    font-size: 18px;
    text-shadow: none;
    }

.box.gkColLeft {
    float: left;
    margin-top: 0;
    width: 25%;
}

.box.gkColcenter1 {
    float: left;
    width: 24%;
    margin-top: 0;
    margin-right: 10px !important;
}

.box.gkColcenter2 {
    float: left;
    width: 24%;
    margin-top: 0;

}

.box.gkColRight {
    float: left;
    margin-top: 0;
    width: 25%;
}

#gkContentMainbody {
	    margin-left: 10px;
}

/* einde frank */