body {
    color: #344B57;
    font-family: 'Proxima';
    font-size: 15px;
    line-height: 24px;
}

/* Define Icon Sprite */
.icon {
    background-image: url(https://www.santeonvoorborstkanker.nl/img/sprites/icon_sprite.png);
    background-repeat: no-repeat;
}

/* Define Titles */
h1 {
    font-family: 'Digitali';
    font-size: 48px;
    font-weight: normal;
    line-height: 48px;
}

h2 {
    font-family: 'ProximaBold';
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
}

h3 {
    font-family: 'ProximaBold';
    font-size: 22px;
    font-weight: normal;
    line-height: 22px;
}

h4 {
    font-family: 'ProximaBold';
    font-size: 22px;
    font-weight: normal;
}

h5 {
    font-family: 'ProximaBold';
    font-weight: normal;
}

h6 {
    font-family: 'ProximaBold';
    font-weight: normal;
}

/* Generic Style Elements */
strong {
    font-family: 'ProximaBold';
    font-weight: normal;
}

a {
    color: #f59426;
    text-decoration: none;
	-webkit-transition: color 0.3s ease-in-out 0s;
       -moz-transition: color 0.3s ease-in-out 0s;
         -o-transition: color 0.3s ease-in-out 0s;
            transition: color 0.3s ease-in-out 0s;
}

p a:hover {
    text-decoration: underline;
}

.greyBackground {
    background-color: #e6e9eb;
}

.deepBlueBackground {
    background-color: #334b56;
    color: #ffffff;
}

.orangeBackground {
    background-color: #fef5e8;
}

a.button{
    border-radius: 22px;
    display: inline-block;
    font-family: 'ProximaSemiBold';
    font-size: 14px;
    line-height: 22px;
    padding: 8px 21px;
    text-decoration: none;
	-webkit-transition: background-color 0.3s ease-in-out 0s;
       -moz-transition: background-color 0.3s ease-in-out 0s;
         -o-transition: background-color 0.3s ease-in-out 0s;
            transition: background-color 0.3s ease-in-out 0s;
}

a.button.orange {
    background-color: #F29400;
    color: #FFFFFF;
}

a.button.orange:hover {
    background-color: #e77f3d;
}

a.button.blue {
    background-color: #334b56;
    color: #ffffff;
}

a.button.blue:hover {
    background-color: #243239;
}

a.button.bigText {
    font-size: 18px;
}

/* Media in Content */
.media,
.mediaBlock {
    text-align: center;
}

.media img,
.mediaBlock img {
    margin: 0 0 15px;
    display: inline-block;
    max-width: 100%;
}

.media span.caption,
.mediaBlock span.caption {
    display: block;
    font-size: 13px;
    font-style: italic;
}

.media.left,
.mediaBlock.left {
    float: left;
    margin-right: 20px;
    text-align: left;
}

.media.right,
.mediaBlock.right {
    float: right;
    margin-left: 20px;
    min-width: 32.06%;
    text-align: right;
}

.mediaBlock.certaincy {
	margin: 0 0 0 1.9%;
  	width: 42.06%;
}

.mediaBlock.certaincy a.certaincyDetail {
    display: inline-block;
    padding: 22px 7.7% 20px;
    width: 63.1%;
}

.mediaBlock.certaincy a.certaincyDetail span.number {
    text-align: left;
}

.mediaBlock.certaincy a.certaincyDetail span.text {
    font-size: 16px;
    line-height: 19px;
    margin: 12px 5px 10px 0;
    min-height: 79px;
    text-align: left;
}

.mediaBlock.certaincy a.certaincyDetail span.readMore {
    text-align: left;
}

.mediaBlock.certaincy a.certaincyDetail span.readMore span {
    background-color: transparent;
    color: #f19300;
    font-family: 'Proxima';
    font-size: 13px;
    padding: 0;
}

.mediaBlock.certaincy a.certaincyDetail:hover span.readMore span {
    background-color: transparent;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    color: #ffffff;
}

.mediaBlock.quote {
    padding: 90px 0;
  	width: 32.06%;
}

.mediaBlock.quote div.quoteHolder {
    background-color: #e9ebec;
    border-radius: 11px;
    color: #293c45;
    padding: 1px 0 20px;
    text-align: center;
}

.mediaBlock.quote div.quoteHolder div.quoteImage {
    margin: -85px 0 0;
    text-align: center;
}

.mediaBlock.quote div.quoteHolder div.quoteImage img {
    margin: 0 0 27px;
}

.mediaBlock.quote div.quoteHolder blockquote {
    font-size: 20px;
    margin: 0px 7.7% 25px;
    text-align: center;
}

.mediaBlock.quote div.quoteHolder a.button.orange {
    margin: 25px 0 0;
}

.mediaBlock.quote div.quoteHolder span.quotePerson {
    font-size: 15px;
}

    /* Media With Caption */
.media.withCaption img {
    margin: 0 0 5px;
}

.media.withCaption span {
    color: #9B9B9B;
    display: block;
    font-size: 14px;
    margin: 0 0 5px;
}

/* Header */
header {
    position: relative;
}

/* Logo */

header div.logoHolder {
    padding: 25px 0 27px;
}
header div.logoHolder a.logo {
    display: block;
}

header div.logoHolder a.logo > span {
    color: #435d6a;
    font-family: "Digitali";
    font-size: 26px;
    padding: 11px 0;
}

header div.logoHolder a.logo > span > span {
    color: #94a4ab;
}

header img.treatmentLogo {
    display: inline-block;
    margin: 15px 0 0;
}

/* Main Menu */
nav.mainMenu {
    background-image: -o-linear-gradient(-89deg, #FFFFFF 0%, #F4F4F4 100%);
    background-image: -moz-linear-gradient(-89deg, #FFFFFF 0%, #F4F4F4 100%);
    background-image: -ms-linear-gradient(-89deg, #FFFFFF 0%, #F4F4F4 100%);
    background-image: linear-gradient(-179deg, #FFFFFF 0%, #F4F4F4 100%);
    border-bottom: 1px solid #d6dbdd;
    border-top: 1px solid #d6dbdd;
    position: relative;
    width: 100%;
}

nav.mainMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav.mainMenu ul li {
    display: inline-block;
    min-width: 13%;
    padding-right: 5%;
}

nav.mainMenu ul li:last-child {
    margin: 0;
}

nav.mainMenu ul li a {
    color: #000000;
    display: inline-block;
    font-family: 'ProximaSemiBold';
    font-size: 18px;
    line-height: 48px;
    margin: 0;
    padding: 6px 0 4px;
    position: relative;
    text-decoration: none;
}

nav.mainMenu ul li.active a,
nav.mainMenu ul li a:hover {
    color: #93117e;
}

nav.mainMenu ul li a span {
    background-color: #93117e;
    bottom: -1px;
    height: 0;
    left: 0;
    -webkit-transition: height 0.2s ease-in-out 0s;
    -o-transition: height 0.2s ease-in-out 0s;
    -moz-transition: height 0.2s ease-in-out 0s;
    -ms-transition: height 0.2s ease-in-out 0s;
    -kthtml-transition: height 0.2s ease-in-out 0s;
    transition: height 0.2s ease-in-out 0s;
    position: absolute;
    width: 100%;
}

nav.mainMenu ul li a:hover span,
nav.mainMenu ul li.active a span {
    height: 2px;
}

    /* HamburgerMenu */
.landingsPage a.openMenu {
    display: none;
}

a.openMenu {
    display: none;
    float: right;
    margin: 0 0 10px;
    width: 20px;
}

a.openMenu span {
    background: #BABABA;
    border-radius: 1px;
    display: block;
    height: 4px;
    margin: 4px 0 0;
}

a.openMenu span:first-child {
    margin: 0;
}

/* SubMenu */
div.headerHolder {
    position: relative;
    z-index: 1;
}

div.headerHolder .container {
    position: relative;
}

div.headerHolder nav.subMenu {
    display: none;
}

nav.subMenu {
    border-bottom: 1px solid #d6dbdd;
    width: 100%;
}

nav.subMenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

nav.subMenu ul li {
    border-top: 1px solid #d6dbdd;
    display: block;
}

nav.subMenu ul li a {
    color: #435d6a;
    display: block;
    font-family: 'ProximaBold';
    padding: 8px 10px 7px 25px;
    text-decoration: none;
}

nav.subMenu ul li a:before {
    content: "\f054";
    display: inline-block;
    font-family: 'Icon';
    font-size: 15px;
    margin: 0 3px 0 -15px;
}

nav.subMenu ul li.active a,
nav.subMenu ul li a:hover {
    background-color: #f5f5f5;
    color: #93117e;
}

/* Doormat */
div.doormat div.intro {
    padding: 30px 0 31px;
    width: 100%;
}

div.doormat div.intro h3 {
    color: #293c45;
    font-size: 48px;
    margin: 28px 0 32px;
}

div.doormat div.intro p {
    line-height: 24px;
}

    /* Button Holder */
div.doormat div.buttonHolder {
    margin: 43px 0 17px;
}

    /* Hospitals */
div.hospitals {
    padding: 48px 0 0;
}

div.hospitals div.hospitalHolder {
    margin-bottom: 48px;
}

div.hospitals div.hospitalHolder:nth-child(odd) {
    margin-left: 0;
}

div.hospitals div.hospitalHolder div.hospitalImage {
    float: left;
    min-width: 118px;
    position: relative;
    width: 32.06%;
}

div.hospitals div.hospitalHolder div.hospitalImage img {
    border-radius: 50%;
    margin: 8px 8px 0 0;
}

div.hospitals div.hospitalHolder div.hospitalImage span {
    background-image: url(../img/sprites/hospital_sprite.png);
    display: block;
    height: 110px;
    left: 8px;
    position: absolute;
    top: 0;
    width: 110px;
}

div.hospitals div.hospitalHolder.orange div.hospitalImage span {
    background-position: 0 0;
}

div.hospitals div.hospitalHolder.red div.hospitalImage span {
    background-position: -110px 0;
}

div.hospitals div.hospitalHolder.deepBlue div.hospitalImage span {
    background-position: -220px 0;
}

div.hospitals div.hospitalHolder.purple div.hospitalImage span {
    background-position: -330px 0;
}

div.hospitals div.hospitalHolder.green div.hospitalImage span {
    background-position: -440px 0;
}

div.hospitals div.hospitalHolder.blue div.hospitalImage span {
    background-position: -550px 0;
}

div.hospitals div.hospitalHolder.lime div.hospitalImage span {
    background-position: -660px 0;
}

div.hospitals div.hospitalHolder div.hospitalInfo {
    float: left;
    width: 67.94%;
}

div.hospitals div.hospitalHolder div.hospitalInfo span.hospitalName {
    display: block;
    font-family: 'ProximaBold';
    margin: 5px 0 0;
}

div.hospitals div.hospitalHolder div.hospitalInfo p {
    margin: 0;
}

div.hospitals div.hospitalHolder div.hospitalInfo a {
    color: #f29400;
    text-decoration: none;
}

div.hospitals div.hospitalHolder div.hospitalInfo a:hover {
    text-decoration: underline;
}

/* Prefooter */
div.preFooter {
    background-color: #344B57;
    color: #ffffff;
    font-size: 14px;
    padding: 36px 0 57px;
}

div.preFooter h4 {
    color: #f59426;
    font-size: 24px;
    margin: 0 0 22px;
}

div.preFooter p {
    font-family: 'ProximaLight';
    line-height: 22px;
}

div.preFooter div.footerLogo img {
    margin: 55px 0 0;
}

/* Footer */
div.footer {
    background-color: #293c45;
    color: #ffffff;
    font-size: 14px;
    padding: 17px 0 19px;
}

div.footer ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

div.footer ul li {
    display: inline-block;
    margin: 0 47px 0 0;
}

div.footer ul li:last-child {
    margin: 0;
}

div.footer ul li a {
    color: #ffffff;
    text-decoration: none;
}

div.footer ul li a:hover {
    text-decoration: underline;
}

/* Horizontal Justified List */
ul.justified {
    display: table;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

ul.justified li {
    display: table-cell;
    text-align: center;
}

ul.justified li:first-child {
    text-align: left;
}

ul.justified li:last-child {
    text-align: right;
}

/* Content */
div.content {
    position: relative;
}

    /* Breadcrumb */
div.breadCrumb {
    border-bottom: 1px solid #d6dbdd;
    color: #293c45;
    font-size: 11px;
    padding: 9px 0 7px;
}

div.breadCrumb span:before {
    color: #8d9194;
    content: "\f054";
    font-family: 'Icon';
    font-size: 9px;
    margin: 0 3px;
}

div.breadCrumb a {
    color: #293c45;
    text-decoration: none;
}

div.breadCrumb a:hover {
    text-decoration: underline;
}

    /* Submenu */
nav.subMenuLeft {
    padding: 145px 0 0;
}

nav.subMenuLeft ul {
    list-style: none;
    margin: 0;
    padding: 0 20px 0 0;
}

nav.subMenuLeft ul li a {
    color: #515151;
    display: block;
    margin: 0 0 9px;
    padding: 0 0 7px;
    position: relative;
    text-decoration: none;
}

nav.subMenuLeft ul li a span {
    background-color: #42C7F5;
    bottom: 0;
    height: 6px;
    left: 0;
    -webkit-transition: width 0.2s ease-in-out 0s;
    -o-transition: width 0.2s ease-in-out 0s;
    -moz-transition: width 0.2s ease-in-out 0s;
    -ms-transition: width 0.2s ease-in-out 0s;
    -kthtml-transition: width 0.2s ease-in-out 0s;
    transition: width 0.2s ease-in-out 0s;
    position: absolute;
    width: 0;
}

nav.subMenuLeft li a:hover span,
nav.subMenuLeft li.active a span {
    width: 100%;
}

div.withSubMenu h1 {
    margin: 73px 0 46px;
}

div.withSubMenu p.intro {
    font-family: 'OpenSansSemiBold';
    font-size: 16px;
    margin: 0 0 16px;
}

    /* Homepage */
div.certainty {
    padding: 33px 0;
    position: relative;
}

div.wingLeft,
div.wingRight {
    background-image: url("../img/homeHeaderBg.png");
    height: 100%;
    position: absolute;
    top: 0;
    width: 50%;
}

div.wingLeft {
    background-position: left center;
    left: -10%;
}

div.wingRight {
    background-position: right center;
    right: -10%;
}

div.certainty span {
    color: #f19300;
    font-family: 'ProximaSemiBold';
}

div.certainty span span {
    background: #f19300;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    margin-left: 10px;
    line-height: 32px;
    height: 32px;
    width: 32px;
    vertical-align: middle;
}

div.certainty h1 {
    color: #435d6a;
    font-size: 64px;
    line-height: 60px;
    margin: 10px 0 30px;
    padding: 0 7%;
}

div.certainty h1 span {
    color: #a62a91;
    font-family: 'Digitali';
}

div.certaintyImageHolder {
    overflow: hidden;
    position: relative;
}

div.certaintyImageHolder div.certaintyImage {
    display: block;
    left: 50%;
    margin-left: -720px;
    position: relative;
    top: 0;
    width: 1440px;
}

div.certaintyImageHolder div.certaintyImage img {
    margin: 0;
}

div.certainty a.toCertainties:before {
    content: "\f063";
    color: #ffffff;
    font-family: 'Icon';
    font-size: 24px;
    line-height: 50px;
}

div.certainty a.toCertainties {
    background-color: #f19300;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    bottom: -25px;
    display: inline-block;
    height: 50px;
    left: 50%;
    margin-left: -25px;
    position: absolute;
    text-decoration: none;
	-webkit-transition: background-color 0.3s ease-in-out 0s;
       -moz-transition: background-color 0.3s ease-in-out 0s;
         -o-transition: background-color 0.3s ease-in-out 0s;
            transition: background-color 0.3s ease-in-out 0s;
    width: 50px;
    z-index: 1;
}

div.certainty a.toCertainties:hover {
    background-color: #e77f3d;
}

    /* quote */
div.quote {
    font-size: 13px;
    color: #ffffff;
    line-height: 18px;
    padding: 32px 0 19px;
    position: relative;
    width: 100%;
}

div.quote div.buttonHolder {
    bottom: 18px;
    clear: both;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
}

div.quote div.quoteImage {
    padding: 14px 0 0;
    position: relative;
}

div.quote div.quoteImage img {
    border-radius: 50%;
    margin: 0 0 34px;
}

div.quote div.quoteImage span {
    background-image: url(../img/sprites/quote_sprite.png);
    display: inline-block;
    height: 145px;
    left: 50%;
    margin: 0 0 0 -63px;
    position: absolute;
    top: 4px;
    width: 145px;
}

div.quote div.quoteImage.orange span {
    background-position: 0 0;
}

div.quote div.quoteImage.red span {
    background-position: -145px 0;
}

div.quote div.quoteImage.deepBlue span {
    background-position: -290px 0;
}

div.quote div.quoteImage.purple span {
    background-position: -435px 0;
}

div.quote div.quoteImage.green span {
    background-position: -580px 0;
}

div.quote div.quoteImage.blue span {
    background-position: -725px 0;
}

div.quote div.quoteImage.lime span {
    background-position: -870px 0;
}

div.quote span.quotePerson {
    font-family: 'ProximaSemiBold';
    display: block;
}

div.quote blockquote:before {
    content: open-quote;
    margin: 0 5px 0 0;
}

div.quote blockquote:after {
    content: close-quote;
    margin: 0 0 0 5px;
}

div.quote blockquote {
    font-family: 'kalam';
    font-size: 24px;
    line-height: 28px;
    margin: 42px 15px 48px;
}

div.quote p {
    margin: 6px 0 0;
}

    /* Managers */
div.contentRow div.managers p {
    font-size: 18px;
    line-height: 28px;
    margin: 0 0 36px;
}

    /* Slogan */
div.certainties div.slogan {
    font-size: 36px;
    line-height: 40px;
    margin: 0 0 38px;
}

div.certainties div.certaincyLogo h2 {
    display: block;
    font-family: 'ProximaBold';
    font-size: 48px;
    line-height: 40px;
    margin: 16px 0 2px;
}

    /* Certaincy List */
div.certaincyList {
    padding: 57px 0 0;
}

div.certaincyList:before,
div.certaincyList:after,
div.certaincyList div.certaincyHolder:before,
div.certaincyList div.certaincyHolder:after {
	content: "";
	display:table;
}

div.certaincyList:after,
div.certaincyList div.certaincyHolder:after {
	clear: both;
}

div.certaincyList div.certaincyHolder:first-child {
    border-top: none;
}

div.certaincyList div.certaincyHolder {
    border-top: 2px solid #e6e9eb;
    padding: 20px 0 0;
}

div.certaincyList div.certaincyHolder div.number {
  	width: 15.08%;
	float: left;
	margin: 0 1.9% 0 0;
}

div.certaincyList div.certaincyHolder div.number span {
    background: #f19300;
    border-radius: 50%;
    color: #ffffff;
    display: block;
    font-family: 'ProximaBold';
    font-size: 24px;
    height: 60px;
    line-height: 60px;
    margin: 4px 0 0;
    text-align: center;
    width: 60px;
}

div.certaincyList div.certaincyHolder div.certaincySummary {
	float: left;
    padding: 0 0 25px;
  	width: 83.01%;
}

div.certaincyList div.certaincyHolder div.certaincySummary p {
	font-size: 18px;
    line-height: 22px;
    margin: 0;
    min-height: 78px;
}

div.certaincyList div.certaincyHolder div.certaincySummary a.readMore {
    background-color: #fef5e8;
    border-radius: 12px;
    color: #f19300;
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    padding: 2px 20px 3px;
    text-decoration: none;
}

/* Treatments */
div.treatments.contentRow a.button {
    margin: 30px 0 0;
}

div.treatments.contentRow a.button:hover {
    text-decoration: none;
}

div.treatments.contentRow h2 {
    display: block;
    font-family: 'ProximaBold';
    font-size: 48px;
    line-height: 40px;
    margin: 14px 0 44px;
}

span.treatmentTitle {
    display: block;
    font-family: "ProximaBold";
    font-size: 18px;
    font-weight: normal;
    line-height: 24px;
}

div.treatments.contentRow p {
    margin: 0 0 8px;
}

div.treatments.contentRow a:hover {
    text-decoration: underline;
}

/* Feedback */
div.feedback.contentRow h2 {
    color: #f19300;
    font-size: 36px;
    line-height: 28px;
    margin: 0 0 25px;
}

div.feedback.contentRow p {
    font-size: 18px;
    line-height: 28px;
}

div.feedback a.button {
    margin: 16px 0 36px;
    overflow: hidden;
}

/* Subpages Page */
div.subpage {
    border-bottom: 1px solid #d6dbdd;
    margin: 38px 0 0;
}

div.subpage:last-child {
    border-bottom: none;
}

div.subpage ul {
    display: inline-block;
    list-style: outside none none;
    margin: 0 0 33px;
    padding: 0;
    vertical-align: top;
    width: 49%;
}

div.subpage ul li {
    margin: 0 0 7px;
}

div.subpage ul li a:before {
    content: "\f054";
    font-family: 'Icon';
    font-size: 13px;
    margin: 0 3px 0 0;
}

div.subpage ul li a {
    color: #344b57;
    display: inline-block;
    text-decoration: none;
}

div.subpage ul li a:hover {
    color: #93117e;
    font-family: ProximaBold;
}

/* Certaincy Detail */
a.certaincyDetail {
    background: #fef8f0;
    border-radius: 11px;
    color: #334b56;
    display: block;
    font-size: 18px;
    margin: 0 0 20px;
    padding: 20px 10%;
}

a.certaincyDetail span.number {
    color: #f19300;
    display: block;
    font-family: 'ProximaSemiBold';
    font-size: 15px;
    text-align: center;
}

a.certaincyDetail span.number span {
    background: #f19300;
    border-radius: 50%;
    color: #ffffff;
    display: inline-block;
    font-family: 'ProximaBold';
    font-size: 15px;
    height: 32px;
    line-height: 32px;
    margin: 0 0 0 7px;
    text-align: center;
    width: 32px;
}

a.certaincyDetail span.readMore {
    display: block;
    text-align: center;
}

a.certaincyDetail span.readMore span {
    background-color: #f19300;
    border-radius: 15px;
    color: #ffffff;
    display: inline-block;
    font-family: 'ProximaBold';
    font-size: 15px;
    padding: 2px 16px;
}

a.certaincyDetail:hover span.readMore span {
    background-color: #ffffff;
    -moz-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); 
    -webkit-box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); 
    box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1); 
    color: #f19300;
}

a.certaincyDetail span.text {
    display: block;
    margin: 29px 0 20px;
    min-height: 106px;
    text-align: center;
}

a.certaincyDetail:hover {
    background: #f19300;
    color: #ffffff;
}

a.certaincyDetail:hover span.number {
    color: #ffffff;
}

a.certaincyDetail:hover span.number span {
    background-color: #ffffff;
    color: #f19300;
}

/* qualityTable */
div.tableView {
    border: 1px solid #eaeced;
    border-radius: 10px;
    margin: 36px 0 22px;
}

div.tableView ul {
    float: left;
    list-style: none;
    padding: 0;
    position: relative;
    margin: 0;
    width: 12.75%;
}

div.tableView ul.labels {
    width: 23.472%;
}

div.tableView ul.labels li {
    border-left: none;
    color: #293c45;
    font-size: 13px;
    font-family: 'Proxima';
    text-align: left;
    padding-left: 8%;
}

div.tableView ul li:first-child {
    min-height: 75px;
    padding: 19px 0 20px;
}

div.tableView ul li:nth-child(even) {
    background-color: #f4f5f6;
}

div.tableView ul li {
    border-left: 1px solid #eaeced;
    color: #aaafb1;
    font-size: 15px;
    font-family: 'ProximaBold';
    text-align: center;
    padding: 7px 0;
}

div.tableView ul li img {
    margin: 0;
    max-width: 90%;
}

div.tableView ul li img.colored,
div.tableView ul li span {
    display: none;
}

div.tableView ul:hover {
    background-color: #ffffff;
    -moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25); 
    -webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25); 
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.25);
    margin: -10px 0;
    padding: 10px 0;
    z-index: 1;
}

div.tableView ul:hover li img {
    display: none;
}

div.tableView ul:hover li img.colored {
    display: inline-block;
}

div.tableView ul:hover li {
    border-left: none;
    color: #293c45;
    padding-left: 1px;
}

div.tableView ul:last-child {
    border-radius: 0 11px 11px 0;
}

div.tableView ul.labels:hover {
    background-color: transparent;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

div.tableView ul.labels:hover li {
    padding-left: 8%;
}

/* Hospitals */
div.hospital {
    border-bottom: 1px solid #d6dbdd;
    padding: 50px 0;
}

div.hospital:last-child {
    border: none;
}

div.contentRow div.hospital h2 {
    font-size: 24px;
    margin: 0;
}

div.hospital span.hospitalTitle {
    font-size: 18px;
    display: block;
    margin: 4px 0 15px;
}

div.hospital a.col4 {
    background: #eaedee;
    color: #435d6a;
    border-radius: 5px;
    position: relative;
}

div.hospital a.col4:hover {
    color: #f59426;
}

div.hospital a.col4 span {
    display: block;
    padding: 0 0 0 49px;
}

div.hospital a span:before {
    left: 0;
    height: 60px;
    position: absolute;
    text-align: center;
    vertical-align: middle;
    width: 49px;
}

div.hospital a.col4.route {
    margin: 0;
    font-size: 13px;
    line-height: 20px;
}

div.hospital a.route span:before {
    content: '\f041';
    display: inline-block;
    font-family: "Icon";
    font-size: 24px;
    margin-top: 9px;
}

div.hospital a.route span {
    margin: 9px 0 10px;
}

div.hospital a.col4.tel {
    font-family: 'ProximaBold';
    padding: 17px 0 18px;
}

div.hospital a.tel span:before {
    content: '\f095';
    display: inline-block;
    font-family: "Icon";
    font-size: 24px;
}

div.hospital a.col4.site {
    font-size: 13px;
    padding: 17px 0 18px;
    text-decoration: underline;
}

div.hospital a.site span:before {
    content: '\f0ac';
    display: inline-block;
    font-family: "Icon";
    font-size: 24px;
}

div.hospital div.hospitalImage {
    float: left;
    min-width: 118px;
    margin: 2px 0 0;
    position: relative;
    width: 100%;
}

div.hospital div.hospitalImage img {
    border-radius: 50%;
    margin: 15px 15px 0 0;
}

div.hospital div.hospitalImage span {
    background-image: url(../img/sprites/hospital_sprite_large.png);
    display: block;
    height: 200px;
    left: 15px;
    position: absolute;
    top: 0;
    width: 200px;
}

div.hospital.orange div.hospitalImage span {
    background-position: 0 0;
}

div.hospital.red div.hospitalImage span {
    background-position: -200px 0;
}

div.hospital.deepBlue div.hospitalImage span {
    background-position: -400px 0;
}

div.hospital.purple div.hospitalImage span {
    background-position: -600px 0;
}

div.hospital.green div.hospitalImage span {
    background-position: -800px 0;
}

div.hospital.blue div.hospitalImage span {
    background-position: -1000px 0;
}

div.hospital.lime div.hospitalImage span {
    background-position: -1200px 0;
}

/* ContentRow */
div.contentRow {
    padding: 45px 0 35px;
}

div.contentRow .summary {
    font-size: 24px;
    line-height: 32px;
    margin: 0 0 23px;
}

div.contentRow h1 {
    margin: 0 0 28px;
}

div.contentRow h2 {
    margin: 22px 0 2px
}

div.contentRow p {
    margin: 0 0 20px;
}

div.contentRow img {
    margin: 0 0 15px;
}

/* Content Block in ContentRow */
div.contentRow div.contentBlock:before,
div.contentRow div.contentBlock:after {
	content: "";
	display:table;
}

div.contentRow div.contentBlock:after {
	clear: both;
}

div.contentRow div.contentBlock {
    margin: 0 0 32px;
    zoom: 1;
}

/* Form Elements */
div.form {
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-in-out 0s;
    -o-transition: max-height 0.2s ease-in-out 0s;
    -moz-transition: max-height 0.2s ease-in-out 0s;
    -ms-transition: max-height 0.2s ease-in-out 0s;
    -kthtml-transition: max-height 0.2s ease-in-out 0s;
    transition: max-height 0.2s ease-in-out 0s;
}

div.form.open {
    max-height: 5000px;
}

div.afterForm {
    overflow: hidden;
}

div.formRow {
    margin: 0 0 25px;
    position: relative;
}

div.formRow span.label,
div.formRow label.label {
    display: block;
    font-family: 'ProximaSemiBold';
    font-size: 18px;
    margin: 0 0 2px;
}

div.formRow .label span {
    font-family: 'Proxima';
    font-size: 15px;
}

div.formRow.error textarea,
div.formRow.error input[type=text] {
    border: 2px solid #e76767;
    padding: 6px 13px 5px 12px;
}

div.formRow.error span.errorMessage {
    bottom: -23px;
    color: #e76767;
    display: block;
    font-size: 13px;
    position: absolute;
}

div.formRow.error span.errorMessage:before {
    content: '\f06a';
    font-family: 'Icon';
    font-size: 14px;
    margin: 0 5px 0 0;
}

div.formRow input[type=text],
div.formRow textarea {
    border: none;
    border-radius: 4px;
    color: #334b56;
    -moz-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.19);
    box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.19);
    max-width: 98%;
    padding: 8px 14px 7px;
    width: 31%;
}

div.formRow textarea {
    max-height: 230px;
    min-height: 140px;
    width: 64.9%;
}

div.formRow.radio {
    margin: 0 0 21px;
}

div.formRow.radio label:before,
div.formRow.checkbox label:before {
    background-color: #ffffff;
    border: 2px solid #fbdcae;
    bottom: 1px;
    -moz-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.19);
    box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.19);
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    margin-right: 10px;
    position: absolute;
    width: 16px;
}

div.formRow.radio label:before {
    border-radius: 50%;
}

div.formRow.checkbox label:before {
    border-radius: 15%;
}

div.formRow.radio label,
div.formRow.checkbox label {
    cursor: pointer;
    display: inline-block;
    font-size: 15px;
    margin-right: 15px;
    padding-left: 25px;
    position: relative;
    vertical-align: text-bottom;
}

div.formRow.radio input[type="radio"],
div.formRow.checkbox input[type="checkbox"] {
    display: none;
}

div.formRow.radio input[type="radio"]:checked + label:before {
    color: #fbdcae;
    content: "•";
    font-size: 43px;
    line-height: 13px;
    text-align: center;
    text-indent: 0;
}

div.formRow.checkbox input[type="checkbox"]:checked + label:before {
    color: #fbdcae;
    content: "\f0c8";
    font-family: 'Icon';
    font-size: 13px;
    line-height: 17px;
    text-align: center;
    text-indent: 1px;
}

div.formRow div.select {
    background-color: #ffffff;
    border: 0;
    border-radius: 4px;
    -moz-box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.19);
    box-shadow: inset 1px 1px 1px 0px rgba(0,0,0,0.19);
    overflow: hidden;
    position: relative;
    max-width: 98%;
    width: 34%;
}

div.formRow div.select span {
    background-color: #e5e5e5;
    background-image: -moz-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
    background-image: -o-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
    background-image: linear-gradient(bottom, rgba(0,0,0,.1) 0%, rgba(255,255,255,.1) 100%);
    border-left: 1px solid #cfcfcf;
    cursor: default;
    display: block;
    height: 32px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 1px;
    width: 34px;
}

div.formRow div.select span:after {
    color: #7b7b7b;
    content: "\f0d7";
    font-family: "Icon";
    font-size: 18px;
    line-height: 32px;
}

div.formRow div.select select {
    background: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
    color: #334b56;
    padding: 7px 10px;
    position: relative;
    width: 130%;
    -webkit-appearance: none;
}

div.formRow div.select select option:disabled {
    color: #a0a0a0;
}

div.formRow div.select select:focus {
    outline: none;
}

button[type=submit], button.button {
    background-color: #f19300;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    border: none;
    color: #ffffff;
    font-family: 'ProximaSemiBold';
    font-size: 18px;
    padding: 10px 31px 9px;
	-webkit-transition: background-color 0.3s ease-in-out 0s;
       -moz-transition: background-color 0.3s ease-in-out 0s;
         -o-transition: background-color 0.3s ease-in-out 0s;
            transition: background-color 0.3s ease-in-out 0s;
}

button[type=submit]:hover , button.button:hover  {
    background-color: #e77f3d;
}

button[type=submit]:after {
    color: #ffffff;
    content: "\f054";
    display: inline-block;
    font-family: "Icon";
    font-size: 15px;
    line-height: 20px;
    margin: 0 0 0 4px;
    position: relative;
    vertical-align: middle;
    width: 11px;
}

::-webkit-input-placeholder,
:-moz-placeholder,
::-moz-placeholder,
:-ms-input-placeholder {
    color: #a0a0a0;
    font-style: italic;
}

div.newsBlock {
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    -moz-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 4px 12px 0px rgba(0, 0, 0, 0.25);
    margin: 20px 0;
    position: relative;
}

div.newsBlock:before,
div.newsBlock:after {
    content: '';
    display: table;
}

div.newsBlock:after {
    clear: both;
}

div.newsBlock div.imageHolder {
    position: relative;
}

div.newsBlock div.imageHolder img {
    -moz-border-radius: 11px 0 0 11px;
    -webkit-border-radius: 11px 0 0 11px;
    border-radius: 11px 0 0 11px;
    margin: 0;
}

div.newsBlock div.imageHolder span.newsLabel {
    background: url(../img/news_label.png) no-repeat left top;
    -moz-border-radius: 11px 0 0 0;
    -webkit-border-radius: 11px 0 0 0;
    border-radius: 11px 0 0 0;
    display: block;
    height: 103px;
    left: 0;
    position: absolute;
    top: 0;
    width: 103px;
}

div.newsBlock a.readMore {
    background-color: #fef5e8;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    color: #f19300;
    display: inline-block;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 0;
    padding: 2px 20px 3px;
    text-decoration: none;
}

div.newsBlock div.newsContent {
    line-height: 22px;
    padding: 15px 20px 15px 0;
}

div.newsBlock div.newsContent span.date {
    color: #91a7b1;
    display: block;
    margin: 0;
}

div.newsBlock div.newsContent h2 {
    color: #293c45;
    font-family: 'ProximaBold';
    font-size: 32px;
    line-height: 36px;
    margin: 6px 0 13px;
}

div.newsBlock div.newsContent > div {
    min-height: 150px;
}

div.newsBlock div.newsContent > a.rightAlign {
    display: inline-block;
    float: right;
    font-size: 14px;
    line-height: 18px;
    margin: 10px 0 0;
    padding: 2px 20px 3px;
}

div.newsBlock div.newsContent > a.rightAlign:hover {
    text-decoration: underline;
}

span.date {
    color: #91a7b1;
    display: block;
    margin: -33px 0 22px;
}

ul.newsOverview {
    list-style: none;
    margin: 0;
    padding: 0;
}

ul.newsOverview li:after,
ul.newsOverview li:before {
    content: '';
    display: table;
}

ul.newsOverview li:after {
    clear: both;
}

ul.newsOverview li {
    border-bottom: 1px solid #d6dbdd;
    display: block;
    padding: 30px 0;
    width: 100%;
}

ul.newsOverview li:first-child {
    padding-top: 0;
}

ul.newsOverview li a {
    color: #344b57;
    display: block;
}

ul.newsOverview li a span.image {
    display: block;
    float: left;
    width: 23.404%;
}

ul.newsOverview li a span.image img {
    -moz-border-radius: 16px;
    -webkit-border-radius: 16px;
    border-radius: 16px;
    margin: 0;
    vertical-align: top;
}

ul.newsOverview li a span.content {
    display: block;
    float: left;
    margin-left: 2.1%;
    width: 74.468%;
}

ul.newsOverview li a span.content span.title {
    display: block;
    font-family: 'ProximaBold';
    font-size: 20px;
    margin: -4px 0 -7px;
}

ul.newsOverview li a span.content span.date {
    display: block;
    margin: 0 0 -1px;
}

ul.newsOverview li a span.content span.link {
    color: #f19300;
    display: block;
    margin: 8px 0 0;
}

ul.newsOverview li a:hover span.content span.link {
    text-decoration: underline;
}

ul.paging {
    list-style: none;
    margin: 30px 0 0;
    padding: 0;
    text-align: center;
}

ul.paging li {
    display: inline-block;
}

ul.paging li span,
ul.paging li a {
    border: 1px solid #dde1e3;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #435d6a;
    display: block;
    margin: 0 4px;
    min-width: 32px;
    padding: 4px 6px 2px;    
	-webkit-transition: all 0.2s ease-in-out 0s;
       -moz-transition: all 0.2s ease-in-out 0s;
         -o-transition: all 0.2s ease-in-out 0s;
            transition: all 0.2s ease-in-out 0s;
}

ul.paging li span {
    background: #435d6a;
    border: 1px solid #435d6a;
    color: #ffffff;
}

ul.paging li a:hover {
    background: #dde1e3;
}

ul.paging li.prev {
    
}

ul.paging li.next {

}

ul.paging li.prev a,
ul.paging li.next a {
    border: none;
    color: #344b57;
    text-decoration: none;
}

ul.paging li.prev a:hover,
ul.paging li.next a:hover {
    background: transparent;
    text-decoration: underline;
}

ul.paging li.prev span,
ul.paging li.next span {
    background: transparent;
    border: none;
    color: #91a7b1;
}

/* LandingsPage */
div.person {
    position: relative;
    text-align: center;
}

div.personBackground {
    height: 360px;
}

@media only screen and (max-width: 620px) {
    div.personBackground {
        height: 200px;
    }
}

div.personBackground > img {
    display: inline-block;
    width: 100%;
}

div.personContent {
    box-sizing: border-box;
    position: absolute;
    text-align: left;
    top: 0;
    width: 100%;
}

div.personContent div.personHolder {
    float: left;
    margin-right: 2%;
    width: 25%;
}

div.personContent div.quoteHolder {
    float: left;
    text-align: center;
    width: 73%;
}

div.personContent div.quoteHolder h1 {
    font-family: 'kalam';
    font-size: 30px;
    color: #FFFFFF;
    letter-spacing: 0px;
    line-height: 36px;
    margin: 65px 0 46px;
    text-shadow: 0px 2px 8px rgba(0,0,0,0.50);
}

@media only screen and (max-width: 850px) {
    div.personContent div.quoteHolder h1 {
        font-size: 24px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 620px) {
    div.personContent {
        position: relative;
    }
    
    div.personContent div.personHolder {
        float: none;
        margin: 0 auto;
    }

    div.personContent div.quoteHolder h1 {
        color: #344b57;
        margin-bottom: 20px;
        margin-top: 20px;
        text-shadow: none;
    }

    div.personContent div.quoteHolder {
        width: 100%;
    }

    div.personContent div.quoteHolder span.name {
        color: #344b57;
    }

    div.personContent div.quoteHolder span.place {
        color: #344b57;
    }
}

div.personContent div.quoteHolder > span {
    color: #ffffff;
    display: block;
    font-size: 13px;
    line-height: 18px;
}

div.personContent div.quoteHolder > span.name {
    font-family: 'ProximaBold';
}

div.personContent div.quoteHolder > span.place {
    font-style: italic;
}

div.personHolder div.personImage {
    float: left;
    min-width: 118px;
    margin: 54px 0 0;
    position: relative;
    width: 100%;
}

@media only screen and (max-width: 620px) {
    div.personHolder div.personImage {
        margin-top: -55px;
    }
}

div.personHolder div.personImage img {
    border-radius: 50%;
    margin: 15px 15px 0 0;
}

div.personHolder div.personImage span {
    background-image: url(../img/sprites/hospital_sprite_extralarge.png);
    display: block;
    height: 220px;
    left: 15px;
    position: absolute;
    top: 0;
    width: 220px;
}

div.personHolder.orange div.personImage span {
    background-position: 0 0;
}

div.personHolder.red div.personImage span {
    background-position: -220px 0;
}

div.personHolder.deepBlue div.personImage span {
    background-position: -440px 0;
}

div.personHolder.purple div.personImage span {
    background-position: -660px 0;
}

div.personHolder.green div.personImage span {
    background-position: -880px 0;
}

div.personHolder.blue div.personImage span {
    background-position: -1100px 0;
}

div.personHolder.lime div.personImage span {
    background-position: -1320px 0;
}

@media only screen and (max-width: 939px) {
    div.personHolder div.personImage {
        min-width: 100px;
    }

    div.personHolder div.personImage img {
        height: 200px;
        width: 200px;
    }

    div.personHolder div.personImage span {
        background-image: url(../img/sprites/hospital_sprite_large.png);
        height: 200px;
        width: 200px;
    }

    div.personHolder.orange div.personImage span {
        background-position: 0 0;
    }

    div.personHolder.red div.personImage span {
        background-position: -200px 0;
    }

    div.personHolder.deepBlue div.personImage span {
        background-position: -400px 0;
    }

    div.personHolder.purple div.personImage span {
        background-position: -600px 0;
    }

    div.personHolder.green div.personImage span {
        background-position: -800px 0;
    }

    div.personHolder.blue div.personImage span {
        background-position: -1000px 0;
    }

    div.personHolder.lime div.personImage span {
        background-position: -1200px 0;
    }
}

@media only screen and (max-width: 800px) {
    div.personHolder div.personImage {
        min-width: 100px;
    }

    div.personHolder div.personImage img {
        height: 110px;
        margin: 8px 0 0;
        width: 110px;
    }

    div.personHolder div.personImage span {
        background-image: url(../img/sprites/hospital_sprite.png);
        height: 110px;
        left: 8px;
        width: 110px;
    }

    div.personHolder.orange div.personImage span {
        background-position: 0 0;
    }

    div.personHolder.red div.personImage span {
        background-position: -110px 0;
    }

    div.personHolder.deepBlue div.personImage span {
        background-position: -220px 0;
    }

    div.personHolder.purple div.personImage span {
        background-position: -330px 0;
    }

    div.personHolder.green div.personImage span {
        background-position: -440px 0;
    }

    div.personHolder.blue div.personImage span {
        background-position: -550px 0;
    }

    div.personHolder.lime div.personImage span {
        background-position: -660px 0;
    }
}

div.row.introContent {
    padding: 53px 0 19px;
}

@media only screen and (max-width: 939px) {
    div.row.introContent {
        padding: 53px 10px 19px;
    }
}

div.introContent p {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 28px;
}

div.introContent h2 {
    font-size: 18px;
    line-height: 28px;
    margin: 0;
}

div.introImage img {
    display: block;
    margin: 0 auto 48px;
    max-width: 100%;
}

/* Other Persons */
div.persons:before,
div.persons:after {
    content: '';
    display: table;
}

div.persons:after {
    clear: left;
}

div.persons {
    background: #334B56;
    padding-bottom: 25px;
    text-align: center;
}

div.persons h2 {
    color: #ffffff;
    display: block;
    font-size: 36px;
    font-weight: normal;
    line-height: 42px;
    margin: 36px 0 32px;
}

div.persons a.personHolder:first-child,
div.persons a.personHolder:nth-child(6n+6) {
    margin-left: 0;
}

div.persons a.personHolder {
    display: inline-block;
    margin: 0 -4px 0 1.9%;
    vertical-align: top;
    width: 15.08%;
}

@media only screen and (max-width: 767px) {
    div.persons a.personHolder:first-child,
    div.persons a.personHolder:nth-child(odd) {
        margin-left: 0;
    }

    div.persons a.personHolder {
        display: inline-block;
        margin: 0 -4px 0 2.9%;
        width: 49.08%;
    }
}

div.persons a.personHolder span.name {
    color: #ffffff;
    display: block;
    font-family: 'ProximaBold';
    line-height: 18px;
    margin: 12px 0 1px;
    text-align: center;
}

div.persons a.personHolder:hover span.name {
    text-decoration: underline;
}

div.persons a.personHolder span.place {
    color: #ffffff;
    display: block;
    font-style: italic;
    line-height: 18px;
    padding-bottom: 20px;
    text-align: center;
}

div.persons a.personHolder span.personImage {
    display: inline-block;
    margin: 0 auto;
    min-width: 110px;
    position: relative;
}

div.persons a.personHolder span.personImage > img {
    border-radius: 50%;
    margin: 8px 0 0 0;
}

div.persons a.personHolder span.personImage > span {
    background-image: url(../img/sprites/hospital_sprite.png);
    display: block;
    height: 110px;
    left: 8px;
    position: absolute;
    top: 0;
    width: 110px;
}

div.persons a.personHolder.orange span.personImage > span {
    background-position: 0 0;
}

div.persons a.personHolder.red span.personImage > span {
    background-position: -110px 0;
}

div.persons a.personHolder.deepBlue span.personImage > span {
    background-position: -220px 0;
}

div.persons a.personHolder.purple span.personImage > span {
    background-position: -330px 0;
}

div.persons a.personHolder.green span.personImage > span {
    background-position: -440px 0;
}

div.persons a.personHolder.blue span.personImage span {
    background-position: -550px 0;
}

div.persons a.personHolder.lime span.personImage span {
    background-position: -660px 0;
}

.anniversaryLable {
    position: absolute;
    right: 0;
    bottom: -45px;
    left:0;
    margin: 0 auto;
    z-index: 1;
    width: 164px;
}

.anniversaryLable a svg {
    width: 164px;
    height: 44px;
}

div.certainty {
    padding-top: 60px;
}