/* Allgemein */
html, body{
	height: 100%;
}

body{
	background: #f6f5f5 url("../images/layout/bg.gif") 0 0 repeat-x;
	color: #454444;
	font:normal 63.5%/1.8em 'Alegreya Sans', Arial, Tahoma, Verdana, sans-serif;
}

p{
	margin: 0 0 10px;
}

.center{
	margin: 0 auto;
	width: 1265px;
}

.center_center{
	margin: 0 auto;
	width: 1265px;
	text-align: center;
}

.center_small{
	margin: 0 auto;
	width: 936px;
}

.clearfix:before, .clearfix:after{
  content: " ";
  display: table;
}

.clearfix:after{
  clear: both;
}

/* For IE 6/7 only */
.clearfix{
  *zoom: 1;
}

h2{
	font-size: 2.15em;
}

hr{
	border: none;
	border-top: solid 1px #ccc;
	margin: 70px 0;
}

/* ENDE Allgemein */
#container {
  min-height: 100%;
  position: relative;
}

#container{
	min-height:100%;
	position:relative;
}

/* Home */
.headline{
	color: #fff;
	font-size: 5.9em;
	line-height: 1.5;
	text-align: center;
	text-shadow: 0 0 15px #333;
}

.adresse{
	border-top: solid 1px #c7d300;
	color: #fff;
	padding: 10px 0 0;
	font-size: 1.4em;
	text-align: center;
}

.adresse a:link, .adresse a:visited{
	color: #fff;
	text-decoration: none;
}

.adresse a:hover, .adresse a:active{
	color: #fff;
	text-decoration: underline;
}
/* ENDE Home */

/* Login */
.login_body{
	background-color: #535050;
}

.login_header{
	background-color: #454444;
	height: 275px;
	position: relative;
}

/* Altes Logo */
/*.login_logo{
	max-width: 975px;
	margin: 0 auto;
	text-align: right;
	padding: 50px 0 0;
}*/

.login_logo{
  margin: 0 auto;
  max-width: 246px;
  padding: 100px 6px 0 0;
  text-align: right;
}

.login_zacken{ 
	/*background: transparent url("../images/layout/aries_zacken.png") 0 0 no-repeat;*/
	width: 500px;
	margin: 0 auto;
	padding: 75px 0 0;
}

.login_hinweis{
	background-color: #FF515F;
	color: #fff;
	font-size: 1.5em;
	margin: 0 auto 10px;
	padding: 13px 15px 10px;
	width: 280px;
}

#login_form{
	background-color: #c7d301;
	padding: 15px;
	width: 280px;
	margin: 0 auto;
	font-size: 1.3em;
}

#login_form input[type="text"], #login_form input[type="password"]{
	width: 93%;
	padding: 10px;
	margin: 0 0 11px;
	font-style: italic;
	box-shadow: 0 0 6px #aaa;
	border: none;
}

#login_form input[type="submit"]{
	padding: 5px;
	float: right;
}

#login_form a:link, #login_form a:visited{
	color: #fff;
	font-size: 0.9em;
	text-decoration: none;
	padding: 7px 0 0;
	display: inline-block;
}

#login_form a:hover, #login_form a:active{
	color: #fff;
	text-decoration: underline;
}
/* ENDE Login */


/* Header */
.header{
	background-color: #454444;
	width: 1300px;
	margin: 0 auto;
}

.header .center{
	width: 1300px;
}

.header a:link, .header a:visited{
	color: #fff;
	text-decoration: none;
}

.header a:hover, .header a:active{
	color: #fff;
	text-decoration: none;
}

/* Altes Logo */
/*.logo{
	float: left;
	margin: 0 120px 0 0;
	padding: 15px 0;
}*/

.logo {
  float: left;
  margin: 0 120px 0 0;
  padding: 62px 0 0;
}

.navi{
	height: 196px;
}

.navi a{ 
	border-left: solid 1px #7c7778;
	display: block;
	width: 175px;
	text-align: center;
	font-size: 1.5em;
	text-transform: uppercase;
	float: left;
	padding: 30px 0 24px;
}

.navi a:last-of-type{
	border-right: solid 1px #7c7778;
}

.navi a:hover, .navi a:active{
	background-color: #625e5f;
}

.navi a.active{
	background-color: #625e5f;
}

.suche{
	background-color: #c7d301;
	clear: both;
	height: 59px;
	font-size: 1.2em;
	width: 1300px;
	margin: 0 auto;
}

.suche_logout{
	color: #fff;
	font-size: 17px;
	position: absolute;
	right: 70px;
	text-decoration: none;
	top: 22px;
}
/* ENDE Header */


/* Icons Navi */
.icons{
	background: transparent url("../images/layout/sprite_icons.png") 0 0 no-repeat;
	display: block;
	height: 80px;
	width: 80px;
	margin: 0 auto 25px;
}

.icon_offene_gutscheine{
	background-position: -100px 0;
}

.icon_statistik_gutscheine{
	background-position: -300px -93px;
}

.icon_eingeloeste_gutscheine{
	background-position: -200px 0;
}

.icon_vorlagen_gutschein{
	background-position: -300px 0;
}

.icon_logout{
	background-position: -400px 0;
}

.icon_settings{
	background-position: -500px 0;
}
/* ENDE Icons Navi */


/* Suche */
.zacken{
	/*background: transparent url("../images/layout/aries_zacken_suche.png") 0 -3px no-repeat;*/
	position: relative;
}

.suchbox_normal, .suchbox_big, .suchbox_small, #verwaltung{
	background-color: #fff;
	border: none;
	box-shadow: 0 0 6px #aaa;
	color: #a9a9a9;
	display: inline-block;
	font-style: italic;
	margin: 12px 0 0 154px;
	padding: 10px;
	width: 750px;
}

.suchbox_big{
	width: 916px;
}

.suchbox_small{
	width: 620px;
}

.icon_lupe_normal, .icon_lupe_big, .icon_lupe_small{
	background-position: 0 -100px;
	height: 33px;
	margin: 11px 0 0;
	position: absolute;
	right: 317px;
}

.icon_lupe_big{
	right: 152px;
}

.icon_lupe_small{
	right: 447px;
}

#verwaltung{
	width: 154px;
	margin: 12px 0 0 10px;
	padding: 9px 10px;
}

#tbStartdate, #tbEnddate{
	padding: 9px 2px 8px;
	background-color: #fff;
	border: none;
	box-shadow: 0 0 6px #aaa;
	margin: 10px 5px;
}

#tbStartdate{
	margin-left: 420px;
}

input[type="submit"]{
	padding: 8px 10px 7px;
}
/* ENDE Suche */


/* Inhalt */
.tabelle_gutscheine, .tabelle_gutscheine_no_sort{
	width: 936px;
	font-size: 1.6em;
	margin: 0 auto;
}

.tabelle_gutscheine th, .tabelle_gutscheine_no_sort th{
	background-color: #969091;
	color: #fff;
	font-weight: 500;
	padding: 10px 0;
	text-transform: uppercase;
}

.tabelle_gutscheine td, .tabelle_gutscheine_no_sort td{
	padding: 10px;
	text-align: center;
	border-bottom: solid 1px #ddd;
}

.gutschein_status_offen, .gutschein_status_eingeloest, .gutschein_status_verfallen, .gutschein_status_fehler, .rechnung_status_offen, .gutschein_status_storno, .gutschein_status_post_versand, .rechnung_status_gesendet, .vorlage_status_aktiv, .vorlage_status_deaktiviert, .btransfer_status_offen, .btransfer_status_ok{
	background-color: #a9a4a5;
	border-radius: 40%;
	display: inline-block;
	height: 10px;
	margin: 0 5px 0 0;
	width: 10px;
}

.gutschein_status_eingeloest, .rechnung_status_gesendet, .vorlage_status_aktiv, .btransfer_status_ok{
	background-color: #c7d301;
}

.gutschein_status_verfallen, .vorlage_status_deaktiviert{
	background-color: #e30613;
}

.gutschein_status_post_versand{
	background-color: #c7d301;
}

.gutschein_status_fehler{
	background-color: #000;
}

.gutschein_status_storno{
	background-color: #333;
}

.gutschein_details{
	display: block;
	height: 20px;
	width: 20px;
	margin: 0;
	background-position: -130px -112px;
}

.betrag{
	display: block;
	width: 65px;
	text-align: right;
	margin: 0 auto;
}

.drucken{
	display: inline-block;
	height: 23px;
	width: 27px;
	margin: 20px 0 0;
	background-position: -227px -111px;
}

.center_inhalt{
	width: 936px;
	text-align: right;
	margin: 0 auto;
}

.main a:link, .main a:visited{
	color: #454444;
	text-decoration: none;
}

.main a:hover, .main a:active{
	color: #454444;
	text-decoration: none;
}
/* ENDE Inhalt */


/* Gutscheindetails */
.gutscheindetails{
	font-size: 1.4em;
	float: left;
	padding: 20px 0 10px 80px;
	width: 325px;
}

.gutscheindetails h1{
	font-size: 1.4em;
	text-transform: uppercase;
	margin: 0 0 5px;
}

.gutscheindetails h2{
	font-size: 1.2em;
	text-transform: uppercase;
	margin: 5px 0 5px;
}

.gutscheindetails_kaeufer{
	height: 305px;
  margin: 10px 0 0;
}

.gutscheindetails_daten{
	background-color: #dddbdc;
	padding: 15px 15px 10px;
	margin: 5px 0 12px -15px;
}

.gutscheindetails_daten b{
	display: inline-block;
	font-weight: normal;
	line-height: 1.5em;
	width: 115px;
}

.gutscheinansicht{
	padding: 20px 0 0;
	width: 435px;
	float: left;
	position: relative;
	text-align: right;
}

.gutscheinansicht img{
	border: solid 2px #fff;
}

.gutscheinansicht iframe{
	overflow: hidden;
	height: 609px;
	width: 471px;
}

.gutscheinansicht_text{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	text-align: center;
	width: 100%;
	font-size: 1.4em;
	margin: 268px 0 0;
	height: 315px;
}

.gutscheinansicht_preis{
	color: #585046;
	margin: 8px 0 20px 184px;
	font-size: 1.1em;
	font-style: italic;
	font-family: "Times New";
}

.gutscheinansicht_betrag{
	font-size: 1.4em;
}

.gutscheinansicht_titel, .gutscheinansicht_grusstext, .gutscheinansicht_absender, .gutscheinansicht_produkt_titel{
	color: #585046;
	margin: 0 auto;
	width: 370px;
	line-height: 1.6em;
	text-align: left;
	font-size: 0.9em;
}

.gutscheinansicht_titel, .gutscheinansicht_absender, .gutscheinansicht_produkt_titel{
	margin: 10px auto 5px;
	font-weight: bold;
	font-size: 1.1em;
}

.gutscheinansicht_absender{
	font-weight: normal;
	font-size: 0.9em;
	font-style: italic;
}

.gutscheinansicht_produkt_titel{
	text-align: center;
	font-size: 1em;
	position: absolute;
	bottom: 114px;
	width: 100%;
}

.gutscheinansicht_code{
	bottom: 56px;
	color: #585046;
	font-size: 1.3em;
	margin: 0;
	position: absolute;
	width: 100%;
	padding: 0;
}

.gutscheinansicht_gesendet{
	display: block;
	font-size: 0.5em;
}

.gutscheinansicht_drucken{
	display: block;
	font-size: 1.4em;
	margin: 0 2px 0 0;
}

.gutscheindetails_produkt_beschreibung{
	text-align: left;
	font-size: 1.5em;
	border: solid 1px #f1f1f1;
	padding: 17px;
	margin: 30px 0 0 20px;
	position: relative;
	background-color: #f1f1f1;
	border-bottom: solid 1px #ddd;
	border-radius: 0 0 4px 4px;
	width: 395px;
}

.gutscheindetails_produkt_beschreibung h3{
	margin: 0 0 10px;
}

.gutscheindetails_produkt_beschreibung ul li{
	margin: 0 0 10px 16px;
}

.gutscheindetails_produkt_extra_preis{
	float: right;
}

.gutscheinansicht a:link, .gutscheinansicht a:visited{
	color: #454444;
	text-decoration: none;
}

.gutscheinansicht a:hover, .gutscheinansicht a:active{
	color: #454444;
	text-decoration: underline;
}

.gutschein_status{
	/*display: inline-block;
	width: 160px;
	float: left;*/
	display: block;
	line-height: 1.5em;
}

.gutscheindetails_optionen_datum{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	float: right;
	margin: 0 50px 0 0;
	font-size: 0.8em;
}

.main .btn_aktion:link, .main .btn_aktion:visited{
	background-color: #c7d300;
	border: solid 1px #fff;
	color: #fff;
	display: block;
	font-size: 1.3em;
	font-weight: 600;
	margin: 10px 0 0;
	padding: 5px 0;
	text-align: center;
}

.main .btn_aktion:hover, .main .btn_aktion:active{
	background-color: #b2bc04;
}

.gutscheindetails_nachrichten{
	height: 320px;
	overflow: hidden;
	overflow-y: auto;
	margin: 20px 0 0;
}
/* ENDE Gutscheindetails */


/* Vorlagen */
.gutscheinvorlagen{
	float: left;
	font-size: 1.4em;
	padding: 20px 0 10px 80px;
	width: 325px;
}

.gutscheinvorlagen ul{
	clear: both;
}

.gutscheinvorlagen ul li{
	border-bottom: solid 1px #ddd;
	list-style-type: none;
	padding: 10px 25px;
}

.gutscheinvorlagen ul li.disabled{
	text-transform: uppercase;
}

.gutscheinvorlagen ul li.disabled .vorlage_stati{
  pointer-events: none;
}

.gutscheinvorlagen_titel {
	display: inline-block;
	width: 115px;
	margin: 0 35px 0 0;
}

.gutscheinvorlagen_aktiv{
	font-weight: bold;
}

.gutscheinvorlagen_sort{
	border: solid 1px #ccc;
	display: inline-block;
	float: right;
	height: 10px;
	width: 10px;
	border-radius: 3px;
}

.gutscheinvorlagen_sort:hover{
	background-color: #ccc;
	cursor: row-resize;
}

.gutscheinvorlagen .vorlage_stati_title{
  margin: 0 0 0 81px;
}

.gutscheinvorlagen .vorlage_stati_title span{
  margin: 0 10px 0 0;
}

.gutscheinvorlagen .vorlage_stati{
	display: inline-block;
}

.gutscheinvorlagen .vorlage_stati a{
	display: inline-block;
	margin: 0 30px 0 0;
}

#voucher_upload{
	padding: 0 15px;
	border-bottom: solid 1px #ccc;
	height: 260px;
}

#voucher_upload input{
	margin: 0 0 15px;
}

#voucher_upload input[type="submit"]{
	float: right;
}

#voucher_upload #betriebA{
	margin: 0 0 10px;
	padding: 3px;
	width: 296px;
}

.vorlagetitel{
	padding: 3px 5px;
	font-size: 0.9em;
	width: 282px;
}

.vorlage_edit{
	display: inline-block;
  width: 17px;
  height: 13px;
  margin: 0 5px 0 0;
  background-size: 335px;
  background-position: -71px -64px;
  float: right;
}
/* ENDE Vorlagen */


/* Produktgutscheine */
#sortable_pV, #nosortable_pV{
	margin: 0 auto;
	width: 800px;
}
#nosortable_pV .produktgustchein_item_sort{
	display: none;
}
.produktgustchein_item{
	border: solid 1px #f1f1f1;
	padding: 17px 17px 0;
	position: relative;
	background-color: #f1f1f1;
	width: 800px;
	margin: 15px auto 0;
	clear: both;
	font-size: 1.3em;
	border-bottom: solid 1px #ddd;
	border-radius: 0 0 5px 5px;
}
.produktgustchein_item_edit{
	position: absolute;
	font-size: 4.5em;
	right: 55px;
	top: 50%;
	margin: -13px 0 0;
}
.produktgustchein_item_edit:link, .produktgustchein_item_edit:visited,
.produktgustchein_item_duplicate:link, .produktgustchein_item_duplicate:visited{
	color: #454444;
	text-decoration: none;
}
.produktgustchein_item_edit:hover, .produktgustchein_item_edit:active,
.produktgustchein_item_duplicate:hover, .produktgustchein_item_duplicate:active{
	color: #454444;
}
.produktgustchein_item_delete, .produktgustchein_item_duplicate{
  border-left: solid 1px #aaa;
  display: inline-block;
  font-size: 1.25em;
  font-weight: 700;
  margin: 0 0 0 5px;
  padding: 0 0 0 6px;
}
.produktgustchein_item_delete:link, .produktgustchein_item_delete:visited{
	color: #454444;
	text-decoration: none;
}
.produktgustchein_item_delete:hover, .produktgustchein_item_delete:active{
	color: #454444;
}
.produktgustchein_item_text{
	float: left;
	width: 65%;
}
.produktgustchein_item_textlong{
	position: relative;
}
.produktgustchein_item h4{
	font-size: 1.1em;
	padding: 0;
	margin: 10px 0 7px;
	text-transform: uppercase;
}
.produktgustchein_item p{
	float: left;
	height: 65px;
	line-height: 1.5em;
	margin: 0 0 15px;
	padding: 0;
	overflow: hidden;
	position: relative;
	font-size: 1.1em;
	width: 100%;
}
.produktgustchein_item_preis{
	background-color: #c4d400;
	color: #fff;
	display: inline-block;
	font-weight: 700;
	padding: 10px;
	position: absolute;
	right: 23px;
	text-align: center;
	top: 0;
	min-width: 75px;
	font-size: 1.35em;
}
.produktgustchein_item_preis:before{
  width: 0;
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  border-bottom: 10px solid #f1f1f1;
  border-right: 10px solid #a4b104;
}
.produktgustchein_item_img{
	border-radius: 50%;
	float: left;
	margin: 0 20px 0 0;
}
.produktgustchein_item_height{
	transition-duration: 0.4s;	
}
.produktgustchein_item_more_hide{
	display: none!important;
}
.produktgustchein_item_more{
	background: rgb(255,255,255);
	background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgb(241, 241, 241) 100%);
	bottom: 0;
	display: block;
	height: 30px;
	position: absolute;
	text-align: center;
	width: 100%;
}
.produktgustchein_item_more:hover{
	cursor: pointer;
}
.produktgustchein_item p.produktgustchein_item_height{
	height: 70px;
}
.produktgustchein_item_more b{
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 0 8px #333;
	display: inline-block;
	font-size: 0.95em;
	font-weight: 400;
	height: 13px;
	line-height: 1em;
	margin: 7px 0 0;
	padding: 5px 0 1px 0;
	width: 19px;
	transition-duration: 0.4s;
}

.produktgustchein_item_category{
	background: #ccc;
}

.produktgustchein_item_category h4{
	font-size: 1.5em;
  margin: 0 0 10px;
}

.produktgustchein_item_category .produktgustchein_item_edit{
	margin: -32px 0 0;
}

.produktgustchein_item_category .produktgustchein_item_delete{
	border: none;
	margin: 0;
	padding: 0;
}
.produktgustchein_item_category .produktgustchein_item_preis, 
.produktgustchein_item_category .produktgustchein_item_text p{
	display: none;
}

.produkt_optionen{
	clear: both;
	padding: 10px 20px 10px;
	margin: 0 -18px;
	background-color: rgba(222, 222, 222, 0.4);
	font-size: 1.1em;
}

.produktgustchein_item_aktiv, .option_item_aktiv{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #c7d301;
}

.produktgustchein_item_inaktiv, .option_item_inaktiv, .produktgustchein_item_noaktiv{
	display: inline-block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background-color: #f00;
}
.produktgustchein_item_noaktiv{
	cursor: default;
}
.produktgustchein_item_datum{
	border-left: solid 1px #aaa;
	display: inline-block;
	margin: 0 0 0 4px;
	padding: 0 0 0 5px;
}
.produktgustchein_item_sort{
	cursor: row-resize;
	display: inline-block;
	float: right;
	border-top: solid 2px #454444;
	border-bottom: solid 2px #454444;
	height: 3px;
	width: 25px;
	margin: 1px 6px 0 0;
}
.produktgustchein_item_sort:before{
	content: ' ';
	display: inline-block;
	border-top: solid 2px #454444;
	border-bottom: solid 2px #454444;
	height: 3px;
	width: 25px;
	margin: 8px 0 0;
}
.produkt_gutscheinvorlagen_h2{
	width: 800px;
	margin: 25px auto 15px;
}
.produkt_gutscheinvorlagen {
	font-size: 1.45em;
	margin: 0 auto 40px;
	/*white-space: nowrap;*/
	width: 805px;
}
.produkt_gutscheinvorlagen_hinweis{
	background-color: rgba(199, 211, 1, 0.4);
	border-radius: 1px;
	border: solid 1px #4544443d;
	display: block;
	font-weight: 700;
	padding: 5px 0;
	text-align: center;
}

.produkt_gutscheinvorlagen .listCenter_rahmen {
  background-color: #fff;
  border-radius: 2px;
  border: solid 1px rgba(153,153,153,0.65);
  margin: 10px 0 10px;
/*  overflow-x: auto;
  overflow: hidden;*/
  padding: 10px 5px 6px;
  /*text-align: center;*/
}
.produkt_gutscheinvorlagen_link{
  color: #454444;
  text-decoration: none;
  display: inline-block;
  text-align: right;
  float: right;
}
.produkt_gutscheinvorlagen ul li, .produkt_gutscheinvorlagen .listCenter_rahmen div {
    display: inline-block;
    list-style-type: none;
    margin: 0 9px 40px;
    text-align: center;
    width: 140px;
    position: relative;
}

.produkt_gutscheinvorlagen .listCenter a:link, .produkt_gutscheinvorlagen .listCenter a:visited{
	color: #625e5f;
	text-decoration: none;
	outline: none;
}

.produkt_gutscheinvorlagen .listCenter a:hover, .produkt_gutscheinvorlagen .listCenter a:active{
	color: #625e5f;
	text-decoration: none;
	outline: none;
}

.produkt_gutscheinvorlagen_small{
	height: 109px;
}

.produkt_gutscheinvorlagen_small a{
	display: block;
}

.produkt_gutscheinvorlagen_small .vorlage_titel{
	padding: 5px 0!important;
  border-bottom: solid 1px #f1f1f1;
}

.produkt_gutscheinvorlagen_small .cbVorlage{
	margin: 35px 0 0;
}

.vorlage_aktiv img {
  border: solid 1px rgba(68, 68, 69, 0.8);
  border-radius: 2px;
}

.produkt_gutscheinvorlagen .vorlage_titel{
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 3px;
	display: block;
	text-align: center;
	width: 99%;
	background: rgba(255, 255, 255, 0.8);
	padding: 16px 0 11px;
	font-weight: 700;
}

.produkt_gutscheinvorlagen .vorlage_vorschau{
	float: left;
	margin: 0 7% 0 0;
	width: 39%;
}

.produkt_gutscheinvorlagen .vorlage_vorschau img{
	height: auto;
	max-width: 100%;
}

.produkt_gutscheinvorlagen .rbVorlage {
  display: none;
}

.produkt_gutscheinvorlagen a:link, .produkt_gutscheinvorlagen a:visited{
	color: #454444;
}

.produkt_gutscheinvorlagen a:hover, .produkt_gutscheinvorlagen a:active{
	color: #454444;
}

.produktgustchein_center{
	margin: 25px auto;
	width: 870px;
	text-align: right;
}
.produktgustchein_btn_neu{
	display: inline-block;
	background-color: #c7d301;
	font-size: 1.55em;
	padding: 10px;
	color: #454444;
	text-decoration: none;
	text-transform: uppercase;
	font-weight: 700;
}
.produktgustchein_btn_neu:hover{
	background-color: rgba(199, 211, 1, 0.5);
}
.produkt_upload_box{
	float: right;
	position: relative;
	margin: 0 20px 0 0;
}
.produkt_upload_delete{
	font-size: 1.4em;
	position: absolute;
	text-decoration: none;
	color: #fff;
	top: 0;
	right: 0;
	display: inline-block;
	background-color: #535050;
	padding: 0 5px;
	font-weight: 700;
	border-radius: 3px;
}
.produkt_upload_bild{
	border-radius: 50%;
}
.produkt_gutscheine_zurueck{
	color: #454444;
	display: inline-block;
	margin: 12px 0 0;
	text-decoration: none;
}
/* ENDE Produktgutscheine */


/* OLD Produkt Gutscheine */
/*
.produkt_gutscheine{
	clear: both;
	margin: 0 auto 100px;
	width: 800px;
	padding: 50px 0 0;
	border-top: solid 1px #ccc;
}

.produkt_gutscheine .listCenter{
	background-color: #fff;
	border: solid 1px rgba(153,153,153,0.65);
	margin: 10px 0 30px;
	padding: 10px 5px 6px;
	text-align: center;
	margin: 10px 0 35px;
	overflow: hidden;
	overflow-x: auto;
	border-radius: 2px;
	font-size: 1.5em;
}

.produkt_gutscheinvorlagen .listCenter_rahmen {
  white-space: nowrap;
  width: 0;
}

.produkt_gutscheinvorlagen ul li, .produkt_gutscheinvorlagen .listCenter_rahmen div {
    display: inline-block;
    list-style-type: none;
    margin: 0 9px;
    text-align: center;
    width: 140px;
    position: relative;
}

.produkt_gutscheinvorlagen .listCenter a:link, .produkt_gutscheinvorlagen .listCenter a:visited{
	color: #625e5f;
	text-decoration: none;
	outline: none;
}

.produkt_gutscheinvorlagen .listCenter a:hover, .produkt_gutscheinvorlagen .listCenter a:active{
	color: #625e5f;
	text-decoration: none;
	outline: none;
}

.produkt_gutscheinvorlagen .vorlage_titel{
	position: absolute;
	z-index: 10;
	left: 0;
	bottom: 3px;
	display: block;
	text-align: center;
	width: 99%;
	background: rgba(255, 255, 255, 0.8);
	padding: 16px 0 11px;
	font-weight: 700;
}

.produkt_gutscheinvorlagen .vorlage_vorschau{
	float: left;
	margin: 0 7% 0 0;
	width: 39%;
}

.produkt_gutscheinvorlagen .vorlage_vorschau img{
	height: auto;
	max-width: 100%;
}

.produkt_gutscheinvorlagen .rbVorlage {
  display: none;
}

.vorlage_aktiv img {
  border: solid 1px rgba(68, 68, 69, 0.8);
  border-radius: 2px;
}

.produkt_gutscheine #tabs textarea{
	height: 100px; 
}

.produkt{
	font-size: 1.5em;
	width: 100%;
	clear: both;
	position: relative;
	height: 134px;
	border: solid 1px #bbb;
	border-radius: 2px;
	background: #fff;
}

.produkt_bild{
	width: 170px;
	float: left;
	height: 134px;
	overflow: hidden;
	margin: 0 0 10px;
}

.produkt_content{
	margin: 0;
	float: left;
	margin: 5px 0 0 15px;
	height: 104px;
	line-height: 1.4em;
	width: 605px;
}

.produkt_titel{

}

.produkt_beschreibung{
	margin: 0 0 20px;
}

.produkt_datum{

}

.produkt_optionen span{
	display: inline-block;
	margin: 0 10px 0 0;
	border-right: solid 1px #bbb;
	padding: 0 10px 0 0;
	min-width: 90px;
}

.produkt_optionen span b{
	display: inline-block;
	margin: 0 5px 0 0;
}

.produkt_preis{

}

.produkt_rabatt{

}

.preis_variabel{

}

.feste_preiswahl{

}



.produkt_gutscheinvorlagen a:link, .produkt_gutscheinvorlagen a:visited{
	color: #454444;
}

.produkt_gutscheinvorlagen a:hover, .produkt_gutscheinvorlagen a:active{
	color: #454444;
}
*/
/* OLD ENDE Produkt Gutscheine */

/* Settings */
#voucher_settings_kunde{
	margin: 0 0 0 -31px;
}

#sbUserBearbeiten{
	font-size: 1.3em;
	height: 29px;
	padding: 3px 4px;
	width: 449px;
	margin: 35px auto;
	display: block;
}

#tabs{
	font-size: 1.3em;
	margin: 20px auto;
	width: 480px;
}

#tabs .ui-widget-header{
	background: none;
	border: none;
	border-bottom: solid 1px #ccc8c7;
}

.ui-tabs .ui-tabs-nav{
	padding: 0;
}

.ui-tabs .ui-tabs-nav a{
	color: #716b69;
}

#tabs .ui-tabs-panel{
	background: #f4f7f0;
	border: solid 1px #ccc8c7;
	border-top: none;
}

#tabs .ui-state-default{
	background: #f2f1f0;
	border: solid 1px #f2f1f0;
}

#tabs .ui-state-active{
	background: #f4f7f0;
	border: solid 1px #ccc8c7;
	border-bottom: none;
	padding-bottom: 2px;
}

.ui-tabs .ui-tabs-nav li{
	text-align: center;
	width: 18.5%;
}

.ui-tabs .ui-tabs-nav li:last-child{
	margin-right: 0;
}

.ui-tabs .ui-tabs-nav li a{
	float: none;
	font-size: 1.15em;
	font-weight: bold;
	display: block;
	/*padding: 12px 27px 8px;*/
}

.ui-widget-content{
	border: none;
	color: #716b69;
}

#tabs label{
	display: block;
	font-size: 1.1em;
	font-weight: 500;
	padding: 0 0 5px;
}

#tabs .spalten_2{
	float: left;
	margin: 0 0 20px;
	width: 235px;
}

#tabs .spalten_1{
	clear: both;
	display: block;
	margin: 0 0 20px;
}

#tabs select{
	margin: 0 20px 0 0;
	padding: 3px;
	width: 213px;
}

#tabs .select_full_width{
	width: 447px;
}

#tabs .spalten_1 input[type=text]{
	padding: 3px 4px;
	width: 435px;
}

#tabs .spalten_2 input[type=text]{
	margin: 0 20px 0 0;
	padding: 3px 4px;
	width: 200px;
}

#tabs textarea{
	height: 175px;
	width: 440px;
}

#tabs .abstand{
	margin: 5px 0;
}

#tabs hr{
	clear: both;
	border: solid 1px #ccc;
	border-bottom: none;
	margin: 0 34px 20px 0;
}

#tabs .thema{
	display: block;
	margin: 0 0 5px;
	font-size: 1.1em;
}

#tabs input[type=file]{
	margin: 5px 0 5px -1px;
}

#tabs .sprache {
	color: #86b636;
	font-size: 1.2em;
	font-weight: bold;
	/* text-align: right; */
	text-transform: uppercase;
	margin: 0 0 5px;
}

#tabs .benutzer{
	list-style-type: none;

	font-size: 1.1em;
	width: 447px;
}

#tabs .benutzer li{
	border-bottom: solid 1px #ccc;
	margin: 0 0 10px;
}

#tabs .benutzer li:last-child{
	border-bottom: none;
	margin: 0;
}

#tabs .benutzer b{
	display: inline-block;
	margin: 0 15px 5px 0;
	width: 150px;
	font-weight: normal;
}

.settings_templates{
	margin: 15px 0 0;
}

.settings_templates li{
	display: inline-block;
	list-style-type: none;
	text-align: center;
	margin: 0 15px 0 0;
}

.bg_image_box{
	position: relative;
	width: 235px;
}

.bg_image_box a{
	background-color: #fff;
	border-radius: 3px;
	box-shadow: 0 0 3px #333;
	color: #333;
	display: inline-block;
	font-size: 18px;
	font-weight: 700;
	padding: 3px 7px;
	position: absolute;
	right: 20px;
	text-decoration: none;
	top: 4px;
}

.bg_image{
	width: 220px;
	height: auto;
}
/* ENDE Settings */


/* Statistik */
.statistik_untertitel{
	color: #666;
	font-size: 14px;
	font-weight: 400;
	margin: 5px 0 0;
}

.statistik_box{
	background-color: #fff;
	display: inline-block;
	width: 150px;
	margin: 0 1px;
	position: relative;
}

.statistik_box h6{
	margin: 10px 5px 0;
  font-size: 1.5em;
  font-weight: 500;
}

.statistik_box_vorlage_produkte h6{
	height: 40px;
	overflow: hidden;
}

.statistik_betrag{
	display: block;
	font-size: 2.7em;
	font-weight: 700;
	margin: 6px 0 15px;
}

.statistik_prozent{
	background: #c7d301;
	color: #fff;
	display: block;
	font-size: 1.55em;
	padding: 4px 0 2px;
  font-weight: 500;
}

.statistik_box_verkauft, .statistik_box_nicht_abgeschlossen{
	margin: 0 0 0 10px;
}

.statistik_box_vorlage{
	margin: 0 2px 10px;
}

.statistik_box_vorlage .statistik_prozent{
	background: #535050;
}

.statistik_box.hide{
	display: none;
}

.statistik_box_gesamt .statistik_prozent{
  background: #535050;
}

.statistik_box_offen .statistik_prozent{
	background: #a9a4a5;
}

.statistik_box_eingeloest .statistik_prozent{
	background: #c7d301;
}

.statistik_box_verfallen .statistik_prozent{
	background: #e30613;
}

.statistik_box_storniert .statistik_prozent{
  background: #333;
}

.statistik_box_verkauft .statistik_prozent{
  background: #969e28;
}

.statistik_box_nicht_abgeschlossen .statistik_prozent{
	background: #333;
}


.statistik_box_de .statistik_prozent, .statistik_box_bank .statistik_prozent{
	background: #a9a4a5;
}

.statistik_box_it .statistik_prozent, .statistik_box_paypal .statistik_prozent{
	background: #ad6d6d;
}

.statistik_box_en .statistik_prozent, .statistik_box_hobex .statistik_prozent{
	background: #9a4646;
}

.statistik_box_vpos .statistik_prozent{
	background: #9e5a5a;
}

.statistik_switch_summe, .statistik_switch_anzahl{
	cursor: pointer;
	font-size: 20px;
	position: absolute;
	right: 5px;
	top: 5px;
}

.statistik_box_voll{
  margin: 45px 0 0;
  position: relative;
  padding: 0 0 0 110px;
}

.statistik_box_halb{
	float: left;
	width: 50%;
}

#chart_pie_total, #chart_pie_anzahl{
  float: left;
  position: absolute;
  margin: -36px 0 0 -40px;
}

.chart_pie{
  height: 440px;	
  margin: -80px auto 0;
  width: 500px;
}

.ui-datepicker-trigger{
	display: none;
}

.statistik_anzahl_small {
	border-left: solid 1px #fff;
	display: inline-block;
	margin: 0 0 0 5px;
	padding: 0 0 0 6px;
}

.statistik_box_gross .statistik_box{
	width: 250px;
	margin: 0 2px;
}

.statistik_box_gross .statistik_box h6{
	margin: 20px 0 0;
}

.statistik_box_gross .statistik_betrag{
  margin: 9px 0 25px;
}

.statistik_box_gross .statistik_betrag{
	font-size: 3em;
}

.tabelle_gutscheine_no_sort a:link, .tabelle_gutscheine_no_sort a:visited{
	color: #fff;
	text-decoration: none;
}

.tabelle_gutscheine_no_sort a:hover, .tabelle_gutscheine_no_sort a:active{
	color: #fff;
	text-decoration: none;
}

/* ENDE Statistik */
/* Produkt Optionen */
#tabs label.label_anzahl {
  display: inline-block;
  margin-left: 5px;
  font-size: 1.15em;
}

.optionen_center {
  margin: 25px auto;
  width: 870px;
  position: relative;
}

a.gutschein_option_btn_neu {
  display: inline-block;
  text-decoration: none;
  color: white;
  background: #c7d301;
  padding: 10px 25px;
  font-size: 2em;
}

.create-option-outer {
  text-align: right;
  margin: 15px 0px;
}

.no-options {
  font-size: 4em;
  text-align: center;
  padding: 50px 0px;
}

a.produkt_option_zurueck {
  display: block;
  margin: 40px 0px 0px;
  font-size: 1.3em;
}

.option-box-wrapper {
  display: flex;
  flex-wrap: wrap;
}

.option-box {
  padding: 15px 25px;
  position: relative;
  background: white;
  border: solid 1px #ccc;
  width: 100%;
  margin-bottom: 1%;
  margin-top: 1%;
  box-sizing: border-box;
  display: block;
  text-decoration: none;
  color: #454444;
  transition: all .3s ease-in-out;
}

a.option-box:hover {
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
}

.option-box .top-text .title {
  font-size: 2.5em;
  color: #c7d301;
}

.option-box .top-text .subtitle {
  font-size: 2em;
}

.option-box .top-text {
  margin-bottom: 20px;
}

.bottom-text .description {
  font-size: 1.5em;
}

.option-box .price {
  position: absolute;
  right: 0;
  top: 0;
  padding: 10px 29px;
  background: #c7d301;
  color: white;
  font-size: 2em;
}

.options-item {
  width: 440px;
  padding: 10px;
  font-size: 1.2em;
  border: solid 1px #ccc;
  margin-bottom: 5px;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  display: flex;
}

.options-item .checkbox {
  position: absolute;
  right: 5px;
  width: 30px;
  height: 30px;
  top: 4px;
  background: white;
  text-align: center;
  line-height: 30px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.show-option-detail {
  width: 25px;
  height: 25px;
  text-align: center;
  border-radius: 50%;
  border: 1px solid #ccc;
  position: absolute;
  line-height: 25px;
  cursor: pointer;
  top: 5px;
  left: 5px;
  font-size: 15px;
}

.options-title {
  margin-left: 35px;
}

.options-item .checkbox span {
  transform: scale(0);
  display: block;
  transition: all .3s ease-in-out;
}

.options-item.active .checkbox span {
  transform: scale(1);
}

.option-list-link {
  display: block;
  width: 440px;
  text-align: right;
  margin-top: 25px;
}

.option-list-link a.options-box-link:hover {
  border: 2px solid #c7d301;
}

.option-list-link a.options-box-link {
  display: inline-block;
  padding: 10px 25px;
  font-size: 1.2em;
  text-decoration: none;
  color: #454444;
  border: 2px solid #ccc;
  transition: all .3s ease-in-out;
}

.option-title {
  font-size: 2.3em;
  line-height: 2.3em;
}

.option-detail {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .5s ease-in-out;
  transform: scale(0);
  background: rgba(0, 0, 0, .2);
  z-index: 100;
}

.option-detail.open {
  transform: scale(1);
}

.option-detail-inner {
  background: white;
  padding: 20px 60px 45px 20px;
  box-sizing: border-box;
  max-width: 550px;
  position: relative;
  border: 1px solid black;
}

.option-detail-inner .close {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 25px;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  border: 1px solid #454444;
  box-sizing: border-box;
  border-right: none;
  border-top: none;
  cursor: pointer;
}

.detail-title {
  font-size: 21px;
  display: inline-block;
}

.detail-extra {
  display: inline-block;
}

.detail-extra, .detail-subtitle {
  font-size: 15px;
}

.option-detail-inner .top {
  margin-bottom: 17px;
}

.detail-description {
  font-size: 14px;
}

.option-detail-inner .price {
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 15px;
  padding: 6px 30px;
  border: 1px solid #454444;
  border-right: none;
  border-bottom: none;
}



/* ENDE Produkt Optionen */
/* FOOTER */
.footer{
	/*background: #454444;*/
	background: #535050;
	bottom: 0;
	color: #fff;
	clear: both;
	font-size: 1.4em;
	margin: 80px auto 0;
	padding: 20px 0 20px;
	position: absolute;
	text-align: center;
	width: 100%;
}

.footer a:link, .footer a:visited{
	color: #fff;
	text-decoration: none;
}

.footer a:hover, .footer a:active{
	color: #fff;
	text-decoration: underline;
}

/* ENDE FOOTER */