/* eyepage-mini css */

@font-face {
  font-family: 'eyepage_bauerbod';
  src: url('../fonts/bauerbod.eot?') format('eot'),
       url('../fonts/bauerbod.woff') format('woff');
}

@font-face {
  font-family: 'eyepage_interstate';
  src: url('../fonts/interstate.eot?') format('eot'),
       url('../fonts/interstate.woff') format('woff');
}

@font-face {
  font-family: 'eyepage_interstate_bold';
  src: url('../fonts/interstate_bold.eot?') format('eot'),
       url('../fonts/interstate_bold.woff') format('woff');
}

@font-face {
  font-family: 'helvetica_bold';
  src: url('../fonts/helvetica-bold-webfont.eot?') format('eot'),
       url('../fonts/helvetica-bold-webfont.woff') format('woff');
}

@font-face {
  font-family: 'helvetica_condensed';
  src: url('../fonts/helvetica-condensed-webfont.eot?') format('eot'),
       url('../fonts/helvetica-condensed-webfont.woff') format('woff');
}

@font-face {
  font-family: 'helvetica_light';
  src: url('../fonts/helvetica-light-webfont.eot?') format('eot'),
       url('../fonts/helvetica-light-webfont.woff') format('woff');
}

@font-face {
  font-family: 'opensans';
  src: url('../fonts/OpenSansRegular.woff') format('woff');
}

body {
	background: #f5f5f5 url(../img/bg.png) 0px 0px repeat-x;
	color: #000;
	font-family: opensans,Arial,"sans serif",Helvetica;
	font-size: 12px;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

.hide_content {
	display: none !important;
}

.no-padding {
	padding: 0px !important;
}

.margin-left {
	margin-left: 10px !important;
}

.pointer {
	cursor: pointer;
}

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

/* float clearing for IE6 */
* html .cfix{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
*+html .cfix{
	min-height: 1%;
}

/* float clearing for everyone else */
.cfix:after{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

div.error
{
	background-color: #FFFFCC;
	border: 1px solid #9F0004;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 10px;
	display: inline-block;
}

ul.error
{
	margin-top:10px;
	margin-right: 20px;
}

ul.error li
{
	color: #9F0004;
	padding-right: 5px;
}

div.green
{
	background-color: #CEFFCC;
	border: 1px solid #049F00;
	padding: 10px;
	color: #049F00;
	display: inline-block;
	font-size:14px;
	margin: 10px 0px 20px 0px;
}

div.red
{
	background-color: #FFFFCC;
	border: 1px solid #9F0004;
	padding: 10px;
	color: #9F0004;
	display: inline-block;
	font-size: 14px;
	margin: 10px 0px 20px 0px;
}

div#main {
	width: 1024px;
	z-index: 3;
	position: absolute;
	top: 0px;
	left: 0px;
}

div#left {
	float: left;
	width: 988px;
	min-height: 600px;
	padding: 0px 18px 18px 18px;
}

div#right {
	float: right;
	width: 256px;
	min-height: 1000px;
	height: 1000px;
}

/* Header */

div#header {
	position:relative;
	height: 200px;
}

div#header-text {
	position: absolute;
	font-size:16px;
	color: #999461;
	top: 157px;
	left: 64px;
	text-transform: uppercase;
}

div#header-logo {
	position:absolute;
	top: 0px;
	right: 0px;
	width: 205px;
	height: 96px;
	background: url(../img/eyepage_systems_logo.png);
}

/* Preview */
#preview {
	position: absolute;
	top: 39px;
	right: 0px; /* -1080px; */
	z-index: 3000;
	width: 56px; /* 1142px */
	height: 640px;
	background: url(../img/bg_preview.png) 0 0 no-repeat;
	overflow: hidden;
}

#preview #preview_toggle {
	position: absolute;
	top: 282px;
	left: 6px;
	width: 56px;
	height: 77px;
	cursor: pointer;
}

#preview #preview_content {
	position: absolute;
	top: 9px;
	left: 68px;
	width: 1068px;
	height: 618px;
	background: #fff;
}

#preview #preview_loading {
	position: absolute;
	width: 66px;
	height: 66px;
	left: 569px;
	top: 285px;
}

/* Header RR 09-2012 */
#header_rr {
	position: relative;
	top: 0px;
	left: 0px;
	width: calc(100vw - 35px);
	height: 289px;
	background: url(../img/eyepage_systems_logo.png) 0px 0px no-repeat;
}

#header_rr h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
	padding: 8px 0 0 20px;
	color: #fff;
}

#header_rr .loginname {
	position: absolute;
	top: 14px;
	right: 108px;
	width: 673px;
	text-align: right;
	font-size: 12px;
	color: #000;
}

#header_rr .logout {
	position: absolute;
	top: 8px;
	right: 18px;
	width: 70px;
	height: 25px;
}

#header_rr .logout a {
	color: #fff;
	text-decoration: none;
}

#header_rr table#navi_rr {
	position: absolute;
	top: 111px;
	left: 0px;
	height: 101px;
}

#header_rr table#navi_rr tr#navi_rr_tr1 {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
}

#header_rr table#navi_rr tr#navi_rr_tr1 td {
	position: relative;
}

#header_rr table#navi_rr tr#navi_rr_tr1 td .menu_caption {
	position: absolute;
	top: 55px;
	left: 0;
	text-transform: none;
	font-size: 12px;
	color: #393943;
	text-align: center;
	width: 88px;
}

#header_rr table#navi_rr tr#navi_rr_tr1 td a {
	color: #393943;
	text-decoration: none;
}

#header_rr table#navi_rr tr#navi_rr_tr2 {
	font-size: 15px;
	line-height: 15px;
}

#header_rr table#subnavi_rr {
	position: absolute;
	top: 224px;
	left: 0px;
}

#header_rr table#navi_rr tr#navi_rr_tr1 td .menu_icon:hover {
	/*background: url(../img/btt_main_hover.png) 0px 0px no-repeat;*/
}

#header_rr table#subnavi_rr tr td {
	padding-right: 18px;
}

#header_rr table#subnavi_rr tr td a {
	color: #727272;
	text-decoration: none;
}

#header_rr table#subnavi_rr tr td.active a {
	color: #393943;
}

#header_rr .subnavi-pro {
	position: absolute;
	top: 224px;
	left: -18px;
	background: #535353;
	width: calc(100% + 18px);
	padding-left: 18px;
}

#header_rr .subnavi-pro .eyepage_button2,
#header_rr .subnavi-pro .eyepage_button2_active {
	margin-bottom: 18px;
}

#header_rr #current_account {
	position: absolute;
	font-size: 12px;
	color: #000;
	top: 142px;
	right: 18px;
	width: 400px;
	height: 55px;
	text-align: right;
	overflow: hidden;
	line-height: 20px;
}

#header_rr #current_account b {
	color: #8bb31d;
}

.eyepage_button {
	height: 28px;
	cursor: pointer;
}

.eyepage_button .left {
	float: left;
	width: 6px;
	height: 28px;
	margin: 0;
	padding: 0;
	background: url(../img/layout_btt_left.png) 0 0 no-repeat;
}

.eyepage_button .right {
	float: left;
	width: 6px;
	height: 28px;
	background: url(../img/layout_btt_right.png) 0 0 no-repeat;
}

.eyepage_button .center {
	float: left;
	height: 28px;
	background: url(../img/layout_btt_middle.png) 0 0 repeat-x;
	font-size: 12px;
	line-height: 28px;
	color: #fff;
	padding: 0 5px;
	margin: 0;
}

.eyepage_button_active {
	height: 28px;
	cursor: pointer;
}

.eyepage_button_active .left {
	float: left;
	width: 6px;
	height: 28px;
	margin: 0;
	padding: 0;
	background: url(../img/layout_btt_active_left.png) 0 0 no-repeat;
}

.eyepage_button_active .right {
	float: left;
	width: 6px;
	height: 28px;
	background: url(../img/layout_btt_active_right.png) 0 0 no-repeat;
}

.eyepage_button_active .center {
	float: left;
	height: 28px;
	background: url(../img/layout_btt_active_middle.png) 0 0 repeat-x;
	font-size: 12px;
	line-height: 28px;
	color: #9a9560;
	padding: 0 5px;
	margin: 0;
}

.eyepage_button2 {
	height: 28px;
	cursor: pointer;
	float: left;
	margin-right: 15px;
	user-select: none;
}

.eyepage_button2 .left {
	float: left;
	width: 6px;
	height: 28px;
	margin: 0;
	padding: 0;
	background: url(../img/layout_btt_left.png) 0 0 no-repeat;
}

.eyepage_button2 .right {
	float: left;
	width: 6px;
	height: 28px;
	background: url(../img/layout_btt_right.png) 0 0 no-repeat;
}

.eyepage_button2 .center {
	float: left;
	height: 28px;
	background: #a2b64f;
	font-size: 12px;
	line-height: 28px;
	color: #fff;
	padding: 0 5px;
	margin: 0;
}

.eyepage_button2_active {
	height: 28px;
	cursor: pointer;
	float: left;
	margin-right: 15px;
}

.eyepage_button2_active .left {
	float: left;
	width: 6px;
	height: 28px;
	margin: 0;
	padding: 0;
	background: url(../img/layout_btt_active_left.png) 0 0 no-repeat;
}

.eyepage_button2_active .right {
	float: left;
	width: 6px;
	height: 28px;
	background: url(../img/layout_btt_active_right.png) 0 0 no-repeat;
}

.eyepage_button2_active .center {
	float: left;
	height: 28px;
	background: #728538;
	font-size: 12px;
	line-height: 28px;
	color: #fff;
	padding: 0 5px;
	margin: 0;
}

.eyepage_custom_menu_item .center {
	padding:  0 11px;
}

.eyepage_custom_menu_item.hidden .center {
	background-image:  repeating-linear-gradient(135deg,
	                                #535353 0%,
	                                #535353 5%, #899c3e 5%,
	                                #899c3e 10%, #535353 10%);
}

.eyepage_button2_active.hidden .center {
	background-image:  repeating-linear-gradient(135deg,
	                                #535353 0%,
	                                #535353 5%, #728538 5%,
	                                #728538 10%, #535353 10%);
}

.eyepage_placeholder {
	height: 28px;
	float: left;
	width: 35px;
}

/* Login */

#login {
	position: absolute;
	top: 99px;
	left: 606px;
	width: 400px;
	text-align: right;
	z-index: 2;
}

#login a {
	text-decoration: none;
	color: #999461;
}

#login a:hover {
	text-decoration: underline;
}

/* Navigation */

div#navigation {
	height:25px;
}

div#navigation ul {
	margin: 0px;
	padding: 0px;
}

div#navigation ul li {
	float:left;
	list-style: none;
	font-size: 14px;
	color: #8bb31d;
}

div#navigation ul li.divider {
	padding: 0px 17px;
}

div#navigation ul li  a{
	font-size: 14px;
	color: #8bb31d;
	text-decoration: none;
}

div#navigation ul li a:hover {
	font-size: 14px;
	color: #8bb31d;
	text-decoration: underline;
}

div#navigation ul li a:visited{
	font-size: 14px;
	color: #8bb31d;
	text-decoration: none;
}

/* Navigation2 */

div#navigation2 {
	height:59px;
}

div#navigation2 ul {
	margin: 0px;
	padding: 0px;
}

div#navigation2 ul li {
	float:left;
	list-style: none;
	font-size: 14px;
	color: #999461;
}

div#navigation2 ul li.divider {
	padding: 0px 17px;
}

div#navigation2 ul li  a{
	font-size: 14px;
	color: #999461;
	text-decoration: none;
}

div#navigation2 ul li a:hover {
	font-size: 14px;
	color: #999461;
	text-decoration: underline;
}

div#navigation2 ul li a:visited{
	font-size: 14px;
	color: #999461;
	text-decoration: none;
}

/* content */

div.black-button, a.black-button, input.black-button {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	color: #FFF;
	padding: 5px 10px;
	cursor:pointer;
	font-size: 13px;
	text-decoration:none;
	background: #9eb843;
  border: 1px solid #9eb843;
}

input.black-button.small {
	display: inline-block;
	height: 21px;
	line-height: 12px;
	color: #FFF;
	padding: 3px 5px;
	cursor:pointer;
	font-size: 10px;
	text-decoration:none;
	background: #9eb843;
  border: 1px solid #9eb843;
}

div.black-button.disabled, a.black-button.disabled, input.black-button.disabled {
	color: #d9d9d9;
	background: #b3b3b3;
  border: 1px solid #b3b3b3;
  cursor: no-drop;
}

div.black-button.active {
	background: #6e862f;
  border: 1px solid #6e862f;
}

div#content {
	float:left;
	position:relative;
	width: 988px;
}

div#content_w_submenu {
	position: absolute;
	top: 266px;
	left: 0;
	width: 988px;
}

#content_w_submenu #sub_menu {
	float: left;
	width: 250px;
	background: url(../img/bg_navi3.png) 0 0 repeat-y;
	padding-top: 25px;
	overflow-x: hidden;
}

#content_w_submenu #sub_menu h1 {
	font-size: 18px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 0 18px;
	color: #000000;
}

#content_w_submenu #sub_menu .entries {
	margin: 15px 0 0 18px;
}

#content_w_submenu #sub_menu .entries .entry {
	height: 30px;
	width: 188px;
	overflow: hidden;
	/*background: url(../img/navi3_normal.png) 0 5px no-repeat;*/
	line-height: 30px;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	text-indent: 29px;
	margin-bottom: 3px;
	cursor: pointer;
}

#content_w_submenu #sub_menu .entries #submenu_basicdata {
	background: url(../img/document-text-outline.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_basicdata.active {
	background: url(../img/document-text-outline-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_packages {
	background: url(../img/cube-outline.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_packages.active {
	background: url(../img/cube-outline-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_assignments1 {
	background: url(../img/ribbon-outline.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_assignments1.active {
	background: url(../img/ribbon-outline-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_assignments2 {
	background: url(../img/school-outline.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_assignments2.active {
	background: url(../img/school-outline-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_supplier {
	background: url(../img/lieferanten.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_supplier.active {
	background: url(../img/lieferanten-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_brands {
	background: url(../img/marken.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_brands.active {
	background: url(../img/marken-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_variables {
	background: url(../img/variable.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_variables.active {
	background: url(../img/variable-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_title {
	background: url(../img/titel.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_title.active {
	background: url(../img/titel-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_colors {
	background: url(../img/farben.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_colors.active {
	background: url(../img/farben-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_fonts {
	background: url(../img/font.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_fonts.active {
	background: url(../img/font-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_tracking {
	background: url(../img/tracking.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_etracker {
	background: url(../img/icon-etracker.svg) 3px 0 no-repeat; background-size: 30px 45px;
}
#content_w_submenu #sub_menu .entries #submenu_etracker.active {
	background: url(../img/icon-etracker-active.svg) 3px 0 no-repeat; background-size: 30px 45px;
}
#content_w_submenu #sub_menu .entries #submenu_cookiebanner {
	background: url(../img/icon-cookiebanner.svg) 0px 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_cookiebanner.active {
	background: url(../img/icon-cookiebanner-active.svg) 0px 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_tracking.active {
	background: url(../img/tracking-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_googletagmanager {
	background: url(../img/google.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_googletagmanager.active {
	background: url(../img/google-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_header {
	background: url(../img/header.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_openinghours {
	background: url(../img/clock.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_openinghours.active {
	background: url(../img/clock-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_header.active {
	background: url(../img/header-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_logo {
	background: url(../img/logo.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_logo.active {
	background: url(../img/logo-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_menu {
	background: url(../img/menu.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_menu.active {
	background: url(../img/menu-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_favicon {
	background: url(../img/favicon.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_favicon.active {
	background: url(../img/favicon-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_contactlinks {
	background: url(../img/kontakt.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_contactlinks.active {
	background: url(../img/kontakt-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_facebook {
	background: url(../img/facebook.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_facebook.active {
	background: url(../img/facebook-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_twitter {
	background: url(../img/twitter.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_twitter.active {
	background: url(../img/twitter-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_instagram {
	background: url(../img/instagram.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_instagram.active {
	background: url(../img/instagram-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_google {
	background: url(../img/google.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_google.active {
	background: url(../img/google-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_youtube {
	background: url(../img/youtube.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_youtube.active {
	background: url(../img/youtube-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_account {
	background: url(../img/abrechnung.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_account.active {
	background: url(../img/abrechnung-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_pro {
	background: url(../img/pro-upgrade.svg) 0 2px no-repeat; background-size: 20px 20px;
}
#content_w_submenu #sub_menu .entries #submenu_pro.active {
	background: url(../img/pro-upgrade-active.svg) 0 2px no-repeat; background-size: 20px 20px;
}
#content_w_submenu #sub_menu .entries #submenu_userdata {
	background: url(../img/document-text-outline.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_userdata.active {
	background: url(../img/document-text-outline-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_rights,
#content_w_submenu #sub_menu .entries #submenu_productrights {
	background: url(../img/rechte.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_rights.active,
#content_w_submenu #sub_menu .entries #submenu_productrights.active {
	background: url(../img/rechte-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_productgroups {
	background: url(../img/warengruppen.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_productgroups.active {
	background: url(../img/warengruppen-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_appointment {
	background: url(../img/calendar.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_appointment.active {
	background: url(../img/calendar-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}


#content_w_submenu #sub_menu .entries #submenu_productcategory1 {
	background: url(../img/warengruppen.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_productcategory1.active {
	background: url(../img/warengruppen-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_productcategory2 {
	background: url(../img/kontaktlinsen.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_productcategory2.active {
	background: url(../img/kontaktlinsen-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_productcategory3 {
	background: url(../img/pflegemittel.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_productcategory3.active {
	background: url(../img/pflegemittel-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_productcategory4 {
	background: url(../img/zubehoer.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_productcategory4.active {
	background: url(../img/zubehoer-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_images {
	background: url(../img/hintergrund.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_images.active {
	background: url(../img/hintergrund-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}


#content_w_submenu #sub_menu .entries #submenu_basicdata2 {
	background: url(../img/allgemein.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_basicdata2.active {
	background: url(../img/allgemein-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_articles {
	background: url(../img/inhalt.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_articles.active {
	background: url(../img/inhalt-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_thumbnail {
	background: url(../img/thumbnail.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_thumbnail.active {
	background: url(../img/thumbnail-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_background {
	background: url(../img/hintergrund.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_background.active {
	background: url(../img/hintergrund-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_usage {
	background: url(../img/optikerverwendung.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_usage.active {
	background: url(../img/optikerverwendung-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_selfrefreshing {
	background: url(../img/aktualisierung.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_selfrefreshing.active {
	background: url(../img/aktualisierung-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_content {
	background: url(../img/inhalt.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_content.active {
	background: url(../img/inhalt-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_settings {
	background: url(../img/einstellung.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_settings.active {
	background: url(../img/einstellung-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_email {
	background: url(../img/kontakt.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_email.active {
	background: url(../img/kontakt-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

#content_w_submenu #sub_menu .entries #submenu_marketplace {
	background: url(../img/marketplace.svg) 0 0 no-repeat; background-size: 19px 28px;
}
#content_w_submenu #sub_menu .entries #submenu_marketplace.active {
	background: url(../img/marketplace-active.svg) 0 0 no-repeat; background-size: 19px 28px;
}

.eyepage-icon {
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	display: inline-block;
	margin: 0 2px 2px 0;
}

.eyepage-icon-pencil {
	background: url(../img/icon-white-bearbeiten.svg) 3px 2px no-repeat; background-size: 19px 19px;
}
.eyepage-icon-trash {
	background: url(../img/icon-white-loeschen.svg) 4px 3px no-repeat; background-size: 19px 19px;
}
.eyepage-icon-login {
	background: url(../img/icon-white-einloggen.svg) 3px 3px no-repeat; background-size: 19px 19px;
}
.eyepage-icon-person {
	background: url(../img/icon-white-benutzer.svg) 3px 2px no-repeat; background-size: 19px 19px;
}
.eyepage-icon-unlocked {
	background: url(../img/icon-white-entsperren.svg) 3px 2px no-repeat; background-size: 19px 19px;
}
.eyepage-icon-locked {
	background: url(../img/icon-white-sperren.svg) 3px 2px no-repeat; background-size: 19px 19px;
}
.eyepage-icon-search {
	background: url(../img/icon-white-suchen.svg) 3px 2px no-repeat; background-size: 19px 19px;
}

.eypage-cms-edit {
	box-sizing: border-box;
	width: 24px;
	height: 24px;
	display: inline-block;
	margin: 0 2px 2px 0;
}
.eypage-cms-edit-up {
	background: url(../img/icon-white-hoch.svg) 3px 2px no-repeat; background-size: 19px 19px;
}
.eypage-cms-edit-down {
	background: url(../img/icon-white-runter.svg) 3px 2px no-repeat; background-size: 19px 19px;
}
.eypage-cms-edit-settings {
	background: url(../img/icon-white-einstellungen.svg) 3px 2px no-repeat; background-size: 19px 19px;
}
.eypage-cms-edit-delete {
	background: url(../img/icon-white-loeschen.svg) 3px 2px no-repeat; background-size: 19px 19px;
}

#content_w_submenu #sub_menu .entries .active {
	background: url(../img/navi3_active.png) 0 5px no-repeat;
	color: #8bb31d;
}

#content_w_submenu #sub_menu .backbutton {
	margin: 40px 0 0 18px;
}

#content_w_submenu #sub_content {
	float: left;
	width: 738px;
	padding-top: 25px;
}

div#headline {

}

.ui-tabs-nav {
	border-top: 1px solid #65666D;
}

div#tabs {
	float:left;
	width: 988px;
	padding: 0px;
	border: none;
}

div#tabs ul.tab-ul {
	position: absolute;
	top: -45px;
	right: 0px;
	float:left;
	margin:0px;
	padding:0px;
	background:none;
	border:none;
}

div#tabs ul.tab-ul li {
	float:left;
	list-style: none;
	border: none;
	padding:0px;
}

div#tabs ul.tab-ul li a {
	float:left;
	display:block;
	height: 18px;
	color: #FFF;
	padding: 5px 10px;
	cursor:pointer;
	font-size: 13px;
	text-decoration:none;
}

div#tabs div.tab-part {
	float:left;
	width: 988px;
	margin-top:30px;
	padding: 0px;
}

div#tabs div.tab-part form {
	width: 988px;
	float:left;
}

label.buttonset-label {
	margin: 0px !important;
	margin-left: 1px !important;
	width: 86px !important;
	height: 22px;
	padding: 2px;
	display: inline-block !important;
}

label.buttonset-label-news {
	margin: 0px !important;
	margin-left: 1px !important;
	width: 150px !important;
	height: 22px;
	padding: 2px;
	display: inline-block !important;
}

div#content h1, h2, h3,
div#content_w_submenu h1, h2, h3 {
	font-size:17px;
	/*color: #000;*/
	font-weight:normal;
	margin-top: 0px;
}

div#content h2,
div#content_w_submenu h2 {
	font-size:16px;
	color: #000;
	margin-bottom: 20px;
}

div#content h3,
div#content_w_submenu h3 {
	font-size:14px;
	margin-top: 10px;
	margin-bottom: 10px;
}

div#content button.black-button,
div#content_w_submenu button.black-button {
	border: none;
	padding: 5px 10px;
	background: #8bb31d;
	color: #FFF;
	cursor:pointer;
}

div#search {
	position:relative;
	height: 32px;
	background: #8bb31d;
	margin-top: 10px;
	margin-bottom: 12px;
}

div#search-field {
	position: absolute;
	top: 6px;
	right: 6px;
}

div#search-field span{
	height: 20px;
	color: #FFF;
}

div#search-field input{
	height: 15px;
}

/* Forms */
div.core-data-part {
	float:left;
	width:988px;
	margin-top: 32px;
}

div.core-data-part form {
	float:left;
	width:988px;
}

div.form-line-divider {
	width: 988px;
	height: 2px;
	line-height: 2px;
	margin: 30px 0 10px 0;
	background: url(../img/bg_line.png) 0 0 repeat-x;
	float: left;
}

div.form-row {
	width: 988px;
	float: left;
	margin-top: 15px;
}

div.form-row .divider-vertical {
	width: 2px;
	height: 10px;
	margin: 0px 30px 0px 30px;
	background: url(../img/bg_line2.png) 0 0 repeat-y;
}

div.form-field {
	float: left;
	margin-left: 12px;
}

div.checkbox-field {
	float: left;
	width: 157px;
	margin-left: 15px;
}

div.checkbox-field-large {
	float: left;
	width: 500px;
	margin-left: 15px;
}

div.checkbox-row {
	margin-top: 5px;
	margin-left: 5px;
}

div.checkbox-field  div span {
	margin-left: 10px;
}

div.form-row label {
	display: block;
	font-size: 15px;
}

div.form-field input[type=text],
div.form-field input.text {
	margin-top: 2px;
	height: 14px;
	color: #666666;
	font-size: 12px;
	border: 1px solid #C1BD9E;
	padding: 10px;
}

#custom_menu_select select {
	margin-top: 2px;
	height: 30px;
	width: 200px;
	color: #666666;
	font-size: 12px;
	border: 1px solid #C1BD9E;
	float: left;
}

div.form-field  input.text-vertical {
	width: 150px;
	display: block;
	margin-bottom: 5px;
	color: #666666;
	font-size: 12px;
	border: 1px solid #C1BD9E;
	padding: 10px;
}

div.action input[type=submit], div.action input[type=reset],
div.action input.submit, div.action input.reset {
	float:left;
	color: #FFF;
	height: 29px;
	padding: 5px 10px;
	font-size: 13px;
	border:none;
}

input.submit, input.reset, input[type=button] {
	color: #FFF;
	height: 29px;
	padding: 5px 10px;
	font-size: 13px;
	border:none;
}

div.action input[type=reset], div.action div input.reset{
	margin-left: 10px;
}

div.form-field form div input[type=checkbox] {
	color: #666666;
	font-size: 12px;
}

div.form-field textarea#mi_info,
div.form-row textarea#news_text,
div.form-row textarea#news_texttrans,
div.form-row textarea#news_headline,
div.form-row textarea#news_headlinetrans {
	width: 330px;
	height: 150px;
	padding: 5px;
	font-size: 12px;
	color: #666666;
	font-family: opensans,Arial,"sans serif",Helvetica;
	resize: none;
	border: 1px solid #C1BD9E;
	overflow-x: hidden;
	overflow-y: scroll;
}

div.form-row textarea#news_headline,
div.form-row textarea#news_headlinetrans,
div.form-field textarea#news_headline,
div.form-field textarea#news_headlinetrans {
	height: 70px !important;
}

div.form-field textarea#mi_info,
div.form-field textarea#news_text,
div.form-field textarea#news_texttrans,
div.form-field textarea#news_headline,
div.form-field textarea#news_headlinetrans {
	width: 330px;
	height: 150px;
	padding: 5px;
	font-size: 12px;
	color: #666666;
	font-family: opensans,Arial,"sans serif",Helvetica;
	resize: none;
	border: 1px solid #C1BD9E;
	overflow-x: hidden;
	overflow-y: scroll;
}

div.form-field textarea#cmaster_news_text,
div.form-field textarea#cmaster_container_description {
	width: 544px;
	height: 150px;
	padding: 5px;
	font-size: 12px;
	color: #666666;
	font-family: opensans,Arial,"sans serif",Helvetica;
	resize: none;
	border: 1px solid #C1BD9E;
	overflow-x: hidden;
	overflow-y: scroll;
}

div.form-field textarea#supplier_information {
	width: 544px;
	height: 150px;
	padding: 5px;
	font-size: 12px;
	color: #666666;
	font-family: opensans,Arial,"sans serif",Helvetica;
	resize: none;
	border: 1px solid #C1BD9E;
	overflow-x: hidden;
	overflow-y: scroll;
}

#supplier_information_counter {
	position: relative;
	top: -17px;
	left: 464px;
	width: 90px;
	text-align: center;
	border-top: 1px solid #C1BD9E;
	border-left: 1px solid #C1BD9E;
}

div.form-field textarea#seo_text,
div.form-field textarea#greeting_text {
	width: 630px;
	height: 300px;
	padding: 5px;
	font-size: 12px;
	color: #666666;
	font-family: opensans,Arial,"sans serif",Helvetica;
	resize: none;
	border: 1px solid #C1BD9E;
}

#mi_info_counter,
#news_text_counter,
#news_texttrans_counter,
#news_headline_counter,
#news_headlinetrans_counter,
#greeting_text_counter {
	position: relative;
	top: -17px;
	left: 250px;
	width: 90px;
	text-align: center;
	border-top: 1px solid #C1BD9E;
	border-left: 1px solid #C1BD9E;
}

#cmaster_news_text_counter {
	position: relative;
	top: -17px;
	left: 454px;
	width: 90px;
	text-align: center;
	border-top: 1px solid #C1BD9E;
	border-left: 1px solid #C1BD9E;
}

div.action {
	float:right;
	margin-top:10px;
}

div.action a {
	width:70px;
	float:left;
	text-align:center;
}

div.cmaster_product_action {
	float:right;
	margin: 36px 86px 0 0;
}

div.cmaster_product_action a {
	width:70px;
	float:left;
	text-align:center;
}


div.hp_product_action {
	float:right;
	margin: 36px 61px 0 0;
}

div.hp_product_action a {
	width:70px;
	float:left;
	text-align:center;
}


/* ButtonSet overide */
#main .ui-button-text-only .ui-button-text { padding: 4px 0px; font-size: 12px;}
#main .ui-buttonset { margin-right: 7px; }
#main .ui-buttonset .ui-button { margin-left: 0; margin-right: 0px; padding: 7px; }

#main .ui-buttonset .ui-button { margin-right: 5px; }
#main .ui-buttonset .ui-button:last-of-type { margin-right: 0px; }

/* Login */
.login-box-wrapper {
	display: flex;
	justify-content: center;
	align-self: center;
	width: 100vw;
}
#login_box {
	background: #535353;
	padding: 20px;
	margin-top: 150px;
}

#login_box .title {
	font-size: 20px;
	font-weight: normal;
	color: #fff;
	margin: 8px 0px 18px 0;
}

#login_box label {
	display: block;
	font-size: 14px;
	color: #8bb31d;
	margin: 0px 0px 3px 0;
}

#login_box input.textbox {
	box-sizing: border-box;
	width: 100%;
	height: 30px;
	border: 1px solid #bcb89a;
	background: #fff;
	font-size: 14px;
	line-height: 30px;
	color: #000;
	margin: 0px 0px 9px 0;
	text-indent: 9px;
}

#login_box #forgot {
	font-size: 12px;
	color: #8bb31d;
	cursor: pointer;
	margin: 0px 0px 0px 12px;
}

/* Login button */
#loginbutton {
	margin: 20px 0 0 0;
}

#eyepage_version {
	position: absolute;
	top: 196px;
	left: 12px;
	color: #fff;
}

.btn_delete,
.btn_lock,
.btn_unlock,
.btn_send {
	cursor: pointer;
}

.DataTables_sort_wrapper {
	cursor: pointer;
}

.radiodiv {
	height: 16px;
	width: 156x;
	float:left;
	padding-left: 50px;
	margin: 0;
	background: url("../img/checkbox.gif") no-repeat;
	cursor: default;
	text-align:left;
}

.checkboxdiv {
	height: 16px;
	width: 16px;
/*	float:left;*/
	margin: 0px 10px 0px 0px;
	padding-left: 50px;
	background: url("../img/checkbox.gif") 0 0 no-repeat;
	cursor: default;
	margin-bottom: 10px;
	text-align:left;
}

.checkboxdiv label {
	width: 300px;
}

.checkboxdiv label.short {
	width: 250px;
	font-size: 12px;
}

.radiodiv input, .checkboxdiv input {
	display: none;
}

.radiodiv input.show, .checkboxdiv input.show {
	display: inline;
}

/* Top 10 */
#top_saved {
	margin-top: 30px;
}

#top_saved h3 {
	font-size:16px;
	color: #999461;
}

#top_saved .product {
	width: 400px;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-left: 10px;
}

#top_saved .action {
	float: left;
	height: 30px;
	margin: 0;
}

/* Eigene Menüpunkte */
/* TODO
#dealer_menu_info {
	position: fixed;
	border: 1px solid #999;
	top: 235px;
	left: 700px;
	z-index: 1000;
	background: #eee;
	padding: 12px;
	width: 280px;
}
*/

#custom_menu_create .part{
	float: left;
}

#custom_menu_create input,
#dealer_menu_info input,
#custom_menu .part input {
	margin-top: 2px;
	color: #666666;
	font-size: 12px;
	border: 1px solid #C1BD9E;
	padding: 10px;
	width: 214px;
	height: 14px;
}

#custom_menu_create select,
#dealer_menu_info select {
	width: 235px;
}

#custom_menu_create .part label,
#dealer_menu_info .part label {
	display: block;
}


#custom_menu_create .part,
#dealer_menu_info .part {
	margin-bottom: 10px;
}

#dealer_menu_info .part4,
#custom_menu_create .part4 {
	display: none;
}

#custom_menu {
	margin-top: 30px;
}

#custom_menu h3 {
	font-size:14px;
}

#custom_menu .mainentry {
	width: 410px;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-left: 0px;
}

#custom_menu .entry {
	width: 400px;
	float: left;
	height: 30px;
	line-height: 30px;
	margin-left: 10px;
}

#custom_menu .action {
	float: left;
	height: 30px;
	margin: 0;
}

/* HP */
#preview_loginbar {
	width: 988px;
	height: 24px;
	background: #393943;
	margin-bottom: 1px;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	line-height: 24px;
	color: #999461;
}
#preview_loginbar span {
	margin-right:10px;
}

#preview_loginbar a {
	text-decoration: none;
	color: #999461;
}

#preview_navbar {
	width: 988px;
	height: 30px;
	line-height: 30px;
	background: #999461;
	margin-bottom: 1px;
	color: #fff;
	font-size: 14px;
}

#preview_navbar span {
	margin-left: 16px;
}

#preview_navbar a {
	text-decoration: none;
	color: #fff;
}

#preview_sidebar_wrapper {
	position: absolute;
	top: 56px;
	left: 942px;
	width: 46px;
	height: 754px;
	overflow: hidden;
}

#preview_sidebar {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 475px;
	height: 754px;
	overflow: hidden;
}

#preview_sidebar_klappe {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 52px;
	height: 754px;
}

#preview_sidebar_main {
	position: absolute;
	background: #393943;
	top: 0px;
	left: 52px;
	width: 423px;
	height: 754px;
}

.checkboxdivsidebar {
	height: 16px;
	width: 16px;
	float:left;
	margin: 0px 10px 0px 0px;
	padding-left: 0px;
	background: url("../img/checkbox.gif") 0 0 no-repeat;
	cursor: default;
	text-align:left;
}

.checkboxdivsidebar label {
	width: 300px;
	padding-left: 30px;
	color: #fff;
}

.checkboxdivsidebar label.short {
	width: 250px;
	font-size: 12px;
}

.radiodivsidebar input, .checkboxdivsidebar input {
	display: none;
}

.radiodivsidebar input.show, .checkboxdivsidebar input.show {
	display: inline;
}

.radiodivsidebar {
	height: 16px;
	width: 16px;
	float:left;
	margin: 0px 10px 0px 0px;
	background: url("../img/checkbox.gif") 0 0 no-repeat;
	cursor: default;
	text-align:left;
}

.radiodivsidebarlabel {
	float: left;
	width: 40px;
	color: #fff;
}

/* Sidebar - Home */
#preview_sidebar_scroller .image_upload {
	float: left;
	width: 120px;
}
#preview_sidebar_scroller .image_218 {
	width: 180px;
}
#preview_sidebar_scroller .image_219 {
	width: 230px;
}
#preview_sidebar_scroller .image_188 {
	width: 200px;
}
#preview_sidebar_scroller .image_237 {
	width: 250px;
}

#preview_sidebar_scroller .image_upload_link {
	float: left;
	color: #fff;
	margin-top: 120px;
}

#preview_sidebar_scroller .imagelink_188 {
	margin-top: 45px;
}

#preview_sidebar_scroller .imagelink_202 {
	margin-top: 75px;
}
#preview_sidebar_scroller .imagelink_218 {
	margin-top: 190px;
}
#preview_sidebar_scroller .imagelink_219 {
	margin-top: 175px;
}
#preview_sidebar_scroller .imagelink_237 {
	margin-top: 110px;
}
#preview_sidebar_scroller .imagelink_237_2 {
	margin-top: 135px;
}
#preview_sidebar_scroller .imagelink_297 {
	margin-top: 120px;
}

#preview_sidebar_scroller .imagelink_456 {
	margin-top: 75px;
}


#preview_sidebar_scroller .label,
#preview_sidebar_scroller .label_float {
	color: #fff;
	font-size: 14px;
	padding: 0;
	margin: 10px 0px 3px 0px;
}

#preview_sidebar_scroller .label_float {
	float: left;
	width: 235px;
}

#preview_sidebar_scroller .divider {
	height: 10px;
}

#preview_sidebar_scroller {
	width: 396px;
	height: 724px;
	overflow: auto;
	margin: 14px 0px 0px 14px;
}

.home_bgmusic {
	float: left;
	width: 100px;
	font-size: 12px;
	color: #fff;
	margin-left: 40px;
}

.sort_handle,
.delete_handle {
	cursor: pointer;
}

.character_counter {
	width: 135px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	float: left;
	background: #999461;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0px 5px 0px;
	color: #fff;
}

.textbox_small input[type=text] {
	width: 368px;
	height: 28px;
	line-height: 30px;
	border: 1px solid #b5b193;
	color: #595458;
	font: normal 12px opensans, Arial, Verdana, Helvetica, sans-serif;
	text-indent: 9px;
}

.textbox_large textarea {
	width: 350px;
	height: 90px;
	border: 1px solid #b5b193;
	background: #fff;
	font: normal 12px opensans, Arial, Verdana, Helvetica, sans-serif;
	line-height: 14px;
	margin-bottom: 0px;
	padding: 9px;
	color: #595458;
	resize: none;
}

.confirm_line {
	width: 370px;
	margin-top: -12px;
}

.confirm_button {
	background: #999461;
	width: 91px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	margin-left: 279px;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}

.video_format {
	font-size: 14px;
	color: #999461;
	width: 50px;
	height: 16px;
	float: left;
	margin-bottom: 5px;
}

.video_file {
	font-size: 14px;
	color: #fff;
	width: 210px;
	height: 16px;
	overflow: hidden;
	float: left;
	margin-bottom: 5px;
}

.video_upload_link {
	font-size: 12px;
	width: 110px;
	height: 16px;
	overflow: hidden;
	float: left;
	margin-bottom: 5px;
	color: #fff;
	text-align: right;
	cursor: pointer;
}

.phil_template_a {
	width: 370px;
	height: 92px;
	background: url(../img/template_philosophie_1.jpg) 250px 0px no-repeat;
}

.phil_template_b {
	width: 370px;
	height: 92px;
	background: url(../img/template_philosophie_2.jpg) 250px 0px no-repeat;
}

#gmap {
	width: 370px;
	height: 230px;
	margin-bottom: 5px;
}

.fin_eingabe input[type=text] {
	width: 230px;
	height: 28px;
	line-height: 30px;
	border: 1px solid #b5b193;
	color: #595458;
	font: normal 12px opensans, Arial, Verdana, Helvetica, sans-serif;
	text-indent: 9px;
}

.fin_eingabe_button {
	background: #999461;
	width: 130px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	font-size: 12px;
	color: #fff;
	cursor: pointer;
}

.fin_eingabe {
	float: left;
	width: 240px;
}

.fin_suchen {
	float: left;
	width: 130px;
}

.preview_sidebar_edit_div {
	display: none;
}

#slideshow_pic_upload {
	color: #fff;
}

/* Menu preview */
#menu_preview {
	position: relative;
}

#menu {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 42px;
	background: url(../img/menu_bg_main.png) 0 0 repeat-x;
	z-index: 100;
}

#menu #history {
	height: 42px;
	width: 100px;
	position: absolute;
	top: 15px;
	left: 0px;
}

#menu #mnu_search {
	height: 42px;
	width: 270px;
	position: absolute;
	top: 10px;
	left: 712px;
	color: #fff;
}

#menu #mnu_search input {
	font: normal 12px opensans, Arial, Verdana, Helvetica, sans-serif;
	border: 0px;
	background: #fff;
	width: 200px;
	height: 20px;
	line-height: 20px;
	color: #b6b7b9;
	font-size: 11px;
	text-indent: 6px;
	margin-left: 6px;
}

#menu #gm_intern {
	height: 42px;
	width: 270px;
	position: absolute;
	top: 0px;
	left: 836px;
	color: #fff;
}

#menu #gm_intern a {
	color: #fff;
	text-decoration: none;
}

#menu #gm_intern a:hover {
	color: #c6c7c8;
}

#menu #history img {
	margin-left: 8px;
	margin-right: 1px;
}

div#text-buttons {
	margin-bottom:5px;
	margin-top: 5px;
}

div#text-buttons div.control {
	display:inline-block;
}

div#text-buttons div.control a {
	cursor:pointer;
}

/* Dealer eyepage */
.dealer_welcome h2 {
	color: #393943 !important;
	font-weight: bold;
	font-size: 16px;
	margin-left: 2px;
}

.dealer_welcome p {
	color: #aa9461;
	font-size: 13px;
	line-height: 18px;
	width: 600px;
	margin-left: 2px;
}

.button_col {
	float: left;
	width: 430px;
	margin-top: 20px;
}

.button_col .large_button {
	position: relative;
}

.button_col .large_button .icon {
	float: left;
	width: 83px;
	height: 81px;
	cursor: pointer;
}

.button_col .large_button .name {
	float: left;
	line-height: 83px;
	text-transform: uppercase;
	font-size: 13px;
	color: #393943;
	cursor: pointer;
}

.button_col .large_button .info {
	float: left;
	margin: 28px 0px 0px 30px;
	cursor: pointer;
}

#layer_background {
	display: none;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:#000;
	z-index: 100;
}

.popup {
	display: none;
	width: 346px;
	position: absolute;
	left: 280px;
	top: 210px;
	z-index: 101;
	background: #fff;
	padding: 6px 16px 30px 20px;
	margin-bottom: 50px;
}

.popup .close {
	color: #b2a36f;
	text-align: right;
	width: 346px;
	text-decoration: underline;
	cursor: pointer;
}

.popup .icon {
	float: left;
	width: 83px;
	height: 81px;
	margin-left: -12px;
}

.popup .name {
	float: left;
	line-height: 83px;
	text-transform: uppercase;
	font-size: 13px;
	color: #393943;
}

.popup .description {
	color: #b2a36f;
	font-size: 12px;
	line-height: 16px;
	margin: 12px 0 0 0;
}

.popup .description .phone {
	font-size: 20px;
	line-height: 35px;
}

#custom_menu a {
	color: #999461;
	text-decoration: none;
}

#custom_menu a:hover {
	text-decoration: underline;
}

.no-border {
border: none !important;
}
.no-padding {
padding: 0px !important;
}

/* Homepage Tile Edit */
#home_design_wrapper {
	position: relative;
	height: 458px;
	cursor: crosshair;
}

#home_design_wrapper #home_design {
	position: absolute;
	top: 10px;
	left: 10px;
}

#home_design_wrapper #ruler_top {
	position: absolute;
	left: 16px;
	top: 0px;
	width: 960px;
	height: 10px;
}

#home_design_wrapper #ruler_top .indicator {
	position: absolute;
	width: 1px;
	height: 10px;
	line-height: 10px;
	background: #E58C2B;
}

#home_design_wrapper #ruler_left_316 {
	position: absolute;
	left: 0px;
	top: 136px;
	width: 10px;
	height: 316px;
}

#home_design_wrapper #ruler_left_448 {
	position: absolute;
	left: 0px;
	top: 16px;
	width: 10px;
	height: 448px;
}

#home_design_wrapper #ruler_left_316 .indicator,
#home_design_wrapper #ruler_left_448 .indicator {
	position: absolute;
	width: 10px;
	height: 1px;
	line-height: 1px;
	background: #E58C2B;
}


#home_design_wrapper #home_design #home_design_greeting {
	position: absolute;
	top: 6px;
	left: 6px;
}

#home_design_wrapper #home_design #home_design_news {
	position: absolute;
	top: 6px;
	left: 599px;
}

#home_design_wrapper #home_design .home_tiles_1 {
	position: absolute;
	top: 126px;
	left: 6px;
	width: 960px;
	height: 316px;
	overflow: hidden;
}

#home_design_wrapper #home_design .home_tiles_2 {
	position: absolute;
	top: 6px;
	left: 6px;
	width: 960px;
	height: 448px;
	overflow: hidden;
}

#home_tile_info #slider_x {
	margin: 6px 0 12px 0;
}

#home_tile_info #slider_y {
	margin: 6px 0 24px 0;
}

#tile_image_info #tile_image_slider_x {
	margin: 6px 0 12px 0;
}

#tile_image_info #tile_image_slider_y {
	margin: 6px 0 24px 0;
}

#tile_text_info #tile_text_slider_x {
	margin: 6px 0 12px 0;
}

#tile_text_info #tile_text_slider_y {
	margin: 6px 0 24px 0;
}

#templatetile_slider_x, #templatetile_slider_y {
	margin: 6px 0 12px 0;
	width: 490px;
}

.dotted_border {
    -webkit-box-shadow:inset 0px 0px 0px 1px #868686;
    -moz-box-shadow:inset 0px 0px 0px 1px #868686;
    box-shadow:inset 0px 0px 0px 1px #868686;
}

#tile_text_textinput {
	margin: 0 0 12px 0;
}

#tile_text_textinput input {
	border: 1px solid #C1BD9E;
	color: #666666;
	font-size: 12px;
	height: 20px;
	line-height: 20px;
	margin-top: 5px;
	padding: 5px;
	width: 325px;
}

#tile_text_color {
	margin-bottom: 12px;
	float: left;
	width: 150px;
}

.tile_thumb {
	width: 214px;
	height: 66px;
	border: 3px solid #e5e4d6;
	background: #e5e4d6;
	float: left;
	margin: 0 6px 6px 0;
	cursor: pointer;
}

.tile_thumb_small {
	width: 107px;
	height: 33px;
	border: 3px solid #e5e4d6;
	background: #e5e4d6;
	float: left;
	margin: 0 6px 6px 0;
	cursor: pointer;
}

.tile_thumb_small:hover {
	border: 3px solid #393943;
}

#dialog-templateimage .image {
	float: left;
	margin: 0 6px 6px 0;
	padding: 5px;
	border: 3px solid #fff;
	cursor: pointer;
}

#dialog-templateimage .image:hover {
	border: 3px solid #393943;
}

#tile_holder #tile #tile_image_preview {
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/bg_table_sort.png) 0 0 repeat;
	display: none;
}

/* Manager */
#manager {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 988px;
	background: url(../img/bg_manager.png) 0px 0px repeat;
}

#manager .menu {
	float: left;
	margin: 18px 0 0 0;
	width: 206px;
	height: 546px;
}

#manager .menu .entry,
#manager .menu .entry_active {
	position: relative;
	margin-bottom: 18px;
	height: 60px;
}

#manager .menu .entry:hover {
	left: 6px;
}

#manager .menu .entry_active {
	left: 6px;
}

#manager .menu .entry .button,
#manager .menu .entry_active .button {
	position: absolute;
	top: 0px;
	left: 0px;
}

#manager .menu .entry .new,
#manager .menu .entry_active .new {
	position: absolute;
	top: -10px;
	right: 10px;
	width: 27px;
	height: 27px;
	background: url(../img/layout_new.png) 0px 0px no-repeat;
	line-height: 24px;
	text-align: center;
}

#manager .menu .entry .new p,
#manager .menu .entry_active .new p {
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	margin: 0px 5px 0px 2px;
}

#manager .content {
	float: left;
	margin: 18px 0 18px 0;
	width: 782px;
	min-height: 528px;
	background: #fff;
}

#manager .content .corner {
	position: absolute;
	top: 18px;
	right: 0px;
}

#manager .content .inner {
	width: 746px;
	margin: 18px 0 18px 18px;
	font-size: 12px;
	color: #20201f;
}

#manager .content .inner p {
	font-size: 12px;
	color: #20201f;
	margin-bottom: 12px;
}

#manager .content .inner p a {
	color: #dd1c82;
	text-decoration: underline;
}

#manager .content .inner .form-row .form-field label {
	font-size: 12px;
}

#manager .content .inner .form-row .form-field input[type=text] {
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	border: 1px solid #bfbb9d;
	padding: 0;
	margin: 3px 0 0 0;
	text-indent: 6px;
}

#manager .content .inner .form-row .form-field .disabled_field {
	width: 250px;
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	background: #bfbb9d;
	padding: 0;
	margin: 3px 0 0 0;
	color: #8bb31d;
}

#manager .content .inner .form-row .form-field .disabled_field p {
	margin: 0 0 0 6px;
	padding: 0;
}

#manager .content .inner .form-row .form-field .tarea {
	width: 630px;
	height: 90px;
	padding: 5px;
	font-size: 12px;
	color: #8bb31d;
	font-family: opensans, Arial,"sans serif",Helvetica;
	resize: none;
	border: 1px solid #bfbb9d;
	overflow-x: hidden;
	overflow-y: scroll;
}

#manager .content .inner .action {
	float:right;
	margin: 12px 103px 12px 0;
}


/* Products */
.product .part {
	border: 1px solid #8bb31d;
	margin-bottom: 12px;
}

.product .part .part_headline {
	background: #8bb31d;
	height: 30px;
	margin: 0;
	padding: 0;
}

.product .part .part_headline p {
	color: #fff;
	margin: 0;
	padding: 6px 0 0 12px;
	font-weight: bold;
}

.product .part .part_content {
	margin: 12px;
	padding-bottom: 12px;
}

.product .part .action {
	margin: 0 35px 12px 0;
}

.product .form-row .form-field label {
	font-size: 12px;
}

.product .form-row .form-field input[type=text] {
	height: 22px;
	line-height: 22px;
	padding: 0;
	border: 1px solid #BFBB9D;
	width: 295px;
	margin: 2px 0 0 0;
}

.product .form-row .form-field select {
	/*
	height: 22px;
	line-height: 22px;
	padding: 0;
	border: 1px solid #BFBB9D;
	width: 250px;
	margin: 4px 12px 0 0;
	*/
}

.product .form-row .form-field textarea {
	width: 927px;
	height: 240px;
	padding: 5px;
	font-size: 12px;
	color: #666666;
	font-family: opensans, Arial,"sans serif",Helvetica;
	resize: none;
	border: 1px solid #BFBB9D;
	overflow-x: hidden;
	overflow-y: scroll;
}

.product .form-row .form-field .disabled_field {
	width: 120px;
	height: 22px;
	font-size: 12px;
	line-height: 22px;
	background: #bfbb9d;
	padding: 0;
	margin: 5px 10px 0 0;
	color: #8bb31d;
}

.product .form-row .form-field .disabled_field p {
	margin: 0 0 0 6px;
	padding: 0;
}

/* Topics */
ul#topics-pages {
	list-style: none;
	margin: 10px 0px;
	padding: 0px;
	width: 640px;
}
ul#topics-pages li{
	border: 1px solid #BFBB9D;
	padding: 5px;
	float: left;
	width: 830px;
	height: 109px;
	background: url("../img/bg_table_odd.png") repeat scroll 0 0 transparent;
	margin-bottom:10px;
}
ul#topics-pages li div.page-thumb {
	float: left;
	width: 230px;
	padding: 5px;
}
ul#topics-pages li div.page-name {
	float: left;
	padding: 10px 20px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	height: 88px;
	width: 388px;
	overflow: hidden;
}
ul#topics-pages li div.page-control-wrapper {
	float:right;
	width: 135px;
	padding:5px;
}
ul#topics-pages li div.page-control {
	float:right;
}
ul#topics-pages li div.page-control div.control {
	display:inline-block;
	padding:3px;
	background:#8bb31d;
}
ul#article-list li div.article-control div.control span.sort_handle {
	cursor:pointer;
}

.dialog_window input[type=text] {
	height: 22px;
	line-height: 22px;
	padding: 0;
	border: 1px solid #BFBB9D;
	width: 269px;
	margin: 4px 12px 0 0;
}

#shipping_form label.buttonset-label {
	margin: 0px !important;
	margin-left: 1px !important;
	width: 140px !important;
	height: 22px;
	padding: 2px;
	display: inline-block !important;
}

#hp_template_tiles,
#master_template_tiles {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 400px;
	overflow: hidden;
	background: url(../img/bg_transparent.png) 0 0 repeat;
}

#hp_header_tiles {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 90px;
	overflow: hidden;
	background: url(../img/bg_transparent.png) 0 0 repeat;
}

#hp_footer_tiles {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 24px;
	overflow: hidden;
	background: url(../img/bg_transparent.png) 0 0 repeat;
}

#hp_header_used_height {
	position: absolute;
	left: 0px;
	width: 960px;
	height: 1px;
	line-height: 1px;
	background: #3A4558;
}

#template_tiles {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 90px;
	overflow: hidden;
	background: url(../img/bg_transparent.png) 0 0 repeat;
}

#product_template_tiles {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 90px;
	overflow: hidden;
}

div.control {
	background: #8bb31d;
	display: inline-block;
	margin-left: 2px;
	padding: 3px;
}

textarea.html_code {
	width: 912px;
	height: 281px;
	border: 1px solid #b5b193;
	background: #fff;
	font: normal 13px "Courier New", Courier, monospace;
	line-height: 14px;
	margin: 12px;
	padding: 9px;
	color: #595458;
	resize: none;
	overflow-y: scroll;
}

#tile_text_textinput textarea {
	width: 323px;
	height: 100px;
	padding: 5px;
	font-size: 12px;
	color: #666666;
	font-family: opensans, Arial,"sans serif",Helvetica;
	resize: none;
	border: 1px solid #BFBB9D;
	overflow-x: hidden;
	overflow-y: scroll;
}

#tabs {
	background: none !important;
}

#sc_rights.sub_content_entry form#form_rights .form-row .checkbox-field-large .form-row .form-field a {
	color: #000;
}

.hp_saved_template_title {
	font-size: 14px;
	font-weight: bold;
	color: #21222c;
	margin: 18px 0 5px 0;
}

.hp_save_template_select select {
	background: transparent;
	width: 245px;
	padding: 5px;
	font-size: 12px;
	color: #21222c;
	line-height: 12px;
	border: 0;
	border-radius: 0;
	height: 24px;
	-webkit-appearance: none;
}

.hp_save_template_select {
	width: 220px;
	height: 24px;
	overflow: hidden;
	background: url(../img/style_select_arrow.png) no-repeat right #e5e3d6;
	border: none;
	margin: 0 0 8px 0;
}

/* Topics */
ul#tile-slides {
	list-style: none;
	margin: 10px 0px;
	padding: 0px;
	width: 640px;
}
ul#tile-slides li{
	border: 1px solid #3B3C45;
	padding: 5px;
	float: left;
	width: 830px;
	height: 109px;
	background: #E5E3D6;
	margin-bottom:10px;
}
ul#tile-slides li div.slide-thumb {
	float: left;
	width: 230px;
	padding: 5px;
}
ul#tile-slides li div.slide-name {
	float: left;
	padding: 10px 20px;
	border-left: 1px solid white;
	border-right: 1px solid white;
	height: 88px;
	width: 388px;
	overflow: hidden;
}
ul#tile-slides li div.slide-control-wrapper {
	float:right;
	width: 135px;
	padding:5px;
}
ul#tile-slides li div.slide-control {
	float:right;
}
ul#tile-slides li div.slide-control div.control {
	display:inline-block;
	padding:3px;
	background:#8bb31d;
}

ul#product_images {
	float: left;
	margin: 0;
	padding: 0;
}


ul#product_images li {
	border-bottom: 1px solid #EBEAE0;
	float: left;
	list-style: none outside none;
	padding: 10px 5px 10px 0;
}


ul#product_images li .product_image {
	float: left;
	padding: 4px;
	width: 230px;
}


ul#product_images li .product_image #controls {
	float: right;
	margin-right: 10px;
}


ul#product_images li .product_image #controls .control {
	background: none repeat scroll 0 0 #8bb31d;
	display: inline-block;
	padding: 3px;
	margin-left: 2px;
}


ul#product_images li .product_image #controls .control a {
	cursor: pointer;
}


ul#product_images li img {
	float: left;
}

/* ---------------------------------------------
	TOGGLE.CSS
-----------------------------------------------*/

input.iT_checkbox_on{
	display:block !important;
	float:left;
	position:relative !important;
	top:-43px !important;
	left:100px !important;
	margin-bottom:-43px;
	}

/* -----------------------------
	This is the important bit
-------------------------------*/

label.ilabel{
	display:block;
	font-size:12px;
	padding-bottom:10px;
	cursor:pointer;
	}

label.itoggle,
label.itoggle span{
	display: block;
	width: 93px;
	height: 27px;
	margin-bottom: 20px;
	background: url(../img/itoggle.png) left bottom no-repeat;
	cursor:pointer;
	text-indent:-5000px;
	}
label.itoggle.iToff{
	background-position:right bottom;
	}
label.itoggle span{
	background: url(../img/itoggle_bg.png) 0 0 no-repeat;
	margin: 0;
	}
input.iT_checkbox{
	position:absolute;
	top:-9999px;
	left:-9999px;
}

/* TipTip CSS - Version 1.2 */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(57,57,68);
	background-color: rgba(57,57,68,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000000));
	border-radius: 0px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(57,57,68);
	border-top-color: rgba(57,57,68,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(57,57,68);
	border-bottom-color: rgba(57,57,68,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(57,57,68);
	border-right-color: rgba(57,57,68,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(57,57,68);
	border-left-color: rgba(57,57,68,0.92);
}

.fieldset
{
    border: 1px solid #ddd;
    margin-top: 1em;
    width: 800px;
}

.fieldset h1
{
    font-size: 12px;
    text-align: center;
}

.fieldset h1 span
{
    display: inline;
    border: 1px solid #ddd;
    background: #fff;
    padding: 5px 10px;
    position: relative;
    top: -1.3em;
}

#cursor_coords {
	display: none;
	position: absolute;
	top: 200px;
	left: 300px;
	background: #f8da61;
	padding: 3px 5px;
	font-size: 12px;
	color: #000;
	z-index: 4000;
	zoom: 1;
	filter: alpha(opacity=85);
	opacity: 0.85;
}

.eyepage_upload_image_button {
	position: absolute;
	text-align: center;
	width: 136px;
	top: 50%;
	left: 50%;
	margin-left: -68px;
	padding: 5px;
	border: 1px solid #000;
	background: #fff;
	cursor: pointer;
	-webkit-box-shadow: -1px 0px 19px 0px rgba(0,0,0,0.67);
	-moz-box-shadow: -1px 0px 19px 0px rgba(0,0,0,0.67);
	box-shadow: -1px 0px 19px 0px rgba(0,0,0,0.67);
	border-radius: 0;

	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed', GradientType=0 );
}

.slideshow-overview {
	margin: 20px 0 0 0;
	padding: 0;
	width: 700px;
}

.slideshow-overview .image {
	background: #ccc none repeat scroll 0 0;
	border: 1px solid #000000;
	float: left;
	height: 70px;
	margin: 3px 10px 23px 0;
	padding: 0;
	position: relative;
	width: 148px;
}

.slideshow-overview .image img {
	position: absolute;
	max-width: 130px;
	max-height: 50px;
	display: inline-block;
	text-align: center;
	left: 50%;
	top: 10px;
	transform: translate(-50%, 0);
}

.slideshow-overview .image .buttons {
	position: absolute;
	bottom: -7px;
	left: 40px;
}

.slideshow-overview .image .buttons img {
	position: relative;
	cursor: pointer;
}


#dialog-edit-map .map-q-headline {
	margin: 10px 0 0 0;
}

#dialog-edit-map #gmap {
	position: relative;
	background: #b3d1ff;
	width: 630px;
	height: 220px;
	margin: 10px 0 10px 0;
}

#dialog-edit-map label {
	display: block;
}

#dialog-edit-map .edit-map-q,
#dialog-edit-map .edit-map-title,
#dialog-edit-map .edit-map-line {
	width: 200px;
	border: 1px solid #888;
	height: 24px;
	line-height: 24px;
}

#dialog-edit-map .edit-map-q {
	width: 552px;
}

#dialog-edit-map .edit-map-title,
#dialog-edit-map .edit-map-line {
	width: 625px;
	margin-bottom: 10px;
}

#dialog-edit-map .map-q-description {
	font-weight: bold;
	margin: 0 0 10px 0;
}

#dialog-edit-map #dialog-edit-map-content .locations {
	margin-bottom: 20px;
	max-height: 377px;
	overflow: auto;
}

#dialog-edit-map #dialog-edit-map-content .locations .location {
	border: 1px solid #ccc;
	padding: 10px 5px;
	display: flex;
	flex-direction: row;
	align-items: flex-start;
	margin-bottom: 20px;
	margin-right: 10px;
}

#dialog-edit-map #dialog-edit-map-content .locations .location .thumbnail {
	width: 170px;
	min-width: 170px;
	max-width: 170px;
	margin-right: 10px;
}

#dialog-edit-map #dialog-edit-map-content .locations .location .content {
	flex: 1;
	margin-right: 10px;
	display: flex;
	flex-direction: column;
}

#dialog-edit-map #dialog-edit-map-content .locations .location .content input {
	margin-bottom: 5px;
	text-indent: 5px;
}

#dialog-edit-map #dialog-edit-map-content .locations .location .buttons {
	display: flex;
	flex-direction: column;
}

#dialog-edit-map #dialog-edit-map-content .locations .location .buttons .save-pin {
	display: none;
	width: 34px;
	min-width: 34px;
	max-width: 34px;
	background: #8bb31d;
	border-radius: 3px;
	cursor: pointer;
	height: 32px;
	margin-bottom: 10px;
}

#dialog-edit-map #dialog-edit-map-content .locations .location .buttons .save-pin.show {
	display: block;
}

#dialog-edit-map #dialog-edit-map-content .locations .location .buttons .save-pin i {
	color: #fff;
	margin: 9px 0 0 11px;
}

#dialog-edit-map #dialog-edit-map-content .locations .location .buttons .remove-pin {
	width: 34px;
	min-width: 34px;
	max-width: 34px;
	background: #8bb31d;
	border-radius: 3px;
	cursor: pointer;
	height: 32px;
}
#dialog-edit-map #dialog-edit-map-content .locations .location .buttons .remove-pin i {
	color: #fff;
	margin: 9px 0 0 11px;
}

#dialog-edit-map #dialog-edit-map-content .add-location {
	display: flex;
	flex-direction: row;
}
#dialog-edit-map #dialog-edit-map-content .add-location input {
	height: 30px;
	margin-right: 10px;
	text-indent: 5px;
}
#dialog-edit-map #dialog-edit-map-content .add-location .add {
	display: inline-block;
	background: #8bb31d;
	border: 1px solid #65666D;
	color: #fff;
	font-size: 14px;
	line-height: 1.428;
	text-align: center;
	padding: 6px 12px;
	margin: 0;
	cursor: pointer;
}

#dialog-edit-logos .wrapper {
	width: 620px;
	height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 10px;
}

#dialog-edit-logos .wrapper .logo {
	position: relative;
	float: left;
	margin: 0 20px 20px 0;
	background: #fff;
	border: 1px solid #888;
	width: 128px;
	height: 105px;
}

#dialog-edit-logos .wrapper .logo.selected {
	background: #aaa;
}

#dialog-edit-logos .wrapper .logo p {
	position: absolute;
	top: 5px;
	left: 10px;
	margin: 0;
	width: 108px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	overflow: hidden;
}

#dialog-edit-logos .wrapper .logo img {
	position: absolute;
	top: 25px;
	left: 10px;
}

#dialog-edit-logos .wrapper .logo input {
	position: absolute;
	top: 80px;
	left: 48px;
}

.news-button-settings,
.rating-settings,
.google-rating-settings,
.zeiss-appointment-settings,
.myeye2-appointment-settings,
.lowvision-appointment-settings {
	margin-top: 10px;
}

.news-button-settings .title,
.rating-settings,
.google-rating-settings,
.zeiss-appointment-settings .title,
.myeye2-appointment-settings .title,
.lowvision-appointment-settings .title {
	font-weight: bold;
	margin-bottom: 10px;
}

.google-rating-settings .titles {
	display: flex;
	flex-direction: row;
}

.google-rating-settings .titles .title {
}
.google-rating-settings .titles .button-small {
	background: #8bb31d;
	font-weight: normal;
	color: #fff;
	height: 15px;
	padding: 2px 10px;
	font-size: 9px;
	margin: 19px 0 0 10px;
	cursor: pointer;
}

.zeiss-appointment-settings .title .info,
.myeye2-appointment-settings .title .info,
.lowvision-appointment-settings .title .info {
	font-weight: normal;
	font-size: 10px;
}

.news-button-settings .selection {
	height: 38px;
}

.news-button-settings .title-text {
	margin-bottom: 15px;
}

.news-button-settings #news-button-current-file {
	margin: 0 20px 0 15px;
}

.news-button-settings #news-button-internal-link {
	width: 300px;
	margin: 0 0 0 15px;
}

.news-button-settings #news-button-url {
	width: 150px;
	height: 24px;
	width: 300px;
	line-height: 24px;
	border: 1px solid #000000;
	margin: 0 0 0 15px;
}

.news-button-settings label {
	margin: 0 0 10px 10px;
	width: 80px;
}

.news-button-settings .colors,
.rating-settings .colors,
.google-rating-settings .colors,
.appointment-button-settings .colors,
.appointment-v2-button-settings .colors,
.contact-button-settings .colors {
	margin: 15px 0 0 0;
}

.news-button-settings .colors .color,
.rating-settings .colors .color,
.google-rating-settings .colors .color,
.appointment-button-settings .colors .color,
.appointment-v2-button-settings .colors .color,
.contact-button-settings .colors .color {
	width: 32px;
	height: 32px;
	background: red;
	float: left;
	margin-right: 10px;
	border: 1px solid #000;
	cursor: pointer;
	margin-top: 4px;
}

.news-button-settings .colors .active,
.rating-settings .colors .active,
.google-rating-settings .colors .active,
.appointment-button-settings .colors .active,
.appointment-v2-button-settings .colors .active,
.contact-button-settings .colors .active {
	border: 4px solid #8bb31d;
	color: #fff;
	font-size: 24px;
	margin-top: 0;
}

.zeiss-appointment-settings-loading,
.myeye2-appointment-settings-loading,
.lowvision-appointment-settings-loading {
	padding: 80px 210px;
}

.color-settings .title {
	margin-top: 10px;
	font-weight: bold;
}

.color-settings .colors {
	margin: 15px 0 0 0;
}

.color-settings .colors .color {
	width: 32px;
	height: 32px;
	background: red;
	float: left;
	margin-right: 10px;
	border: 1px solid #000;
	cursor: pointer;
	margin-top: 4px;
}

.color-settings .colors .active {
	border: 4px solid #8bb31d;
	color: #fff;
	font-size: 24px;
	margin-top: 0;
}


#sc_colors .colors {
	margin: 15px 0 0 0;
}

#sc_colors .colors .color {
	width: 32px;
	height: 32px;
	background: red;
	float: left;
	margin-right: 10px;
	border: 4px solid #efefef;
	cursor: pointer;
}

#sc_colors .colors .active {
	border: 4px solid #8bb31d;
	color: #fff;
	font-size: 24px;
}

input[name=facebook-link],
input[name=twitter-link],
input[name=instagram-link],
input[name=google-link],
input[name=youtube-link],
input[name=title-text],
input[name=page-url],
input[name=page-title],
input[name=page-seo-description],
input[name=page-seo-keywords],
input[name=header-line-1],
input[name=header-line-2],
input[name=contact-email],
input[name=contact_icon_appointment_link],
input[name=contact_icon_phone_link],
input[name=contact_icon_email_link],
input[name=contact_icon_link],
input[name^=variable-] {
	border: 1px solid #c1bd9e;
	color: #666;
	font-size: 12px;
	height: 14px;
	margin: 2px 0 0 0;
	padding: 10px;
	width: 635px;
}

.contact-link {
	display: flex;
	flex-direction: row;
}

.contact-link .contact-link-icon {
	width: 48px;
	height: 48px;
}

.contact-link .contact-link-icon img {
	width: 48px;
	height: auto;
}

.contact-link .inputs {
	margin-left: 20px;
}

.contact-link .inputs .upload-image-button {
	margin-top: 10px;
	margin-bottom: 20px;
}

.contact-link .inputs .row {
	display: flex;
	flex-direction: row;
}

.contact-link .inputs .row input[type=button] {
	margin: 5px 0 0 9px;
}

.contact-link .inputs .delete-contact-icon {
	display: inline-block;
	padding: 3px;
	box-sizing: border-box;
	width: 29px;
	height: 29px;
	margin: 5px 0 4px 5px;
	cursor: pointer;
	background: #9ebb43 url(../img/icon-white-loeschen.svg) 5px 4px no-repeat;
	background-size: 19px 19px;
}

#add-contact-link {
	margin: 10px 0 10px 0;
}

.two-columns {
	display: flex;
	flex-direction: row;
	max-width: 635px;
}

.two-columns .col {
	flex:  1;
}

input[name=menu-font-size],
input[name=menu-font-padding],
input[name=header-type-2-font-size],
input[name=header-type-2-line-height],
input[name=header-type-2-font-size-mobile],
input[name=header-type-2-line-height-mobile] {
	border: 1px solid #c1bd9e;
	color: #666;
	font-size: 12px;
	height: 14px;
	margin: 2px 0 0 0;
	padding: 10px;
	width: 40px;
}
input[name=header-button-url] {
	border: 1px solid #c1bd9e;
	color: #666;
	font-size: 12px;
	height: 14px;
	margin: 2px 0 0 0;
	padding: 10px;
	width: 635px;
}


#template-footer {
	position:relative;
	margin:0;
	width:960px;
	font-size:16px;
	line-height:22px;
	border: 1px dotted #000000;
}

#template-footer .wrapper {
    width: 960px;
    margin: 0;
}

#template-footer .wrapper .content {
	margin:0 20px;
	padding-top: 20px;
}

#template-footer .wrapper .content .col1,#template-footer .wrapper .content .col2,#template-footer .wrapper .content .col3,#template-footer .wrapper .content .col4{
	font-family: 'custom_font_normal',Helvetica,Arial,sans-serif;
	float:left;
	margin-right:20px;
	width:215px;
}

#template-footer .wrapper .content .col1 a,#template-footer .wrapper .content .col2 a,#template-footer .wrapper .content .col3 a,#template-footer .wrapper .content .col4 a{
	color:#000;
	text-decoration:none;
}

#template-footer .wrapper .content .col4{
	margin-right:0;
}

#template-footer .wrapper .bottom{
	line-height:30px;
	padding:0 0 0 20px;
}

#template-footer .wrapper .bottom a{
	color:#000;
	text-decoration:none;
}

#background-color .colors {
	margin: 15px 0 0 0;
}

#background-color .colors .color {
	width: 32px;
	height: 32px;
	background: red;
	float: left;
	margin-right: 10px;
	border: 4px solid #efefef;
	cursor: pointer;
}

#background-color .colors .active {
	border: 4px solid #8bb31d;
	color: #fff;
	font-size: 24px;
}

.eyepage_edit_button {
	display: none;
}

.add-rsp-menu {
	position: absolute;
	width: 94px;
	height: 57px;
	background: #535353;
	z-index: 100;
	border-radius: 0;
	padding: 10px 0 10px 0;
}

.add-rsp-menu .add-rsp-menu-entry {
	color: #fff;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	margin: 0 0 0 10px;
	cursor: pointer;
}

.add-rsp-menu .add-rsp-menu-entry:hover {
	font-weight: bold;
}

.add-article-button-wrapper {
    text-align: center;
    width: 100%;
    margin: 5px 0 5px 0;
}

.add-article-button-wrapper .add-article-button {
	display: inline-block;
	background: #8bb31d;
	border: 1px solid #8bb31d;
	color: #fff;
	font-size: 14px;
	line-height: 1.428;
	text-align: center;
	padding: 6px 12px;
	margin: 0;
	border-radius: 0;
	cursor: pointer;
}

.add-rsp-menu-sort {
	position: absolute;
	width: 134px;
	height: 57px;
	background: #535353;
	z-index: 100;
	border-radius: 0;
	padding: 10px 0 10px 0;
}

.add-rsp-menu-sort:before {
	content:"\A";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 5px 5px;
	border-color: transparent transparent #393B41 transparent;
	position: absolute;
	left: 12px;
	top: -5px;
}

.add-rsp-menu-sort .add-rsp-menu-sort-entry {
	color: #fff;
	font-size: 12px;
	height: 28px;
	line-height: 28px;
	margin: 0 0 0 10px;
	cursor: pointer;
}

.add-rsp-menu-sort .add-rsp-menu-sort-entry:hover {
	color: #8bb31d;
}

#dialog-add-subscriber .gender {margin-top: 20px;}
#dialog-add-subscriber input{margin:0 0 15px 0}
#dialog-add-subscriber label[for$="male"],#dialog-add-subscriber label[for="newsletter"]{margin-left:10px}
#dialog-add-subscriber input[type=radio][id="female"]{margin-left:20px}
#dialog-add-subscriber input[type=text],#dialog-add-subscriber input[type=email]{font-family:'custom_font_normal',Helvetica,Arial,sans-serif;font-size:16px;line-height:22px;border:1px solid #888;padding:5px 15px;margin:0 20px 15px 0;width:418px}
#dialog-add-subscriber .firstname{float:left}
#dialog-add-subscriber .lastname{float:left}
#dialog-add-subscriber .lastname input{margin:0 0 15px 0}
#dialog-add-subscriber .email{clear:both}

#dialog-csv-report .report-title {margin-top: 20px;}
#dialog-csv-report .report-content {margin-top: 15px; max-height: 200px; overflow-x: hidden; overflow-y: auto;}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner {
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner {
		border-top-color: rgba(20,20,20,0.92);
	}
}

.ui-dialog .ui-dialog-content { overflow:visible !important;}
.ui-dialog { overflow: inherit !important; }
#ui-datepicker-div { z-index: 1000; }
.jcrop-holder .bottom {
	padding: 0;
	margin: 0;
	border: none;
}

/* News template backoffice */

#content_w_submenu #sub_content #sc_content section.content article.news2 {
	height: auto;
}

#content_w_submenu #sub_content #sc_content section.content article.news2 .wrapper {
	padding: 20px;
	width: 920px;
}

#content_w_submenu #sub_content #sc_content section.content article.news2 .wrapper .news-template-wrapper {
	background: rgba(255, 255, 255, 0.75);
	padding-bottom: 20px;
}

#content_w_submenu #sub_content #sc_content section.content article.news2 .wrapper h1 {
	font-size: 34px;
	padding: 20px;
	color: #000;
	font-weight: normal;
	margin: 0;
}

#content_w_submenu #sub_content #sc_content section.content article.news2 .wrapper h2 {
	font-size: 22px;
	padding: 20px;
	color: #000;
	font-weight: normal;
	margin: 0;
}

#content_w_submenu #sub_content #sc_content section.content article.news2 .wrapper .divider {
	position: relative;
	width: 900px;
	height: 1px;
	background: #fff;
	margin: 0 0 0 20px;
}

#content_w_submenu #sub_content #sc_content section.content article.news2 .wrapper .news-block {
	position: relative;
	background: rgba(255, 255, 255, 0.8);
	width: 840px;
	height: 80px;
	margin: 0 0 20px 20px;
	padding: 20px;
}

#content_w_submenu #sub_content #sc_content section.content article.news2 .wrapper .news-block:last-child {
	margin-bottom: 0;
}

#content_w_submenu #sub_content #sc_content section.content article.news2 .wrapper .news-block p {
	color: #000;
}

#content_w_submenu #sub_content #sc_content section.content article.news2 .wrapper .news-block p a {
	color: #000;
}

#content_w_submenu #sub_content #sc_content section.content article.news2 .wrapper .status {
	position: absolute;
	top: 50px;
	left: 20px;
}

#content_w_submenu #sub_content #sc_content section.content article.news2 .wrapper .date {
	position: absolute;
	top: 10px;
	left: 208px;
}

#content_w_submenu #sub_content #sc_content section.content article.news2 .wrapper .image {
	position: absolute;
	top: 10px;
	left: 57px;
}

#content_w_submenu #sub_content #sc_content section.content article.news2 .wrapper .text {
	position: absolute;
	top: 30px;
	left: 208px;
	width: 652px;
	height: 80px;
}

.scroller-wrapper-category {

}

.scroller-wrapper-category .scroller-category {
	box-sizing: border-box;
	background: #fff;
	margin: 5px 0 0 0;
	border: 1px solid #C1BD9E;
	width: 556px;
	padding: 15px 10px 10px 10px;
}

.scroller-wrapper-category .scroller-category .category-entry {
	display: flex;
	flex-direction: row;
	width: 100%;
	margin: 0 0 5px 0;
}
.scroller-wrapper-category .scroller-category .category-entry .ipt {
	margin-right: 5px;
}

.scroller-wrapper-category .scroller-category .category-entry label {
	flex: 1;
}

.add-category {
	display: flex;
	flex-direction: row;

}
.add-category input {
	flex: 1;
	margin-right: 10px;
}

.add-category .btn {
	display: inline-block;
	height: 18px;
	line-height: 18px;
	color: #FFF;
	padding: 5px 10px;
	cursor: pointer;
	font-size: 13px;
	text-decoration: none;
	background: url(ui/images/ui-bg_highlight-soft_25_393b41_1x100.png) repeat-x scroll 50% 50% #393B41;
	border: 1px solid #65666D;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	margin: 4px 0 0 0;
}

.progress {
 	margin-top: 10px;
 }

 .meter {
 	height: 10px;  /* Can be anything */
 	position: relative;
 	margin: 20px 0 20px 0; /* Just for demo spacing */
 	background: #555;
 	-moz-border-radius: 5px;
 	-webkit-border-radius: 5px;
 	border-radius: 5px;
 	padding: 10px;
 	-webkit-box-shadow: inset 0 -1px 1px rgba(255,255,255,0.3);
 	-moz-box-shadow   : inset 0 -1px 1px rgba(255,255,255,0.3);
 	box-shadow        : inset 0 -1px 1px rgba(255,255,255,0.3);
 }
 .meter > span {
 	display: block;
 	height: 100%;
 	   -webkit-border-top-right-radius: 8px;
 	-webkit-border-bottom-right-radius: 8px;
 	       -moz-border-radius-topright: 8px;
 	    -moz-border-radius-bottomright: 8px;
 	           border-top-right-radius: 8px;
 	        border-bottom-right-radius: 8px;
 	    -webkit-border-top-left-radius: 20px;
 	 -webkit-border-bottom-left-radius: 20px;
 	        -moz-border-radius-topleft: 20px;
 	     -moz-border-radius-bottomleft: 20px;
 	            border-top-left-radius: 20px;
 	         border-bottom-left-radius: 20px;
 	background-color: rgb(43,194,83);
 	background-image: -webkit-gradient(
 	  linear,
 	  left bottom,
 	  left top,
 	  color-stop(0, rgb(43,194,83)),
 	  color-stop(1, rgb(84,240,84))
 	 );
 	background-image: -moz-linear-gradient(
 	  center bottom,
 	  rgb(43,194,83) 37%,
 	  rgb(84,240,84) 69%
 	 );
 	-webkit-box-shadow:
 	  inset 0 2px 9px  rgba(255,255,255,0.3),
 	  inset 0 -2px 6px rgba(0,0,0,0.4);
 	-moz-box-shadow:
 	  inset 0 2px 9px  rgba(255,255,255,0.3),
 	  inset 0 -2px 6px rgba(0,0,0,0.4);
 	box-shadow:
 	  inset 0 2px 9px  rgba(255,255,255,0.3),
 	  inset 0 -2px 6px rgba(0,0,0,0.4);
 	position: relative;
 	overflow: hidden;
 }
 .meter > span:after, .animate > span > span {
 	content: "";
 	position: absolute;
 	top: 0; left: 0; bottom: 0; right: 0;
 	background-image:
 	   -webkit-gradient(linear, 0 0, 100% 100%,
 	      color-stop(.25, rgba(255, 255, 255, .2)),
 	      color-stop(.25, transparent), color-stop(.5, transparent),
 	      color-stop(.5, rgba(255, 255, 255, .2)),
 	      color-stop(.75, rgba(255, 255, 255, .2)),
 	      color-stop(.75, transparent), to(transparent)
 	   );
 	background-image:
 		-moz-linear-gradient(
 		  -45deg,
 	      rgba(255, 255, 255, .2) 25%,
 	      transparent 25%,
 	      transparent 50%,
 	      rgba(255, 255, 255, .2) 50%,
 	      rgba(255, 255, 255, .2) 75%,
 	      transparent 75%,
 	      transparent
 	   );
 	z-index: 1;
 	-webkit-background-size: 50px 50px;
 	-moz-background-size: 50px 50px;
 	-webkit-animation: move 2s linear infinite;
 	   -webkit-border-top-right-radius: 8px;
 	-webkit-border-bottom-right-radius: 8px;
 	       -moz-border-radius-topright: 8px;
 	    -moz-border-radius-bottomright: 8px;
 	           border-top-right-radius: 8px;
 	        border-bottom-right-radius: 8px;
 	    -webkit-border-top-left-radius: 20px;
 	 -webkit-border-bottom-left-radius: 20px;
 	        -moz-border-radius-topleft: 20px;
 	     -moz-border-radius-bottomleft: 20px;
 	            border-top-left-radius: 20px;
 	         border-bottom-left-radius: 20px;
 	overflow: hidden;
 }

 .animate > span:after {
 	display: none;
 }

 @-webkit-keyframes move {
     0% {
        background-position: 0 0;
     }
     100% {
        background-position: 50px 50px;
     }
 }

 .orange > span {
 	background-color: #f1a165;
 	background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
 	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f1a165),color-stop(1, #f36d0a));
 	background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
 }

 .red > span {
 	background-color: #f0a3a3;
 	background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
 	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #f0a3a3),color-stop(1, #f42323));
 	background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
 }

 .nostripes > span > span, .nostripes > span:after {
 	-webkit-animation: none;
 	background-image: none;
 }

 #template-footer > div > div > div.col1 > div > div.ql-tooltip.ql-flip,
 #template-footer > div > div > div.col1 > div > div.ql-tooltip.ql-flip > div.ql-toolbar,
 #template-footer > div > div > div.col2 > div > div.ql-tooltip.ql-flip,
 #template-footer > div > div > div.col2 > div > div.ql-tooltip.ql-flip > div.ql-toolbar,
 #template-footer > div > div > div.col3 > div > div.ql-tooltip.ql-flip,
 #template-footer > div > div > div.col3 > div > div.ql-tooltip.ql-flip > div.ql-toolbar,
#template-footer > div > div > div.col4 > div > div.ql-tooltip.ql-flip,
#template-footer > div > div > div.col4 > div > div.ql-tooltip.ql-flip > div.ql-toolbar {
	width: 256px !important;
}

#form_fonts .font-navigation {
	display: flex;
	flex-direction: row;
	margin-bottom: 30px;
}

#form_fonts .font-navigation .black-button {
	margin-right: 10px;
}

#form_fonts .font-1 {
}

#form_fonts .font-2 {
	display: none;
}

#form_fonts label[for=headlines_uppercase] {
	font-size: 18px;
	font-weight: bold;
}

#form_fonts .uppercase {
	margin-bottom: 20px;
}

select[name=openinghours-lead-time] {
	width: 131px;
	margin-bottom: 15px;
}

.openinghours-wrapper {
	display: flex;
	flex-direction: row;
	font-size: 17px;
	font-family: 'custom_font_normal',Helvetica,Arial,sans-serif;
}

.openinghours-wrapper:last-of-type {
	margin-bottom: 20px;
}

.openinghours-wrapper .col-1 {
	flex: 2;
	line-height: 30px;
	background: #dadada;
	color: #000;
	margin: 0 2px 2px 0;
	display: flex;
	justify-content: center;
	align-items: center;
}

.openinghours-wrapper .col {
	flex: 1;
	line-height: 30px;
	background: #dadada;
	color: #000;
	margin: 0 2px 2px 0;
	text-align: center;

	display: flex;
	justify-content: center;
	align-items: center;
}

.openinghours-wrapper .col-all {
	background: #dadada;
	min-width: 30px;
	max-width: 30px;
	width: 30px;
	font-size: 12px;
	color: #444;
	line-height: 30px;
	margin:  0 2px 2px 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	justify-content: center;
	cursor: pointer;
}

.openinghours-wrapper .col-all:hover {
	background: #afafaf;
}

.openinghours-wrapper .col label {
	width: 100%;
	height: 40px;
	position: relative;
	cursor: pointer;
}

.openinghours-wrapper .col label:hover {
	background: #afafaf;
}

.openinghours-wrapper .col label input {
	cursor: pointer;
	margin-top: 14px;
}

.is-h1 {
	margin-top: 20px;
	display: none;
}

.h1-warning {
	background: #ff6059;
	display: flex;
	flex-direction: row;
	width: 922px;
	padding: 20px;
}

.h1-warning .icon {
	margin-right: 15px;
}

.h1-warning .icon svg {
	fill: #fff;
}

.h1-warning .text {
	font-size: 15px;
	font-weight: bold;
	margin-top: 2px;
	color: #fff;
}

.expire-settings {
	margin-top: 20px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border: 1px solid #fff;
	text-align: center;
}

.ql-formats button[class^="ql-custom-"] {
	background: url(../img/variable-editor-button.svg) 0 0 no-repeat !important;
	background-size: 19px 28px !important;
}

.ql-formats button[class^="ql-custom-"]:hover {
	background: url(../img/variable-editor-button-active.svg) 0 0 no-repeat !important;
	background-size: 19px 28px !important;
}

.ql-formats button[class^="ql-shy-"] {
	background: url(../img/two-lines.svg) 0 0 no-repeat !important;
	background-size: 19px 28px !important;
}

.ql-formats button[class^="ql-shy-"]:hover {
	background: url(../img/two-lines-active.svg) 0 0 no-repeat !important;
	background-size: 19px 28px !important;
}


#dialog-add-variable .add-variable-wrapper {
	padding: 20px;
}

#dialog-add-variable .add-variable-wrapper .add-variable {
	border: 1px solid #ccc;
	padding: 20px;
	margin-bottom: 20px;
	cursor: pointer;
}

#dialog-add-variable .add-variable-wrapper .add-variable:hover {
	background: #eee;
}

/* News Pro */
div#content.news-pro {

}
div#content.news-pro h1 {
	font-weight: bold;
	font-size: 19px;
}

div#content.news-pro .news-pro-wrapper {
	margin-left: 15px;
}

div#content.news-pro .active-checkbox {
	display: flex;
	flex-direction: row;
}

div#content.news-pro .active-checkbox input {
	margin: 4px 10px 0 0;
}

div#content.news-pro .active-checkbox label {
	font-size: 14px;
}

div#content.news-pro .news-title {

}

div#content.news-pro .news-title h2 {
	font-weight: bold;
	margin: 20px 0 5px 0;
}

div#content.news-pro .news-title .edit-wrapper {
	border: 1px solid #c1bd9e;
	background: #fff;
	color: #666;
	font-size: 12px;
	height: auto;
	margin: 2px 0 0 0;
	padding: 10px;
	width: 635px;
}

div#content.news-pro .start-end-date {

}

div#content.news-pro .start-end-date h2 {
	margin: 20px 0 5px 0;
	font-weight: bold;
}

div#content.news-pro .start-end-date .dates {
	display: flex;
	flex-direction: row;
}

div#content.news-pro .start-end-date .dates .date {
	margin-right: 40px;
}

div#content.news-pro .start-end-date .dates .date .title {
	font-size: 14px;
	margin: 5px 0 5px 0;
}

div#content.news-pro .start-end-date .dates .date input {
	border: 1px solid #c1bd9e;
	background: #fff;
	color: #666;
	font-size: 12px;
	height: 14px;
	margin: 2px 0 0 0;
	padding: 10px;
	width: 80px;
}

div#content.news-pro .color-rows {

}

div#content.news-pro .color-rows .colors {
}

div#content.news-pro .color-rows .colors h2 {
	margin: 20px 0 5px 0;
	font-weight: bold;
}

div#content.news-pro .color-rows .colors .wrapper {
	display: flex;
	flex-direction: row;
}

div#content.news-pro .color-rows .colors .wrapper .color {
	width: 32px;
	height: 32px;
	margin-right: 10px;
	border: 4px solid #efefef;
	cursor: pointer;
}


div#content.news-pro .color-rows .colors .wrapper .color.active {
	border: 4px solid #8bb31d;
}

/* Iframe settings */

#dialog-edit-iframe .iframe-settings {
	padding: 20px 10px;
}
#dialog-edit-iframe .iframe-settings .title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
}

#dialog-edit-iframe .iframe-settings .title2 {
	font-size: 14px;
	font-weight: bold;
	margin: 20px 0 10px 0;
}

#dialog-edit-iframe .iframe-settings input {
	border: 1px solid #c1bd9e;
	color: #666;
	font-size: 12px;
	height: 14px;
	margin: 2px 0 0 0;
	padding: 10px;
	width: 526px;
}
#dialog-edit-iframe .iframe-settings .heights {
	display: flex;
	flex-direction: row;
}
#dialog-edit-iframe .iframe-settings .heights .height {
	margin-right: 20px;
}
#dialog-edit-iframe .iframe-settings .heights .height .title {
	font-size: 13px;
	font-weight: normal;
}
#dialog-edit-iframe .iframe-settings .heights .height input {
	width: 58px;
}

/* Popup */

#content_w_submenu .popup-start-end-date {
}

#content_w_submenu .popup-start-end-date h2 {
	margin: 20px 0 5px 0;
	font-weight: bold;
}

#content_w_submenu .popup-start-end-date .dates {
	display: flex;
	flex-direction: row;
}

#content_w_submenu .popup-start-end-date .dates .date {
	margin-right: 40px;
}

#content_w_submenu .popup-start-end-date .dates .date .title {
	font-size: 14px;
	margin: 5px 0 5px 0;
}

#content_w_submenu .popup-start-end-date .dates .date input {
	border: 1px solid #c1bd9e;
	background: #fff;
	color: #666;
	font-size: 12px;
	height: 14px;
	margin: 2px 0 0 0;
	padding: 10px;
	width: 80px;
}

/* Footer PRO */
#template-footer-pro {
	position:relative;
	margin:0;
	width:960px;
	font-size:16px;
	line-height:22px;
	border: 1px dotted #000000;
}

#template-footer-pro .wrapper {
    width: 960px;
    margin: 0;
}

#template-footer-pro .wrapper .content {
	margin:0 20px;
	padding-top: 20px;
}

#template-footer-pro .wrapper .content .col a {
	color:#000;
	text-decoration:none;
}

#template-footer-pro .wrapper .footer-bottom{
	line-height: 30px;
	padding: 0 0 0 20px;
	text-align: center;
}

#template-footer-pro .wrapper .footer-bottom a {
	color:inherit;
	text-decoration:none;
}


#template-footer-pro .wrapper .content {
  margin: 0 20px;
  padding: 20px 0 20px 0;
  display: grid;
  grid-column-gap: 20px;
}

#template-footer-pro .wrapper .content.cols-4 {
	grid-template-columns: repeat(4, 1fr);
}

#template-footer-pro .wrapper .content.cols-2 {
    grid-template-columns: repeat(2, 1fr);
}

#template-footer-pro .wrapper .content.cols-2 .col:nth-child(3)
#template-footer-pro .wrapper .content.cols-2 .col:nth-child(4) {
	display: none;
}

#template-footer-pro .wrapper .content.cols-1 {
	grid-template-columns: 1fr;
}
#template-footer-pro .wrapper .content.cols-1 .col,
#template-footer-pro .wrapper .content.cols-1 .col p {
	text-align: center;
}
#template-footer-pro .wrapper .content.cols-1 .col:nth-child(2),
#template-footer-pro .wrapper .content.cols-1 .col:nth-child(3),
#template-footer-pro .wrapper .content.cols-1 .col:nth-child(4) {
	display: none;
}

#template-footer-pro .wrapper .content .col table {
	border-collapse: collapse;
}

#template-footer-pro .wrapper .content .col table,
#template-footer-pro .wrapper .content .col th,
#template-footer-pro .wrapper .content .col td {
  border: 1px dotted #fff;
}


.ql-formats button[class^="ql-table"] {
	background: url(../img/add-table.svg) 0 0 no-repeat !important;
	background-size: 19px 28px !important;
}

.ql-formats button[class^="ql-column"] {
	background: url(../img/add-column.svg) 0 0 no-repeat !important;
	background-size: 19px 28px !important;
}

.ql-formats button[class^="ql-row"] {
	background: url(../img/add-row.svg) 0 0 no-repeat !important;
	background-size: 19px 28px !important;
}


.ql-formats button[class^="ql-table"]:hover {
	background: url(../img/add-table-active.svg) 0 0 no-repeat !important;
	background-size: 19px 28px !important;
}

.ql-formats button[class^="ql-column"]:hover {
	background: url(../img/add-column-active.svg) 0 0 no-repeat !important;
	background-size: 19px 28px !important;
}

.ql-formats button[class^="ql-row"]:hover {
	background: url(../img/add-row-active.svg) 0 0 no-repeat !important;
	background-size: 19px 28px !important;
}


.selected-logos,
.selected-trademarks {
	border-top: 1px solid #ccc;
	margin-top: 20px;
}

.selected-logos .title,
.selected-trademarks .title {
	font-size: 17px;
	margin: 10px 0 0 0;
}

.selected-logos .logo-list,
.selected-trademarks .trademark-list {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.selected-logos .logo-list .logo,
.selected-trademarks .trademark-list .trademark {
	padding: 20px 25px;
	border: 1px solid #333;
	background: #fff;
	margin: 20px 20px 0 0;
}

#dialog-edit-trademarks .wrapper {
	width: 620px;
	height: 300px;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-top: 10px;
}

#dialog-edit-trademarks .wrapper .trademark {
	position: relative;
	float: left;
	margin: 0 20px 20px 0;
	background: #fff;
	border: 1px solid #888;
	width: 128px;
	height: 163px;
}

#dialog-edit-trademarks .wrapper .trademark.selected {
	background: #aaa;
}

#dialog-edit-trademarks .wrapper .trademark p {
	position: absolute;
	top: 5px;
	left: 10px;
	margin: 0;
	width: 108px;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align: center;
	overflow: hidden;
}

#dialog-edit-trademarks .wrapper .trademark img {
	position: absolute;
	top: 25px;
	left: 10px;
}

#dialog-edit-trademarks .wrapper .trademark input {
	position: absolute;
	top: 138px;
	left: 48px;
}

input[name=google_place_id],
input[name=google_tag_manager_code] {
	height: 14px;
	color: #666;
	font-size: 12px;
	border: 1px solid #C1BD9E;
	padding: 10px;
}

.ld-data {
	margin-bottom: 30px;
}
.ld-data.hidden .entry:not(:first-child) {
	display: none;
}
.ld-data .entry {
	display: flex;
	flex-direction: row;
	margin-bottom: 8px;
}
.ld-data .entry .label {
	width: 152px;
	margin-top: 7px;
}
.ld-data .entry .label label {
	width: 100%;
	font-size: 13px;
}
.ld-data .entry .field {
	width: 390px;
}
.ld-data .entry .field input[type=text] {
  height: 14px;
  color: #666;
  font-size: 12px;
  border: 1px solid #C1BD9E;
  padding: 10px;
  width: 100%;
}
.ld-data .entry .field select {
  height: 36px;
  line-height: 36px;
  color: #666;
  font-size: 12px;
  border: 1px solid #C1BD9E;
  width: 50%;
}
.ld-data .entry .field.opening-field {
	display: flex;
	flex-direction: row;
}
.ld-data .entry .field.opening-field.hidden {
	display: none;
}
.ld-data .entry .field.opening-field .opens-label {
	margin-top: 7px;
	margin-right: 5px;
}
.ld-data .entry .field.opening-field .opens-time {
	width: 82px;
	margin-right: 7px;
}
.ld-data .entry .field.opening-field .opens-time select {
	width: 100%;
}
.ld-data .entry .field.opening-field .closes-label {
	margin-top: 7px;
	margin-right: 5px;
}
.ld-data .entry .field.opening-field .closes-time {
	width: 82px;
}
.ld-data .entry .field.opening-field .closes-time select {
	width: 100%;
}


.switch {
  position: relative;
  display: inline-block;
  width: 30px;
  height: 17px;
}

.switch input {
  opacity: 0;
  width: 0;
  height: 0;
}

.slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ccc;
  -webkit-transition: .4s;
  transition: .4s;
}

.slider:before {
  position: absolute;
  content: "";
  height: 13px;
  width: 13px;
  left: 2px;
  bottom: 2px;
  background-color: white;
  -webkit-transition: .4s;
  transition: .4s;
}

input:checked + .slider {
  background-color: #9eb843;
}

input:focus + .slider {
  box-shadow: 0 0 1px #9eb843;
}

input:checked + .slider:before {
  -webkit-transform: translateX(13px);
  -ms-transform: translateX(13px);
  transform: translateX(13px);
}

/* Rounded sliders */
.slider.round {
  border-radius: 17px;
}

.slider.round:before {
  border-radius: 50%;
}

#sc_appointment h1 {

}
#sc_appointment .wrapper {
	display: flex;
	flex-direction: row;
	gap: 20px;
	margin-bottom: 20px;
}

#sc_appointment .wrapper textarea {
	flex: 1;
	height: 240px;
	resize: none;
	padding: 5px;
	font-size: 12px;
	color: #666666;
	font-family: opensans,Arial,"sans serif",Helvetica;
	border: 1px solid #C1BD9E;
	overflow-x: hidden;
	overflow-y: scroll;
}

#sc_appointment .wrapper .buttons {
	min-width: 225px;
	max-width: 225px;
	width: 225px;
}

#sc_appointment .wrapper .button {
	display: inline-block;
  line-height: 18px;
  color: #FFF;
  padding: 5px 10px;
  cursor: pointer;
  font-size: 13px;
  text-decoration: none;
  background: #9eb843;
  margin-bottom: 10px;
}

#blocked_dates_message,
#sc_appointment .message {
	color: #e71054;
	font-weight: bold;
	margin: 0 0 15px 0;
	font-size: 13px;
}

#sc_appointment .message::empty
#blocked_dates_message::empty {
	display: none;
}

textarea[name=blocked_dates] {
	height: 120px;
	width: 600px;
	resize: none;
	padding: 5px;
	font-size: 12px;
	color: #666666;
	font-family: opensans,Arial,"sans serif",Helvetica;
	border: 1px solid #C1BD9E;
	overflow-x: hidden;
	overflow-y: scroll;
	margin-bottom: 10px;
}