/*------------------------------------*\
   $_Contents
\*------------------------------------*/
/**
 * NOTE: To search for a section prefix it with "$_"
 * 	     e.g.: $_Headings
 *
 * 
 * -- Base Styles --
 * Sprites
 * Normalize
 * Reset
 * Main
 * Headings
 * Links
 * Text
 * Lists
 * Images
 * Tables
 * Forms
 * 
 * 
 * -- Modules --
 * 960_12_col
 * Header
 * Page_banner
 * Sidebar
 * Breadcrumbs
 * Stacked_list
 * Articles
 * Main_slider
 * Modal
 * Footer
 * Buttons
 * 
 * -- Components --
 * Home
 * Dates_list
 * Personnel_list
 * FAQ
 * 
 * -- Stuff that should override --
 * Helpers
 * 
 */
/*------------------------------------*\
   $_Sprites
\*------------------------------------*/
.spr_all-sprite, .page-banner-slider-nav > a, .page-banner-slider-nav > .activeSlide, .side-nav > li.active:after,
.side-nav-arrow,
.lt-ie8 .side-nav > li.active .ie-after, .lt-ie9 .side-nav > li.active:after, .icon-facebook, .icon-twitter, .icon-mail, .modal a.close-modal, .footer-subscribe:before, .lt-ie8 .footer-subscribe .ie-before, .form-search-button {
  background: url('/images/css/sterren_apotheek/spr_all-s3e1a25cf4e.png') no-repeat;
}

/*-----------------------------------*\
   $_Normalize
\*------------------------------------*

/*! normalize.css v2.0.1 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/*
 * Corrects `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*
 * Corrects `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/*
 * Prevents modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/*
 * Addresses styling for `hidden` attribute not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/*
 * 1. Sets default font family to sans-serif.
 * 2. Prevents iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
}

/*
 * Removes default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/*
 * Addresses `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/*
 * Improves readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/*
 * Addresses `h1` font sizes within `section` and `article` in Firefox 4+,
 * Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
}

/*
 * Addresses styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/*
 * Addresses style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/*
 * Addresses styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/*
 * Addresses styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/*
 * Corrects font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/*
 * Improves readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}

/*
 * Sets consistent quote types.
 */
q {
  quotes: "\201C" "\201D" "\2018" "\2019";
}

/*
 * Addresses inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/*
 * Prevents `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/*
 * Removes border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/*
 * Corrects overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/*
 * Addresses margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/*
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. Corrects color not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Corrects font family not being inherited in all browsers.
 * 2. Corrects font size not being inherited in all browsers.
 * 3. Addresses margins set differently in Firefox 4+, Safari 5, and Chrome
 */
button,
input,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 2 */
  margin: 0;
  /* 3 */
}

/*
 * Addresses Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/*
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Corrects inability to style clickable `input` types in iOS.
 * 3. Improves usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/*
 * Re-set default cursor for disabled elements.
 */
button[disabled],
input[disabled] {
  cursor: default;
}

/*
 * 1. Addresses box sizing set to `content-box` in IE 8/9.
 * 2. Removes excess padding in IE 8/9.
 */
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/*
 * 1. Addresses `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Addresses `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  /* 2 */
  box-sizing: content-box;
}

/*
 * Removes inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/*
 * Removes inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/*
 * 1. Removes default vertical scrollbar in IE 8/9.
 * 2. Improves readability and alignment in all browsers.
 */
textarea {
  overflow: auto;
  /* 1 */
  vertical-align: top;
  /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/*
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*------------------------------------*\
   $_Reset
\*------------------------------------*

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*------------------------------------*\
	$_Main
\*------------------------------------*/
html {
  overflow-y: scroll;
}

body {
  font-family: "Open Sans", sans-serif;
  font-size: 12px;
  color: #4b575f;
  background-color: #edeeef;
  width: 1020px;
  margin: 0 auto;
  padding: 0;
}

.container {
  background-color: #fff;
  box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);
  margin-bottom: 20px;
}

.container,
.footer-bottom-wrapper {
  border-radius: 0 0 6px 6px;
}

.main {
  margin-bottom: 45px;
}

/*------------------------------------*\
	$_Headings
\*------------------------------------*/
h1, h2, h3, h4, h5, h6,
.heading1, .heading2, .heading3, .heading4, .heading5, .heading6 {
  margin: 0;
  line-height: 1;
  font-weight: 600;
  color: #4b575f;
}

h1, .heading1 {
  font-size: 30px;
  font-weight: 300;
  margin: 0;
}

h2, .heading2 {
  font-size: 22px;
  font-weight: 600;
  margin: 0;
}

h3, .heading3 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 15px;
}

h4, .heading4 {
  font-size: 18px;
  margin: 0;
}

h5, .heading5 {
  font-size: 16px;
  margin-bottom: 10px;
}

h6, .heading6 {
  font-size: 14px;
  margin-bottom: 5px;
}

.section-heading {
  color: #89146a;
  font-weight: 400;
  margin-bottom: 35px;
}

/**
* A series of classes for setting massive type; for use in heroes, mastheads,
* promos, etc.
*/
.banner-slide-heading {
  font-size: 26px;
}

.side-article-heading {
  font-size: 12px;
}

/*------------------------------------*\
	$_Links
\*------------------------------------*/
a {
  color: #4b575f;
  text-decoration: none;
  line-height: 1.2;
}
a:hover {
  color: #4b575f;
}
a:active {
  color: #4b575f;
}
a:visited {
  color: #4b575f;
}
a:hover, a:active, a:focus {
  text-decoration: none;
}
a:active, a:focus {
  outline: none;
}

.side-data a, .article-meta a, .side-article-list-footer a, #login-modal a {
  color: #89146A;
  text-decoration: underline;
}
.side-data a:hover, .article-meta a:hover, .side-article-list-footer a:hover, #login-modal a:hover {
  text-decoration: none;
}

/*------------------------------------*\
	$_Text
\*------------------------------------*/
strong, b {
  font-weight: 600;
}

em, i {
  font-style: italic;
}

p {
  line-height: 1.65;
  margin-bottom: 22px;
}
p:last-child {
  margin-bottom: 0;
}

.article p:last-of-type,
section p:last-of-type {
  margin-bottom: 22px;
}

.article p:last-child,
section p:last-child {
  margin-bottom: 0;
}

/*------------------------------------*\
	$_Lists
\*------------------------------------*/
li > ul,
li > ol {
  margin-bottom: 0;
}

/*------------------------------------*\
	$_Images
\*------------------------------------*/
img {
  max-width: 100%;
  height: auto;
}

figure > img {
  display: block;
}

.article-image, .article-list-2col figure, .side-article-photo {
  position: relative;
  box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.2);
}
.article-image:before, .article-list-2col figure:before, .side-article-photo:before, .article-image:after, .article-list-2col figure:after, .side-article-photo:after {
  position: absolute;
  content: "";
  width: 37%;
  bottom: 6px;
  box-shadow: 0 0 2px 5px rgba(0, 0, 0, 0.8);
  z-index: 1;
}
.article-image:before, .article-list-2col figure:before, .side-article-photo:before {
  left: 10px;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
}
.article-image:after, .article-list-2col figure:after, .side-article-photo:after {
  right: 10px;
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  transform: skewY(2deg);
}
.article-image img, .article-list-2col figure img, .side-article-photo img, .stappen .grid_4 img {
  padding: 1px;
  background-color: #fff;
  border: 1px solid #dbdddf;
  border-radius: 3px;
  position: relative;
  z-index: 10;
}

/*------------------------------------*\
	$_Tables
\*------------------------------------*/
table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

td {
  vertical-align: top;
}

/*------------------------------------*\
	$_Forms
\*------------------------------------*/
input[type="text"], input[type="email"],
textarea {
  font-size: 11px;
  border: 1px solid #cccccc;
  box-shadow: inset 1px 1px 1px #ededed;
  padding: 6px 10px;
  border-radius: 3px;
}

.form-search {
  position: relative;
}

.form-search-input {
  width: 200px;
}

.form-search-button {
  position: absolute;
  top: 8px;
  right: 8px;
}

::-webkit-input-placeholder {
  color: #a5aaad;
  font-style: italic;
}

:-moz-placeholder {
  color: #a5aaad;
  font-style: italic;
}

.placeholder {
  color: #a5aaad;
  font-style: italic;
}

.form .form-group {
  overflow: hidden;
  margin-bottom: 15px;
}
.form label {
  float: left;
  width: 140px;
  line-height: 26px;
}
.form input,
.form textarea {
  float: left;
  width: 280px;
}
.form textarea {
  width: 310px;
  min-width: 310px;
  max-width: 310px;
}
.form .form-submit-button {
  margin-left: 140px;
}

.contact-content {
  border-left: 1px solid #e6e6e6;
  padding-left: 30px;
  margin-left: -30px;
}

/*------------------------------------*\
   $_960_12_col
\*------------------------------------*

/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/
/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/
body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/
.container_12 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/
.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.home-intro,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11 {
  position: relative;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/
.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_3 {
  width: 220px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_6 {
  width: 460px;
}

.container_12 .grid_7, .container_12 .home-intro {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_9 {
  width: 700px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

.container_12 .grid_12 {
  width: 940px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_3 {
  padding-left: 240px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_6 {
  padding-left: 480px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_9 {
  padding-left: 720px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_3 {
  padding-right: 240px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_6 {
  padding-right: 480px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_9 {
  padding-right: 720px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_3 {
  left: 240px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_6 {
  left: 480px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_9 {
  left: 720px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/
.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_3 {
  left: -240px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_6 {
  left: -480px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_9 {
  left: -720px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */
.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.clearfix,
.container_12 {
  zoom: 1;
}

/*------------------------------------*\
	$_Header
\*------------------------------------*/
.header-wrapper {
  background: white url('/images/css/sterren_apotheek/header_pattern.png') repeat;
  box-shadow: inset 0 -15px 15px -15px rgba(0, 0, 0, 0.2);
}

.header {
  overflow: hidden;
  padding: 22px 0 26px;
}

.logo {
  float: left;
  margin-left: 10px;
  margin-top: 16px;
}

.header-top,
.main-nav {
  float: right;
  clear: right;
  margin-right: 10px;
}

.header-top {
  margin-bottom: 30px;
}

.header-info,
.header-login-button,
.form-search {
  float: left;
  margin-left: 20px;
}

.header-info {
  font-size: 11px;
  line-height: 26px;
}

.header-login-button {
  margin-top: 2px;
}

.header .form-search {
  position: relative;
  top: -1px;
}

.main-nav {
  width: 700px;
  margin-top: 4px;
}

.main-nav ul {
  overflow: hidden;
  float: right;
}

.main-nav li {
  float: left;
  margin-left: 30px;
  padding-bottom: 1px;
}
.main-nav li:first-child {
  margin-left: 0;
}
.main-nav li:hover, .main-nav li.active {
  border-bottom: 2px solid #89146a;
}

.main-nav a {
  text-transform: uppercase;
  color: #4b575f;
  font-size: 13px;
  font-weight: 600;
}

/*------------------------------------*\
	$_Page_banner
\*------------------------------------*/
.page-banner, .page-banner-slider {
  margin-bottom: 40px;
  padding-bottom: 8px;
  background: url('/images/css/sterren_apotheek/banner_shadow.png') no-repeat left bottom;
  width: 100%;
  overflow: hidden;
}

.page-banner-content, .page-banner-slide {
  width: 100%;
  overflow: hidden;
  background-image: url('/images/css/sterren_apotheek/watermark_large.png');
  background-position: right bottom;
  background-repeat: no-repeat;
}

.page-title {
  float: left;
  color: #fff;
  margin: 115px 0 0 20px;
}

.page-image, .banner-slide-image {
  float: left;
}

.lime {
  background-color: #833077;
}

.purple {
  background-color: #89146a;
}

.gray {
  background-color: #4b575f;
}

.turqoise {
  background-color: #b483ad;
}

.orange {
  background-color: #a16499;
}

/**
 * Page banner slider
 */
.page-banner-slider {
  position: relative;
  height: 280px;
  margin-bottom: 49px;
}

.page-banner-slide {
  background-image: none;
  height: 280px;
}

.page-banner-slider-nav {
  position: absolute;
  right: 206px;
  bottom: 32px;
  z-index: 100;
  overflow: hidden;
}
.page-banner-slider-nav > a {
  text-indent: -9999px;
  display: block;
  float: left;
  margin-left: 2px;
  background-position: 0 -16px;
  width: 10px;
  height: 10px;
}
.page-banner-slider-nav > a:active, .page-banner-slider-nav > a.banner_slider_nav_active, .page-banner-slider-nav > a.banner_slider_nav-active {
  background-position: -10px -16px;
}
.page-banner-slider-nav > .activeSlide {
  background-position: -10px -16px;
}

.banner-slide-text {
  float: left;
  margin: 35px 10px 0 50px;
  width: 350px;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  text-align: right;
}

.banner-slide-heading {
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  font-weight: 600;
  font-style: italic;
  margin-bottom: 30px;
}

/*------------------------------------*\
   $_Sidebar
\*------------------------------------*/
.sidebar-inner {
  width: 294px;
}

.sidebar-inner :last-child {
  margin-bottom: 0;
}

/**
 * Side data
 */
.side-data,
.side-data a {
  line-height: 1.8;
}

.side-data-group {
  margin: 20px 0;
}

.side-data-item {
  overflow: hidden;
}

.side-data-title {
  font-style: italic;
  float: left;
  width: 75px;
}

.side-data-value {
  float: left;
}
.side-data-value > * {
  display: block;
}

/**
 * Side banners
 */
.side-banner {
  padding: 20px;
  border-radius: 3px;
  margin: 40px 0;
  background-color: #333e47;
  background-image: url('/images/css/sterren_apotheek/watermerk.png');
  background-repeat: no-repeat;
  background-position: 100% 100%;
  color: white;
}
.side-banner a {
  color: #fff;
  font-size: 26px;
  font-style: italic;
}

.side-banner h4{ color: white;}
.side-banner p{margin-bottom: 3px; margin-top: 20px;}

/*------------------------------------*\
   $_Breadcrumbs
\*------------------------------------*/
.breadcrumbs {
  margin-bottom: 32px;
}

.breadcrumbs ol {
  overflow: hidden;
}

.breadcrumbs li {
  float: left;
  margin-left: 3px;
  padding-left: 6px;
  background: url('/images/css/sterren_apotheek/breadcrumbs_separator.png') no-repeat left 2px;
}
.breadcrumbs li:first-child {
  padding-left: 0;
  margin-left: 0;
  background: none;
}

.breadcrumbs a {
  font-size: 11px;
  font-weight: 300;
  text-decoration: underline;
}

.breadcrumbs .active a,
.breadcrumbs a:hover {
  color: #89146a;
  text-decoration: none;
}

/*------------------------------------*\
   $_Stacked_list
\*------------------------------------*/
.side-nav, .side-article-list, .home-links {
  background-color: #fafafa;
  border: 1px solid #dbdddf;
  padding: 2px 15px;
  border-radius: 3px;
  margin: 15px 0;
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.8);
}

.side-nav > li, .side-article-list > li, .home-links > li, .side-article {
  border-top: 1px solid #d7d9db;
  padding: 12px 0;
}
.side-nav > li:first-child, .side-article-list > li:first-child, .home-links > li:first-child, .side-article:first-child {
  border-top: none;
}

nav .side-nav .active > a, nav .side-article-list .active > a, nav .home-links .active > a,
nav .side-nav > li > a:hover,
nav .side-article-list > li > a:hover,
nav .home-links > li > a:hover, .home-links a:hover {
  color: #89146a;
}

.side-nav > li, .side-article-list > li, .home-links > li {
  padding: 6px 0;
  position: relative;
}

.side-nav > li > a, .side-article-list > li > a, .home-links > li > a {
  display: block;
  font-size: 13px;
  padding: 6px 0;
}

.side-nav > li.active:after,
.side-nav-arrow,
.lt-ie8 .side-nav > li.active .ie-after {
  content: "";
  display: block;
  background-position: 0 0;
  width: 9px;
  height: 15px;
  position: absolute;
  right: -22px;
  top: 10px;
}

.lt-ie9 .side-nav > li.active:after {
  background-position: -9px 0;
}

.lt-ie8 .side-nav > li.active {
  zoom: expression(this.runtimeStyle.zoom="1", this.appendChild( document.createElement("i") ).className="ie-after" );
}

nav .side-nav ul, nav .side-article-list ul, nav .home-links ul {
  padding: 0 5px 0 10px;
}

nav .side-nav > li > ul > li, nav .side-article-list > li > ul > li, nav .home-links > li > ul > li {
  margin: 10px 0;
}
nav .side-nav > li > ul > li:before, nav .side-article-list > li > ul > li:before, nav .home-links > li > ul > li:before {
  content: "\00BB";
  font-weight: 400;
  font-style: italic;
  margin-right: 6px;
}

nav .side-nav > li > ul a, nav .side-article-list > li > ul a, nav .home-links > li > ul a {
  font-size: 11px;
  font-style: italic;
  font-weight: 400;
}
nav .side-nav > li > ul a:hover, nav .side-article-list > li > ul a:hover, nav .home-links > li > ul a:hover {
  text-decoration: underline;
}

nav .side-nav li .active a:hover, nav .side-article-list li .active a:hover, nav .home-links li .active a:hover {
  text-decoration: none;
}

/*------------------------------------*\
   $_Articles
\*------------------------------------*/
.article-button-more {
  margin-top: 15px;
}

/**
 * Main article
 */
.article {
  overflow: hidden;
}

.article-intro {
  font-weight: 600;
}

.article-short {
  width: 460px;
}

.article-header {
  margin-bottom: 25px;
}

.article-heading, .article-heading-highlight {
  margin-bottom: 8px;
}

.article-heading-highlight {
  color: #89146a;
}

.article-meta {
  font-size: 11px;
}

.article-image.pull-right {
  margin: 15px 0 15px 20px;
}
.article-image.pull-left {
  margin: 15px 20px 15px 0;
}

.article-footer {
  border-top: 1px solid #edeeee;
  margin-top: 28px;
  padding-top: 12px;
  text-align: right;
  overflow: hidden;
}
.article-footer span {
  margin-right: 5px;
}
.article-footer .icon {
  display: inline-block;
  margin-left: 3px;
}

.article-organizational {
  margin-top: 50px;
}

/**
 * Two column article-list
 */
.article-list-2col {
  float: left;
  margin-top: 20px;
}
.article-list-2col article {
  margin-bottom: 25px;
  font-size: 11px;
  line-height: 17px;
}
.article-list-2col .article-content {
  width: 330px;
}
.article-list-2col p:last-of-type {
  margin-bottom: 0;
}

/**
 * One column article-list
 */
.article-list .article {
  padding-bottom: 25px;
  border-bottom: 1px solid #edeeee;
  margin-bottom: 25px;
}
.article-list .article-content {
  width: 380px;
}
.article-list .article-image {
  margin: 0;
}

/**
 * Side article-list
 */
.side-article-list {
  padding-top: 10px;
  padding-bottom: 20px;
}

.side-article {
  padding: 15px 0;
  overflow: hidden;
}

.side-article-content {
  width: 100%;
  font-size: 11px;
}
.side-article-content p {
  line-height: 16px;
}

.side-article-photo + .side-article-content {
  width: 170px;
}

.side-article-list-footer {
  margin-top: 20px;
  font-size: 11px;
}
.side-article-list-footer:before {
  content: "\00BB";
}

.icon-facebook,
.icon-twitter,
.icon-mail {
  text-align: left;
  text-indent: -9999px;
}

.icon-facebook {
  background-position: 0 -32px;
  width: 16px;
  height: 16px;
}

.icon-twitter {
  background-position: -29px -16px;
  width: 16px;
  height: 16px;
}

.icon-mail {
  background-position: -18px 0;
  width: 16px;
  height: 16px;
}

/*------------------------------------*\
	$_Main_slider
\*------------------------------------*/
.main-slider-wrapper {
  margin: 30px 10px;
  float: left;
  width: 940px;
  background: #f7f7f7 url('/images/css/sterren_apotheek/main_slider_shadow_left.png') no-repeat left center;
  clear: both;
  border-top: 1px solid #e6e7e7;
  border-bottom: 1px solid #e6e7e7;
}

.main-slider {
  background: url('/images/css/sterren_apotheek/main_slider_shadow_right.png') no-repeat right center;
  overflow: hidden;
}

.jcarousel-clip {
  width: 850px;
  margin: 0 auto;
  overflow: hidden;
}

.main-slider-item {
  position: relative;
  width: 920px;
  height: 170px;
}

.main-slider-photo {
  position: absolute;
  left: 85px;
  bottom: 0;
}

.main-slider-content {
  position: absolute;
  width: 500px;
  right: 125px;
  top: 30px;
}

.main-slider-quote {
  font-size: 13px;
  line-height: 20px;
  font-weight: 400;
  font-style: italic;
  color: #89146a;
  margin-bottom: 15px;
}

.main-slider-person {
  font-size: 11px;
}

.jcarousel-prev,
.jcarousel-next {
  position: absolute;
  top: 50px;
  color: #dcddde;
  font-size: 50px;
  font-weight: 300;
  cursor: pointer!important;
}
.jcarousel-prev:hover,
.jcarousel-next:hover {
  cursor: pointer!important;
}

.jcarousel-prev {
  left: 14px;
}

.jcarousel-next {
  right: 14px;
}

/*------------------------------------*\
	$_Modal
\*------------------------------------*/
.modal {
  display: none;
  width: 460px;
  background: #f2f2f2 url('/images/css/sterren_apotheek/watermark_medium.png') no-repeat 135px 78px;
  padding: 25px 20px;
  border-radius: 3px;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.7);
  border: 5px solid #fff;
  z-index: 999!important;
}

.jquery-modal.blocker {
  z-index: 500!important;
}

.modal a.close-modal {
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  text-indent: -9999px;
  background-position: -20px -16px;
  width: 9px;
  height: 10px;
}

.login-heading {
  color: #89146a;
  margin-bottom: 20px;
}

#login-modal .col {
  width: 220px;
}
#login-modal .col.pull-left {
  margin-right: 10px;
}
#login-modal .col.pull-right {
  margin-left: 10px;
}

#login-modal input {
  margin-bottom: 14px;
  width: 200px;
}

.login-forgot {
  display: block;
  margin-top: 34px;
}

/*------------------------------------*\
	$_Footer
\*------------------------------------*/
.footer-top-wrapper {
  background-color: #4c565c;
  margin-top: 35px;
}

.footer-top {
  padding: 38px 0 25px;
}

.footer-bottom-wrapper {
  background-color: #373f44;
}

.footer-bottom {
  padding: 12px 0 13px;
  overflow: hidden;
}

.footer {
  color: #b0b5b7;
}

.footer-heading {
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 15px;
}

.footer a {
  color: #b0b5b7;
  text-decoration: underline;
}
.footer a:hover {
  text-decoration: none;
}

.footer p:last-of-type {
  margin-bottom: 0;
}

/**
 * Footer top
 */
.footer-subscribe {
  text-transform: uppercase;
  display: block;
  float: left;
  position: relative;
  margin-top: 15px;
  padding: 6px 12px 6px 58px;
  border: 1px solid #31373b;
  background-color: #373f44;
  font-weight: 400;
  font-size: 9px;
  text-decoration: none!important;
  border-radius: 5px;
  letter-spacing: 1.2px;
}
.footer-subscribe:before, .lt-ie8 .footer-subscribe .ie-before {
  content: "";
  position: absolute;
  left: 4px;
  top: -7px;
  background-position: 0 -48px;
  width: 45px;
  height: 35px;
}

.lt-ie8 .footer-subscribe {
  filter: expression(this.runtimeStyle.filter="1", this.insertBefore( document.createElement("i"), this.firstChild ).className="ie-before" );
}

.footer-nav ul {
  overflow: hidden;
}

.footer-nav li,
.footer-nav-li {
  float: left;
  width: 50%;
  margin-bottom: 6px;
}
.footer-nav li:before,
.footer-nav-li:before {
  content: "\2022";
  margin-right: 3px;
  color: #b0b5b7;
}

.footer-contact a {
  color: #fff;
}
.footer-contact span {
  display: block;
  margin-bottom: 6px;
}
.footer-contact .contact-page-link {
  margin-top: 25px;
}

.footer-nav {
  max-height: 75px;
}

/**
 * Footer bottom
 */
.footer-copyright,
.footer-bottom-links {
  float: left;
  margin-right: 15px;
  line-height: 25px;
}

.footer-copyright {
  font-weight: 600;
  font-size: 11px !important;
}

.footer-bottom-links {
  overflow: hidden;
}
.footer-bottom-links li {
  float: left;
  margin-right: 15px;
}

.footer-logo {
  float: right;
}



/*------------------------------------*\
	$_Buttons
\*------------------------------------*/
.form .form-submit-button, .header-login-button, .login-button, .form-search-button, .article-button-more {
  text-align: center;
  line-height: 1;
  text-decoration: none;
  overflow: visible;
  display: inline-block;
  *display: inline;
  zoom: 1;
  border: none;
  padding: 0;
}
.form .form-submit-button:hover, .header-login-button:hover, .login-button:hover, .form-search-button:hover, .article-button-more:hover {
  cursor: pointer;
}
.form .form-submit-button:active, .header-login-button:active, .login-button:active, .form-search-button:active, .article-button-more:active, .form .form-submit-button:focus, .header-login-button:focus, .login-button:focus, .form-search-button:focus, .article-button-more:focus {
  outline: 0;
}

.form .form-submit-button, .header-login-button, .login-button, .article-button-more {
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 400;
  word-spacing: 2px;
  padding: 6px 8px;
  border-radius: 3px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.form .form-submit-button, .article-list .article-button-more, .login-button {
  padding: 7px 10px;
}

.form .form-submit-button, .header-login-button, .login-button {
  padding: 7px 8px;
  color: #fff!important;
  background-color: #4c565c;
}

.form-search-button {
  text-align: left;
  text-indent: -9999px;
  display: block;
  background-position: -16px -32px;
  width: 12px;
  height: 12px;
}

.article-button-more {
  padding: 5px 8px;
  border: 1px solid #e5e5e5;
  background-color: #f2f2f2;
}

/*------------------------------------*\
	$_Home
\*------------------------------------*/
.home-intro {
  width: 518px!important;
  font-size: 14px;
  line-height: 25px;
  margin-bottom: 27px;
}
.home-intro .section-heading {
  margin-bottom: 15px;
}

.home-links {
  background-color: #f7f7f7;
  max-height: 161px;
  width: 320px;
  margin: 0 10px 0 0;
}

.home-links li {
  float: left;
  width: 50%;
}
.home-links li:nth-child(2) {
  border-top: none;
}

/*------------------------------------*\
   $_Dates_list
\*------------------------------------*/
.dates-list li {
  overflow: hidden;
  margin-top: 6px;
}
.dates-list li:first-child {
  margin-top: 0;
}

.dates-list-date {
  font-size: 11px;
  line-height: 1.4;
  float: left;
  width: 80px;
}

.dates-list-ref {
  float: left;
}
.dates-list-ref:before {
  content: "\00BB";
  color: #89146a;
  margin-right: 2px;
}
.dates-list-ref a {
  color: #89146a;
  text-decoration: underline;
}
.dates-list-ref a:hover {
  text-decoration: none;
}

/*------------------------------------*\
   $_Personnel_list
\*------------------------------------*/
.personnel-list {
  width: 540px;
  margin-top: 30px;
}

.person {
  width: 155px;
  float: left;
  position: relative;
  margin-left: 22px;
  margin-bottom: 30px;
  padding: 4px;
  padding-bottom: 0;
  background-color: #fff;
  border: 1px solid #dbdddf;
  border-radius: 3px;
  z-index: 10;
  box-shadow: 0 1px 3px -2px rgba(0, 0, 0, 0.2);
}
.person:before, .person:after {
  position: absolute;
  content: "";
  width: 40%;
  bottom: 4px;
  box-shadow: 0 0 2px 5px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.person:before {
  left: 10px;
  -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
}
.person:after {
  right: 10px;
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  transform: skewY(2deg);
}

.person.alpha {
  margin-left: 0;
}

.person-data {
  position: relative;
  z-index: 15;
  background-color: #fff;
  padding: 17px 2px 15px;
  text-align: center;
}

.person-name {
  font-size: 13px;
  font-weight: 600;
  margin-bottom: 8px;
}

.person-status {
  font-size: 12px;
  color: #f39800;
  font-weight: 400;
  margin-bottom: 19px;
}

.person-description {
  font-size: 11px;
  line-height: 1.3;
}

/*------------------------------------*\
   $_Faq
\*------------------------------------*/
.faq-item {
  padding: 25px 0;
  border-bottom: 1px solid #edeeee;
}
.faq-item:first-child {
  padding-top: 0;
}

.faq-item-heading {
  font-weight: 600;
  color: #89146a;
}
.faq-item-heading:hover {
  cursor: pointer;
}

.faq-item-content {
  padding-left: 15px;
  margin-top: 25px;
  display: none;
}

.faq-active .faq-item-content {
  display: block;
}

/*------------------------------------*\
    $_Helpers
\*------------------------------------*/
/*
* Image replacement
*/
.ir {
  background-color: transparent;
  border: 0;
  overflow: hidden;
}

.ir:before {
  content: "";
  display: block;
  width: 0;
  height: 100%;
}

/*
* Hide from both screenreaders and browsers: h5bp.com/u
*/
.hidden {
  display: none !important;
  visibility: hidden;
}

/*
* Hide only visually, but have it available for screenreaders: h5bp.com/v
*/
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

/*
* Extends the .visuallyhidden class to allow the element to be focusable
* when navigated to via the keyboard: h5bp.com/p
*/
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
}

/*
* Hide visually and from screenreaders, but maintain layout
*/
.invisible {
  visibility: hidden;
}

/*
* Clearfix: contain floats
*/
.container:before, .side-nav > li:before, .side-article-list > li:before, .home-links > li:before, .side-article:before, .personnel-list:before,
.container:after,
.side-nav > li:after,
.side-article-list > li:after,
.home-links > li:after,
.side-article:after,
.personnel-list:after {
  content: " ";
  display: table;
}

.container:after, .side-nav > li:after, .side-article-list > li:after, .home-links > li:after, .side-article:after, .personnel-list:after {
  clear: both;
}

/*
* Floats
 */
.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

/*
* Text align
 */
.text-center {
  text-align: center;
}

.stappen h5{margin-top: 24px; color: #89146a; margin-bottom: 15px;}

input[type="search"]{
    padding-left:8px;
     border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 1px #EDEDED inset;
    font-size: 11px;
    padding: 6px 10px;
}


.faq-item{padding: 6px 0;}
.faq-item-heading{font-size: 13px; line-height: 28px; height: 28px;}
body.faq .article-header{margin-bottom: 27px;}

input[type="password"] {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 1px 1px 1px #EDEDED inset;
    font-size: 11px;
    padding: 5px 10px;
}

.hoofd-border{background-color: #fff; border: 1px solid #cccccc;border-radius: 3px 0px 0px 3px; height: 28px; width:85px ; float: left; border-right: 0px;
    /*box-shadow: 1px 1px 1px #EDEDED inset;*/ padding: 1px; padding-right: 1px;}

    #list-example {
    font-size: 1.4em;
    z-index: 1000;
}
#list-example ul {
    float: left;
    margin: 0 1.5em;
    font-weight: bold;
    
    font-family: Arial, Verdana;
    font-size: 14px;
    margin: 0;
    padding: 0;
    list-style: none;

    border: 1px solid #cccccc;
    border-radius: 0px 3px 3px 0px;
    box-shadow: 1px 1px 1px #EDEDED inset;
    font-size: 11px;
    padding: 6px 10px;
    float: left;
    width: 184px;
    
}

#list-example ul > li.top-nav{
    background:url('/images/css/arrow.png') no-repeat 97% 60%;
    outline:0;
    height: 18px;
    line-height: 18px;
    padding-left: 15px;
    font-weight: 500;
}

#list-example ul ul {
    position: absolute;
    left: -999px;
    font-size: inherit;
    border: 1px solid #cccccc;
    border: 1px solid #cccccc;
    margin-left: -26px;
    border-top: none;
    box-shadow: none;
    background-color: #ffffff;
    z-index: 10;
}
#list-example ul li:hover ul { left: auto; }
#list-example ul ul li {
    width: 300px;
    padding: 5px;
}

#ios ul { display: none; }
#ios li:hover ul { display: block; }

#list-example ul ul li:first-child{padding-top: 11px;}


nav .side-nav > li > ul > li > ul > li:before{
    content: "»";
    font-style: italic;
    font-weight: 400;
    margin-right: 6px;
}

nav .side-nav > li > ul > li > ul > li{
    margin: 10px 0;
}

.select-box {
    background-color: #EDEEEF;
    color: #5A656C;
    float: left;
    height: 28px;
    line-height: 28px;
    padding-left: 18px;
    padding-right: 14px;
}

ul.curent_user a {
    font-weight: 500;
}

table#bijsluiter{width: 620px;}
table#bijsluiter td{padding: 10px; vertical-align: middle;}
table#bijsluiter td a{line-height: 0;}
table#bijsluiter tr.top {
    border-bottom: 1px solid #4C565C;
    font-weight: 600;
}


.header-logout-button {
  color:#89146a !important;
  text-decoration:underline;
}

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; zoom: 1;}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}

.carousel li {margin-right: 5px}


/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); }
.flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; }

.flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {opacity: 1; cursor: default;}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {opacity: 1; left: 0;}
  .flex-direction-nav .flex-next {opacity: 1; right: 0;}
}

.registratie_label {
    float: left;
    font-weight: normal;
    line-height: 26px;
    width: 180px;
}

input#email, input#password_confirm, input#password, input#naam, input#naam-huisarts-apotheeker, input#vestigings-adres,input#postcode, input#plaats, input#telefoon-praktijk-apotheek, input#fax-praktijk-apotheek{width: 280px; padding: 5px 10px; border: 1px solid #cccccc; border-radius: 3px 3px 3px 3px; box-shadow: 1px 1px 1px #EDEDED inset; font-size: 11px;}
.dform .submit, input[type="submit"]{
    background-color: #4C565C;
    color: #FFFFFF !important;
}
.dform .submit, input[type="submit"] {
    padding: 7px 12px;
}
.dform .submit, input[type="submit"]{
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
    font-size: 9px;
    font-weight: 600;
    padding: 7px 12px;
    text-transform: uppercase;
    word-spacing: 2px;
}
.dform .submit, input[type="submit"]{
    border: medium none;
    display: inline-block;
    line-height: 1;
    overflow: visible;
    text-align: center;
    text-decoration: none;
}

body.contact .dform .submit, input[type="submit"], body.wachtwoord input[type="submit"]{
    margin-left: 140px;
    }
.dform .submit, input[type="submit"], input#accept_terms{
    margin-left: 180px;
}
body.wachtwoord input#email {
    margin-left: 68px;
}

body.contact .dfleft_label .dform_label {
    width: 125px ;
}

.doc li.active{ border-bottom: #4B575F 2px solid;}
.doc li:hover{ border-bottom: #4B575F 2px solid;}
body.documenten_manager .article img {
    background-color: #FFFFFF;
    border: 1px solid #DBDDDF;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 10px;
    padding: 1px;
    position: relative;
    z-index: 10;
}

body.documenten_manager .article img.middle {
    margin-left: 6px;
    margin-right: 6px;
}

.realisatie {
  display: block;
  position: absolute;
  left: -9999px;
}