/* a nice clean font */
/*
@font-face {
    font-family: "Open Sans";
    src: url('open-sans-font/OpenSans-LightItalic-webfont.woff') format('woff');
    font-weight: lighter;
    font-style: italic;
}
@font-face {
    font-family: "Open Sans";
    src: url('open-sans-font/OpenSans-Light-webfont.woff') format('woff');
    font-weight: lighter;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url('open-sans-font/OpenSans-ExtraBoldItalic-webfont.woff') format('woff');
    font-weight: bolder;
    font-style: italic;
}
@font-face {
    font-family: "Open Sans";
    src: url('open-sans-font/OpenSans-ExtraBold-webfont.woff') format('woff');
    font-weight: bolder;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url('open-sans-font/OpenSans-SemiboldItalic-webfont.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}
@font-face {
    font-family: "Open Sans";
    src: url('open-sans-font/OpenSans-Semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}
*/
@font-face {
    font-family: "Open Sans";
    src: url('open-sans-font/OpenSans-BoldItalic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}
@font-face {
    font-family: "Open Sans";
    src: url('open-sans-font/OpenSans-Bold-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: "Open Sans";
    src: url('open-sans-font/OpenSans-Italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}
@font-face {
    font-family: "Open Sans";
    src: url('open-sans-font/OpenSans-Regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* disable normal focus styles */
* { outline: 0 none; }
/* do something with focus */
/* *:focus {  } */
a img { border: 0 none; }
html, body {
	background:#F8F8F5;
}
body {
	color: #000000;
	/* fontface open sans with WOFF format is supported nearly everywhere (not old safari and not old IE) */
	/* arial is closest to open sans, verdana is thicker */
	font-family: "Open Sans",Arial,sans-serif;
	font-size: 14px;
	/* line-height: 1.5; */
	/* line-height: 1.75; */
	line-height: 2;
	/* padding: 20px; */
}
/* p { margin-bottom: 0.7em; } */
h1,h2,h3,h4,h5,h6 {
	text-transform: uppercase;
	font-size: 18px;
}
input, button, submit, reset {
	font-family: "Open Sans",Arial,sans-serif;
	font-size: 1em;
}
input[type="button"], input[type="submit"], input[type="reset"], button, submit, reset {
	/* padding: 0px; */
	/* padding: 0.3em 0.6em; */
	cursor: pointer;
}
textarea {
	font-family: "Open Sans",Arial,sans-serif;
	font-size: 1em;
	padding: 0.2em 0.4em;
	background: #FFFFFF;
	color: #000000;
	border: 2px solid #C6C6C6;
	border-radius: 3px;
	text-align: left;
}
/* text-based input fields, without type, and html5 types */
/* input[type="image"], */
/* input[type="color"], */
/* input[type="range"], */
input:not([type]),
input[type="text"],
input[type="password"],
input[type="number"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="search"],
input[type="tel"],
input[type="url"] {
	padding: 0.1em 0.2em;
	background: #FFFFFF;
	color: #000000;
	border: 1px solid #C6C6C6;
	border-radius: 2px;
	text-align: center;
}
.ui-widget {
	font-family: "Open Sans",Arial,sans-serif;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: "Open Sans",Arial,sans-serif;
}

.clr {
	float:none;
	clear:both;
}


.unsupported-browser {
	/* also disabled JS */
	margin: 50px;
	font-size:1.2em;
	font-weight: bold;
	text-align: center;
	color: #AC2700;
}


#flashuPage {
	margin: auto;
	padding: 20px;
	padding-bottom: 40px;
	width: 1200px;
	/* let the content stretch the page?: overflow: visible; */
	/* width: auto; */
	/* the js could resize between these two values when the base layout is selected*/
	min-width: 1200px;
	max-width: 1200px;
	/*show shadow of canvas, don't cut*/
	overflow: visible !important;
}
/* resizable... */
/*
#flashuPage {
	min-width: 800px;
	max-width: 100%;
}
#flashUstage {
	padding-right: 270px;
}
#image_ebenen_wrap,
#image_ebenen,
#image_ebenen .layer,
#image_ebenen #clickplane {
	max-width: 100%;
	height: auto !important;
}
#image_ebenen .border { ??? }
*/


#header {
	border-bottom: 2px solid #000000;
	margin-bottom: 20px;
	position: relative;
	padding-bottom: 25px;
}
#header-logo {
	vertical-align: bottom;
}
#header-line {
	position: absolute;
	right: 0;
	bottom: 25px;
	text-transform: uppercase;
	font-size: 32px;
	color: #AC2700;
}

#steps_overview {
	position: relative;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	margin-bottom: 48px;
	/* padding: 8px 0; */
}
.switch_tabs_btn {
	color: #FFFFFF;
	background: #AC2700;
	display: inline-block;
	width: 18px;
	height: 18px;
	font-size: 18px;
	line-height: 0.8;
	border-radius: 2px;
	vertical-align: middle;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
}
#steps_overview .prev,
#steps_overview .next {
	position: absolute;
	top: 50%;
	margin-top: -9px;
}
#steps_overview .prev { left: 0; }
#steps_overview .next { right: 0; }

#steps_overview ul {
	padding: 5px 24px;
	line-height: 2;
}

.wizard_result {
	display: inline-block;
	vertical-align: middle;
	cursor: pointer;
	padding-left: 20px;
	font-size:18px;
	margin-left: 85px;
	/* margin-left: 7.4%; */
	background-image:url('images/check-empty.png');
	background-position:0% 50%;
	background-repeat:no-repeat;
}
.wizard_result.active {
	background-image:url('images/check.png');
	background-position:0% 50%;
	background-repeat:no-repeat;
}
.wizard_result.current {
	text-decoration: underline;
}


#flashUstage {
	position: relative;
	/* min as high as the sidebar containers */
	min-height: 400px;
	/* should stretch the outer flashuPage, did not work like expected */
	padding-right: 270px;
	/* width: 900px; */
	text-align: left;
}

#image_ebenen_wrap {
	/* width:900px;
	height:600px; */
	/* inline-block: fits to content, doesn't need to be animated */
	display: inline-block;
	vertical-align: top;
	z-index: 0;
	position:relative;
	-webkit-box-shadow: 0 0 5px 0px #777, 0 25px 25px -20px #777;
	-moz-box-shadow: 0 0 5px 0px #777, 0 25px 25px -20px #777;
	box-shadow: 0 0 5px 0px #777, 0 25px 25px -20px #777;
	/* border: 1px solid #BBBBBB;
	border-radius: 2px; */
}
#image_ebenen_wrap:before, #image_ebenen_wrap:after {
  z-index: -1;
  position: absolute;
  content: " ";
  bottom: 15px;
  left: 15px;
  width: 50%;
  top: 80%;
  /* max-width:300px; */
  /* background: #777; */
  -webkit-box-shadow: 0 15px 25px 5px #777;
  -moz-box-shadow: 0 15px 25px 5px #777;
  box-shadow: 0 15px 25px 5px #777;
  /* was rotate */
  -webkit-transform: skewY(-3deg);
  -moz-transform: skewY(-3deg);
  -o-transform: skewY(-3deg);
  -ms-transform: skewY(-3deg);
  transform: skewY(-3deg);
}
#image_ebenen_wrap:after {
  -webkit-transform: skewY(3deg);
  -moz-transform: skewY(3deg);
  -o-transform: skewY(3deg);
  -ms-transform: skewY(3deg);
  transform: skewY(3deg);
  right: 15px;
  left: auto;
}
#image_ebenen {
	position:relative;
	/* width:900px;
	height:600px; */
	width:922px;
	height:620px;
	z-index: 0;
	overflow:hidden;
	/* border: 1px solid #FFFFFF; */
	background: #FFFFFF;
}

.layer {
	position:absolute;
	left:0px;
	top:0px;
}
.marker {
	position: absolute;
	top: 0; left: 0;
	width: 0 !important;
	height: 0 !important;
}

#clickplane {
	position:absolute;
	left:0px;
	top:0px;
	/* width:900px;
	height:600px; */
	width:922px;
	height:620px;
	z-index:1000;
	background-image: url('images/blank.gif');
}
.loading {
	/* background-color: rgba(0,0,0, 0.5); */
	background-image: url('images/loading_big.gif');
	background-position: 50% 50%;
	background-repeat: no-repeat;
	/* explicitly activate it in element style: */
	display: none;
}
.layer.loading {
	position:absolute;
	left:0px;
	top:0px;
	/* width:900px;
	height:600px; */
	width:922px;
	height:620px;
	z-index: 999;
}
.layer.printBorder {
	position:absolute;
	/* left:14px;
	top:14px; */
	left:0px;
	top:0px;
	/* width:870px;
	height:570px; */
	width:892px;
	height:590px;
	/* border: 1px dashed #AC2700; */
	border: 14px solid rgba(128,128,128, 0.5);
	border-image: url("images/printborder.png") 10 round;
	z-index: 998;
}
.layer.layoutBorder {
	position:absolute;
	left:10px;
	top:10px;
	/* width:878px;
	height:578px; */
	width:900px;
	height:598px; /* 600 px */
	/* #AC2700 => 172, 39, 0 */
	/* border: 1px dotted rgba(172, 39, 0, 0.67); */
	/* border-image: url("images/printborder.png") 10 round; */
	/* border: 1px dotted #AC2700; */
	display: none;
	z-index: 998;
}
.print_border_notice {
	position: relative;
	/* top: 25px; */
	top: 30px;
}
.print_border_icon {
	display: inline-block;
	vertical-align: middle;
	/* width: 15px;
	height: 10px;
	border: 3px solid rgba(128,128,128, 0.5);
	border-image: url("images/printborder.png") 10 round; */
	width: 20px;
	height: 15px;
	background: url("images/printborder.png") #FFFFFF;
	border: 0px none;
	position: relative;
	top: -0.3ex;
}
#layerObjectBorder {
	display: none;
	border: 1px solid #AC2700;
	position: absolute;
	z-index: 997;
}
#layerObjectBorder:after {
	/* the cross on top left */
	content: "X";
	font-size: 20px;
	line-height: 1;
	position: absolute;
	top: -0.5em;
	left: -0.5ex;
	margin-left: -1px;
	margin-top: -1px;
	color: #AC2700;
}
#layerCutMark {
	display: none;
	position: absolute;
	z-index: 998;
}
#layerCutMark.vertical {
	border-left: 2px dashed #AC2700;
}
#layerCutMark.horizontal {
	border-top: 2px dashed #AC2700;
}
#layerCutMark .icon1,
#layerCutMark .icon2 {
	position: absolute;
	top: auto; left: auto;
	bottom: auto; right: auto;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
#layerCutMark.horizontal .icon1,
#layerCutMark.horizontal .icon2 {
	width: 49px;
	height: 27px;
}
#layerCutMark.vertical .icon1,
#layerCutMark.vertical .icon2 {
	width: 27px;
	height: 49px;
}
#layerCutMark.vertical .icon1 {
	top: 0; left: -5px;
	background-image: url("images/schere_down.png");
}
#layerCutMark.horizontal .icon1 {
	left: 0; bottom: -3px;
	background-image: url("images/schere_right.png");
}
#layerCutMark.vertical .icon2 {
	bottom: 0; left: -5px;
	background-image: url("images/schere_up.png");
}
#layerCutMark.horizontal .icon2 {
	right: 0; bottom: -3px;
	background-image: url("images/schere_left.png");
}

#ebenen_liste_container {
	position: absolute;
	right: 0;
	top: 0;
	width:240px;
	margin-left:30px;
	border-top:1px solid #000000;
	/* font-weight:bold; */
	/* font-size:17px; */
	overflow:hidden;
	overflow: visible;
	padding: 1.5em 0;
	text-align: left;
}
#current_layout_title {
	color: #AC2700;
	/* margin-bottom: 20px; */
	margin-bottom: 10px;
	font-size: 18px;
	overflow: visible;
	white-space: pre;
}

.with_branding {
	margin-bottom: 10px;
}

.ui-selected {
	
}

.wizard_layer_select {
	/* margin: auto; */
	cursor: pointer;
	/* font-weight:bold; */
	/* font-size: 14px; */
	/* padding: 1px 6px; */
	/* width: 170px; */
	margin: 5px 0;
	padding-left:35px;
	/* background:url('images/pick.png') center left no-repeat; */
	background:url('images/pick.png') 0px 1px no-repeat;
	display:block;
	vertical-align: middle;
	/* height: 25px; */
}

/* .wizard_layer_select.ui-selected, .wizard_layer_select:focus, .wizard_layer_select:active */
.wizard_layer_select.ui-selected .layer_label, .wizard_layer_select:focus .layer_label, .wizard_layer_select:active .layer_label {
	text-decoration: underline;
}
.wizard_layer_select .lm_sliders {
	display: none;
	font-weight: normal;
	text-decoration: none;
	cursor: auto;
	padding-top:5px;
	line-height: 1.0;
	/* fix margin overflowing */
	padding-bottom:5px;
}
.wizard_layer_select.ui-selected .lm_sliders {
	display: block;
}
.wizard_layer_select .lm_sliders .label  {
	padding-top: 0.5em;
}


#toolsmenu {
	position: absolute;
	right: 0;
	bottom: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	width: 240px;
	margin-left:30px;
	padding: 1.25em 0;
	text-align: left;
}
#toolsmenu a.toolsbutton {
	margin: 0.75em 0;
	padding-left:35px;
	text-decoration: none;
	/* font-weight: bold; */
	color: #000000;
	/* background:url('images/blank.gif')  3px 0px no-repeat; */
	background:url('images/blank.gif') center left no-repeat;
	/* display:inline-block; */
	display:block;
	vertical-align: middle;
	height: 25px;
}
#toolsmenu a.loadPrevious {
	/* background:url(images/wizardIcon.png) 3px 0px no-repeat; */
	background-image:url('images/upload.png');
}
#toolsmenu a.reload {
	background-image:url('images/refresh.png');
}
#toolsmenu a.reset {
	background-image:url('images/reset.png');
}
#toolsmenu a.proofFile {
	background-image:url('images/save.png');
}

/* maybe these loader layers are not used anymore */
#ajax_loader {
    display: none;
    position:absolute;
    width:100%;
    left:0px;
    top:0px;
    height:100%;
    background-color:#000000;
    opacity:0.5;
	filter:alpha(opacity=50);

}
#ajax_loader img {
	position:absolute;
	margin:300px 0 0 450px;
}
#file_uploading {
    display: none;
    position:fixed;
    width:100%;
    left:0px;
    top:0px;
    height:100%;
    background-color:#000000;
	filter:alpha(opacity=50);
    opacity:0.5;
	z-index:13000;
	text-align: center;
}
#file_uploading div {
	position:absolute;
	/* margin:80px 0 0 380px; */
	top: 30%;
	left: 0;
	width: 100%;
	font-weight:bold;
	font-size:36px;
	color:#ff0000;
}
#file_uploading img {
	position:absolute;
	top: 50%;
	left: 50%;
	margin-top: -64px;
	margin-left: -64px;
}

/*
 * own tab system
 */
#wizard {
	margin-top: 96px;
	border-bottom: 2px solid #000000;
	/* min-height: 500px; */
}
.tabs {
	/* list-style: decimal inside; */
	text-align: justify;
	-moz-text-align-last: justify;
	text-align-last: justify;
	/* size down whitespaces, the tab links set it back */
	font-size: 1px;
}
.tabs li {
	display:inline-block;
	vertical-align: middle;
	/* float:left; */
}
.tabs li + li {
	/* normally 10 px, using 5px if font-family is falling back to Arial */
	margin-left: 5px;
}

.tabs a {
	display:inline-block;
	vertical-align: middle;
	background:#e2e2e2;
	color:#000;
	text-decoration:none;
	margin-bottom: 25px;
	position: relative;
	border-radius: 4px;
	border: 1px solid #cdcdcd;
	text-transform: uppercase;
	font-size: 22px;
	padding:0.5em 1.5em;
	line-height: 1;
}
.tabs a:hover {
	border: 1px solid #000000;
}
.tabs a.active,
.tabs a.active:hover {
	background:#AC2700;
	color:#ffffff;
	border: 1px solid #AC2700;
}
/* tab arrow pointing down */
.tabs a.active:after {
	content: " ";
	width: 0;
	height: 0;
	position: absolute;
	bottom:-10px;
	left: 50%;
	margin-left: -15px;
	border-top: 10px solid #AC2700;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 0 none;
}

.tab_content {
	min-height: 500px;
}

.wizard_content_page {
	position: relative;
}
.wizard_info_page {
	background: #FFFFFF;
	/* font-size: 13px; */
	padding: 1em 1.5em;
	border-radius: 3px;
	border: 1px solid #cdcdcd;
}
.tab_content a,
.tab_content a:hover,
.tab_content a:active,
.tab_content a:focus {
	color:#AC2700;
	text-decoration: underline;
}

.wizardButtons_wrap {
	border-top: 1px solid #000000;
	padding: 40px 0;
	margin-top: 60px;
}
.wizardButtons {
	position: relative;
	height: 1em;
	line-height: 1;
}
.wizardButtons .prev,
.wizardButtons .next {
	background: none;
	border: 0 none;
	color:#000000;
	padding: 0;
	font-size: 18px;
	text-transform: uppercase;
	cursor: pointer;
}
.wizardButtons .prev {
	position:absolute;
	left:0px;
	top: 0;
}
.wizardButtons  .next {
	position:absolute;
	right:0px;
	top: 0;
}
.wizardButtons  .prev .switch_tabs_btn,
.wizardButtons  .next .switch_tabs_btn {
	vertical-align: top;
}
.wizardButtons  .prev .switch_tabs_btn {
	margin-right: 1em;
}
.wizardButtons  .next .switch_tabs_btn {
	margin-left: 1em;
}


.section_header {
	border-bottom: 1px solid #000000;
	margin-top: 60px;
	margin-bottom: 60px;
	font-size: 18px;
}
.section_container {
	margin-top: 60px;
	margin-bottom: 60px;
}
#logo-clone.section_container,
#message-clone.section_container {
	border-top: 1px solid #000000;
	padding-top: 30px;
	margin-bottom: -30px;
}
.section_inner_header {
	margin-bottom: 1em;
}

.select_section { margin-left: -97px; }
.select_section.section_container {
	/* remove double margin with next container */
	margin-bottom: -60px;
}
.select_section.columns2 { /* 2x2 grid */ width: 900px; }
.select_section.columns3 { /* default */ }
.select_section.columns4 { /* smaller images */ }

.select_item_wrap {
	width: 332px; /* 330px image + 2px border*/
}
.select_section.columns4 .select_item_wrap {
	width: 232px; /* 232px image + 2px border*/
}
.select_item_wrap, .select_item {
	display: inline-block;
	vertical-align: bottom;
	/* margin: 0 64px 60px 0; */
	margin: 0 0 40px 97px;
}
.select_item_wrap .select_item {
	margin: 0;
}
.select_item {
	cursor: pointer;
	position: relative;
}
.select_item.active {
	/* background: #AC2700;
	color: #FFFFFF;
	border-radius: 10px; */
}
.select_item img {
	vertical-align: middle;
	width: auto;
	height: auto;
	max-width: 330px;
	max-height: 330px;
	border: 1px solid #C6C6C6;
	border-radius: 1px;
}
.select_section.columns4 .select_item img {
	max-width: 230px;
	max-height: 230px;
}
.select_item .title {
	padding-top: 5px;
}
.select_item.active .title {
	background: #AC2700;
	color: #FFFFFF;
	padding-left: 1ex;
	padding-right: 1ex;
	border-radius: 2px;
	/*
	color: #AC2700;
	font-weight: bold;
	text-decoration: underline;
	*/
}
.select_item_wrap .download-link {
	/* font-size: 13px; */
}
.preview_cut_mark {
	display: none;
	position: absolute;
	top: 1px; left: 1px;
	height: 0; width: 0;
}
.preview_cut_mark.horizontal {
	border-top: 1px dashed #AC2700;
	top: 111px; /* width * 2/3 /2 +1 */
	width: 330px; /* the max image width */
}
.preview_cut_mark.vertical {
	border-left: 1px dashed #AC2700;
	left: 111px;
	height: 330px;
}
.preview_cut_mark .icon1,
.preview_cut_mark .icon2 {
	position: absolute;
	top: auto; left: auto;
	bottom: auto; right: auto;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background-repeat: no-repeat;
}
.preview_cut_mark.horizontal .icon1,
.preview_cut_mark.horizontal .icon2 {
	width: 19px;
	height: 10px;
}
.preview_cut_mark.vertical .icon1,
.preview_cut_mark.vertical .icon2 {
	width: 10px;
	height: 19px;
}
.preview_cut_mark.vertical .icon1 {
	top: 0; left: -2px;
	background-image: url("images/schere_down_small.png");
}
.preview_cut_mark.horizontal .icon1 {
	left: 0; bottom: -1px;
	background-image: url("images/schere_right_small.png");
}
.preview_cut_mark.vertical .icon2 {
	bottom: 0; left: -2px;
	background-image: url("images/schere_up_small.png");
}
.preview_cut_mark.horizontal .icon2 {
	right: 0; bottom: -1px;
	background-image: url("images/schere_left_small.png");
}
#effect_select .select_item.cldefault {
	max-width:330px;
	/* max-height:330px; */
}
#effect_select .select_item.cldefault img {
	max-width: 160px;
	max-height: 160px;
	vertical-align: top;
}
#effect_select .select_item.cldefault img.leftImg {
	margin-right: 6px;
}
#effect_select .select_item.cldefault img.topImg {
	margin-bottom: 6px;
}
#border_select .select_item img {
	/* images have own border */
	border: 0 none;
	border-radius: 0;
}


input[type="checkbox"], input[type="radio"] {
}
input[type="checkbox"]:checked, input[type="radio"]:checked {
	/* works in all major browsers except ie8 */
}
/* compatible with ie8, .checked class set in js */
.checkbox input[type="checkbox"], .checkbox input[type="radio"] {
	display: none;
}
.checkbox {
	padding-left: 20px;
	background-image:url('images/check-empty.png');
	background-position:0% 50%;
	background-repeat:no-repeat;
	cursor: pointer;
}
.checkbox.checked {
	background-image:url('images/check.png');
}

.infoImage_wrap {
	display: inline-block;
	vertical-align: top;
	position: relative; top:0; left:0;
	background-color: #FFFFFF;
	border: 2px solid #d4d4d4;
	border-radius: 3px;
	overflow: hidden;
	margin-right: 50px;
}
.infoImage {
	vertical-align: middle;
	/* background-color: #FFFFFF;
	border: 2px solid #d4d4d4;
	border-radius: 3px; */
	width: auto;
	height: auto;
	max-width: 600px;
	max-height: 600px;
	position: relative; top:0; left:0;
}
.infoLoading {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}
.textfield {
	/* like the infoImageWrap and infoImage */
	width: 600px;
	height: 350px;
	margin-right: 50px;
	resize: none;
}
.imageForm {
}
.imageSidebar {
	display: inline-block;
	vertical-align: top;
	width: 320px;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 2em 0;
}
.imageSidebarDivider {
	margin-top: 1.25em;
	padding-top: 2em;
	border-top: 1px solid #000000;
}

/* todo: icon of this is not clickable */
input[type="file"] { }
.file_upload {
	/* 300-35px */
	width:265px;
	height:25px;
	line-height:25px;
	font-size: 118px; /* biiiig button */
	opacity:0;
	filter:alpha(opacity=0);
	cursor:pointer;
	position: relative;
	/* position: absolute;
	top: 0px;
	right: 0px; */
	z-index: 2;
}
.file_upload_wrap {
	/* background-position:top left;
	background-repeat:no-repeat; */
	height: 25px;
	/* 300-35px */
	width:265px;
	overflow:hidden;
	position: relative;
	text-align:right;
}
.file_upload_wrap:before {
	content: "Datei hochladen";
	vertical-align: middle;
	position: absolute;
	background: url('images/upload.png') center left no-repeat;
	height: 25px;
	/* 35px + ?px to fix text alignment with other buttons, 1-3 px depending on browser */
	padding-left: 37px;
	top: 0;
	left: 0;
	z-index: 1;
}
.file_upload_wrap.background_file:before {
	content: "eigenes Bild hochladen";
}
.file_upload_wrap.logo_file:before {
	content: "eigenes Logo hochladen"
}

.imgFormButton {
	/* margin-bottom:10px; */
	margin-bottom:0.75em;
	width:300px;
	min-height:25px;
	border: 0 none;
	text-align: left;
	padding: 0;
	padding-left: 35px;
	background:url('images/blank.gif') center left no-repeat;
}
.imgFormButton.file_upload_wrap {
	/* 300-35px */
	width:265px;
}
.imgFormButton.deleteButton,
.imgFormButton.clearLogoButton,
.imgFormButton.clearMessageButton {
	background-image:url('images/delete.png');
}
.imgFormButton.centerLayerButton {
	background-image:url('images/center.png');
}

.colorPickField {
	width: 330px;
	margin-right: 20px;
	display: inline-block;
	vertical-align: top;
}
.colorPickButton {
	margin: 0 14px 14px 0;
	width: 60px;
	height: 33px;
	border: 1px solid #d4d4d4;
	border-radius: 2px;
	text-indent: -9999px;
}
.colorpicker_wrap {
	display: inline-block;
	vertical-align: top;
}
.colorpicker {
	font-family: "Open Sans",Arial,sans-serif;
}
.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	font-size: 10px;
	font-family: "Open Sans",Arial,sans-serif;
	/* color: #898989; */
	color: #BFBFBF;
	text-align: right;
	margin: 0px;
	padding: 0px;
}
.label {
	line-height: 1;
	padding-top:0.75em;
}
.dd-label {
	line-height: 2;
	padding-top: 0;
}

.logoslider { }

.dd-container { margin-bottom: 0.75em; }
.dd-select {
	border: 1px solid #C6C6C6 !important;
	border-radius: 3px !important;
	background: #E2E2E2 !important;
}
.dd-selected {
	color:#000000 !important;
	background: #FFFFFF;
	padding: 2px !important;
	margin: 3px !important;
}
.dd-selected-image {
	/* background: #FFFFFF;
	padding: 2px; */
}
.dd-pointer-down {
	border-color: #AC2700 transparent transparent transparent !important;
}
span.dd-pointer-up {
	border-color: transparent transparent #AC2700 transparent !important;
}
.dd-option {
	padding: 7px !important;
	border-color: #C6C6C6 !important;
}
.dd-option:hover,
.dd-option-selected {
	background: #E2E2E2 !important;
}
.dd-option-text,
.dd-selected-text {
	color:#000000 !important;
}
.dd-option-image, .dd-selected-image {
	max-width:none !important;
}

.select_border_wrap {
	width: 405px;
	display: inline-block;
	vertical-align: top;
	margin-left: 70px;
}
.select_border_width {
	width: 200px;
	display: inline-block;
	vertical-align: middle;
}
.border0 { /* single row */
	display: block;
	width: 400px;
}
.border_text {
	color: #000000;
	display: inline-block;
	vertical-align:middle;
	width: 30px;
}
.select_border_width.selected .border_text {
	color:#AC2700;
	text-decoration: underline;
	font-weight: bold;
}
.border_width {
	width:100px;
	background-color:#AC2700;
	/* position:absolute; */
	margin-left:10px;
	display: inline-block;
	vertical-align: middle;
	font-size: 1px;
}


/*
* modified jquery ui elements
*/
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; }
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; }
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; }
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; }
.ui-state-default, .ui-widget-header {
	text-transform: uppercase;
}
.ui-widget-overlay { /* a little bit darker */
	background: #000000;
	filter: alpha(opacity = 55); /* fix ie <= 8 */
	opacity: 0.55;
}
.ui-widget-content {
	background: #FFF;
	color: #AC2700;
	border: 1px solid #C6C6C6;
}
.ui-dialog .ui-dialog-content {
	padding: 0.5em 4em;
}
.ui-dialog {
	text-align: center;
	/* outline: 3px solid #FFFFFF; */
	-webkit-box-shadow: 0px 0px 0px 3px #FFFFFF;
	-moz-box-shadow: 0px 0px 0px 3px #FFFFFF;
	box-shadow: 0px 0px 0px 3px #FFFFFF;
	border-radius: 2px;
}
.ui-dialog-wrap {
	/* not used anymore */
	/* double border */
	border: 1px solid #AAA;
	border-radius: 3px;
}
.ui-dialog .ui-dialog-titlebar {
	/* display: none; */
	padding: 4em 1em 1.3em 1em;
	font-size: 1.2em;
}
.ui-dialog .ui-dialog-title {
	width: auto;
	float: none;
}
.ui-widget-header {
	color: #AC2700;
	border: 0 none;
	background: transparent;
}
.ui-dialog .ui-dialog-titlebar-close {
	/* needs a close button in js... */
	display: none;
}
.ui-dialog .ui-dialog-buttonpane {
	background: transparent;
	border: 0 none;
	/* padding: 0.5em; */
	padding: 2em 1em 4em 1em;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
	text-align: center;
}
.ui-dialog .ui-dialog-buttonpane button {
	margin: 0.5em 2em;
}
/* buttons */
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	/* padding:5px 10px; */
	background: #e2e2e2;
	color:#000000;
	border: 1px solid #cdcdcd;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	/* padding:5px 10px; */
	background: #e2e2e2;
	color: #000000;
	border: 1px solid #000000;
}
/* original highlight rule, was after other ui-states now before active, for datepicker today */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    /* border: 1px solid #FCEFA1; */
    border: 1px solid #000000;
    background: #F8F8F5;
    /* color: #000000; */
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	/* padding:6px 11px; */
	background: #AC2700;
	color:#ffffff;
	/* border: 0 none; */
	border: 1px solid #AC2700;
}

.ui-slider {
	
}
.slider-with-input.ui-slider-horizontal {
	margin-left: 1px;
	margin-right: 75px;
	margin-top: 6px;
	margin-bottom: 6px;
	/* margin-left: 0;
	margin-bottom: 10px; */
	position: relative;
}
.slider-with-input.ui-slider-horizontal .sliderInput {
	width: 65px;
	position: absolute;
	right: -75px;
	top: -7px;
	line-height: 1;
	text-align: left;
}
.sliderInput { color: #000000; }
.sliderInput .sliderValue {
	width: 30px;
	text-align:center;
	margin-right: 4px;
}
.ui-slider .ui-slider-handle {
	background: #AC2700;
	border: 0 none;
	border-radius: 1px;
	cursor: pointer;
}
.ui-slider-horizontal .ui-slider-handle {
	/* width: 0.2em;
	margin-left: -0.1em; */
	width: 4px;
	margin-left: -2px;
	height: 0.94em;
	top: -1px;
}
.ui-slider-vertical .ui-slider-handle {
	/* height: 0.2em;
	margin-top: -0.1em; */
	height: 4px;
	margin-top: -2px;
	width: 0.94em;
	left: -1px;
}
.ui-slider-range {
	background: #E2E2E2;
}
.ui-datepicker-header .ui-state-hover {
	background: transparent;
}
.ui-datepicker td a {
	text-align: center;
}
/*
#wizard {
	position: absolute;
	top: 200px;
	left: 0px;
	background: #F8F8F5;
	width: 100%;
	padding: 20px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	z-index: 100;
	border-bottom: 0 none;
}
#wizard .tab_content { border-bottom: 2px solid #000; }
#flashuPage { position: relative; }
*/