/*

***************************************************************************************
*
*   Photodruck
*   http://www.fototasse24.com
*
*   S C R E E N . C S S
*
*   Last modified: 21.06.2010
*
**************************************************************************************/

/* Breakpoint Desktop          = 920px */
/* Breakpoint Tablet           = 768px */
/* Breakpoint Phone landscape  = 480px */
/* Breakpoint Phone portrait   = 320px */


/*  B A S I C S
------------------------------------------------------------------------------------ */

* { border: 0; margin: 0; padding: 0; }
html { height: 100%; }
body { height: 100%; background: #f7f9fd url('../bilder/bg-body.png') repeat-x left top; font-size: 16px; text-align: center; padding-bottom: 20px; overflow-x: auto; overflow-y: scroll; }
* body { overflow: visible; }

#container { position: relative; overflow: hidden; font: normal 0.75em/160% Arial, Helvetica, sans-serif; text-align: left; color: #333; width: 920px; margin: 0 auto; background-color: #fff; /* border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; box-shadow: 0 0 3px #666; -moz-box-shadow: 0 0 3px #666; -webkit-box-shadow: 0 0 3px #666; */ box-shadow: 0 0 12px #bebebe; }

@media only screen and (max-width: 920px) {
  #container { width: auto; margin: 0; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
}
@media only screen and (max-width: 768px) {
  #container { font-size: 0.9em; }
}

body#editor {  background: #fff; font-size: 16px; overflow: auto; padding: 0; }
#editor #container { position: relative; font: normal 0.75em/160% Arial, Helvetica, sans-serif; text-align: left; color: #333; width: 800px; height: 500px; margin: 0 !important; background-color: #fff; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: 0 0 0px #666; -moz-box-shadow: 0 0 0px #666; -webkit-box-shadow: 0 0 0px #666; }

p, h1, h2, .h2, h3, h4, h5, ul, ol, fieldset, img { margin-bottom: 16px; }
h1, h2,.h2, h3, h4, h5, b { font-weight: bold; }
strong { font-weight: normal; }

h1 { font: normal 2.0em/1.2 Arial, Helvetica, sans-serif; color: #d00; text-align: center; }
h2, .h2 { font: normal 1.6em/1.2 Arial, Helvetica, sans-serif; color: #333333; text-align: center; }
h3, .h3 { font-weight: normal; font-size: 1.6em; line-height: 1.2; padding-top: 6px; }
h4 { font: normal 1.5em/1.1 Arial, Helvetica, sans-serif; color: #333333;  }
h5 { font-size: 1.1em; }
h2.head{ font: normal 2.0em/120% Arial, Helvetica, sans-serif; color: #d00; }

h1 + h2 { margin-top: -10px; margin-bottom: 30px; }
h1 + h2 { padding-bottom: 20px; border-bottom: 2px solid rgba(190, 190, 190, .7); }

h3 { margin-bottom: 20px; text-align: left; }

a:link, a:visited { color: #6a7f8e; text-decoration: none; outline: 0; }
a:hover, a:active { color: #6a7f8e; text-decoration: underline; outline: 0; }

a.color:link, a.color:visited { color: #6a7f8e; text-decoration: none; outline: 0; }
a.color:hover, a.color:active { color: #6a7f8e; text-decoration: underline; outline: 0; }

a.red:link, a.red:visited { color: #d00; text-decoration: none; outline: 0; }
a.red:hover, a.red:active { color: #d00; text-decoration: underline; outline: 0; }

p, ul li, ol li { font-size: 15px; line-height: 1.4; }
p.big { font-size: 18px; color: #7a7a7a; }
table tr td { font-size: 14px; line-height: 1.4; }

.h-left { text-align:left;margin-top:0.5em; }

/* .h4 {
    margin-bottom: 12px;
    font-size: 20px;
    line-height: 1.5;
} */

:focus { outline: 0; -moz-outline-style: none; }

ul { list-style: none; }
ul li { background: url('../bilder/li.gif') no-repeat left 10px; padding-left: 12px; }
ol { list-style: outside decimal; }
ol li { margin: 0 20px 12px; }

* html ol { padding-left: 4px; }
*+html ol { padding-left: 4px; }

/*
table { table-layout: fixed; width: 100%; overflow: hidden; border: 0; border-collapse: separate; border-spacing: 0; margin-bottom: 24px; }
*/

input, textarea, select, button { font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #535557; vertical-align: middle; border: 1px solid #000; padding: 4px; }
textarea { overflow: auto; }

small, .xsmall { font-size: 13px; line-height: 150%; }

em, i { font-style: italic; }
strike, del { text-decoration: line-through; }
blockquote, cite { background: #EEE; border-left: 1px solid #999; height: 1% /* stupid IE */; width: auto; margin: 1em 0 1em 2em; padding: 1.5em 2em 0.5em; }
code { font-family: Monaco, monospace; font-size: 1em; }
sup, sub { font-size: 80%; line-height: 0 !important; color: #939597 !important; }


/*  S P E C I A L   F O R M A T T I N G
------------------------------------------------------------------------------------ */

.no-border { border: 0 !important; }

.no-margin { margin-bottom: 0 !important; }
.margin { margin-bottom: 15px !important; }
.big-margin { margin-bottom: 30px !important; }
.superbig-margin { margin-bottom: 50px !important; }

.no-topmargin { margin-top: 0 !important; }
.topmargin { margin-top: 15px !important; }
.big-topmargin { margin-top: 30px !important; }
.superbig-topmargin { margin-top: 50px !important; }
.margin-auto { display: block; margin: 0 auto; }
.no-padding { padding: 0 !important; }

.normal { font-weight: normal !important; letter-spacing: 0 !important; }
.italic { font-style: italic !important; }
.center { text-align: center !important; }

.no-mh { height: auto !important; min-height: 0 !important; }


/* Hidden Elements */

hr, legend, /*a span,*/ button span, .inv, #skip { display: none; }


/* Floats */

.left { float: left; }
.right { float: right; }


/* Floating Images */

img.left { margin: 0.4em 1.5em 1em 0; }
img.right { margin: 0.4em 0 1em 1.5em; }


/* Special Links */

a.more { /*background: transparent url('../bilder/a-more.gif') no-repeat right center; font-weight: bold; padding-right: 0.7em;*/ }
a.more:hover { text-decoration: underline; }
a.more span { display: none; }

a.top { background: transparent url('../bilder/a-top.gif') no-repeat right center; font-weight: bold; padding-right: 0.9em; }
a.top:hover { text-decoration: underline; }


/* Clearfix */

* html .clearfix { height: 1%; overflow: visible; } /* IE6 Fix */
*+html .clearfix { min-height: 1%; } /* IE7 Fix */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
.clear { clear: both; height: 1px; }


/* Colors */

.red, .error { color: #DD0000; }
.green, .success { color: #809900; }
.light { color: #939597 !important; }
.color { color: #6a7f8e; }


/* Forms */

form.styledform { background: #F3F5F7; border: 1px solid #C3C5C7; padding: 20px; }
form.unstyledform { background: transparent; border: 0 none; padding: 0; }

fieldset { margin-bottom: 1em; }
form.unstyledform fieldset { background: #F3F5F7; border: 1px solid #C3C5C7; margin-bottom: 0.5em; padding: 1em; }
legend { display: none; }
label { font-size: 14px; font-weight: normal; display: block; margin-bottom: 2px; width: 180px; float: left; }
label.normal { float: none !important; display: inline; }

@media only screen and (max-width: 768px) {
    .formrow label { color: #999; }
  }
input, textarea, select { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #535557; vertical-align: middle; border: 1px solid #C3C5C7; }

input { color: #535557; width: 160px; margin-bottom: 1em; padding: 4px; }
textarea { color: #535557; overflow: auto; width: 400px; margin-bottom: 1em; padding: 5px; }
select { margin-bottom: 1em; padding: 4px; }
option { padding-right: 12px; }

input.checkbox { border: 0 none !important; width: auto !important; margin: 0; padding: 0; }
input.radio { border: 0 none !important; width: auto; margin: 0; padding: 0; }
input.inputfile { width: 300px; }

button { background-color: transparent; background-position: center center; display: block; float: left; cursor: pointer; margin-right: 7px; }
button span { display: none; }

span.cancel { line-height: 220%; }
span.cancel a { font-weight: bold; }

input#formSiegelButton { width: auto !important; border: none !important; }
input#btnProtect { width: auto !important; border: none !important; padding: 0px !important; margin: 0px !important; white-space: normal; }



/* Helper / Debug */

#debug { text-align: left; width: 200px; height: 200px; top: 0px; right: 0px; position: absolute; color: #999; display: none; }
#debug2 { text-align: left; width: 200px; height: 200px; top: 300px; right: 0px; position: absolute; color: #999; display: none; }


/*  J Q U E R Y - U I - style modifications
------------------------------------------------------------------------------------ */

.ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #A6B2BB; background: #ffffff url(../js/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 0px solid #aaaaaa; background: #cccccc url(../bilder/ui-bg_highlight-soft_75_9ba9b4_1x100.png) 50% 30% repeat-x; color: #fff; font-weight: normal; -moz-border-radius-bottomleft: 0px !important; -webkit-border-bottom-left-radius: 0px !important; border-bottom-left-radius: 0px !important; -moz-border-radius-bottomright: 0px !important; -webkit-border-bottom-right-radius: 0px !important; border-bottom-right-radius: 0px !important; }
.ui-widget-header a { color: #222222; }
.ui-dialog { position: absolute; padding: 0em; width: 300px; font-size: 0.9em; overflow: hidden; box-shadow: 0 0 6px #999; -moz-box-shadow: 0 0 6px #999; -webkit-box-shadow: 0 0 6px #999;  }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 0; background-image: none; margin: .5em 0 0 0; padding: .1em 0.5em .2em .2em; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }



/*  H E A D E R
------------------------------------------------------------------------------------ */

#header { position: relative; height: 115px; }
.ts-logo { float: right; margin-top: 20px; margin-right: 20px; }

@media only screen and (max-width: 768px) {
  .ts-logo { overflow: hidden; width: 80px; }
}
@media only screen and (max-width: 480px) {
  #header { display: none; }
  .ts-logo { display: none; }
  #nav { background: #9ba9b4 url('../bilder/fototasse-logo-white@2x.png') no-repeat right center; background-size: 189px 36px; }
}


/* Top Navigation */

#topnav ul { font-size: 0.9em; line-height: 120%; text-align: right; float: right; margin: 0; padding-top: 1em; }
#topnav li { background: transparent url('../bilder/li-topnav.gif') no-repeat left 1px; float: left; display: inline; margin-left: 0.5em; padding-left: 0.8em; }
#topnav li.first { background: none; }
#topnav a { display: block; color: #ffffff; }
#topnav a:hover {  }


/* Logo */

.h4#logo  { position: absolute; top: 34px; left: 28px; background: transparent url('../bilder/fototasse-logo.png') no-repeat left top; }
.h4#logo  a  { display: block; text-decoration: none !important; height: 46px; width: 232px; }
.h4#logo  span { display: none; }

p#logo-subline { display: none; }

@media only screen and (max-width: 768px) {
  .h4#logo { left: 18px; }
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.3),
only screen and (-o-min-device-pixel-ratio: 13/10),
only screen and (min-resolution: 120dpi) {
  .h4#logo { background-image: url('../bilder/fototasse-logo@2x.png'); background-size: contain; }
}


/* Banner */

div.banner { position: absolute; right: 240px; top: 15px; padding: 4px 20px; color: #333; border-width: 0; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
div.banner p { margin: 0; font-size: 1.1em; line-height: 1.3; }
div.banner strong { color: #CC0000; }

@media only screen and (max-width: 890px) {
    div.banner { position: relative; top: 0; left: 0; right: 0; margin-bottom: 0; }
    div.banner br { display: none; }
}

/*  N A V I G A T I O N
------------------------------------------------------------------------------------ */

#nav { background-color: #9ba9b4; text-align: center; font-size: 0; line-height: 0; }

@media screen and (max-width: 768px) {
    #nav {
        text-align: left;
    }
}

/*
#nav ul { float: left; display: inline; margin: 0; }
#nav li { background: none; display: inline; padding: 0; }
#nav a { float: left; display: block; margin: 0 0px; padding: 6px 30px; }

@media only screen and (max-width: 768px) {
  #nav a { padding: 6px 18px; }
}

#nav a:link, #nav a:visited { color: #fff; text-decoration: none; outline: 0; }
#nav a:hover, #nav a:active { color: #3d464d; text-decoration: none; outline: 0; }
#nav .current a {  }
*/


a.toggleMenu {
    display: none;
    background: #9ba9b4 url('../bilder/menu-icon-64.png') no-repeat 18px center;
    background-size: 32px 32px;
    font-size: 15px;
    line-height: 1.5;
    padding: 12px 12px 12px 58px;
    color: #fff; text-decoration: none; outline: 0;
}
.nav {
    list-style: none;
     *zoom: 1;
     background:#9ba9b4;
     margin: 0 auto;
     font-size: 0;
     line-height: 0;
}
.nav:before,
.nav:after {
    content: " ";
    display: table;
}
.nav:after {
    clear: both;
}
.nav ul {
    list-style: none;
    width: 9em;
}
.nav a, .nav a:link, .nav a:visited {
    padding: 6px 30px;
    color: #fff; text-decoration: none; outline: 0;
}
.nav a:hover, .nav a:active {
    padding: 6px 30px;
    color: #3d464d; text-decoration: none; outline: 0;
}
.nav li {
    position: relative;
    background: none;
    padding: 0;
    font-size: 15px;
    line-height: 1.5;
}
.nav > li {
    float: left;
}
.nav > li > .parent {
    background-image: url("images/downArrow.png");
    background-repeat: no-repeat;
    background-position: right;
}
.nav > li > a {
    display: block;
}
.nav li  ul {
    position: absolute;
    left: -9999px;
}
.nav > li.hover > ul {
    left: 0;
}
.nav li li.hover ul {
    left: 100%;
    top: 0;
}
.nav li li a {
    display: block;
    background: #1d7a62;
    position: relative;
    z-index:100;
    border-top: 1px solid #175e4c;
}
.nav li li li a {
    background:#249578;
    z-index:200;
    border-top: 1px solid #1d7a62;
}

@media screen and (max-width: 768px) {
    .active {
        display: block;
    }
    .nav { display: none; }

    .nav a, .nav a:link, .nav a:visited { font-size: 1.2em; padding: 12px 18px; }

    .nav > li {
        float: none;
    }
    .nav > li > .parent {
        background-position: 95% 50%;
    }
    .nav li li .parent {
        background-image: url("images/downArrow.png");
        background-repeat: no-repeat;
        background-position: 95% 50%;
    }
    .nav ul {
        display: block;
        width: 100%;
    }
   .nav > li.hover > ul , .nav li li.hover ul {
        position: static;
    }

}



















#subnav .innercol { padding: 15px; }
#subnav ul { background: none; }
#subnav li { background: none; padding: 0; text-align: right; }
#subnav li a { background-color: transparent; display: block; text-decoration: none !important; width: auto !important; width: 150px; /* IE6 Fix */ padding: 4px 0px 4px 0px; }
#subnav li a:hover { background-color: #e1cae8; }
#subnav li.current a { font-weight: bold; text-decoration: none !important; cursor: default; }

#subnav p { margin-bottom: 0.5em; }


/*  M A I N
------------------------------------------------------------------------------------ */

* html #main { float: left; margin-left: -4px; height: 360px; }  /* IE6 Fix */

#teaser { position: relative; height: 267px; background: #fff url('../bilder/fototasse-startseite-teaser-blanko.jpg') no-repeat top left; }
#frau { position: absolute; width: 318px; height: 267px; top: 0; right: 0px; background: url('../bilder/fototasse-teaser-frau.png') no-repeat 0 0; }
#stern { position: absolute; width: 233px; height: 129px; bottom: 0; left: 435px; background: url('../bilder/fototasse-teaser-stern.png') no-repeat 0 0; }

#main { padding: 40px 24px 0 24px; }
@media only screen and (max-width: 768px) {
  #main { padding: 32px 18px 0 18px; }
  #main h1 { font-size: 1.8em; }
  #main h1 br { display: none; }
}
@media only screen and (max-width: 480px) {
  #main .clear { height: auto; }
  #main .clear img.left { float: none; }
}
#teaser .h4 { position: absolute; top: 32px; left: 480px; width: 220px; height: 80px; font: normal 1.9em/120% Arial, Helvetica, sans-serif; color: #f8b356; margin: 0; padding: 0; }
#teaser .h4 span { font: normal 0.6em/170% Arial, Helvetica, sans-serif; text-align: left; color: #333; }

#teaser .hinweis-spot { position: absolute; top: 170px; left: 458px; width: 160px; height: 80px; text-align: center; }
#teaser .hinweis-spot span.colored { margin-left: 20px; font: normal 1.2em/110% Arial, Helvetica, sans-serif; color: #e00; }
#teaser .hinweis-spot span.rot { font: normal 1.4em/110% Arial, Helvetica, sans-serif; color: #e00; }
#teaser .hinweis-spot span.rot.price { font-size: 3.1em; font-weight: bold; letter-spacing: -2px; line-height: 110%; }
#teaser .hinweis-spot strong.rot { font: normal 1.2em/120% Arial, Helvetica, sans-serif; color: #e00; }

#teaser .h4.special { top: 25px; width: calc(100% - 480px) !important; height: auto; margin-left: -20px; }
#teaser .special-text { position: absolute; top: 70px; width: calc(100% - 480px); right: 20px; font: normal 1rem/1.4 Arial, Helvetica, sans-serif; color: #333; }
#teaser .special-text span { font-size: 1.5rem; }
#teaser .special-text small { font-size: 14px; }
#teaser .special-text div.right { float: right; }
#teaser .special-text span.item { font-size: 1.7em; color: #e00; }
#teaser .special-text div.small { margin-top: 20px; color: #999; }
#teaser .special-text table { border-spacing: 0; border-top: 1px solid #ccc; }
#teaser .special-text table tr td { border-bottom: 1px solid #ccc; padding: 2px 4px; }
#teaser .special-text table tr td.top { vertical-align: top; }
#teaser .special-text span.badge { position: relative; font-size: 13px; color: #fff; font-weight: bold; background-color: #e00; padding: 2px 6px; text-transform: uppercase; display: inline-block; margin-left: 20px; top: -12px; transform: rotate(5deg); }
#teaser .special-text table tr td.small { font-size: 0.8rem; line-height: 1.2; padding-top: 6px; color: #666; }
#teaser .special-text table tr.noborder td { border-bottom-width: 0; }
#teaser .special-text table tr:nth-child(odd) { background-color: rgba(255, 255, 255, .5); }
#teaser .special-text span.small { font-size: 14px; }
#teaser .special-text span.smaller { font-size: 18px; }
#teaser .special-text span.min-smaller { font-size: 12.5px; }
#teaser .special-text span.mobile { display: none; }

@media only screen and (max-width: 920px) {
  #frau { z-index: 1; }
  #stern { z-index: 2; }
  #teaser .h4, #teaser .hinweis-spot { z-index: 3; }
  #teaser .special-text span.badge { display: none; }
  #teaser .h4.special { font-size: 1.2rem; }
  #teaser .special-text span { font-size: 1.4em; }
  #teaser .special-text span.item { font-size: 1.4em; }
}
@media only screen and (max-width: 920px) {
  #teaser .special-text span.smaller { display: none; }
  #teaser .special-text span.mobile { display: inline; }
}
@media only screen and (max-width: 768px) {
  #teaser { font-size: 0.83em; }
  #frau { display: none; }
  #teaser .special-text { font: normal 1rem/1.4 Arial, Helvetica, sans-serif; color: #333; }
  #teaser .special-text span { font-size: 1.2em; }
  #teaser .special-text span.item { font-size: 1.2em; }
  #teaser .special-text small { display: none; }
  #teaser .special-text span.smaller { display: inline; font-size: 12px; }
  #teaser .special-text span.mobile { display: none; }
}
@media only screen and (max-width: 730px) {
  #teaser .special-text span.smaller { display: none; }
  #teaser .special-text span.mobile { display: inline; }
}
@media only screen and (max-width: 700px) {
  #stern { left: auto; right: 15px; }
  #teaser .h4:not(.special) { width: 200px; left: auto; right: 0; }
  #teaser .h4.special { font-size: 1.1rem; }
  #teaser .hinweis-spot { left: auto; right: 59px; }
  #teaser .special-text { top: 70px; }
  #teaser .special-text span { font-size: 1em; }
  #teaser .special-text span.item { font-size: 1em; }
}
@media only screen and (max-width: 640px) {
  #stern, #teaser .hinweis-spot { display: none; }
  #teaser .h4 { position: static; padding-top: 40px; margin-left: 430px; margin-right: 10px; width: auto; height: auto; }

  #teaser.with-special { margin-top: 230px; }
  #teaser .special-text small { display: inline; }
  #teaser .h4.special { position: absolute; top: -210px; width: 90% !important; padding-top: 0; display: block; margin: 0 5% !important; display: block; }
  #teaser .h4.special { left: 0; right: auto; }
  #teaser .special-text { top: -170px; width: 90%; left: 5%; }
  #teaser .special-text span { font-size: 1.4em; }
  #teaser .special-text span.item { font-size: 1.4em; }
  #teaser .special-text span.smaller { display: inline; font-size: 16px; }
  #teaser .special-text span.mobile { display: none; }
}
@media only screen and (max-width: 400px) {
  #teaser .special-text span.smaller { font-size: 12px; display: none; }
  #teaser .special-text span.mobile { display: inline; }

}

/* 360grad-Tasse */
#slider-container { position: absolute; top: 50px; left: 84px; width: 320px; z-index: 2; }
#image360 { width: 320px; height: 240px; background: url('../bilder/tasse-weiss.jpg') no-repeat 0px 0px; margin-bottom: 12px; }
#ajaxloader { width: 320px; height: 240px; background: url('../bilder/ajax-loader.gif') no-repeat center center; margin-bottom: 12px; display: none; }
#ajaxloader p, #ajaxloader2 p { text-align: center; color: #999; }
#ajaxloader2 { position: absolute; top: 130px; left: 240px; width: 320px; height: 240px; background: url('../bilder/ajax-loader.gif') no-repeat center center; margin-bottom: 12px; display: none; }
#slider { position: absolute; top: -20px; left: 0px; width: 320px; }

@media only screen and (max-width: 640px) {
  #slider { top: 210px; }
  #image360 { position: absolute; top: -40px; }
}
@media only screen and (max-width: 320px) {
  #slider { left: 10px; width: 280px; }
}

/* Slider */
#slider.ui-slider-horizontal { height: 7px !important; }
#slider.ui-widget-content { border-width: 0px !important; background: url('../bilder/slider-linie.gif') repeat-x center center !important; }
#slider .ui-slider-handle { border-width: 0px !important; background: url('../bilder/slider-handle.gif') no-repeat center center !important; cursor: pointer !important; }
@media only screen and (max-width: 768px) {
  #slider.ui-slider-horizontal { height: 21px !important; }
  #slider .ui-slider-handle { background-image: url('../bilder/slider-handle-big.png') !important; width: 21px; height: 28px; }
}

#slider-arrow-left { position: absolute; top: 100px; left: -30px; width: 38px; height: 52px; background: url('../bilder/slider-pfeil-links.png') no-repeat top left; cursor: pointer; }
#slider-arrow-right { position: absolute; top: 100px; left: 310px; width: 38px; height: 52px; background: url('../bilder/slider-pfeil-rechts.png') no-repeat top left; cursor: pointer; }

@media only screen and (max-width: 640px) {
  #teaser { background: none; }
  #slider-container { position: relative; margin: 0 auto; left: auto; }
  #teaser .h4 { display: none; }
  #slider-arrow-left, #slider-arrow-right {top: 70px; }
}
@media only screen and (max-width: 480px) {
  #slider-arrow-left, #slider-arrow-right { display: none; }
}

/* 3er-Box */
div.box { float: left; width: 27%; min-height: 130px; margin-right: 3%; box-shadow: 0 0 12px #bebebe; padding: 2%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div.box.last { margin-right: 0; }
div.box h2 ,.h2 { text-align: left; }
div.box p, div.box li { line-height: 1.6; margin-bottom: 0; }
div.box ul { margin-bottom: 0; }
div.box span.badge { display: inline; background: rgba(242, 148, 0, .7); background: #bebebe; color: #fff; padding: 3px 8px; margin-right: 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
div.box.motiv { background: url(../bilder/motiv-icon.png) no-repeat center 20px; background-size: 105px 85px; padding-top: 120px; }
div.box.tassen { background: url(../bilder/tassen-icon.png) no-repeat center 20px; background-size: 105px 85px; padding-top: 120px; }
div.box.versand { background: url(../bilder/versand-icon.png) no-repeat center 20px; background-size: 105px 85px; padding-top: 120px; }

div.box.bigger { min-height: 240px; }

@media only screen and (max-width: 768px) {
    div.box { float: none; width: auto; margin-right: 0; margin-bottom: 30px; min-height: 0; padding: 18px; }
    div.box.bigger { min-height: 0; }
}

.tabrow, .order-overview { margin-bottom: 30px; box-shadow: 0 0 12px #bebebe; padding: 2%; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.tabrow.first { margin-top: 50px; }
.tabrow p { margin-bottom: 0; }
.tabrow h2 { text-align: left; }
@media only screen and (max-width: 768px) {
    .tabrow { padding: 18px; }
    .tabrow img { display: block; float: none; margin: 20px auto 0; }
    .tabrow h2 { text-align: center; }
    .tabrow span.right { float: none; }
}

.ts-box { max-height: 240px; overflow: auto; padding: 8px; }

.image1 { width: 400px; margin-top: 20px; }

@media only screen and (max-width: 768px) {
    .image1 { width: 100%; }
    .clear { height: auto; }
    .clear img.left { margin-left: auto; margin-right: auto; float: none; display: block; }
}

/* Tassen-Liste */
.myCupList { position: fixed; right: 10px; top: 24%; height: 1px; z-index: 100; font: normal 0.75em/160% Arial, Helvetica, sans-serif; }
.myCupList > div { background: #fff; border-radius: 3px; padding: 2px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border: 1px solid #bebebe; }
.myCupList > div > p { padding: 4px 4px 0 4px; text-align: center; }
.myCupList h2 { padding: 0; }
.cupThumb { position: relative; width: 90px; height: 110px; overflow: hidden; }
.cupThumb img { position: absolute; top: 0px; left: -8px; }
.cupThumb p {position: relative; top: 85px;  width: 90px; height: 10px;}
.cupThumb div.price { position: absolute; left: 0; bottom: 10px; width: 90px; text-align: center; z-index: 10; }

.horizontalScrollCups { position: absolute; top: 30px; left: 20px; width: 180px; height: 110px; overflow: hidden; }
.horizontalScrollInner { position: absolute; top: 0px; left: 0px; width: 1000px;}
.scrollLeftArrow { position: absolute; top: 30px; left: 0px; width: 20px; height: 90px; background: url('../bilder/scroll-arrow-left.gif') no-repeat top left; cursor: pointer; }
.scrollRightArrow { position: absolute; top: 30px; left: 200px; width: 20px; height: 90px; background: url('../bilder/scroll-arrow-right.gif') no-repeat top left; cursor: pointer; }
.scrollLeftArrow:hover, .scrollRightArrow:hover { background-position: 0 -90px; }

/* Scroller */
#scroller { position: relative; width: 628px; height: 140px; overflow: hidden; }
#scroller div { position: absolute; top: 0; left: 0; width: 160px; height: 140px; text-align: center; }

@media only screen and (max-width: 768px) {
  #scroller, .myCupList { display: none; }
}

div.hr { border-top: 2px solid rgba(190, 190, 190, .7); margin: 20px 0; height: 1px; }


/* Grid Layout */

.cols { position: relative; padding-bottom: 36px; }

.col1_4, .col2_4, .col3_4, .col4_4 { float: left; background-position: left bottom; background-repeat: no-repeat; display: inline; min-height: 280px; height: auto !important; height: 280px; margin-right: 24px; }
.cols .innercol { background-position: left top; background-repeat: no-repeat; min-height: 220px; height: auto !important; height: 220px; padding: 16px; }
.cols .last { margin: 0; }

.col1_4 { width: 220px; }
.col2_4 { width: 424px; }
.col3_4 { width: 628px; }
.col4_4 { width: 872px; margin-right: 0 !important; }

@media only screen and (max-width: 920px) {
  .col1_4, .col2_4, .col3_4, .col4_4 { margin-right: 2%; }
  .col1_4 { width: 24%; }
  .col2_4 { width: 49%; }
  .col3_4 { width: 74%; }
  .col4_4 { width: 100%; margin-right: 0 !important; }
}
@media only screen and (max-width: 768px) {
  .col1_4, .col2_4, .col3_4, .col4_4 { margin-right: 0; }
  .col1_4 { width: 100%; }
  .col2_4 { width: 100%; }
  .col3_4 { width: 100%; }
  .col4_4 { width: 100%; margin-right: 0 !important; }
}

/* ALLGEMEINES */

/* Rahmen Startseite */
.box-white { border: 1px solid #ccc; padding: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.box-white-small { border: 1px solid #ccc; padding: 4px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.box-yellow { border: 1px solid #ccc; background-color: #ffea9a; text-align: center; padding: 10px; margin-bottom: 32px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.orange-button-small.top { display: none; }


div.headline { position: relative;  }
div.headline h1, div.headline h2 { float: left; text-align: left; margin-top: 12px; margin-bottom: 0; }
h1 + div.nextaction { float: right; overflow: hidden; }

.box-shipping {  border: 1px solid #ccc; padding: 10px; background: url('../bilder/bg-versand-box.gif') no-repeat bottom right; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.box-shipping h2 { color: #d00; margin-bottom: 6px; padding: 0 !important; }
.box-shipping p { margin-bottom: 0; }

.box-payment {  margin-bottom: 20px; background-color: #F7F9FD;  border: 1px solid #ccc; padding: 10px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.box-payment h2 { color: #d00; margin-bottom: 6px; padding: 0 !important; }
.box-payment ul { margin-bottom: 0; }

@media only screen and (max-width: 920px) {
  .box-shipping { background: #F7F9FD; }
  div.headline h1, div.headline h2 { float: none; margin-bottom: 12px; }
  h1 + div.nextaction { float: none; overflow: hidden; }
}
@media only screen and (max-width: 768px) {
  .box-shipping br { display: none; }
  .orange-button-small.top { display: block; }
  .orange-button-small.bottom { display: none; }
}
@media only screen and (min-width: 480px) and (max-width: 768px) {
  .box-white, .box-white-small, .box-shipping, .box-payment { width: 44%; float: left; padding: 2%; }
  .box-white:nth-child(even), .box-white-small:nth-child(even), .box-shipping:nth-child(even), .box-payment:nth-child(even) { float: right; }
}


/* Warenkorb */
.cupCart { height: 120px; border-bottom: 2px solid rgba(190, 190, 190, .7); padding-top: 10px; clear: both; }
.cupCartTopBorder { border-top: 2px solid rgba(190, 190, 190, .7);; height: 1px; }
.cupCart h3, .cupCartSummery h3 { margin-bottom: 6px; text-align: right; }
.cupCart img, .cupCart p { margin-bottom: 6px; text-align: left; }
.cupCart h3 { font-size: 14px; }
.cupCart p, .cupCart span { font-size: 14px; }

.cupImage { position: relative; width: 125px; height: 100px; overflow: hidden; float: left; }
.cupImage img { position: absolute; top: 0; left: -17px; }

.cupInfo { width: 210px; float: left; margin-top: 18px; }
.cupInfo h2 { font: normal 17px/120% Arial, Helvetica, sans-serif; color: #f8b356; text-align: left; margin-bottom: 3px !important; padding: 0 !important; }
.cupInfo a.pd-button-small { margin-right: 6px; }

.cupQuality { width: 120px; float: left;  margin-top: 18px; }
.cupQuality h3, .cupQuality p { text-align: left; }

.cupOrderNumber { float: left; width: 85px; margin-top: 18px; text-align: right; }
.cupOrderNumber input { width: 50px; text-align: right; }
.cupOrderNumber h3 { margin-right: 14px; }

.cupOptions { max-width: 130px; }

.cupPrice { width: 100px; float: left;  margin-top: 18px; text-align: right; }
.cupSize { width: 130px; float: left;  margin-top: 18px; text-align: left; }
.cupSize h3, .cupSize p { text-align: left; }

.cupPriceSum { width: 100px; float: left; margin-top: 18px; text-align: right; }

.cupCartSummery { padding-top: 10px; padding-left: 585px; text-align: right; }
.cupCartSummery p { margin-bottom: 6px; }

.orderNum { float: right; }

.cartbuttons { float: left; margin-top: -50px; padding: 1em 0; width: 60%; }
.cartbuttons a {  }

.gutschein { float: left; margin-top: 10px; padding: 1em 0; width: 350px; }
.gutschein label { width: auto; margin-right: 1em; }
.gutschein input[type=text] { float: left; margin-right: 1em; margin-bottom: 0; }
.gutschein a.pd-button-small { float: left; height: auto; line-height: 140%; }

@media only screen and (max-width: 768px) {
  .cupCart h3, .cupCartSummery h3 { text-align: left; }
  .cupImage { width: 40%; position: absolute; }
  .cupInfo { padding-bottom: 12px; }
  .cupInfo, .cupQuality, .cupOrderNumber, .cupPrice, .cupSize, .cupPriceSum {
    width: 60%;
    margin-left: 40%;
    margin-top: 5px;
    text-align: left;
    float: none;
  }
  .orderNum { float: none; }
  .cupCartSummery { padding: 0; padding-top: 12px; }
  .cartbuttons a { display: inline-block; margin-bottom: 10px; height: auto; }
  .cartbuttons, .cupCartSummery { float: none; width: auto; }
  .gutschein { width: 50%; }
  .gutschein input[type=text] { width: 35%; }
}
@media only screen and (max-width: 600px) {
  .cartbuttons { margin-top: 1em; }
  .cartbuttons a { display: block; text-align: center; }
  .gutschein { float: none; width: auto; }
  .buttongroup a, .buttongroup button, .buttongroup input.pd-button { display: block; text-align: center; margin-bottom: 6px; line-height: 1.8; }
  .buttongroup input.pd-button { width: 100% !important; }
}


.quantity-changer { position: relative; width: 11px; height: 20px; float: right; margin-left: 4px; }
.quantity-changer .up { position: absolute; top: 0px; left: 0; width: 11px; height: 10px; background: url('../bilder/input-up.gif') no-repeat 0 0; cursor: pointer; font: 1px/0 serif; }
.quantity-changer .down { position: absolute; top: 10px; left: 0; width: 11px; height: 10px; background: url('../bilder/input-down.gif') no-repeat 0 0; cursor: pointer; font: 1px/0 serif; }
.quantity-changer .up:hover { background-position: 0 -10px; }
.quantity-changer .down:hover { background-position: 0 -10px; }

@media only screen and (max-width: 920px) {
  .quantity-changer { display: none; }
}


/* Warenkorb Addon Produkte */
.addonCart { height: 75px; border-bottom: 0px solid #a6b2bb; padding-top: 10px; clear: both; }
.addonCartTopBorder { border-top: 1px solid #a6b2bb; height: 1px; }
.addonCart h3, .addonCart img, .addonCart p, .addonCartSummery h3 { margin-bottom: 6px; }
.addonCart h3 { font-size: 1.1em; }

.addonImage { position: relative; width: 115px; margin-right: 10px; overflow: hidden; float: left; }
.addonImage img {  }

.addonInfo { width: 440px; float: left; margin-top: 6px; }
.addonInfo h2 { font: normal 1.4em/120% Arial, Helvetica, sans-serif; color: #596c7c; margin-bottom: 3px !important; padding: 0 !important; }
.addonInfo a.pd-button-small { margin-right: 6px; }

.addonOrderNumber { float: left; width: 85px; margin-top: 6px; text-align: right; }
.addonOrderNumber input { width: 50px; text-align: right; }
.addonOrderNumber h3 { margin-right: 15px; }

.addonPrice { width: 100px; float: left; margin-top: 6px; text-align: right; }

.addonPriceSum { width: 100px; float: left;  margin-top: 6px; text-align: right; }

.addonCartSummery { padding-top: 10px; padding-left: 585px; text-align: right; }
.addonCartSummery p { margin-bottom: 6px; }

.addonOpt {width: 20px; display: inline-block; margin: 0; margin-right: 2px;}
.addonOption { height: 30px; padding-top: 10px; }
.addonOption label { width: 400px !important; float: none; vertical-align: top; display: inline-block; }

.addonNum { float: right; }

@media only screen and (max-width: 920px) {
  .cupCart, .addonCart { height: auto; padding-bottom: 10px; }
  .addonImage { width: 30%; position: absolute; }
  .addonInfo { width: 70%; margin-left: 30%; }
  .addonInfo p br { display: none; }
  .addonOrderNumber { margin-left: 30%; }
  .addonOrderNumber, .addonPrice, .addonPriceSum { width: auto; text-align: left; margin-right: 2%; }
  .addonNum { float: none; }

}

@media only screen and (max-width: 768px) {
  .addonOption { height: auto; margin: 1em 0; }
  .addonOption label {  width: 90% !important; }
}
@media only screen and (max-width: 480px) {
  .addonImage { width: 40%; position: absolute; }
  .addonInfo { width: 60%; margin-left: 40%; }
  .addonOrderNumber { margin-left: 40%; }
}

@media only screen and (max-width: 320px) {
  .addonImage { width: 100%; position: static; }
  .addonInfo, .addonOrderNumber, .addonPrice, .addonPriceSum { width: 100%; margin-left: 0; }
}



/* Auftraginfo */
.orderinfo { width: 380px; }
.orderinfo input { width: 190px; }
.orderinfo input.pd-button { width: 140px !important; }

/* Rechnungsanschrift */

.orderaddress {  }
.orderaddress input { width: 60%; }
.orderaddress input.small { width: 16% !important; margin-right: 2.5%; float: left; }
.orderaddress input.medium { width: 40% !important; }
.orderaddress input.submit { width: auto !important; }
.orderaddress fieldset.left { width: 48%; float: left; margin-right: 4%; }
.orderaddress fieldset.right { width: 48%; float: left; }
.orderaddress label { width: 35% !important; }
.orderaddress label.infopanel { width: 0 !important; }
.orderaddress input.error { border-color: #d00 !important; }
.orderaddress #use_address2 { width: 20px !important; vertical-align: bottom !important;}

fieldset.tabrow { font-size: 14px; }
fieldset.tabrow input[type=checkbox] { width: auto; margin-bottom: 0; margin-right: 1%; display: inline-block; vertical-align: baseline;  }

@media only screen and (max-width: 768px) {
  .orderaddress .formrow { position: relative; }
  .orderaddress input { width: 97%; padding: 1%; }
  .orderaddress select { padding: 1%; }
  .orderaddress input.small { width: 25% !important; margin-right: 2%; float: left; }
  .orderaddress input.medium { width: 50% !important; }
  .orderaddress input.submit { width: auto !important; }
  .orderaddress fieldset.left { width: 100%; float: none; margin-right: 0; }
  .orderaddress fieldset.right { width: 100%; float: none; }
  .orderaddress label { width: 90% !important; }
  .orderaddress label.infopanel { width: 0 !important; }
  .orderaddress input.error { border-color: #d00 !important; }
  .orderaddress label[for=use_address2] { margin-left: 7%; }
  .orderaddress #use_address2 { position: absolute; left: 0; top: 4px; }
}

@media only screen and (max-width: 480px) {
  #pd-submit,
  .backtocart a { display: block; margin-bottom: 10px; height: auto; text-align: center; }

  .backtocart p.left, .backtocart p.right { display: block; float: none; }
  #pd-submit .pp-express-btn{
    width: 228px !important;
  }
  #pd-submit { width: 100% !important; }
  #pd-submit.pp-express-btn{margin-left: auto;
    margin-right: auto;
    width: 228px !important;}
}

.order-overview { padding: 20px; background: rgba(255, 244, 204, .6); margin-bottom: 20px; overflow: auto; }

.order-overview table { width: 100%; border-spacing: 0; }
.order-overview table thead td { font-weight: bold; border-bottom: 1px solid #ccc; }

.order-overview table tr.alt td {  }
.order-overview table td { vertical-align: top; border-bottom: 0px solid #C3C5C7; padding: 4px; }
.order-overview table td.td-1st { text-align: center; width: 15%; }
.order-overview table td.td-2nd { width: 45%; }
.order-overview table td.td-3rd { text-align: right; width: 25%; }
.order-overview table td.td-4th { text-align: right; width: 15%; }
.order-overview table tr.subtotal td {  padding-top: 5px;  border-top: 1px solid #ccc; }

.order-overview table tr.summery td { font-weight: normal; padding-top: 10px;  border-top: 1px solid #ccc; }
.order-overview table tr.summery td.td-4th { border-bottom: 3px double  #ccc; }


* html .order-overview p { padding: 2px 0; }

/* Address */
#address p { float: left; margin-right: 50px; }

.infopanel { font-size: 14px; line-height: 1.4; /* border: 1px solid #ccc; */ background-color: #fff4cc; text-align: left; padding: 20px; margin-bottom: 32px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
/*.infopanel { background: #fff4cc; border: 1px solid #f8b356; margin-bottom: 18px; padding: 12px; }*/
.infopanel h3 { padding: 0; }
.infopanel p { margin: 0; }
.infopanel ul { margin: 0; }

.panel { position: relative; background: #E8EBED; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 18px; padding: 9px; color: #444; }


.errorpanel { font-size: 14px; line-height: 1.4; /* border: 1px solid #ccc; */ background: #fff4cc url('../bilder/icon-warning.gif') no-repeat 15px 15px; text-align: left; padding: 20px 20px 20px 60px; margin-bottom: 32px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
.errorpanel h3 { padding: 0; }
.errorpanel p { margin: 0; }
.errorpanel ul { margin: 0; }

.errorpanel + .infopanel, .errorpanel + .errorpanel, .infopanel + .infopanel { margin-top: -16px; }


/* BUTTONS */
button { background-color: transparent; background-position: center center; display: block; float: left; cursor: pointer; margin-right: 7px; }

button, .pd-button, .pd-button-small,
.ui-dialog .ui-dialog-buttonpane button
{ background: #efefef; font-size: 15px; }

button, .pd-button, .pd-button-small,
.ui-dialog .ui-dialog-buttonpane button
{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
  background: #efefef; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */
  background: -moz-linear-gradient(center top,  #FFFFFF,  #EFEFEF); /* for firefox 3.6+ */
  border: 1px solid #CCCCCC; cursor: pointer; overflow: visible; padding: 4px 9px;
  vertical-align: middle; white-space: nowrap; outline: none;
}
/* * html .pd-button, * html .pd-button-small { background: #efefef; } */
button, .pd-button:active, .pd-button:hover, .pd-button:focus,
.pd-button-small:active, .pd-button-small:hover, .pd-button-small:focus,
.ui-dialog .ui-dialog-buttonpane button:active, .ui-dialog .ui-dialog-buttonpane button:hover, .ui-dialog .ui-dialog-buttonpane button:focus
{
  box-shadow: 0 0 3px #666; -moz-box-shadow: 0 0 3px #999; -webkit-box-shadow: 0 0 3px #999;
  border-color: #999999;
  background: #efefef; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EFEFEF'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF)); /* for webkit browsers */
  background: -moz-linear-gradient(center top,  #FFFFFF,  #EFEFEF); /* for firefox 3.6+ */
}
.pd-button-small { height: 1.7em; }
.pd-button span { color: #333; }
.pd-button-small span { color: #333; font-size: 0.9em; }

a.pd-button, a.pd-button-selected { padding: 4px 9px; color: #535557; }
a.pd-button:hover, a.pd-button:active, a.pd-button-selected:hover, a.pd-button-selected:active { color: #535557; text-decoration: none; }

a.pd-button-small { padding: 1px 6px; color: #535557; }
a.pd-button-small:hover, a.pd-button-small:active { color: #535557; text-decoration: none; }

.pd-button-selected {
  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;
  background: #cccccc; /* for non-css3 browsers */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#cccccc', endColorstr='#EFEFEF'); /* for IE */
  background: -webkit-gradient(linear, left top, left bottom, from(#cccccc), to(#EFEFEF)); /* for webkit browsers */
  background: -moz-linear-gradient(center top,  #cccccc,  #EFEFEF); /* for firefox 3.6+ */
  color: #888888;
  border: 1px solid #CCCCCC; cursor: pointer; height: 2.1em; overflow: visible; padding: 0 0.5em 0.1em 0.5em;
  vertical-align: middle; white-space: nowrap; outline: none;
}

#button-bestellen { float: none; margin: 0 auto !important; }

a.button-bestellen { background-image: url('../bilder/button-bestellen.gif'); display: block; width: 129px; height: 28px; margin: 0; padding: 0; }
a.button-bestellen:hover { background-position: 0 -28px; }

a.button-details { background-image: url('../bilder/button-details.gif'); display: block; width: 85px; height: 28px; margin: 0; padding: 0; }
a.button-details:hover { background-position: 0 -28px; }

.pp-express-btn{
  background-image: url('../bilder/checkout-logo-large-alt-de.png');
  background-repeat: no-repeat;
  width: 228px !important;
  height: 44px !important;
  border: 0px;
  cursor: pointer;
}

/* STARTSEITE */

#fotoupload { position: relative; }
#fotoupload label { width: 180px; font: bold 1.3em/100% Arial, Helvetica, sans-serif; color: #666; margin: 0; padding: 0; padding-top: 6px; }
#fotoupload input { margin: 0; }
#fotoupload input.inputfile { position: absolute; top: 8px; left: 203px; width: 280px !important; float: left; opacity: 0; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=0); /* IE lt 8 */ -ms-filter: "alpha(opacity=0)"; /* IE 8 */ -khtml-opacity: 0; /* Safari 1.x */ -moz-opacity: 0; /* FF lt 1.5, Netscape */ }

/*.fileinputfake { position: absolute; top: 8px; left: 185px; width: 300px; height: 25px; background: url('../bilder/file-input-fake.gif') no-repeat top left; overflow: hidden; }
.fileinputfake div { width: 258px; height: 100%; padding: 3px 36px 3px 6px; overflow: hidden; }
*/
.fileinputfake div { width: 258px; height: 100%; padding: 3px 36px 3px 6px; overflow: hidden; }
.fileinputfake { position: absolute; top: 8px; left: 185px; width: 300px; height: 25px; overflow: hidden; }
.box-transparent { height: 21px; background: /*#f7f9fd*/#ebeef0; padding: 8px 11px 14px 11px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
* html .box-transparent { padding: 8px 11px 8px 11px; }

#fotoupload-options { position: relative;  width: 96%; padding-left: 4%; left: 0; top: -12px; padding-bottom: 30px; background: url('../bilder/panel-shadow.png') no-repeat bottom center; background-size: 880px 30px; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; -moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -webkit-border-bottom-left-radius: 3px;-webkit-border-bottom-right-radius: 3px; }
#fotoupload-options input.radio { position: absolute; top: -100px; width: auto !important; float: right; margin-right: 9px; /*visibility: hidden;*/ }
#fotoupload-options label { width: auto !important; height: 22px; float: left !important; font-size: 1.2em !important; font-weight: normal !important; padding: 0 10px 0 28px !important; background: url('../bilder/icon_checkbox.png') no-repeat 0 0; cursor: pointer; background-size: 22px 44px; line-height: 22px; }
#fotoupload-options label.checked { background-position: 0 -22px; }

#uploadsubmit { position: absolute; width: 120px; right: 10px; z-index: 2; }

#progress {  height: 21px; background: #3b5998;}
@media only screen and (max-width: 920px) {
  label#labelcupimage { display: none; }
  .fileinputfake { position: static; margin-top: 2px; left: auto; width: 75% !important; background: url('../bilder/file-input-fake-600.gif') no-repeat right top; float: left; border-left: 1px solid #ccc; }
  #fotoupload input.inputfile { left: 20px; width: 70% !important; }
  #uploadsubmit { position: static; float: right; width: 18%; }
}
@media only screen and (max-width: 480px) {
  #fotoupload .box-transparent { overflow: hidden; height: auto; }
  .fileinputfake { width: 65% !important; margin-bottom: 6px; }
  #fotoupload input.inputfile { width: 60% !important; }
  #uploadsubmit { width: 28%; }
}
@media only screen and (max-width: 380px) {
  .fileinputfake { width: 100%; }
}

.radiobox { position: relative; float: left; width: auto !important; margin-top: 8px; }
.radiobox.FT { margin-left: 0; width: auto !important }
.radiobox.ZT { width: auto !important }
.radiobox.ET { width: auto !important }
.radiobox.CT { width: auto !important }


.product-number-3 .radiobox.FT { width:300px; }
.product-number-3 .radiobox.ZT { width:300px; }
.product-number-3 .radiobox.ET { width:260px; }
.product-number-3 .radiobox.CT { width:265px; }

/* neuer oranger Button */

.orange-button-big,
.orange-button-small {
    display: block;
    min-width: 200px;
    border: 2px solid #f29400;
    color: #f29400 !important;
    font-size: 24px;
    line-height: 24px;
    text-align: center;
    padding: 10px 10px 8px;
    border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;
    cursor: pointer;
}
.orange-button-small {
    display: inline-block;
    float: right;
}
.orange-button-small.mini {
    min-width: 40px;
    display: block;
    margin: 7px;
    float: none;
}
.orange-button-small {
    font-size: 15px;
    line-height: 15px;
    padding: 8px 10px;
}
.orange-button-small span {
    display: inline-block;
    text-align: left;
}

.orange-button-big > span.none_bg:before,
.orange-button-small > span.none_bg:before {
    content: '';
    display: inline-block;
    width: 0px;
    height: 25px;
    background: none;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 4px;

}
@media only screen and (max-width: 920px) {
    .orange-button-small {
        min-width: 0;
        display: block;
        float: none;
    }
}
@media only screen and (max-width: 480px) {
    .orange-button-big > span.none_bg,
    .orange-button-small > span.none_bg {
        font-size: 15px;
        line-height: 15px;
        text-align: left;
        padding-left: 0px;
        font-weight: bold;
    }
}

.orange-button-big > span:before,
.orange-button-small > span:before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 25px;
    background: url('../bilder/fotoupload.png') no-repeat center center;
    background-size: 25px 25px;
    vertical-align: middle;
    margin-right: 8px;
    margin-bottom: 4px;
}

.orange-button-small > span:before {
    background: url('../bilder/checkout.png') no-repeat center center;
    background-size: 25px 25px;
    vertical-align: top;
    margin-bottom: 0;
    margin-top: 2px;
}

.progress{
    background: url('../bilder/bg-fileupload-options.gif') no-repeat left center;
    height: 25px;

}
/* Tab-Scroller */
.ui-widget {
    font-size: 1em !important;
}

.ui-tabs-nav {
    position:relative;
}

.ui-tabs .ui-tabs-nav-arrows {
    position:absolute;
    top:3px;
    right:1px;
    left:1px;
    margin:.1em;
    padding:0;
}

.ui-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-next {
    float:right;
}

.ui-tabs .ui-tabs-nav-arrows li {
    list-style:none;
    position:relative;
    cursor:pointer;
    z-index:1000;
    line-height:1;
    margin:0;
    padding:0;
}

.ui-tabs .ui-tabs-nav-arrows li a {
    display: block;
    padding: .7em .1em;
}

.ui-tabs .ui-tabs-nav-arrows .ui-tabs-arrow-previous {
    float:left;
}

.ui-tabs .ui-tabs-scroll-container {
    position:relative;
    height: 2.7em;
    overflow:hidden;
}

.ui-tabs .ui-tabs-nav-scrollable {
    position:absolute;
    left:0;
    right:0;
}

.ui-tabs .ui-tabs-nav-scrollable ul {
    position:relative;
    width:10000px;
}
/* ENDE */

#tabs.ui-widget-content { border: 0; }
#tabs .ui-widget-header { background: #fff !important; border-bottom: 1px solid #999 !important; }
#tabs .ui-tabs-panel { padding: 1em 0; }


.teaser { position: relative; margin: -20px -40px 0 -40px; height: 288px; }
.slider-nav { position: relative; margin: 0 -40px 0 -40px; height: 27px; }

#teaser-home {  }
#teaser-home-text { position: absolute; top: 50px; left: 45px; width: 400px; }
#teaser-home-text ul { margin-left: 30px; margin-top: 10px; font-size: 1.1em; line-height: 160%; }
#teaser-home-text li { background: url('../bilder/li-teaser.gif') no-repeat left 5px; padding-left: 18px; }

#button-neuanmelden { margin-left: 30px; margin-top: 18px; }
.button-neuanmelden { background: url('../bilder/button-jetztneuanmelden.gif') no-repeat left top; display: block; cursor: pointer; width: 145px !important; height: 22px; }
.button-neuanmelden:hover { background-position: left -22px !important; }

#slider-nav { background: #3973b0 url('../bilder/bg-thead.gif') no-repeat center 0; font-weight: bold; color: #FFF; }
#slider-nav ul { height: 27px; padding-left: 25px; }
#slider-nav li { background: none; display: inline; padding: 0 !important; }
#slider-nav a { float: left; display: block; background: url('../bilder/li-slider-nav.gif') repeat-x left 0; height: 23px; padding: 4px 26px 0 26px; color: #ffffff; }
#slider-nav a:hover { background-position: 0% -27px; text-decoration: none !important; }
#slider-nav li.current a { background-position: 0% -54px; text-decoration: none !important; cursor: default; }

* html #slider-nav ul { height: auto; }

#angebot { height: 160px; margin-bottom: 24px; }
#angebot .box-angebot { float: left; margin-right: 10px; width: 200px; height: 140px; background: url('../bilder/bg-box-angebot.gif') no-repeat top left; padding: 10px; }
#angebot .last { margin-right: 0; }
.box-angebot h4 { margin-bottom: 2px; }
.box-angebot h2, h2.prodinfo { padding: 0; margin-bottom: 3px; color: #663399; }
.box-angebot p { margin-bottom: 9px; }
.box-angebot a { text-decoration: underline; }

.minihinweis { color: #d00; }
.head_bestellen { height: 73px !important; }


/* Fototasse Editor */

#editarea { position: absolute; top: 53px; left: 128px; }
#editarea div.inner { position: absolute; top: 0px; left: 0px; overflow: hidden; }
#editarea div.inner div { position: absolute; cursor: move; }
#editarea div.inner div img { position: absolute; cursor: move; }

#editarea .ui-state-disabled, #editarea .ui-widget-content .ui-state-disabled, #editarea .ui-widget-header .ui-state-disabled {
  opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=100); /* IE lt 8 */ -ms-filter: "alpha(opacity=100)"; /* IE 8 */ -khtml-opacity: 1; /* Safari 1.x */ -moz-opacity: 1; /* FF lt 1.5, Netscape */
}

#editPanel, #viewPanel { position: absolute; top: 360px; left: 25px; width: 752px; height: 40px; text-align: left; }

#frame1 { position: absolute; top: 80px; left: 0px; width: 800px; height: 420px; background: url('../bilder/montageflaeche-tasse.jpg') no-repeat -55px -80px; }
#frame2 { position: absolute; top: 80px; left: 0px; width: 800px; height: 420px; }

/* Produktspezifische Editorhintergrundbilder */

#frame1.product-ET { position: absolute; top: 80px; left: 0px; width: 800px; height: 420px; background: url('../bilder/montageflaeche-espressotasse.jpg') no-repeat -55px -80px; }
#frame1.product-ET #editarea { top: 79px; left: 107px; }

/*
#frame1.product-ET { position: absolute; top: 80px; left: 0px; width: 800px; height: 420px; background: url('../bilder/montageflaeche-espressotasse-03-2020.jpg') no-repeat -55px -80px; }
#frame1.product-ET #editarea { top: 127px; left: 107px; }
*/
#frame1.product-CT { position: absolute; top: 80px; left: 0px; width: 800px; height: 420px; background: url('../bilder/montageflaeche-cappuccinotasse.jpg') no-repeat -40px -55px; background-size: 880px 462px; }
#frame1.product-CT #editarea { top: 80px; left: 144px; }

#modeswitch { position: absolute; top: 30px; left: 25px; width: 752px; height: 60px; text-align: left; }

#viewarea { position: absolute; top: 23px; left: 25px; width: 752px; height: 335px; background: #fff; }
#viewarea #slider-container { position: absolute; top: 10px; left: 216px; width: 320px; z-index: 2; }
#viewarea #slider { position: absolute; top: 270px; left: 0px; width: 320px; }

#editInfo, #viewInfo { position: absolute; top: -10px; left: 350px; width: 400px; height: 50px; display: none; }
#editInfo { display: block; }

/* SUBPAGES */

#prices table { margin-bottom: 30px; width: 100%; }
#prices table thead td { /*background: url('../bilder/bg-thead.gif') no-repeat center 0;*/ font-weight: bold; color: #000; }
#prices table thead td.td-1st { background-position: 0 0; }
#prices table thead td.td-5th { background-position: 100% 0; }

#prices table tr.alt { background: /*#e1e5e8*/#edeff1; }
div.infopanel table tr.alt { background: #FFF; }
#prices table td { vertical-align: top; /* border-bottom: 1px solid #C3C5C7; */ padding: 8px 5px; }
#prices table td.td-1st { width: 25% }
#prices table td.td-2nd { width: 20% }
#prices table td.td-3rd { width: 12% }
#prices table td.td-4th { text-align: right; width: 20%; }
#prices table td.td-5th { text-align: right; width: 20%; }

#prices table td span.nowrap { white-space: nowrap; }
#prices table td span.aktion { background: #d00; color: #fff; padding: 0 3px; margin-right: 6px; display: inline-block; font-weight: bold;}
#prices table td span.aktion > span { background: transparent; color: rgba(255,255,255, 0.7); padding: 0; }
#prices table td span.nowrap b { color: #a00; }

#prices table thead td { height: 100px; vertical-align: bottom; }
#prices table thead td.ft { background: url('../bilder/preisliste-fototasse.jpg') no-repeat top right; }
#prices table thead td.zt { background: url('../bilder/preisliste-zaubertasse.jpg') no-repeat top right; }
#prices table thead td.et { background: url('../bilder/preisliste-espressotasse.jpg') no-repeat top right; }
#prices table thead td.ct { background: url('../bilder/preisliste-cappuccinotasse.jpg') no-repeat top right; }
#prices table td.td-4th { padding-right: 12px; }

@media only screen and (max-width: 480px) {
  #prices table td span { display: none; }
  #prices table td.td-1st { width: 16%; }
  #prices table td.td-4th { width: 28%; }
  #prices table thead td.ft,
  #prices table thead td.zt,
  #prices table thead td.et { background-size: contain; background-position: top center; }
  #prices table td span.nowrap { display: block; }
}

@media only screen and (max-width: 540px) {
  #prices table td span.aktion { padding: 2px; font-size: 11px; }
  #prices table td span.aktion > span { display: none; }
}

/* für BubblePopup */
.bubble table { margin: 0 !important; width: 200px; }
.bubble table td {  border-width: 0 !important; padding: 0 !important; text-align: center !important; }

table.flat td { border: none !important; }

thead sup { color: #C3C5C7 !important; }

table select { margin: 0 !important; }

.content-box { overflow: hidden; background-repeat: no-repeat; background-position: left top; border-bottom: 1px solid #C3C5C7; /*min-height: 120px; height: auto !important; height: 120px;*/ margin-bottom: 12px; padding: 12px 0 1px 0; display: block; }
.content-box h3, .content-box p { margin-bottom: 0.5em; }

.content-box .box-icon { float: left; width: 120px; }
.content-box .box-text { float: left; /*width: 550px;*/ padding-bottom: 12px; }

.adressliste img { margin: 0px !important; }
.adressliste table { margin-bottom: 9px !important; background: none !important; }
.adressliste table td { padding: 6px 0px 4px 0px; }
.adressliste input { border: 0 none !important; width: auto; margin: 0; padding: 0; }

div.product-info { margin-top: 12px; margin-bottom: 40px; }
div.product-info ul.details { overflow: hidden; /* border-top: 1px solid #d8dde1;  */margin-bottom: 18px; }
div.product-info ul.details li { background: transparent url('../bilder/li-colored.gif') no-repeat scroll left center; /* border-bottom: 1px solid #d8dde1;  */padding: 3px 0 3px 14px; }


/*  F O O T E R
------------------------------------------------------------------------------------ */

#footer { position: relative; font: normal 0.8em/150% Arial, Helvetica, sans-serif; text-align: left; color: #adb1b7; width: 920px; margin: 18px auto 24px; }
#footer .inner { padding: 12px 10px 0 20px; }

@media only screen and (max-width: 920px) {
  #footer { width: auto; font-size: 0.9em; }
}
@media only screen and (max-width: 480px) {
  #footer { font-size: 1em; }
}

#prices #footer table { margin: 0; }
#prices #footer table td { vertical-align: top; border-bottom: 0; padding: 0; }

#footer .right { text-align: right; }
#footer .right a { margin-left: 10px; }

.footnote { color: #adb1b7; border-top: 1px solid #C3C5C7; text-align: center; margin: 10px 0; padding-top: 12px; }
.footnote p { margin: 0; }

.footblock { width: 190px; float: left; margin-right: 20px; }
#footer .last { width: 170px; margin-right: 0; text-align: right; }
#footer .last img { margin-bottom: 0; }

.wide { width: 260px; }

#footer a:link, #footer a:visited { color: #adb1b7; text-decoration: none; outline: 0; }
#footer a:hover, #footer a:active { color: #adb1b7; text-decoration: underline; outline: 0; }

#payment { position: relative; width: 100%; height: 60px; clear: left; margin-top: 20px; margin-bottom: 20px; }
#payment .inner { width: auto; margin: 10px auto; border-top: 1px solid #C3C5C7; padding-top: 11px; font-size: 1em; line-height: 150%; font-weight: normal; color: #adb1b7; text-align: center; }
#payment img { margin: 0; display: inline; margin-right: 20px; vertical-align: middle; }
#payment img#paypal { margin-top: 0; }
#payment span { display: inline; margin-right: 20px; font-weight: bold; font-size: 18px; vertical-align: middle; }
#payment a:hover { text-decoration: none; }

@media only screen and (max-width: 920px) {
  .footblock, #footer .last { width: 48%; margin-right: 1%; margin-left: 1%; text-align: left; margin-bottom: 1em; }
  #payment { position: static; margin: 10px 20px; width: auto; height: auto; clear: left; top: auto; }
  #payment img { margin-bottom: 10px; }
  #payment span { padding-bottom: 10px; }
  .footnote br { display: none; }

}

@media only screen and (max-width: 480px) {
  .footblock, #footer .last { width: 100%; margin: 0; text-align: center; line-height: 1.8; }
  #footer .last { margin-top: 1em; }
}

#ratings { position: absolute; width: 77%; height: 100px; clear: left; margin-top: 20px; margin-bottom: 20px; top:60px; }
#ratings .inner { width: auto; margin: 10px auto; border-top: 1px solid #C3C5C7; padding-top: 11px; font-size: 1em; line-height: 150%; font-weight: normal; color: #adb1b7; text-align: center; }
#ratings img { margin: 0; display: inline; margin-right: 20px; vertical-align: middle; }
#ratings span { display: inline; margin-right: 20px; font-weight: bold; font-size: 18px; vertical-align: middle; }

p.partners { color: #737577; border-top: 1px dotted #939597; padding: 12px 21px 0; }
p.partners a { color: #939597 !important; }


#zielland { position:relative; top: 15px; float: right; }
#zielland label { width: 260px; }
#prices #zielland { top: 0; }

body#cart #mycupform { clear: both; }

@media only screen and (max-width: 768px) {
  #zielland { position: static; top: auto; float: none; }
  #zielland label { width: auto; margin-right: 0.5em; }
}

/*  P O P O V E R
------------------------------------------------------------------------------------ */

.swlFlyout { position: absolute; left: 0; right: 0; top: 0; z-index: 7001; display: none; padding: 0; margin: 0 auto; min-width: 200px; max-width: 500px; border: 1px solid #aaa; background-color: #fff; font-family: Arial, sans-serif; font-size: 12px; font-weight: normal; line-height: 16px; -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, .2); box-shadow: 0 5px 10px rgba(0, 0, 0, .2); }
.swlFlyout > .arrow, .swlFlyout > .arrow:after { position: absolute; display: block; width: 0; height: 0; border-color: transparent; border-style: solid; }
.swlFlyout > .arrow { border-width: 11px; }
.swlFlyout > .arrow:after { content: ""; border-width: 10px; }
.swlFlyout.top { margin-bottom: 10px; }
.swlFlyout.top > .arrow { bottom: -11px; left: 50%; margin-left: -11px; border-top-color: #aaa; border-bottom-width: 0; }
.swlFlyout.top > .arrow:after { bottom: 1px; margin-left: -10px; border-top-color: #fff; border-bottom-width: 0; }
.swlFlyout.right { margin-left: 10px; }
.swlFlyout.right > .arrow { left: -11px; top: 50%; margin-top: -11px; border-right-color: #aaa; border-left-width: 0; }
.swlFlyout.right > .arrow:after { left: 1px; margin-top: -10px; border-right-color: #fff; border-left-width: 0; }
.swlFlyout.bottom { margin-top: 10px; }
.swlFlyout.bottom > .arrow { top: -11px; left: 50%; margin-left: -11px; border-bottom-color: #aaa; border-top-width: 0; }
.swlFlyout.bottom> .arrow:after { top: 1px; margin-left: -10px; border-bottom-color: #fff; border-top-width: 0; }
.swlFlyout.left { margin-right: 10px; }
.swlFlyout.left > .arrow { right: -11px; top: 50%; margin-top: -11px; border-left-color: #aaa; border-right-width: 0; }
.swlFlyout.left > .arrow:after { right: 1px; margin-top: -10px; border-left-color: #fff; border-right-width: 0; }
.swlFlyout_title { padding: 8px 12px; margin: 0; font-weight: bold; background-color: #f0f0f0; border-bottom: 1px solid #e0e0e0; }
.swlFlyout_content { padding: 10px 12px; margin: 0; text-align: center; }


/*  M O D A L
------------------------------------------------------------------------------------ */

.modal { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 20; padding: 30px; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; visibility: hidden; transition: visibility 0s linear 0.1s, opacity 0.3s ease; }
.modal.open { visibility: visible; opacity: 1; transition-delay: 0s; }
.modal__overlay { position: fixed; top: 0; left: 0; bottom: 0; right: 0; z-index: 21; background-color: rgba(0,0,0,0.6); }
.modal__close { position: absolute; top: 2px; right: 2px; border: none; outline: none; background: none; font-size: 24px; color: #747474; font-weight: bold; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; }
.modal__close:hover { color: #000; }
.modal__container { position: relative; z-index: 22; width: 600px; height: 600px; max-width: 90%; top: 10%; transform: translateY(-10%); margin: 0 auto; padding: 30px; background-color: #fff; text-align: center; font: normal 0.75em/160% Arial, Helvetica, sans-serif; box-sizing: border-box; }

.modal.open .modal__container { -webkit-animation: slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both; animation: slide-in-top .5s cubic-bezier(.25,.46,.45,.94) both }
/*.modal.open .modal__container {-webkit-animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) both;animation:flip-in-hor-bottom .5s cubic-bezier(.25,.46,.45,.94) both}*/

@-webkit-keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}@keyframes slide-in-top{0%{-webkit-transform:translateY(-1000px);transform:translateY(-1000px);opacity:0}100%{-webkit-transform:translateY(0);transform:translateY(0);opacity:1}}
@-webkit-keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}@keyframes flip-in-hor-bottom{0%{-webkit-transform:rotateX(80deg);transform:rotateX(80deg);opacity:0}100%{-webkit-transform:rotateX(0);transform:rotateX(0);opacity:1}}

.modal__container h2 { font: normal 3.0em/1.4 Arial, Helvetica, sans-serif; color: #d00; text-align: center;  }
.modal__container p { font: normal 1.6em/1.4 Arial, Helvetica, sans-serif; text-align: center;  }
.modal__container p span { display: inline-block; padding: 10px 20px; background: rgba(255, 255, 255, .5); margin: 10px; color: #d00; font-weight: bold; font-size: 1.2em; letter-spacing: 1px; }


/*  D R U C K V O R S C H A U
------------------------------------------------------------------------------------ */

#preview-wrapper { border-top: 1px solid #C3C5C7; margin-bottom: 1em; padding-top: 18px; }
#preview-wrapper div { float: left; width: 180px; min-height: 340px; height: auto !important; height: 340px; border: 1px solid #C3C5C7; margin: 0 7px 0 0; padding: 10px 0; }
#preview-wrapper div.selected { background: #ffffd5; }
#preview-wrapper div.last { margin: 0; }
#preview-wrapper div label { margin: 0 0 1em 10px; }
#preview-wrapper div p { margin: 0 10px 0.5em; }

/* Socialbar */
.socialbar img {  width:30px; height:30px;  border:0px; margin-left: 5px;}
.socialbar a { font-size:0px  !important; width:30px;}





/*  E N D   S T Y L E S . C S S
------------------------------------------------------------------------------------ */
#overlay
{
  background-color: rgba(255, 255, 255, .7);
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    width: 66px;
    height: 66px;
    text-align: center;
    padding: 20px;
    line-height: 14px;
    background-color: #9BA9B4;
    color: black;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -50px;
    margin-top: -50px;
    z-index:99999;
    /*background: #9BA9B4 url('../bilder/ajax-loader_9BA9B4.gif') no-repeat right 20px bottom 20px;*/

}

.bodyoverlay
{
    background-color:#fff;
    opacity:0.2;
    z-index:1000;

}

#ts_vertical .skyscraper_vertical {
    width: 100% !important;
    height: 100% !important;

    background-color:#fff !important;
}

.ts-reviews li, .skyscraper_horizontal  {
    background:#f7f9fd !important;

}
.ts-review-avatar{
   height: 30px !important;
}
#ts_vertical .ts-reviews li,#ts_vertical .ts-reviews ul, #ts_vertical .ts-reviews-list  {
    width:200px !important;
    background:#fff !important;

}
#ts_vertical .ts-review{
    width:180px !important;
}
#ts_vertical .ts-wrapper ,#ts_vertical .ts-reviews-list{
    height: 90% !important;
}

#TsCustomCheckoutDiv{
    margin-bottom: 20px;
}
.ts-title{
    display:none;
}

#MyCustomTrustbadge{
    position: absolute;
    right: 0;
    margin: 12px 12px 0px 0px;
    z-index: 1;
    height:90px;

}
#minimized-trustbadge-98e3dadd90eb493088abdc5597a70810{
border: 0px !important;
}
#maximized-trustbadge-98e3dadd90eb493088abdc5597a70810{
  position: relative !important;
}