F@charset "utf-8";
/* CathDesign */

/* cookie bot geen vette links */
#CybotCookiebotDialog a, #CybotCookiebotDialog a:hover {
	font-weight: normal !important;
}
#CybotCookiebotDialogDetailBodyContent a {
    font-size: 9pt;
	font-weight: normal !important;
}
.CybotCookiebotDialogBodyLink {color: #ffffff !important; }

/* afgeronde hoeken social media addthis buttons */
.at-icon-wrapper { border:0px; border-radius:6px !important; }

/* daghoroscopen */
.daghor { width: 94px; float: left; margin:8px; text-align: center; opacity: 1;	filter: alpha(opacity=100); }
.daghor1 { width: 94px; float: left; margin:8px; text-align: center; opacity: 0.3;	filter: alpha(opacity=30); }
.daghor:hover { opacity: 0.75; filter: alpha(opacity=75); }
.caption-12px { font-size:12px; line-height: 14px; }

/* styles voor de nieuwsflits */
.callout {
  position: absolute;
  top: 150px;
  left: 30px;
/*  align-items: center;
  margin: 0px auto;  */
   width: 300px;
   max-width: 90%;
}

.callout-header {
  padding: 25px 15px;
  background: #b0278c;
  font-size: 30px;
  color: white;
}

.callout-container {
  padding: 15px;
  background-color: #ccc;
  color: black
}

.closebtn {
  position: absolute;
  top: 5px;
  right: 15px;
  color: white;
  font-size: 30px;
  cursor: pointer;
}

.closebtn:hover {
  color: lightgrey;
}
/* end nieuwsflits */

/* Bol.com styles webshop */
#Sbol_1428270014010, #Sbol_1428268257651, #Sbol_1428268886963, #Sbol_1428268547788, #Sbol_1428324070200, #Sbol_1428333937192, #Sbol_1428335680322 { border-radius:6px; }
.bol_pml_box { max-width:100% !important; overflow:hidden !important; }
.bol_pml_box_data { overflow:hidden !important; }
#Sbol_1428321080656.bol_pml_box { max-width:100% !important; overflow:hidden !important; border-radius:6px;}
#bolSearchSubmitbol_1428270014010 { color: #fff; background-color: #b0278c !important; border-color: #2e6da4; display: inline-block; padding: 2px 3px; margin-bottom: 0; margin-left:5px !important; font-size: 12px; font-weight: bold; height:24px; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; overflow: visible; }
#bolCatSelectbol_1428270014010 { height:24px !important; margin-right:3px; margin-bottom:3px;border-radius:6px; }
#bolSearchFieldbol_1428270014010 { height:24px !important; margin-right:3px; margin-bottom:3px; padding-left:3px; border-radius:6px; }
#bolSearchSubmitbol_1428270014010:hover { background-color: #d932ad; }
#Sbol_1428270014010 .bol_pml_box_data { border:0px !important; }
#Sbol_1428321080656 .bol_pml_element .imgwrap_mini img, #Sbol_1428270014010 .bol_pml_element .imgwrap_mini img, #Sbol_1428324070200 .bol_pml_element .imgwrap_mini img, #Sbol_1428333937192 .bol_pml_element .imgwrap_mini img, #Sbol_1428335680322 .bol_pml_element .imgwrap_mini { margin-bottom:5px; }

@media only screen and (max-width: 480px) {
#Sbol_1428270014010 .bol_pml_element, #Sbol_1428321080656 .bol_pml_element, #Sbol_1428324070200 .bol_pml_element, #Sbol_1428333937192 .bol_pml_element, #Sbol_1428335680322 .bol_pml_element { max-width:100% !important }
.product_details_mini, .bol_pml_element { max-width:70% !important }
/* #Sbol_1428321080656 .bol_pml_element .product_details_mini, #Sbol_1428324070200 .bol_pml_element .product_details_mini { max-width:60% !important }  */
}

/* navigatie */
.dropdown-submenu { position: relative; }
.dropdown-menu>li>a { font-weight: 600; }
.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; margin-left: -1px; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; }
.dropdown-submenu:hover>.dropdown-menu { display: block; }
.dropdown-submenu>a:after { display: block; content: " "; float: right; width: 0; height: 0; border-color: transparent; border-style: solid; border-width: 5px 0 5px 5px; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; }
.dropdown-submenu:hover>a:after { border-left-color: #fff; }
.dropdown-submenu.pull-left { float: none; }
.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; }
.dropdown-header { font-size: 16px; color: #41b3d8; font-weight:bold; padding-left:15px !important; }

.navbar { margin-bottom: 5px !important; min-height: 25px !important; }
.navbar-fixed-top { background: #b0278c; border-bottom: 5px solid #fff; position: fixed !important; }
.navbar-default .navbar-nav>li>a { color: #fff; }
.navbar-default .navbar-nav>li>a:hover { background: #d8b5cf; }
.navbar-nav>.active>a { background: #d8b5cf !important; }
.navbar-nav>li>a { padding-top: 5px !important; padding-bottom: 6px !important; border-left: 1px solid #fff; }
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { background: #d8b5cf; }
.navbar-fixed-top .navbar-collapse { background-color: #b0278c !important; font-size: 0.9em; }
.navbar-nav { font-weight: bold; font-size: 14px; }
.navbar-brand { margin-right:20px; }
/* nav mobiel */
.navbar-toggle { margin-top: 4px; margin-bottom: 4px; }
.navbar-default .navbar-toggle:hover { background-color: #d8b5cf; }
.navbar-default .navbar-toggle { border-color: #000; height: 45px !important; font-size: 0.8em; }
.navbar-default .navbar-toggle .icon-bar { background-color: #fff; }

/* Diversen content */
html { position: relative; min-height: 100%; }
body { background: #fff; font-size: 18px; font-family: Arial, Helvetica, sans-serif;}
.page-title h1 { font-size: 34px; text-align: left; }
.page-title h2 { font-size: 26px; color:#b0278c; }
.page-header { padding-bottom: 9px; padding-top:160px; margin: 0px; border-bottom: 0px solid #eee; text-align: center; }
.page-header h1 { font-size: 34px; color:#b0278c }
.page-header h2 { font-size: 26px; color:#b0278c; }
.page-header h3 { font-size: 20px; color:#b0278c; }
.subkop { font-size: 20px; color:#b0278c; }
.footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 35px; background-color: #b0278c; }
#nav2 { margin-bottom, padding-bottom: 0; }
#content { padding-bottom:60px; margin-top: 35px; padding-top:40px; background: #FFF url(/gfx/logo.jpg) no-repeat; border: 3px solid #b0278c; border-radius:15px; }
body > .container { padding: 0px 15px; font-size: 16px; line-height: 20px; }
a:link, a:visited, a:active { color: #711659; text-decoration: none; font-weight: bold; }
a:hover { color:#b0278c; font-weight: bold; text-decoration: none; }
a.h3link:link, a.h3link:visited, a.h3link:active { 
	color: #711659;
	font-size: 20px;
	text-decoration: none;
	margin-bottom: 10px;
	font-weight: 500;
    line-height: 1.1;
}
a.h3link:hover {
	color: #b0278c;
	font-size: 20px;
	text-decoration: none;
}
.roze {
	color: #b0278c;
	font-size: 16px;
	font-weight: 700;
}
.bg-grijs { background: rgba(255, 255, 255, 0.7); padding: 9px 14px; margin-bottom: 14px; border: 1px solid #d8b5cf; border-radius: 8px; }
.carousel-content { color:black; display:flex; align-items:center; }
hr { border-top: 1px solid #d8b5cf; }
h1 { font-size: 24px; color: #b0278c; }
h2 { font-size: 22px; color: #b0278c; }
h3 { font-size: 20px; color: #b0278c; }
h4 { font-size: 20px; color: #b0278c;!important }
#pijltjes { text-align: center; }
.text-muted, .text-muted a { font-size: 14px; color: #fff; margin-top:5px; }
.text-muted a:hover { color: #000; }
.centreren { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.geenafbr { white-space: nowrap; }
.clearall { clear: both; }
.rand { border: 1px solid #000; border-radius: 8px; }
.resp-img { max-width: 100%; border-radius: 8px; }
.txt12px { font-size: 14px; }


/* horoscopen iframe */
.embed-container { -webkit-overflow-scrolling: touch; overflow-y: auto; overflow-x: hidden; position: relative; padding-bottom: 110.25%; height: 0; max-width: 100%; }
.embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
iframe { border:0; overflow:hidden; width:100%; margin: 0px; padding: 0px; }

/* Forumulieren */
.formKnop { color: #fff; background-color: #b0278c; border-color: #2e6da4; display: inline-block; padding: 6px 12px; margin-bottom: 0; font-size: 16px; font-weight: 600; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: 4px; overflow: visible; }
.formKnop:hover { background-color: #d932ad; }
.formGroep { font: 16px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; border: 1px solid #b0278c; border-radius: 4px; background: #fff; padding: 3px; }

/* scrollbars */
::-webkit-scrollbar {  width: 10px;  height: 10px; }
::-webkit-scrollbar-button { width: 10px; height: 10px; background: transparent; }
::-webkit-scrollbar-thumb { background: #b0278c; border: 0px none #ffffff; height: 50px; border-radius: 10px; box-shadow: -3px -3px 6px rgba(176,68,148,1) inset, 3px 3px 3px rgba(216,181,207,1) inset; }
::-webkit-scrollbar-thumb:hover { background: #7f1d65; }
::-webkit-scrollbar-track { background: #fff; border: 1px solid #e1e1e8; border-radius: 10px; }
::-webkit-scrollbar-corner { background: transparent; }

/* menu a/d rechterkant */
/* sidebar sectie verticaal menu, zie www.jonathanbriehl.com/2014/01/17/vertical-menu-for-bootstrap-3/ */
@media (min-width: 768px) {
.sidebar-nav .navbar .navbar-collapse { padding: 0; max-height: none; background: #fff; }
.sidebar-nav .navbar ul { float: none; }
.sidebar-nav .navbar ul:not { display: block; }
.sidebar-nav .navbar li { float: none; display: block; }
.sidebar-nav .navbar li a { padding-top: 8px!important; padding-bottom: 8px!important; margin-bottom: 10px; background: #fff; color: #333; border: 1px solid #e1e1e8; border-radius:8px; }
.sidebar-nav .navbar li a:hover { background: #f8f8f8; }
.sidebar-nav>.active>a { background: #9ddaee !important; }
.sidebar-nav .navbar { border: 0 !important; }
.sidebar-nav>.navbar-default .navbar-nav>li>a { color: #333 !important; }
.sidebar-nav>.navbar-default { background-color: #fff; border-color: #e7e7e7; border-radius:8px; }
.sidebar-nav>.navbar-nav>li>a { padding-top: 18px !important; padding-bottom: 12px !important; border-left: 0px solid #fff; }
.dropdown-menu>.active>a { background: #d8b5cf !important; }
.dropdown-menu>.active>a:hover { color: #333 !important; }
}

@media (max-width: 768px) {
.sidebar-nav .navbar .navbar-collapse { background: #fff; }
.sidebar-nav>.navbar-default .navbar-nav>li>a, .navbar-default .navbar-nav .open .dropdown-menu>li>a { color: #333; font-weight: 600; }
.sidebar-nav>.navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover { color: #000; background:#f8f8f8; }
.sidebar-nav>navbar .navbar-default .navbar-collapse { border: 0px solid #e7e7e7 !important; }
.page-header h1 { font-size: 24px; color:#b0278c }
.warning-mob { visibility: hidden; height: 0; }
}

@media only screen and (max-width: 480px) {
.resp-img { display: block; max-width:100px; max-height: auto; border-radius:6px; left: 0; right: 0; top: 0; bottom: 0; }
.footer { position: absolute; bottom: 0; width: 100%; /* Set the fixed height of the footer here */ height: 60px; background-color: #b0278c; }
}

/* Afbeeldingen horoscopen */

.horoscoop-afbeelding {
    float: left;
    max-width: 100%;
    height: auto;
    margin: 2px 12px 8px 0;
}
@media only screen and (max-width: 480px) {
    .horoscoop-afbeelding {
        float: none !important;
        display: block;
        margin: 2px auto 15px auto;
    }
}