/*  HALLER+JENZER WEBPRINT  * * *
*                               *
*   © 2010 netstyle.ch          *
*   info (at) netstyle . ch     *
*                               *
* * * * * * * * * * * * * * * * */
/* @group  G L O B A L
*/
/* GENERAL */
* {
  margin: 0;
  padding: 0;
  border: 0px solid #fff;
  background-repeat: no-repeat;
  background-position: center 0;
}
a {
  color: #0d5787;
  text-decoration: none;
}
a:active {
  outline: none;
}
select {
  border: 1px solid #999;
}
.blue {
  color: #0d5787;
}
/* LAYOUT */
html,
body {
  color: #777;
  font-size: 11px;
  line-height: 1.3em;
  text-rendering: optimizeLegibility;
  font-family: "Verdana", Arial, sans-serif;
}
body {
  background-color: #0d5787;
  background-image: url(/images/layout/body.jpg);
}
#desk {
  width: 862px;
  margin: 0 auto;
  min-height: 300px;
  position: relative;
}
#home {
  float: left;
  margin-top: 35px;
}
/* WEBDRUCK:CH */
div.webdruckheader {
  float: left;
  width: 862px;
  height: 73px;
}
#printportal {
  right: 0;
  top: 53px;
  color: #fff;
  position: absolute;
}
h1.headimage {
  float: left;
  height: 29px;
  width: 510px;
  display: block;
  margin-top: 35px;
}
h1 img {
  width: 510px;
  height: 29px;
  display: block;
}
/* h1 */
#headDescription {
  color: #ccc;
  font-size: 16px;
  line-height: 19px; /* = menucategory */
  font-weight: normal;
  margin: 35px 0 0 14px; /* 36 because of smaller font that menucategory */
  font-family: arial, sans-serif;
}
#headText {
  color: #b6c932;
  font-size: 16px;
  margin-left: 14px;
  line-height: 19px;
  font-family: arial, sans-serif;
}
#balken {
  top: 400px;
  left: -110px;
  width: 110px;
  height: 120px;
  position: absolute;
}
#balken span {
  float: left;
  height: 22px;
  width: 110px;
  margin-bottom: 18px;
  background-color: #154775;
}
#balken #login {
  width: 110px;
  display: block;
  cursor: default;
  line-height: 22px;
  text-indent: -9000px;
}
#updater {
  display: none;
}
div.side #selectedNode {
  float: left;
  min-height: 355px;
}
div.side #selectedNode div.welcome p {
  float: left;
  width: 242px;
}
/* STOP */
.stop {
  clear: both;
}
/* @end */
/* @group   H E A D
*/
/* HEAD */
#header {
  float: left;
  height: 80px;
  width: 862px;
  margin-bottom: 5px;
  background-color: #fff;
  border-radius: 1px 1px 0 0;
}
#header .headText {
  color: #b6c932;
}
/* Progress (numbers top left) */
#progress {
  float: left;
  font-size: 19px;
  line-height: 27px;
  margin-left: 14px;
  position: absolute; /* h1 alignment with mainnavigation */
  font-family: arial, sans-serif;
}
#progress > li {
  float: left;
  width: 26px;
  color: #b6c932;
  list-style: none; /* obsolete, is in reset, copy to have same code in 2 css files */
  margin-right: 4px;
  text-align: center;
}
#progress > .active {
  color: #fff;
  background: #b6c932;
}
p.headText,
h2.headText {
  float: left;
  font-size: 16px;
  margin-top: 10px;
  margin-left: 20px;
}
/* LOGO */
#logo {
  float: right;
  width: 213px;
  height: 42px;
  margin-right: 24px;
  background-image: url(/images/layout/hallerjenzer.gif);
}
/* @end */
/* @group  P A G E
*/
/* PAGE */
div.page {
  float: left;
  width: 862px;
  /*min-height: 600px;*/
  background-repeat: repeat-y;
  background-image: url(/images/layout/page.gif);
}
div.content {
  float: left;
  width: 574px;
  padding-top: 34px; /* replace h2 */
}
div.side {
  float: right;
  width: 242px;
  margin: 10px 20px 0;
}
/* MAP */
.side .map,
.concept {
  width: 283px;
  margin: 0 -21px; /* falsche Verschachtelung */
  padding: 20px 0;
}
.side .map {
  float: left;
  padding-bottom: 10px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.side .map p {
  padding: 0 20px;
}
.side .map a {
  float: left;
  padding: 12px 20px 0 111px;
}
/* Concept & Infobox*/
.concept,
.infobox {
  color: #fff;
  width: 243px;
  font-size: 16px;
  line-height: 20px;
  padding: 20px 20px 40px;
  font-family: Arial, Helvetica, sans-serif;
  background: #afcb04 url(/images/layout/kernbotschaften.png) repeat-x 0 bottom;
}
.concept {
  margin-top: 130px;
}
.infobox {
  left: -21px;
  float: left;
  position: relative;
  padding-bottom: 24px; /*optisch gleich wegen fade-out */
  letter-spacing: .01em;
}
.infobox a {
  color: #fff;
  display: block;
  font-size: 12px;
  font-weight: bold;
  padding-top: 3px;
  font-family: Verdana, Arial, sans-serif;
}
.side .newsletter {
  float: left;
  width: 283px;
  margin: 0 -21px;
  padding: 20px 0 10px;
  border-bottom: 1px solid #ccc;
}
.side .newsletter h3,
.side .newsletter p,
.side .newsletter .static-arrow {
  margin: 0 20px;
}
.side > h3 {
  margin-top: 10px;
}
.side .newsletter h3 {
  font-size: 1.2em;
  margin-bottom: 0;
}
.newsletter .static-arrow a {
  color: #777;
  font-weight: bold;
}
.newsletter img {
  float: right;
}
.side input.text {
  float: left;
  width: 112px;
  height: 18px;
  margin-right: 10px;
  border: 1px solid #ccc;
}
/* @end */
/* @group  C O N T E N T */
/* CONTENT */
a.item,
div.item {
  color: #777;
  float: left;
  width: 260px;
  min-height: 70px;
  margin: 0 0 10px 20px;
  font-family: "Verdana", Arial, sans-serif;
}
a.item {
  -o-transition: color .218s;
  -moz-transition: color .218s;
  -webkit-transition: color .218s;
  transition: color .218s;
}
a.item > img {
  float: left;
  width: 85px;
  -o-transition: opacity .218s;
  -moz-transition: opacity .218s;
  -webkit-transition: opacity .218s;
  transition: opacity .218s;
}
a.item:hover,
a.item:focus {
  color: #0d5786;
}
a.item:hover > img,
a.item:focus > img {
  opacity: .7;
}
a.item strong {
  float: left;
  width: 170px;
  margin-top: 9px;
  font-weight: bold;
  font-family: "Verdana", Arial, sans-serif;
}
/* TITLES*/
h2 {
  float: left;
  color: #777;
  width: 534px;
  font-size: 11px;
  font-weight: bold;
  margin: 10px 20px 10px;
  font-family: "Verdana", Arial, sans-serif;
}
.faq h2,
.agb h2 {
  margin-left: 0;
}
h2.headText {
  font-weight: normal;
}
h4 {
  float: left;
  width: 243px;
  font-size: 15px;
  font-weight: normal;
}
hr {
  float: left;
  height: 2px;
  width: 574px;
  margin: 5px 0;
  background-color: #999;
}
/* @end */
/* @group  P R O D U K T K A T A L O G
*/
div.selectboxes {
  float: left;
  width: 534px;
  margin: 10px 20px;
}
div.selectbox {
  float: left;
  width: 320px;
  margin-bottom: 20px;
}
div.selectbox span {
  float: left;
  color: #777;
}
div.selectbox div.static-arrow {
  clear: none;
  float: right;
  position: relative;
}
div.selectbox select {
  width: 320px;
  margin-bottom: 10px;
}
div.selectboxinfo {
  top: 20px;
  left: -120px;
  padding: 5px;
  width: 300px;
  text-indent: 0;
  position: absolute;
  border: 1px solid #777;
  background: url(/images/layout/selectboxinfo.gif) repeat-x 0 bottom;
z-index: 5000;
}
.auflage .selectboxinfo {
  font-weight: normal;
}
div.selectboxinfo h2 {
  margin: 0;
  float: left;
  width: 100%;
}
.selectboxinfoholder {
  overflow: hidden;
}
.speciesnavi div.selectboxinfo {
  top: -90px;
  left: 110px;
  width: 240px;
  margin-right: -2000px;
}
div.readytoprint div.selectboxinfo {
  left: 20px;
}
/* PANTONE FARBEN */
div.additionalAttributes {
  float: left;
  width: 320px;
  margin: 5px 0;
  margin-left: 20px;
}
div.attribute {
  float: left;
  width: 320px;
}
div.additionalAttributes input {
  float: left;
  width: 311px;
  padding: 0 3px;
  line-height: 16px;
  border: 1px solid #999;
}
div.edit {
  clear: both;
}
div.content div.editadd {
  float: left;
  margin: 10px 20px;
}
/* DIVERSES */
div.product {
  margin-bottom: 10px;
}
div.auflage {
  clear: left;
  float: left;
  margin-top: 5px;
  font-weight: bold;
}
div.auflage span {
  float: left;
  width: 243px;
}
div.auflage select {
  width: 80px;
  float: left;
  margin-right: 10px;
  border: 1px solid #999;
}
div.auflage input.text {
  width: 120px;
  margin-right: 5px;
  border: 1px solid #999 !important;
}
.auflage div.static-arrow {
  clear: none;
  float: left;
  position: relative;
}
.auflage a.static-arrow {
  color: #777;
  font-weight: 400;
}
.auflage .selectboxinfoholder {
  top: -79px;
  float: left;
  width: 200px;
  right: -210px;
  position: absolute;
  overflow: visible;
}
#customAmountFormId .blue {
  margin: 9px 0 6px;
}
#priceUpdate {
  clear: both;
  margin: 10px 0;
}
div.facture p.price {
  color: #0D5787;
  font-weight: bold;
}
div.facture table {
  width: 100%;
  margin: 10px 0;
}
div.facture table {
  border-collapse: collapse;
}
div.facture table tr {
  line-height: 20px;
}
div.facture table tbody tr.bottomline td {
  font-weight: 600;
  border-top: 1px solid #999;
}
div.facture table tbody tr.topline td {
  font-weight: 600;
  border-bottom: 1px solid #999;
}
div.facture table td.alignright {
  text-align: right;
}
#promotionDiscount {
  color: #c63;
  font-weight: bold;
}
#promotionNotApplicable {
  color: #c63;
  padding: 4px 0 8px;
  line-height: 1.2em;
}
/* UPLAOD */
#upload-background {
  float: left;
  width: 120px;
  height: 21px;
  cursor: pointer;
  margin-left: 20px;
  text-align: center;
  position: relative;
  background-image: url(/images/buttons/button120.gif);
}
#upload-background span {
  line-height: 21px;
}
#upload-background object.swfupload {
  top: 0px;
  left: 0px;
  position: absolute;
}
#upload_progress_container {
  top: 250px;
  left: 150px;
  width: 500px;
  height: 80px;
  position: absolute;
  background-color: #0d5787;
  background-repeat: no-repeat;
  background-position: -410px -350px;
  background-image: url(/images/layout/body.jpg);
  z-index: 999
}
.side #upload_progress_container {
  left: -500px;
}
#upload_progress_container a {
  width: 20px;
  float: right;
  height: 20px;
  background-repeat: no-repeat;
  background-image: url(/images/buttons/cancel.gif);
}
#upload_progress {
  color: #fff;
  margin: 0 10px;
  text-transform: uppercase;
}
/* UPLOAD PROGRESS BAR */
.progressBarInProgress {
  height: 5px;
  display: block;
  background-color: white;
  z-index: 999;
}
.progressBarComplete {
  width: 100%;
  height: 5px;
  display: block;
  background-color: #fff;
  z-index: 999;
}
.progressBarBackground {
  height: 5px;
  width: 100%;
  display: block;
  margin-top: 10px;
  background-color: #003656;
}
/* JAVA/FLASH CHECK */
div.javacheck div.check,
div.flashcheck div.check {
  top: 200px;
  left: 150px;
  color: #fff;
  width: 460px;
  height: 40px;
  padding: 20px;
  position: absolute;
  background-color: #0d5787;
  background-repeat: no-repeat;
  background-position: -410px -350px;
  background-image: url(/images/layout/body.jpg);
  z-index: 999;
}
div.javacheck div.check a:hover,
div.flashcheck div.check a:hover,
#webprint_uploader div.javacheck div.check a:hover,
#webprint_uploader div.flashcheck div.check a:hover {
  color: #fff;
}
#webprint_uploader div.javacheck div.check a,
#webprint_uploader div.flashcheck div.check a {
  color: #B90B0B;
}
#webprint_uploader div.javacheck div.check,
#webprint_uploader div.flashcheck div.check {
  background-position: 0 0;
  background-color: #b90b0b;
  background-image: url(/images/layout/upload.gif);
}
/* @end */
/* @group  S I D E
*/
h3 {
  color: #777;
  font-size: 16px;
  font-weight: bold;
}
.side h3.ihreplz {
  font-size: 11px;
  font-weight: bold;
  font-family: Verdana, Arial, sans-serif;
}
div.side h3 {
  line-height: 1.2em;
  margin-bottom: 10px;
}
#bigPicture {
  left: -20px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
}
#bigPicture img {
  display: block;
  text-align: right;
}
/* WELCOME */
div.welcome p {
  width: 150px;
  margin-bottom: 20px;
}
div.welcome ul {
  margin-top: 20px;
}
div.welcome li {
  height: 22px;
  line-height: 20px;
  padding-left: 30px;
  list-style-type: none;
  background-repeat: no-repeat;
  background-position: top left;
}
div.welcome li.one {
  background-image: url(/images/buttons/one.gif);
}
div.welcome li.two {
  background-image: url(/images/buttons/two.gif);
}
div.welcome li.three {
  background-image: url(/images/buttons/three.gif);
}
div.welcome li.four {
  background-image: url(/images/buttons/four.gif);
}
div.welcome li.five {
  background-image: url(/images/buttons/five.gif);
}
/* KREDITKARTEN */
div.cards {
  float: right;
  right: 7px;
  bottom: 50px;
  width: 176px;
  padding: 0 0 38px 0;
  background-image: url(/images/buttons/cards.png);
}
div.bezahlen div.cards {
  margin-top: 10px;
  position: static;
  margin-bottom: 10px;
}
/* @end */
/* @group  F O O T E R
*/
/* FOOTER */
div.footer {
  float: left;
  width: 862px;
  padding-top: 10px;
  background-repeat: repeat-y;
  background-image: url(/images/layout/page.gif);
}
div.footer div.side,
div.footer div.content {
  height: 30px;
  margin-top: 10px;
}
div.footer div.pages {
  position: relative;
}
.pages .naviTitle {
  top: -20px;
  left: 48%;
  position: absolute;
}
div.footer div.progress {
  left: 29px;
  height: 30px;
  margin: 0 auto; /* hacks */
  position: relative;
}
div.footer div.pages div.progress div {
  float: left;
  width: 14px;
  height: 17px;
}
div.footer div.pages div.progress div.mid a {
  background: #fff;
  line-height: 18px;
  border: 1px solid #e3e3e3;
}
div.footer div.pages div.progress div.active {
  top: -1px;
  width: 15px;
  height: 19px; /* compensate missing border */
  text-indent: 3px;
  line-height: 20px; /* compensate missing border */
  border: 1px solid #fff;
  position: relative;
}
div.footer div.pages div.progress div.mid,
div.footer div.pages div.progress div.active {
  color: #0D5787;
  font-weight: bold;
  text-align: center;
  padding-right: 9px;
  font-family: Arial, Helvetica, sans-serif;
  background: url(/images/buttons/mid.png) no-repeat right bottom;
}
div.footer div.pages div.progress div.mid a:hover {
  border-color: #005684;
}
div.footer div.pages div.progress div.mid a:hover,
div.footer div.pages div.progress div.active {
  color: #fff;
  background-color: #005684;
}
div.footer div.pages div.progress div.pre {
  padding-right: 7px;
  background-position: center 4px;
  background-image: url(/images/buttons/pre.gif);
}
div.footer div.pages div.progress div.nex {
  background-position: center 4px;
  background-image: url(/images/buttons/nex.gif);
}
div.footer div.pages div.progress a {
  width: 14px;
  color: #777;
  height: 17px;
  display: block;
}
/* @end */
/* @group  C O P Y R I G H T
*/
/* COPYRIGHT */
div.copyright {
  left: 0;
  float: left;
  color: #eee;
  bottom: -47px;
  font-size: 10px;
  line-height: 30px;
  position: absolute;
  padding-bottom: 20px;
}
/* @end */
/* @group  T R A I L E R
*/
/* TRAILER */
div.trailer {
  clear: both;
  width: 862px;
  height: 20px;
  font-size: 12px;
  line-height: 20px;
  text-align: right;
}
div.trailertop {
  width: auto;
  float: right;
  font-size: 12px;
  margin-top: 52px;
  font-weight: normal;
}
div.trailer a,
div.trailertop a,
div.trailer span,
div.trailertop span {
  color: #fff;
  margin: 0 2px;
}
div.trailer a.last {
  margin-right: 0;
}
div.trailertop a.active,
div.trailer a.active {
  font-weight: bold;
}
/* @end */
/* @group  B U T T O N S
*/
/* BUTTONS */
a.button,
input.button,
button.button {
  float: left;
  color: #333;
  height: 21px;
  cursor: pointer;
  font-size: 12px;
  line-height: 21px;
  text-align: center;
  font-weight: normal !important;
}
a.button:hover,
input.button:hover,
button.button:hover,
#upload-background span:hover {
  color: #497bae;
}
a.disabled,
a.disabled:hover {
  color: #999;
  cursor: auto;
}
/* BUTTON S = 65 */
a.buttonS {
  width: 65px;
  background-image: url(/images/buttons/button65.gif);
}
/* BUTTON M = 90 */
a.buttonM,
input.buttonM,
button.buttonM {
  width: 90px;
  background: transparent url(/images/layout/button90_transparent.png);
}
/* BUTTON L = 120 */
a.buttonL,
input.buttonL,
button.buttonL {
  float: right;
  width: 120px;
  background-image: url(/images/buttons/button120.gif);
}
/* BUTTON L = 140 */
a.buttonXL,
input.buttonXL {
  float: right;
  width: 140px;
  background-image: url(/images/buttons/button140.gif);
}
a.buttonXLLEFT,
input.buttonXLLEFT {
  margin-top: 15px;
  float: left;
  width: 140px;
  background-image: url(/images/buttons/button140.gif);
}
/* BUTTEN EINZELN */
div.content div.addcontent a.button {
  margin: 7px 0;
  margin-left: 15px;
}
div.content div.addcontent {
  float: right;
  height: 30px;
}
/* @end */
/* @group V O R S C H A U
*/
div.previewimage {
  float: left;
  text-align: center;
  position: relative;
}
div.previewarea {
  clear: both;
  margin: 18px;
  overflow: hidden;
  position: relative;
  text-align: center;
  border: 1px solid #333;
}
div.previewarea a:hover {
  border: 1px solid #333;
}
div.previewarea img {
  display: block;
}
div.addcontent {
  line-height: 35px;
}
.editortitle {
  float: left;
  color: #444;
  height: 20px;
  font-size: 16px;
  padding: 10px 20px 0;
  font-family: Arial, Helvetica, sans-serif;
}
div.editorfooter .button {
  left: 20px;
  position: absolute;
z-index: 100;
}
/* @end */
/* @group  E D I T
*/
/* EDIT */
div.editcategory {
  float: right;
  margin-top: -22px;
  margin-right: 14px;
}
/* @end */
/* @group  P A G E F L I P
*/
/* PAGEFLIP */
#fbMenu {
  margin-left: 251px;
}
.previewNaviSmall #fbMenu {
  margin-left: 279px;
}
#fbMenu a {
  float: left;
  width: 15px;
  height: 15px;
  margin-right: 5px;
  background: url(/images/buttons/fbMenu-a.png) no-repeat 0 0;
}
#fbMenu #fbForwardButton {
  margin-right: 21px;
}
#fbMenu #fbZoomButton {
  background-position: -45px 0;
}
#fbMenu #fbDownloadButton,
#fbMenu #fbManualDownloadButton {
  margin-right: 0;
  background-position: -30px 0;
}
#fbMenu #fbForwardButton {
  background-position: -15px 0;
}
/* @end */

/* @group  S I M P L E   P R E V I E W
*/
#simplePreview {
  margin-top: 55px;
  text-align: center;
}
/* @end */
/* @group  L I G H T B O X
*/
/* contactpersonsearch */
.contactpersonsearch {
  min-height: 80px;
  padding: 30px 70px;
  box-shadow: 0 15px 42px rgba(0,0,0,.3);
  background: #006e9f url(/images/layout/plzeingabe.jpg) no-repeat 0 0;
}
#lightbox.dialogLightbox {
  background: #006e9f url(/images/layout/plzeingabe.jpg) no-repeat 0 0;
}
.dialogLightbox h3,
.dialogLightbox form {
  font-size: 11px;
  line-height: 1.3em;
  padding: 20px 50px;
  font-family: Verdana, Arial, sans-serif;
}
.contactpersonsearch strong,
#lightbox.dialogLightbox h3 {
  color: #fff;
}
.contactpersonsearch form {
  margin-top: 10px;
}
#lightbox .contactpersonsearch .text,
#lightbox .login .text,
#lightbox .login .password {
  float: left;
  width: 210px;
  height: 18px;
  margin-right: 12px;
}
#lightbox .contactpersonsearch .text {
  width: 100px;
}
#lightbox .contactpersonsearch .button,
.dialogLightbox input {
  background: transparent url(/images/layout/button90_transparent.png);
}
.dialogLightbox input {
  width: 90px;
  height: 21px;
  line-height: 20px;
  margin: 5px 5px 0 0;
}
/* OVERLAY */
#overlay {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: absolute;
  background: url(/images/layout/over.png) repeat 0 0;
  z-index: 9998;
}
#lightbox {
  top: 10%;
  left: 50%;
  width: 900px;
  color: #444444;
  background: #ddd;
  border-radius: 2px;
  position: absolute;
z-index: 9999;
}
#lightbox {
  background: #fff;
  border: 1px solid gray;
}
#webprint_default .plzsearch,
#webprint_default .loginLightbox {
  width: 400px;
}
#lightbox.plzsearch,
#lightbox.loginLightbox,
#lightbox.dialogLightbox {
  width: 400px !important;
}
#lightbox table {
  width: 100%;
  padding: 5px;
}
#lightbox td {
  text-align: left;
  vertical-align: top;
  white-space: nowrap;
}
#lightbox th {
  text-align: left;
  vertical-align: top;
}
#lightbox input.text,
#lightbox input.password {
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid gray;
}
#lightbox select {
  width: 100%;
  border: 1px solid gray;
}
#lightbox  textarea {
  width: 100%;
  margin-bottom: 5px;
  border: 1px solid gray;
}
#lightbox div.button input {
  color: #333;
  margin: 2px;
  width: 120px;
  float: right;
  height: 21px;
  font-size: 12px;
  line-height: 20px;
  text-align: center;
  background-image: url(/images/buttons/button120.gif);
}
#lightbox table.report {
  padding: 0;
  width: 100%;
  background: #fff;
  border-spacing: 0;
  margin-bottom: 5px;
}
#lightbox table.report th {
  padding: 0;
}
#lightbox table.report tr td {
  padding: 5px;
  border: 1px solid #999;
}
#lightbox table.report thead {
  font-weight: 600;
}
div.readytoprint input.checkbox {
  float: left;
  margin-right: 5px;
}
div.readytoprint span {
  float: left;
}
div.readytoprint a {
  color: #0d5787;
  margin-left: 15px;
}
div.readytoprint div.comments {
  float: left;
  margin-top: 20px;
  padding-bottom: 30px;
}
div.readytoprint textarea {
  color: #333;
  width: 243px;
  height: 70px;
  margin-top: 5px;
  overflow-y: auto;
  border: 1px solid #999999;
}
div.readytoprint div.static-arrow {
  clear: none;
  float: left;
  margin-left: 5px;
}
div.readytoprint div.line {
 float: left;
 width: 243px;
 margin-top: .2em;
 position: relative;
}
/* @end */
/* @group  S H I P P I N G
*/
/* SHIPPING */
div.address div div {
  float: left;
  width: 100%;
  line-height: 1.3em;
}
div.address,
div.billingAddress,
div.shippingAddress,
div.chooseShipping {
  float: left;
  width: 257px;
  margin: 10px 20px;
}
div.shippingAddress {
  margin-left: 0;
}
div.billingAddress div.address,
div.shippingAddress div.address {
  margin: 0;
}
div.address strong,
div.bezahlen strong {
  color: #000;
  clear: both;
  margin-bottom: 10px;
}
div.address span {
  float: left;
  width: 100px;
  height: 16px;
  margin: 3px 0;
}
div.address input,
div.address select {
  float: right;
  height: 16px;
  width: 150px;
  margin: 2px 0;
  border: 1px solid #999;
}
div.address select {
  height: 18px;
  width: 152px;
}
div.addresscheckbox {
  float: left;
  width: 256px;
  margin-top: 15px;
}
div.addresscheckbox input {
  float: left;
  width: 20px;
}
div.addresscheckbox span {
  float: right;
  width: 150px;
}
div.addresscheckbox input.checkbox {
  float: left;
  margin-right: 4px;
}
div.chooseShipping {
  float: right;
  line-height: 20px;
  vertical-align: middle;
}
div.chooseShipping strong {
  float: left;
  width: 257px;
}
div.chooseShipping input.radio {
  float: left;
  display: block;
  margin: 5px 5px 0 0;
}
/* ANDREA NEW:: */
div.chooseShipping #chooseShipNo {
  float: left;
  width: 230px;
  display: block;
}
/* ANDREA END */
div.chooseShipping a span.arrow {
  margin-left: 0 !important;
  background-position: 5px 6px;
}
div.chooseShipping a:hover {
  color: #777;
}
/* VALIDATION */
div.validation {
  color: red;
  margin: 10px 20px 0;
}
div.address div.checkValidity input.fail {
  border: 1px solid red;
}
/* BEZAHLUNG */
div.bezahlen {
  float: left;
  width: 534px;
  margin: 10px 20px;
}
div.yellowpay a,
div.thankyou a {
  color: #333;
  width: 90px;
  display: block;
  line-height: 21px;
  text-align: center;
  background-image: url(/images/buttons/button90.gif);
}
div.thankyou a {
  width: 140px;
  font-size: 10px;
  background-image: url(/images/buttons/button140.gif);
}
div.yellowpay a:hover,
div.thankyou a:hover {
  color: #497bae;
}
div.thankyou {
  margin: 150px 20px 0;
}
div.thankyou p {
  margin: 15px 0 5px;
}
div.thankyou div.static-arrow {
  margin-top: 15px;
}
div.facebooklike {
	  margin: 50px 20px 0;
}
#login {
  color: #154775;
}
#login:focus {
  outline: none;
}
/* @end */
/* @group  S T A T I C
*/
div.static div.page,
div.static div.footer {
  background-repeat: repeat-y;
  background-image: url(/images/layout/page-static.gif);
}
div.faq div.footer div.side,
div.faq div.footer div.content,
div.static div.footer div.side,
div.static div.footer div.content {
  margin-top: 10px;
  margin-bottom: 0;
}
div.static div.content {
  float: right;
  width: 534px;
  margin: 10px 20px;
}
div.faq div.content {
  float: left;
  width: 534px;
  margin: 22px 20px 10px;
}
div.static div.side {
  float: left;
}
div.static div.space {
  margin-top: 1px;
}
div.static h3,
div.faq h3,
div.agb h3 {
  clear: both;
  color: #777;
  font-size: 16px;
  font-weight: normal;
}
div.faq .block,
div.static .block,
div.pageComment .block {
  margin-top: 12px;
  margin-bottom: 20px;
}
div.faq .block p,
.content p.block {
  width: 400px;
}
div.side .block {
  margin-top: 37px;
}
div.side .partnerblock {
  margin-top: 1em;
  margin-bottom: 0;
}
.partnerlink {
  margin-top: 4em;
}
.side .block h4 {
  color: #777;
  font-size: 1em;
  font-weight: bold;
}
div.faq div.side .block p {
  width: 242px;
}
div.faq div.side a,
div.static div.side a {
  color: #777;
  font-weight: bold;
}
div.faq div.side a:hover,
div.static div.side a:hover {
  color: #0d5787;
}
div.static div.content .block a {
  color: #0d5787;
}
div.static div.page div.content a:hover {
  color: #777;
}
div.faq div.footer div.side a,
div.static div.footer div.content a {
  float: right;
}
div.faq div.side h3.manualpdfright {
  margin-top: 80px;
}
/* KONTAKT */
div.static div.content a.block {
  float: left;
  height: 250px;
}
div.static div.content a.print,
div.static div.content a.zoom {
  width: 19px;
  float: right;
  height: 19px;
  margin-top: -15px;
}
div.static div.content a.zoom {
  background-image: url('/images/buttons/zoom.gif');
}
div.static div.content a.print {
  margin-right: 10px;
  background-image: url('/images/buttons/print-symb.gif');
}
/* FAQ */
div.static li {
  list-style-position: inside;
}
/* BEGRIFFE */
div.static #glossary_content {
  margin-top: 26px;
}
div.static #glossary_content strong,
div.static div.side div.glossary a.active {
  color: #0d5787;
}
div.static div.side div.glossary a {
  float: left;
  clear: both;
  font-weight: normal;
}
/* FUNKTIONSWEISE */
div.faq div.block strong span {
  color: #0D5787;
  font-size: 18px;
}
div.faq div.block strong.multititle {
  font-weight: bold;
  font-family: "Verdana", Arial, san-serif;
}
div.faq div.block .special1 {
  float: left;
  width: 534px;
  margin-bottom: 5px;
}
div.static-arrow {
  clear: both;
  height: 15px;
}
#speciesNavHeader div.static-arrow {
  clear: none;
  float: right;
  padding-right: 10px;
}
a.static-arrow {
  padding-right: 16px;
  background: url(/images/buttons/nex.gif) no-repeat right 50%;
}
div.static-arrow span,
div.chooseShipping a span {
  float: left;
}
div.static-arrow a:hover {
  color: #777;
}
.arrow,
div.static-arrow span.arrow,
div.chooseShipping span.arrow {
  width: 15px;
  height: 15px;
  display: block;
  background-position: 5px 3px;
  background-image: url(/images/buttons/nex.gif);
}
/* AGB */
div.agb {
  margin: 20px;
}
div.agbcontent {
  height: 500px;
  margin: 10px 0;
  overflow: auto;
}
div.agbcontent div.block {
  margin: 5px 1px;
}
div.agbcontent div.block,
div.agbcontent h2 {
  width: 400px;
}
#lightbox div.agbcontent div.block,
#lightbox div.agbcontent h2 {
  width: 95%;
}
div.agb a.controlright {
  float: right;
  margin: 5px 5px 10px;
}
/* @end */
/* @group  D I V E R S E S */
/* added by Andrea (for editor) */
div.debug {
  clear: both;
  padding: 10px 0 150px;
  background-color: #fcf;
}
div.addcontent,
div.editorfooter {
  margin-right: 18px;
}
.leftMargin {
  margin-left: 18px;
}
.topMargin {
  margin-top: 40px;
}
#fbContainer {
  z-index: 20;
}
/* @group PROMOTION */
#promotionRedeemer {
  float: left;
  left: -21px;
  width: 283px;
  border: 1px #ccc;
  position: relative;
  margin: 7px 0 35px;
  padding-bottom: 15px;
  border-style: solid none;
}
#promotionRedeemer h3 {
  top: -13px;
  float: left;
  font-size: 12px;
  line-height: 15px;
  position: relative;
  padding: 25px 0 4px 55px;
  background: url(/images/promotion_icon-animated.gif) no-repeat 6px 0;
}
#promotionRedeemer div.static-arrow {
  top: 11px;
  clear: none;
  float: left;
  padding-left: 8px;
  position: relative;
  line-height: 14px;
}
#promotionRedeemer .static-arrow .static-arrow { /* yep, really */
  color: #777;
}
#promotionRedeemer .static-arrow span {
  color: #777;
}
#promotionRedeemer input {
  margin: -18px 0 0 21px; /* hacks */
}
#promotionRedeemer a.button {
  margin: -18px 0 0 10px; /* hacks */
}
#promotionRedeemer .selectboxinfoholder {
  right: -250px;
  top: -92px;
  height: 80px;
  width: 270px;
  position: absolute;
  overflow: visible;
}
/* @end */
/* @end */
/* @group  W E B P R I N T  U P L O A D E R
*/
#webprint_uploader {
  background-color: #c60f17;
  background-image: url(/images/layout/body-red.jpg);
}
#webprint_uploader #balken span {
  background-color: #b90b0b;
}
#webprint_uploader #balken span a {
  color: #b90b0b;
}
#webprint_uploader div.welcome li.one {
  background-image: url(/images/buttons/one-red.gif);
}
#webprint_uploader div.welcome li.two {
  background-image: url(/images/buttons/two-red.gif);
}
#webprint_uploader div.welcome li.three {
  background-image: url(/images/buttons/three-red.gif);
}
#webprint_uploader div.welcome li.four {
  background-image: url(/images/buttons/four-red.gif);
}
#webprint_uploader #uploader,
#webprint_uploader div.success {
  float: left;
  width: 534px;
  margin: 0 20px;
}
#webprint_uploader fieldset,
#webprint_uploader div.success {
  margin-top: 20px;
}
#webprint_uploader input.radio {
  float: left;
  height: 20px;
  margin-right: 5px;
}
#webprint_uploader fieldset.consultants {
  margin-top: 10px;
}
#webprint_uploader div.default {
  float: left;
  width: 534px;
  margin: 5px 0;
  margin-top: 10px;
}
#webprint_uploader div.special {
  float: left;
  width: 500px;
}
#webprint_uploader div.special label {
  float: left;
  width: 142px;
  height: 20px;
  margin-right: 5px;
}
#webprint_uploader fieldset.mail strong,
#webprint_uploader fieldset.comment strong,
#webprint_uploader fieldset.control strong {
  float: left;
  width: 534px;
  margin-bottom: 5px;
}
#webprint_uploader fieldset.control strong {
  color: #b90b0b;
}
#webprint_uploader fieldset.mail input,
#webprint_uploader fieldset.comment textarea {
  width: 250px;
  border: 1px solid #777;
}
#webprint_uploader fieldset.comment textarea {
  height: 150px;
  overflow-y: auto;
}
#webprint_uploader fieldset.mail input.fail {
  border: 1px solid red;
}
#webprint_uploader td.filename a {
  color: #777;
}
#webprint_uploader td.filename a:hover {
  color: #b90b0b;
}
/* UPLOAD */
#webprint_uploader #upload_progress_container {
  background-position: 0 0;
  background-color: #b90b0b;
  background-image: url(/images/layout/upload.gif) !important;
}
#webprint_uploader #upload_progress_container .blue {
  color: #fff;
}
#webprint_uploader #upload_progress_container .progressBarBackground {
  background-color: #ec643a;
}
#webprint_uploader #upload-background {
  margin-left: 0;
}
#webprint_uploader h1.headimage {
  float: left;
  height: 28px;
  width: 513px;
  display: block;
  margin-top: 36px;
}
#webprint_uploader h1 img {
  width: 513px;
  height: 28px;
  display: block;
}
#webprint_uploader #logo {
  float: right;
  height: 40px;
  width: 225px;
  margin-right: 84px;
  background-image: url(/images/layout/hallerjenzer_logo.gif);
}
/* @end */
/* @group PARTNER */
#companylogo {
  min-height: 140px;
}
#companylogo + .block {
  margin-top: 0;
}
#partner {
  min-height: 390px;
}
#partner a {
  color: #0d5787;
  font-weight: normal;
}
#partner a:hover {
  text-decoration: underline;
}
#partner .static-arrow a {
  color: #777;
  font-weight: bold;
}
#partner .static-arrow a:hover {
  color: #0d5787;
}
#partner_info {
  width: 283px;
  margin: 0 -21px; /* Verschachtelung */
  padding: 20px 0 0;
  border-top: 1px solid #ccc;
}
#partner_info .info {
  margin: 0 20px;
}
.info #certificate {
  float: right;
  margin-top: 12px;
}
.openinghours {
  margin: 0 20px;
}
.side .openinghours h3 {
  margin-bottom: 0;
}
.openinghours h4 {
  font-size: 1em;
  margin-top: 10px;
  font-weight: bold;
}
#regionTitle {
  color: #777;
  font-weight: bold;
  text-align: right;
}
/* @end */
/* @group ANDREA: UPLOAD multiple files */
div.uploadedFilesInfo,
table.uploadedFilesList,
div.uploadSuccess {
  float: left;
  margin: 10px 20px;
}
table.uploadedFilesList thead {
  font-weight: bold;
}
table.uploadedFilesList input {
  width: 350px;
  height: 16px;
  margin: 2px 0;
  border: 1px solid #999;
}
table.uploadedFilesList td.filename {
  width: 170px;
  height: 16px;
  display: block;
  line-height: 16px;
}
table.uploadedFilesList a {
  color: #777;
}
table.uploadedFilesList a:hover,
table.uploadedFilesList a.active {
  color: #0d5787;
}
/* @end */
/*  @group ANDREA: PRINTPORTAL upload/finish */
#webprint_uploader div.uploadbutton,
#webprint_uploader div.finishbutton {
  width: 250px;
}
#webprint_uploader div.uploadbutton strong,
#webprint_uploader div.finishbutton strong {
  width: 250px;
}
#webprint_uploader div.finishbutton strong {
  text-align: right;
}
#webprint_uploader div.finishbutton a {
  float: right;
}
#webprint_uploader div.uploadbutton {
  float: left;
}
#webprint_uploader div.finishbutton {
  float: right;
}
/* @end */
/* Postfinance Template */
#yptemplate {
  float: left;
  width: 822px;
  margin: 10px 20px;
  min-height: 200px;
  position: relative;
}
#yptemplate small {
  font-size: 11px;
}
/*Please select...*/
#yptemplate td.ncolh1 {
  text-align: left;
  padding: 10px 20px;
}
/* Please select... */
#yptemplate td.ncolh1 small {
  color: #000;
  font-weight: bold;
}
#yptemplate td.ncoltxtl {
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
}
/* Order reference: etc */
#yptemplate td.ncoltxtl2 {
  height: 24px;
  font-weight: bold;
  text-align: right;
  padding-right: 10px;
}
/* Card number: etc */
#yptemplate td label {
  margin-right: -3px;
}
#yptemplate td.ncoltxtr {
  text-align: left;
  font-weight: bold;
}
/* D09-0188 etc */
#yptemplate td.ncoltxtc {
  font-weight: bold;
  text-align: center;
}
/* Your payment is authorized */
#yptemplate td.ncolinput input {
  width: 170px;
  height: 16px;
  margin-right: 5px;
  border: 1px solid #999 !important;
}
/* inputs */
#yptemplate td.ncolline1,
/* Card SSL secured transaction, images */
#yptemplate td.ncolline2 {
/* images second line */
  margin-top: 10px;
}
/* VISA, etc */
#yptemplate td.ncolline1 span,
#yptemplate td.ncolline2 span {
  margin-right: 10px;
}
/* Logos: Visa, Master, Postcard */
#yptemplate input.NCOLINIM {
  margin: 5px;
}
/* dirty hack because of not closed input field before it -> check if needed */
#yptemplate td.ncolinput small {
  position: relative;
}
#yptemplate td.ncolinput a.midncol {
  float: right;
  display: block;
  text-align: left;
  margin-top: -16px;
  white-space: nowrap;
  width: 90px !important;
}
#yptemplate table.ncoltable1,
#yptemplate table.ncoltable2,
#yptemplate form {
  float: left;
  width: 534px;
  min-height: 20px;
  margin-bottom: 20px;
}
/* Top area */
#yptemplate table.ncoltable2 {
  float: left;
}
/* Logos: Postfinance, VeriSign; back button; cancel button */
/*#yptemplate td.ncollogoc {

}*/
/* Logos: Postfinance, VeriSign */
#yptemplate td.ncollogoc img {
  height: 40px
}
/* Buttons */
input.ncol,
#yptemplate form.backToMerchForm input {
  width: 140px;
  color: #333;
  height: 21px;
  font-size: 12px;
  cursor: pointer;
  line-height: 21px;
  text-align: center;
  font-weight: normal !important;
  background-image: url(/images/buttons/button140.gif);
}
#yptemplate input.ncol:hover,
#yptemplate form.backToMerchForm input:hover {
  color: #497bae;
}
/* Cancel */
#yptemplate #ncol_cancel {
  right: 0;
  bottom: -50px;
  width: 120px;
  position: absolute;
  background-image: url(/images/buttons/button120.gif);
}
/* Back to chooser */
#yptemplate #form1 input.ncol {
  bottom: -50px;
  left: 580px;
  width: 65px;
  position: absolute;
  background-image: url(/images/buttons/button65.gif);
}
/* Back to merchant */
#yptemplate form.backToMerchForm {
  top: -50px;
  left: 400px;
  position: relative;
}
/* Confirm */
#yptemplate #submit3 {
  width: 200px;
  margin-top: 20px;
  background-image: url(/images/buttons/button200.gif);
}
/* TEST CHRIGI */
#yptemplate table.ncoltable3 {

/* Bottom area */
  width: 242px;
  float: right;
  margin-top: -63px;
}
#yptemplate table.ncoltable3 td.ncollogoc {
  text-align: center;
  vertical-align: top;
}
#yptemplate table.ncoltable3 tbody tr #form3,
#yptemplate table.ncoltable3 tbody tr #form1 {
  width: auto;
}
/* FONT-FAMILY */
p.headText,
h2.headText,
h3,
div.trailer,
div.trailertop,
div.static h3,
div.faq h3,
div.agb h3,
div.faq div.block strong span {
  font-family: "Arial", Verdana, sans-serif;
}
/* Extension Journal */
/* TABS */
#desk div.tabs {
  position: absolute;
  top: 133px;
  left: 0px;
  float: left;
  width: 862px;
  height: 25px;
}
#desk div.tab {
  float: left;
  width: 80px;
  height: 19px;
  margin-left: 15px;
  margin-right: 2px;
  text-align: center;
  position: relative;
  background-color: #66addb;
  border-top: 1px solid  #66addb;
  border-left: 1px solid  #66addb;
  border-right: 1px solid  #66addb;
}
#desk div.tab a {
  color: #fff;
  font-weight: bold;
  line-height: 1.2em;
  vertical-align: middle;
}
#desk div.tabs div.selected {
  height: 24px;
  background-color: #fff;
}
#desk div.tab.selected a {
  color: #777;
  height: 25px;
  display: block;
  margin-top: 5px;
}
/* JOURNAL */
#desk div.page div.adminpage {
  float: left;
  width: 862px;
  min-height: 600px;
  position: relative;
  background-color: #fff;
}
#desk div.page div.adminpage h4 {
  margin-bottom: 5px;
}
#desk div.page div.adminpage p {
  clear: both;
}
#desk div.page div.adminpage div.imageupload {
  margin-top: 20px;
}
#desk div.page div.adminpage #upload-background {
  margin-left: 0;
  margin-right: 20px;
}
#desk div.page div.adminpage input.text {
  border: 1px solid #777;
}
#desk div.page div.adminpage div.admincontent {
  margin: 20px;
}
#desk div.page div.adminpage div.admincontent table.data {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 10px;
}
#desk div.page div.adminpage div.admincontent table.data th {
  font-size: 1.2em;
  text-align: left;
  font-weight: bold;
  line-height: 1.5em;
}
#desk div.page div.adminpage div.admincontent table.data th a {
  color: #777;
}
#desk div.page div.adminpage div.admincontent table.data th a {
  float: left;
}
#desk div.page div.adminpage div.admincontent table.data th a.sort {
  color: black;
  margin-right: 4px;
}
#desk div.page div.adminpage div.admincontent table.data th span.desc {
  float: left;
  width: 17px;
  height: 17px;
  display: block;
  background: url(/images/buttons/ebene.gif) no-repeat 0 0;
}
#desk div.page div.adminpage div.admincontent table.data th span.asc {
  float: left;
  width: 17px;
  height: 17px;
  display: block;
  background: url(/images/buttons/ebene.gif) no-repeat -17px 0;
}
#desk div.page div.adminpage div.admincontent table.data tr:hover {
  color: #000;
  background-color: #dbecf7;
}
#desk div.page div.adminpage div.admincontent table.data .right {
  text-align: right;
  padding-right: 5px;
}
/* JOURNAL */
.data td.right img {
  width: 16px;
  height: 10px;
  margin-left: 4px;
}
#desk div.page div.adminpage div.admincontent table.filter {
  width: 100%;
}
#desk div.page div.adminpage div.admincontent table.filter td {
  padding-right: 1px;
  padding-bottom: 5px;
}
#desk div.page div.adminpage div.admincontent div.pager a.selected {
  font-weight: bold;
  text-decoration: underline;
}
/* JOURNAL DETAILS LIGHTBOX*/
#lightbox div.journaldetails {
  margin: 0 20px 20px;
}
#lightbox div.journalheader {
  height: 60px;
  padding-left: 20px;
  background-color: #eee;
}
#lightbox div.journalheader h1 {
  color: #777;
  line-height: 60px;
}
#lightbox div.journaldetails hr {
  width: 100%;
}
#lightbox div.journaldetails h2 {
  clear: both;
  display: block;
  font-size: 1.4em;
  margin-top: 20px;
  margin-left: 0px;
  margin-bottom: 8px;
}
#lightbox div.journaldetails label {
  float: left;
  clear: both;
  width: 150px;
  display: block;
  font-weight: bold;
}
#lightbox div.journaldetails span {
  float: left;
  display: block;
  margin-left: 20px;
}
#lightbox div.journaldetails div.entry {
  clear: both;
  float: left;
}
#lightbox div.journaldetails div.buttons {
  float: left;
  clear: both;
  height: 40px;
  margin-top: 20px;
}
/* Login */
#webprint_default .loginLightbox {
  background: #006e9f url(/images/layout/plzeingabe.jpg) no-repeat 0 0;
}
#lightbox div.login {
  margin: 20px;
}
#lightbox div.login div.buttons {
  clear: both;
  height: 20px;
  margin-right: 50px;
}
#lightbox .buttons input {
  float: right;
  margin-left: 10px;
}
#lightbox.plzsearch div.buttons {
  width: 350px;
}
#lightbox.plzsearch .buttons input {
  float: left;
  margin-left: 0;
  margin-right: 5px;
}
#lightbox div.login table.login {
  width: 60%;
  float: left;
}
#lightbox .login td {
  padding-right: 10px;
}
#lightbox div.login div.logo {
  float: left;
}
/* @group CALENDAR */
div.calendar {
  color: #333;
  margin-top: 2px;
  line-height: 16px;
  position: absolute;
  border: 0px solid #66addb;
  background-color: #66addb;
z-index: 600;
}
div.calendar table {
  margin: 3px;
  border-spacing: 0;
  background-color: #fff;
  border-collapse: collapse;
}
div.calendar thead th {
  color: white;
  font-weight: 700;
  text-align: center;
  background-color: #66addb;
}
div.calendar tbody {
  color: #777;
  background-color: #fff;
}
div.calendar tbody td {
  padding: 0;
  text-align: right;
}
div.calendar a {
  padding: 0 6px;
  color: inherit;
  display: block;
  text-align: inherit;
  text-decoration: none;
  background-color: inherit;
}
div.calendar td.show a {
  font-weight: bold;
  background-color: #66addb;
}
div.calendar a:hover {
  color: #fff;
  background: #66addb;
}
/* @end */
/* @group ANDREA: New Navigation */
.mainmenu {
  left: 471px;
  width: 400px;
  position: absolute;
}
.menu_category_area {
  float: left;
  width: 100px;
  height: 80px;
  display: block;
  font-family: Arial, sans-serif;
}
/* hide hover navi */
.menu_category_area_hover {
  display: none;
  width: 100px;
  height: 130px;
  margin-top: 0;
  position: absolute;
  border-radius: 0 0 1px 1px;
  background: url(/images/layout/hover-menu.png) repeat 0 0;
z-index: 5;
}
.menu_category_area:hover > .menu_category_area_hover {
  display: block;
}
.product_menu > .menu_category_area_hover {
  width: 130px;
  height: auto;
  padding-bottom: 8px;
}
.menu_category_area_hover .submenu {
  margin-top: 60px;
z-index: 8;
}
.menu_category_area_hover hr {
  width: 100%;
  border: none;
  border-bottom: 1px solid #999;
}
.menucategory {
  color: #777;
  z-index: 210;
  display: block;
  font-size: 16px;
  margin-left: 8px;
  margin-top: 35px;
  line-height: 19px; /* = headDescription */
  position: absolute;
}
.menuitem {
  color: #777;
  display: block;
  font-size: 11px;
  margin-left: 8px;
  line-height: 16px;
}
div.mainmenu .active {
  color: black;
}
.menucategory:hover,
.menucategory:focus {
  color: #000;
z-index: 55;
}
a.menuitem:hover {
  color: #000;
}
/* @end */
/* @group ORDER OVERVIEW */
.previewHint {
  float: right;
  width: 250px;
  padding: 28px 0 0;
}
.previewList {
  width: 280px;
  margin: 5px 0 10px 20px;
}
.previewList thead {
  text-indent: 2px;
  font-weight: bold;
  line-height: 27px;
}
.previewList td {
  min-width: 20px; /* hacks */
  border-bottom: 1px solid #d8d8d8;
}
.previewList .selected,
.previewList tbody tr:hover {
  background: #ededed;
}
.previewList_icon {
  width: 48px;
  padding-left: 2px; /* statt vorher 50px breit */
}
.previewList_name {
  width: 170px;
}
/* previewList Buttons */
.previewList_show,
.previewList_edit,
.previewList_delete {
  width: 20px;
  float: left;
  height: 20px;
  text-indent: -9000px;
  background: url(/images/buttons/previewList.png) no-repeat 0 0;
}
.previewList_show:hover {
  background-position: 0 -20px;
}
.previewList_edit {
  background-position: -20px 0;
}
.previewList_notEdited {
  background-position: -20px -40px;
}
.previewList_edit:hover {
  background-position: -20px -20px;
}
.previewList_delete {
  background-position: -40px 0;
}
.previewList_delete:hover {
  background-position: -40px -20px;
}
/* @group SPECIES NAVI */
.sideWithSpecies {
  padding-bottom: 170px;
}
.speciesnaviandbutton {
  right: 0;
  float: left;
  width: 283px;
  bottom: 70px;
  padding-top: 4px;
  position: absolute;
  background: url(/images/layout/speciesnavi.png) repeat-x 0 0;
}
.speciesnavi .currentspecies,
.speciesnavi li:hover {
  background: #ccc;
}
/* scroll */
.speciesnavi .scroll {
  height: 80px;
  overflow: auto;
  padding-top: 2px;
  text-indent: 19px;
  background: #ececec;
  border-top: 1px solid #bababa;
}
/* table */
.speciesnavi ul {
  float: left;
  width: 100%;
  text-indent: 0;
  margin-top: 3px;
  list-style: none;
  line-height: 30px;
  border-top: 1px solid #fff;
}
.speciesnavi li {
  float: left;
  width: 100%;
  border-bottom: 1px solid #fff;
}
.speciesnavi span {
  float: left;
  height: 30px;
}
.speciesnavi .icon {
  width: 36px;
}
.speciesnavi .icon img {
  width: 36px;
  margin-top: 2px; /* imgs are less than 30px height of li */
}
.speciesnavi .species {
  color: #666;
  width: 55px;
  float: left;
  height: 30px;
  white-space: nowrap;
  letter-spacing: .06em;
}
.speciesnavi .currentspecies .species,
.speciesnavi li:hover .species,
.speciesnavi .species:hover {
  color: #369;
  font-weight: bold;
  letter-spacing: normal;
}
.speciesnavi form {
  float: right;
  padding-right: 10px;
}
.speciesnavi select {
  width: 140px;
}
.speciesnavi .delete {
  width: 20px;
}
.speciesnavi .delete a {
  float: left;
  width: 20px;
  height: 30px;
  text-indent: -9000px;
  background: url(/images/buttons/previewList.png) no-repeat -40px 5px;
}
.speciesnavi .delete a:hover {
  background-position: -40px -15px;
}
/* add species */
.speciesnavi .foot {
  float: left;
  padding-bottom: 4px;
  background: #ececec url(/images/layout/speciesnavi.png) repeat-x 0 bottom;
}
.speciesnavi .foot a {
  float: left;
  color: #666;
  height: 30px;
  width: 283px;
  text-indent: 67px;
  line-height: 28px;
  border: 1px #bababa;
  border-style: solid none;
  background: #ececec url(/images/buttons/addspecies.png) no-repeat 19px 9px;
}
.speciesnavi .foot a:hover {
  color: #369;
  background-position: 19px -31px;
}
.backToPreview {
  top: -27px;
  right: 7px;
  position: absolute;
}
/* @end */
/* @end */
#returntopp {
  top: -47px;
  position: relative;
}
/* DISCOUNT */
div.discountImage {
  top: 500px;
  right: 105px;
  width: 178px;
  height: 178px;
  position: absolute;
  background-position: -16px 0;
  background-image: url(/images/discount.gif);
}
/* PRESENT IDEAS */
#presentIdeas {
  left: -21px;
  float: left;
  width: 283px;
  height: 200px;
  position: relative;

/*  background: blue;*/
}
#presentIdeas h3 {
  margin: 0;
  color: #fff;
  font-size: 11px;
  font-weight: 400;
  position: absolute;
  padding: 20px 0 0 20px;
z-index: 2;
}
#presentIdeas h4 {
  color: #fff;
  font-size: 16px;
  position: absolute;
  padding: 35px 0 0 20px;
  font-family: Arial, Helvetica, sans-serif;
z-index: 2;
}
#presentIdeas img {
  width: 283px;
  height: 200px;
  display: block;
  position: absolute;
}
/* @group SHOWCASE */
.u_showCase {
  color: #fff;
  float: left;
  width: 862px;
  height: 300px;
  margin-top: 0;
  position: relative;
  background-color: #1b578d;
  background-repeat: no-repeat;
  box-shadow: 0 0 4px rgba(0,0,0,.2);
  text-shadow: 0 1px 2px rgba(0,0,0,.2);
}
/* ShowCase Title */
.showCase_title {
  color: #fff;
  width: 360px;
  font-size: 16px;
  line-height: 1.2em;
  font-weight: normal;
  margin: 18px 0 0 20px;
  text-shadow: 0 1px 2px rgba(0,0,0,.2);
  font-family: Arial, Verdana, sans-serif;
}
/* ShowCase Text */
.showCase_text {
  right: 20px;
  width: 264px;
  padding-left: 20px;
  position: absolute;
  background: url(../images/linkicon-white.png) no-repeat 0 1px;
}
/* ShowCase Text Position */
.showCase_text-top {
  top: 35px;
}
.showCase_text-bottom {
  bottom: 10px;
}
/* ShowCase Text Content */
.showCase_text b {
  color: #b6c932;
  font-weight: bold;
  text-decoration: none;
}
.showCase_text em { /* em => list item */
  display: block;
  margin-top: 10px;
  font-style: normal;
}
.showCase_text em + em {
  margin-top: 0;
}
.showCase_text em:before {
  content: "– "; /* IE7 hacks */
}
.showCase_text strong {
  display: block;
  font-size: 18px;
  line-height: 1.2em;
  margin: 26px 0 18px;
  font-family: Arial, Verdana, sans-serif;
}
/* ShowCase Links */
.showCase_links {
  left: 20px;
  bottom: 30px;
  width: 140px; /* temp */
  position: absolute;
}
.showCase_links ul {
  list-style: none;
}
/* ShowCase Order */
.showCase_text-bottom em:first-child {
  margin-top: 0;
}
.showCase_order {
  right: 20px;
  bottom: 20px; /* conflict with showCase_text-bottom if enabled */
  font-size: 14px;
  position: absolute;
  font-family: Arial, Verdana, sans-serif;
}
.u_showCase input {
  padding: 0;
  color: #777;
  border: none;
  width: 105px;
  height: 22px;
  margin-left: 5px;
  background: url(../images/sC_submit.png) no-repeat 0 0;
}
/* showCase Links */
.showCase_links a {
  color: #fff;
  font-weight: bold;
  padding-right: 20px;
  text-decoration: none;
  background: url(../images/linkicon-white.png) no-repeat right center;
}
/* @end */
/* @group DEVELOPMENT */
/* development */
/* INSPECT */
#inspect {
  top: 0;
  right: 0;
  color: #ddd;
  bottom: 22px;
  padding: 4px;
  position: fixed;
z-index: 10;
}
#inspect:hover {
  color: #fff;
}
#toolbar {
  top: 0;
  width: 100%;
  color: #bbb;
  position: fixed;
  font-size: 10px;
  background: rgba(0,0,0,.4);
  box-shadow: 0 0 3px rgba(0,0,0,.4);
}
#toolbar > a {
  float: left;
  color: #ddd;
  font-size: 12px;
  padding: 5px .4em;
  text-decoration: none;
}
#toolbar > a:hover,
#toolbar > a:focus {
  color: #fff;
}
/* @end */