@import 'cms.css';
@import 'menu.css';
@import 'calendar.css';
@import url("opos.css");
/* Allgemeine Einstellungen - HTML Elemente */
html, body                        { color: #49556a; font-size: 11px; font-family: Tahoma; line-height: 1.5em; margin: 0; padding: 0; height: 100% }
input, textarea, select, option                    { color: #49556a !important; font-size: 11px; font-family: Tahoma; line-height: 1em; text-decoration: none; margin: 0; padding: 0; border-color:  }
table, td, p     { color: #49556a; font-size: 11px; font-family: Tahoma; line-height: 1.5em; margin: 0; padding: 0 }
body       { color: #49556a; font-size: 11px; font-family: Tahoma; margin: 0; padding: 0; width: 100%; height: 100% }
a            { color: #49556a; font-size: 11px; font-family: Tahoma; font-weight: bold; text-decoration: none }
a:hover             { color: #49556a; font-size: 11px; font-family: Tahoma; font-weight: bold; text-decoration: underline }

/* Shop */
#shopwrapper        { background-image: url(../de/images/bg-context.gif); background-repeat: repeat-x; background-position: left bottom; padding-bottom: 50px }
#shop     { background-image: url(../de/images/background-shop.jpg); background-repeat: no-repeat; background-position: left top; width: 976px; height: 770px }
#shop #shopheader     { width: 976px; height: 95px }
#shop #shopheader #shoplogo    { margin-left: 23px; float: left }
#shop #shopheader #shopmenu { float:right;}
#shop #shopcontent        { margin-top: 60px; height: 600px; border-style: none solid; border-width: 1px; border-color: #fff }
#shoppage   { padding: 10px 20px 20px 245px; border-style: none solid; border-width: 1px; border-color: #fff }
/* Allgemeine & Kundenspezifische Klassen*/
.clear {clear: both; margin: 0;padding:0;}
.bg-left-o { background-image: url("../de/images/bg-left-o.gif"); background-repeat: no-repeat; background-position: right top }
.bg-left { background-image: url("../de/images/bg-left.gif"); background-repeat: repeat-y; background-position: right top }
.bg-left-u   { background-image: url("../de/images/bg-left-u.gif"); background-repeat: no-repeat; background-position: right bottom }

.bg-right-o { background-image: url("../de/images/bg-right-o.gif"); background-repeat: no-repeat; background-position: left top }
.bg-right { background-image: url("../de/images/bg-right.gif"); background-repeat: repeat-y; background-position: left top }
.bg-right-u   { background-image: url("../de/images/bg-right-u.gif"); background-repeat: no-repeat; background-position: left bottom; height: 435px }
.bg-content { background-image: url("../de/images/bg-context.gif"); background-repeat: repeat-x; background-position: left bottom }
.bg-fusszeile-left { background-image: url("../de/images/fusszeile01.gif"); background-repeat: no-repeat; background-position: right top }
.bg-fusszeile-right { background-image: url("../de/images/fusszeile05.gif"); background-repeat: no-repeat; background-position: left top }
/* Packageticker */
.packageticker                          { background-color: #eeeff0; background-image: url(../de/images/bg-packageticker.gif); background-repeat: repeat-x; background-position: left bottom; margin: 0; padding: 0; width: 180px; height: 324px; clear: both; border-bottom: medium none #cbced1 }
.packageticker .packagetab           { background-color: #fff; height: 28px }
.packageticker .packagetab a             { color: #49556a; font-size: 12px; font-family: "Trebuchet MS"; font-weight: bold; line-height: 120%; text-decoration: none; background-color: #eeeff0; text-transform: uppercase; display: block; padding: 6px 5px 8px; float: left; overflow: hidden; vertical-align: middle }
.packageticker .packagetab a:hover     { color: #49556a; font-size: 13px; text-decoration: none }
.packageticker .packagelist              { margin-top: 5px; margin-right: 5px; margin-left: 5px; clear: both }
.packageticker .packagelink      { background-repeat: no-repeat; background-position: left top; position: absolute; z-index: 4000; width: 170px; height: 230px }
.packageticker .packagedetail                           { background-repeat: repeat-x; background-position: left top; text-align: left; margin: 0; padding: 1px 0 0; width: 170px; clear: both }
.packageticker .packagedetail .buttons             { display: block; padding-top: 5px; padding-bottom: 20px }
.packageticker .packagedetail  #buttonup         { margin: 0; padding: 0 1px 0 0; float: left }
.packageticker .packagedetail  #buttondown      { margin: 0; padding-left: 1px; float: left }
.packageticker .packageslider ul, #packageslider li{margin:0;padding:0;list-style:none;}
.packageticker .packageslider li                    { background-repeat: no-repeat; background-position: 1px top; width: 170px; height: 240px; overflow: hidden }
.packageticker .packageslider .packagebox              { margin-bottom: 5px; padding: 0; height: 200px; overflow: hidden }
.packageticker .packageslider .packagebox .info   { margin-bottom: 5px }
.packageticker .packageslider .packagebox .titel { color: #000; font-weight: bold; text-decoration: none; display: block; padding-bottom: 5px }
.packageticker .packageslider .packagebox  .image    { margin-bottom: 5px; float: left }
.packageticker .packageslider .packagebox .preisbutton   { margin-left: 10px; float: left }
.packageticker .packageslider .packagebox .preisbutton .eur          { color: #e2001a; font-size: 12px; font-weight: normal; text-decoration: none; text-align: center; margin-top: 4px; width: 60px }
.packageticker .packageslider .packagebox .preisbutton .preis       { color: #e2001a; font-size: 16px; font-weight: bold; text-decoration: none; text-align: center; width: 60px }
.packageticker .packageslider .packagebox .preisbutton .preiszusatz           { font-size: 8px; text-align: center; width: 60px; height: 18px; overflow: hidden }
.packageticker .packageslider .packagebox  .leistung         { color: #888; font-size: 11px; background-image: url(../de/images/plus.gif); background-repeat: no-repeat; background-position: left 6px; padding-left: 10px }
.packageticker .link_button   { margin-top: 5px; float: right }
.packageticker .link_button a          { background-color: #d2d5da; background-image: url("../de/images/point.gif"); background-repeat: no-repeat; background-position: 5px 9px; display: block; margin-right: 5px; padding: 2px 8px 3px 18px; float: left }
.packageticker .link_button a:hover    { color: #fff; text-decoration: none; background-color: #49556a; background-image: url("../de/images/point-white.gif") }