@charset "utf-8";
/***
/* WEBSOLS DEFAULT TYPO3 STYLES
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:700italic,700,400);
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3VtXRa8TVwTICgirnJhmVJw.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: bold;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzOgdm0LZdjqr5-oayXSOefg.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxolIZu-HDpmDIZMigmsroc4.woff2) format('woff2'), url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxjqR_3kx9_hJXbbyU8S6IN0.woff) format('woff');
}
/***
/* RESET ALMOST EVERYTHING
/* we've excluded cell-padding for Typo3 RTE compatibility
*/
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, caption,
tbody, tfoot, thead, tr, 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;
}
table, th, td {
  margin:0;
}
/***
/* DEFAULTS
/* change according to needs
*/
body {
  font-family: 'Open Sans', sans-serif, Arial, Helvetica;
  font-size: 14px;
  color: #6c6c6c;
  height: 100%;
  line-height: 180%;
  min-width:1140px;
}
p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
  margin-bottom: 16px;
}
td {
  vertical-align:top;
}
td p,    /* paragraphs in tablecells: no whitespace */
#logo p {  /* logo via T3 content element with paragraphs: no whitespace */
  margin:0;
}
ul li ul,
ol li ul,
ol li ol,
ul li ol {
  margin:0px;
}
ul li {
  margin-left:16px;
}
ol li {
  margin-left:21px;
}
/* LINKS */
a {
  color:#d31357;
  text-decoration:none;
}
a:hover {
  color:#d31357;
  text-decoration:none;
}
a img {
  border: 0 none;
}
/* HEADINGS */
h1 {
  line-height:100%;
  font-weight: normal;
  font-size:50px;
  color: #6c6c6c;
}
h1 a{
	background-color:#d31357;
	border: 1px solid #d31357;
	color: #ffffff;
	font-size: 50px;
	font-weight: 300;
	padding: 16px 45px;
	transition: all 0.3s ease 0s;
	border-radius:4px;
}
h2 {
  line-height:110%;
  font-weight: normal;
  font-size:24px;
  color: #6c6c6c;
}
h2 a {
   color: #ffffff;
   font-size: 24px;
   font-weight: 300;
   background-color:#d31357;
   border: 1px solid #d31357;
   padding: 16px 45px;
   transition: all 0.3s ease 0s;
   border-radius:4px;
}
h1 a:hover, h2 a:hover{
    background:#ffffff;
    color: #d31357;
    transition: all 0.3s ease 0s;
}
h3 {
  line-height:120%;
  font-weight: normal;
  font-size:22px;
  color: #6c6c6c;
}
h3 a {
    color: #d31357;
    font-size: 22px;
    font-weight: 300;
}
h4 {
  line-height:130%;
  font-weight: normal;
  font-size:20px;
  color: #6c6c6c;
}
h5 {
  line-height:140%;
  font-weight: normal;
  font-size:18px;
  color: #6c6c6c;
}
h6 {
  line-height:150%;
  font-weight: normal;
  font-size:16px;
  color: #6c6c6c;
}

/* MISC */
hr {
  border: 0 #dddddd solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}
ins {
  text-decoration: underline;
}
del {
  text-decoration: line-through;
}
blockquote {
    box-sizing: border-box;
    color: #6c6c6c;
    font-family: "Open Sans",sans-serif;
    font-style: italic;
    line-height: 1.45;
    margin: 0.25em 0;
    padding: 0.25em 60px;
    position: relative;
    width: 75%;
    z-index: -1;
}
blockquote:before {
  display: block;
  content: "\201C";
  font-size: 80px;
  position: absolute;
  left: 10px;
  top: -20px;
  color: #7a7a7a;
}
blockquote cite {
  color: #999999;
  font-size: 14px;
  display: block;
  margin-top: 5px;
}
blockquote cite:before {
  content: "\2014 \2009";
}
/********************/
/* ALL FORMELEMENTS */
/********************/
input, textarea, select, submit {
  font-size:16px;
  font-family: /*'Titillium Web',*/Arial, Helvetica, sans-serif;
}
input[type=text],
input[type=password],
input[type=email],
textarea {
  border:1px solid #d31357;
  padding: 4px 9px;
  width: 310px;
}
select {
  border: 1px solid #d31357;
  padding: 2px 5px;
  width: 322px;;
  margin-top:1px;
  color:#564238;
}
input[type="file"] {
    background-color:#ffffff;
    border: 1px solid #d31357;
    color:#564238;
  width:29em;
}
input[type=submit],
input[type=button]{
  margin-top:10px;
  background-color:#ffffff;
  border: 1px solid #d31357;
  color: #d31357;
  padding: 6px 15px;
  text-align: center;
  text-decoration: none;
  cursor:pointer;
}
input[type=submit]:hover,
input[type=button]:hover{
  background-color: #d31357;
  color: #ffffff;
  text-decoration: none;
  cursor:pointer;
}
fieldset {
  position: relative;
}
legend {
  padding:0 !important;
  margin:0;
  display:block;
  white-space:normal !important;
  zoom:1; /* For IE7 */
  width:200px;
  border: none;
}

/******************/
/* TYPO3 MAILFORM */
/******************/
div.csc-mailform {
  margin-bottom:16px;
}
div.csc-mailform ol,
div.csc-mailform ol li {
  margin: 0;
  padding: 0;
  list-style:none;
}
div.csc-mailform ol li {
  overflow: hidden;
  margin-bottom:5px;
}
div.csc-mailform legend {
  margin-left: 1em;
  color: #ffffff;
  font-weight: bold;
}
div.csc-mailform fieldset ol {
  padding-left:0;
}
div.csc-mailform fieldset li {
 /* padding: 0.5em;
  margin-bottom: 0.5em; */
  list-style: none;
}
div.csc-mailform fieldset.submit {
  border-style: none;
}
/**   * Normal label   * Left aligned, in front of input   */
div.csc-mailform li label {
    float: left;
    font-size: 14px;
    margin-right: 1em;
    vertical-align: baseline;
    width: 13em;
}
div.csc-mailform li input + label,
div.csc-mailform li textarea + label,
div.csc-mailform li select + label {
  float: none;
  width: auto;
  margin-right: 0;
  margin-left: 1em;
  font-size: 16px;
}
div.csc-mailform li textarea + label {
  vertical-align: top;
}
label em,
legend em {
  display: block;
  color: #060;
  font-size: 85%;
  font-style: normal;
  text-transform: uppercase;
}
legend em {
  position: absolute;
}
label strong,
legend strong {
  display: block;
  color: #C00;
  font-size: 85%;
  font-weight: normal;
  text-transform: uppercase;
}
legend strong {
  position: absolute;
  top: 1.4em;
}
div.csc-mailform ol li.csc-form-element-checkbox{
  padding-left:14em;
}
div.csc-mailform ol li.csc-form-element-radio {
  padding-left:15em;
}

/**   * Labels alignment right   */
.labels-alignment-right label,
.labels-alignment-right .fieldset-subgroup legend,
.labels-alignment-right.fieldset-subgroup legend {
  text-align: right;
}
/**   * Horizontal fieldset   */
fieldset.fieldset-horizontal {
  border-width: 0;
}
fieldset.fieldset-horizontal ol {
  padding: 0;
}
fieldset.fieldset-horizontal li {
  float: left;
  padding: 0;
  margin-right: 1em;
}
fieldset.fieldset-horizontal.label-below label {
  display: block;
  margin-left: 0;
  margin-top: 0.2em;
  font-size: 90%;
  color: #999999;
  text-align: left;
}
fieldset.fieldset-horizontal label em {
  display: inline;
}
/**   * Subgroup fieldset   */
fieldset.fieldset-subgroup {
  border-style: none;
}
fieldset.fieldset-subgroup legend {
  margin-left: 0;
  padding: 0;
  font-weight: normal;
  width: 13em;
  float:left;
}
fieldset.fieldset-subgroup ol {
  position: relative;
  margin: 2em 1em 0 0;
  padding: 0;
}
fieldset.fieldset-subgroup li {
  padding: 0;
}
div.csc-mailform ol .csc-form-element-checkboxgroup li.csc-form-element-checkbox {
  padding-left:0;
}
div.csc-mailform ol .csc-form-element-radiogroup li.csc-form-element-radio{
  padding-left:14px;
}
fieldset.fieldset-subgroup input + label {
  float: none;
  width: auto;
  display: inline;
  margin: 0 0 0 1em;
}
/**   * Labels as block   * Labels displayed above or below the input fields   */
.labels-block label {
  display: block;
  float: none;
  margin: 0 0 0.5em;
  width: auto;
}
.labels-block input + label, .labels-block textarea + label {
  margin: 0.5em 0 0;
}
.labels-block fieldset.fieldset-subgroup, fieldset.labels-block.fieldset-subgroup {
  margin-bottom: 0;
}
.labels-block .fieldset-subgroup legend, .labels-block.fieldset-subgroup legend {
  width: auto;
}
.labels-block .fieldset-subgroup legend em, .labels-block.fieldset-subgroup legend em {
  position: relative;
}
.labels-block .fieldset-subgroup legend strong, .labels-block.fieldset-subgroup legend strong {
  position: relative;
  top: 0;
}
.labels-block .fieldset-subgroup ol, .labels-block.fieldset-subgroup ol {
  top: 0;
  margin: 0;
  padding: 0.5em 0 0;
}
.csc-form-element-radio label {
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    margin-right: 15px;
    padding-left: 13px;
    position: relative;
}
input[type=radio],input[type=checkbox] {
    display: none;
}
.csc-form-element-radio label::before {
    background-color: #ffffff;
    content: "";
    display: inline-block;
    height: 16px;
    left: -27px;
    margin-right: 10px;
    position: absolute;
    top: 2px;
    width: 16px;
}
.csc-form-element-radio label:before {
    border-radius: 8px;
  float:left;
}
.csc-form-element-checkbox{
  margin-top:3px;
}
.csc-form-element-checkbox label::before {
    background-color: #ffffff;
    bottom: 1px;
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    margin-right: 10px;
    width: 16px;
}
.csc-form-element-checkbox label::before {
    float: left;
    margin-top: 8px;
}
input[type="radio"]:checked + label::before {
    color: #564238;
    content: "\2022";
    font-size: 35px;
    line-height: 15px;
    text-align: center;
}
input[type="checkbox"]:checked + label::before {
    color: #564238;
    content: "\2713";
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

/********************/
/* POWERMAIL STYLES */
/********************/

.powermail_fieldwrap {
	margin-bottom: 10px;
}
.powermail_textarea {
	min-height: 157px;
}
.powermail_radio_outer {
	margin-left: 28px;
}
.powermail_radio_outer label {
	margin-top: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    margin-right: 15px;
    padding-left: 13px;
    position: relative;
}

.powermail_radio_outer label::before {
    background-color: #ffffff;
    content: "";
    display: inline-block;
    height: 16px;
    left: -27px;
    margin-right: 10px;
    position: absolute;
    top: 4px;
    width: 16px;
}
.powermail_radio_outer input[type="radio"]:checked + label::before {
	color: #564238;
    content: "\2022";
    font-size: 35px;
    line-height: 15px;
    text-align: center;
}

.powermail_radio_outer label:before {
    border-radius: 8px;
	float:left;
}

.powermail_check_outer label {
	padding-left: 13px;
}

.powermail_check_outer label::before {
    background-color: #ffffff;
    bottom: 1px;
    content: "";
    display: inline-block;
    height: 16px;
    left: 0;
    margin-right: 10px;
    width: 16px;
}

.powermail_check_outer label::before {
    float: left;
    margin-top: 5px;
	
}

.powermail_check_outer input[type="checkbox"]:checked + label::before {
    color: #564238;
    content: "\2713";
    font-size: 15px;
    line-height: 15px;
    text-align: center;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}

/**************/
/* RTE STYLES */
.align-left {
  text-align: left;
}
.align-center {
  text-align: center;
}
.align-right {
  text-align: right;
}
.align-justify {
  text-align:justify;
}
.indent {
  margin-left:20px;
}
/* MISC TYPO3 STYLES */
div.csc-textpic img {
  vertical-align: bottom !important;
}

/*
  Simple Grid System
  Author - Dallas Bass, dallasbass.com
  Learn More - http://dallasbass.com/simple-grid-a-lightweight-responsive-css-grid/
  Project Page - http://thisisdallas.github.com/Simple-Grid/
*/

[class*='col-'],
.grid, .grid-pad {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#header .grid-pad {
  padding: 0;
  padding-right: 20px;
}
[class*='col-'] {
  float: left;
  padding-right: 20px;
}
[class*='col-']:last-of-type {
  padding-right: 0px;
}
.grid {
	width: 100%;
	max-width: 1140px;
	min-width: 1140px;
	margin: 0 auto;
}
#mainmenu .grid {
	width: 755px;
	max-width: 755px;
	min-width: 755px;
	margin: 0 auto;
}

.grid:after {
  content: "";
  display: table;
  clear: both;
}
.grid-pad {
  padding: 20px 0 0 20px;
}
.grid-pad > [class*='col-']:last-of-type {
  padding-right: 20px;
}
.push-right {
  float: right;
}
/* Content Columns */

.col-1-1, .col-2-2, .col-3-3, .col-4-4, .col-5-5, .col-6-6, .col-7-7, .col-8-8, .col-9-9, .col-10-10, .col-11-11, .col-12-12 {
  width: 100.0%;
}
.col-1-12 {
  width: 8.333333333333332%;
}
.col-1-11 {
  width: 9.090909090909092%;
}
.col-1-10 {
  width: 10.0%;
}
.col-1-9 {
  width: 11.11111111111111%;
}
.col-1-8 {
  width: 12.5%;
}
.col-1-7 {
  width: 14.285714285714285%;
}
.col-1-6, .col-2-12 {
  width: 16.666666666666664%;
}
.col-2-11 {
  width: 18.181818181818183%;
}
.col-1-5, .col-2-10 {
  width: 20.0%;
}
.col-2-9 {
  width: 22.22222222222222%;
}
.col-1-4, .col-2-8, .col-3-12 {
  width: 25.0%;
}
.col-3-11 {
  width: 27.27272727272727%;
}
.col-2-7 {
  width: 28.57142857142857%;
}
.col-3-10 {
  width: 30.0%;
}
.col-1-3, .col-2-6, .col-3-9, .col-4-12 {
  width: 33.33333333333333%;
}
.col-4-11 {
  width: 36.36363636363637%;
}
.col-3-8 {
  width: 37.5%;
}
.col-2-5, .col-4-10 {
  width: 40.0%;
}
.col-5-12 {
  width: 41.66666666666667%;
}
.col-3-7 {
  width: 42.857142857142854%;
}
.col-4-9 {
  width: 44.44444444444444%;
}
.col-5-11 {
  width: 45.45454545454545%;
}
.col-1-2, .col-2-4, .col-3-6, .col-4-8, .col-5-10, .col-6-12 {
  width: 50.0%;
}
/* Layout Columns */

.col-6-11 {
  width: 54.54545454545454%;
}
.col-5-9 {
  width: 55.55555555555556%;
}
.col-4-7 {
  width: 57.14285714285714%;
}
.col-7-12 {
  width: 58.333333333333336%;
}
.col-3-5, .col-6-10 {
  width: 60.0%;
}
.col-5-8 {
  width: 62.5%;
}
.col-7-11 {
  width: 63.63636363636363%;
}
.col-2-3, .col-4-6, .col-6-9, .col-8-12 {
  width: 66.66666666666666%;
}
.col-7-10 {
  width: 70.0%;
}
.col-5-7 {
  width: 71.42857142857143%;
}
.col-8-11 {
  width: 72.72727272727273%;
}
.col-3-4, .col-6-8, .col-9-12 {
  width: 75.0%;
}
.col-7-9 {
  width: 77.77777777777779%;
}
.col-4-5, .col-8-10 {
  width: 80.0%;
}
.col-9-11 {
  width: 81.81818181818183%;
}
.col-5-6, .col-10-12 {
  width: 83.33333333333334%;
}
.col-6-7 {
  width: 85.71428571428571%;
}
.col-7-8 {
  width: 87.5%;
}
.col-8-9 {
  width: 88.88888888888889%;
}
.col-9-10 {
  width: 90.0%;
}
.col-10-11 {
  width: 90.9090909090909%;
}
.col-11-12 {
  width: 91.66666666666666%;
}
/* FRONTEND EDIT */
#TSFE_ADMIN_PANEL_FORM {
  left: 4px;
  top: 47px;
}
#TSFE_ADMIN_PANEL_FORM .typo3-adminPanel {
    display: table;
    min-width: 315px;
}
.webs-typo3-adminpanel {
  background-color:#3f3f3f;
  background-image:url('../../../typo3/sysext/t3skin/images/backgrounds/topbar.png');
  background-image:gradient(center top,#494949 0%,#373737 91%,#343434 92%,#2A2A2A 100%);
  background-image:-moz-linear-gradient(center top,#494949 0%,#373737 91%,#343434 92%,#2A2A2A 100%);
  background-image:-webkit-gradient(linear,0% 0%,0% 100%,color-stop(0,#494949),color-stop(0.91,#373737),color-stop(0.92,#343434),color-stop(1,#2a2a2a));
  background-repeat:repeat-x;
  height:42px;
  border-bottom:#CCC 1px solid;
  padding: 0 
}
.webs-typo3-adminpanel .typo3-logo {
    margin: 8px 0 0;
    padding: 1px 0 0 24px;
    width: 159px;
    float: left;
}
.webs-typo3-adminpanel .user-actions {
  color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
  float:right;
  display:block;
  padding: 9px 0 0 0;
  height:33px;
  margin-right:9px;
}
.webs-typo3-adminpanel .user-actions a {
  color: #ffffff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
  margin-right:15px;
}
.webs-typo3-adminpanel .user-actions .t3-icon {
  margin-top: 5px;
    vertical-align: top;
}
.webs-typo3-adminpanel .user-actions .username,
.webs-typo3-adminpanel .user-actions .actions {
  height:33px;
  float:left;
}
.webs-feedit-header .typo3-editPanel {
  border:1px solid #aaaaaa;
  box-shadow: 0px 0px 3px rgba(0,0,0, 0.5);
  background: #dddddd none;
  height: 20px;
    padding: 2px 6px;
  margin-bottom:5px;
}
/*.webs-feedit-header .typo3-editPanel-label {
  display:block;
  float:left;
}*/
.typo3-adminPanel-section-content label {float:left; margin-right:4px;}
[class*='col-'].hidden {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);
  opacity: 0.5;
}
[class*='col-'].hidden:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@media screen and (min-width: 481px) {
  /*mainmenu*/
  #mainmenu {
    float: left;
    margin: 0px auto 0 280px;
    text-align: center;
  }
  #mainmenu .grid-pad{
    padding: 0 0 0 5px;
  }
  #mainmenu ul, #mainmenu li, #topmenu ul, #topmenu li{
    margin: 0;
    padding: 0;
    list-style: none;
  }
  #mainmenu ul{
    float:right;
  }
  #mainmenu ul .submenu{
    float:right;
    padding-top:9px;
    margin-top:-10px;
  }
  .mainmenu li {
    background: none repeat scroll 0 0 #ffffff;
    display: inline-block;
    font-size: 14px;
    position: relative;
  }
  .mainmenu ul {
    background:url(../images/active_arrow2v2_groen.png) no-repeat scroll;
    
    display: none;
    left: 0;
    position: absolute;
    text-align: left;
    top: 85px;
    width: 180px;
    z-index: 2;
  }
  .mainmenu ul li {
    left: 0;
    text-align: left;
    top: 0;
    width: 180px;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
  }
  .mainmenu li:hover > ul,
  .mainmenu li.sfHover > ul {
    display: block;
    margin-left:-1px;
  }
  .mainmenu a, #topmenu a {
    color: #7f7f7f;
    display: block;
    height: 85px;
    line-height: 85px;
    padding: 0 15px;
    text-decoration: none;
    font-size:12px;
    text-transform:uppercase;
    font-weight:bold;
  }
  .mainmenu li li {
    float:none;
  }
  .mainmenu ul li a{
    display: block;
    height: auto;
    line-height: 3;
  }
  .mainmenu a:hover,
  .mainmenu li:hover a {
    color:#d31357;
  }
  .mainmenu li li a,
  .mainmenu li:hover li a {
    background:#d31357;
    color: #ffffff;
  }
  .mainmenu li:hover li a:hover {
    background:#ffffff;
    color: #7f7f7f;
  }
  .mainmenu ul ul {
    top: 0;
    left: 100%;
  }
  
  .mainmenu a:hover, .mainmenu .active a {
    color: #d31357;
  }
}
/* mobile menu trigegr */
.menu-trigger {
	background: #333333 none repeat scroll 0 0;
    border-radius: 4px;
    cursor: pointer;
    display: none;
    font-size: 10px;
    font-weight: bold;
    height: 42px;
    line-height: 150%;
    padding-top: 4px;
    position: absolute;
    right: 15px;
    text-align: center;
    top: -2px;
    transition: background-color 0.3s ease 0s;
    width: 48px;
    z-index: 10;
}
.menu-trigger .open {
  display:block;
}
.menu-trigger .close {
  display:none;
}
.menu-trigger.act .open {
  display:none;
}
.menu-trigger.act .close {
  display:block;
}
.menu-trigger:hover,
.menu-trigger.act {
  background:#d31357;
}
.menu-trigger div {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    /*border-radius: 2px 2px 2px 2px;*/
    height: 1px;
    width: 35%;
  margin:4px auto 0px auto;
}
.mob-arrow {
  display:none;
}
/*languagemenu*/
#languagemenu {
    display: block;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    line-height: 100%;
    margin-right: 0;
    padding-top: 33px;
    text-align: center;
    width: 85px;
}
#languagemenu img {
    height: auto;
    width: 28px;
}
#languagemenu .cur, #languagemenu .no, #languagemenu .inact {
    float: left;
    margin-left: 14px;
}

/***
/* WEBSITE STYLES BELOW
*/

/* Header */
#header {
    background: #ffffff none repeat scroll 0 0;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    color: #564238;
    height: 145px;
    margin-top: -145px;
    position: fixed;
    width: 100%;
    z-index: 100;
}
#top-row {
    background: none repeat scroll 0 0 #cccccc;
    height: 45px;
    margin: 0 auto;
    padding-top: 15px;
}
#bottom-row {
    background: none repeat scroll 0 0 #ffffff;
    height: 85px;
  margin:0 auto;
}
.fixed {
    background-color: #ffffff;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 100;
}
#socialmenu {
    float: left;
    margin-top: 0px;
    padding-left: 20px;
}
#contactmenu {
    color: #7f7f7f;
    height: 30px;
    margin-top: 5px;
    padding-right: 208px;
	text-align: right;
}
#contactmenu ul{
	margin-bottom:0;
}
#contactmenu li{
list-style:none;
    display: inline;
}
#search {
    float: right;
    margin-top: -36px;
}
#logo {
    float: left;
    padding-left: 23px;
    padding-top: 10px;
    position: absolute;
}
#logo img{
}
/* Menu */
#topmenu ul { 
  padding-right: 20px;
}
#topmenu li {
  float: right;
}
#topmenu a {
  padding: 0 10px;
}
/* Skypebutton */

#skypebutton img{
    margin: 0px 0px 24px 0;
	
}
#skypebutton{
    float: right;
    background-color: #12A5F4;
    height: 31px;
    margin: 0;
    margin-bottom: -35px;
    margin-right: 450px;
    position: relative;

}

#SkypeButton_Call_patientcaresolutions.eu_1{
	height: 0px;!important;
	position: relative;
    top: -17px;
}
#dropdown_SkypeButton_Call_patientcaresolutions.eu_1{
	z-index:9999;
}
/*content*/
#content {
    margin-top: 145px;
}
#content .marginTop {
    margin-top: 132px;
}
#c194{
  padding-top:25px;
}
/* Footer */
#footer{
  margin-top:15px;
  background: #cccccc;
}
#footerboxes {
}
/*news*/
.news-list-item img, .news-single-img img {
    height: auto;
    width: 100%;
}
.news-list-date {
    float: left;
    padding-right: 5px;
}
.news-catmenu-header {
    display: none;
}
.news-single-date-sub {
    font-weight: bold;
}
.news-single-content {
    float: left;
}
.news-amenu-container ul li {
    list-style: outside none none;
}
.news-single-item h2{
  float:left;
}
.news-catmenu-NO a{
  color:#6c6c6c;
}
.news-catmenu-ACT a{
  color:#d31357;
}
.news-amenu-container ul li a{
  color:#6c6c6c;
}
.news-amenu-container .amenu-act a{
  color:#d31357;
}


/*Mobile*/
#socialmenumobile,
#skypebuttonmobile,
#contactmenumobile{
	display:none;
}
/*search*/
#searchfield {
}
fieldset {
    border: 0 none;
    margin: 0;
    padding: 0;
}
#searchfield label {
    display: none;
}
#searchfield input {
    background-color: #ffffff;
    border: medium none;
    border-radius: 4px 0 0 4px;
    color: #7f7f7f;
    float: left;
    font-family: "Open Sans",sans-serif;
    font-size: 13px;
    font-style: normal;
    font-weight: normal;
    height: 22px;
    margin: 0;
    outline: medium none;
    padding: 7px 0 7px 20px;
    width: 120px;
}
#searchfield .submit {
    background: #ffffff url("../images/search-dark-grey-18v2.png") no-repeat scroll center center;
    border: 0 none;
    border-radius: 0 4px 4px 0;
    cursor: pointer;
    height: 36px;
    margin: 0;
    padding: 0;
    width: 50px;
}
/*color syles*/
.color1 .innercontent{
  background:#d31357;
  color:#ffffff;
  padding:10px;
  border-radius: 4px;
}
.color2 .innercontent{
  background:#0957c1;
  color:#ffffff;
  padding:10px;
  border-radius: 4px;
}
.color3 .innercontent{
  background:#149ee6;
  padding:10px;
  border-radius: 4px;
  color:#ffffff;
}
.color4 .innercontent{
  background:#fe8b10;
  padding:10px;
  border-radius: 4px;
  color:#ffffff;
}
.color5 .innercontent{
  background:#6c6c6c;
  padding:10px;
  border-radius: 4px;
  color:#ffffff;
}
.color1 .innercontent a, .color2 .innercontent a, .color3 .innercontent a, .color4 .innercontent a, .color5 .innercontent a{
	color:#ffffff;
	text-decoration:underline;
}
.color1 .innercontent a:hover, .color2 .innercontent a:hover, .color3 .innercontent a:hover, .color4 .innercontent a:hover, .color5 .innercontent a:hover{
	color:#ffffff;
	text-decoration:none;
}
.color1 .innercontent h1, .color1 .innercontent h2, .color1 .innercontent h3, .color1 .innercontent h4, .color1 .innercontent h5, .color1 .innercontent h6,
.color2 .innercontent h1, .color2 .innercontent h2, .color2 .innercontent h3, .color2 .innercontent h4, .color2 .innercontent h5, .color2 .innercontent h6, 
.color3 .innercontent h1, .color3 .innercontent h2, .color3 .innercontent h3, .color3 .innercontent h4, .color3 .innercontent h5, .color3 .innercontent h6,
.color4 .innercontent h1, .color4 .innercontent h2, .color4 .innercontent h3, .color4 .innercontent h4, .color4 .innercontent h5, .color4 .innercontent h6
.color5 .innercontent h1, .color5 .innercontent h2, .color5 .innercontent h3, .color5 .innercontent h4, .color5 .innercontent h5, .color5 .innercontent h6{
  color:#ffffff;
}
.color1 .innercontent h1 a, .color1 .innercontent h2 a, .color1 .innercontent h3 a, .color1 .innercontent h4 a, .color1 .innercontent h5 a, .color1 .innercontent h6 a,
.color2 .innercontent h1 a, .color2 .innercontent h2 a, .color2 .innercontent h3 a, .color2 .innercontent h4 a, .color2 .innercontent h5 a, .color2 .innercontent h6 a, 
.color3 .innercontent h1 a, .color3 .innercontent h2 a, .color3 .innercontent h3 a, .color3 .innercontent h4 a, .color3 .innercontent h5 a, .color3 .innercontent h6 a,
.color4 .innercontent h1 a, .color4 .innercontent h2 a, .color4 .innercontent h3 a, .color4 .innercontent h4 a, .color4 .innercontent h5 a, .color4 .innercontent h6 a,
.color5 .innercontent h1 a, .color5 .innercontent h2 a, .color5 .innercontent h3 a, .color5 .innercontent h4 a, .color5 .innercontent h5 a, .color5 .innercontent h6 a{
  background:#ffffff;
  padding:10px;
  border: none;
  border-radius: 4px;
  color:#6c6c6c;
  text-decoration:none;
}
.color1 .innercontent h1 a:hover, .color1 .innercontent h2 a:hover, .color1 .innercontent h3 a:hover, .color1 .innercontent h4 a:hover, .color1 .innercontent h5 a:hover, .color1 .innercontent h6 a:hover, 
.color2 .innercontent h1 a:hover, .color2 .innercontent h2 a:hover, .color2 .innercontent h3 a:hover, .color2 .innercontent h4 a:hover, .color2 .innercontent h5 a:hover, .color2 .innercontent h6 a:hover, 
.color3 .innercontent h1 a:hover, .color3 .innercontent h2 a:hover, .color3 .innercontent h3 a:hover, .color3 .innercontent h4 a:hover, .color3 .innercontent h5 a:hover, .color3 .innercontent h6 a:hover,
.color4 .innercontent h1 a:hover, .color4 .innercontent h2 a:hover, .color4 .innercontent h3 a:hover, .color4 .innercontent h4 a:hover, .color4 .innercontent h5 a:hover, .color4 .innercontent h6 a:hover,
.color5 .innercontent h1 a:hover, .color5 .innercontent h2 a:hover, .color5 .innercontent h3 a:hover, .color5 .innercontent h4 a:hover, .color5 .innercontent h5 a:hover, .color5 .innercontent h6 a:hover{
  background:#6c6c6c;
  padding:10px;
  border: none;
  border-radius: 4px;
  color:#ffffff;
  text-decoration:none;
}
.at-share-tbx-element.addthis_32x32_style .at-share-btn, .at-share-tbx-element.addthis_32x32_white_style .at-share-btn {
    max-height: 32px;
    max-width: 32px;
  border-radius:4px;
}
/*image cycle*/
.grid-pad .tx-imagecycle-pi1 {
  width:100;
}
.tx-imagecycle-pi1 {
    display: block;
    margin-bottom: 15px;
    margin-top: -19px;
    position: relative;
    z-index: 0;
}
.tx-imagecycle-pi1-images .imagecycle-caption {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    bottom: 0;
    color: #fff;
    display: none;
    height: 500px;
    left: 0;
    opacity: 0.8;
    padding: 5px;
    position: absolute;
    white-space: nowrap;
    width: 100%;
}
.tx-imagecycle-pi1-pager a {
    background: none repeat scroll 0 0 #d31357;
    border: 0 none;
    border-radius: 15px;
    font-size: 1px;
    margin: 0 5px;
    padding: 0 4px;
    text-decoration: none;
}
.tx-imagecycle-pi1-pager a.activeSlide {
    background: none repeat scroll 0 0 #d31357;
}
.imagecycle-caption h2 {
    color: #6c6c6c;
    font-size: 24px;
    font-weight: normal;
    line-height: 110%;
}
.imagecycle-caption h3 {
    color: #6c6c6c;
    font-size: 22px;
    font-weight: normal;
    line-height: 120%;
}

.responsive img {
  width:100%;
  height:auto;
}
.responsive  img.frontEndEditIcons {
	width:auto;
	height:auto;
}

/*
  iPad air users want to see the desktop version
  so lets display the mobile version up to 767px
*/
@media screen and (min-width: 0px) and (max-width: 480px) {
  body{
	  min-width:auto;
  }
/*@media screen and (min-width: 0px) and (max-width: 768px) {*/
  .grid {
    width: 100%;
    min-width: 0;
    margin-left: 0px;
    margin-right: 0px;
    padding-left: 0px;
    padding-right: 0px;
  }
  [class*='col-'] {
    width: auto;
    float: none;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 20px;
    /*margin-bottom: 10px;*/
    padding-left: 20px;
    padding-right: 20px;
  }
  
  #mainmenu .grid-pad{
    padding:0;
  }
  #mainmenu .grid {
    margin: 0 auto;
    max-width: 100%;
    min-width: 100%;
    width: 100%;
}
  .menu-trigger .open {
    color: #ffffff;
    font-size: 10px;
    text-transform: uppercase;
  }
  .menu-trigger.act .close {
    color: #ffffff;
    display: block;
  }
  .menu-trigger.act{
	/*top:-40px;*/
	}
  #mainmenu  {
        left: 0;
	    position: relative;
    	width: 100%;
		text-transform: uppercase;
		margin-top:16px;
		float:none;
  }

  #mainmenu ul .submenu {
    margin-top: 0 !important;
    top: 0;
	padding-top:0px;
	
  }
  #mainmenu ul, #mainmenu li, #topmenu ul, #topmenu li{
    margin: 0;
    padding: 0;
  }
    #mainmenu ul {
    margin-top: 0px !important;
	  padding-top:49px;
  }
  .menu-trigger {
    	background: #d31357 none repeat scroll 0 0;
		display: block;
		margin-top: -8px;
		margin-right: 7px;
  }
    .mainmenu {
        width: 100%!important;
        display: none;
        position:relative;
    }
    .mainmenu.xactive {
        display: block!important;
    z-index:2;
    }
  .mainmenu .active a {
    background: #ffffff none repeat scroll 0 0;
    color: #d31357;
    font-weight: bold;
  }
  .mainmenu li li.active a {
    background-color: #d31357 !important;
  }
  .mainmenu li {
    border-top: 1px solid #cccccc;
    display: block !important;
    float: none !important;
    position: relative;
    width: 100% !important;
  }
  .mainmenu li a {
    background-color: #ffffff;
    float: none !important;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    padding: 10px;
  }
  .mainmenu li li a {
    font-size: 16px;
  }
  .mainmenu ul {
        margin: 0!important;
    position: relative;
    }
  .mainmenu li:hover > ul,
  .mainmenu li.sfHover > ul {
     display: block;
      margin-left:-1px;
  }
  .mainmenu a {
    color: #7f7f7f;
    display: block;
    font-size: 17px;
    font-weight: bold !important;
    padding: 0 15px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
  }
  .mainmenu li li {
    float: none;
  }
  .mainmenu a:hover,
  .mainmenu li:hover a {
    color:#d31357;
  }
  .mainmenu li:hover li a {
    background-color:#d31357;
    color:#FFFFFF;
  }
  .mainmenu li:hover li a:hover {
    background-color:#FFFFFF;
    color:#7f7f7f;
  }
  .mainmenu ul ul {
    top: 0;
    left: 100%;
  }
  
  .mob-arrow {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    display: block;
    height: 20px;
    padding: 5px;
    position: absolute;
    right: 31px;
    top: 11px;
    width: 22px;
  }
  /*.mob-arrow:hover {
    background: none repeat scroll 0 0 #cccccc;
  }*/
  .mob-arrow span {
    border-color: #d31357 transparent transparent;
    border-style: solid;
    border-width: 19px 11px 0;
    display: block;
    height: 0;
    width: 0;
  }
  .mob-arrow:hover span {
    border-color: #333333 transparent transparent;
  }
  .last {
      border-bottom: 1px solid #cccccc;
  }
    
/*header*/
  #header .grid-pad {
    padding: 0;
  }
  #header {
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    height: 129px;
    margin-top: 0;
    position: relative;
    width: 100%;
  }
  #top-row {
    height: 49px;
  }
  #bottom-row {
		height: 49px;
	}
  #socialmenu {
    float: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	width: 185px;
	height:40px;
  }
  #contactmenu {
    height: 65px;
	margin: 0 auto;
	padding: 0;
	width: 288px;
  }
  #search {
    float: left;
	height: 45px;
	margin: 0 auto;
	padding-left: 12px;
	width: 190px;
  }
  #contactmenu p {
    text-align: right;
  }
  #languagemenu {
    float: right;
	margin-top: 21px;
	padding-right: 12px;
	padding-top: 0;
	position: absolute;
	right: 0;
	top: 0;
  }
  #logo {
   padding-left:0;
	top: 38px;
	float:none;
  }
  #logo img {
    width:200px;
    height:auto;
  }
  #skypebutton{
	float: right;
	background-color: #12A5F4;
	height: 31px;
	margin: 0 56% -35px 0;
  }
  /*mobilemenu*/
	#socialmenu,
	#skypebutton,
	#contactmenu{
		display:none;
	}
	#socialmenumobile,
	#skypebuttonmobile,
	#contactmenumobile{
		display:none;
	}
	#socialmenumobile.xactive,
	#skypebuttonmobile.xactive,
	#contactmenumobile.xactive{
		display:block;
		z-index:2;
	}
	
	#skypebuttonmobile {
		height: 31px;
    padding: 0px 0px 32px;
    background-color: #ffffff;
    border-bottom: 1px solid #cccccc;
    width: 100%;
    text-align: center;
	}
	#sociallinksmobile {
		float: none;
		margin: 0 auto;
		padding: 0;
		text-align: center;
		width: 134px;
		height:40px;
		    width: 100%;
	}
	#socialmenumobile {
		padding:13px 0px 8px 0px;
		background-color: #ffffff;
    	border-bottom: 1px solid #cccccc;
	}
	#contactmenumobile {
        text-align: center;
	}
	#contactmenumobile ul{
		margin-bottom:0;
	}
	#contactmenumobile li{
		list-style:none;
		list-style: none;
    padding: 15px 0px 15px 0px;
    background-color: #ffffff;
    width: 100%;
    border-bottom: 1px solid #cccccc;
    margin-left: 0;
	}
	#contactmenumobile.menu-trigger.act {
		margin-top:100px;
	}
	
	#SkypeButton_Call_patientcaresolutions.eu_mobile{
		height: 0px;!important;
		position: relative;
		top: -17px;
	}
	#dropdown_SkypeButton_Call_patientcaresolutions.eu_mobile{
		z-index:9999;
	}

/*content*/
  #content {
    margin-top: 20px;
  }
  #c24 {
      height: 0;
      margin: 0;
  }
/*footer*/
  #footerboxes {
    padding-bottom: 10px;
  }
/*expertise-cycle*/
  .tx-imagecycle-pi1-images .imagecycle-caption {
    display: none !important;
  }

  .inner-expertise {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 600px;
    margin: 0 auto;
    width: 300px;
  }
  #heading-expertise{
      font-size: 214%;
      line-height: 1.2;
      margin-bottom: 10px;
  }
    .expertise-cycle p{
    font-size: 100%;
      margin: 0 0 20px;
  }  
  .expertise-name{
      font-size: 86%;
       top: 88px;
  }
  .expertise1-cta, .expertise2-cta,
  .expertise3-cta, .expertise4-cta,
  .expertise5-cta, .expertise6-cta,
  .expertise7-cta, .expertise8-cta{
    display: inline-block;
    float: left;
    height: 120px;
    width: 120px;
    margin:15px;
  }
  .expertise1-cta{
    background-position: -214px -22px;
    left: 0;
    top: 306px;
  }

  .expertise2-cta {
    background-position: -32px -207px;
    float: right;
    left: 150px;
    margin-top:25px;
  }
  .expertise3-cta {
    background-position: -32px -207px;
    left: 0;
    top: 154px;
  }
  .expertise3-cta .expertise-name {
       font-size: 70%;
  }
  .expertise4-cta {
    background-position: -32px -207px;
    left: 150px;
    top: 154px;
  }
  .expertise5-cta {
    background-position: -32px -390px;
    left: 0;
    top:10px;
  }
  .expertise6-cta {
    background-position: -32px -22px;
    left: 150px;
    top: 306px;
  }
  .expertise7-cta {
    background-position: -398px -22px;
    left: 0;
    top: 449px;
  }
  .expertise8-cta {
    background-position: -215px -207px;
    left: 150px;
    top: 450px;
  }
  
  blockquote:before {
    left: 0px!important;
  }
  blockquote {
    padding: 2px 0 0 20%;
  }
/*nieuws*/
  .news-list-item .col-3-12, 
  .news-list-item .col-9-12, 
  .news-single-item .col-3-12, 
  .news-single-item .col-9-12{
    padding:0;
  }
  #c109, #c55, #c59{
    padding:0;
  }
/*heading*/
  h1 {
    font-size: 45px;
  }

}


/* EXAMPLE BREAKPOINT:

@media screen and (min-width: 481px) and (max-width: 800px) {
  
  body{
    font-size:14px;
  }
  h1 {
    font-size:25px;
  }
  h2 {
    font-size:20px;
  }
  h3 {
    font-size:17px;
  }
  h4 {
    font-size:14px;
  }
  h5 {
    font-size:12px;
  }
  h6 {
    font-size:10px;
  }

  .grid {
    width: 100%;
    max-width: 800px;
    min-width: 464px;
    margin: 0 auto;
    overflow: hidden;
  }

  
  /* Content Columns */
  /*

  .col-1-1, .col-2-2, .col-3-3, .col-4-4, .col-5-5, .col-6-6, .col-7-7, .col-8-8, .col-9-9, .col-10-10, .col-11-11, .col-12-12 {
      width: 100.0%;
  }
  
  .col-1-12 {
      width: 8.333333333333332%;
  }
  
  .col-1-11 {
      width: 9.090909090909092%;
  }
  
  .col-1-10 {
      width: 10.0%;
  }
  
  .col-1-9 {
      width: 11.11111111111111%;
  }
  
  .col-1-8 {
      width: 12.5%;
  }
  
  .col-1-7 {
      width: 14.285714285714285%;
  }
  
  .col-1-6, .col-2-12 {
      width: 33.33333333333333%;
  }
  
  .col-2-11 {
      width: 18.181818181818183%;
  }
  
  .col-1-5, .col-2-10 {
      width: 20.0%;
  }
  
  .col-2-9 {
      width: 22.22222222222222%;
  }
  
  .col-1-4, .col-2-8, .col-3-12 {
      width: 50.0%;
  }
  
  .col-3-11 {
      width: 27.27272727272727%;
  }
  
  .col-2-7 {
      width: 28.57142857142857%;
  }
  
  .col-3-10 {
      width: 30.0%;
  }
  
  .col-1-3, .col-2-6, .col-3-9, .col-4-12 {
      width: 100.0%;
  }
  
  .col-4-11 {
      width: 36.36363636363637%;
  }
  
  .col-3-8 {
      width: 37.5%;
  }
  
  .col-2-5, .col-4-10 {
      width: 40.0%;
  }
  
  .col-5-12 {
      width: 41.66666666666667%;
  }
  
  .col-3-7 {
      width: 42.857142857142854%;
  }
  
  .col-4-9 {
      width: 44.44444444444444%;
  }
  
  .col-5-11 {
      width: 45.45454545454545%;
  }
  
  .col-1-2, .col-2-4, .col-3-6, .col-4-8, .col-5-10, .col-6-12 {
      width: 100.0%;
  }
  
  /* Layout Columns */
  /*
  
  .col-6-11 {
      width: 54.54545454545454%;
  }
  
  .col-5-9 {
      width: 55.55555555555556%;
  }
  
  .col-4-7 {
      width: 57.14285714285714%;
  }
  
  .col-7-12 {
      width: 58.333333333333336%;
  }
  
  .col-3-5, .col-6-10 {
      width: 60.0%;
  }
  
  .col-5-8 {
      width: 62.5%;
  }
  
  .col-7-11 {
      width: 63.63636363636363%;
  }
  
  .col-2-3, .col-4-6, .col-6-9, .col-8-12 {
      width: 100.0%;
  }
  
  .col-7-10 {
      width: 70.0%;
  }
  
  .col-5-7 {
      width: 71.42857142857143%;
  }
  
  .col-8-11 {
      width: 72.72727272727273%;
  }
  
  .col-3-4, .col-6-8, .col-9-12 {
      width: 100.0%;
  }
  
  .col-7-9 {
      width: 77.77777777777779%;
  }
  
  .col-4-5, .col-8-10 {
      width: 80.0%;
  }
  
  .col-9-11 {
      width: 81.81818181818183%;
  }
  
  .col-5-6, .col-10-12 {
      width: 100%;
  }
  
  .col-6-7 {
      width: 85.71428571428571%;
  }
  
  .col-7-8 {
      width: 87.5%;
  }
  
  .col-8-9 {
      width: 88.88888888888889%;
  }
  
  .col-9-10 {
      width: 90.0%;
  }
  
  .col-10-11 {
      width: 90.9090909090909%;
  }
  
  .col-11-12 {
      width: 91.66666666666666%;
  }
}
*/