/* Change this file if other .ym-gXX elements are necessary. Leave comments */

@media all {
	/**
   *  @section Normalization Module
   */

	/*
  * (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser
  *      Standard values for colors and text alignment
  */
	body { font-size: 100%; background: #fff; color: #000; text-align: left; }

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

	/* (en) set correct box-model in IE8/9 plus remove padding */
	input[type="checkbox"],
	input[type="radio"] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; }

	/* (en) force consistent appearance of input[type="search"] elements in all browser */
	input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }

	/* (en) Correction: margin/padding reset caused too small select boxes. */
	option { padding: 0 0 0 0.4em; }
	select { padding: 1px; }

	/* (en) new standard values for lists, blockquote, cite and tables */
	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 */
	.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 */
	.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 configuration:
  * |-------------------------------|
  * | 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 */
	.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-g25 { width: 25%; }
	.ym-g33 { width: 33.333%; }
	.ym-g38 { width: 38.2%; }
	.ym-g40 { width: 40%; }
	.ym-g50 { width: 50%; }
	.ym-g60 { width: 60%; }
	.ym-g62 { width: 61.8%; }
	.ym-g66 { width: 66.666%; }
	.ym-g75 { width: 75%; }
	.ym-g80 { width: 80%; }

	.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;
  */
	.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
  */
	.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
  */
	/* (en) classes for invisible elements in the base layout */
	.ym-skip,
	.ym-hideme,
	.ym-print { position: absolute; top: -32768px; left: -32768px; }

	/* (en) make skip links visible when using tab navigation */
	.ym-skip:focus,
	.ym-skip:active { position: static; top: 0; left: 0; }

	/* skiplinks:technical setup */
	.ym-skiplinks { position: absolute; top: 0; 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%; }
}