/* default styles for extension "tx_felogin_pi1" */
	.tx-felogin-pi1 label {
		display: block;
	}
/* default styles for extension "tx_indexedsearch" */
		.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px; }
		.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
		.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
		.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#eeeeee; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
		.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#cccccc; vertical-align:middle; }
		.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
		.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

		/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
		.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
		.tx-indexedsearch .searchbox-tmpl-css LABEL { margin-right:1em; width:10em; float:left; }
		.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
		.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
		.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
		.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; }
/* default styles for extension "tx_form" */
	div.csc-mailform ol,
	div.csc-mailform ol li {
		margin: 0;
		padding: 0;
	}

	div.csc-mailform ol li {
		overflow: hidden;
	}

	div.csc-mailform fieldset {
		margin: 0;
		padding: 0;
		position: relative;
	}

	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;
	}

	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;
	}

	/**
	 * 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 {
		margin-bottom: -2em;
		border-style: none;
	}

	fieldset.fieldset-subgroup legend {
		margin-left: 0;
		padding: 0;
		font-weight: normal;
		width: 13em;
	}

	fieldset.fieldset-subgroup ol {
		position: relative;
		top: -1.4em;
		margin: 0 0 0 14em;
		padding: 0;
	}

	fieldset.fieldset-subgroup li {
		padding: 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;
	}
/* default styles for extension "tx_cssstyledcontent" */
	/* Headers */
	.csc-header-alignment-center { text-align: center; }
	.csc-header-alignment-right { text-align: right; }
	.csc-header-alignment-left { text-align: left; }

	div.csc-textpic-responsive, div.csc-textpic-responsive * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;  }

	/* Clear floats after csc-textpic and after csc-textpic-imagerow */
	div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; }

	/* Set padding for tables */
	div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; }
	div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; }

	/* Settings for figure and figcaption (HTML5) */
	div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; }

	/* Captions */
	figcaption.csc-textpic-caption { display: table-caption; }
	.csc-textpic-caption { text-align: left; caption-side: bottom; }
	div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; }
	div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; }
	div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; }

	/* Float the columns */
	div.csc-textpic div.csc-textpic-imagecolumn { float: left; }

	/* Border just around the image */
	div.csc-textpic-border div.csc-textpic-imagewrap img {
		border: 2px solid black;
		padding: 0px 0px;
	}

	div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; }

	/* Space below each image (also in-between rows) */
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; }
	div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; }

	/* colSpace around image columns, except for last column */
	div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; }
	div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; }

	/* Add margin from image-block to text (in case of "Text & Images") */
	div.csc-textpic-intext-left .csc-textpic-imagewrap,
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
		margin-right: 10px;
	}
	div.csc-textpic-intext-right .csc-textpic-imagewrap,
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap {
		margin-left: 10px;
	}

	/* Positioning of images: */

	/* Center (above or below) */
	div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; }
	div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; }
	div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; }

	/* Right (above or below) */
	div.csc-textpic-right .csc-textpic-imagewrap { float: right; }
	div.csc-textpic-right div.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	div.csc-textpic-left .csc-textpic-imagewrap { float: left; }
	div.csc-textpic-left div.csc-textpic-text { clear: left; }

	/* Left (in text) */
	div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; }

	/* Left (in text, no wrap around) */
	div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; }

	div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; }

	/* Browser fixes: */

	/* Fix for unordered and ordered list with image "In text, left" */
	.csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; }

	/* File Links */
	ul.csc-uploads { padding: 0; }
	ul.csc-uploads li { list-style: none outside none; margin: 1em 0; }
	ul.csc-uploads img { float: left; margin-right: 1em; vertical-align: top; }
	ul.csc-uploads span { display: block; }
	ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; }

	/* Table background colors: */

	table.contenttable-color-1 { background-color: #EDEBF1; }
	table.contenttable-color-2 { background-color: #F5FFAA; }
	table.contenttable-color-240 { background-color: black; }
	table.contenttable-color-241 { background-color: white; }
	table.contenttable-color-242 { background-color: #333333; }
	table.contenttable-color-243 { background-color: gray; }
	table.contenttable-color-244 { background-color: silver; }
/*
 * jQuery UI CSS Framework 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1.1em/*{fsDefault}*/; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif/*{ffDefault}*/; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa/*{borderColorContent}*/; background: #ffffff/*{bgColorContent}*/ url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-bg_flat_75_ffffff_40x100.png)/*{bgImgUrlContent}*/ 50%/*{bgContentXPos}*/ 50%/*{bgContentYPos}*/ repeat-x/*{bgContentRepeat}*/; color: #222222/*{fcContent}*/; }
.ui-widget-content a { color: #222222/*{fcContent}*/; }
.ui-widget-header { border: 1px solid #aaaaaa/*{borderColorHeader}*/; background: #cccccc/*{bgColorHeader}*/ url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-bg_highlight-soft_75_cccccc_1x100.png)/*{bgImgUrlHeader}*/ 50%/*{bgHeaderXPos}*/ 50%/*{bgHeaderYPos}*/ repeat-x/*{bgHeaderRepeat}*/; color: #222222/*{fcHeader}*/; font-weight: bold; }
.ui-widget-header a { color: #222222/*{fcHeader}*/; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3/*{borderColorDefault}*/; background: #e6e6e6/*{bgColorDefault}*/ url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-bg_glass_75_e6e6e6_1x400.png)/*{bgImgUrlDefault}*/ 50%/*{bgDefaultXPos}*/ 50%/*{bgDefaultYPos}*/ repeat-x/*{bgDefaultRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #555555/*{fcDefault}*/; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555/*{fcDefault}*/; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999/*{borderColorHover}*/; background: #dadada/*{bgColorHover}*/ url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-bg_glass_75_dadada_1x400.png)/*{bgImgUrlHover}*/ 50%/*{bgHoverXPos}*/ 50%/*{bgHoverYPos}*/ repeat-x/*{bgHoverRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcHover}*/; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121/*{fcHover}*/; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa/*{borderColorActive}*/; background: #ffffff/*{bgColorActive}*/ url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-bg_glass_65_ffffff_1x400.png)/*{bgImgUrlActive}*/ 50%/*{bgActiveXPos}*/ 50%/*{bgActiveYPos}*/ repeat-x/*{bgActiveRepeat}*/; font-weight: normal/*{fwDefault}*/; color: #212121/*{fcActive}*/; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121/*{fcActive}*/; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1/*{borderColorHighlight}*/; background: #fbf9ee/*{bgColorHighlight}*/ url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-bg_glass_55_fbf9ee_1x400.png)/*{bgImgUrlHighlight}*/ 50%/*{bgHighlightXPos}*/ 50%/*{bgHighlightYPos}*/ repeat-x/*{bgHighlightRepeat}*/; color: #363636/*{fcHighlight}*/; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636/*{fcHighlight}*/; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a/*{borderColorError}*/; background: #fef1ec/*{bgColorError}*/ url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-bg_glass_95_fef1ec_1x400.png)/*{bgImgUrlError}*/ 50%/*{bgErrorXPos}*/ 50%/*{bgErrorYPos}*/ repeat-x/*{bgErrorRepeat}*/; color: #cd0a0a/*{fcError}*/; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a/*{fcError}*/; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a/*{fcError}*/; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-content .ui-icon {background-image: url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-icons_222222_256x240.png)/*{iconsContent}*/; }
.ui-widget-header .ui-icon {background-image: url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-icons_222222_256x240.png)/*{iconsHeader}*/; }
.ui-state-default .ui-icon { background-image: url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-icons_888888_256x240.png)/*{iconsDefault}*/; }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-icons_454545_256x240.png)/*{iconsHover}*/; }
.ui-state-active .ui-icon {background-image: url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-icons_454545_256x240.png)/*{iconsActive}*/; }
.ui-state-highlight .ui-icon {background-image: url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-icons_2e83ff_256x240.png)/*{iconsHighlight}*/; }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-icons_cd0a0a_256x240.png)/*{iconsError}*/; }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 4px/*{cornerRadius}*/; -webkit-border-top-left-radius: 4px/*{cornerRadius}*/; -khtml-border-top-left-radius: 4px/*{cornerRadius}*/; border-top-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 4px/*{cornerRadius}*/; -webkit-border-top-right-radius: 4px/*{cornerRadius}*/; -khtml-border-top-right-radius: 4px/*{cornerRadius}*/; border-top-right-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 4px/*{cornerRadius}*/; -webkit-border-bottom-left-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-left-radius: 4px/*{cornerRadius}*/; border-bottom-left-radius: 4px/*{cornerRadius}*/; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 4px/*{cornerRadius}*/; -webkit-border-bottom-right-radius: 4px/*{cornerRadius}*/; -khtml-border-bottom-right-radius: 4px/*{cornerRadius}*/; border-bottom-right-radius: 4px/*{cornerRadius}*/; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa/*{bgColorOverlay}*/ url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlOverlay}*/ 50%/*{bgOverlayXPos}*/ 50%/*{bgOverlayYPos}*/ repeat-x/*{bgOverlayRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityOverlay}*/; }
.ui-widget-shadow { margin: -8px/*{offsetTopShadow}*/ 0 0 -8px/*{offsetLeftShadow}*/; padding: 8px/*{thicknessShadow}*/; background: #aaaaaa/*{bgColorShadow}*/ url(/typo3conf/ext/powermail/Resources/Public/Image/Ui/ui-bg_flat_0_aaaaaa_40x100.png)/*{bgImgUrlShadow}*/ 50%/*{bgShadowXPos}*/ 50%/*{bgShadowYPos}*/ repeat-x/*{bgShadowRepeat}*/; opacity: .3;filter:Alpha(Opacity=30)/*{opacityShadow}*/; -moz-border-radius: 8px/*{cornerRadiusShadow}*/; -khtml-border-radius: 8px/*{cornerRadiusShadow}*/; -webkit-border-radius: 8px/*{cornerRadiusShadow}*/; border-radius: 8px/*{cornerRadiusShadow}*/; }
/*
 * jQuery UI Datepicker 1.8.18
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; font-size:0em; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/* always force a scrollbar in non-IE. */
html {overflow-y: scroll;}

html, body {
    margin:0;
    padding:0;
    height:100%;
}
body {
	height:100%;
	width:100%;
	position:fixed;
}

body, .htmlarea-content-body {
    font-family:"Lato", Verdana, Geneva, sans-serif;
    font-size:14px;
    color:#333;
    background:#FFF url('../../typo3conf/ext/beyer_template/Resources/Public/Images/body_repeat.png');
}

.fancybox-title {
   font-family:"Lato", Verdana, Geneva, sans-serif;
    font-size:14px;
    color: #333;
}


.htmlarea-content-body {
    background:#FFF;
    text-align: center;
	position:static;
	width:auto;
	height:auto;
}

* {outline:none;}
a {
    color:#be9e55;
    text-decoration:none;
}
a:hover, a.active {
    color:#cb6015;
    text-decoration:none;
}
.htmlarea-content-body a {color:#be9e55 !important;}
a img {border:none;}
p {
    margin:15px 0;
    line-height:1.5em;
}
form {margin:15px 0;}

/*
table {
    font-size:11px;
    border-collapse:collapse;
}
td, th {vertical-align:top;}
*/

td, th {
    border: 1px solid #999999;
    padding: 4px 4px 4px 8px;
    vertical-align: top;
}

table {
    border: medium hidden;
    border-collapse: collapse;
    font-size: 16px;
    text-align: left;
    margin: 0 auto;
}

td p {margin:7px 0;}
h1, h2, h3, h4, h5, h6 {
    margin:15px 0;
    font-size:16px;
    line-height:1.3em;
    font-weight:normal;
}
h1 {
    font-size:30px;
	font-size:27px;
    color:#be9e55;
    text-transform:uppercase;
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/headingDivider.gif') center bottom no-repeat;
    padding-bottom:25px;
    margin-bottom:25px;
    text-align:center;
}
h2 {
    font-size:20px;
    text-transform:uppercase;
}
h3 {
    font-size:18px;
    font-weight:normal;
    color:#be9e55;
}
h4 {
    font-size:16px;
}
h5 {
    font-size:14px;
}
hr {
    background:none;
    border:none;
    border-top:1px dotted #5d5d5d;
    height:1px;
}

ul, ol {
	display:table;
	margin:0 auto;
}
li {
    margin-bottom:5px;
    line-height:1.2em;
	text-align:left;
}
ul li {
    list-style:square;
}



/*
ul, li {
	margin:15px 0;
	padding:0;
	list-style:none;
}
li {
	margin:0;
	background:url('../../typo3conf/ext/beyer_template/Resources/Public/images/bull.gif') 0 7px no-repeat;
	padding-left:7px;
	margin-bottom:5px;
	text-align:left;
	line-height:1.45em;
}
*/

address {font-style:normal;}

/*
input, textarea, select {
	font-size:14px;
	color:#be9e55;
    -webkit-appearance: none;
	-moz-appearance: none;
    border-radius: 0;
	font-family:'Lato', Verdana;
	border:none;

}
input[type="text"], input[type="email"], textarea, input[type="password"], input[type="file"], select, .formInputTxt {
	background:#FFF;
	padding:2% 3%;
	border:1px solid #efdbb2;
	width:93.8%;
}
*/


input[type="text"], input[type="email"], textarea, input[type="password"], input[type="file"], select, .formInputTxt {
    border:1px solid #efdbb2;
	font-family:"Lato", Verdana, Geneva, sans-serif;
    font-size:14px;
    color:#333;
}

input[type="text"],
input[type="email"],
textarea,
input[type="password"],
input[type="file"],
input[type="submit"]{
	-webkit-appearance: none;
	-webkit-border-radius:0;
	border-radius:0;
}

.tx-femanager legend,
.tx-powermail legend {
    display: none;
}

.tx-femanager select {
    text-transform: uppercase;
}

.femanager_country label {
    display: none;
}

.tx-powermail fieldset {
    border: 0;
    margin: 0;
    padding: 0;
    /*border-top: 1px dotted #000;*/
    position: relative;
    padding-top: 40px;
    padding-bottom: 16px;
}


.powermail_form_1 fieldset {
    border-top: 1px dotted #000000;
}


.tx-powermail select {
}

.tx-powermail .formError {
    display: none;
}

.tx-femanager .alert-error {
    display: none;
}

.tx-powermail .formError ~ textarea,
.tx-powermail .formError ~ input,
.tx-femanager .alert-error ~ textarea,
.tx-femanager .alert-error ~ input {
    border: 1px solid #cb6015;
}

.tx-powermail input[type="checkbox"] {
    visibility: hidden;
    visibility: visible\9;
    margin: 0;
    background: none;
    border: 0;
    padding: 0;
    width: 25px;
    display: none;
}

.powermail_check_inner {
    display: inline;
    margin-right: 20px;
}

.tx-powermail .powermail_check_inner label {
    position: relative;
    cursor: pointer;
}

.tx-powermail .powermail_check_inner label:before {
    /* font-family: 'FontAwesome'; */
    display: inline-block;
    content: ' ';
    height: 12px;
    width: 12px;
    background: transparent;
    border: 1px solid #efdbb2;
    position: relative;
    left: 0;
    top: 2px;
    margin-right: 7px;
}

/*.tx-powermail .powermail_check_inner > input:checked + label:before,*/
.tx-powermail .powermail_check_inner label.checked:before {
    background: url('../../typo3conf/ext/beyer_template/Resources/Public/Images/sprites.png') -183px -198px no-repeat
}

.powermail_check_outer {
    text-align: left;
    margin-top: -10px;
    float: left;
    position: relative;
    left: -20px;
    top: -10px;
}

.powermail_fieldwrap_submit {
	text-align:left;
	margin-top:30px;
}

#powermail_fieldwrap_56 legend {
    display: none;
}

#powermail_fieldwrap_56 fieldset {
    padding-top: 10px;
}

/*select {padding:0;}*/
/* html5 */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; }
audio, canvas, video {
    display:inline-block;
    *display:inline;
    *zoom:1;
}
audio:not([controls]) {
    display:none;
}
[hidden] {
    display:none;
}
.align-left {text-align:left;}
.align-center {text-align:center;}
.align-right {text-align:right;}
.align-justify {text-align:justify;}


.clear {clear:both;}
.hidden {display:none;}
.menu, .menu ul, .menu li {
    margin:0;
    padding:0;
    list-style:none;
    background:none;
}
.menu a {
    text-decoration:none;
}

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

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.inlineLabel label {
    line-height: normal;
    left: 20px;
    top: 9px;
    position: absolute;
    color:#be9e55;
}

select {
    color:#be9e55;
}

.tx-powermail label {
    text-transform: uppercase;
}

.inlineLabel p {
    margin: 5px 0;
    position: relative;
}


.site {
    height:100%;
    position:relative;
    min-width:1240px;
}
#headerWrap {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/shadowTop.png') top left repeat-x;
    z-index:7;
    height:70px;
}
#header {
    margin-left:185px;
    background:#FFF;
    height:105px;
    position:absolute;
    top:0;
    right:0;
    z-index:5;
    width:87%;
    margin:10px 0 0;
    box-shadow:0 4px 21px rgba(0,0,0,0.5);
}
#logo img {
    width:136px;
    height:auto;
    position:fixed;
    top:28px;
    left:50%;
    margin-left:-66px;
    z-index:3;
}

#mainNavToggle {
    position:absolute;
    top:19px;
    left:15px;
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/menuToggle.png') 0 0 no-repeat;
    background-size:100% 100%;
    height:19px;
    width:41px;
    display:none;
}

#mainNav {
    position:fixed;
    left:0;
    top:40px;
    width:100%;
}
#mainNav .menuLogoText {
    display:none;
}
#mainNav > ul > li > a img {
    margin-top:-26px;
}
#mainNav > ul {
   /* margin-left:216px;*/
}
#mainNav li {
    float:left;
    padding-right:23px;
    margin-right:15px;
}
#mainNav a {
    font-weight:bold;
    display:block;
    font-size:16px;
    color:#4e3629;
    text-transform:uppercase;
    padding:37px 0 0;
    height:43px;
}
#mainNav a:hover, #mainNav a.active {
    color:#cb6015;
    /*background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/mainNavDivider.gif') bottom center no-repeat;*/
}
#mainNav ul ul a {
    color:#be9e55;
    padding-top:17px;
    height:38px;
}

.isDesktop #mainNav ul > li.isHovered > .subNavWrap {
    display:block;
}

.isDesktop #mainNav ul > li.isHovered > a {
    color:#cb6015;
	background-position:0 -48px;
	background-position:0 -400px \9;
}

#mainNav .subNavWrap {
    position:absolute;
    top:75px;
    left:-40px;
    width:100%;
    display:none;
}
#mainNav .subNavWrap .menuDivider {
    margin-left:40px;
    background:#FFF;
    box-shadow:0 3px 10px 1px rgba(0, 0, 0, 0.5);
    overflow:hidden;
    padding-left:40px;
    margin-left:0;
    margin-top:3px;
    padding-right:3%;
}
#mainNav .subNavWrap li {
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/subNavDivider@X2.png') 100% 22px no-repeat;
    background-size:8px 8px;
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/subNavDivider.png') 100% 22px no-repeat\9;
}
#mainNav .subNavWrap li.last, #mainNav .subNavWrap li:last-child {
    background:none;
}
#mainNav ul ul .subNavWrap {
    left:0;
    top:58px;
}
#mainNav .subNavWrap ul {
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/subNavDivider.gif') top left;
    overflow:hidden;
}

#mainNav li:last-child {
	margin:0;
	padding:0;
}

/* patek philippe menu item */
#menu8 > a {
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/Patek-Philippe-MenuIcon.png') 0 34px no-repeat;
	background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/Patek-Philippe-MenuIcon.png') 0 -316px no-repeat \9;
    background-size:25px 230px;
    padding-left:30px;
}
#menu8 a:hover, #menu8.active a {
    background-position:0 -48px;
	background-position:0 -400px \9;
}

/* menu has logoset */
.isDesktop #mainNav .logoset ul, .isDesktop #mainNav .logoset li {
	background:none;
	margin-right:0;
}

.isDesktop #mainNav .logoset a{
	padding:0;
	height:75px;
	line-height: 75px;
}

.isDesktop #mainNav .logoset .logoBreak{
	clear:both;
}

#headerMetaInfo {
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/metaNavTab.png') top left no-repeat;
    height:28px;
    position:absolute;
    top:-10px;
    right:0;
    padding:10px 50px 0 70px;
    color:#FFF;
}
#lang {
    float:left;
}
#lang li {
    float:left;
    margin-right:2px;
    font-size:13px;
}
#lang li:after {
    content:'/';
    padding-left:2px;
}
#lang li.last:after,
#lang li:last-child:after {
    content:'';
}
#lang a {
    color:#FFF;
}
#lang a:hover, #lang a.active {
    color:#efdbb2;
}
#headerMetaInfo form {
    float:right;
    margin:-3px 0 0;
    padding-left:20px;
}
#searchTxt {
    background:#be9e55 url('../../typo3conf/ext/beyer_template/Resources/Public/Images/search.png') 100% 0 no-repeat;
    border:none;
    color:#FFF;
    padding:0 22px 7px 0;
    width:0;
    position:relative;
	cursor:pointer;
}
#searchTxt.open {
	cursor:auto;
}
/*
#searchMobile {
	display:none;
	height:26px;
	width:26px;
	background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/search@X2.png') top left no-repeat;
	background-size:100%;
	position:absolute;
	top:20px;
	right:50px;
	text-indent:-9999px;
}
*/
#clockWrapper {
    background:#be9e55;
    position:absolute;
    right:0;
    top:115px;
    width:285px;
    z-index:10;
    padding:10px 25px 10px;
    box-shadow:-10px 10px 18px -3px rgba(0, 0, 0, 0.5);
    text-align:center;
    color:#FFF;
    display:none;
	z-index: 1;
}

#clockSmall {
	z-index: 131;
}

#clockWrapper.open {
	display:block;
}
#clockWrapper h4 {
    text-transform:uppercase;
    font-size:24px;
    position:relative;
}

#clockWrapper h4:after {
    content:'.';
    background:#dfcfaa;
    height:1px;
    width:20px;
    margin:10px auto 0;
    overflow:hidden;
    display:block;
}
#clockWrapper p {
    line-height:16px;
}
#clockToggle {
    position:absolute;
    top:55px;
    right:10px;
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/sprites.png') -99px 0 no-repeat;
    width:25px;
    height:35px;
    z-index:5;
}
#brandLogoWrap {
    width:82px;
    height:82px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    position:absolute;
    top:50%;
    left:50%;
    margin:-41px 0 0 -41px;
    height:82px;
    width:82px;
    z-index:999;
}

#patekPhilippe #brandLogoWrap {
    width:133px;
    height:130px;
    margin:-65px 0 0 -67px;
}

#brandLogoBG {
    position:absolute;
    top:50%;
    left:50%;
    margin:-43px 0 0 -43px;
    margin:-61px 0 0 -61px;
    background:#4e3629;
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/brandLogoBG.png') center center no-repeat;
    background-size:100%;
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/brandLogoBG_ie8.png')\9;
    height:82px;
    width:82px;
    height:122px;
    width:122px;
    z-index:1;
    /*
    border:2px solid #FFF;
    transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    -ms-transform:rotate(45deg);

    -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(SizingMethod='auto expand', M11=0.7071067811865476, M12=-0.7071067811865475, M21=0.7071067811865475, M22=0.7071067811865476)"; /* IE8 */
    /*margin:-60px 0 0 -61px\9; /* IE8 hack fix rotation pos */
}

#brandLogo {
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    height:82px;
    width:82px;
    position:relative;
    z-index:5;
}
#brandLogo img {
	width:100%;
	height:auto;
}

#containerLeft {
    width:50%;
    position:absolute;
    height:100%;
    top:0;
    left:0;
    background:#be9e55;
    z-index:2;
}
#containerLeft.scrollbar {
    background:#FFF;
	border-right:1px solid #efdbb2;
}
#containerLeft .mCSB_dragger_bar {
    right:-1px;
}
#containerLeftScroll {

    overflow: hidden;
}

#containerLeft #contentLeft {
    /*width:460px;*/
    margin:180px 0 60px 26%;
    text-align:center;
}

#containerRight {
    width:50%;
    height:100%;
    top:0;
    right:0;
    position:absolute;
    overflow:auto;
}
#patekPhilippe #containerRight {
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/Patek-Philippe_BGRepeat.png');
    margin-top: -50px;
    padding-top: 50px;
}

.mCustomScrollBox > .mCSB_scrollTools {
    width:4px !important;
    right:2px;
}
.mCSB_inside > .mCSB_container {
    margin-right:0;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background-color:#be9e55 !important;
    border-radius:0px !important;
    width:4px !important;
}
.mCSB_draggerRail {
    display:none;
}

#content {
    width:510px;
    margin:0 auto 60px;
    margin-top:180px;
    text-align:center;
}

#containerLeft .content {
    width:510px;
    margin:0 auto 60px;
    margin-top:180px;
    text-align:center;
}

.panoramaLayout #singleContainer #content {
    width: 100%;
    margin-top: 140px;
}

#singleContainer #content {
    /*width:930px;*/
    /*width: 1020px;*/
    width: 1100px;
    text-align:center;
    margin-top:180px;
}


#singleContainer {
    width: 100%;
    height:100%;
    top:0;
    right:0;
    position:absolute;
    overflow:auto;
    /*background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/body_repeat.png');*/
    /*background: #FFF;*/
}



.contentNav {
    text-align:center;
    border-top:1px dotted #585858;
    border-bottom:1px dotted #585858;
    margin:35px 0;
}
.contentNav ul {
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/contentNavDivider.gif') top left;
    overflow:hidden;
	display:block;
}
.contentNav li {
    display:inline-block;
    padding:10px 18px;
    margin-right:8px;
    padding-left:0;
    font-weight:bold;
    font-size:16px;
    text-transform:uppercase;
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/subNavDivider@X2.png') 100% 15px no-repeat;
    background-size:8px 8px;
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/subNavDivider.png') 100% 15px no-repeat\9;

    height:20px;
}
.contentNav li.last {
    background:none;
    margin:0;
    padding-right:0;
}
.cmsBanner {
    background:#FFF;
    border:1px solid #efdbb2;
    font-size:18px;
	font-size:13px;
    color:#be9e55;
}
.cmsBanner a:hover{
	color:#be9e55;
}

.cmsBanner .panoramaWrap canvas {
    width: 100%;
    height: auto;
    vertical-align:top;
}

.brandSlider h2 {
    color:#2b2b2b;
    font-size:25px;
    text-transform:none;
    border-bottom:1px dotted #5a5a5a;
    margin:0 auto 25px;
    padding-bottom:15px;
    font-family:"Times New Roman", Times, serif;
}

.brandSlider .slick-next {
	right:-50px;
}
.brandSlider .slick-prev {
	left:-50px;
}

#site1 .brandSlider h2 {
	width:630px;
}
.brandSlider .slick-slide {
	text-align:center;
}
.brandSlider .slick-slide img {
	display:inline;
}

.cmsBanner h4 {
    font-size:25px;
	font-size:20px;
    text-transform:uppercase;
}
.cmsBanner .cmsBannerImg {
    display:table-cell;
    vertical-align:middle;
    height:224px;
    width:43.92%;
    background:#be9e55 url('../../typo3conf/ext/beyer_template/Resources/Public/Images/body_repeat.png');
    overflow:hidden;
    background-position: center center !important;
    background-size: cover !important;

}
.cmsBanner .cmsBannerImg img {
    width:100%;
    height:auto;
    vertical-align:top;
    visibility: hidden;
}

.cmsBanner .cmsBannerTxt {
    display:table-cell;
    width:52.08%;
    padding:0 2%;
    text-align:center;
    vertical-align:middle;
}


span.italic {
    font-style: italic;
}

#footer {
    position:fixed;
    bottom:-300px;
    left:0;
    width:100%;
    background:#be9e55;
    height:6px;
    z-index:6;
    color:#FFF;
    height:300px;
    padding-top:6px;
}
#footer .button {
    height:20px;
    line-height:20px;
    margin-top:5px;
    font-size:14px;
}
#footer form {
    margin-top:-5px;
}
#footerInnerWrap  a:not(.button),
.footerMetaBox .menu li:after {
    color:#4e3629;
}
#footerInnerWrap a:hover {
    text-decoration: underline;
}
#footerInnerWrap {
    width:1080px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}
#footerSEOTxt {
    text-align:center;
}
#footerSEOTxt h1 {
    color:#FFF;
    margin-bottom:15px;
    padding:0;
}
#footerSEOTxt h1:after {
    content:'.';
    display:block;
    margin:15px auto 0;
    height:1px;
    width:35px;
    background:#FFF;
    overflow:hidden;
    text-indent:-9999px;
}
#footerMetaInfo {
    margin-top:25px;
}
#footerMetaInfo h4 {
    font-size:16px;
    display:block;
    text-transform:uppercase;
    font-weight:bold;
    margin-bottom:-9px;
}
.footerMetaBox {
    display:table-cell;
    border-right:1px dotted #f0e9d9;
    width:290px;
    padding:0 25px;
}
.footerMetaBox:last-child {
    border:none;
    padding-right:0;
    width:175px;
}
.footerMetaBox:first-child {
    width:175px;
    padding-left:0;
}
.footerMetaBox:first-child a.gmapIcon {
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/sprites.png') -397px -114px no-repeat;
    padding:8px 0 10px 35px;
    margin:-7px 0 0;
    display:block;
}
.footerMetaBox:first-child a.gmapIcon:hover {
    background-position:-397px -185px;
}
.footerMetaBox .menu {
    margin-bottom:-5px;
}
.footerMetaBox .menu li {
    float:left;
    margin-right:3px;
}
.footerMetaBox .menu li:after {
    content:'|';
    padding-left:3px;
}
.footerMetaBox .menu li.last:after {
    content:'';
}

#footerNav {
    position:fixed;
    bottom:16px;
    right:260px;
}
#footerNav li {
    float:left;
    color:#be9e55;
    font-size:13px;
    text-transform:uppercase;
    margin-right:2px;
}
#footerNav li:after {
    content:'|';
    padding-left:2px;
}
#footerNav li.last:after {
    content:'';
}
#footerNav li a {
    color:#be9e55;
}
#footerToggle {
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/footerTab.png') top right no-repeat;
    height:40px;
    width:205px;
    position:absolute;
    top:-40px;
    right:0;
    color:#FFF;
    text-transform:uppercase;
    line-height:40px;
    padding-left:40px;
    cursor:pointer;
}
#footerToggle span {
    display:block;
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/sprites.png') -400px 14px no-repeat;
    padding-left:33px;
}
#footerToggle.close span {
    background-position:-395px -43px;
}
#contentBottomOverlay {
    background:#FFF;
    height:47px;
    position:fixed;
    bottom:0;
    left:0;
    width:100%;
    z-index:1;
}

#patekPhilippe #contentBottomOverlay{
	background: #fffdef;
}

/* full img left */

#background {
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    z-index:2;
    overflow:hidden;
    border-right:1px solid #efdbb2;
}
#backgroundInner {
    position:relative;
}

#background article {
    position:relative;
    width:100%;
}

#background .productBackItem {
    width:100% !important;
    height:auto !important;
    margin:0 !important;
    vertical-align:top;
}
#background #full-width-slider {
    width: 100%;
}

#background .royalSlider {
    height:100%;
}

.rsArrow {
    z-index:16;
    top:20%;
    width:22px;
    height:42px;
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/sprites.png') -178px -114px no-repeat !important;
    position:fixed;
    opacity:0.5 !important;
    display:none !important;
}
.rsArrow:hover {
    opacity:1 !important;
}
.rsArrowLeft {
    left:20px;
    background-position:-260px -114px !important;
}
.rsArrowRight {
    right:20px;
}


.royalSliderControlls {
    margin-right:37px;
    position: relative;
}
.royalSliderControlls .cycle {
    margin-left:10px;
}

/*
#background #backgroundNav span {
	position:absolute;
	top:50%;
	margin-top:-28px;
	width:36px;
	height:56px;
	z-index:9;
	background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/sprites.png') -25px -16px no-repeat;
	cursor:pointer;
}
#background #backgroundPrev {
	left:100px;
	background-position:-17px -115px !important;
}
#background #backgroundNext {
	right:200px;
}*/


.detailImgDescWrapper {
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/shadowImgLeft_new.png') top right repeat-y;
    position:fixed;
    bottom:0;
    left:0;
    width:50%;
    text-align:right;
    color:#FFF;
}
.detailImgDescWrapper a {
    color:#FFF;
}
.detailImgDescWrapper h3 {
    color:#FFF;
    font-size:22px;
    text-transform:uppercase;
}
.detailImgDesc {
    margin:15px 37px 25px 20px;
    position: relative;
    top: -2px;
}


.detailImgDescWrapper:not('.noToggle') .detailImgDesc > p {
    display: none;
}


 .toggleDescription {
    width:36px;
    height:36px;
    display:inline-block;
    position:absolute;
    left: 50%;
    top: 50%;
     margin-left: -16px;
     margin-top: -16px;
    cursor:pointer;
    text-indent:-9999px;

    font-size:0;
}

 .toggleDescription:after {
     content: ' ';
     position: absolute;
     top: 15px;
     left: 0;

     text-indent: -9999px;
     overflow: hidden;
     width:30px;
     height:20px;
     background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/detailImgDescBtn.png') top center no-repeat;
     background-size:25px 15px;
}

.toggleDescription.open:after {
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);

    transform: rotate(180deg);
}


.detailImgDesc p {
	margin:-12px 0 10px;
}

.detailImgDesc.hasText {
    overflow: hidden;
    margin: 0px 37px 5px 20px !important;
}

.detailImgDescToggle {
    margin:10px auto -10px;
    width:30px;
    height:20px;
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/detailImgDescBtn.png') top center no-repeat;
    background-size:25px 15px;
    display:block;
    position:relative;
    display:none;
}
.detailImgDescToggle.open {
    transform:rotate(180deg);
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -ms-transform:rotate(180deg);
}

/* news */

.news-contentelements {
    margin-top: 20px;
    margin-bottom: 20px;
}

#newsListWrap .newsListItem {
    margin-bottom:20px;
    overflow:hidden;
}
.newsListItem .newsListImg {
    border:1px solid #e6d6b3;
    width:202px;
    height:188px;
    overflow:hidden;
    background:#FFF;
    float:left;
}
.newsListItem .newsListImg img {
	width:100%;
	height:auto;
}
.newsListItem .newsListTxt {
    background:rgba(239,219,178,0.5);
	background:#f7edd8 \9;
    overflow:hidden;
    float:left;
    height:165px;
    width:266px;
    padding:25px 20px 0;
    text-align:left;
    position:relative;
}
.newsListTxt span {
    font-size:12px;
    color:#be9e55;
}
.newsListTxt h2 {
    margin:4px 0 -10px;
    font-size:16px;
    color:#be9e55;
}
.newsListTxt p {
    line-height:1.25em;
}
.newsListTxt .more {
    position:absolute;
    right:20px;
    bottom:20px;
}


.sideInfoBox .newsCount {
    float:right;
}
#containerRight .sideInfoBox .news a:hover {
    /*	color:#0086c3 !important;*/
}


/* FCE col*/
.colWrap {
    overflow:hidden;
    margin:-15px 0 15px;
}
* html .colWrap {
    height:1%;
    overflow:visible;
}
.fce2col .colLeftWrap {
    float:left;
    width:50%;
}
.fce2col .colRightWrap {
    float:right;
    width:50%;
}

.colLeftContent {
    padding-right:10px;
    margin-top:15px;
}
.colRightContent {
    padding-left:10px;
    margin-top:15px;
}

.fce3col .colWrapItem {
    float:left;
    width:33%;
}

/* slider */

.sliderWrap {
    border:1px solid #fc0;
    overflow:hidden;
    margin-bottom:15px;
}
.sliderHead {
    color:#333;
    margin:0;
    font-size:12px;
    font-weight:bold;
    cursor:pointer;
    background: #fedf54 url('../../typo3conf/ext/beyer_template/Resources/Public/images/sliderbox_closed.png') 10px 14px no-repeat;
    padding-top: 10px;
    padding-right: 15px;
    padding-bottom: 10px;
    padding-left: 25px;
}
.sliderHead:hover, .open .sliderHead {
    background-color:#fc0;
}
.open .sliderHead {
    /*cursor:default;*/
    background-image: url('../../typo3conf/ext/beyer_template/Resources/Public/images/sliderbox_open.png');
}

.sliderCont {
    margin:0px 15px;
}



/* typo3 mailform */

#mailform label {
    min-width:110px;
    display:block;
    float:left;
}
.csc-mailform-field {
    overflow:hidden;
    margin-bottom:3px;
}
* html .csc-mailform-field {
    height:1%;
}
#mailform fieldset {
    border:none;
    padding:0;
    margin:0;
}
#mailform legend {
    display:none;
}
#mailform .csc-mailform-label {
    padding:2px 5px;
    border-bottom:2px solid #bdd665;
    font-weight:bold;
    display:block;
    margin:10px 0 5px;
}
#mailform .csc-mailform-submit {
    /*margin-left:110px;*/
    margin-top:7px;
}
#mailform .csc-mailform-radio label {
    float:none;
    display:inline;
    padding-left:7px;
}
#mailform textarea {
    width:410px;
}
#mailform input[type="text"] {
    width:300px;
}

.tx-indexedsearch-searchbox table {
    border-spacing:5px;
}


/* powermail */

.powermail_fieldset,
.tx-femanager fieldset {
    padding: 0px;
    margin: 0px;
    background: none;
    border: none;
}
.powermail_fieldwrap,
.femanager_fieldset
 {
    position: relative;
    margin-bottom: 7px;
}

.powermail_fieldwrap_check, .powermail_fieldwrap_radio{
    width: 100%;
    margin-top: 15px;
}

.powermail_fieldwrap span.formItemInput,
.femanager_fieldset .controls {
    display:block;
    width:100%;
}

#femanager_field_country {
    width: 97%;
}


.powermail_fieldwrap_select label {display:none;}

.femanager_fieldset label,
.powermail_fieldwrap label {
    /*position: absolute;*/
    /*top: 16px;*/
    /*left: 15px;*/
    cursor: text;
    /*color: #fff;*/
    font-weight: normal;
    text-transform: uppercase;
}

/*.powermail_fieldset legend {display:none;}*/
.powermail_fieldset .powermail_input,
.powermail_fieldset select,
.powermail_fieldwrap_textarea textarea,
.femanager_fieldset .input-block-level {
    padding: 8px 13px;
    margin: 0px;
    /*width: 91.5%;*/
    width: 95%;
    max-width: 548px;
}

.powermail_fieldset select {
    width: 97%;
}

.powermail_fieldwrap_textarea textarea {height: 162px;}
.powermail_fieldwrap_textarea {width: 100%;}
.powermail_fieldwrap_text {
    padding: 0px 2px 5px;
}
.powermail_submit
{
    background: #006ea1;
    border: none;
    /*color: #fff;*/
    padding: 0px 34px;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    font-size: inherit;
    margin: 0;
}

/* Powermail Error */
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }
.formErrorInsideDialog.formError { z-index: 5000; }
.formErrorInsideDialog.formError .formErrorContent { z-index: 5001; }
.formErrorInsideDialog.formError .formErrorArrow { z-index: 5006; }
.inputContainer {
    position: relative;
    float: left;
}
.formError {
    font-family: 'Lato', Arial, sans-serif;
    position: absolute;
    left: 47% !important;
    display: block;
    cursor: pointer;
    top:43px !important;
}
#mainNav .formError {top:50px !important;}
.ajaxSubmit {
    padding: 20px;
    background: #ec4b42;
    border: 1px solid #999;
    display: none
}
.formError .formErrorContent {
    width: 100%;
    position:relative;
    color: #fff;
    width: 150px;
    min-height: 30px;
    font-size: 11px;
    padding: 4px 10px 4px 10px;
    background: #ec4b42;
}
.greenPopup .formErrorContent {
    background: #ec4b42;
}
.blackPopup .formErrorContent {
    background: #ec4b42;
    color: #FFF;
}
.formError .formErrorArrow {
    position: absolute;
    left: -7px;
    top: 50%;
    margin-top: -8px;
    width: 15px;
    overflow: hidden;
}
.formError .formErrorArrowBottom {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    margin: 0px 0 0 12px;
    top:2px;
}
.formError .formErrorArrow div {
    font-size: 0px;
    /* 	height: 1px; */
    width: 1px;
    margin: 0 auto;
    line-height: 0;
    font-size: 0;
    display: block;
    background: #ec4b42; /* Old browsers */
    float: left;
}
.formError .formErrorArrowBottom div {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.greenPopup .formErrorArrow div {
    background: #ec4b42;
}
.blackPopup .formErrorArrow div {
    background: #ec4b42;
    color: #FFF;
}
.formError .formErrorArrow .line1 {
    height: 15px;
    border: none;
}
.formError .formErrorArrow .line2 {
    height: 13px;
    border: none;
    margin-top: 1px;
}
.formError .formErrorArrow .line3 {
    height: 11px;
    margin-top: 2px;
}
.formError .formErrorArrow .line4 {
    height: 9px;
    margin-top: 3px;
}
.formError .formErrorArrow .line5 {
    height: 7px;
    margin-top: 4px;
}
.formError .formErrorArrow .line6 {
    height: 5px;
    margin-top: 5px;
}
.formError .formErrorArrow .line7 {
    height: 3px;
    margin-top: 6px;
}
.formError .formErrorArrow .line8 {
    height: 1px;
    border: none;
    margin-top: 7px;
}

.tx-powermail .powermail_check_outer .formError {
    display:none;
}
.tx-powermail .powermail_check_outer .powermail_check_inner:first-child .formError {
    display:block;
}



/* sitemap */

.csc-sitemap ul  {
    font-size:120%;
    font-weight:bold;
    margin-bottom:15px;
    margin-top:5px;
}
.csc-sitemap ul ul  {
    font-size:90%;
    font-weight:normal;
}

/* buttons */

.button, .button a {
    display:inline-block;
    font-size:16px;
    height:30px;
    line-height:30px;
    color:#FFF;
    padding:5px 20px;
    border:none;
    text-decoration:none !important;
    -moz-box-sizing:content-box;
    -webkit-box-sizing:content-box;
    box-sizing:content-box;
    -ms-box-sizing:content-box;
    text-transform:uppercase;
    font-family:'Lato',Verdana;
    background:#4e3629;
    cursor: pointer;

    border:none;
    text-decoration:none !important;
    font-family:'Lato',Verdana;
}

.tx-indexedsearch .tx-indexedsearch-browsebox li a {
    text-transform:uppercase;
    font-family:'Lato',Verdana;
    text-decoration: none !important;
}

.button:hover, .button a:hover, .current.button a {
    background:#cb6015;
    color:#FFF;
}

.readmore, .backBtn {
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/sprites.png') 0 -180px no-repeat;
    padding:5px 0 5px 35px;
    display:block;
    line-height:25px;
}
.readmore {
    text-transform:uppercase;
    font-weight:bold;
}
.readmore:hover, .backBtn:hover {
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/sprites.png') 0 -280px no-repeat;
    text-decoration:none;
    /*color:#0086C3;*/
}

.backBtn {
    background-position:0 -470px;
    text-transform:uppercase;
}
.backBtn:hover {
    background-position:0 -570px;
}


.cycle {
    width:36px;
    height:36px;
    display:inline-block;
    position:relative;
    cursor:pointer;
    text-indent:-9999px;
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/sprites.png') no-repeat;
    font-size:0;
}



.cycle:after {
    content:'.';
    position:absolute;
    top:0;
    left:0;
    width:36px;
    height:36px;
    text-indent:-9999px;
    overflow:hidden;
}
.cycleGold:after {
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/cycleGold.svg') top left no-repeat !important;
    background-size:36px !important;
}

.cycleWhite:after {
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/cycleWhite.svg') top left no-repeat !important;
    background-size:36px !important;
}

.no-svg .cycleGold:after {
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/cycleGold.png') top left no-repeat !important;
}

.no-svg .cycleWhite:after {
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/cycleWhite.png') top left no-repeat !important;
}

.rotateLeft:hover:after {
    transform:rotate(-3600deg);
    -webkit-transform:rotate(-3600deg);
    -ms-transform:rotate(-3600deg);
    -moz-transform:rotate(-3600deg);
    transition:all 35s linear;
    -webkit-transition:all 35s linear;
    -ms-transition:all 35s linear;
    -moz-transition:all 35s linear;

}
.rotateRight:hover:after {
    transform:rotate(3600deg);
    -webkit-transform:rotate(3600deg);
    -ms-transform:rotate(3600deg);
    -moz-transform:rotate(3600deg);
    transition:all 35s linear;
    -webkit-transition:all 35s linear;
    -ms-transition:all 35s linear;
    -moz-transition:all 35s linear;
}

.cycleGold.rotateLeft {
    background-position:-246px -40px;
}
.cycleGold.rotateRight {
    background-position:-163px -40px;
}

.cycleWhite.rotateLeft {
    background-position:-246px 10px;
}
.cycleWhite.rotateRight {
    background-position:-163px 10px;
}


.cycle.rotateUp {
    background-position: -389px -46px;
}

/* indexed search */

div.tx-indexedsearch-search-submit, div.tx-indexedsearch-form {
    display: inline;
}
.tx-indexedsearch a {
    text-decoration:none !important;
}
.tx-indexedsearch-browselist-currentPage a {
    color:#4e3629 !important;
}
.browsebox {
    padding-left:0;
	color:#be9e55;
}
.tx-indexedsearch-browsebox .browsebox a {
}
.tx-indexedsearch-sw {
    font-style:normal !important;
}
.tx-indexedsearch-redMarkup {
    color: #000000 !important;
    font-weight:bold;
}
.tx-indexedsearch-form {
    float:left;
    margin-right:10px;
}
.tx-indexedsearch-form label {
    clear: both;
    float: none !important;
    display:inline-block;
    width:100px !important;
    margin:5px 0 !important;
}

#tx_indexedsearch fieldset {
    border:none;
    padding:0;
    margin:0;
    overflow: hidden;
}
#tx_indexedsearch fieldset legend {display:none;}
#tx_indexedsearch p {
    margin: 0 !important;
}
form#tx_indexedsearch {
    padding-left: 0 !important;
}


.tx-indexedsearch-res, .tx-indexedsearch-res ul, .tx-indexedsearch-res li {
    margin:0;
    padding:0;
    list-style:none;
}
.tx-indexedsearch-res {
    margin-top:20px;
}
.tx-indexedsearch-res li {
    padding-top:4px;

    margin-bottom:20px;
    position:relative;
}



.tx-indexedsearch-res li h2 {
    margin-top:0;
    font-size:14px;
    text-transform:none;
    background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/sprites.png') -38px -321px no-repeat;
	padding:4px 25px;
	padding-right: 0px;
	text-transform:uppercase;
}
.tx-indexedsearch-descr {
    margin-top:-11px;
}
.tx-indexedsearch .tx-indexedsearch-whatis {
    margin-bottom:0;
}
.tx-indexedsearch-browsebox p {
    margin:0 0 30px;
}
.tx-indexedsearch-res li .searchRating {
    position:absolute;
    top:0;
    right:0;
    display:none;
}
/*#tx-indexedsearch-searchbox-button-submit {
	display:inline-block;
	border:none;
	height:20px;
	width:auto !important;
}*/

#menuOverlay, #menuClose, #menuOpen, .menuToggle {
    display:none;
}


#checkMobile {
    display:none;
    position:fixed;
    top:0;
    left:-9999px;
    height:1px;
    width:1px;
}
.hideOnSmartphone {
    display:block;
}

.f3-widget-paginator,
.paging_bootstrap ul {
    display: block;
    list-style-type: none;
    margin: 0;
    padding: 0;
    padding-top: 10px;
}

.paging_bootstrap li,
.f3-widget-paginator li {
    display: inline-block;
    list-style: none;
    margin: 0;
    padding: 0 3px;
    line-height: 45px;
}
/*

.fs-media-gallery .gallery {
    overflow: hidden;
    width: 745px;
    margin: 0 auto;
}
*/

.fs-media-gallery .thumb {
    /*float: left;*/
    width: 350px;
    vertical-align: top;
}

.fs-media-gallery .album .backButton {
    position: relative;
    top: -10px;
}

.fs-media-gallery .page-navigation li .cycle {
    top: 8px;
}

.f3-widget-paginator li .cycleGold:after,
.fs-media-gallery .page-navigation li .cycleGold:after {
    background: none !important;
}

.f3-widget-paginator li .cycle:after,
.fs-media-gallery .page-navigation li .cycle:after {
    width: 27px;
    height: 27px;
}

.f3-widget-paginator li,
.fs-media-gallery .page-navigation li{
    line-height: 36px;
}

.f3-widget-paginator li .cycle,
.fs-media-gallery .page-navigation li .cycle {
    width: 27px;
    height: 27px;
	font-size:1px;
}

.f3-widget-paginator li .cycleGold.rotateRight,
.fs-media-gallery .page-navigation li .cycleGold.rotateRight {
    background-position: -103px -194px;
}

.f3-widget-paginator li .cycleGold.rotateRight:hover,
.fs-media-gallery .page-navigation li .cycleGold.rotateRight:hover {
    background-position: -33px -194px;
}

.f3-widget-paginator li .cycleGold.rotateLeft,
.fs-media-gallery .page-navigation li .cycleGold.rotateLeft {
    background-position: -32px -252px;
}

.f3-widget-paginator li .cycleGold.rotateLeft:hover,
.fs-media-gallery .page-navigation li .cycleGold.rotateLeft:hover {
    background-position: -102px -252px;
}



/** tx_beyer products **/

#containerLeft .productListWrap {
    list-style-type: none;
}

.productList {
    text-align: left;
    margin: 0;
    padding: 0;
}


#containerLeft .productList li {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
    width: 140px;
    height: 200px;
    margin-right: 20px;
    text-align: center;
	float:left;
}

.productList .product a {
    display: block;
    position: relative;
}

.productList .product a:hover .productImageHover {
    background: rgba(255,255,255,0.4);
    position: absolute;
    height: 140px;
    width: 140px;
    z-index: 123123;
    left: 1px;
    top: 1px;
    bottom: 1px;
    right: 1px;
    pointer-events: none;
}

#containerLeft .productList li .product {
    display: inline-block;
    width: 140px;
}

#containerLeft .productList li .product img.productImage {
    width: 140px;
    height: 140px;
    border: 1px solid #e6d6b3;
}

#containerLeft .productList li .product .brandImageWrap{
	height: 60px;
	margin-top: 2px;
	color: #858484;
}











/** indexed_search **/

.tx-indexedsearch-form {
    float: left;
    margin-right: 10px;
    display: block;
    background: #BE9E55;
    padding: 20px;
    text-align: left;
}

.tx-indexedsearch-form label {
    clear: both;
    float: none !important;
    /* display: inline-block; */
    width: auto !important;
    margin: 5px 0 !important;
    text-transform: uppercase;
    color: #fff;
    padding-right: 6px;
}

#tx_indexedsearch input[type="text"] {
    padding: 7px 10px;
    display: inline-block;
}

.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword {
    width: 210px;
    border: 0;
    position: relative;
    top: -1px;
    color: #be9e55;
    text-transform: uppercase;
}


.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button {
    /* width: 100px; */
    padding: 0 20px;
    width: auto !important;
}

div.tx-indexedsearch-form {
    float: none;
    margin-right: 0;
    width: 100%;
    display: block;
}

.tx-indexedsearch-sw {
    text-transform: uppercase;
}

.tx-indexedsearch {
    text-align: left;
}

.tx-indexedsearch .tx-indexedsearch-browsebox li {
    color: #be9e55;
}

.tx-indexedsearch .tx-indexedsearch-browsebox li:after {
    content: ' |';
}

.tx-indexedsearch .tx-indexedsearch-browsebox li:last-child:after {
    content: ' ';
}

/** katalogbstellung .powermail_form_1 **/

.powermail_form_1 .powermail_check_legend {
    display: block;
    text-transform: uppercase;
    text-align: left;
    /* position: absolute; */
    /* top: 12px; */
    /* left: 0px; */
    padding-bottom: 8px;
    position: absolute;
    padding-left: 0;
    top: 0;
    margin-left: 0;
    left: 0px;
}

.tx-powermail fieldset fieldset {
    border-top: 0;
    text-align: left;
    padding-top: 30px;
    padding-bottom: 0;
    position: relative;
}

.powermail_form_1 .powermail_legend {
    display: block;
    color: #be9e55;
    text-transform: uppercase;
    font-size: 18px;
    text-align: left;
    position: absolute;
    top: 14px;
    left: -5px;
}

fieldset.powermail_fieldset.powermail_fieldset_4 {
    padding-top: 50px;
    text-align: left;
}

.powermail_form_1 .powermail_fieldwrap_check, .powermail_fieldwrap_radio {
    margin-top: 10px;
    display: inline-block;
    width: 49%;
    position: relative;
    margin-bottom: 0;
    padding: 0;
}

.powermail_form_1 .powermail_fieldset_4 legend {
    /*display: none;*/
}

.powermail_fieldset_1 {
    text-align:left;
}

fieldset.powermail_fieldset.powermail_fieldset_2 .powermail_fieldwrap {
    float: none;
    clear: both;
    display: block;
}

fieldset.powermail_fieldset.powermail_fieldset_2 .powermail_fieldwrap_check {
    width: auto;
}

.newsHomeTeaserInner .newsHomeTeaserImg img {
    display: none;
}

#nl_email {
    background:#FFF;
    padding:2% 3%;
    border:1px solid #efdbb2;
    width:93.8%;
}

.fs-media-gallery .thumb {
    display: inline-block;
    margin-right: 20px;
    margin-bottom: 30px;
}

.fs-media-gallery .thumb:nth-child(3n+3) {
    margin-right: 0;
}

.fs-media-gallery .thumb .name {
    font-size: 20px;
    text-transform: uppercase;
    color: #be9e55;
}

.fs-media-gallery .thumb .date {
    display: inline-block;
    min-height: 15px;
    font-weight: bold;
    font-size: 14px;
    margin-top: 6px;
    margin-bottom: 1px;
}

.fs-media-gallery .thumbWrap {
    position: relative;
}

.fs-media-gallery .thumb div.image {
    display: inline-block;
    position: relative;
}

.fs-media-gallery .thumb a {
    display: inline-block;
}

.fs-media-gallery .thumb a .thumb-hover {
 	position: absolute;
	background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/gallery_sprite.png');
    left: 0;
    top: 0;
    right: 0;
    bottom: 2px;
	display:none;
	/*width:312px;*/
	/*height:234px;*/
}




.fs-media-gallery .thumb .albumTitleWrap .date {
    display: block;
}

.no-touch .fs-media-gallery .thumb a:hover .thumb-hover {
	display:block;
}

.no-touch .fs-media-gallery .gallery .thumb a:hover .thumb-hover {
    background-position: center bottom;
}

.no-touch .fs-media-gallery .album .thumb a:hover .thumb-hover {
    background-position: center top;
}

.fancybox-lock .fancybox-overlay {
	background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/black_a80.png');
	width:100%;
	height:100%;
}

.fancybox-close {
    position: absolute;
    top: auto;
    bottom: 4px;
    right: 13px;
    width: 36px;
    height: 36px;
    cursor: pointer;
    z-index: 8040;

}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
	background-size:46px 210px;
}

#fancybox-loading {
    background-image: none;
}

.fancybox-skin {
    position: relative;
    background: #f9f9f9;
    color: #444;
    text-shadow: none;
     -webkit-border-radius: 0;
    -moz-border-radius: 0;
     border-radius: 0;
    padding-bottom: 55px !important;
}





.fancybox-title-inside-wrap {
    padding-top: 10px;
    margin-right: 60px;
    text-align: center;
    margin-left: 60px;
    min-height: 25px;
    position: absolute;
    bottom: 12px;
    width: 77%;
    /* margin: 0 auto; */
}

.fancybox-wrap a.download {
    display: block;
    width: 38px;
    height: 33px;
    position: absolute;
    right: 50px;
    bottom: 6px;
    background: url('../../typo3conf/ext/beyer_template/Resources/Public/FancyBox/fancybox_sprite.png') 0px -180px no-repeat;
}

.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 36px;
    height: 42px;
    margin-top: -18px;
    cursor: pointer;
    z-index: 8040;
    visibility: hidden;
}

.fancybox-next span {
    right: 10px;
    background-position: 0 -88px;
}

.fancybox-nav span {
    visibility: visible;
    opacity: 0.5;
}

.fancybox-nav:hover span {
    opacity: 1;
}

img.brandImage {
    opacity: 0.7;
}

div.mediaalbum-description {
    width: 930px;
    margin: 0 auto;
}

div.styleable-select-selection {
    width: 100%;

    list-style-type: none;
    display: block;

    margin: 0;
    padding: 0;
    color: #c00;
    background-color: #fff;
    cursor: default;


    margin: 0px;

    width: 93.2%;

    max-width: 548px;

    border: 1px solid #efdbb2;
    font-family: "Lato", Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #333;

        padding: 0px 18px;
    background: #fff;
    color: #be9e55;
    line-height: 34px;

    position: relative;


}

div.styleable-select-selection:after {
    content: ' ';
    position: absolute;
    right: 0;
    top: -1px;
    bottom: -1px;
    width: 34px;
    color: #fff;
    /*height: 100%;*/
    background: #cdb577 url('../../typo3conf/ext/beyer_template/Resources/Public/Images/sprites.png') -260px -182px no-repeat;
}

ul.styleable-select {
    /*width: 100%;*/


    list-style-type: none;
    display: block;

    margin: 0;
    padding: 0;
    color: #c00;
    background-color: #fff;
    cursor: default;


    margin: 0px;

    width: 96.6%;

    max-width: 548px;

    border: 1px solid #efdbb2;
    font-family: "Lato", Verdana, Geneva, sans-serif;
    font-size: 14px;
    color: #333;

    position: absolute;
    z-index: 50;
    top: 34px;
}

ul.styleable-select li {
    /*height: 34px;*/

    margin: 0;
    padding: 0px 18px;
    display:block;
    list-style: none;
    /*text-transform: uppercase;*/
    background: #fff;
    color: #be9e55;
    line-height: 34px;
}

ul.styleable-select li:hover {
    background: #efdbb2;
    color: #fff;
}

.sagaSlider {
    font-size: 16px;
    color: #be9e55;
    border-bottom: 1px dotted #333;
}

.sagaSlider .slick-slider {
    margin-bottom:17px;

}

.sagaSlider .slick-track {
    width: 10000px !important;
    text-transform: uppercase;
}

.sagaSlider .slick-slide {
    cursor: pointer;
    background: url('../../typo3conf/ext/beyer_template/Resources/Public/Images/subNavDivider@X2.png') right center no-repeat;
    background-size: 8px 8px;
    width: auto !important;
    padding: 0 15px;
    padding-right: 20px;
}



.sagaSlider  .slick-slide:last-child,
.sagaSlider  .slick-slide.last {
    background: none;
}

.sagaSlider .slick-slide:hover,
.sagaSlider .slick-slide.slick-current {
    color: #cb6015;
}

#containerLeft.sagaHeader .detailImgDescWrapper {
    top: auto;
    height: auto;
    bottom: 50%;
    text-align: right;
}

#containerLeft.sagaHeader .detailImgDesc {
    top: auto;
    position: static;
    text-align: right;
    bottom: 50%;
    display: inline-block;
    padding-bottom: 20px;
    /*min-height: 120px;*/
    width: 650px;
}

#containerLeft.sagaHeader .detailImgDescWrapper {
    background-image: url('../../typo3conf/ext/beyer_template/Resources/Public/Images/shadowImgLeft_new.png');
}

#containerLeft.sagaHeader .detailImgDesc h2 {
    font-size: 22px;
}

#containerLeft.sagaHeader .detailImgDesc p {
    font-size: 14px;
}

.csc-frame-frame1 {
   border: 1px solid #efdbb2;
    padding: 20px 30px;
    background: #fff;
    width: 450px;
    text-align: left;
    padding-bottom: 10px;
}

.csc-frame-frame1 .csc-textpic-imagewrap {
    margin-bottom: 30px;
}

.csc-textpic-text h1,
.csc-textpic-text h2,
.csc-textpic-text h3,
.csc-textpic-text h4,
.csc-textpic-text h5,
.csc-textpic-text h6
{
    margin-top: 0;
}


a.cycleLink {
    font-size: 16px;
    position: relative;
    padding-left: 36px;
}

a.cycleLink:before {
   content: ' ';
    width: 26px;
    height: 26px;
    background: url('../../typo3conf/ext/beyer_template/Resources/Public/Images/sprites.png') -103px -195px no-repeat;
    position: absolute;
    left: 0;
    top: -2px;
}

a.cycleLink:hover:before {
   background-position: -33px -195px;
}

.footerMetaBox .tx-powermail fieldset {
    padding-top: 0;
    padding-bottom: 0;
}

.footerMetaBox .tx-powermail .powermail_fieldwrap_submit {
    margin-top: 0;
}

@media only screen
and (min-width : 800px)
and (max-width : 1280px) {

    #mainNav {
        margin-left: 28px !important;
        left: auto !important;
    }

    #mainNav .subNavWrap {
        left: -28px;
    }

    #mainNav .subNavWrap .menuDivider {
        padding-left: 28px;
    }

}

/*Beyer Repairservice*/
.tx_beyerrepairservice_submit{
	margin-bottom: 30px;
}
/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: white url('../../typo3conf/ext/beyer_template/Resources/Public/Images/ajax-loader.gif') center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url('../../typo3conf/ext/beyer_template/Resources/Public/CSS/fonts/slick.eot'); src: url('../../typo3conf/ext/beyer_template/Resources/Public/CSS/fonts/slick.eot?#iefix') format("embedded-opentype"), url('../../typo3conf/ext/beyer_template/Resources/Public/CSS/fonts/slick.woff') format("woff"), url('../../typo3conf/ext/beyer_template/Resources/Public/CSS/fonts/slick.ttf') format("truetype"), url('../../typo3conf/ext/beyer_template/Resources/Public/CSS/fonts/slick.svg#slick') format("svg"); font-weight: normal; font-style: normal; }

/* Arrows */
.slick-prev, .slick-next { position: absolute; display: block; height: 36px; width: 36px; line-height: 0; font-size: 0; cursor: pointer; ; top: 50%; margin-top: -18px; padding: 0; border: none; outline: none; }
/*.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
*/
.slick-prev { left: -70px; }
/*.slick-prev:before { content: "\2190"; }*/

.slick-next { right: -70px; }
/*.slick-next:before { content: "\2192"; }*/

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0px; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0px 5px; padding: 0px; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:focus { outline: none; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "\2022"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { opacity: 0.75; }

#clock {
  width: 264px;
  height: 298px;
  background: transparent url('../../typo3conf/ext/beyer_template/Resources/Public/Images/uhr/clock-face.png') 0 0 no-repeat;
  position: relative;
  top: 0;
  left: 0;
  margin:0 auto;
}
.mechanics {
  -webkit-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
}
#sec,
#sec2,
#min,
#hour,
#button {
  position: absolute;
}
#sec{
  background: url('../../typo3conf/ext/beyer_template/Resources/Public/Images/uhr/sec-hand.png') 0 0 no-repeat;
  width: 6px;
  height: 60px;
  left: 123px;
  top: 195px;
  -webkit-transform-origin: 3px 35px;
  -moz-transform-origin: 3px 35px;
  -ms-transform-origin: 3px 35px;
  -o-transform-origin: 3px 35px;
  transform-origin: 3px 35px;
}
#min {
  background: url('../../typo3conf/ext/beyer_template/Resources/Public/Images/uhr/min-hand.png') 0 0 no-repeat;
  width: 14px;
  height: 86px;
  left: 120px;
  top: 103px;
  -webkit-transform-origin: 7px 85px;
  -moz-transform-origin: 7px 85px;
  -ms-transform-origin: 7px 85px;
  -o-transform-origin: 7px 85px;
  transform-origin: 7px 85px;
}
#hour {
  background: url('../../typo3conf/ext/beyer_template/Resources/Public/Images/uhr/hour-hand.png') 0 0 no-repeat;
  width: 8px;
  height: 57px;
  left: 123px;
  top: 130px;
  -webkit-transform-origin: 4px 57px;
  -moz-transform-origin: 4px 57px;
  -ms-transform-origin: 4px 57px;
  -o-transform-origin: 4px 57px;
  transform-origin: 4px 57px;
}
#button {
  background: url('../../typo3conf/ext/beyer_template/Resources/Public/Images/uhr/button.png') 0 0 no-repeat;
  width: 15px;
  height: 15px;
  left: 118px;
  top: 180px;
  -webkit-transform-origin: 7px 7px;
  -moz-transform-origin: 7px 7px;
  -ms-transform-origin: 7px 7px;
  -o-transform-origin: 7px 7px;
  transform-origin: 7px 7px;
}


/* SMALL */

#clockSmall {
  width: 185px;
  height: 209px;
  background: transparent url('../../typo3conf/ext/beyer_template/Resources/Public/Images/uhr_kl/clock-face.png') 0 0 no-repeat;
  position: relative;
  top: 0;
  left: 0;
  margin:0 auto;
}
.mechanicsSmall {
  -webkit-filter: drop-shadow(7px 7px 7px rgba(0, 0, 0, 0.5));
}
#secSmall,
#sec2Small,
#minSmall,
#hourSmall,
#buttonSmall {
  position: absolute;
}
#secSmall{
  background: url('../../typo3conf/ext/beyer_template/Resources/Public/Images/uhr_kl/sec-hand.png') 0 0 no-repeat;
  width: 4px;
  height: 42px;
  left: 86px;
  top: 138px;
  -webkit-transform-origin: 2px 23px;
  -moz-transform-origin: 2px 23px;
  -ms-transform-origin: 2px 23px;
  -o-transform-origin: 2px 23px;
  transform-origin: 2px 23px;
}
#minSmall {
  background: url('../../typo3conf/ext/beyer_template/Resources/Public/Images/uhr_kl/min-hand.png') 0 0 no-repeat;
  width: 10px;
  height: 60px;
  left: 84px;
  top: 72px;
  -webkit-transform-origin: 5px 60px;
  -moz-transform-origin: 5x 60px;
  -ms-transform-origin: 5px 60px;
  -o-transform-origin: 5px 60px;
  transform-origin: 5px 60px;
}
#hourSmall {
  background: url('../../typo3conf/ext/beyer_template/Resources/Public/Images/uhr_kl/hour-hand.png') 0 0 no-repeat;
  width: 6px;
  height: 40px;
  left: 86px;
  top: 91px;
  -webkit-transform-origin: 3px 40px;
  -moz-transform-origin: 3px 40px;
  -ms-transform-origin: 3px 40px;
  -o-transform-origin: 3px 40px;
  transform-origin: 3px 40px;
}
#buttonSmall {
  background: url('../../typo3conf/ext/beyer_template/Resources/Public/Images/uhr_kl/button.png') 0 0 no-repeat;
  width: 15px;
  height: 15px;
  left: 83px;
  top: 126px;
  -webkit-transform-origin: 5px 5px;
  -moz-transform-origin: 5px 5px;
  -ms-transform-origin: 5px 5px;
  -o-transform-origin: 5px 5px;
  transform-origin: 5px 5px;
}

/* CSS Document */
body {
	background:#FFF;
}
#containerLeft {
	width:100%;
	height:50%;
}

.detailImgDescWrapper {
	top:0;
	right:0;
	width:100%;
	height:50%;
}
.detailImgDesc {
	position:absolute;
	top:35%;
	right:0;
	width:570px;
	font-size:20px;
	margin-right:75px;
	font-weight: normal;
}
.detailImgDesc h2 {
	font-size:35px;
	text-transform:uppercase;
	font-weight:bold;
	line-height:1.1em;
	margin-bottom:-8px;
}
.detailImgDesc p {
	line-height: 120%;
	margin-top: 20px;
	margin-bottom:-10px;
}

#background {
	border-bottom:1px solid #ecd8b0;
	border-right:none;
}

#containerRight {
	width:100%;
	height:50%;
	top:inherit;
	bottom:0;
	background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/body_repeat.png');
}

#content {
	width:930px;
	text-align:center;
	margin-top:20px;
}
/* CSS Document */


#clockSmall {
	position:absolute;
	top:26%;
	left:33%;
}


#newsHomeTeaser {
	position:absolute;
	top:50%;
	left:50%;
	z-index:6;
	height:400px;
	width:1240px;
	margin:-200px 0 0 -620px;
	text-align:center;
	overflow:hidden;
}

#newsHomeTeaser article {
	height:400px;
	width:400px;
	display:inline-block;
	position:relative;
}

#newsHomeTeaser .newsHomeTeaserInner {
	height:400px;
	width:400px;
	background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/homeNewsTeaserBox.png') center center no-repeat;
	transition:all 600ms;
	display:inline-block;	
}

#newsHomeTeaser .newsHomeTeaserInner a { 
	display:none;
}

.isDesktop #newsHomeTeaser article:hover .newsHomeTeaserInner {
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	visibility:hidden\9; /* IE8 hack  */
}

.newsHomeTeaserTitle {
	width:355px;
	width:210px;
	text-align:center;
	margin:0 auto;
	height:140px;
	padding-top:63px;
	position:relative;
}
.newsHomeTeaserTitle h3 {
	position:absolute;
	bottom:10px;
	left:0;
	width:355px;
	width:210px;
	text-align:center;
	color:#FFF;
	font-size:20px;
	font-weight:bold;
	text-transform:uppercase;
	max-height: 50px;
	overflow: hidden;
}
.newsHomeTeaserImg {
	width:400px;
	text-align:center;
	height:155px;
}

.newsHomeTeaserImg canvas{
	display: block;
	margin:0 auto;
}

.newsHomeTeaserDesc {
	position:absolute;
	background:#4e3629;
	color:#FFF;
	top:77px;
	left:77px;
	width:195px;
	height:245px;
	padding:0 25px;
	z-index:2;
	transform:rotate(-45deg);
	-ms-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transition:all 600ms;
	opacity:0;
	filter:alpha(opacity=0):
}

.isDesktop #newsHomeTeaser article:hover .newsHomeTeaserDesc {
	transform:rotate(0);
	-webkit-transform:rotate(0);
	-moz-transform:rotate(0);
	-ms-transform:rotate(0);
	opacity:1;
	filter:alpha(opacity=100):
}

#containerRight {
	background:#FFF;
}

#content {
	width:930px;
	text-align:center;
	margin-top:190px;
}

.slider {
	width:710px;
	margin:0 auto;
}
.slick-slide {
	text-align:center;
}
.slick-slide img {
	display:inline;
}

#site1 .rsArrow {
	display:block !important;
}

#site1.isDesktop .hasDataWidth .detailImgDesc {
	width:auto;
	margin-left:100px;
}

#site1.isDesktop .detailImgDescWrapper{

}

#site1.isDesktop .detailImgDescWrapper.hasDataWidth {
	background-image: url('../../typo3conf/ext/beyer_template/Resources/Public/Images/shadowImgLeft_newHome.png');
	background-position:top left;
}
/* CSS Document */
/* smartphones   */
@media only screen
and (min-width : 320px)
and (max-width : 760px) {

	.panoramaLayout #singleContainer {
		position: static;
	}

	.panoramaLayout #singleContainer #content {
		margin-top: 100px;
	}

	body {
		position:static;
	}

	h1 {
		font-size:21px;
		color:#be9e55;
		padding-bottom:15px;
		margin-bottom:15px;
	}
	h2 {
		font-size:17px;
		text-transform:uppercase;
	}
	h3 {
		font-size:16px;
		font-weight:normal;
		color:#be9e55;
	}
	h4 {
		font-size:15px;
	}
	h5 {
		font-size:14px;
	}

	.site {
		height:auto;
		width:100%;
		min-width:100%;
		overflow:hidden;
	}
	#headerWrap {
		z-index:7;
	}
	#header {
		height:55px;
	}
	#logo img {
		width:80px;
		position:absolute;
		top:18px;
	}
	#headerMetaInfo {
		padding:5px 10px 0 35px;
		height:25px;
		width:32px;
		overflow:hidden;
	}
	#mainNav, #clockToggle, #footerSEOTxt, #footerNav, .hideOnSmartphone, #royalSliderControlls, #headerMetaInfo form, #contentBottomOverlay, #clockSmall {
		display:none;
	}
	#mainNavToggle {
		display:block;
	}
	#mainNav {
		top:60px;
		box-shadow:0 10px 21px rgba(0, 0, 0, 0.5);
		background:#FFF;
		position:absolute;
	}
	#mainNav .menuLogoText {
		display:block;
	}
	#mainNav > ul > li > a img {
		display:none;
	}
	#mainNav > ul {
		margin:10px 18px;
	}
	#mainNav li {
		float:none;
		padding:0;
	}
	#mainNav a {
		height:auto;
		padding:12px 0;
		font-size:21px;
	}
	#mainNav a.active, #mainNav a:hover {
		background-position:left bottom;
	}
	#mainNav .subNavWrap {
		position:relative;
		left:0;
		top:0;
		margin:5px 0;
		padding:5px 0;
	}
	#mainNav .subNavWrap .menuDivider {
		box-shadow:none;
		padding:0;
		margin:0;
	}
	#mainNav .subNavWrap .menuDivider ul {
		background:none;
	}
	#mainNav .subNavWrap li, #mainNav .subNavWrap li.last {
		background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/subNavDivider@X2.png') no-repeat scroll 0 9px;
		background-size:8px 8px;
	}
	#mainNav .subNavWrap li.active, #mainNav .subNavWrap li.active.last {
		background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/subNavDivider_active@X2.png') no-repeat scroll 0 9px;
		background-size:8px 8px;
	}
	#mainNav .subNavWrap ul a {
		font-size:17px;
		background:none;
		padding:5px 0;
		padding-left:20px;
		height:auto;
	}

	#mainNav ul ul .subNavWrap {
		top:0;
		border-top:1px dotted #585858;
		border-bottom:1px dotted #585858;

	}
	#mainNav ul ul .subNavWrap li {
		background:none !important;
	}
	#menu1 a, #menu8 > a {
		background:none;
	}
	#lang {
		width:100px;
	}
	#lang li {
		width:28px;
		display:none;
	}
	#lang li.active {
		display:block;
		background:url('../../typo3conf/ext/beyer_template/Resources/Public/Images/sprites.png') -153px 1px no-repeat;
		padding-right:8px;
	}
	#lang li.active:after{
		display:none;
	}

	.langOpen #lang li.active {
		padding-right:2px;
		background:none;
	}
	.langOpen #lang li {
		display:block;
	}
	.langOpen #lang li.active:after {
		display:inline;
	}
	/*
	#searchMobile {
		display:block;
	}
	*/
	#containerLeft {
		position:relative;
		width:100%;
		height:auto;
		background:#FFF;
	}
	#background {
		position:relative !important;
		top:0;
		left:0;
		height:auto !important;
		border-bottom:1px solid #ecd8b0;
		border-right:none;
	}
	#background .productBackItem {
		height:auto !important;
	}
	#site1 #background .productBackItem {
		height:260px !important;
		width:712px !important;
	}
	.royalSlider {
		height:auto !important;
	}

	.detailImgDescWrapper {
		position:absolute;
		width:100%;
		font-size:13px;
		text-align:center;
	}

	#site1 .detailImgDescWrapper {
		background:none;
		text-align:right;
		width:92%;
	}
	.detailImgDescWrapper .detailImgDesc {
		/*margin-right:0;*/
		/*width:100%*/
        width: 90%;
        margin: 0 auto;
        margin-bottom:70px;

    }
	.detailImgDescWrapper .detailImgDesc p {
		display:none;
	}
	.detailImgDescToggle {
		display:block;
	}
	#site1 .detailImgDesc {
		top:40%;
	}
	#site1 .rsArrow {
		display:none !important;
	}
	.detailImgDescWrapper h2 {
		font-size:18px;
		text-shadow:0 0 3px rgba(0,0,0,0.7);
	}
	.detailImgDescWrapper h3 {
		font-size:18px;
	}
	.detailImgDescWrapper .detailImgDesc .detailImgDescShort {
		display:none;
	}

	.royalSliderControlls {
		margin:0;
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
	}
	.royalSliderControlls .rotateLeft {
		position:absolute;
		left:0;
		bottom:12px;
	}
	.royalSliderControlls .rotateRight {
		position:absolute;
		right:10px;
		bottom:12px;
	}

    .sliderContainer.ajax .rotateRight {
        left: 45px;
        right:auto;
    }

    .sliderContainer.ajax .rotateLeft {
        left: 0;
    }

    .sliderContainer.ajax .rotateUp {
        position: absolute;
        bottom: 12px;
        right: 10px;
    }

	#brandLogoWrap {
		position:relative;
		top:0;
		left: 0;
		margin:-41px auto 0;
		display:block;
		display: none !important;
	}

    #patekPhilippe #brandLogoWrap {
        left: 50%;
    }

	#newsHomeTeaser {
		width:270px;
		margin-left:-127px;
		height:240px;
		top:332px;
	}
	#newsHomeTeaser  article {
		display:none;
		height:255px;
		width:255px;
	}
	#newsHomeTeaser  article:first-child {
		display:inline-block;
	}

	#newsHomeTeaser .newsHomeTeaserInner {
		height:255px;
		width:255px;
		background-size:100% 100%;
	}
	.newsHomeTeaserTitle {
		height:68px;
		width:220px;
	}
	.newsHomeTeaserTitle h3 {
		font-size: 12px;
    	left: 50px;
   	 	margin: 0 auto;
    	width: 120px;
		max-height:60px;
	}
	.newsHomeTeaserTitle a {
		display:none;
	}
	.newsHomeTeaserImg {
		width:190px;
		padding-left:32px;
	}
	.newsHomeTeaserImg img,
    .newsHomeTeaserImg canvas {
		width:100%;
		height:auto;
	}

	.newsHomeTeaserDesc {
		display:none;
	}
	
	.news-single .sliderContainer .detailImgDescToggle ~ .detailImgDesc p {
		height:auto !important;
		top:0 !important;
		margin:7px 0 0 !important;
	}
	
	.news-single .sliderContainer.showJson .detailImgDescToggle, .news-single .sliderContainer .detailImgDescToggle {
		display:none !important;
	}
	

	#containerRight {
		position:relative;
		width:100%;
		height:auto;
	}
	#content {
		width:92%;
		/*margin-top:40px;*/
		margin-top: 15px;
	}
	#site1 #content {
		margin-top:130px;
	}

	.brandSlider .slider {
		width:60%;
		margin:0 auto;
	}
	#site1 #content h2 {
		width:100%;
	}

	.cmsBanner {
		font-size:12px;
	}
	.cmsBanner .cmsBannerImg {
		height:auto;
	}
	.cmsBanner h4 {
		font-size:16px;
	}
	#footer {
		position:absolute;
	}
	#footerMetaInfo {
		margin:0;
	}
	#footerInnerWrap {
		width:92%;
	}
	.footerMetaBox:nth-child(3) {
		display:none;
	}
	.footerMetaBox p, .footerMetaBox h4 {
		margin:8px 0;
	}
	.footerMetaBox {
		display:block;
		width:100% !important;
		border:none;
		border-bottom:1px solid #f2ebdc;
		margin:0 auto;
		padding:0 !important;
	}
	.footerMetaBox #credits {
		clear:left;
	}

	#checkMobile {
		display:block;
	}

    #patekPhilippe #brandLogoWrap {
        width: 85px;
        height: 90px;
        margin: -45px 0 0 -42px;
    }

    #patekPhilippe #brandLogoWrap img {
        height: 90px;
        width: 85px;
    }

	/* news */

	.newsListItem .newsListTxt, .newsListItem .newsListImg {
		float:none;
		width:auto;
	}
	.newsListItem .newsListImg img {
		margin-top:-35%;
	}

	 .sliderContainer.showJson .royalSliderControlls,
	.sliderContainer .royalSliderControlls{
		margin: 0;
		position: absolute;
		top: 60px;
		left: 0;
		width: 100%;
		bottom: auto;
	}

	 .sliderContainer.showJson .detailImgDescWrapper .detailImgDesc,
	 .sliderContainer .detailImgDescWrapper .detailImgDesc {
		 /*margin-top: 65px;*/
		 /* top: -8px; */
	 	margin-bottom: 0;
		 position: static;
		 /* top: 60px; */
		 padding-top: 50px;
		 padding-bottom: 10px;
	}

	.sliderContainer .detailImgDescWrapper {
		min-height: 60px;
	}

	.sliderContainer .detailImgDescWrapper .detailImgDesc {
		/*width: calc(100% - 120px);*/
		margin-top: -1px;
		min-height: 50px;
		padding-top: 1px;
		width:auto;
		margin-left:60px;
		margin-right:60px;
	}

	 .sliderContainer.showJson .detailImgDescWrapper,
	.sliderContainer .detailImgDescWrapper {
		background: #000000;
		 min-height: 60px;
		 margin: 0;
		 position: relative;
		 top: 0;
		 left: 0;
		 width: 100%;
		 bottom: auto;
	}



	 .sliderContainer.showJson .detailImgDescToggle,
	.sliderContainer .detailImgDescToggle {
		 position: absolute;
		 bottom: 10px;
		 background-size: 13px;
		 background-position: center center;
		 width: 14px;
		 height: 8px;
		 display: block;
		 left: 50%;
		 margin: 0 auto 0 -7px;
		 z-index: 10;

		 transform: rotate(180deg);
		 -webkit-transform: rotate(180deg);
		 -moz-transform: rotate(180deg);
		 -ms-transform: rotate(180deg);
	}


	.sliderContainer.showJson .detailImgDescToggle.open,
	.sliderContainer .detailImgDescToggle.open {
		transform: rotate(0deg);
		-webkit-transform: rotate(0deg);
		-moz-transform: rotate(0deg);
		-ms-transform: rotate(0deg);
	}

	 .sliderContainer.showJson .detailImgDesc p,
	 .sliderContainer .detailImgDesc p {
		margin-bottom: 15px;
		 overflow: hidden;
		 display: block;
		 height: 0;
	 }

	 .sliderContainer .detailImgDesc p.measure {
		 visibility: hidden !important;
		 display: block !important;
		 height: auto !important;
	 }
/*
	.tx-beyer-products .sliderContainer.listSlider .detailImgDescWrapper p,
	.sliderContainer.showJson .detailImgDesc p {
		-webkit-transition: max-height 1s;
		-moz-transition: max-height 1s;
		-ms-transition: max-height 1s;
		-o-transition: max-height 1s;
		transition: max-height 1s;
	}*/

	.stopAnimating .detailImgDesc p {
		visibility: hidden;
	}

	.sliderContainer.showJson .detailImgDescToggle.open ~ .detailImgDesc p,
	.tx-beyer-products .listSlider .detailImgDescToggle.open ~ .detailImgDesc p {
		/*max-height: 500px;*/
	}

	/*.tx-beyer-products .listSlider .detailImgDescToggle.open ~ .detailImgDesc h3 {*/
		/*padding-bottom: 0;*/
	/*}*/

	.sliderContainer .detailImgDescToggle ~ .detailImgDesc h3 {
		padding-bottom: 20px;
	}

	.sliderContainer .detailImgDescToggle ~ .detailImgDesc p {
		margin-bottom: 8px;
		margin-top: -25px;
		position:relative;
		top:-5px;
	}

	/*.stopAnimating .detailImgDesc p {*/
		/*-webkit-transition: none !important;*/
		/*-moz-transition: none !important;;*/
		/*-ms-transition: none !important;;*/
		/*-o-transition: none !important;;*/
		/*transition: none !important;;*/
	/*}*/



	/*.tx-beyer-products .sliderContainer.listSlider .detailImgDescWrapper:not(.opening) .detailImgDescToggle.open ~ .detailImgDesc {*/
		/*padding-bottom: 0;*/
	/*}*/

	/*
	  .tx-beyer-products .sliderContainer.listSlider .detailImgDescToggle.open ~ .detailImgDesc p
	  .sliderContainer.showJson .detailImgDescToggle.open ~ .detailImgDesc p {
		  max-height: 500px;
		  -webkit-transition: max-height 2s;
		  -moz-transition: max-height 2s;
		  -ms-transition: max-height 2s;
		  -o-transition: max-height 2s;
		  transition: max-height 2s;
	  }*/


	 /*** new products mobile slider ****/

	.detailImgDescWrapper {
		width: 100%;
		font-size: 13px;
		text-align: center;
		position: relative;
		top: 0;
		height: 100%;


	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	body,
	.htmlarea-content-body,
	#containerLeft.sagaHeader .detailImgDesc p,
	#footerNav li {
		font-size: 18px;
	}

	.cmsBanner {
		font-size: 15px;
	}

	.powermail_check_legend,
	.styleable-select-container .styleable-select-selection,
	.tx-powermail {
		font-size: 16px;
	}

	.newsHomeTeaserDesc,
	.footerMetaBox .bodytext,
	.newsListTxt .bodytext,
	.footerMetaBox a {
		font-size: 14px;
	}
}