@charset "utf-8";
/***
/* WEBSOLS DEFAULT TYPO3 STYLES
*/
@font-face{
        font-family:"ITC Officina Serif W01_n5";
        src:url("../fonts/bf8c3c54-8781-4dd3-816e-af9b94f9bafbd41d.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"ITC Officina Serif W01";
        src:url("../fonts/bf8c3c54-8781-4dd3-816e-af9b94f9bafbd41d.eot?#iefix");
        src:url("../fonts/bf8c3c54-8781-4dd3-816e-af9b94f9bafbd41d.eot?#iefix") format("eot"),
		url("../fonts/088c85d5-705a-450f-b724-ec36d416c964.woff2") format("woff2"),
		url("../fonts/0ae83670-7d7e-4ea7-8550-ebff2ef888fc.woff") format("woff"),
		url("../fonts/27ec6394-ea1d-44be-9481-0cc546199c5f.ttf") format("truetype"),
		url("../fonts/11bf0db6-6db1-4258-9d81-3860a39648cc.svg#11bf0db6-6db1-4258-9d81-3860a39648cc") format("svg");
font-weight: 500;
font-style: normal;
    }
    @font-face{
        font-family:"ITC Officina Serif W01_i5";
        src:url("../fonts/a471d897-2892-4213-8a0f-0d4040df0e06d41d.eot?#iefix") format("eot")
    }
    @font-face{
        font-family:"ITC Officina Serif W01";
        src:url("../fonts/a471d897-2892-4213-8a0f-0d4040df0e06d41d.eot?#iefix");
        src:url("../fonts/a471d897-2892-4213-8a0f-0d4040df0e06d41d.eot?#iefix") format("eot"),
		url("../fonts/88ccae4b-312e-40e5-824b-a25f53e64a6f.woff2") format("woff2"),
		url("../fonts/0e03b64f-4692-4cfa-829e-9f80feaef97c.woff") format("woff"),
		url("../fonts/b3e30a39-1f52-4aaa-8266-77dea0ef2448.ttf") format("truetype"),
		url("../fonts/e3240bf3-6728-499c-bc65-8f2854cae637.svg#e3240bf3-6728-499c-bc65-8f2854cae637") format("svg");
font-weight: 500;
font-style: italic;
    }
/***
/* 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 none;
}
*/
*{
  margin: 0;
  padding: 0;
  border:0 none;
}
table, th, td {
  margin:0;
}
/***
/* DEFAULTS
/* change according to needs
*/
html{
	height: 100%;
}
body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  height: 100%;
  line-height: 180%;
  background: #322f31;
  color: #FFFFFF;
}
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:#FFFFFF;
  text-decoration:underline;
}
a:hover {
  color:#FFFFFF;
  text-decoration:none;
}
a img {
  border: 0 none;
}
/* HEADINGS */
h1,h2,h3,h4,h5,h6{
	font-family: "ITC Officina Serif W01", Arial, Helvetica, sans-serif;
}
h1 {
  line-height:100%;
  font-size:42px;
  font-weight:normal;
}
h2 {
  line-height:110%;
  font-size:30px;
  font-weight:normal;
}
h3 {
  line-height:120%;
  font-size:22px;
  font-weight:normal;
}
h4 {
  line-height:130%;
  font-size:16px;
  font-weight:normal;
}
h5 {
  line-height:140%;
  font-size:12px;
  font-weight:normal;
}
h6 {
  line-height:150%;
  font-size:10px;
  font-weight:normal;
}
/* MISC */
hr {
  border: 0 #dddddd solid;
  border-top-width: 1px;
  clear: both;
  height: 0;
}
ins {
  text-decoration: underline;
}
del {
  text-decoration: line-through;
}
blockquote {
  font-family:"Times New Roman", Times, serif;
  font-style: italic;
  width: 80%;
  margin: 0.25em 0;
  padding: 0.25em 60px;
  line-height: 1.45;
  position: relative;
  color: #FFFFFF;
  z-index: -1;
  font-size:19px;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
blockquote:before {
  display: block;
  font-style:normal;
  content: "\301E";
  font-size: 80px;
  position: absolute;
  left: 18px;
  top: -9px;
  color: #bfb0a3;
}
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="tel"], 
input[type="email"], 
input[type=text],
input[type=password],
textarea {
  border:1px solid #aaaaaa;
  padding: 4px 9px;
  width:70%;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
select {
    border: 1px solid #aaaaaa;
    padding: 2px 5px;
    width: 70%;
  margin-top:1px;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
input[type=submit],
input[type=button]{
  margin-top:10px;
  background-color: #aaaaaa;
    color: #000000;
    padding: 6px 15px;
    text-align: center;
    text-decoration: none;
  border:0 none;
  cursor:pointer;
}
input[type=submit]:hover,
input[type=button]:hover{
  background-color: #888888;
  color: #333333;
  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: #000000;
  font-weight: bold;
}
div.csc-mailform fieldset ol {
 /* padding: 1em 1em 0 1em;*/
}
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;
  width: 13em;
  margin-right: 1em;
  vertical-align: baseline;
}
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,
div.csc-mailform ol li.csc-form-element-radio {
  padding-left:14em;
}

/**   * 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: 0 -14em 0 14em;
  padding: 0;
}
fieldset.fieldset-subgroup li {
  padding: 0;
}

div.csc-mailform ol .csc-form-element-checkboxgroup li.csc-form-element-checkbox,
div.csc-mailform ol .csc-form-element-radiogroup li.csc-form-element-radio {
  padding-left:0;
}
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 {
    display: inline-block;
    cursor: pointer;
    position: relative;
    padding-left: 25px;
    margin-right: 15px;
    font-size: 13px;
}
.csc-form-element-radio input[type=radio],
.csc-form-element-checkbox input[type=checkbox] {
    display: none;
}
.csc-form-element-radio label:before{
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    position: absolute;
    left: -13px;
    bottom: 1px;
    background-color: #aaa;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.csc-form-element-radio label:before {
    border-radius: 8px;
  float:left;
}
.csc-form-element-checkbox{
  margin-top:3px;
}
.csc-form-element-checkbox label:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 10px;
    left: 0;
    bottom: 1px;
    background-color: #aaa;
    box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);
}
.csc-form-element-checkbox label::before {
    border-radius: 3px;
    float: left;
    margin-top: 8px;
}
.csc-form-element-radio input[type=radio]:checked + label:before {
    content: "\2022";
    color: #f3f3f3;
    font-size: 30px;
    text-align: center;
    line-height: 18px;
}
.csc-form-element-checkbox input[type=checkbox]:checked + label:before {
    content: "\2713";
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .2);
    font-size: 15px;
    color: #f3f3f3;
    text-align: center;
    line-height: 15px;
}

/**************/
/* 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;
}
[class*='col-'] {
  float: left;
  padding-right: 20px;
  padding-bottom:20px;
  min-height:1px;
}
[class*='col-']:last-of-type {
  padding-right: 0px;
} 
.grid {
  width: 100%;
  max-width: 1140px;
  /* min-width: 620px; */
  margin: 0 auto;
}
.grid:after {
  content: "";
  display: table;
  clear: both;
}
.grid-pad {
  padding: 20px 0 0px 20px;
}
#content .grid-pad{
	padding: 32px 0 0 150px;
}
.grid-pad.first{
	padding: 32px 0 0 150px
}
.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.html');
  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;
}

/* Powermail */
.powermail_form .powermail_submit{
	color: #FFFFFF !important;
	background: rgba(191,176,163,1);
	margin:0 0 0 115px;
	box-sizing: border-box;
	border: 2px solid #bfb0a3;
}
.powermail_form .powermail_submit:hover{
	background: transparent;
	color:#FFFFFF !important;
}
.powermail_form label,
.powermail_radio_legend{
	float: left;
	width:115px;
}
.powermail_form .powermail_fieldwrap{
	margin-top:10px;
}
.powermail_form .powermail_radio{
	margin-top: 8px;
	float:left
}
.powermail_form .powermail_radio_inner label{
	width:50px;
	text-align:left;
	margin-left:3px;
}
.powermail_form input,
.powermail_form textarea,
.powermail_form select{
	background: transparent;
	border: 2px solid #bfb0a3;
	color: #FFFFFF;
}
.powermail_form option{
	background: rgba(191,176,163,1);
}
.powermail_form .powermail_fieldwrap_3 label:before {
    border-radius: 8px;
}
.powermail_form .powermail_fieldwrap_3 input[type=radio]:checked + label:before {
    content: "\2022";
    font-size: 30px;
    text-align: center;
    line-height: 12px;
}
.powermail_form h3,
.powermail_form .powermail_fieldset .powermail_legend{
	display:none;
}
/* SUPERFISH RESPONSIVE MENU */
#mainmenu  {
  float:right;
  padding-top:93px;
  font-family: "ITC Officina Serif W01", Arial, Helvetica, sans-serif;
}
#mainmenu .grid-pad{
  padding: 0 0 0 57px;
}
#mainmenu ul, #mainmenu li, #topmenu ul, #topmenu li{
  margin: 0;
  padding: 0;
  list-style: none;
}
.mainmenu li {
  display:block;
  float:left;
}
.mainmenu ul {
  position: absolute;
  display: none;
  /*top: 100%;*/
  z-index: 99;
  padding:12px 12px 0px 12px;
  background-color:#555555;
}
.mainmenu li:hover > ul,
.mainmenu li.sfHover > ul {
  display: block;
  margin-left:-1px;
}
.mainmenu a, #topmenu a {
  display: block;
  position: relative;
  padding: 0px 15px;
  color: #322f31;
  text-decoration:none;
  text-align:center;
  font-size:20px;
  font-weight:normal;
}
.mainmenu li li {
  float:none;
}
.mainmenu a:hover,
.mainmenu li:hover a {
  background-color: transparant;
}
.mainmenu li:hover li a {
  background-color: transparant;
}
.mainmenu li:hover li a:hover {
  background-color:transparant;
}
.mainmenu ul ul {
  top: 0;
  left: 100%;
}
/* mobile menu trigegr */
.menu-trigger {
  display: none;
  position: absolute;
  right: 15px;
  top: 17px;
  z-index: 10;
  cursor:pointer;
  font-size:11px;
  font-weight:bold;
  line-height:150%;
  width:48px;
  height:42px;
  /*border: 1px solid #999999;*/
  background:#322f31;
  /*background: #bfb0a3;*/
    border-radius: 3px 3px 3px 3px;
  text-align:center;
  transition: background-color 0.3s ease 0s;
  padding-top: 4px;
  color:#FFFFFF;
}
.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:rgba(50,47,49,0.7);
  /*background:rgba(191,176,163,0.7);*/
}
.menu-trigger div {
    background-color: #FFFFFF;
    border: 1px solid #eee;
    /*border-radius: 2px 2px 2px 2px;*/
    height: 1px;
    width: 35%;
  margin:4px auto 0px auto;
}
.mob-arrow {
  display:none;
}

/***
/* WEBSITE STYLES BELOW
*/
#wrap{
	 min-height: 100%;
	 position: relative;
}
/* Header */
#header {
  color: #322f31;
  position:relative;
  width:100%;
  overflow:visible;
  height:153px;
  border-bottom:3px solid #FFFFFF;
  background-image: url('../images/header.jpg');
  background-position:top;
  background-size: 100% 253%;
}
#content{
	padding-bottom: 320px;
}
/* Footer */
#footer {
  width: 100%;
  border-top: 3px solid #FFFFFF;
  background-image: url('../images/footer.jpg');
  background-position:top;
  background-size: 100% 167%;
  line-height: 180%;
  position: absolute;
  bottom: 0;
}
/* Button styles */
.button-large{
	background: #bfb0a3;
	width: 250px;
	padding: 20px 10px;
	text-align:center;
	border-radius: 5px;
	font-size:24px;
	margin: 0 auto;
	border: 2px solid #bfb0a3;
	box-sizing: border-box;
	font-family: "ITC Officina Serif W01", Arial, Helvetica, sans-serif;
}
.button-large a{
	text-decoration: none;
}
.button-large:hover{
	background: rgba(191,176,163,0.3);
	box-sizing:border-box;
}
.button-small{
	background: #8b0b04;
	width: 188px;
	padding: 20px 10px;
	text-align:center;
	border-radius: 5px;
	font-size:24px;
	margin: 0 auto;
	border: 2px solid #8b0b04;
	box-sizing: border-box;
	font-family: "ITC Officina Serif W01", Arial, Helvetica, sans-serif;
}
.button-small a{
	text-decoration: none;
}
.button-small:hover{
	background: rgba(139,11,4,0.3);
	box-sizing:border-box;
}
#page-1025 .button-large,
#page-1025 .button-small{
	margin:0;
}
/* Logo */
#logo {
  float:left;
  padding-bottom:10px;
  position:absolute;
  top:0;
  box-shadow: 0 0 54px 25px rgba(0, 0, 0, 0.7);
  height: 224px;
}
/* Menu */
#topmenu ul { 
  padding-right: 20px;
}
#topmenu li {
  float: right;
}
#topmenu a {
  padding: 0 10px;
}
img.responsive {
  width:100%;
  height:auto;
}
/* Color styles */
[class*="color"] {
	/*padding-bottom:20px;*/
}
.color1 .innercontent{
	background:#bfb0a3;
	padding:10px;
}
.color2 .innercontent{
	background:#9f897c;
	padding:10px;
}
.color3 .innercontent{
	background:#58585a;
	padding:10px;
}
.color4 .innercontent{
	background:#8b0b04;
	padding:10px;
}
.color1 .innercontent a, .color2 .innercontent a, .color3 .innercontent a, .color4 .innercontent a{
	color:#ffffff;
	text-decoration:underline;
}
.color1 .innercontent a:hover, .color2 .innercontent a:hover, .color3 .innercontent a:hover, .color4 .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{
  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{
  text-decoration:underline;
}
.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{
  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;
}
/*
  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: 930px) {
	.button-large{
		width:100%;
	}
	.powermail_form .powermail_submit{
		margin:0 0 0 0;
	}
}
@media screen and (min-width: 0px) and (max-width: 768px) {
	#content{
		padding-bottom: 610px;
	}
	.powermail_form .powermail_submit{
		margin:0 0 0 115px;
	}
  	#content .grid-pad{
		padding: 90px 10px 0 10px;
	}
	.grid-pad.first{
		padding: 90px 10px 0 10px
	}
  .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;
  }
    .menu-trigger {
        display: block;
    }
    .mainmenu {
        width: 100%!important;
        display: none;
    position:absolute;
    /*background: #bfb0a3;*/
	/*background: #58585a;*/
	/*background: #322f31;*/
	/*background: #9f897c;*/
	/*background:#8b0b04;*/
	background:#FFFFFF;
	position: absolute;
	left:0;
	top: 80px;
	width:100%;
    }
	/* CSS PASCAL */
	#mainmenu a{
		color: #322f31;
	}
	#mainmenu a:hover{
		color: #FFFFFF !important;
	}
	#mainmenu a:active{
		color: #FFFFFF !important;
	}
	/* ************ */
    .mainmenu.xactive {
        display: block!important;
    z-index:2;
    }
    .mainmenu li {
        float: none!important;
        display: block!important;
        width: 100%!important;
    border-bottom:1px solid #58585a;
    position: relative;
	box-sizing: border-box;
	color: #322f31;
    }
	/* CSS PASCAL */
	.mainmenu li:hover {
        background: #8b0b04;
    }
	.mainmenu li.active{
        background: #8b0b04;
    }
	.mainmenu #p1038{
		border-top:1px solid #58585a;
	}
	/* ************ */
    .mainmenu li a {
        float: none!important;
    font-size:18px;
    padding:10px;
    }
  .mainmenu li li a {
    background-color:#555555;
    font-size:16px;
    padding:8px;
  }
  .mainmenu ul {
        position:relative;
    width:100%;
    }
  .mob-arrow {
    position: absolute;
        top: 9px;
        right: 9px;
    width:22px;
    padding:5px;
    height:20px;
    display:block;
    border: 1px solid #ffffff;
    background:#999999;
    border-radius: 3px 3px 3px 3px;
  }
  .mob-arrow:hover {
    background:#cccccc;
  }
  .mob-arrow span{
    display:block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 19px 11px 0 11px;
    border-color: #ffffff transparent transparent transparent;  
  }
  /*.sfHover .mob-arrow span{
    border-width: 0 11px 19px 11px;
    border-color:  transparent transparent #ffffff transparent;  
  }*/
  .mob-arrow:hover span {
    border-color: #333333 transparent transparent transparent; 
  }
  

  /*.sfHover .mob-arrow:hover span{
    border-width: 0 11px 19px 11px;
    border-color:  transparent transparent #333333 transparent;  
  }*/
}
@media screen and (min-width: 0px) and (max-width: 480px) {
  /*
  #logo img {
    width:200px;
    height:auto;
  }
  */
#logo{
  	position:absolute;
	top:0;
	left:0;
	padding:0;
}
.powermail_form .powermail_submit{
	margin:0 0 0 0;
}
#content .grid-pad{
	padding: 90px 10px 0 10px;
}
.grid-pad.first{
	padding: 90px 10px 0 10px
}
  #mainmenu .grid-pad {
    padding: 0;
  }
  blockquote:before {
    left: 0px!important;
  }
  blockquote {
    padding: 2px 0 0 20%;
  }
  fieldset.fieldset-subgroup ol {
    margin: 2em 0 0;
  float:none;
  }  
  div.csc-mailform ol li {
  width:100%;
  display:block;
  }
  div.csc-mailform ol li.csc-form-element-checkbox, 
  div.csc-mailform ol li.csc-form-element-radio {
    padding-left: 0;
  }
  
  input[type="tel"], 
  input[type="email"], 
  input[type="text"], 
  input[type="password"], 
  textarea {
    width:100%
  }  
  select {
    width:100%
  }
  input[type="file"] {
    -moz-appearance: none;
    -moz-binding: none;
    background-color: transparent;
    border: medium none;
    color: inherit;
    cursor: default;
    display: inline-block;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
  width:100%
  }
}

/* opmaak media galerij */
.fs-media-gallery .thumbnail, .img-thumbnail {
	float: left;
	background-color:#BFB0A3;
	padding: 10px;
	margin: 0px 20px 20px 0px;
}


.shadowbox-nav {
    position: absolute;
}
.shadowbox-close {
    display: block;
    height: 45px;
    right: 2px;
    top: 2px;
    width: 45px;
    z-index: 99999;
}
.shadowbox-close a {
    background:url("../images/close.jpg")no-repeat center;
    cursor: pointer;
    display: block;
    height: 45px;
    width: 45x;
}
.shadowbox-prev {
    display: block;
    height: 46px;
    left: 2px;
    top: 45%;
    width: 46px;
    z-index: 99999;
}
.shadowbox-prev a {
    background:url("../images/prev.jpg")no-repeat center;
    cursor: pointer;
    display: block;
    height: 46px;
    width: 46px;
}
.shadowbox-next {
    display: block;
    height: 46px;
    right: 2px;
    top: 45%;
    width: 46px;
    z-index: 99999;
}
.shadowbox-next a {
    background: #000000 url("../images/next.jpg")no-repeat center;
    cursor: pointer;
    display: block;
    height: 46px;
    width: 46x;
}
/* verberg "aantal media elementen" */
.description .asset-count{
	display: none;
}

/* verberg "terug naar het album" */
.navigation{
	display: none;
}
h3 a{
	text-decoration: none;
}

/**
 * CSS styles for Shadowbox.
 */

/* typography */
#sb-title-inner, #sb-info-inner, #sb-loading-inner, div.sb-message {
  font-family: "HelveticaNeue-Light","Helvetica Neue",Helvetica,Arial,sans-serif;
  font-weight: 200;
  color: #fff;
}

/* container, overlay, & wrapper */
#sb-container {
  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  z-index: 999;
  text-align: left;
  visibility: hidden;
  display: none;
}
#sb-overlay {
  position: relative;
  height: 100%;
  width: 100%;
}
#sb-wrapper {
  position: absolute;
  visibility: hidden;
  width: 100px; /* explicit width helps offset children calculate their width */
}
#sb-wrapper-inner {
  position: relative;
  border: 1px solid #303030;
  overflow: hidden;
  height: 100px; /* explicit height helps offset children calculate their height */
}

/* body */
#sb-body {
  position: relative;
  height: 100%;
}
#sb-body-inner {
  position: absolute;
  height: 100%;
  width: 100%;
}
#sb-player.html {
  height: 100%;
  overflow: auto; /* make html content scrollable */
}
#sb-body img {
  border: none;
}

/* loading */
#sb-loading {
  position: relative;
  height: 100%;
}
#sb-loading-inner {
  position: absolute;
  font-size: 14px;
  line-height: 24px;
  height: 24px;
  top: 50%;
  margin-top: -12px;
  width: 100%;
  text-align: center;
}
#sb-loading-inner span {
  background: url(loading.html) no-repeat;
  padding-left: 34px;
  display: inline-block;
}
#sb-body, #sb-loading {
  background-color: #060606; /* should match loading image background color */
}

/* title & info */
#sb-title, #sb-info {
  position: relative;
  margin: 0; /* these must have no vertical margin or padding */
  padding: 0;
  overflow: hidden;
}
#sb-title, #sb-title-inner {
  height: 26px;
  line-height: 26px;
}
#sb-title-inner {
  font-size: 16px;
}
#sb-info, #sb-info-inner {
  height: 20px;
  line-height: 20px;
}
#sb-info-inner {
  font-size: 12px;
}

/* nav */
#sb-nav {
  float: right;
  height: 16px;
  padding: 2px 0;
  width: 45%;
}
#sb-nav a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
  background-repeat: no-repeat;
}

#sb-nav-top {
  float: right;
  height: 16px;
  padding: 5px 0;
  width: 20%;
}
#sb-nav-top a {
  display: block;
  float: right;
  height: 16px;
  width: 16px;
  margin-left: 3px;
  cursor: pointer;
}
#sb-nav-close {
  background-image: url(../images/close.html);
}
#sb-nav-next {
  background-image: url(../images/next.html);
}
#sb-nav-previous {
  background-image: url(../images/previous.html);
}
#sb-nav-play {
  background-image: url(../images/play.html);
}
#sb-nav-pause {
  background-image: url(../images/pause.html);
}

/* counter */
#sb-counter {
  float: left;
  width: 45%;
}
#sb-counter a {
  padding: 0 4px 0 0;
  text-decoration: none;
  cursor: pointer;
  color: #fff;
}
#sb-counter a.sb-counter-current {
  text-decoration: underline;
}

/* messages */
div.sb-message {
  font-size: 12px;
  padding: 10px;
  text-align: center;
}
div.sb-message a:link, div.sb-message a:visited {
  color: #fff;
  text-decoration: underline;
}