/****** FILE: themes/yamltheme/yaml/core/base.css *****/
/**
 * "Yet Another Multicolumn Layout" - YAML CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       © 2005-2013, Dirk Jesse
 * @license         CC-BY 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-CDL (http://www.yaml.de/license.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         4.1.2
 */
@media all {
  /**
   *  @section Normalisation Module
   */
  /* (en) Global reset of paddings and margins for all HTML elements */
  /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
  * {
    /*
    margin: 0;
    padding: 0;
    */
  }

  /* (en) Correction: margin/padding reset caused too small select boxes. */
  /* (de) Korrektur: Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
  option {
    padding-left: 0.4em;
  }

  select {
    padding: 1px;
  }

  /*
  * (en) Global fix of the Italics bugs in IE 5.x and IE 6
  * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * {
    overflow: visible;
  }

  /*
  * (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser
  *      Standard values for colors and text alignment
  *
  * (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen
  *      Vorgabe der Standardfarben und Textausrichtung
  */
  body {
    font-size: 100%;
    background: #fff;
    color: #000;
    text-align: left;
    margin: 0;
    padding: 0;
  }

  /* (en) avoid visible outlines on DIV and h[x] elements in Webkit browsers */
  /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
  div:target,
  h1:target,
  h2:target,
  h3:target,
  h4:target,
  h5:target,
  h6:target {
    outline: 0 none;
  }

  /* (en) HTML5 - adjusting visual formatting model to block level */
  /* (de) HTML5 - Elements werden als Blockelemente definiert */
  article,
  aside,
  details,
  figcaption,
  figure,
  footer,
  header,
  main,
  nav,
  section,
  summary {
    display: block;
  }

  /* (en) HTML5 - default media element styles */
  /* (de) HTML5 - Standard Eigenschaften für Media-Elemente */
  audio,
  canvas,
  video {
    display: inline-block;
  }

  /* (en) HTML5 - don't show <audio> element if there aren't controls */
  /* (de) HTML5 - <audio> ohne Kontrollelemente sollten nicht angezeigt werden */
  audio:not([controls]) {
    display: none;
  }

  /* (en) HTML5 - add missing styling in IE & old FF for hidden attribute */
  /* (de) HTML5 - Eigenschaften für das hidden-Attribut in älteren IEs und FF nachrüsten */
  [hidden] {
    display: none;
  }

  /* (en) Prevent iOS text size adjust after orientation change, without disabling user zoom. */
  /* (de) Verdindert die automatische Textanpassung bei Orientierungswechsel, ohne Zoom zu blockieren */
  html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
  }

  /* (en) set correct box-modell in IE8/9 plus remove padding */
  /* (de) Setze das richtige Box-Modell im IE8/9 und entferne unnötiges Padding */
  input[type="checkbox"],
  input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
    margin: 0;
  }

  /* (en) force consistant appearance of input[type="search"] elements in all browser */
  /* (de) Einheitliches Erscheinungsbild für input[type="search"] Elemente erzwingen */
  input[type="search"] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
  }

  input[type="search"]::-webkit-search-cancel-button,
  input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
  }

  /* (en) Correct overflow displayed oddly in IE 9 */
  /* (de) Korrigiert fehlerhafte overflow Voreinstellung des IE 9 */
  svg:not(:root) {
    overflow: hidden;
  }

  /* (en) Address margin not present in IE 8/9 and Safari 5 */
  /* (en) Ergänzt fehlenden Margin in IE 8/9 und Safari 5 */
  figure {
    margin: 0;
  }

  /* (en) Clear borders for <fieldset> and <img> elements */
  /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
  fieldset,
  img {
    border: 0 solid;
  }

  /* (en) new standard values for lists, blockquote, cite and tables */
  /* (de) Neue Standardwerte für Listen, Zitate und Tabellen */
  ul,
  ol,
  dl {
    margin: 0 0 1em 1em;
  }

  li {
    line-height: 1.5em;
    margin-left: 0.8em;
  }

  dt {
    font-weight: bold;
  }

  dd {
    margin: 0 0 1em 0.8em;
  }

  blockquote {
    margin: 0 0 1em 0.8em;
  }

  q {
    quotes: none;
  }

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

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

  /**
  * @section Float Handling Module
  */
  /* (en) clearfix method for clearing floats */
  /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
  .ym-clearfix:before {
    content: "";
    display: table;
  }

  .ym-clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }

  /* (en) alternative solutions to contain floats */
  /* (de) Alternative Methoden zum Einschließen von Float-Umgebungen */
  .ym-contain-dt {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  .ym-contain-oh {
    display: block;
    overflow: hidden;
    width: 100%;
  }

  .ym-contain-fl {
    float: left;
    width: 100%;
  }

  /**
  * @section Column Module
  *
  * default column config:
  * |-------------------------------|
  * | col1    | col3      | col2    |
  * | 20%     | flexible  | 20%     |
  * |-------------------------------|
  */
  .ym-column {
    display: table;
    table-layout: fixed;
    width: 100%;
  }

  .ym-col1 {
    float: left;
    width: 20%;
  }

  .ym-col2 {
    float: right;
    width: 20%;
  }

  .ym-col3 {
    width: auto;
    margin: 0 20%;
  }

  .ym-cbox {
    padding: 0 10px;
  }

  .ym-cbox-left {
    padding: 0 10px 0 0;
  }

  .ym-cbox-right {
    padding: 0 0 0 10px;
  }

  /* (en) IE-Clearing: Only used in Internet Explorer, switched on in iehacks.css */
  /* (de) IE-Clearing: Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
  .ym-ie-clearing {
    display: none;
  }

  /**
  * @section Grid Module
  */
  .ym-grid {
    display: table;
    table-layout: fixed;
    width: 100%;
    list-style-type: none;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .ym-gl {
    float: left;
    margin: 0;
  }

  .ym-gr {
    float: right;
    margin: 0 0 0 -5px;
  }

  .ym-g20 {
    width: 20%;
  }

  .ym-g40 {
    width: 40%;
  }

  .ym-g60 {
    width: 60%;
  }

  .ym-g80 {
    width: 80%;
  }

  .ym-g25 {
    width: 25%;
  }

  .ym-g33 {
    width: 33.333%;
  }

  .ym-g50 {
    width: 50%;
  }

  .ym-g66 {
    width: 66.666%;
  }

  .ym-g75 {
    width: 75%;
  }

  .ym-g38 {
    width: 38.2%;
  }

  .ym-g62 {
    width: 61.8%;
  }

  .ym-gbox {
    padding: 0 10px;
  }

  .ym-gbox-left {
    padding: 0 10px 0 0;
  }

  .ym-gbox-right {
    padding: 0 0 0 10px;
  }

  .ym-equalize {
    overflow: hidden;
  }

  .ym-equalize > [class*="ym-g"] {
    display: table-cell;
    float: none;
    margin: 0;
    vertical-align: top;
  }

  .ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
    padding-bottom: 10000px;
    margin-bottom: -10000px;
  }

  /**
  * @section Form Module
  */
  /** Vertical-Forms - technical base (standard)
  *
  * |-------------------------------|
  * | form                          |
  * |-------------------------------|
  * |   label                       |
  * |   input / select / textarea   |
  * |-------------------------------|
  * | /form                         |
  * |-------------------------------|
  *
  * (en) Styling of forms where both label and input/select/textarea are styled with display:block;
  * (de) Formulargestaltung, bei der sowohl label als auch input/select/textarea mit display:block; gestaltet werden
  */
  .ym-form,
  .ym-form fieldset {
    overflow: hidden;
  }

  .ym-form div {
    position: relative;
  }
  .ym-form label,
  .ym-form .ym-label,
  .ym-form .ym-message {
    position: relative;
    line-height: 1.5;
    display: block;
  }
  .ym-form .ym-message {
    clear: both;
  }
  .ym-form .ym-fbox-check label {
    display: inline;
  }
  .ym-form input,
  .ym-form textarea {
    cursor: text;
  }
  .ym-form .ym-fbox-check input,
  .ym-form input[type="image"],
  .ym-form input[type="radio"],
  .ym-form input[type="checkbox"],
  .ym-form select,
  .ym-form label {
    cursor: pointer;
  }
  .ym-form textarea {
    overflow: auto;
  }
  .ym-form input.hidden,
  .ym-form input[type=hidden] {
    display: none !important;
  }
  .ym-form .ym-fbox:before,
  .ym-form .ym-fbox-text:before,
  .ym-form .ym-fbox-select:before,
  .ym-form .ym-fbox-check:before,
  .ym-form .ym-fbox-button:before {
    content: "";
    display: table;
  }
  .ym-form .ym-fbox:after,
  .ym-form .ym-fbox-text:after,
  .ym-form .ym-fbox-select:after,
  .ym-form .ym-fbox-check:after,
  .ym-form .ym-fbox-button:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
  }
  .ym-form .ym-fbox-check input:focus,
  .ym-form .ym-fbox-check input:hover,
  .ym-form .ym-fbox-check input:active,
  .ym-form input[type="radio"]:focus,
  .ym-form input[type="radio"]:hover,
  .ym-form input[type="radio"]:active,
  .ym-form input[type="checkbox"]:focus,
  .ym-form input[type="checkbox"]:hover,
  .ym-form input[type="checkbox"]:active {
    border: 0 none;
  }
  .ym-form input,
  .ym-form textarea,
  .ym-form select {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 70%;
  }
  .ym-form .ym-fbox-check input,
  .ym-form input[type="radio"],
  .ym-form input[type="checkbox"] {
    display: inline;
    margin-left: 0;
    margin-right: 0.5ex;
    width: auto;
    height: auto;
  }
  .ym-form input[type="image"] {
    border: 0;
    display: inline;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
  }
  .ym-form label,
  .ym-form .ym-label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .ym-form .ym-fbox-button input {
    display: inline;
    overflow: visible;
    width: auto;
  }
  .ym-form .ym-inline {
    display: inline-block;
    float: none;
    margin-right: 0;
    width: auto;
    vertical-align: baseline;
  }

  /* default form wrapper width */
  .ym-fbox-wrap {
    display: table;
    table-layout: fixed;
    width: 70%;
  }
  .ym-fbox-wrap input,
  .ym-fbox-wrap textarea,
  .ym-fbox-wrap select {
    width: 100%;
  }
  .ym-fbox-wrap input[type="image"] {
    width: auto;
  }
  .ym-fbox-wrap input[type="radio"],
  .ym-fbox-wrap input[type="checkbox"] {
    display: inline;
    width: auto;
    margin-left: 0;
    margin-right: 0.5ex;
  }
  .ym-fbox-wrap label,
  .ym-fbox-wrap .ym-label {
    display: inline;
  }

  .ym-full input,
  .ym-full textarea,
  .ym-full select {
    width: 100%;
  }
  .ym-full .ym-fbox-wrap {
    width: 100%;
  }

  /**
  *  Columnar forms display - technical base (optional)
  *
  *  |-------------------------------------------|
  *  | form                                      |
  *  |-------------------------------------------|
  *  |                                           |
  *  |   label   |   input / select / textarea   |
  *  |                                           |
  *  |-------------------------------------------|
  *  | /form                                     |
  *  |-------------------------------------------|
  *
  *  (en) Styling of forms where label floats left of form-elements
  *  (de) Formulargestaltung, bei der die label-Elemente nach links fließen
  */
  .ym-columnar input,
  .ym-columnar textarea,
  .ym-columnar select {
    float: left;
    margin-right: -3px;
  }
  .ym-columnar label,
  .ym-columnar .ym-label {
    display: inline;
    float: left;
    width: 30%;
    z-index: 1;
  }
  .ym-columnar .ym-fbox-check input,
  .ym-columnar .ym-message {
    margin-left: 30%;
  }
  .ym-columnar .ym-fbox-wrap {
    margin-left: 30%;
    margin-right: -3px;
  }
  .ym-columnar .ym-fbox-wrap .ym-message {
    margin-left: 0%;
  }
  .ym-columnar .ym-fbox-wrap label {
    float: none;
    width: auto;
    z-index: 1;
    margin-left: 0;
  }
  .ym-columnar .ym-fbox-wrap input {
    margin-left: 0;
    position: relative;
  }
  .ym-columnar .ym-fbox-check {
    position: relative;
  }
  .ym-columnar .ym-fbox-check label,
  .ym-columnar .ym-fbox-check .ym-label {
    padding-top: 0;
  }
  .ym-columnar .ym-fbox-check input {
    top: 3px;
  }
  .ym-columnar .ym-fbox-button input {
    float: none;
    margin-right: 1em;
  }

  .ym-fbox-wrap + .ym-fbox-wrap {
    margin-top: 0.5em;
  }

  /* global and local columnar settings for button alignment */
  .ym-columnar fieldset .ym-fbox-button,
  fieldset.ym-columnar .ym-fbox-button {
    padding-left: 30%;
  }

  /**
  * @section Accessibility Module
  *
  * (en) skip links and hidden content
  * (de) Skip-Links und versteckte Inhalte
  */
  /* (en) classes for invisible elements in the base layout */
  /* (de) Klassen für unsichtbare Elemente im Basislayout */
  .ym-skip,
  .ym-hideme,
  .ym-print {
    position: absolute;
    top: -32768px;
    left: -32768px;
  }

  /* (en) make skip links visible when using tab navigation */
  /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
  .ym-skip:focus,
  .ym-skip:active {
    position: static;
    top: 0;
    left: 0;
  }

  /* skiplinks:technical setup */
  .ym-skiplinks {
    position: absolute;
    top: 0px;
    left: -32768px;
    z-index: 1000;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style-type: none;
  }
  .ym-skiplinks .ym-skip:focus,
  .ym-skiplinks .ym-skip:active {
    left: 32768px;
    outline: 0 none;
    position: absolute;
    width: 100%;
  }
}
@media print {
  /**
  * @section print adjustments for core modules
  *
  * (en) float containment for grids. Uses display:table to avoid bugs in FF & IE
  * (de) Floats in Grids einschließen. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
  *
  * @bugfix
  * @since     3.0
  * @affected  FF2.0, FF3.0, IE7
  * @css-for   all browsers
  * @valid     yes
  */
  .ym-grid > .ym-gl,
  .ym-grid > .ym-gr {
    overflow: visible;
    display: table;
    table-layout: fixed;
  }

  /* (en) make .ym-print class visible */
  /* (de) .ym-print-Klasse sichtbar schalten */
  .ym-print {
    position: static;
    left: 0;
  }

  /* (en) generic class to hide elements for print */
  /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
  .ym-noprint {
    display: none !important;
  }
}


/****** FILE: themes/yamltheme/css/screen/layout.css *****/
html {
	box-sizing: border-box;
}

*, *:before, *:after {
	box-sizing: inherit;
}

@media screen, projection
{
	body { overflow-y:scroll; }

	body { 
		text-align: left; 
		/* (en) Prevent auto-scaling of text in mobile webkit browsers */
		-webkit-text-size-adjust:100%;
		background: #000 url(/themes/yamltheme/images/background.png) center top repeat-y;
	}
	
	/* Layout Module Configuration */
	.ym-wrapper {
		max-width: 80em; /* 1040px */
		margin: 0 auto;
	}

	.ym-wbox {
		padding: 3em 0;
	}
	
	#top, header, #keyvisual, #main, footer { min-width: 54em; } /* 760px */
	
	.ym-col1 { float: left; width: 30%; } /* sidebar */
	.ym-col3 { margin: 0 0 0 30%; } /* content */
	
	.ym-cbox { padding: 0; }
	.ym-col1 .ym-cbox { margin-right: 3em; }
	.ym-col3 .ym-cbox { margin-top: 0.9em; }
	
	body.no-sidebar .ym-col1 { display: none; }
	body.no-sidebar .ym-col3 { margin: 0; }
	
	.ym-g30 { width: 30%; }

	/*-------------------------------------------------------------------------*/
	
	.ym-gbox { padding: 0; margin: 0 0.5em;}
	.ym-gbox-left { padding: 0; margin: 0 1em 0 0; }
	.ym-gbox-right { padding: 0; margin: 0 0 0 1em; }

	/*-------------------------------------------------------------------------*/
	
	#top {
		background: #000;
		border-bottom: 5px solid #a6ce39;
	} 
	#top .ym-wbox { padding: 1em 0; overflow: hidden; }
	
	#header {float: right; }
	#loginlogout { float: left; font-size: 1.1em; text-transform: lowercase; line-height: 1.3em;} 
	#nav-header { margin: 0; padding: 0; overflow: hidden; float: left; }
	#nav-header li { display: inline; float: left; list-style: none outside none; line-height: 1.2em; font-size: 1.1em; 
		text-transform: lowercase; padding: 0 1em 0 0; margin: 0 1em 0 0; background-image: none; 
		border-right: 1px solid #a6ce39; }
		
	/*-------------------------------------------------------------------------*/
	
	header { overflow: hidden; }
	header .ym-wbox { padding: 1.5em 0; overflow: hidden; }
	#logo { 
		float: left; 
		margin: 0; 
		padding: 0; 
	}
	header nav {
		float: right;
		margin-top: 4.5em; 
	}
	
	/*-------------------------------------------------------------------------*/
	
	#signup .ym-wbox { padding: 2em 0 2em; }
	#signup .banner { background: #a6ce39; display: flex; justify-content: space-between; align-items: center; padding: 0.5em 1em; }
	#signup p { margin: 0; color: #000; }
	#signup p strong { font-size: 1.75em; text-transform: uppercase; }
	#signup p span { font-size: 1.5em; margin-left: 0.4em; }
	#signup a.button { display: block; flex: 0 0 auto; padding: 0.25em 1em; font-size: 1.8em; text-transform: uppercase; color: #000; background: #fff; text-decoration: none; }
	
	/*-------------------------------------------------------------------------*/
	
	#keyvisual { background: #000; }
	#keyvisual span.responsive-image { display: block; }
	#keyvisual img { margin: 0 auto; max-width: 100%; }
	#keyvisual .ym-wbox { padding: 0; }
	
	/*-------------------------------------------------------------------------*/
	
	#main {
		background: #000;
	}
	
	/*-------------------------------------------------------------------------*/
	
	#breadcrumbs { margin: 0 0 2.5em 0; padding: 0; overflow: hidden; }
	#breadcrumbs li { display: inline; float: left; list-style: none outside none; line-height: 1.2em; 
		text-transform: lowercase; padding: 0; margin: 0; background-image: none; color: #767676; }
	#breadcrumbs li:before { content: ">"; margin: 0 0.5em; font-size: 1.3em; line-height: 1em; 
		vertical-align: -0.1em; }
	#breadcrumbs li.first:before { content: ""; margin: 0; }
	#breadcrumbs li a { color: #767676; }
	#breadcrumbs li a:focus,
	#breadcrumbs li a:hover,
	#breadcrumbs li a:active { text-decoration: none; outline: 0 none; color: #a6ce39; }
	
	/*-------------------------------------------------------------------------*/
	
	.content-footer { overflow: hidden; margin-top: 2em; border-top: 1px solid #d9d9d9; }
	.content-footer .share { overflow: hidden; margin-top: 1em;}

	/*-------------------------------------------------------------------------*/
	
	#sidebar { background: #000; }
	#sidebar .ym-wbox { padding: 0; }
	
	/*-------------------------------------------------------------------------*/
	
	footer { border-top: 5px solid #a6ce39; }
	footer .copyright { display: block; float: left; font-size: 91.67%; color: #bbb; line-height: 1.5em;
		text-transform: lowercase; }
	footer .reference { display: block; float: right; font-size: 91.67%; color: #bbb; line-height: 1.5em;
		text-transform: lowercase; }
	footer #nav-footer { margin: 0 0 1em 0; padding: 0; overflow: hidden; }
	footer #nav-footer li { display: inline; float: left; list-style: none outside none; line-height: 1.5em; 
		font-size: 91.67%; padding: 0 0 0 1em; margin: 0 0 0 1em; background-image: none; border-left: 1px solid #bbb; }
	footer #nav-footer li.first { margin: 0; padding: 0; border: 0; }
	footer a { color: #bbb; text-transform: lowercase; }
	footer a:focus,
	footer a:hover,
	footer a:active { text-decoration: underline; outline: 0 none; }
	
	/*-------------------------------------------------------------------------*/

	/* skip links styling */
	.ym-skiplinks a.ym-skip:focus,
	.ym-skiplinks a.ym-skip:active {
		color: #000;
		background: #a6ce39;
		border-bottom: 1px #fff solid;
		padding: 1.5em 0;
		text-align: center;
		text-decoration: none;
		text-transform: lowercase;
	}
	
	/*-------------------------------------------------------------------------*/
	
	#loading {
		position: fixed;
		z-index: 1000;
		top: 0;
		left: 0;
		height: 100%;
		width: 100%;
		background: rgba(0,0,0,.7) url('/themes/yamltheme/images/loading.gif') 50% 50% no-repeat;
	}
	
	/* Screen Block
	------------------------------------------------- */
	#block {
		background: #555;
		background: rgba(0,0,0,0.8);
		position: fixed;
	    top: 0; left: 0; right: 0; bottom: 0; 
		overflow: hidden;
		z-index: 1000;
	}
	#blockmessage {
		color: red;
		background: #ddd;
		padding: 1.8em 3em 3em 3em;
		position: absolute;
		left: 35%;
		top: 25%;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
		border-radius: 1em;
	}
}

/****** FILE: themes/yamltheme/css/screen/content.css *****/
@media all
{
	html * { font-size:100.01%; }

	pre, code, kbd, samp, var, tt {
		font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}

	body {
		font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: normal;
		font-size: 81.25%; /* 10px:62.50%, 11px:68.75%, 12px:75.00%, 13px:81.25%, 14px:87.50% */
		line-height: 1.8em;
		color: #bbb;
	}
	
	/*--- Additional columns ---------------------------------------------------------------------------------------*/
	
	.subcolumns { margin-top: 0; }
	.subcl { padding: 0 0.5em 0 0; }
	.subcr { padding: 0 0 0 0.5em; }

	/*--- Headings ---------------------------------------------------------------------------------------*/

	/* see editor.css */
	
	.homepage #main article h2:first-child { margin: 0; }

	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

	p { margin: 1.2em 0 0 0; }
	
	address { font-style: normal; line-height: 1.5em; margin: 1.2em 0 0 0; }

	blockquote, cite, q { font-family: Georgia, "Times New Roman", Times, serif; font-style:italic; }
	blockquote {
		background: #f9f9f9;
		border-left: 10px solid #ccc;
		margin: 1.5em 0 0 0;
		padding: 1em;
		quotes: "\201C""\201D""\2018""\2019";
	}
	blockquote:before {
		color: #ccc;
		content: "\201C";
		font-size: 4em;
		font-weight: bold;
		line-height: 0.1em;
		margin-right: 0.25em;
		vertical-align: -0.4em;
	}
	blockquote p {
		display: inline;
	}

	strong,b { font-weight:bold;}
	em,i { font-style:italic; }

	big { font-size:116.667%; }
	small { font-size:91.667%; }
 
	pre { line-height:1.3em; margin:1em 0 0 0; font-family: Consolas,Monaco,"Courier New",Courier,monospace; 
		overflow-x: auto; white-space: pre-wrap; word-wrap: break-word; padding: 0.5em; border: 1px solid #bbb; }
	pre, code, kbd, tt, samp, var { font-size:100%; }
	kbd, samp, var, tt { color:#666; font-weight:bold; }
	var, dfn { font-style:italic; }

	acronym, abbr { border-bottom:1px #aaa dotted; font-variant:small-caps; letter-spacing:.07em; cursor:help; }

	sub, sup { font-size:85.7%; line-height:0; }

	hr { color:transparent; background:transparent; margin:0; padding:0; border:0; display: block; width: 100%; 
		overflow: hidden; }

	/*--- Links ----------------------------------------------------------------------------------------- */

	/* see editor.css */

	/* --- Lists | Listen	-------------------------------------------------------------------------------- */

	/* see editor.css */
	
	/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */
	
	/* see editor.css */
	
	span.responsive-image { display: block; }

	/* --- Generic Content Classes  -----------------------------------------------------------------------*/
	
	.message,
	.success,
	.error,
	.warning { 
		margin-top:1.5em; 
		color: #595959;
		font-style: italic; 
		padding: 0.5em 0.75em;
		-moz-border-radius: 0.2em;
		-webkit-border-radius: 0.2em;
		border-radius: 0.2em;
	}
	.message.good,
	.success { background:#d3f4d8; border: 1px solid #3b8144;  }
	.message.warning,
	.warning { background:#ece4c7; border: 1px solid #d3b448; }
	.message.bad,
	.error { background:#ead4d0; border: 1px solid #E11A27; }
	
	.info { margin-top: 2em; padding: 0; border: none; background: none; color: #bbb; font-style: italic; }
	
	div.success p,
	div.error p,
	div.warning p { margin: 0.4em 0; } 
		
	.center { text-align: center;}
	.description { font-family: Arial, sans-serif; font-size: 0.88em; margin-top: 0.4em; line-height: 1.2em; }
	.abstract { font-weight: bold; }
	
	.nomargin { margin: 0;}
	
	/* --- Tables | Tabellen --------------------------------------------------------------------------------*/

	/* see editor.css */
	
		
}

/****** FILE: themes/yamltheme/css/editor.css *****/
/**
 * This support file is used to style the WYSIWYG editor in the CMS
 */

body.mceContentBody {
	font-family: Avantgarde, Arial, sans-serif;
	font-weight: normal;
	line-height: 1.5em;
	font-size: 75.00%; /* 10px:62.50%, 11px:68.75%, 12px:75.00%, 13px:81.25%, 14px:87.50% */
	color: #333333;
}

/*--- Headings ---------------------------------------------------------------------------------------*/

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Avantgarde, Arial, sans-serif; /*"Times New Roman", Times, Georgia, serif;*/
	color: #a6ce39; 
	font-weight: 400;
	text-transform: lowercase;
	line-height: 1em;
	margin:2em 0 0 0;
}
h1:after,
h2:after,
h3:after,
h4:after,
h5:after,
h6:after {
	content: ".";
}

h1,
.home article h2:first-child { font-size: 200%; margin-top: 0; }
h2 { font-size: 150%; }
h3 { font-size: 116.67%; }
h4 { font-size: 100%; }
h5 { font-size: 100%; }
h6 { font-size: 100%; }



/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

p { margin: 1.2em 0 0 0; }
address { font-style: normal; line-height: 1.5em; margin: 1.2em 0 0 0; }

body.mceContentBody hr { color:transparent; background:transparent; margin:0; padding:0; border:0; 
	border-bottom: 1px dotted #ddd; display: block; width: 100%; overflow: hidden;}

/*--- Links ----------------------------------------------------------------------------------------- */

a { color: #a6ce39; text-decoration: none; transition-duration: 0.2s; transition-property: color, text, background; 
	transition-timing-function: linear, ease-in; }
a:focus,
a:hover,
a:active { text-decoration: underline; outline: 0 none; }

h1 a,
h3 a,
h4 a,
h5 a,
h6 a { color: #a6ce39; }
h2 a { color: #a6ce39; }
h1 a:focus, h1 a:hover, h1 a:active,
h2 a:focus, h2 a:hover, h2 a:active,
h3 a:focus, h3 a:hover, h3 a:active,
h4 a:focus, h4 a:hover, h4 a:active,
h5 a:focus, h5 a:hover, h5 a:active,
h6 a:focus, h6 a:hover, h6 a:active { color: #a6ce39; text-decoration: underline; }

.morelink { margin: 1em 0 0 0; text-transform: lowercase; }
.backlink { float:right; padding: 0.3em 0.7em; background: #ccc; text-transform: lowercase; }
.backlink  a { color: #bbb; }
.backlink  a:before {
	color: #bbb;
	content: "\276E";
    font-size: 2em;
    line-height: 1em;
    margin-right: 0.25em;
    vertical-align: -0.15em;
}
.backlink  a:focus, .backlink  a:hover, .backlink  a:active {
	color: #a6ce39; text-decoration: none;
}

a.image:focus,
a.image:hover,
a.image:active { text-decoration:none; outline: 0 none; }

/* --- Lists | Listen	-------------------------------------------------------------------------------- */

ul, ol, dl { line-height:1.5em; margin: 1.2em 0 0 0; }
ul { list-style-type:disc; }
ul ul { list-style-type:circle; margin:0; }

ol { list-style-type:decimal; }
ol ol { list-style-type:lower-latin; margin-bottom:0; }

li { margin: 0.5em 0 0 1em; line-height:1.5em; }

dl { margin: 0; width: 100%; display: table; line-height: 1.2em; }
dt { font-weight: bold; width: 10em; clear: both; float: left; margin-top: 1.2em; }
dd { margin: 1.2em 0 0 10em; }
dl p,
dl address { margin: 0; }
dl.green dd { color: #a6ce39; }

/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

img { display: block; }

.typography img {
	max-width: 100%; 
	height: auto;
	margin: 1.6em 0 1em 0;
}
.typography img.no-margin { margin: 0; }

.typography img.left { float: left; margin: 0.2em 2em 0 0; }
.typography img.right { float: right; margin: 0.2em 0 0 1.5em; }
.typography img.center { margin-left: auto; margin-right: auto; }

.typography div.captionImage { margin: 1.6em 0 0 0; }
.typography div.captionImage img { margin: 0; }
.typography div.captionImage.left { float: left; margin: 1.6em 2em 0 0; }
.typography div.captionImage.right { float: right; margin: 1.6em 0 0 1.5em; }
.typography div.captionImage.center { margin-left: auto; margin-right: auto; }
.typography div.captionImage.left img,
.typography div.captionImage.right img,
.typography div.captionImage.center img { float: none; }
.typography div.captionImage .caption { font-family: Arial, sans-serif; font-size: 0.95em; padding:0; 
	margin:0.5em 0 0.8em; text-align: left; line-height: 1.5em; }

/* --- Generic Content Classes  -----------------------------------------------------------------------*/

.typography .small { font-size: 0.9em; margin: 0 !important; }
.typography .large { font-size: 1.35em; }

/* --- Tables | Tabellen --------------------------------------------------------------------------------*/

.typography table { width:auto; border-collapse:collapse; margin-bottom:0.5em; margin-top:3em; 
	border-top:2px solid #C6C6C6; border-bottom:1px solid #C6C6C6; }
.typography table caption { font-variant:small-caps; }
.typography table.full { width:100%; }
.typography table.fixed { table-layout:fixed; }

.typography th, 
.typography td { padding: 0.5em; vertical-align: top; font-size: 1em; border-bottom: 1px solid #C6C6C6; }
.typography th { background: #666; color: #ddd; font-weight: bold; }
.typography thead th { border-bottom: 2px solid #C6C6C6; line-height: 1em; }

.typography tbody th { text-align:left; font-weight: bold; }
.typography tbody td { font-weight: normal; }

.typography tbody tr:hover td { background: #222; }

.typography tbody tr.expired td { color: #E11A27; }
.typography tbody tr.highlight td { background: #444; }
	
.typography table td p,
.typography table td address { margin: 0.5em 0 0 0; }
.typography table td p:first-child,
.typography table td addressfirst-child { margin: 0; }

.typography table td img { margin: 0; }
	
.typography table.neutral { border: 0; }
.typography table.neutral tbody td,
.typography table.neutral tbody th { border-bottom: 0; padding: 0.5em 0.5em 0.5em 0; }
.typography table.neutral tbody tr:hover th,
.typography table.neutral tbody tr:hover td { background: transparent; }


/****** FILE: themes/yamltheme/css/screen/navigation-main.css *****/
@media all {

	.ym-hlist {
		overflow:hidden;
		padding: 0;
	}
	
	.ym-hlist ul {
		margin:0;
		padding: 0;
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:right; 
	}

	.ym-hlist ul li {
		/* (en|de) Bugfix:IE - Doubled Float Margin Bug */
		display:inline;
		float:left; /* LTR */
		font-family: Avantgarde, Arial, sans-serif;
		font-weight: 400;
		text-transform: lowercase;
		font-size:1.35em;
		line-height:1.2em;
		list-style-type:none;
		margin: 0 0 0 1.5em;
		padding: 0;
		background: none;
	}

	.ym-hlist ul li a {
		background:transparent;
		color:#fff;
		display:block;
		padding: 0 1em 0.8em;
		text-decoration:none;
		width:auto;
		transition-duration: 0s; 
		transition-property: none;
	}
	.ym-hlist ul li:hover a,
	.ym-hlist ul li a:focus,
	.ym-hlist ul li a:hover,
	.ym-hlist ul li a:active,
	.ym-hlist ul li a.current,
	.ym-hlist ul li a.section {
		text-decoration: none;
		outline: 0 none;
		color: #fff;
		background: transparent url("/themes/yamltheme/images/nav-active.png") no-repeat center bottom;
	}
	
	/* level 2 */
	.ym-hlist ul li div.subnav-wrapper {
		position: absolute;
		overflow: hidden; 
		padding: 0;
		margin: 0;
		z-index: 100;
		min-width: 150px;
		max-width: 230px;
		zoom: 1;
		background: none;
		max-height: 0;
		-webkit-transition: max-height 0.5s;
		-moz-transition: max-height 0.5s;
		-ms-transition: max-height 0.5s;
		-o-transition: max-height 0.5s;
		transition: max-height 0.5s;
	}
	.ym-hlist ul li:focus div.subnav-wrapper,
	.ym-hlist ul li:hover div.subnav-wrapper,
	.ym-hlist ul li:active div.subnav-wrapper {
		max-height: 100em;
	}
	
	.ym-hlist ul li div.subnav-wrapper ul {
		padding: 0.4em 0 0.4em 1em;
		display: block;
		float: none;
		overflow: hidden;
	}
	.ym-hlist ul li div.subnav-wrapper ul li {
		font-size:0.8em;
		clear: left;
		width: 100%;
		display: block;
		padding: 0;
		margin: 0;
    	border-bottom: 1px solid #2C2C2C;
	}
	.ym-hlist ul li div.subnav-wrapper ul li:last-child {
		border: 0; 
	}
	.ym-hlist ul li div.subnav-wrapper ul li a {
		background: #222;
		color: #fff;
		margin: 0;
		padding: 0.8em;
	}
	.ym-hlist ul li div.subnav-wrapper ul li.current a,
	.ym-hlist ul li div.subnav-wrapper ul li.section a,
	.ym-hlist ul li div.subnav-wrapper ul li a:focus,
	.ym-hlist ul li div.subnav-wrapper ul li a:hover,
	.ym-hlist ul li div.subnav-wrapper ul li a:active {
		color: #fff;
		background: #555;
	}
	
}

/****** FILE: themes/yamltheme/css/screen/navigation-sub.css *****/
@media all {
	
	.subnav { margin: 0; }

	.ym-vtitle { display: none; margin: 0; border-bottom: 1px solid #767676; padding-bottom: 0.5em; font-size: 153.84%; }
	.ym-vtitle a { color: #767676; }
	.ym-vtitle a:hover,
	.ym-vtitle a:focus,
	.ym-vtitle a:active { 
		text-decoration: none;
		outline: 0 none;
		color: #a6ce39;
	}
	
	.ym-vlist {
		margin: 0;
		background: transparent;
		border: 0 none;
	}
	
	.ym-vlist ul {
		width:100%;
		overflow:hidden;
		margin: 0;
		list-style-type: none;
	}

	.ym-vlist li {
		float:left; /* LTR */
		width:100%;
		margin: 0.5em 0 0 0;
	}

	.ym-vlist li a,
	.ym-vlist li a:visited {
		color: #767676;
		font-size: 123%;
		text-transform: lowercase;
		text-decoration:none;
		display:block;
	}
	
	.ym-vlist li a span {
		display: block;
		padding: 0.25em 0 0.25em 0;
	}
	.ym-vlist li li a span {
		padding: 0;
		background: none;
	}

	.ym-vlist li.current,
	.ym-vlist li:hover,
	.ym-vlist li:focus,
	.ym-vlist li:active,
	.ym-vlist li a.current,
	.ym-vlist li a:hover,
	.ym-vlist li a:focus,
	.ym-vlist li a:active  {
		color: #a6ce39;
	}
	
	/* Level 1 */
	.ym-vlist li a { width:100%; padding-left:0; } /* LTR */

	/* Level 2 */
	.ym-vlist li ul li a { width:90%; padding-left:10%; } /* LTR */

	/* Level 3 */
	.ym-vlist li ul li ul li a { width:80%; padding-left:20%; } /* LTR */

	/* Level 4 */
	.ym-vlist li ul li ul li ul li a { width:70%; padding-left:30%; } /* LTR */

	/* Level 5 */
	.ym-vlist li ul li ul li ul li ul li a { width:60%; padding-left:40%; } /* LTR */
}

/****** FILE: themes/yamltheme/css/screen/modules.css *****/
@media all
{
	/* --- Application Lists ------------------------------------------------------------------------------*/
	ul.listing { margin: 0; padding: 0; display: table; width: 100%; }
	ul.listing li { float: left; width: 100%; margin: 3em 0 0 0; padding: 0 0 3em 0; list-style: none outside none; 
		background-image: none; }
	
	ul.listing li h2,
	ul.listing li h3,
	ul.listing li h4 { margin: 0; }
	
	ul.listing li address,
	ul.listing li p,
	ul.listing li p.morelink { margin-top: 0.6em; }
	ul.listing li p.description { margin-top: 0.6em; }
	
	h2.group { border-bottom: 2px solid #d9d9d9; padding-bottom: 0.2em; }
	.content-box h2.group.first { margin-top: 0.8em; }
	.content-box p.info { margin-top: 1.2em; }
	
	ul.listing li.odd .image { float: left; position: relative; }
	ul.listing li.even .image { float: right; position: relative; }
	ul.listing .image img { 
		margin: 0;
		border: none; 
		-webkit-box-shadow: none;
		-moz-box-shadow: none;
		box-shadow: none; 
	}
	ul.listing li.odd .content { padding-left: 420px; }
	ul.listing li.even .content { padding-right: 420px; }
	
	/* --- pager ------------------------------------------------------------------------------*/
	.pager { display: block; overflow: hidden; margin-top: 3em; margin-bottom: -2em; }
	.pager strong,
	.pager a {
		display: inline-block;
		background: #bbb;
		color: #595959;
		font-size: 1em;
		font-weight: normal;
		padding: 0.2em 0.6em;
		text-decoration: none;
	}
	.pager strong,
	.pager a:focus,
	.pager a:hover {
		background: #e11a27;
		color: #fff;
	}
	.pager a:active {
		background: #e11a27;
	}
	.pager a.next:after {
		content: ">";
		margin-left: 0.2em; 
	}
	.pager a.previous:before {
		content: "<";
		margin-right: 0.2em; 
	}
	
	.pager .page-size {
		display: none;
	}
	.js .pager .page-size {
		display: block;
		float: right;
	}
	.js .pager .page-size label {
		display: inline-block;
		margin-right: 0.5em;
	}
	.js .pager .page-size select {
		display: inline-block;
		width: 4.5em;
		padding: 0.3em;
	}
	
}

/****** FILE: themes/yamltheme/css/screen/forms.css *****/
/** 
 * SilverStripe Black Candy Theme
 * http://www.silverstripe.com
 *
 * Form Styling
 */

#col3 form {
	margin-top: 1em;
}

/* FIELDSETS
---------------------------------------- */
fieldset {
	border: 0;
}

.field {
	margin-top: 1.5em;
}

/* ACTION BUTTONS
---------------------------------------- */
.Actions { margin-top: 1em;}

input.action {
	-moz-box-shadow:inset 0px 1px 0px 0px #CBEA4D;
	-webkit-box-shadow:inset 0px 1px 0px 0px #CBEA4D;
	box-shadow:inset 0px 1px 0px 0px #CBEA4D;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a6ce39), color-stop(1, #7fa52e) );
	background:-moz-linear-gradient( center top, #a6ce39 5%, #7fa52e 100% );
	background:gradient( center top, #a6ce39 5%, #7fa52e 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6ce39', endColorstr='#7fa52e');
	background-color:#a6ce39;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
	border: 1px solid #7fa52e;
	display: inline-block;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: normal;
	text-transform: lowercase;
	padding: 0.4em 1.2em;
	text-shadow: 1px 1px 0px #CBEA4D;
}
input.action:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7fa52e), color-stop(1, #a6ce39) );
	background:-moz-linear-gradient( center top, #7fa52e 5%, #a6ce39 100% );
	background: gradient( center top, #7fa52e 5%, #a6ce39 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fa52e', endColorstr='#a6ce39');
	background-color:#7fa52e;
	cursor: pointer;
}
input.action:active {
	position:relative;
	top:1px;
	cursor: pointer;
}

/* FIELD FORMATING
---------------------------------------- */
form ul.optionset {
	list-style: none;
}
.middleColumn {
 	display: block;
 	margin: 0;
	background: transparent;
	clear: left;
}
	#Sidebar .middleColumn {
		margin: 0 0 0 8px;
		display: inline;
	}
	
	div.tab .field .middleColumn {
		clear: none !important;
 		margin: 0 !important;
		width: auto;
	}
	
	.middleColumn .middleColumn {
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}
	
	.middleColumn .message {
		margin: 0;
	}
	
/* INPUT BOXS
---------------------------------------- */

span.readonly, input.text, textarea, select {
	padding: 0.5em;
	-moz-border-radius: 0.2em;
	-webkit-border-radius: 0.2em;
	border-radius: 0.2em;
	border: 1px solid #cdcdcd;
	color: #000;
	font-size: 1em;
	font-weight: normal;
	width: 300px;
	background: #f8f8f8;
}
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	width: 450px;
}
select {
	width: 312px;
}
input.text:focus, textarea:focus, select:focus {
	color: #000;
	background: #fff;
}

span.readonly { display: block; color: #767676; border: 1px solid #cdcdcd; font-style: italic; background: #fafafa; }

input[disabled="disabled"], 
textarea[disabled="disabled"], 
select[disabled="disabled"],
input:disabled, 
textarea:disabled, 
select:disabled {
	background: #bbb;
	border-color: #aaa;
}


/* LABELS
---------------------------------------- */
label {
 	display: block;
 	margin: 0 0 0.2em 0;
	font-size: 1em;
	text-transform: lowercase;
}

label.right {
	display:inline;
}

form .info {
	text-transform: lowercase;
}
form .description {
	display: block;
}

/* VALIDATION
---------------------------------------- */
/* js validator */
input.error, textarea.error, select.error,
input.required, textarea.required, select.required {
	border-color: #E11A27; margin: 0; background: #fff;
}
label.error { margin-bottom: 1em; margin-top: 0.5em; color: #E11A27; border: none; padding: 0; background: transparent; }
/* silverstripe validator */
input.holder-required, input.holder-validation, textarea.holder-required, textarea.holder-validation, 
select.holder-required , select.holder-validation {
	border-color: #E11A27;
}
.field span.message.error { display: block; margin: 0.2em 0 0 0; color: #E11A27; border: 0; background: transparent; }
span.message.validation { margin-bottom: 1em; color: #E11A27; border: 0; }
.required-message { font-style: italic; }

.field.requiredField label:after {
	content: " *";
}
.field.requiredField label.error:after {
	content: "";
}
.message.required {
	display: block;
	margin: 0.5em 0 0 0;
	padding: 0;
	color: #E11A27;
}

/* Radiobuttons
---------------------------------------- */
ul.optionset {
	margin: 0;
	overflow: hidden;
}
	ul.optionset li {
		margin: 6px 0;
		clear: both;
		padding: 0; 
		background-image: none;
	}
		ul.optionset li input {
			float: left;
			margin: 2px 6px 0 6px;
		}
		ul.optionset li label {
			padding: 0 0 0 30px;
			display: block;
		}

/* Checkboxes
---------------------------------------- */
div.checkbox input {
	float: left;
	margin: 0 6px 0 6px;
}
div.checkbox label {
	padding: 0 0 0 30px;
	display: block;
}

/* Checkable Options
---------------------------------------- */
.checkableoption {
	clear: both;
	position: relative;
	display: block;
	margin: 0 0 8px;
	padding: 0 0 8px;
}
.checkableoption:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.checkableoption .field {
	margin-bottom: 0;
    margin-left: 6em;
    padding: 0.5em;
    border-top: 1px solid rgba(201, 205, 206, 0.8);
    border-bottom: 1px solid rgba(201, 205, 206, 0.8);
}
.checkableoption .CompositeField .field {
	border-top: none;
}
.checkableoption .CompositeField .field:first-child {
	border-top: 1px solid rgba(201, 205, 206, 0.8);
}
.checkableoption .CompositeField .field:last-child {
	border-bottom: 1px solid rgba(201, 205, 206, 0.8);
    box-shadow: 0 1px 0 rgba(244, 245, 245, 0.8);	
}
.checkableoption .field label.left {
	width: 98px;
}
.checkableoption .field.optioncheckbox {
	position: absolute;
	top: 0;
	bottom: 8px;
	background-color: #e3e3e3;
	padding: 0.7em 0.5em 0.5em 0.5em;
	margin: 0;
	width: 5em;
	-moz-border-radius: 0.2em 0 0 0.2em;
	-webkit-border-radius: 0.2em 0 0 0.2em;
	border-radius: 0.2em 0 0 0.2em;
	border-bottom: 1px solid rgba(201, 205, 206, 0.8);
	border-top: 1px solid rgba(201, 205, 206, 0.8);
	border-left: 1px solid rgba(201, 205, 206, 0.8);

}
.checkableoption .field.optioncheckbox .checkbox {
	float: none;
	display: block;
	margin: 0 auto 0.5em;
}
.checkableoption .field.optioncheckbox label {
	display: block;
	text-align: center;
	padding-left: 0;
}

/* confirmed password field
---------------------------------------- */
.showOnClick .showOnClickContainer { 
/* used to hide a container by-default when loading it so there is no "flash" as the content loads */
display: none; }

/* selection groups */
.SelectionGroup {
	overflow: hidden;
	margin: 0;
}
.SelectionGroup li {
	margin: 1em 0 0 1em;
}
.SelectionGroup .CompositeField {
	margin: 0 0 1em 2em;
}
.SelectionGroup .CompositeField .field .fieldholder-small {
	margin-top: 1em; 
}

/* multi column
---------------------------------------- */
.CompositeField.multicolumn {
	overflow: hidden;
}
.CompositeField.multicolumn .field {
	width: 50%; float: left; 
}

/****** FILE: themes/yamltheme/css/screen/fonts.css *****/
@font-face {
    font-family: 'Avantgarde';
    src: url('/themes/yamltheme/fonts/avantgarde/avantgarde-demi.eot');
    src: url('/themes/yamltheme/fonts/avantgarde/avantgarde-demi.eot?#iefix') format('embedded-opentype'),
         url('/themes/yamltheme/fonts/avantgarde/avantgarde-demi.woff2') format('woff2'),
         url('/themes/yamltheme/fonts/avantgarde/avantgarde-demi.woff') format('woff'),
         url('/themes/yamltheme/fonts/avantgarde/avantgarde-demi.ttf') format('truetype'),
         url('/themes/yamltheme/fonts/avantgarde/avantgarde-demi.svg#avantgarde_bk_btdemi') format('svg');
    font-weight: normal;
    font-style: normal;

}


/****** FILE: themes/yamltheme/css/screen/responsive.css *****/
/* reset fallback values in modern browsers */
@media screen and ( min-width: 0em ) {

	#top, header, #keyvisual, #main, footer { 
		min-width: 24em; /* 320px */
	}
	
	/* general classes */
	.mobile-only { display: none; }
	.mobile-hidden { display: block; }
	
	#nav-button {
		background: transparent;
		border: none;
		position: absolute;
		top: 0;
		left: 0;
		padding: 1em;  
	}
	#nav-button .icon-bar {
		display: block;
		width: 24px;
		height: 4px;
		margin: 4px 0;
		background-color: #a6ce39;
		-webkit-border-radius: 1px;
		-moz-border-radius: 1px;
		border-radius: 1px; 
	}
	
}

@media screen and ( max-width: 66em ) { /* 1056px */
	
	/*#logo { background: yellow; }*/ 
	
	.ym-wbox { padding: 2em; }
	#top .ym-wbox { padding: 1.5em 1em; }
	header .ym-wbox { padding: 1.5em 1em; }
	#keyvisual .ym-wbox {  padding: 0; }
	#sidebar .ym-wbox { padding: 1em; }
	
}

@media screen and ( max-width: 58em ) { /* 928px */
	
	/*#logo { background: orange; }*/ 
	
	.ym-hlist ul li { margin-left: 0.5em; }
	
}

@media screen and ( max-width: 53em ) { /* 848px */
	
	/*#logo { background: orange; }*/ 
	
	#logo img { height: 100px; width: auto; }
	header nav { margin-top: 2.8em; }
	
}


@media screen and ( max-width: 48em ) { /* 768px */
	
	/*#logo { background: red; }*/ 
	
	.mobile-only { display: block; }
	.mobile-hidden { display: none; }
	
	.ym-wbox { padding: 2em 1em; }
	header .ym-wbox { padding: 1em; }
	
	#breadcrumbs { margin-bottom: 1em; }
	
	/* listing */
	ul.listing .image img { width: 300px; height: auto; }
	ul.listing li.odd .content { padding-left: 330px; }
	ul.listing li.even .content { padding-right: 330px; }
	
	/* mobile navigation*/
	header nav { clear: both; float: none; margin: 0; }
	nav .ym-hlist ul {
		overflow: hidden;
		width: 100%; 
		max-height: 0;
		-webkit-transition: max-height 0.3s;
		-moz-transition: max-height 0.3s;
		-ms-transition: max-height 0.3s;
		-o-transition: max-height 0.3s;
		transition: max-height 0.3s;
	}
	nav.open .ym-hlist ul {
		max-height: 100em;
	}
	nav .ym-hlist ul li {
		float: none;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0.5em 0 0 0;
	}
	nav .ym-hlist ul li:first-child {
		margin-top: 2em;
	}
	nav .ym-hlist ul li a { padding: 0.8em; }
	nav .ym-hlist ul li a.section {
		background-image: none;
		background-color: transparent;
	}
	nav .ym-hlist ul li a:focus, 
	nav .ym-hlist ul li a:hover, 
	nav .ym-hlist ul li a:active, 
	nav .ym-hlist ul li a.current {
		background-image: none;
		background-color: #555;
	}
	nav .ym-hlist ul li div.subnav-wrapper {
		display: none;
		position: relative;
		max-height: 100em;
		max-width: 100%;
		width: 100%;
		-webkit-transition: none;
		-moz-transition: none;
		-ms-transition: none;
		-o-transition: none;
		transition: none;
	}
	nav .ym-hlist ul li div.subnav-wrapper.section { display: block; max-height: 100em; }
	nav .ym-hlist ul li div.subnav-wrapper ul { padding: 0; }
	nav .ym-hlist ul li div.subnav-wrapper ul li { border: none; margin: 0.25em 0 0 0; }
	nav .ym-hlist ul li div.subnav-wrapper ul li a { background: transparent; color: #fff; } 
	/* levels */
	nav .ym-hlist ul li div.subnav-wrapper ul { width:95%; padding-left:5%; } /* LTR */
	nav .ym-hlist ul li div.subnav-wrapper ul li ul { width:90%; padding-left:10%; } /* LTR */
	nav .ym-hlist ul li div.subnav-wrapper ul li ul li ul { width:85%; padding-left:15%; } /* LTR */
	nav .ym-hlist ul li div.subnav-wrapper ul li ul li ul li ul { width:80%; padding-left:20%; } /* LTR */	
	
	.scrolled header { position: relative; top: auto; border-bottom: none; }
	.scrolled header .ym-wbox { padding: 1.5em 1em; }
	
	/* subnav */
	.ym-col1 { float: none; width: 100%; }
	.ym-col1 .ym-cbox { margin: 0; }
	.ym-col3 { margin: 0; }
	.subnav { margin: 0 0 2.5em 0; border-bottom: 1px solid #767676; }
	.subnav .ym-vtitle { display: block; border: 0; font-size: 120%; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; }
	.subnav .ym-vtitle:after { content: ""; }
	.subnav .ym-vtitle a { display: block; width: 100%; }
	.subnav .ym-vtitle a span:after { content: "\2228"; font-size: 1em; margin: 0 0 0 0.4em; }
	.subnav.open .ym-vtitle a span:after { content: "\2227"; }
	.subnav .ym-vlist {
		overflow: hidden;
		max-height: 0;
		margin: 0; 
		background: #222;
		-webkit-transition: max-height 0.3s;
		-moz-transition: max-height 0.3s;
		-ms-transition: max-height 0.3s;
		-o-transition: max-height 0.3s;
		transition: max-height 0.3s;
	}
	.subnav.open .ym-vlist {
		max-height: 100em;
	}
	.subnav .ym-vlist ul { padding: 0 0.5em 0.5em 0.5em; width: auto; }
	.subnav .ym-vlist li { margin: 0.25em 0; }
	
}

@media screen and ( max-width: 40em ) { /* 640px */
	
	/*#logo { background: purple; }*/
	
	/* forms */
	span.readonly, input.text, textarea, select { width: 95%; }
	
	/* listing */
	ul.listing .image img { width: 100%; height: auto; }
	ul.listing li.odd .image { float: none; }
	ul.listing li.even .image { float: none; }
	ul.listing li.odd .content { padding-left: 0; padding-top: 1em; }
	ul.listing li.even .content { padding-right: 0; padding-top: 1em; }	
	
	/* linearization for grid module */
	.linearize-level-1,
	.linearize-level-1 > [class*="ym-g"] {
		display: block;
		float: none;
		padding: 0;
		margin: 0;
		width: 100% !important;
	}
	/* reset defined gutter values */
	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
		overflow: hidden; /* optional for containing floats */
		padding: 0;
		margin: 0;
	}
	
	/* footer */
	footer .copyright { margin-bottom: 1em; float: none; }
	footer .reference { float: none; }
	
}

@media screen and ( max-width: 30em ) { /* 480px */
	
	/*#logo { background: blue; }*/ 
	
	#breadcrumbs { font-size: 0.9em; }
	
	footer #nav-footer { clear: both; margin-top: 1em; }
	footer #nav-footer li.last { margin-right: 0; }
	
	/* boxes */
	.box-wrapper { width: 100%; float: left; }
	
	.clear-boxes-two { display: none; clear: none; }
	.clear-boxes-three { display: none; clear: none; }
	
	.box-two-0 .box { margin-left: 0; margin-right: 0; }
	.box-two-1 .box { margin-left: 0; margin-right: 0; }
}

@media screen and ( max-width: 27em ) { /* 432px */
	
	/*#logo { background: green; }*/ 
	
	#nav-header { float: right; }
	#nav-header li { float: right; clear: both; margin: 0 0 0.5em 0; padding: 0; border: 0; }
	#loginlogout { clear: both; float: right; }
	
}

/****** FILE: themes/yamltheme/css/print/print.css *****/
@media print
{
	body { font-size:10pt; color: #000; }

	#nav, #keyvisual, footer, .content-footer { display:none; }
	
	.mobile-only { display: none; }

	h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }
  
	.ym-col1 { display: none !important; }
	.ym-col3 { margin: 0 !important; width: 100% !important; }
	
	#top, #breadcrumbs, .backlink, .morelink, .action-buttons { display: none; }
	
	a { text-decoration:underline; padding-left: 0 !important; background: none !important; }
	a[href]:after {
		content:" <URL: "attr(href)">";
		color:#999;
		font-size: 0.8em;
		background: transparent;
		font-style: italic;
		font-weight: normal;
		font-family: Arial, sans-serif;
	}
	a[class~="image"]:after,
	#logo:after {
		content:"";
	}
	
	#logo img { width: 100px; height: auto; }
	
	#main { margin-top: 2em; padding: 0; }
	
	.adlistpage header {
		display: none;
	}
	.adlistpage .typography > :not(table) {
		display: none;
	}
	.adlistpage .typography > table {
		margin: 0;
	}
	.adlistpage .typography table th.action,
	.adlistpage .typography table td.action {
		display: none;
	}
	.adlistpage .typography table td .audio {
		display: none;
	}
}


/****** FILE: themes/yamltheme/css/screen/svg.css *****/
svg.Icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    stroke-width: 0;
    stroke: currentColor;
    fill: currentColor;
}


/****** FILE: themes/yamltheme/css/screen/element-services.css *****/
.ElementServices {
    margin: 6rem 0 4rem;
    color: white;
}

.ElementServices__heading {
    text-align: center;
    font-size: 2rem;
}

.ElementServices__services {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 4rem 3rem;
}
.ElementServices__services:not(:first-child) {
    margin-top: 4rem;
}

a.ElementServices__service {
    flex: 0 0 14rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    position: relative;
    text-decoration: none;
    padding: 0.5rem;
    outline: transparent solid 0.125rem;
    color: white;
    border-radius: 0.3125rem;
}
a.ElementServices__service:hover,
a.ElementServices__service:active,
a.ElementServices__service:focus {
    outline-color: #a6ce39;
    text-decoration: none;
}

.ElementServices__badge {
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    padding: 0 0.5rem;
    font-size: 0.75rem;
    border-width: 0.125rem;
    border-style: solid;
    border-radius: 0.3125rem;
}
.ElementServices__badge--free {
    border-color: #0f76a6;
    background: #0f76a6;
    color: white;
}
.ElementServices__badge--paid {
    border-color: #882868;
    background: #882868;
    color: white;
}

.ElementServices__image {
    height: 6rem;
    width: 10rem;
    display: block;
}

.ElementServices__icon.Icon {
    width: 100%;
    height: 100%;

    fill: url(#services-gradient) #a6ce39;
}

.ElementServices__title {
    display: block;
    font-size: 1.125rem;
    font-weight: bold;
    line-height: 1.2;
    margin-top: 0.625rem;
}

.ElementServices__description {
    display: block;
    margin-top: 0.375rem;
}