@import url(http://fonts.googleapis.com/css?family=Kotta+One|Metamorphous);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Ubuntu:300,400,500);
html,
body {
  background: white;
  font-family: Helvetica;
  color: #3a3a3a;
  font-size: 12px;
  line-height: 1.2;
  overflow: hidden !important;
}
#Web {
  overflow: hidden !important;
}
html.appyweb {
  width: 100%;
  height: 100%;
  background: url('Content/Images/cityshopper/appymain-bg.jpg') no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
ul,
li {
  padding: 0px;
  margin: 0px;
}
body.appyweb {
  background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 20%, white 80%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(20%, white), color-stop(80%, white), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 20%, white 80%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 20%, white 80%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(255, 255, 255, 0) 0%, white 20%, white 80%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, white 20%, white 80%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 */
  width: 100%;
  margin: 0px auto;
  height: 110%;
}
.MegaPopup {
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.4);
  width: 100%;
  margin: 0px auto;
  height: 100%;
  z-index: 99999999;
  text-align: center;
  overflow: hidden;
}
.MegaPopup .wrap {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  color: white;
  height: 100%;
  width: 50%;
}
.MegaPopup span {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}
.MegaPopup .text {
  display: inline-block;
  vertical-align: middle;
  width: 50%;
  background: rgba(0, 0, 0, 0.6);
  padding: 10%;
  line-height: 2;
  font-size: large;
  border-radius: 10px;
}
#sub,
#sub2 {
  background-color: rgba(81, 81, 81, 0.5) !important;
}
#sub:disabled:hover,
#sub2:disabled:hover {
  background-color: rgba(81, 81, 81, 0.5) !important;
  box-shadow: none;
}
#sub:enabled,
#sub2:enabled {
  background-color: darkred !important;
  opacity: 1 !important;
}
input:-ms-input-placeholder {
  color: #9a9a9a;
}
.spin {
  position: absolute;
  bottom: 0%;
  left: 0%;
  width: 120px;
  height: 120px;
  /* margin:-60px 0 0 -60px;*/
  -webkit-animation: spin 3s linear infinite;
  -moz-animation: spin 3s linear infinite;
  animation: spin 3s linear infinite;
}
@-moz-keyframes spin {
  100% {
    -moz-transform: rotate(360deg);
  }
}
@-webkit-keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/*-------------WEB REDESIGN 20---------------------------*/

.top-main-slogan-normal {
  height: 30px;
  font-size: 1.3em;
}
.top-main-slogan-big,
.top-main-slogan-cms {
  height: 40px;
  font-size: 1.5em;
}
.top-main-slogan-big,
.top-main-slogan-normal,
.registerwrap em,
.login em,
.contactwrap em {
  background: #ed1b48;
  text-align: center;
  color: white;
  display: table;
  -moz-box-shadow: inset 0px 15px 38px 3px #be0b3d;
  -webkit-box-shadow: inset 0px 15px 38px 3px #be0b3d;
  box-shadow: inset 0px 15px 38px 3px #be0b3d;
}
.top-main-slogan-cms {
  background: #ededed;
  text-align: left;
  color: #9a9a9a;
  display: table;
  font-weight: 300;
  -moz-box-shadow: inset 0px 5px 8px 2px #dedede;
  -webkit-box-shadow: inset 0px 5px 8px 2px #dedede;
  box-shadow: inset 0px 5px 8px 2px #dedede;
}
.redhover:hover {
  font-weight: bold;
  color: red;
}
.top-main-slogan-normal span,
.top-main-slogan-big span,
.top-main-slogan-cms span,
.registerwrap em span,
.login em span,
.contactwrap em span {
  display: table-cell;
  vertical-align: middle;
}
.top-main-slogan-cms span {
  font-weight: 300;
  font-size: 24px;
  text-shadow: 1px 1px 1px white;
}
.cms-logo-mainpage {
  margin-top: 20px;
  float: left;
  /*Formula for left-margin in template :(*/

}
.arrowdot-normal {
  height: 30px;
}
.arrowdot-big {
  height: 35px;
}
.arrowdot-big,
.arrowdot-normal {
  float: right;
  padding: 0px 5px;
}
.appstore-imgs-big {
  float: right;
  margin-top: 26px;
}
.appstore-imgs-normal {
  float: right;
  margin-top: 15px;
}
.appstore-imgs-normal img {
  max-height: 25px;
}
.appstore-imgs-big img {
  max-height: 30px;
}
.appstore-imgs-big img,
.appstore-imgs-normal img {
  float: right;
  border: 0px;
}
.gamer {
  font-family: 'Montserrat';
}
.gamewrap .lett {
  margin: 0px;
  display: inline-block;
}
.gamewrap .lett input {
  float: left;
  width: 15px;
  margin: 5px;
  text-align: center;
}
tr {
  vertical-align: top;
}
/*check for conflicts, table backend created*/

.TopMenuButton,
.featuredtitle {
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  color: #4a4a4a;
  padding: 0px 10px 0px 0px;
  font-weight: 700;
}
.featuredtitle {
  margin-top: 10px;
}
.line {
  background: lightgray;
  height: 1px;
}
.line.featured {
  width: 1024px;
}
.TopMenuButton:active,
.TopMenuButton:hover {
  cursor: pointer;
  color: #ed1b48;
}
.TopMenuButtonSel {
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  color: #4a4a4a;
  padding: 0px 10px 0px 0px;
  font-weight: 700;
  cursor: pointer;
  color: #ed1b48;
}
.ButtonSignIn {
  border: 0px none;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  color: #ed1b48;
  font-weight: 700;
  padding: 0px 5px;
  text-align: right;
  background: none;
  height: 26px;
}
.ButtonSignIn:active,
.ButtonSignIn:hover {
  cursor: pointer;
  color: white;
  background-color: #ed1b48;
}
.ButtonSignIn.pop {
  border: 0px none;
  font-size: 14px;
  text-decoration: none;
  display: inline-block;
  color: white;
  font-weight: 700;
  text-align: center;
  height: 50px;
}
.wraptabs {
  float: right;
  text-align: center;
  -webkit-font-smoothing: antialiased;
  font-weight: 100;
  font-family: helvetica;
  z-index: 6;
  position: absolute;
  right: 0px;
}
.wraptabs .webtabs input[type=radio] {
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.wraptabs .webtabs {
  display: block;
  list-style: none;
  position: absolute;
  right: 0px;
  top: 34px;
}
.wraptabs .webtabs li label.lab img {
  width: 31px;
  height: 31px;
}
.wraptabs .webtabs li label.lab .immg {
  width: 31px;
  height: 31px;
}
.wraptabs .webtabs label.lab {
  display: block;
  margin: 5px;
  padding: 10px 10px;
  border-radius: 4px 0 0 4px;
  cursor: pointer;
  position: relative;
  right: 0px;
  background-color: #f8061d;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.wraptabs .webtabs li:hover > label.lab {
  background-color: #990000;
  right: 3px;
}
.wraptabs [id^=web]:checked + label.lab {
  background-color: #990000;
  right: 3px;
}
.wraptabs [id^=web]:checked ~ [id^=tab-content] {
  visibility: visible;
  opacity: 1;
  height: 546px;
  width: 358px;
}
.wraptabs [id^=web] ~ [id^=tab-content] {
  visibility: hidden;
  opacity: 0;
  text-align: left;
  width: 0px;
  height: 546px;
  font-size: 18px;
  line-height: 140%;
  padding-top: 10px;
  background: white;
  padding: 15px;
  color: #9a9a9a;
  position: absolute;
  top: -34px;
  right: 62px;
  -webkit-transition: visibility 0.8s linear 0.1s, height 0s linear 0.1s, opacity 0.6s ease-in-out 0.1s, width 0.6s ease-in-out 0.1s;
  -moz-transition: visibility 0.8s linear 0.1s, height 0s linear 0.1s, opacity 0.6s ease-in-out 0.1s, width 0.6s ease-in-out 0.1s;
  -o-transition: visibility 0.8s linear 0.1s, height 0s linear 0.1s, opacity 0.6s ease-in-out 0.1s, width 0.6s ease-in-out 0.15s;
  transition: visibility 0.8s linear 0.1s, height 0s linear 0.1s, opacity 0.6s ease-in-out 0.1s, width 0.6s ease-in-out 0.1s;
  box-shadow: -3px 0px 3px lightgray;
  -moz-box-shadow: -3px 0px 3px lightgray;
  -webkit-box-shadow: -3px 0px 3px lightgray;
}
.wraptabs [id^=web] ~ [id^=tab-content2] {
  overflow: auto;
}
.wraptabs .notices_allwebtabs {
  font-size: 12px;
  font-style: italic;
  color: gray;
}
/*-------------Kino/Daily Listwidget wrapfake--------*/

#dailyheader1 {
  display: none !important;
}
#boxparent {
  display: none !important;
  overflow: hidden;
}
#boxparent > div:empty:after {
  content: '*** Keine Einträge für diese Woche ***';
  font-size: 18px;
  color: darkgray;
  background: whitesmoke;
  display: block;
  text-align: center;
  padding: 15%;
  font-style: italic;
}
[id^=web6] ~ [id^=tab-content6],
[id^=web7] ~ [id^=tab-content7],
[id^=web8] ~ [id^=tab-content8],
[id^=web9] ~ [id^=tab-content9],
[id^=web10] ~ [id^=tab-content10] {
  display: block;
  visibility: hidden;
  height: 445px !important;
  width: 0px !important;
  top: 63px !important;
  line-height: 1.2 !important;
  -webkit-transition: visibility 0s linear 0.1s, height 0s linear 0.1s, opacity 0.8s ease 0.1s, width 0.8s ease 0.1s;
  -moz-transition: visibility 0s linear 0.1s, height 0s linear 0.1s, opacity 0.8s ease 0.1s, width 0.8s ease 0.1s;
  -o-transition: visibility 0s linear 0.1s, height 0s linear 0.1s, opacity 0.8s ease 0.1s, width 0.8s ease 0.15s;
  transition: visibility 0s linear 0.1s, height 0s linear 0.1s, opacity 0.8s ease 0.1s, width 0.8s ease 0.1s;
}
[id^=web6]:checked ~ [id^=tab-content6],
[id^=web7]:checked ~ [id^=tab-content7],
[id^=web8]:checked ~ [id^=tab-content8],
[id^=web9]:checked ~ [id^=tab-content9],
[id^=web10]:checked ~ [id^=tab-content10] {
  height: 445px !important;
  width: 858px !important;
  top: 63px !important;
  visibility: visible;
  line-height: 1.2 !important;
  -webkit-transition: visibility 0s linear 0.1s, height 0s linear 0.1s, opacity 0.8s ease 0.1s, width 0.8s ease 0.1s;
  -moz-transition: visibility 0s linear 0.1s, height 0s linear 0.1s, opacity 0.8s ease 0.1s, width 0.8s ease 0.1s;
  -o-transition: visibility 0s linear 0.1s, height 0s linear 0.1s, opacity 0.8s ease 0.1s, width 0.8s ease 0.15s;
  transition: visibility 0s linear 0.1s, height 0s linear 0.1s, opacity 0.8s ease 0.1s, width 0.8s ease 0.1s;
}
[id^=web6]:checked ~ [id^=tab-content6] #boxparent,
[id^=web7]:checked ~ [id^=tab-content7] #boxparent,
[id^=web9]:checked ~ [id^=tab-content9] #boxparent {
  display: block !important;
  top: 110px !important;
}
[id^=web6]:checked ~ [id^=tab-content6] #boxparent > .boxobject,
[id^=web7]:checked ~ [id^=tab-content7] #boxparent > .boxobject,
[id^=web9]:checked ~ [id^=tab-content9] #boxparent > .boxobject {
  display: block !important;
}
[id^=web6]:checked ~ [id^=tab-content6] #dailyheader1,
[id^=web7]:checked ~ [id^=tab-content7] #dailyheader1,
[id^=web9]:checked ~ [id^=tab-content9] #dailyheader1 {
  display: block !important;
  text-align: center;
  font-weight: 300;
  font-size: 14px;
}
[id^=web6]:checked ~ [id^=tab-content6] .weekdailydays-Detail,
[id^=web7]:checked ~ [id^=tab-content7] .weekdailydays-Detail,
[id^=web9]:checked ~ [id^=tab-content9] .weekdailydays-Detail {
  padding: 0px;
}
[id^=web6]:checked ~ [id^=tab-content6] .webDaysWeek-Detail,
[id^=web7]:checked ~ [id^=tab-content7] .webDaysWeek-Detail,
[id^=web9]:checked ~ [id^=tab-content9] .webDaysWeek-Detail {
  width: 80px;
}
/*----------"Empty" Labels Custom-----------*/

[id^=web]:checked ~ [id^=tab-content] .empty-Detail > span:before {
  content: 'keine Einträge';
  width: 90px;
  display: inline-block;
}
/*Default*/

[id^=web6]:checked ~ [id^=tab-content6] .empty-Detail > span:before {
  content: 'keine Vorstellungen';
  width: 90px;
  display: inline-block;
}
[id^=web7]:checked ~ [id^=tab-content7] .empty-Detail > span:before {
  content: 'keine Veranstaltungen';
  width: 90px;
  display: inline-block;
}
[id^=web9]:checked ~ [id^=tab-content9] .empty-Detail > span:before {
  content: 'keine Menüeinträge';
  width: 90px;
  display: inline-block;
}
/*---------Non-daily List Objects------*/

[id^=web8]:checked ~ [id^=tab-content8] #boxparent,
[id^=web10]:checked ~ [id^=tab-content10] #boxparent {
  display: block !important;
  top: 45px !important;
}
[id^=web8]:checked ~ [id^=tab-content8] .objectText-,
[id^=web10]:checked ~ [id^=tab-content10] .objectText- {
  line-height: 1 !important;
  font-size: 12px !important;
  max-height: 55px;
}
[id^=web8]:checked ~ [id^=tab-content8] .ellipsis,
[id^=web10]:checked ~ [id^=tab-content10] .ellipsis {
  max-height: 25px;
}
[id^=web8]:checked ~ [id^=tab-content8] .price,
[id^=web10]:checked ~ [id^=tab-content10] .price {
  paddimg-top: 0px;
  font-weight: normal;
}
/*---------------------*/

.show4shops {
  display: none;
}
#shop .wraptabs [id^=web] ~ [id^=tab-content],
#filmkino .wraptabs [id^=web] ~ [id^=tab-content],
#shop .wraptabs [id^=web]:checked ~ [id^=tab-content],
#filmkino .wraptabs [id^=web]:checked ~ [id^=tab-content] {
  top: -35px;
}
#shop .wraptabs .showifobj,
#filmkino .wraptabs .showifobj {
  display: none;
}
#shop .wraptabs .show4shops,
#filmkino .wraptabs .show4shops {
  display: block;
}
#shop .wraptabs #cine {
  display: none;
}
#filmkino .wraptabs #cine {
  display: block;
}
#shop .wraptabs #events {
  display: block;
}
#filmkino .wraptabs #events {
  display: none;
}
#stats {
  cursor: pointer;
  text-align: right;
  right: 454px;
  width: 500px;
  font-size: 14px;
  font-weight: 600;
  position: absolute;
  top: 310px;
  color: #414141;
  background: #c7c7c7;
  opacity: 0.8;
}
#stats .bew,
#stats .sta {
  text-align: center;
  width: 50%;
  float: left;
}
#stats .bew span,
#stats .sta span {
  line-height: 25px;
  vertical-align: 8px;
}
#stats img {
  height: 25px;
  display: inline-block;
  padding: 0px 5px;
}
#stats .bewstat {
  background: url("http://dev.appyshopper.com/Content/Images/cityshopper/bewertenstat.png");
}
#stats .stastat {
  background: url("http://dev.appyshopper.com/Content/Images/cityshopper/starstatsweb.png");
}
#stats .bewstat,
#stats .stastat,
#stats .bewstat:hover,
#stats .stastat:hover {
  height: 25px;
  width: 25px;
  display: inline-block;
  padding: 0px 5px;
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
#stats:hover {
  color: white;
  background: #ed1b48;
}
#stats:hover .bewstat {
  background: url("http://dev.appyshopper.com/Content/Images/cityshopper/bewertenicon_active.png");
}
#stats:hover .stastat {
  background: url("http://dev.appyshopper.com/Content/Images/cityshopper/starstatsweb_active.png");
}
#stats:hover .bewstat,
#stats:hover .stastat {
  height: 25px;
  width: 25px;
  display: inline-block;
  padding: 0px 5px;
  background-size: 24px 24px;
  background-position: center center;
  background-repeat: no-repeat;
}
.reserv {
  width: 600;
  left: 74px;
}
.restitl {
  border-bottom: 1px solid #c7c7c7;
}
#shop #stats,
#filmkino #stats {
  width: 335px;
  right: 618px;
  font-size: 12px;
  top: 313px;
}
.txt:empty {
  display: none;
}
.play {
  -moz-box-shadow: inset 0px 1px 0px 0px white;
  -webkit-box-shadow: inset 0px 1px 0px 0px white;
  box-shadow: inset 0px 1px 0px 0px white;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  display: inline-block;
  color: #4a4a4a;
  font-style: normal;
  text-shadow: 1px 1px 5px white;
  font-size: larger;
  background-color: #0ab450;
}
.blackboxtile-Appyshopper {
  /*position:absolute;*/
  margin-right: -15px;
  margin-top: 2%;
  background: black;
  color: white;
  -ms-transform: rotate(-7deg);
  -webkit-transform: rotate(-7deg);
  transform: rotate(-7deg);
  padding: 1% 5%;
  width: 70%;
  height: 30%;
  border-radius: 2%;
  float: right;
}
.tit {
  font-weight: 700;
  color: #8ce16f;
}
.kicki {
  /*background: url('http://dev.appyshopper.com/content/images/cityshopper/newgame.png') no-repeat ;*/
  background-size: 100%;
}
.other-Kick {
  position: absolute;
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  line-height: 1;
  background: rgba(164, 255, 255, 0.6);
  color: black;
  -ms-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  width: 100%;
}
#ttile.other-Kick {
  position: absolute;
  bottom: 5%;
}
.other-tnbKick {
  font-family: 'Ubuntu', sans-serif;
  font-weight: 300;
  line-height: 1 !important;
  color: black;
  background: rgba(164, 255, 255, 0.6);
  border-radius: 8px;
  border: 2px solid teal;
}
.other-tnbKick .redhover {
  font-size: normal !important;
}
KickBG {
  background: black !important;
}
.other-Appyshopper,
.blackboxtile-Kick,
.appy-Kick {
  display: none !important;
}
.ButtonSignIn.pop:active,
.ButtonSignIn.pop:hover {
  cursor: pointer;
  background-color: #ed1b48;
  -moz-box-shadow: inset 0px 15px 38px 3px #be0b3d;
  -webkit-box-shadow: inset 0px 15px 38px 3px #be0b3d;
  box-shadow: inset 0px 15px 38px 3px #be0b3d;
}
.searchfield input,
.searchfield button {
  margin: 0px;
  padding: 5px;
  border: none;
  background: transparent;
  display: inline-block;
}
.searchfield {
  background-color: white;
  border-radius: 5px;
  border: 1px solid #e1e1e1;
  width: 187px;
}
.searchfield button {
  width: 20px;
}
button.searchbutton img {
  width: 13px;
}
button.resetButton img {
  width: 10px;
  opacity: 0.6;
}
input.search {
  width: 129px;
}
input.search:focus,
input.search:active {
  border: none;
  outline: none;
}
button.searchbutton:hover {
  background: #e1e1e1;
  border-radius: 5px 0px 0px 5px;
}
button.resetButton:hover {
  background: #e1e1e1;
  border-radius: 0px 5px 5px 0px;
}
label.profilefield {
  text-align: center;
  border-radius: 0px 3px 3px 0px;
  width: 80px;
  display: inline-block;
  background: none repeat scroll 0% 0% #e1e1e1;
  padding: 0px 1px;
  color: #4a4a4a;
  margin-left: -5px;
  font-size: 12px;
}
.asidephoto input:focus + label,
.asidephoto input:hover + label {
  background-color: #ed1b48;
  color: white;
  -moz-box-shadow: inset 0px 13px 8px 8px #be0b3d;
  -webkit-box-shadow: inset 0px 13px 28px 8px #be0b3d;
  box-shadow: inset 0px 13px 8px 8px #be0b3d;
}
.parkstell,
.parkpreise,
.parkop {
  font-size: 14px;
  padding: 5px;
  display: inline-block;
}
.parkstell {
  font-weight: bold;
}
.parkop:not(:empty):before,
.amtop:not(:empty):before {
  content: 'Öffnungszeiten:';
  font-weight: bold;
  padding-right: 5px;
}
.parkpreise:not(:empty):before {
  content: 'Preise:';
  font-weight: bold;
  padding-right: 5px;
}
.parking[data-tooltip^=PARK] {
  display: inline-block !important;
}
.objectlistbg {
  height: 100%;
}
.amtad {
  font-size: 14px;
}
.amtpoi[data-tooltip^=PARK] {
  display: none;
}
span.amt,
span.amtop,
span.amtad,
.amtpoi a {
  display: inline-block;
  padding: 5px;
}
.featuredfadeBG {
  background: -moz-linear-gradient(left, rgba(245, 245, 245, 0) 0%, whitesmoke 20%, whitesmoke 50%, #fbfbfb 80%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(245, 245, 245, 0)), color-stop(20%, whitesmoke), color-stop(50%, whitesmoke), color-stop(80%, #fbfbfb), color-stop(99%, rgba(255, 255, 255, 0)), color-stop(100%, rgba(255, 255, 255, 0)));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(left, rgba(245, 245, 245, 0) 0%, whitesmoke 20%, whitesmoke 50%, #fbfbfb 80%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(left, rgba(245, 245, 245, 0) 0%, whitesmoke 20%, whitesmoke 50%, #fbfbfb 80%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(left, rgba(245, 245, 245, 0) 0%, whitesmoke 20%, whitesmoke 50%, #fbfbfb 80%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
  /* IE10+ */
  background: linear-gradient(to right, rgba(245, 245, 245, 0) 0%, whitesmoke 20%, whitesmoke 50%, #fbfbfb 80%, rgba(255, 255, 255, 0) 99%, rgba(255, 255, 255, 0) 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00f5f5f5', endColorstr='#00ffffff', GradientType=1);
  /* IE6-9 */
  height: 310px;
}
/*-----------------------New Spoiler----------------------------------*/

.slider-placeholer img,
.news-list-wrap,
.contactbox {
  border: 1px solid lightgray;
}
.slider-placeholder {
  height: 400px;
  width: 330px;
  float: right;
}
.news-list-wrap {
  font-weight: 700;
  font-size: 14px;
  background: white;
  float: left;
  height: 200px;
  width: 500px;
}
.news-list-wrap span .featuredtitle {
  color: #ed1b48;
  display: inline-block;
}
.news-list-wrap i {
  font-style: normal;
  color: #4a4a4a;
}
.newscite {
  font-size: 11px;
  float: right;
  font-weight: normal;
  padding: 10px 5px 0px 0px;
}
.contactbox {
  width: 500px;
  background: white;
  font-size: 14px;
  color: #4a4a4a;
  float: right;
  margin-left: 15px;
}
.contactbox span.featuredtitle,
.news-list-wrap span.featuredtitle {
  padding: 0px 0px 5px 10px;
}
.contactbox span,
.news-list-wrap span {
  font-size: 12px;
}
.contactbox a {
  font-size: 12px;
  color: #ed1b48;
  padding: 5px 0px 0px 10px;
}
.linksbox {
  line-height: 1.5;
  padding-top: 10px;
}
.footer_button {
  border: none;
  background: transparent;
  cursor: pointer;
  color: #8f8f8f;
  font-size: 12px;
}
span.footer_button {
  color: #4a4a4a;
  display: inline-block;
  padding: 9px 10px;
}
a img {
  border: none;
}
.linkProperties a:link {
  color: white;
  text-decoration: none;
}
.linkProperties a:visited {
  color: white;
  text-decoration: none;
}
.linkProperties a:hover {
  color: white;
  text-decoration: none;
}
.linkProperties a:active {
  color: white;
  text-decoration: none;
}
.linkPropertiesNews a:link {
  color: #4a4a4a;
  text-decoration: none;
}
.linkPropertiesNews a:visited {
  color: #4a4a4a;
  text-decoration: none;
}
.linkPropertiesNews a:hover {
  color: #4a4a4a;
  text-decoration: none;
}
.linkPropertiesNews a:active {
  color: #4a4a4a;
  text-decoration: none;
}
.linkNewsMore a:link {
  color: #ed1b48;
  text-decoration: none;
}
.linkNewsMore a:visited {
  color: #56c8e7;
  text-decoration: none;
}
.linkNewsMore a:hover {
  color: #56c8e7;
  text-decoration: none;
}
.linkNewsMore a:active {
  color: #56c8e7;
  text-decoration: none;
}
.activebutton {
  background-color: darkred;
}
.fb-like-box {
  background-color: white;
}
.fb_wrap {
  height: 480px;
  width: 759px;
  position: absolute;
}
.fan_box .full_widget ._4s7c {
  background-color: white;
}
.weekdailydays-Detail {
  padding: 15px 0px 25px 15px;
  background: white;
}
.weekdates-List {
  padding-left: 28px;
}
.webDaysWeek-List,
.webDaysWeek-Detail {
  display: table-cell;
  text-align: center;
}
.webDaysWeek-List span,
.webDaysWeek-Detail span {
  display: inline-block;
  padding-right: 20px;
}
.webDaysWeek-List span {
  width: 93px;
}
.webDaysWeek-Detail span {
  width: 105px;
}
.clamped {
  overflow: hidden;
  position: relative;
}
.clamped-2 {
  max-height: 4em;
}
.clamped .ellipsis {
  background: white;
  bottom: 3px;
  position: absolute;
  right: 15px;
}
.clamped .fill {
  background: white;
  height: 100%;
  position: absolute;
  width: 100%;
}
.adminbox {
  background: #ededed;
  height: 55px;
  width: 245px;
}
.CmsMenu {
  font-size: 15px;
  margin-top: 10px;
  color: #9a9a9a;
  font-weight: 200;
  line-height: 1.5;
  padding: 5px;
}
input.cmsbase {
  border: none;
  background: whitesmoke;
  padding: 0px 5px;
  font-weight: 200;
  border-radius: 5px;
}
.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.ellipsis1Zeile {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.ellipsis3Zeilen {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}
.ellipsis4Zeilen {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
}
.border2px {
  border: 1.5px;
  border-style: solid;
  border-color: #cccccc;
}
.border2px:hover,
.newsti:hover {
  cursor: pointer;
}
.box {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.backgroundGreyGradiant {
  background: -moz-linear-gradient(bottom, #8a8a8a, #eaeaea);
  /* Firefox */
  background: -webkit-gradient(linear, left top, left bottom, from(#8a8a8a), to(#eaeaea));
  /* Chrome, Safari */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='@grey', endColorstr='@SiteBackground');
  /* Internet Explorer */

}
.FontSizeH1 {
  font-size: 16px;
}
.FontSizeH2 {
  font-size: 14px;
}
.OfferTileHorizontal,
.OfferTileVertical {
  background: white;
  padding: 3px;
  z-index: 6;
}
.OfferTileHorizontal .objectImage,
.OfferTileVertical .objectImage {
  font-size: 0px;
  padding-bottom: 5px;
}
.OfferTileHorizontal .objectText,
.OfferTileVertical .objectText {
  padding: 0px 5px 5px 5px;
}
.OfferTileHorizontal .objectText-big {
  padding-top: 0px;
  padding-bottom: 1px;
  height: 40px;
  font-size: 11.5px;
}
.OfferTileHorizontal .objectText-normal {
  padding-top: 0px;
  padding-bottom: 1px;
  height: 40px;
  font-size: 12px;
}
.OfferTileHorizontal .objectGastro {
  padding: 3px 0 5px 2px;
  height: 58px;
}
.OfferTileHorizontal .objectCategory {
  font-size: 10px;
  padding: 3px 3px 2px 3px;
}
.OfferTileHorizontal .PaddingButton {
  padding: 10px 10px 10px 10px;
}
.OfferTileHorizontal .PositionWatchlist {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}
.OfferTileHorizontal .PositionComment {
  position: absolute;
  top: 56px;
  right: 0;
  z-index: 3;
}
.OfferTileHorizontal .PositionLike {
  position: absolute;
  top: 112px;
  right: 0;
  z-index: 3;
}
.OfferTileHorizontal .PositionRank {
  position: absolute;
  top: 168px;
  right: 0;
  z-index: 3;
}
.OfferTileVertical .objectImage img {
  width: 160px;
  height: 122px;
}
.OfferTileVertical .objectText-big {
  padding-top: 0px;
  padding-bottom: 1px;
  height: 40px;
  font-size: 11.5px;
}
.OfferTileVertical .objectText-normal {
  padding-top: 0px;
  padding-bottom: 1px;
  height: 40px;
  font-size: 11px;
}
.OfferTileVertical .objectGastro {
  padding: 3px 0 3px 3px;
  height: 53px;
  font-size: 10px;
}
.OfferTileVertical .objectCategory {
  font-size: 10px;
  padding: 3px;
}
.OfferTileVertical .PaddingButton {
  padding: 2px 2px 2px 2px;
}
.OfferTileVertical .PositionWatchlist {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 3;
}
.OfferTileVertical .PositionComment {
  position: absolute;
  top: 41px;
  right: 0;
  z-index: 3;
}
.OfferTileVertical .PositionLike {
  position: absolute;
  top: 82px;
  right: 0;
  z-index: 3;
}
.OfferTileVertical .PositionRank {
  position: absolute;
  top: 123px;
  right: 0;
  z-index: 3;
}
#MyCityshopperPopup {
  background-color: rgba(125, 125, 125, 0.7);
  z-index: 5;
}
.UI2Popup {
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: 5;
  height: 100%;
  overflow: hidden;
}
.UI2Popup2 {
  background-color: rgba(125, 125, 125, 0.7);
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  z-index: 5;
  height: 100%;
  overflow: hidden;
  z-index: 10;
}
.boxShadow {
  -moz-box-shadow: 2px 3px 10px 0px rgba(138, 138, 138, 0.5);
  -webkit-box-shadow: 2px 3px 10px 0px rgba(138, 138, 138, 0.5);
  box-shadow: 2px 3px 10px 0px rgba(138, 138, 138, 0.5);
}
.FontColorGrey {
  color: #969696;
}
.css3button {
  border: 0px solid #c70000;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  font-size: 11px;
  padding: 3px 10px 3px 10px;
  text-decoration: none;
  display: inline-block;
  text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.3);
  color: white;
  background-color: red;
}
.css3button:active,
.css3button:hover {
  cursor: pointer;
  border: 0px solid #990000;
  background-color: #cc0000;
}
.Closebutton {
  border: 0px solid #c70000;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  font-size: 21px;
  padding: 3px 10px 3px 10px;
  text-decoration: none;
  display: inline-block;
  text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.3);
  color: white;
  background-color: red;
}
.Closebutton:active,
.Closebutton:hover {
  cursor: pointer;
  border: 0px solid #990000;
  background-color: #cc0000;
}
.Closebutton-utilitypopup {
  border: none;
  font-size: 21px;
  padding: 3px 10px 3px 10px;
  text-decoration: none;
  display: inline-block;
  color: white;
  background-color: transparent;
}
.Closebutton-utilitypopup:active,
.Closebutton-utilitypopup:hover {
  border-radius: 21px;
  box-shadow: -1px 1px 0px darkred;
  color: #e1e1e1;
}
.ButtonFavCom {
  width: 180px;
  border: 0px;
  font-size: 14px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  display: inline-block;
  color: #3a3a3c;
  background-color: #ededed;
}
.active,
.ButtonFavCom:hover {
  cursor: pointer;
  color: white;
  background-color: #ed1b48;
}
.ButtonGreyBread {
  border: 0px solid #cecece;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  text-decoration: none;
  display: inline-block;
  color: #8a8a8a;
  background-color: #eaeaea;
}
.ButtonGreyBread:active,
.ButtonGreyBread:hover {
  cursor: pointer;
  border: 0px solid #b7b7b7;
  background-color: #d1d1d1;
}
.LeftMenuButton {
  padding: 0px;
  margin: 0px 0px 0px 3px;
  width: 35px;
  height: 35px;
  background-color: white;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  border: 0px;
}
.LeftMenuButton:active,
.LeftMenuButton:hover {
  cursor: pointer;
  background-color: #ff4e65;
  -moz-box-shadow: inset 1px 1px 2px #78150f;
  -webkit-box-shadow: inset 1px 1px 2px #78150f;
  box-shadow: inset 1px 1px 2px #78150f;
  border: 0px;
}
.LeftMenuButton img:hover {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.LeftMenuButtonSel {
  padding: 0px;
  margin: 0px 0px 0px 3px;
  width: 35px;
  height: 35px;
  background-color: white;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: relative;
  border: 0px;
  /*color: @appyblue;*/
  background-image: URL('Content/Images/cityshopper/sort_bg_green.png');
}
.LeftMenuButton img {
  position: absolute;
  max-height: 35px;
  top: 0px;
  left: 0px;
  outline: none;
}
.BtnPreNext {
  opacity: 0.4;
  border: 0px solid #a90000;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  font-size: 12px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  display: inline-block;
  color: black;
  background-color: white;
}
.BtnPreNext:active,
.BtnPreNext:hover {
  cursor: pointer;
  opacity: 1.0;
  border: 0px solid #7b0000;
  background-color: white;
}
.BtnNextDetailCMS {
  background-image: url('Content/Images/cityshopper/arrow_white_right.png');
  background-repeat: no-repeat;
  height: 64px;
  opacity: 0.4;
  width: 64px;
}
.BtnNextDetailCMS:active,
.BtnNextDetailCMS:hover {
  background-image: url('Content/Images/cityshopper/arrow_white_right.png');
  background-repeat: no-repeat;
  cursor: pointer;
  height: 64px;
  opacity: 1;
  width: 64px;
}
.BtnPreDetailCMS {
  background-image: url('Content/Images/cityshopper/arrow_white_left.png');
  background-repeat: no-repeat;
  height: 64px;
  opacity: 0.4;
  width: 64px;
}
.BtnPreDetailCMS:active,
.BtnPreDetailCMS:hover {
  background-image: url('Content/Images/cityshopper/arrow_white_left.png');
  background-repeat: no-repeat;
  cursor: pointer;
  height: 64px;
  opacity: 1;
  width: 64px;
}
.ButtonImg {
  border: 0px solid #e96b6b;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  font-size: 0px;
  text-decoration: none;
  display: inline-block;
  text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.3);
  color: white;
  background-color: rgba(225, 0, 0, 0.6);
}
.ButtonImg:active,
.ButtonImg:hover {
  cursor: pointer;
  border: 0px solid #e34343;
  background-color: rgba(174, 0, 0, 0.6);
}
.ButtonImgDetail {
  border: 0px solid #c70000;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  font-size: 0px;
  padding: 10px 10px 10px 10px;
  text-decoration: none;
  display: inline-block;
  text-shadow: 0px 0px 0 rgba(0, 0, 0, 0.3);
  color: white;
  background-color: red;
}
.ButtonImgDetail:active,
.ButtonImgDetail:hover {
  cursor: pointer;
  border: 0px solid #990000;
  background-color: #cc0000;
}
.ButtonDetailPadding {
  padding: 12px 12px 12px 12px;
}
.invisible-0 {
  display: none !important;
}
.invisible-00 {
  display: none;
}
.news {
  font-family: Arial, Helvetica, sans-serif;
}
/*.searchfield {
	margin:0px;
	border-radius:1px;
	border:1px solid #ED1B48;
	padding:2px 0px 2px 0px;
}
.searchbutton {
	cursor:pointer;
	background-color:transparent;
    max-height:14px;
    max-width:14px;
    padding:3px;
	float:left;
}
.searchbutton:hover, .searchbutton:active {
	cursor:pointer;
	background:@grey;
}
.resetButton {
	cursor:pointer;
	background-color:transparent;
    max-height:14px;
    max-width:20px;
    padding:3px;
	float:left;
}
.resetButton:hover, .resetButton:active {
	cursor:pointer;
	background:@grey;
}*/

.rating {
  overflow: hidden;
  display: inline-block;
}
.rating-input {
  position: absolute;
  left: 0;
  top: -50px;
  visibility: hidden;
}
.rating:hover .rating-star:hover,
.rating:hover .rating-star:hover ~ .rating-star,
.rating-input:checked ~ .rating-star {
  background-position: 0 0;
}
.rating-star,
.rating:hover .rating-star {
  float: right;
  display: block;
  width: 30px;
  height: 28px;
  background: url('Content/Images/cityshopper/starratingbgweb.png') 0 -29px;
  background-size: 30px 56px;
}
.rating {
  padding: 5px;
  width: 150px;
}
.contactform {
  width: 600px;
  margin-left: 100px;
  margin-right: auto;
  margin-top: 20px;
  position: relative;
  text-align: center;
}
#reserv label {
  font-weight: 100;
  font-size: 14px;
  float: left;
  width: 70px;
  margin-top: 16px;
}
.timeformat.active {
  background: red;
  color: white;
}
.timeformat de,
.timeformat1 en {
  display: none;
}
input:focus,
select:focus,
textarea:focus,
button:focus {
  outline: none;
}
.cmssearch button {
  border: 0px;
  font-size: 12px;
  padding: 5px;
  text-decoration: none;
  display: inline-block;
  color: white;
  background-color: #ed1b48;
  margin: 5px;
  float: right;
}
.rotated {
  -moz-transform: rotate(105deg);
  -ms-transform: rotate(105deg);
  -o-transform: rotate(105deg);
  -webkit-transform: rotate(105deg);
  z-index: 2;
  transform: rotate(105deg);
}
.cmssearch button:hover,
.cmssearch button:active {
  background-color: darkred;
}
.cmssearch textarea,
.cmssearch input {
  border: solid 1px #e5e5e5;
  padding: 8px;
  background: transparent;
  margin: 5px;
}
.contactwrap .title,
.registerwrap .title,
.login .title {
  font-size: 18px;
  text-align: left;
  font-weight: 300;
}
.bottom b {
  float: left;
  border: none;
  padding-right: 10px;
}
.register {
  text-align: center;
  margin: 40px auto;
  /*width: 735px;*/

}
.register.game {
  text-align: center;
  margin: 15px auto;
  width: 735px;
}
.register .fucku {
  float: left;
  display: inline-block;
  width: 430px;
  /*IE is a f$%$?X Island*/

}
.fucku .leftie input {
  width: 400px;
}
.fucku .leftie {
  float: left;
}
.register b input {
  width: 186px;
}
.registerwrap,
contactwrap {
  text-align: center;
}
.registerwrap em,
.login em,
.contactwrap em {
  height: 60px;
  text-align: left;
  font-style: normal;
  position: relative;
  width: 100%;
  display: block;
  display: table;
  vertical-align: middle;
}
.registerwrap em span,
.login em span,
.contactwrap em span {
  padding: 10px 15px;
  line-height: 1.3;
}
.register i {
  display: inline-block;
  border: 1px dashed gray;
  padding: 0px 8px 8px 8px;
  margin-top: 8px;
  width: 275px;
  font-style: normal;
}
.webtabs .register {
  width: auto;
  text-align: center;
}
.webtabs .loginwrap {
  float: none;
  margin: 0px;
  display: inline-block;
  text-align: center;
  width: auto;
}
.webtabs .loginwrap div {
  float: none !important;
  margin: 0px !important;
}
.webtabs input[type=text],
.webtabs input[type=tel],
.webtabs input[type=number] {
  background-image: url('http://www.bonappetittastings.com/1106/images/asterix.gif');
  background-repeat: no-repeat;
  background-position: right 3px top 5px;
}
.webtabs input[type=number] {
  background-position: right 10px top 5px;
}
.webtabs .hinwe {
  display: block;
  position: absolute;
  bottom: 100px;
}
.columned {
  float: left;
  /*padding-left:2px;*/

}
.register i input {
  width: 200px;
}
.register i span {
  display: inline-block;
  padding: 2px;
}
input.req,
textarea.req {
  background-image: url('http://www.bonappetittastings.com/1106/images/asterix.gif');
  background-repeat: no-repeat;
  background-position: right 3px top 5px;
}
.register input,
.contactform input {
  padding: 8px;
  margin: 10px 0px;
  border: solid 1px #e5e5e5;
  margin-top: 8px;
  outline: none;
  resize: none;
}
.contactform input,
.contactform textarea,
.cmssearch textarea,
.rate input,
.rate textarea,
#reserv input,
#reserv textarea {
  padding: 8px;
  border: solid 1px #e5e5e5;
  margin-top: 8px;
  outline: none;
  resize: none;
}
.webtabs #reserv input {
  margin-top: 10px;
}
.loginwrap {
  margin-left: auto;
  margin-right: auto;
}
.contactform input,
.register input,
.contactform textarea,
.rate input,
.rate textarea,
.reservationform textarea,
#reserv input {
  box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px;
  -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 4px;
}
.contactform textarea {
  width: 300px;
  max-width: 400px;
  height: 167px;
  line-height: 150%;
  resize: none;
}
.contactform input:hover,
.cmssearch input:hover,
.rate input:hover,
#reserv input:hover,
.register input:hover,
.asidephoto input:hover,
.contactform textarea:hover,
.cmssearch textarea:hover,
.rate textarea:hover,
#reserv textarea:hover,
.register textarea:hover,
.asidephoto textarea:hover,
.contactform input:focus,
.cmssearch input:focus,
.rate input:focus,
#reserv input:focus,
.register input:focus,
.asidephoto input:focus,
.contactform textarea:focus,
.cmssearch textarea:focus,
.rate textarea:focus,
#reserv textarea:focus,
.register textarea:focus,
.asidephoto textarea:focus {
  border-color: #56c8e7;
  box-shadow: rgba(102, 104, 255, 0.4) 0px 0px 6px;
  -moz-box-shadow: rgba(102, 104, 255, 0.4) 0px 0px 6px;
  -webkit-box-shadow: rgba(102, 104, 255, 0.4) 0px 0px 6px;
}
.asidephoto input {
  padding: 4px 4px 5px 4px;
  margin: 5px 0px;
  border: 1px solid rgba(229, 229, 229, 0.5);
  margin-top: 4px;
  outline: none;
  resize: none;
  width: 220px;
}
.reserv button#submit,
.reserv button#no,
.reserv button#change {
  border: 0px none;
  font-size: 15px;
  text-decoration: none;
  width: 49%;
  height: 50px;
  background-color: lightgray;
  color: gray;
  padding: 5px 25px;
  margin: 2px;
  float: left;
}
.reserv button#submit:hover {
  background-color: #ed1b48;
  color: white;
}
.reserv button#no:hover {
  background-color: darkred;
  color: white;
}
.reserv button#change:hover {
  background-color: goldenrod;
  color: white;
}
.timeformat {
  background-color: lightgray;
  color: gray;
  border: none;
  text-decoration: none;
  padding: 5px 8px;
  font-size: 13px;
}
.contactform button {
  padding: 15px 30px 15px 30px;
}
.register button {
  padding: 12px 0px;
}
.contactform button,
.register button {
  border: 0px;
  font-size: 15px;
  text-decoration: none;
  display: inline-block;
  color: white;
  margin-top: 8px;
  width: 300px;
  background-color: #c70000;
}
#reservlist div {
  font-size: 12px;
  font-style: normal;
  float: left;
  width: 100%;
  line-height: 2;
}
.module {
  height: 40px;
  overflow: hidden;
  word-wrap: break-word;
  margin: 0px;
}
.module:after {
  word-wrap: break-word;
}
.CmsMainMenu {
  background-color: #ededed;
  background-image: url("content/images/cityshopper/arrow_One_small_grey_right.png");
  background-position: 10px;
  background-repeat: no-repeat;
  font-family: 'Duru Sans', sans-serif;
  color: #9a9a9a;
  font-size: 12px;
  float: right;
  transition: all ease-out 0.1s;
}
.CmsMainMenu:hover,
.CmsMainMenuSel {
  background-color: rgba(199, 0, 0, 0.1);
  background-image: url("content/images/cityshopper/arrow_One_small_red_right.png");
  background-position: 10px;
  background-repeat: no-repeat;
  color: #6a6a6a;
  float: right;
  font-family: 'Duru Sans', sans-serif;
  font-size: 13px;
  transition: all ease 0.1s;
}
.SeparatorSubCategories {
  background-color: rgba(199, 0, 0, 0.25);
  height: 3px;
  width: 250px;
}
.linetile {
  margin: 0px;
  border-radius: 3px;
  background-color: transparent;
  -webkit-box-shadow: 0 8px 6px -7px #eaeaea;
  -moz-box-shadow: 0 8px 6px -7px #eaeaea;
  box-shadow: 0 8px 6px -7px #eaeaea;
}
.linetile:hover,
.linetile.selected {
  background-color: whitesmoke;
  -webkit-box-shadow: 0 8px 6px -7px gray;
  -moz-box-shadow: 0 8px 6px -7px gray;
  box-shadow: 0 8px 6px -7px gray;
  transition: all 0.5s ease;
}
label.tog {
  cursor: pointer;
  display: inline-block;
  position: absolute;
}
label.tog > input {
  display: none;
}
label.tog > span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("content/images/cityshopper/mo_plus.png") no-repeat;
  background-size: cover;
}
label.tog > input:checked + span {
  background-image: url("content/images/cityshopper/check.png");
}
.cornerfunctions {
  padding: 10px;
  float: right;
  width: 30px;
}
.imgplace {
  background-color: #eaeaea;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 95px;
  height: 55px;
  border-radius: 5px;
  color: black;
}
.imgplaceUserWidget {
  background-color: #d1d1d1;
  border-radius: 4px;
  display: table-cell;
  float: left;
  vertical-align: middle;
  text-align: center;
  width: 70px;
  height: 45px;
  margin: 5px 4px;
}
.basispacket {
  background-color: #ededed;
  background-image: url("content/images/cityshopper/basisBasket.png");
  background-position: 15px -80px;
  background-repeat: no-repeat;
  border-radius: 10px;
  color: #9a9a9a;
  cursor: pointer;
  float: left;
  font-size: 13px;
  height: 350px;
  margin: 0 47px 0 0;
  text-align: center;
  width: 210px;
  transition: all 1s ease;
}
.basispacket:hover {
  background-image: url("content/images/cityshopper/basisBasket.png");
  background-position: 15px 20px;
  background-repeat: no-repeat;
  background-color: #f8061d;
  color: white;
}
.basispacket:nth-child(even) {
  background-image: url("content/images/cityshopper/basisplusBasket.png");
  background-position: 15px -85px;
  background-repeat: no-repeat;
}
.basispacket:nth-child(even):hover {
  background-image: url("content/images/cityshopper/basisplusBasket.png");
  background-position: 15px 12px;
  background-repeat: no-repeat;
  background-color: #f8061d;
  color: white;
}
.basispacket:last-child {
  background-image: url("content/images/cityshopper/premiumBasket.png");
  background-position: 15px -85px;
  background-repeat: no-repeat;
  margin: 0;
}
.basispacket:last-child:hover {
  background-image: url("content/images/cityshopper/premiumBasket.png");
  background-position: 15px 12px;
  background-repeat: no-repeat;
  background-color: #f8061d;
  color: white;
  margin: 0;
}
.basispacketPlus {
  background-color: #ededed;
  background-image: url("content/images/cityshopper/basisplusBasket.png");
  background-position: 15px -85px;
  background-repeat: no-repeat;
  border-radius: 10px;
  color: #9a9a9a;
  cursor: pointer;
  float: left;
  font-size: 13px;
  height: 350px;
  text-align: center;
  width: 210px;
  transition: all 1s ease;
}
.basispacketPlus:hover {
  background-image: url("content/images/cityshopper/basisplusBasket.png");
  background-position: 15px 12px;
  background-repeat: no-repeat;
  background-color: #f8061d;
  color: white;
}
.premiumpacket {
  background-color: #ededed;
  background-image: url("content/images/cityshopper/premiumBasket.png");
  background-position: 15px -85px;
  background-repeat: no-repeat;
  border-radius: 10px;
  color: #9a9a9a;
  cursor: pointer;
  float: left;
  font-size: 13px;
  height: 350px;
  text-align: center;
  width: 210px;
  transition: all 1s ease;
}
.premiumpacket:hover {
  background-image: url("content/images/cityshopper/premiumBasket.png");
  background-position: 15px 12px;
  background-repeat: no-repeat;
  background-color: #f8061d;
  color: white;
}
.pricesdata {
  background-color: white;
  border: 3px solid #ededed;
  border-radius: 10px;
  color: #9a9a9a;
  height: 255px;
  font-size: 13px;
  text-align: left;
  width: 204px;
}
.pricesdata ul {
  padding: 0 0 0 20px;
}
.pricesdataPlus {
  background-color: white;
  border: 3px solid #ededed;
  border-radius: 10px;
  color: #9a9a9a;
  height: 255px;
  font-size: 13px;
  text-align: left;
  width: 204px;
}
.pricesdataPlus ul {
  padding: 0 0 0 20px;
}
.accordion img {
  cursor: pointer;
}
.button_weitere {
  background-color: #ededed;
  background-image: url("content/images/cityshopper/weitere_packages.png");
  background-repeat: no-repeat;
  background-position: 1px 3px;
  border-radius: 5px;
  color: #9a9a9a;
  cursor: pointer;
  float: right;
  font-size: 14px;
  font-weight: bold;
  left: 470px;
  padding: 8px 10px 8px 35px;
  position: absolute;
  top: 437px;
  width: 225px;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.labelindicator {
  font-size: 9px;
  text-align: right;
  display: inline-block;
  padding: 4px 0px 0px 4px;
}
.button_weitere:hover {
  background-image: url("content/images/cityshopper/weitere_packages.png");
  background-position: 238px 3px;
}
.button_weitere_back {
  background-color: #ededed;
  background-image: url("content/images/cityshopper/weitere_packages_back.png");
  background-repeat: no-repeat;
  background-position: 87px 1px;
  border-radius: 5px;
  color: #9a9a9a;
  cursor: pointer;
  float: right;
  font-size: 14px;
  font-weight: bold;
  margin: 30px 46px 20px 0;
  padding: 8px 10px 8px 37px;
  position: relative;
  width: 73px;
  -moz-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}
.button_weitere_back:hover {
  background-position: 1px 1px;
}
.timetable_border {
  border: 1px dashed #cccccc;
  border-radius: 5px;
}
.timetable input {
  color: black;
  border: 0 none;
  text-align: left;
  margin-left: 50px;
  width: 40px;
  height: 25px;
}
.button_red {
  background-color: #f8061d;
  background-image: url("content/images/cityshopper/check_white.png");
  background-repeat: no-repeat;
  background-position: 183px 3px;
  border-radius: 8px;
  box-shadow: 1px 1px 1px #888888;
  color: white;
  cursor: pointer;
  font-size: 16px;
  height: 19px;
  position: absolute;
  right: 105px;
  top: 530px;
  /*margin: 63px 0 0 330px;*/
  padding: 8px 5px 8px 15px;
  width: 200px;
  z-index: 3;
}
.button_red:hover {
  background-color: white;
  background-image: url("content/images/cityshopper/check.png");
  background-repeat: no-repeat;
  background-position: 183px 3px;
  border: 1px dashed #f8061d;
  border-radius: 8px;
  box-shadow: none;
  color: #f8061d;
  cursor: pointer;
  font-size: 16px;
  height: 19px;
  position: absolute;
  right: 105px;
  top: 530px;
  /*margin: 63px 0 0 330px;*/
  padding: 8px 5px 8px 15px;
  width: 200px;
  z-index: 3;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.button_koord {
  background-color: #f8061d;
  border-radius: 8px;
  box-shadow: 1px 1px 1px #888888;
  color: white;
  cursor: pointer;
  font-size: 13px;
  height: 19px;
  position: absolute;
  left: 50px;
  top: 329px;
  padding: 8px 5px 8px 15px;
  width: 90px;
}
.button_koord:hover {
  background-color: white;
  border: 1px dashed #f8061d;
  border-radius: 8px;
  box-shadow: none;
  color: #f8061d;
  cursor: pointer;
  font-size: 13px;
  height: 19px;
  position: absolute;
  left: 50px;
  top: 329px;
  padding: 8px 5px 8px 15px;
  width: 90px;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.normal_input {
  border-radius: 5px;
  font-size: 13px;
  height: 30px;
  padding-left: 10px;
  border: 1px solid #dfdfdf;
  color: #9a9a9a;
}
.normal_input .valid {
  margin: 5px 5px 0 0;
  width: 235px;
}
textarea.normal_input {
  font-family: 'Helvetica';
  resize: none;
  display: inline-block;
  height: 85px;
  margin: 13px 5px 0 0;
  padding-top: 5px;
  width: 278px;
}
.selectionsnsns {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-image: url('./select-arrow1.png');
  background-position: center right;
  background-repeat: no-repeat;
  border: 1px solid #aaaaaa;
  margin: 0;
  padding-top: 2px;
  padding-bottom: 2px;
  width: 200px;
}
select::-ms-value {
  background: none;
  color: #9a9a9a;
}
.select_arrow {
  background: url("content/images/cityshopper/select.png") 129px -2px;
  background-repeat: no-repeat;
}
.select_arrow select {
  background: transparent;
  border: 1px solid #dfdfdf;
  border-radius: 15px;
  color: #9a9a9a;
  height: 25px;
  font-weight: bold;
  margin: 0 5px 0 0;
  padding-left: 10px;
  width: 160px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
.select_arrow select::-ms-expand {
  display: none;
}
.select_arrow_role select {
  background: transparent;
  border: 1px solid #dfdfdf;
  border-radius: 15px;
  color: #9a9a9a;
  height: 25px;
  font-weight: bold;
  margin: 13px 5px 0 0;
  padding-left: 10px;
  width: 160px;
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
}
.select_arrow_role {
  overflow: hidden;
  background: url("content/images/cityshopper/select.png") no-repeat 130px 11px white;
}
.select_arrow_role select::-ms-expand {
  display: none;
}
.select_arrow_big {
  background: url("content/images/cityshopper/select.png") 170px -3px;
  background-repeat: no-repeat;
}
.select_arrow_big select {
  background: transparent;
  border: 1px solid #dfdfdf;
  border-radius: 15px;
  color: #9a9a9a;
  height: 25px;
  font-weight: bold;
  margin: 0 5px 0 0;
  padding-left: 10px;
  width: 200px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
.select_arrow_big select::-ms-expand {
  display: none;
}
.select_arrow_audio select::-ms-expand {
  display: none;
}
.select_arrow_audio {
  background: url("content/images/cityshopper/select.png") 229px -3px;
  background-repeat: no-repeat;
}
.select_arrow_audio select {
  background: transparent;
  border: 1px solid #dfdfdf;
  border-radius: 15px;
  color: #9a9a9a;
  height: 25px;
  font-weight: bold;
  margin: 0 5px 0 0;
  padding-left: 10px;
  width: 200px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
.select_arrow_entry select::-ms-expand {
  display: none;
}
.select_arrow_entry {
  background: url("content/images/cityshopper/select.png") 70px -2px;
  background-repeat: no-repeat;
}
.select_arrow_entry select {
  background: transparent;
  border: 1px solid #dfdfdf;
  border-radius: 15px;
  color: #9a9a9a;
  height: 25px;
  font-weight: bold;
  margin: 0 5px 0 0;
  padding-left: 6px;
  width: 100px;
  -moz-appearance: none;
  -webkit-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  text-indent: 0.01px;
  text-overflow: '';
}
.tabs {
  width: 800px;
  height: 550px;
}
.tab {
  height: 69px;
  float: right;
  margin-left: 5px;
}
.tab label {
  background-color: white;
  border-radius: 5px 5px 0 0;
  border: 1px solid rgba(100, 100, 100, 0.3);
  color: black;
  cursor: pointer;
  font-size: 13px;
  left: 0;
  top: 12px;
  padding: 8px 5px;
  position: relative;
  text-align: center;
  z-index: 3;
  transition: all 0.3s ease;
}
.tab label:hover {
  border-radius: 5px 5px 0 0;
  margin-bottom: 1px;
  padding-top: 11px;
}
.tab input[type=radio] {
  display: none;
}
.content {
  background-color: white;
  border: 1px solid white;
  border-radius: 16px;
  box-shadow: 3px 3px 3px #888888;
  color: black;
  bottom: 0;
  left: 0;
  margin: 13px 0 0 0;
  width: 820px;
  height: 550px;
  position: absolute;
  right: 0;
  top: 23px;
}
.content > * {
  opacity: 0;
  transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  transition: opacity 1.6s ease;
  -moz-transition: opacity 1.6s ease;
  -webkit-transition: opacity 1.6s ease;
  -o-transition: opacity 1.6s ease;
}
.tab > [type="radio"]:checked ~ label {
  border: 1px solid #888888;
  border-bottom: 1px solid white;
  -webkit-box-shadow: 0px 1px 24px 0px rgba(50, 50, 50, 0.1);
  -moz-box-shadow: 0px 1px 24px 0px rgba(50, 50, 50, 0.1);
  box-shadow: 0px 1px 24px 0px rgba(50, 50, 50, 0.1);
  color: black;
  font-weight: bold;
  padding: 11px 5px 8px 5px;
  z-index: 2;
  transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
}
.tab [type=radio]:checked ~ label ~ .content {
  z-index: 1;
}
.tab [type=radio]:checked ~ label ~ .content > * {
  opacity: 1;
  -moz-transform: translateX(0);
  -webkit-transform: translateX(0);
  -o-transform: translateX(0);
  -ms-transform: translateX(0);
}
.tab-1 {
  background-image: url(content/images/cityshopper/note_red.png);
  background-position: center right 3px;
  background-repeat: no-repeat;
  background-size: 20px;
}
.tab-2 {
  background-image: url(content/images/cityshopper/user.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 25px;
  opacity: 1;
}
.tab-3 {
  background-image: url(content/images/cityshopper/location.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 25px;
}
.tab-4 {
  background-image: url(content/images/cityshopper/multimedia.png);
  background-position: center right 1px;
  background-repeat: no-repeat;
  background-size: 25px;
}
.tab-5 {
  background-image: url(content/images/cityshopper/OP_Closed.png);
  background-position: center right 1px;
  background-repeat: no-repeat;
  background-size: 25px;
}
.tab-6 {
  background-image: url(content/images/cityshopper/flag.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 25px;
}
.tab-7 {
  background-image: url(content/images/cityshopper/packages.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 25px;
}
.tab-8 {
  background-image: url(content/images/cityshopper/categories.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 25px;
}
.tab-13 {
  background-image: url(content/images/cityshopper/note_red.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 25px;
}
.tab-14 {
  background-image: url(content/images/cityshopper/flag.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 25px;
}
.tab-15 {
  background-image: url(content/images/cityshopper/relations.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 25px;
}
.tab-17 {
  background-image: url(content/images/cityshopper/note_red.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 25px;
}
.tab-18 {
  background-image: url(content/images/cityshopper/editicon_red.png);
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 25px;
}
.tab-19 {
  background-image: url(content/images/cityshopper/sett.png);
  background-position: center right 4px;
  background-repeat: no-repeat;
  background-size: 22px;
}
.tab-20 {
  background-image: url(content/images/cityshopper/tile_view.png);
  background-position: center right 4px;
  background-repeat: no-repeat;
  background-size: 18px;
}
.tab-21 {
  background-image: url(content/images/cityshopper/advertisement.png);
  background-position: center right 4px;
  background-repeat: no-repeat;
  background-size: 28px;
}
.tab-22 {
  background-image: url(content/images/cityshopper/url.png);
  background-position: center right 4px;
  background-repeat: no-repeat;
  background-size: 21px;
}
.tab-23 {
  background-image: url(content/images/cityshopper/news.png);
  background-position: center right 4px;
  background-repeat: no-repeat;
  background-size: 21px;
}
#fake_img {
  color: #888888;
  position: absolute;
  left: 10px;
  top: 10px;
  z-index: 1;
}
input.fichero {
  cursor: pointer;
  position: relative;
  text-align: right;
  -moz-opacity: 0;
  /* filter: alpha(opacity: 0); */
  opacity: 0;
  width: 100%;
  z-index: 2;
}
.tabs_right {
  background-color: white;
  border-radius: 0 7px 7px 0;
  box-shadow: 3px 3px 3px #888888;
  height: 180px;
  position: absolute;
  right: 7px;
  top: 75px;
  width: 50px;
  z-index: 2;
}
.tab_right {
  border-bottom: 1px dashed #888888;
  cursor: pointer;
  height: 45px;
  padding: 15px 0 0 0px;
  text-align: center;
  width: 50px;
  transition: all 0.6s ease;
}
.tab_right:hover {
  background-color: #fafafa;
  box-shadow: 0px 3px 5px #888888;
}
.tab_right:first-child {
  border-radius: 0 7px 0 0;
}
.tab_right:last-child {
  border-bottom: 0;
  border-radius: 0 0 7px 0;
  height: 44px;
}
.tab_right_empty {
  border-bottom: 1px dashed #888888;
  height: 45px;
  padding: 15px 0 0 0px;
  text-align: center;
  width: 50px;
}
.tab_right:last-child:hover {
  border-bottom: 0;
  border-radius: 0 0 7px 0;
  box-shadow: 0px -2px 5px #888888;
  height: 44px;
}
.tab_right2 {
  border-bottom: 1px dashed #888888;
  cursor: pointer;
  height: 45px;
  padding: 15px 0 0 0px;
  text-align: center;
  width: 50px;
  transition: all 0.6s ease;
}
.tab_right2:hover {
  background-color: rgba(247, 0, 0, 0.2);
  box-shadow: 0px 3px 5px #888888;
}
.tab_right2:first-child {
  border-radius: 0 7px 0 0;
}
.tab_right2:last-child {
  border-bottom: 0;
  border-radius: 0 0 7px 0;
  height: 44px;
}
.tab_right2:last-child:hover {
  background-color: rgba(247, 0, 0, 0.2);
  border-bottom: 0;
  border-radius: 0 0 7px 0;
  box-shadow: 0px -2px 5px #888888;
  height: 44px;
}
.tab_right2ActiveRed {
  background-color: rgba(247, 0, 0, 0.2);
}
.tabs_delete {
  background-color: white;
  border-radius: 0 7px 7px 0;
  box-shadow: 3px 3px 3px #888888;
  height: 60px;
  position: absolute;
  right: 7px;
  top: 495px;
  width: 50px;
  z-index: 2;
  transition: all 0.6s ease;
}
.tab_delete {
  cursor: pointer;
  height: 45px;
  padding: 15px 0 0 0px;
  text-align: center;
  width: 50px;
}
.tabs_delete:hover {
  background-color: #fafafa;
  box-shadow: 0px -2px 5px #666666;
}
.arrow_grey_left {
  background-image: URL('Content/Images/cityshopper/weitere_packages_back.png');
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.arrow_grey_left:hover {
  background-image: URL('Content/Images/cityshopper/weitere_packages_back_red.png');
}
.arrow_grey_right {
  background-image: URL('Content/Images/cityshopper/weitere_packages.png');
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.arrow_grey_right:hover {
  background-image: URL('Content/Images/cityshopper/weitere_packages_red.png');
}
.content_preview {
  background-color: white;
  border: 1px solid white;
  border-radius: 7px;
  bottom: 200px;
  box-shadow: 3px 3px 3px #888888;
  color: black;
  left: 0;
  height: 585px;
  overflow: hidden;
  padding: 10px 15px;
  position: absolute;
  top: 0;
  width: 843px;
  z-index: 5;
}
#contenedor {
  background-image: url("content/images/cityshopper/file.png");
  background-position: center right;
  background-repeat: no-repeat;
  background-size: 25px;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  color: black;
  font-weight: bold;
  height: 25px;
  padding: 10px 0 0 10px;
  position: relative;
  vertical-align: top;
  width: 300px;
}
.otHeaderEven {
  background-color: rgba(204, 204, 204, 0.5);
  padding: 9px;
  text-align: center;
  width: 35px;
}
.otHeaderOdd {
  background-color: rgba(204, 204, 204, 0.2);
  padding: 9px;
  text-align: center;
  width: 35px;
}
.otHeaderWhite {
  padding: 9px;
  text-align: center;
  width: 35px;
}
.brHeaderEven {
  background-color: rgba(204, 204, 204, 0.5);
  padding: 9px 0;
  text-align: center;
}
.brHeaderOdd {
  background-color: rgba(204, 204, 204, 0.2);
  padding: 9px 0;
  text-align: center;
}
.brthbig {
  border-radius: 3px;
  font-family: 'Helvetica';
  font-size: 13px;
  margin: 2px 5px;
  width: 145px;
}
.brthsmall {
  border-radius: 3px;
  text-align: center;
  width: 80px;
}
.bigText {
  vertical-align: top;
  height: 100px;
}
.publishedfilter {
  float: right;
  margin-top: 7px;
  width: 200px;
  padding: 5px;
}
.sortfunctionlabel {
  font-family: 'Duru Sans', sans-serif;
  color: #9a9a9a;
  font-size: 14px;
  font-weight: 100;
  border-bottom: 2px solid #9a9a9a;
  text-align: right;
}
.roundedOne,
.roundedTwo,
.roundedThree,
.roundedFour {
  width: 18px;
  height: 20px;
  background: #eaeaea;
  margin: 0px;
  position: relative;
}
.roundedOne label,
.roundedTwo label,
.roundedThree label,
.roundedFour label {
  width: 12px;
  height: 12px;
  background: darkgray;
  border-radius: 12px;
  position: absolute;
  top: 2px;
  left: 3px;
  cursor: pointer;
}
.roundedOne label:hover,
.roundedTwo label:hover,
.roundedThree label:hover,
.roundedFour label:hover {
  border: 1px solid darkgray;
}
.roundedOne input[type=checkbox],
.roundedTwo input[type=checkbox],
.roundedThree input[type=checkbox],
.roundedFour input[type=checkbox] {
  visibility: hidden;
}
.roundedOne input[type=checkbox]:checked + label:after,
.roundedTwo input[type=checkbox]:checked + label:after,
.roundedThree input[type=checkbox]:checked + label:after,
.roundedFour input[type=checkbox]:checked + label:after {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  filter: alpha(opacity=100);
  opacity: 1;
}
.roundedThree label:after,
.roundedTwo label:after,
.roundedOne label:after,
.roundedFour label:after {
  content: '';
  border-radius: 12px;
  filter: alpha(opacity=0);
  height: 12px;
  opacity: 0;
  position: absolute;
  width: 12px;
}
.roundedThree label:after {
  background: #767575;
}
.roundedTwo label:after {
  background: #0076b9;
}
.roundedOne label:after {
  background: #00b918;
}
.roundedFour label:after {
  background: #ac0315;
}
.roundedOne label:hover::after,
.roundedTwo label:hover::after,
.roundedThree label:hover::after,
.roundedFour label:hover::after {
  -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  filter: alpha(opacity=30);
  opacity: 0.3;
}
.boxobject {
  background-color: #eeeeee;
  color: #2e2e2e;
  cursor: pointer;
  position: absolute;
  margin: 0px;
  font-size: 10px;
  transition: all 0.3s ease;
}
.boxobject:hover {
  background-color: #d6d6d6;
  border-radius: 5px;
}
.eventdatehead {
  padding: 3px;
  font-weight: 200;
  font-size: 20px;
  position: absolute;
  bottom: 80px;
  text-align: right;
}
.eventdateheadback {
  padding: 3px;
  font-weight: 200;
  font-size: 20px;
  position: absolute;
  bottom: 80px;
  opacity: 0.7;
}
.eventenddate-0 {
  display: inline;
}
.eventenddate- {
  display: none;
}
.eventdatehead span:before {
  content: '-';
  padding: 0px 3px;
}
span.enddate:not(:empty):before,
span.bef:not(:empty):before {
  content: "– \A";
  margin: 0px 10px;
  white-space: pre;
}
span.befdetail:not(:empty):before {
  content: "–";
  margin: 0px 10px;
  white-space: pre;
}
.boxobject {
  padding: 5px;
}
.boxobject,
.boxobject-empty {
  text-align: left;
  background: #eaeaea;
  width: 80px;
  height: 58px;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  -ms-transition: -ms-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.descript {
  display: none;
  font-weight: 300;
}
.namemeal {
  font-size: 12px;
  height: 28px;
  overflow: hidden;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
  margin-bottom: 1px;
}
.price {
  text-align: right;
  font-weight: 600;
  padding-top: 3px;
  font-size: 11px;
}
.descevent,
.descfilm {
  padding-top: 3px;
  font-size: 10px;
  max-height: 20px;
  overflow: hidden;
}
.descfilm {
  background: white;
  color: #4d4d4d;
  display: block;
  width: inherit;
  border-collapse: collapse;
  padding: 1px 0px;
  max-height: 28px;
  position: relative;
  /* one item */

  /* two items */

  /* three items */

  /* four items */

  /* five items */

  /* six items */

  /*seven items */

}
.descfilm span {
  display: inline-block;
  text-align: center;
  width: 49%;
  background: white;
}
.descfilm span:first-child:nth-last-child(1) {
  width: 100%;
  background: white;
}
.descfilm span:first-child:nth-last-child(2),
.descfilm span:first-child:nth-last-child(2) ~ span {
  width: 48%;
}
.descfilm span:first-child:nth-last-child(2) {
  background: #eaeaea;
}
.descfilm span:first-child:nth-last-child(3),
.descfilm span:first-child:nth-last-child(3) ~ span {
  width: 31%;
}
.descfilm span:first-child:nth-last-child(3),
.descfilm span:first-child:nth-last-child(3) ~ span ~ span {
  background: #eaeaea;
}
.descfilm span:first-child:nth-last-child(4),
.descfilm span:first-child:nth-last-child(4) ~ span {
  width: 48%;
}
.descfilm span:first-child:nth-last-child(4),
.descfilm span:first-child:nth-last-child(4) ~ span ~ span ~ span {
  background: #eaeaea;
}
.descfilm span:first-child:nth-last-child(5),
.descfilm span:first-child:nth-last-child(5) ~ span {
  width: 31%;
}
.descfilm span:first-child:nth-last-child(5) ~ span ~ span ~ span ~ span:after {
  content: '-';
  width: 31%;
  background: white;
  display: inline-block;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.descfilm span:first-child:nth-last-child(5),
.descfilm span:first-child:nth-last-child(5) ~ span:nth-child(odd) {
  background: #eaeaea;
}
.descfilm span:first-child:nth-last-child(6),
.descfilm span:first-child:nth-last-child(6) ~ span {
  width: 31%;
}
.descfilm span:first-child:nth-last-child(6),
.descfilm span:first-child:nth-last-child(6) ~ span:nth-child(odd) {
  background: #eaeaea;
}
.descfilm span:first-child:nth-last-child(7),
.descfilm span:first-child:nth-last-child(7) ~ span,
.descfilm span:first-child:nth-last-child(8),
.descfilm span:first-child:nth-last-child(8) ~ span {
  width: 23%;
  font-size: smaller;
}
.descfilm span:first-child:nth-last-child(7),
.descfilm span:first-child:nth-last-child(7) ~ span:nth-child(odd),
.descfilm span:first-child:nth-last-child(8),
.descfilm span:first-child:nth-last-child(8) ~ span {
  background: #eaeaea;
}
.descfilm span:first-child:nth-last-child(7) ~ span ~ span ~ span ~ span ~ span ~ span:after {
  content: '-';
  width: 23%;
  background: white;
  display: inline-block;
  position: absolute;
  right: 0px;
  bottom: 0px;
}
.descfilm p:empty {
  display: none;
}
.pubb,
.pubbevent {
  text-transform: capitalize;
  font-size: 9px;
  bottom: 0px;
  position: absolute;
  word-wrap: break-word;
  max-height: 22px;
  overflow: hidden;
  line-height: 1.3;
}
.cont,
.cont-filmbox {
  width: 78px;
  height: 56px;
  overflow: hidden;
  position: relative;
  word-wrap: break-word;
  font-weight: 300;
}
.empty-Detail {
  left: -15px;
}
.empty-List {
  left: -20px;
}
.empty-List,
.empty-Detail {
  font-family: Helvetica;
  font-weight: 300;
  font-size: 12px;
  opacity: 0.3;
  background: white;
  color: black;
  padding: 10px;
  position: absolute;
  text-align: center;
  width: 120px;
  top: 25%;
  -webkit-transform: rotate(-20deg);
  -moz-transform: rotate(-20deg);
  -ms-transform: rotate(-20deg);
  -o-transform: rotate(-20deg);
}
.empty-List[data-tooltip~=EVENTS] > span:before {
  content: 'keine Veranstaltungen';
  width: 90px;
  display: inline-block;
}
.empty-List[data-tooltip~=MITTAGSTISCH] > span:before {
  content: 'kein Mittagstisch';
  width: 90px;
  display: inline-block;
}
.boxobject:hover {
  width: 120px;
  height: 87px;
  z-index: 100;
  background: #ededed;
  border-radius: 5px;
  border: 2px solid white;
  -webkit-transform: scale(1.2);
  -moz-transform: scale(1.2);
  -o-transform: scale(1.2);
  transform: scale(1.2);
  transition: all 0.3s ease;
}
.boxobject:hover > div {
  width: 100%;
  height: 100%;
  position: relative;
}
.boxobject:hover > div .descevent {
  padding-top: 3px;
  font-size: 9px;
  height: auto;
  max-height: 20px;
  font-size: 7px;
  overflow: hidden;
}
.boxobject:hover > div .price {
  padding-top: 0px;
  font-size: 11px;
}
.boxobject:hover > div .filmdesc {
  height: auto;
  max-height: 25px;
  font-size: 7px;
}
.boxobject:hover > div .pubb,
.boxobject:hover > div .pubbevent {
  height: auto;
  max-height: 25px;
  font-size: 7px;
}
.boxobject:hover > div .pubbevent {
  -webkit-line-clamp: 2;
}
.boxobject:hover > div .namemeal {
  height: auto;
  max-height: 31px;
  font-size: 10px;
  line-height: 1.1;
  min-height: 20px;
  padding-bottom: 2px;
}
.state1 {
  border-bottom: 2px solid #0076b9;
}
/*inprep 01*/

.state2 {
  border-bottom: 2px solid #00b918;
}
/*published 02*/

.state3 {
  border-bottom: 2px solid #ac0315;
}
/*expired 03*/

.state0 {
  border-bottom: 2px solid #767575;
}
/*notpublished 00*/

.fieldDisabled {
  background-color: #ebebe4;
}
.boxobjectcms {
  background-color: #eaeaea;
  color: #2e2e2e;
  cursor: pointer;
  position: absolute;
  margin: 0px;
  font-size: 10px;
  transition: all 0.3s ease;
  padding: 5px;
  text-align: left;
  width: 80px;
  height: 58px;
  -webkit-transition: -webkit-transform 0.2s ease-out;
  -moz-transition: -moz-transform 0.2s ease-out;
  -o-transition: -o-transform 0.2s ease-out;
  -ms-transition: -ms-transform 0.2s ease-out;
  transition: transform 0.2s ease-out;
}
.boxobjectcms:hover {
  width: 110px;
  height: 65px;
  z-index: 100;
  border-radius: 5px;
  border-top: 2px solid white;
  border-left: 2px solid white;
  border-right: 2px solid white;
  -webkit-transform: scale(1.3);
  -moz-transform: scale(1.3);
  -o-transform: scale(1.3);
  transform: scale(1.3);
  transition: all 0.3s ease;
}
.boxobjectcms:hover > div {
  width: 100%;
  height: 100%;
  position: relative;
}
.boxobjectcms:hover > div .namemeal {
  height: auto;
  max-height: 42px;
  font-size: 10px;
}
.boxobjectcms:hover > div .pubb {
  height: auto;
  max-height: 42px;
}
.boxobjectcms > div .pubb {
  height: 10px;
}
.boxobjectcms > .price {
  padding: 0px;
}
.cornerfunctions img,
.publishselector2 img {
  cursor: pointer;
  height: 17px;
  display: block;
}
.wrapperonelight {
  cursor: pointer;
  transition: all 0.6s ease;
}
.wrapperonelight:hover > .publishselector2 {
  display: block;
}
.publishselector2 {
  display: none;
  position: absolute;
  z-index: 99999;
}
.publishselector2:hover {
  display: block;
}
.publishselector2 img:hover {
  background: #eaeaea;
  border: 1px solid #eaeaea;
}
.arrowSortingUp {
  background-image: url('content/images/cityshopper/arrowSortingUp.png');
  background-size: 12px 10px;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 5px 0 2px -1px;
  height: 8px;
  vertical-align: middle;
  width: 12px;
}
.arrowSortingUp:hover {
  background-image: url('content/images/cityshopper/arrowSortingUpHover.png');
}
.arrowSortingDown {
  background-image: url('content/images/cityshopper/arrowSortingDown.png');
  background-size: 10px 8px;
  background-repeat: no-repeat;
  cursor: pointer;
  margin: 2px 0 2px 0;
  height: 8px;
  width: 12px;
}
.arrowSortingDown:hover {
  background-image: url('content/images/cityshopper/arrowSortingDownHover.png');
}
.powerIconCompany {
  background-color: #eaeaea;
  background-image: url('content/images/cityshopper/power_gray.png');
  background-position: 5px 5px;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  border-radius: 5px;
  cursor: pointer;
  height: 30px;
  position: absolute;
  top: 10px;
  width: 30px;
}
.powerIconCompany:hover {
  background-image: url('content/images/cityshopper/power_red.png');
}
/* INPUT VALIDATION*/

input.invalid,
textarea.invalid {
  border: 1px solid #f8061d;
}
input.valid,
textarea.valid {
  border: 1px solid #80fb6e;
}
input.warning,
textarea.warning {
  border: 1px solid #5174f4;
}
.alert {
  color: white;
  position: absolute;
  height: 35px;
  width: 190px;
  z-index: 100;
}
.alert div {
  background-color: #f70000;
  border-radius: 5px;
  border-top-left-radius: 0;
  float: left;
  height: 35px;
  line-height: 35px;
  width: 170px;
}
.alert img {
  float: left;
}
.RoleImageInfo {
  background-image: url('content/images/cityshopper/info.png');
  background-size: 70%;
  background-position: center 3px;
  background-repeat: no-repeat;
  cursor: pointer;
  float: right;
  height: 22px;
  width: 22px;
}
.standardImageInfo {
  background-image: url('content/images/cityshopper/info.png');
  background-size: 70%;
  background-position: center 3px;
  background-repeat: no-repeat;
  cursor: pointer;
  display: inline-block;
  height: 22px;
  width: 22px;
}
::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(153, 153, 153, 0.7);
}
:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #999999;
  opacity: 0.7;
}
::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #999999;
  opacity: 0.7;
}
:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(153, 153, 153, 0.7);
}
/***** NEW *****/

.containerpicture {
  width: 95px;
  height: 55px;
  border-radius: 5px;
  margin: 10px;
  background-color: #eaeaea;
  line-height: 55px;
  text-align: center;
  float: left;
}
.containerpictureuser {
  width: 75px;
  height: 47px;
  border-radius: 5px;
  margin: 4px 5px;
  background-color: #d1d1d1;
  text-align: center;
  float: left;
}
.containerpictureuserxselect {
  width: 60px;
  height: 33px;
  border-radius: 5px;
  margin: 4px 5px;
  background-color: #d1d1d1;
  text-align: center;
  float: left;
}
.resize_fit_center {
  max-width: 100%;
  max-height: 100%;
  vertical-align: middle;
}
#img_loading {
  display: none;
  width: 40px;
}
.loading #img_loading {
  display: block;
  left: 65%;
  position: absolute;
  top: 40%;
}
#images_container,
#audios_container,
#movies_container {
  height: 273px;
  margin: 35px 0 0 180px;
  overflow-y: auto;
  width: 540px;
}
.mediaDeleteButton {
  background: url(content/images/cityshopper/close.png);
  background-size: 10px;
  width: 10px;
  height: 10px;
  cursor: pointer;
  position: absolute;
  right: 2px;
  top: 2px;
}
.audioDeleteButton {
  background: url(content/images/cityshopper/mo_delete_active.png);
  background-repeat: no-repeat;
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 5px;
}
.pdfDeleteButton {
  background: url(content/images/cityshopper/mo_delete_active.png);
  background-repeat: no-repeat;
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  position: absolute;
  right: 6px;
  top: 13px;
}
.pdfViewButton {
  background: url(content/images/cityshopper/eye.png);
  background-repeat: no-repeat;
  background-size: 15px 15px;
  width: 15px;
  height: 15px;
  cursor: pointer;
  position: absolute;
  right: 36px;
  top: 13px;
}
.media_menu {
  float: right;
  height: 29px;
  margin-top: 10px;
  width: 270px;
}
.media_menu_bt_image {
  background: url(content/images/cityshopper/image_gray.png);
  background-repeat: no-repeat;
  background-size: 50px 30px;
  cursor: pointer;
  float: left;
  height: 30px;
  margin: 0 15px 0 0;
  width: 50px;
  transition: all 0.6s ease;
}
.media_menu_bt_image:hover {
  background: url(content/images/cityshopper/image_red.png);
  background-repeat: no-repeat;
  background-size: 50px 30px;
  cursor: pointer;
  float: left;
  height: 30px;
  width: 50px;
}
.media_menu_bt_image.active {
  background: url(content/images/cityshopper/image_red.png);
  background-repeat: no-repeat;
  background-size: 50px 30px;
  cursor: pointer;
  float: left;
  height: 30px;
  width: 50px;
}
.media_menu_bt_audio {
  background: url(content/images/cityshopper/audio_gray.png);
  background-repeat: no-repeat;
  background-size: 50px 30px;
  cursor: pointer;
  float: left;
  height: 30px;
  margin: 0 15px 0 0;
  width: 50px;
  transition: all 0.6s ease;
}
.media_menu_bt_audio:hover {
  background: url(content/images/cityshopper/audio_red.png);
  background-repeat: no-repeat;
  background-size: 50px 30px;
  cursor: pointer;
  float: left;
  height: 30px;
  width: 50px;
}
.media_menu_bt_audio.active {
  background: url(content/images/cityshopper/audio_red.png);
  background-repeat: no-repeat;
  background-size: 50px 30px;
  cursor: pointer;
  float: left;
  height: 30px;
  width: 50px;
}
.media_menu_bt_pdf {
  background: url(content/images/cityshopper/pdf_gray.png);
  background-repeat: no-repeat;
  background-size: 50px 30px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  width: 50px;
  transition: all 0.6s ease;
}
.media_menu_bt_pdf:hover {
  background: url(content/images/cityshopper/pdf_red.png);
  background-repeat: no-repeat;
  background-size: 50px 30px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  width: 50px;
}
.media_menu_bt_pdf.active {
  background: url(content/images/cityshopper/pdf_red.png);
  background-repeat: no-repeat;
  background-size: 50px 30px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  width: 50px;
}
.media_menu_bt_movie {
  background: url(content/images/cityshopper/movie_gray.png);
  background-repeat: no-repeat;
  background-size: 50px 30px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  width: 50px;
  transition: all 0.6s ease;
}
.media_menu_bt_movie:hover {
  background: url(content/images/cityshopper/movie_red.png);
  background-repeat: no-repeat;
  background-size: 50px 30px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  width: 50px;
}
.media_menu_bt_movie.active {
  background: url(content/images/cityshopper/movie_red.png);
  background-repeat: no-repeat;
  background-size: 50px 30px;
  cursor: pointer;
  display: inline-block;
  height: 30px;
  width: 50px;
}
.box_adding_media {
  background: #eaeaea;
  border-radius: 15px 0 15px 15px;
  color: #888888;
  display: inline-block;
  margin: 2px;
  height: 130px;
  line-height: 130px;
  position: relative;
  text-align: center;
  width: 100px;
}
.box_adding_audio {
  background: #eaeaea;
  border-radius: 5px;
  color: #9a9a9a;
  margin: 7px 0 0 0;
  height: 26px;
  position: relative;
  width: 724px;
}
.box_adding_audio_logo {
  background: url(content/images/cityshopper/audio_white.png);
  background-repeat: no-repeat;
  background-size: 30px 20px;
  background-position: 5px 2px;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 25px;
  margin: 0px 10px 0 0;
  width: 40px;
  background-color: #e0e0e0;
  border-radius: 5px;
}
.box_adding_pause_logo {
  background: url(content/images/cityshopper/pause_white.png);
  background-repeat: no-repeat;
  background-size: 30px 20px;
  background-position: 5px 2px;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 25px;
  margin: 0px 15px 0 0;
  width: 40px;
  background-color: #e0e0e0;
  border-radius: 5px;
}
.box_adding_pdf {
  background: #eaeaea;
  border-radius: 5px;
  color: #9a9a9a;
  margin: 7px 0 0 0;
  height: 40px;
  position: relative;
  width: 724px;
}
.textSettings {
  display: inline-block;
  float: left;
  margin: 5px 0 0 0;
}
#FillAddress {
  background: #efefef;
  border-radius: 5px;
  color: #9a9a9a;
  cursor: pointer;
  display: none;
  height: 35px;
  margin: 115px 0 0 20px;
  padding: 5px 0 0 0;
  text-align: center;
  vertical-align: top;
  width: 144px;
}
.textOption {
  color: #3a3a3a;
  font-size: 18px;
  margin: 5px 0 10px 0;
  overflow: hidden;
  width: 470px;
}
#c1,
#c2,
#c3,
#c4 input[type="radio"] {
  display: none;
  height: 19px;
  width: 19px;
}
#c1container,
#c2container,
#c3container,
#c4container {
  cursor: pointer;
  display: inline-block;
  height: 110px;
  margin: 0 10px;
  width: 78px;
}
#c1container input[type="radio"] + .c1image {
  background: url('content/images/cityshopper/offer_bildtext_gray.png');
  background-repeat: no-repeat;
  height: 110px;
  width: 78px;
}
#c1container input[type="radio"]:checked + .c1image {
  background: url(content/images/cityshopper/offer_bildtext.png);
  background-repeat: no-repeat;
  height: 110px;
  width: 78px;
}
#c2container input[type="radio"] + .c2image {
  background: url('content/images/cityshopper/offer_text_gray.png');
  background-repeat: no-repeat;
  height: 110px;
  width: 78px;
}
#c2container input[type="radio"]:checked + .c2image {
  background: url(content/images/cityshopper/offer_text.png);
  background-repeat: no-repeat;
  width: 78px;
  height: 110px;
}
#c3container input[type="radio"] + .c3image {
  background: url('content/images/cityshopper/offer_image_gray.png');
  background-repeat: no-repeat;
  width: 78px;
  height: 110px;
}
#c3container input[type="radio"]:checked + .c3image {
  background: url(content/images/cityshopper/offer_image.png);
  background-repeat: no-repeat;
  width: 78px;
  height: 110px;
}
#c4container input[type="radio"] + .c4image {
  background: url('content/images/cityshopper/offer_marketing_gray.png');
  background-repeat: no-repeat;
  width: 78px;
  height: 110px;
}
#c4container input[type="radio"]:checked + .c4image {
  background: url(content/images/cityshopper/offer_marketing.png);
  background-repeat: no-repeat;
  width: 78px;
  height: 110px;
}
.templatetable input {
  color: black;
  border: 2px solid #dadada;
  border-radius: 3px;
  font-weight: bold;
  height: 25px;
  padding: 0 2px;
  text-align: left;
  width: 75px;
}
.up {
  border: 1px solid #cccccc;
  border-radius: 5px;
  display: block;
  height: 60px;
  margin-top: 10px;
  width: 480px;
  -moz-transition: all 0.6s ease;
  -webkit-transition: all 0.6s ease;
  -ms-transition: all 0.6s ease;
  transition: all 0.6s ease;
}
.down {
  height: 0px;
  visibility: hidden;
  width: 480px;
  -moz-transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.bgCatTitleDiv {
  background-color: #cccccc;
  color: white;
  font-size: 14px;
  height: 20px;
  left: 23px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 145px;
  width: 46%;
}
.bgCatTitleDivRight {
  background-color: #cccccc;
  color: white;
  font-size: 14px;
  height: 20px;
  right: 17px;
  line-height: 20px;
  position: absolute;
  text-align: center;
  top: 145px;
  width: 48%;
}
.btCreateOption {
  bottom: 61px;
  color: #9a9a9a;
  cursor: pointer;
  font-weight: bold;
  margin: 0 0 0 45px;
  padding: 10px 0px;
  position: absolute;
  width: 150px;
}
.TreePlus,
.TreeMinus,
.TreeNone {
  background-color: #cccccc;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 14px 11px;
  border-right: 1px solid white;
  cursor: pointer;
  display: inline-block;
  height: 35px;
  width: 35px;
}
.TreePlus {
  background-image: url(content/images/cityshopper/pluss.png);
  display: inline-block;
}
.TreeMinus {
  background-image: url(content/images/cityshopper/minuss.png);
  display: inline-block;
}
.TreeNone {
  background-image: url(content/images/cityshopper/noness.png);
  cursor: auto;
  display: inline-block;
}
.TreePlusMenu,
.TreeMinusMenu,
.TreeNoneMenu {
  background-color: #ededed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: 9px 7px;
  cursor: pointer;
  display: inline-block;
  height: 20px;
  width: 20px;
}
.TreePlusMenu {
  background-image: url(content/images/cityshopper/plussRed.png);
  display: inline-block;
}
.TreeMinusMenu {
  background-image: url(content/images/cityshopper/minussRed.png);
  display: inline-block;
}
.TreeNoneMenu {
  background-image: url(content/images/cityshopper/nonessRed.png);
  cursor: auto;
  display: inline-block;
}
.marginMenu {
  margin-left: 21px;
}
.dragOptionMove {
  background-image: url(content/images/cityshopper/move_icon27.png);
  background-position: center center;
  background-repeat: no-repeat;
  display: inline-block;
  height: 100%;
  width: 130px;
}
.dragOptionLink {
  background-image: url(content/images/cityshopper/link_icon27.png);
  background-position: center center;
  background-repeat: no-repeat;
  border-right: 1px dashed #f70000;
  display: inline-block;
  height: 100%;
  width: 130px;
}
.dragOptionCopy {
  background-image: url(content/images/cityshopper/copy_icon27.png);
  background-position: center center;
  background-repeat: no-repeat;
  border-right: 1px dashed #f70000;
  display: inline-block;
  height: 100%;
  width: 130px;
}
.CmsMainMenuTop {
  background-color: #cccccc;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  background-color: #ededed;
  background-image: url("content/images/cityshopper/arrow_small_grey_right.png");
  background-repeat: no-repeat;
  background-position: 10px 6px;
  font-family: 'Duru Sans', sans-serif;
  color: #9a9a9a;
  font-size: 12px;
  font-weight: 200;
  transition: all ease-out 0.1s;
}
.CmsMainMenuTop:hover,
.CmsMainMenuTopSel {
  background-color: #cccccc;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  background-color: rgba(199, 0, 0, 0.3);
  background-image: url("content/images/cityshopper/arrow_small_red_right.png");
  background-repeat: no-repeat;
  background-position: 10px 6px;
  font-family: 'Duru Sans', sans-serif;
  color: white;
  font-size: 13px;
  font-weight: 200;
  transition: all ease-out 0.1s;
}
.DivDragEnter {
  background-color: #f9e5e5;
  border: 1px dashed rgba(247, 0, 0, 0.6);
  width: 414px;
  height: 30px;
  margin: 0 0 8px 0;
  transition: 0.1s all ease-in;
}
.DivDragLeave {
  transition: 0.4s all ease-out;
  height: 5px;
  width: 314px;
}
.DivDragDropBefore {
  background-color: #f9e5e5;
  border-radius: 5px;
  margin: 0 0 8px 0;
  transition: 0.3s all ease-in;
}
.DivDragDrop {
  height: 30px;
  width: 314px;
  transition: 0.3s all ease-out;
}
.DivDragged {
  border-radius: 5px;
  margin: 0 0 8px 0;
  opacity: 0.4;
  height: 30px;
  transition: 0.3s all ease-in;
}
.DivDropped {
  border-radius: 5px;
  margin: 0 0 8px 0;
  opacity: 1;
  transition: 0.3s all ease-out;
}
.marginSubCategories {
  margin-left: 21px;
}
.sizeDivDropable {
  height: 5px;
  width: 60%;
}
.inlineFlex {
  background-color: #cccccc;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
.CatSelected {
  background-color: #cccccc;
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  background-color: #b3b3b3;
  color: white;
}
.categoryItemLights:hover > .publishselectorCat {
  display: block;
}
.publishselectorCat {
  background-color: #b3b3b3;
  display: none;
  height: 35px;
  position: absolute;
  right: -38px;
  top: 0px;
  width: 60px;
  z-index: 99999;
}
.publishselectorCat:hover {
  background-color: #b3b3b3;
  display: block;
}
.publishselectorCat img {
  cursor: pointer;
  display: inline-block;
  height: 14px;
  margin: 11px 2px 0 0;
}
.publishselectorCat img:hover {
  background-color: #b3b3b3;
}
.categoryItem:hover {
  background-color: #b3b3b3;
  transition: 0.15s all ease-in;
}
.categoryItemCategoryType {
  display: inline-block;
  margin: 8px 4px 5px 0;
  vertical-align: top;
  width: 18px;
}
.categoryItemText {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 200px;
}
.categoryItemCountObjects {
  display: inline-block;
  float: right;
  font-size: 11px;
  height: 20px;
  line-height: 35px;
  text-align: center;
  vertical-align: top;
  width: 75px;
}
.categoryItemLights {
  display: inline-block;
  float: right;
  margin: 3px 8px 0 3px;
  vertical-align: top;
}
.categoryItemEdit {
  background-color: #cccccc;
  background-image: url(content/images/cityshopper/toolss.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px;
  border-left: 5px solid white;
  cursor: pointer;
  display: inline-block;
  height: 35px;
  margin-left: 1px;
  vertical-align: top;
  width: 35px;
  transition: 0.3s all ease-out;
}
.categoryItemEdit:hover {
  background-color: #b3b3b3;
  transition: 0.15s all ease-in;
}
.categoryObjectItemLights:hover > .publishselectorCat {
  display: block;
}
.publishselectorCat {
  background-color: #b3b3b3;
  display: none;
  height: 35px;
  position: absolute;
  right: -38px;
  top: 0px;
  width: 60px;
  z-index: 99999;
}
.publishselectorCat:hover {
  display: block;
}
.publishselectorCat img {
  cursor: pointer;
  display: inline-block;
  height: 14px;
  margin: 11px 2px 0 0;
}
.publishselectorCat img:hover {
  background-color: #b3b3b3;
}
.CatObjectSelected {
  background-color: #aaaaaa !important;
}
.categoryItem {
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  height: 35px;
  line-height: 35px;
  padding: 0 0 0 10px;
  position: relative;
  vertical-align: top;
  width: 330px;
  transition: 0.3s all ease-out;
}
.categoryObjectItem {
  background-color: #cccccc;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  height: 35px;
  line-height: 35px;
  padding: 0 0 0 10px;
  position: relative;
  vertical-align: top;
  width: 540px;
  transition: 0.3s all ease-out;
}
.categoryObjectItem:hover {
  background-color: #b3b3b3;
  transition: 0.15s all ease-in;
}
/*.categoryObjectItemCategoryType {
		display: inline-block;
		margin: 8px 4px 5px 0;
		vertical-align: top;
		width: 18px;
	}*/

.categoryObjectItemText {
  display: inline-block;
  max-width: 425px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.categoryObjectItemShowType {
  border-left: 1px solid white;
  display: inline-block;
  font-size: 11px;
  float: right;
  text-align: center;
  vertical-align: top;
  width: 85px;
}
.categoryObjectItemCountObjects {
  display: inline-block;
  float: right;
  font-size: 11px;
  height: 20px;
  line-height: 35px;
  text-align: center;
  vertical-align: top;
  width: 75px;
}
.categoryObjectItemLights {
  display: inline-block;
  float: right;
  margin: 3px 8px 0 3px;
  vertical-align: top;
  transition: 0.15s all ease-in-out;
}
.categoryObjectItemEdit {
  background-color: #cccccc;
  background-image: url(content/images/cityshopper/toolss.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 20px;
  cursor: pointer;
  display: inline-block;
  height: 35px;
  margin-left: 1px;
  vertical-align: top;
  width: 35px;
  transition: 0.3s all ease-out;
}
.categoryObjectItemEdit:hover {
  background-color: #b3b3b3;
  transition: 0.15s all ease-in;
}
.OverflowHidden {
  overflow: hidden;
}
#titleSortNameCompany {
  display: inline-block;
  text-align: right;
  width: 375px;
}
#titleSortValidate {
  display: inline-block;
  text-align: center;
  width: 27%;
}
#titleSortPublish {
  display: inline-block;
  text-align: center;
  width: 27%;
}
#titleSortState {
  display: inline-block;
  float: right;
}
.contentLinetile {
  width: 97.2%;
}
.contentSortValidate {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 30%;
}
.contentSortPublish {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 28%;
}
.btUploadPdf {
  margin: 0 10px 14px 5px;
  vertical-align: middle;
}
.userSelectLine {
  color: #6a6a6a;
  font-weight: bold;
  background-color: white;
}
.userSelectLine:hover {
  background-color: #c7c7c7;
  color: white;
}
/*MEDIA QUERIES*/

@media screen and (min-width: 1920px) {
  .categoryObjectItem {
    width: 695px;
  }
  .categoryObjectItemText {
    max-width: 560px;
  }
}
@media screen and (min-width: 1367px) and (max-width: 1600px) {
  .categoryItem {
    width: 280px;
  }
  .categoryItemText {
    max-width: 150px;
  }
  .categoryObjectItem {
    width: 420px;
  }
  .categoryObjectItemText {
    max-width: 305px;
  }
  .contentLinetile {
    width: 95.8%;
  }
  .contentSortValidate {
    width: 24%;
  }
  .contentSortPublish {
    width: 24%;
  }
  #titleSortValidate {
    width: 23%;
  }
  #titleSortPublish {
    width: 23%;
  }
}
@media screen and (min-width: 1201px) and (max-width: 1366px) {
  .categoryObjectItem {
    width: 340px;
  }
  .categoryObjectItemText {
    font-size: 11px;
    max-width: 250px;
  }
  .categoryObjectItemShowType {
    font-size: 11px;
    width: 60px;
  }
  .contentSortValidate {
    width: 24%;
  }
  .contentSortPublish {
    width: 24%;
  }
  #titleSortValidate {
    width: 23%;
  }
  #titleSortPublish {
    width: 23%;
  }
}
@media screen and (min-width: 1025px) and (max-width: 1200px) {
  .categoryItem {
    width: 190px;
  }
  .categoryItemText {
    font-size: 11px;
    max-width: 60px;
  }
  .categoryObjectItem {
    width: 250px;
  }
  .categoryObjectItemText {
    font-size: 11px;
    max-width: 165px;
  }
  .categoryObjectItemShowType {
    font-size: 10px;
    width: 50px;
  }
  .categoryItemCountObjects {
    font-size: 10px;
  }
  .contentLinetile {
    width: 94.7%;
  }
  .contentSortValidate {
    width: 19%;
  }
  .contentSortPublish {
    width: 18%;
  }
  #titleSortNameCompany {
    width: 350px;
  }
  #titleSortValidate {
    width: 18%;
  }
  #titleSortPublish {
    width: 17%;
  }
}
@media screen and (max-width: 1024px) {
  .categoryItem {
    width: 170px;
  }
  .categoryObjectItem {
    width: 250px;
  }
  .categoryItemText {
    font-size: 11px;
    max-width: 43px;
  }
  .categoryObjectItemText {
    font-size: 11px;
    max-width: 170px;
  }
  .categoryObjectItemShowType {
    font-size: 10px;
    width: 50px;
  }
  .categoryItemCountObjects {
    font-size: 10px;
  }
  .contentLinetile {
    width: 94.7%;
  }
  .contentSortValidate {
    width: 19%;
  }
  .contentSortPublish {
    width: 18%;
  }
  #titleSortNameCompany {
    width: 350px;
  }
  #titleSortValidate {
    width: 18%;
  }
  #titleSortPublish {
    width: 17%;
  }
}