/*

#0094CA GABS Blau (offical: Pantone 3115C, light blue / hell türkis: L72 a-36 b-24 R0 G196 B220 Hex#00C4DC)

#00C0EB GABS Blau hell

#C71585 MediumVioletRed

#FFE0EE SM Rosa

#EEE8AA palegoldenrod

#B8860B darkgoldenrod

#ce0b0b Herbst 2010 Rot

#c83b3b Herbst 2010 Rot2

#693    Grün

#939    2011 Voilett

#3C0    Frühling 2011

#2FE0A0 Sommer 2011

*/


/* START ############################################################################################################ */

html {

  height: 100%; /* Mozilla! */ /* plus @ body, #PageRAK ! */

  overflow-x: scroll;
  overflow-y: scroll;

}

body {

  color: #686869; /* Hauptschriftfarbe */

  height: 100%; /* plus @ html, #PageRAK ! */

  margin: 0;
  padding: 0;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 66%;
  line-height: 1.2em;

  text-align: center; /* plus @ #PageRAK "margin: 0 auto;" */

  cursor: auto;

}


/* MAIN CONTAINER ################################################################################################### */

#PageRAK {

  /* keine Farbe für background hier angeben! */

  width: 1160px; /* 960 Page + 40 Space + 160 Banner, siehe auch #Banner und #BottomAds */
  height: 100%; /* plus @ html, body ! */

  margin: 0 auto; /* plus @ body "text-align: center;" */
  padding: 0; /* für letzten Container immer am Window Bottom! */

  text-align: left;

}

#HeadRAK {

  width: 960px;

  /* Min-Height Hack */
  /* RAKOFF
  min-height: 150px;
  height: auto !important;
  height: 150px;
  */

  padding-top: 10px;

  clear: both;
  float: left; /* wichtig für alte Browser: eine width angeben! */

}

#LogoRAK {
  /* border: 0.1em solid #E3E3E3; */
  background: url(/images/gabs-tasche-25k.gif); /* PreLoad HighSpacer */
  background: url(/images/gabs-taschen-de-homepage.jpg); /* PreLoad Homepage MainPic */
  background: url(/images/logo/logo_showroom_milchstrasse.gif);
  background-repeat: no-repeat;
  background-position: 0 0; /* links oben */
  /* background-color: #FFE0EE; */ /* SM Rosa */
  width: 960px;
  height: 60px; /* plus @ #LogoRAK img */
  /* overflow: hidden; */
  clear: both;
  float: left; /* wichtig für alte Browser: eine width angeben! */
}
#LogoRAK img {
  padding: 0 0 0 20px;
  width: 418px; /* Bereich des Logos wegen "Startseite"-Link */
  height: 60px; /* plus @ #LogoRAK */
  float: left; /* wichtig für alte Browser: eine width angeben! */
}

#InfoBox {
  padding: 17px 0 0.2em 40px; /* unten 0.2em wegen hover border-bottom auch 0.2em */
  white-space: nowrap;
  width: 320px;
  float: left; /* wichtig für alte Browser: eine width angeben! */
}
#InfoBox p {
  color: #666;
  font-size: 0.9em;
  line-height: 1.25em;
}
#InfoBox a {
  border-bottom: 0.1em solid #0094CA !important;
  text-decoration: none;
}
#InfoBox a:hover {
  border-bottom: 0.2em solid #0094CA !important;
  text-decoration: none;
}

#BasketItemsCount {
  padding-right: 20px;
  white-space: nowrap;
  /* width: 40em; */
  position: relative;
  top: -22px;
  z-index: 2;
  float: right;
}
#BasketItemsCount p {
  color: #0094CA; /* GABS Blau */
  font-size: 1.3em;
  /* font-weight: bold; */
  line-height: 1.6em;
  text-align: right;
  padding: 0 0 0.1em 0; /* unten 0.1em wegen hover border-bottom auch 0.1em */
}
#BasketItemsCount p a.piclink:hover {
  border-bottom: 0.1em solid #000 !important;
  text-decoration: none;
}
/* warenkorb.png */
#BasketItemsCount img {
  width: 93px;
  height: 18px;
}

.eContRAK {
  width: 960px;
  float: left; /* wichtig für alte Browser: eine width angeben! */
}
.eContRAK.M1 {
  height: 1em;
}
.eContRAK.M2 {
  height: 2em;
}
.eContRAK.M3 {
  height: 3em;
}
.eContRAK.P1 {
  height: 10px;
}
.eContRAK.P2 {
  height: 20px;
}
.eContRAK.P3 {
  height: 30px;
}
.eContRAK.P6 {
  height: 60px;
}


#AntiCache, #W3CValidator, #CleanBits, #BottomAds, #SocialBookmarking, #FacebookLike, #FacebookLikeIFrame {
  /* clear: both; */
}
#AntiCache, #W3CValidator, #BottomAds {
  clear: both;
}

#FacebookLike, #FacebookLikeIFrame {
  width: 320px;
  height: 4em;
}
#FacebookLike {
  margin: 2em 0 0.5em 0;
  float: left;
}

#MainNaviRAK, #ContentRAK, #HomePage, #noGoRAK, #FootHeadRAK, #FootRAK, #W3CValidator, #CleanBits, #BottomAds, #SocialBookmarking, #OrderOK {
  width: 960px;
  margin: 0;
  padding: 0;
  float: left; /* wichtig für alte Browser: eine width angeben! */
}
#MainNaviRAK {
  background: #333;
  padding-bottom: 0.1em;
  position: relative; /* WICHTIG bei Vergrößerungen für den korrekten Float!!! */
  z-index: 0; /* wichtig bei ImgBig */
}
#ContentRAK {
  padding: 1em 0 0.5em 0;
}
#HomePage {
  background: url(/images/gabs-taschen-de-homepage.jpg);
  background-repeat: no-repeat;
  background-position: 20px 0; /* links oben */
}
#HomePage h1, #HomePage p {
  display: none;
}
#HomePage img {
  width: 920px;
  height: 470px;
  padding-left: 20px;
}

#W3CValidator {
  width: 510px;
}
#CleanBits {
  width: 450px;
}

#Information div, #Kontakt div, #KeinJavascript div {
  width: 460px;
  float: left;
}
#Aktuell div {
  width: 500px;
  float: left;
}
#Information div img {
  padding: 0 0 1em 0;
  float: none;
}
#Information div p, #Aktuell div p {
  padding: 0.8em 0 !important;
}
#Aktuell div h2 {
  /* padding: 1.5em 0 0.5em 0 !important; */
  padding: 0.8em 0 !important;
}
#Information img, #Aktuell img, #Kontakt img, #KeinJavascript img {
  float: right;
}
#Information img {
  /* padding: 3em 120px 12em 0; */
  margin: 3em 120px 12em 0;
}
#Aktuell img {
  /* padding: 6em 0; */
  /* padding: 14em 0 26em 0; */
  /* padding: 0 0 14em 0; */
  /* padding: 0 0 10em 0; */
  margin: 0 0 10em 0;
}
#Kontakt img, #KeinJavascript img {
  padding: 0 20px 0 0;
}
#Aktuell div img {
  padding: 1em 0 0.8em 0;
  margin: 0;
  float: none;
}
#Information img, #Aktuell img {
  border: 0.1em solid #E3E3E3;
}


#Features, #Impressum, #AGB, #GesetzlicheHinweise {
  width: 870px;
}

#FootHeadRAK {
  margin: 0;
  padding: 0;
  position: relative;
  top: 0;
  left: 20px;
}
#FootHeadRAK img {
  padding: 0 20px;
}
#FootHeadRAK img.fhic1 {
  /* left: 155px; */
}
#FootRAK {
  border-top: 0.1em dotted #999;
  position: relative;
  top: 0;
}
#FootHeadRAK, #FootRAK {
  padding: 0 0 1em 0;
}

#W3CValidator, #CleanBits, #BottomAds, #SocialBookmarking {
  position: relative;
  top: 0;
}
#W3CValidator p, #CleanBits p, #BottomAds p, #SocialBookmarking p {
  color: #666;
  font-size: 1em;
  line-height: 1em;
  padding: 0 0 1.1em 0;
  text-align: center;
}
#W3CValidator p {
  text-align: right;
  padding: 0.5em 0.5em 1.1em 0;
}
#CleanBits p {
  text-align: left;
  padding: 0.5em 0 1.1em 0.5em;
}
#CleanBits p a img {
  position: relative;
  top: 5px;
}
#BottomAds p {
  font-size: 0.8em;
}
#BottomAds p a {
  color: #666;
}

#Banner {
  /* siehe auch #PageRAK und #BottomAds */
  width: 160px;
  margin: 0;
  /* padding: 14em 0 0 20px; */
  padding: 9em 0 0 0;
  float: right; /* wichtig für alte Browser: eine width angeben! */
}
#Banner2 {
  padding: 0;
  position: relative;
  top: -8px;
}
#Banner3 {
  padding: 0;
}

#Debugger {

  background: #000;
  color: #FFF;

  display: none;

  /* Center Hack */
  left: 50%;
  margin: 0 0 0 -440px; /* Hälfte der Breite */
  padding: 10px;

  text-align: center;

  position: absolute;
  width: 860px;
  top: 20px;

  z-index: 999;

  -moz-opacity: .7; /* Mozilla alt */
  -khtml-opacity: .7; /* Safari alt und Konqueror alt */
  filter: Alpha(opacity=70, finishopacity=0, style=0); /* IE */
  opacity: .7; /* Mozilla neu */

}
#Debugger h1 {
  color: #FFF;
  font-size: 2em;
}
#Debugger span {
  color: #3C0;
  font-size: 1.5em;
  font-weight: bold;
}

#divtext {
  display: block;
  width: 960px;
  margin: 0 0 0 -1060px;
  clear: both;
}
#divtext h1, #divtext p {
  /* color: #FFF; */
  color: #DDD;
}

/* CONTENT CONTAINER ################################################################################################ */

#letterhead {
  display: none;
}

#PageContent, #myBasket, #myCheckOut, #myConfirmation {
  width: 920px;
  padding: 0 20px;
}

#PageContent div p {
  color: #686869;
  font-size: 1.1em;
  line-height: 1.5em;
  padding: 0 0 2em 0;
}
#PageContent a {
  white-space: nowrap;
}
#PageContent h1 {
  /* color: #00C0EB; */ /* GABS Blau hell */
  /* color: #999; */
  color: #0094CA; /* GABS Blau */
  font-size: 2em;
  font-weight: normal !important;
  line-height: 2em;
  /* padding: 0.2em 0 1.5em 0; */
  padding: 0.2em 0 1em 0;
}
#myBasket h1 {
  /* background-color: #FFE0EE; */ /* SM Rosa */
  font-size: 1.5em;
  font-weight: normal !important;
  line-height: 1.5em;
  text-align: center;
  padding: 0.2em 0.5em;
  width: 520px;
  overflow: hidden;
  position: relative;
  left: 200px;
}
#myBasket h1 b {
  /* border: 0.1em dotted #3C0; */
  color: #0094CA;
  font-weight: normal;
  padding: 0.1em 0.2em;
}
#myBasket h2, #myCheckOut h2, #myConfirmation h2 {
  color: #3C0;
  font-size: 1.3em;
  font-weight: normal;
  line-height: 1.5em;
  padding: 2em 0 1em 0;
  clear: both;
}
#myBasketHEADER h2 {
  padding: 0 0 1em 0;
}

#myBasketHEADER, div.myBasketItems, div.myBasketSUM, div.myBasketColAll, div.myBasketColLine, div.myBasketColLine2, div.myBasketColLine3 {
  width: 920px;
  clear: both;
  float: left;
}
/* 920px maximale Breite: */
div.myBasketCol1 { text-align: center; width: 150px; }
div.myBasketCol2 { text-align: center; width: 100px; }
div.myBasketCol3 { text-align: left;   width: 150px; }
div.myBasketCol4 { text-align: center; width: 150px; }
div.myBasketCol5 { text-align: center; width: 150px; }
div.myBasketCol6 { text-align: center; width: 67px; }
div.myBasketCol6Image { text-align: left; width: 33px; }
div.myBasketCol7 { text-align: right;  width: 100px; }
div.myOrderStatus1 { background: #FFF; line-height: 1.5em; padding: 1.8em 0 1.5em 0; overflow: hidden; float: left; }
div.myOrderStatus2,
div.myOrderStatus3 { background: #FFF; line-height: 1.5em; padding: 0.8em 0 0.5em 0; overflow: hidden; float: left; }
/*  Trennlinie */
div.myBasketColAll {
  text-align: center;
  padding: 0 0 0.5em 0;
}
div.myBasketColLine, div.myBasketColLine2, div.myBasketColLine3 {
  height: 1px;
  overflow: hidden;
}
div.myBasketColLine {
  border-bottom: 0.1em dotted #E3E3E3;
}
div.myBasketColLine2 {
  border-bottom: 0.1em solid #E3E3E3;
}
div.myBasketColLine3 {
  border-bottom: 0.2em solid #E3E3E3;
}
#myBasket p {
  line-height: 1.5em;
}
#myBasketHEADER div p, div.myBasketSUM div p {
  font-weight: bold;
  height: auto;
}
div.myBasketSUM div.myBasketColAll p, #myCheckOut p.ColCheckOut, #myConfirmation p.ColConfirmation {
  color: #686869;
  font-size: 0.95em;
  font-weight: normal;
  padding: 1em 0 0 0;
  height: auto;
  clear: both;
}
div.myBasketSUM div.myBasketColAll p {
  padding: 0;
}

#myCheckOut p.ColCheckOut, #myConfirmation p.ColConfirmation {
  line-height: 1.2em;
  width: 50em;
}

div.myBasketSUM b, #myCheckOut b {
  color: #000;
  font-size: 1.2em;
  font-weight: bold;
}

div.myOrderStatus1 p {
  padding: 0;
  height: 120px; /* Bild 100 x 100 plus Reflection 20 plus Rand  ! */
  overflow: hidden;
}
div.myOrderStatus2 p, div.myOrderStatus3 p {
  padding: 0;
  overflow: hidden;
}
#myBasketHEADER p, div.myBasketItems p, div.myBasketSUM p, #myConfirmation p.Confirmation {
  color: #686869;
  font-size: 1.1em;
  overflow: hidden;
}
#myConfirmation p.Confirmation {
  width: 460px;
  line-height: 1.5em;
}
div.myBasketOptions {
  width: 920px;
  padding: 1em 0 0.5em 0;
  clear: both;
  float: left;
}
div.myBasketOptions p {
  padding: 0.5em 0 0 0;
  float: left;
}
div.myBasketOptions a {
  padding: 0.5em 0 0 0;
  clear: both;
  float: right;
}
#myCheckOut {
  background: url(/images/shopping-girl.jpg);
  background-repeat: no-repeat;
  background-position: 520px 70px; /* rechts oben */
  height: 75em;
  clear: both;
}
#myConfirmation {
  height: 52em;
  clear: both;
}
#CustomerData form div.field_row, #Confirmation form div.field_row {
  height: 3em;
  overflow: hidden;
}
#CustomerData form div.field_row label, #Confirmation form div.field_row label {
  border: 0.1em solid #FFF;
  display: inline;
  color: #686869;
  font-size: 1.1em;
  line-height: 1.3em; /* wichtig u.a. wegen IE und AGB-Link bei Bestätigung */
  vertical-align: middle;
  padding: 0.2em 0;
  float: left;
  overflow: hidden;
}
#CustomerData form div.field_row label {
  width: 12em;
}
#Confirmation form div.field_row label {
  width: 7em;
}
#CustomerData form div.field_row input, #CustomerData form div.field_row textarea,
#Confirmation form div.field_row input, #Confirmation form div.field_row textarea {
  background: transparent;
  border: 0.1em dotted #E3E3E3;
  color: #686869;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  vertical-align: middle;
  padding: 0.2em;
  width: 24em;
  float: left;
}
#CustomerData form div.text_area,
#Confirmation form div.text_area {
  height: 7em;
}
#CustomerData form div.field_row textarea,
#Confirmation form div.field_row textarea {
  height: 6em;
}
#CustomerData form div.field_row input, #Confirmation form div.field_row input {
  vertical-align: middle;
  overflow: hidden;
}
/* FF etc. und IE mit eigener Klasse "radio" */
#CustomerData form div.field_row input[type="radio"], #CustomerData form div.field_row input.radio,
#Confirmation form div.field_row input[type="radio"], #Confirmation form div.field_row input.radio {
  background: transparent;
  border: none;
  font-size: 1.2em;
  vertical-align: middle;
  width: 2em;
}
#CustomerData form div.fit_radio, #Confirmation form div.fit_radio {
  height: 2em;
  overflow: hidden;
}
/* FF etc. und IE mit eigener Klasse "checkbox" */
#CustomerData form div.field_row input[type="checkbox"], #CustomerData form div.field_row input.checkbox,
#Confirmation form div.field_row input[type="checkbox"], #Confirmation form div.field_row input.checkbox {
  background: transparent;
  border: none;
  font-size: 1.2em;
  vertical-align: middle;
  width: 2em;
}
#CustomerData form div.fit_checkbox, #Confirmation form div.fit_checkbox {
  height: 2em;
  overflow: hidden;
}
#CustomerCol1, #CustomerCol2, #CustomerCol3 {
  padding: 1em 0;
  float: left;
}
#CustomerCol1 {
  margin: 0 20px 0 0;
  width: 400px;
  overflow: hidden;
}
#CustomerCol2 {
  margin: 0 20px 0 0;
  width: 300px;
  overflow: hidden;
}
#CustomerCol3 {
  width: 180px;
  overflow: hidden;
}


#noGoRAK, #FootRAK, #OrderOK {
  text-align: center; /* plus @ #FootNaviRAK und reflection.js zu der (auch notwendigen) "width :" kommt dort "margin: 0px auto;" und "text-align: left;" */
}


#ArtText, #ArtImgs {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#ArtText {
  width: 380px;
  padding-left: 20px;
  float: left;
}
#ArtText p {
  font-size: 1.1em;
  line-height: 1.5em !important;
  padding-bottom: 0.5em;

}
#ArtText h1, #ArtText h2 {
  font-weight: normal;
}
#ArtText h1 {
  font-size: 1.6em;
  line-height: 1.6em;
  padding: 0 0 0.4em 0;
}
#ArtText h2 {
  line-height: 1.4em;
  padding: 0 0 0.8em 0;
}
#ArtText h3 {
  padding: 0.8em 0;
}

#ArtImgs {
  width: 460px;
  padding-right: 35px;
  padding-bottom: 0;
  float: right;
  text-align: center;
}

#ArtThumbs {
  width: 960px;
  padding: 0 20px;
  text-align: left;
  float: left;
}


#ImgFront img {
  /* border: 0.1em solid #E3E3E3;
  padding: 20px; */
}
#ImgMidLoading {
  display: none;
  border: none;
  position: absolute;
  z-index: 2;
  -moz-opacity: .8; /* Mozilla alt */
  -khtml-opacity: .8; /* Safari alt und Konqueror alt */
  filter: Alpha(opacity=80, finishopacity=0, style=0); /* IE */
  opacity: .8; /* Mozilla neu */
}
#ImgMidSize {
  /* border: 0.1em solid #E3E3E3; */
  background: url(/images/produkt-hintergrund.png);
  padding: 20px;
  cursor: help;
}
#ImgMid p {
}
#ImgBigBackground {

  background: #FFF;

  display: none;

  width: 100%;

  margin: 0;
  padding: 0;

  position: absolute;
  top: 0;
  left: 0;

  z-index: 2;

  /* bei GABS Blau: 40/.4/.4 */
  /* bei #000:      50/.5/.5 */
  /* bei #FFF:      70/.7/.7 */
  -moz-opacity: .7; /* Mozilla alt */
  -khtml-opacity: .7; /* Safari alt und Konqueror alt */
  filter: Alpha(opacity=70, finishopacity=0, style=0); /* IE */
  opacity: .7; /* Mozilla neu */

}
#ImgBig {

  display: none;
  border: 0.2em solid #E3E3E3;
  background: #FFF;

  /* Center Hack */
  left: 50%;
  margin: 0 0 0 -400px; /* Hälfte der ImgBig StandardBreite 800px x 800px | wird alles in der js geändert per toggle ! */
  padding: 10px 30px;

  text-align: center;

  position: absolute;
  top: 20px;

  z-index: 3;

}
#ImgBig p {
  white-space: nowrap;
}
#ImgBig img {
  border: none;
}
#ImgBigSize {
  cursor: url(/images/mouse2mouse.ani), url(/images/mouse2mouse.gif), auto;
}
#ImgBig p.ImgBigBottom {
  padding: 1.5em 0 1em 0;
}
#ImgOther img {
  border: 0.1em solid #E3E3E3;
  margin-left: 4px;
  margin-right: 3px;
  padding: 0;
}
#ImgOther img:hover {
  border: 0.1em solid #0094CA;
}

#ImgOther p {
  padding-bottom: 0;
}


#ArticlePrice {
  width: 150px;
  height: auto;
  margin: 0;
  padding: 1em 0 1em 0;
  overflow: hidden;
  float: left; /* wichtig für alte Browser: eine width angeben! */
}

#StockDelivery {
  width: 360px;
  height: auto;
  margin: 0;
  padding: 0;
  overflow: hidden;
  float: left; /* wichtig für alte Browser: eine width angeben! */
}


#ArtText p.CostsInfo, #myBasket p.CostsInfo {
  font-size: 1em;
  font-weight: normal;
}
#myBasket p.CostsInfo {
  text-align: right;
}
#ArtText p a.wandelbar:hover, #ArtText p.CostsInfo a:hover, #myBasket p.CostsInfo a:hover {
  border: none;
  cursor: help;
}
#ArtText p a.wandelbar:hover ins, p.CostsInfo a:hover ins {
  display: block;
}
#ArtText p a.wandelbar ins {
  display: none;
  border: 0.2em solid #E3E3E3;
  background: #FFF;
  color: #686869;
  font-weight: normal;
  text-align: left;
  margin-top: -6em;
  padding: 20px;
  width: 750px;
  overflow: hidden;
  position: absolute;
  left: 33%;
  z-index: 11;

  /* -moz-opacity: .9; */ /* Mozilla alt */
  /* -khtml-opacity: .9; */ /* Safari alt und Konqueror alt */
  /* filter: Alpha(opacity=90, finishopacity=0, style=0); */ /* IE */
  /* opacity: .9; */ /* Mozilla neu */
}
p.CostsInfo a ins {
  display: none;
  border: 0.2em solid #E3E3E3;
  background: #FFF;
  color: #686869;
  font-weight: normal;
  text-align: left;
  margin-top: -20em;
  padding: 20px;
  width: 30%;
  overflow: hidden;
  position: absolute;
  left: 25%;
  z-index: 11;

  -moz-opacity: .9; /* Mozilla alt */
  -khtml-opacity: .9; /* Safari alt und Konqueror alt */
  filter: Alpha(opacity=90, finishopacity=0, style=0); /* IE */
  opacity: .9; /* Mozilla neu */
}
#ArtText p a.wandelbar ins b, #ArtText p.CostsInfo a ins b, #myBasket p.CostsInfo a ins b {
  color: #686869;
  font-size: 1em;
}
ins {
  text-decoration: none;
}


#ProductSizeChoice {
  width: auto;
  height: auto;
  margin: 0;
  padding: 1em 5px 1em 5px;
  text-align: center;
  overflow: visible;
  float: left; /* wichtig für alte Browser: eine width angeben! */
}
#FactoryLogo {
  width: auto;
  height: auto;
  margin: 0;
  padding: 2em 0 1em 0;
  text-align: center;
  overflow: hidden;
  float: right; /* wichtig für alte Browser: eine width angeben! */
}

#Add2Basket {
  width: 360px;
  clear: both;
  float: left;
}
div.button, div.button input, #Add2Basket a img {
 font-size: 1.2em !important;
 /* font-weight: bold !important; */
 /* padding: 1em 0; */
 margin: 1em 0 0.5em 0;
}
div.button, div.button input {
 color: #0094CA !important;
 /* text-decoration: underline !important; */
}
#Add2Basket a img {
  color: #CA0000 !important; /* WarnRot */
}

#ArtText.p19002 #FactoryLogo {
  padding: 1em 35px 0 0;
  float: right; /* wichtig für alte Browser: eine width angeben! */
}
#FactoryLogo.noActiveProductSizeChoice {
  /* padding-right: 80px; */
}

div.ProductThumb {
  color: #696969;
  font-size: 1em;
  font-weight: normal;
  width: 300px;
  /* height: 26em; */ /* nun als style bei der class im php */
  padding: 0 0 5em 0;
  text-align: left; /* wenn nicht exakt wie hier, dann wegen reflection.js: center */
  overflow: hidden; /* !!! sonst wegen reflection.js zu hohe DIVs (speziell beim IE 6) !!! */
  float: left; /* wichtig für alte Browser: eine width angeben! */
}
div.ProductThumbImage {
  text-align: center;
}
div.ProductThumb img {
  padding-bottom: 0.2em;
}
div.ProductThumb h2 {
  font-size: 1.1em !important;
  font-weight: normal !important;
  line-height: 1.3em;
  height: 1.3em; /* Höhe angeben wegen IE7 Bug (unten beim "h2 a:hover") !!! */
  padding: 0 0 0.2em 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden; /* !!! sonst Überschneidung mit h3 beim Vergrößern! */
}
div.ProductThumb h3 {
  font-size: 1.1em !important;
  font-weight: normal !important;
  line-height: 1.3em;
  height: 1.3em; /* Höhe angeben wegen IE7 Bug (weiter unten beim "h3 a:hover") !!! */
  padding: 0 0 0.5em 0;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
}
div.ProductThumb h3.soldout {
  background: #CA0000; /* WarnRot */
  color: #FFF;
  font-weight: bold !important;
  margin: 0 80px;
  padding: 0.1em 0 0.3em 0;
}
div.ProductThumb h2 a {
  color: #696969;
}
div.ProductThumb h2 a:hover {
  background: #696969;
  color: #FFF;
}

#ProductCrossSelling {
  width: 360px;
  padding: 0.5em 0 1em 0;
  text-align: left;
  clear: both;
  float: left;
}
#ProductCrossSelling h3 {
  padding-top: 1.2em;
}
#ProductCrossSelling p {
  padding: 0 0 1.2em 0;
}
#ProductCrossSellingImage {
  width: 100px;
  height: 120px;
  margin-right: 9px;
  padding-top: 0.5em;
  text-align: left;
}
#ProductCrossSelling img {
  border: none;
  padding: 0;
}


#HistoryBack {
  width: 360px;
  padding: 0.4em 0;
  clear: both;
  float: left;
}


#FootNaviRAK, #FootInfoRAK {
  margin: 0;
  padding: 0;
  overflow: hidden;
}

#FootNaviRAK {
  width: 50%;
  padding: 0 0.5em 0 20px;
  text-align: right;
  /* clear: both; */
  float: left; /* wichtig für alte Browser: eine width angeben! */
}

#FootInfoRAK {
  width: 40%;
  padding: 0 20px 0 0.5em;
  text-align: left;
  float: left; /* wichtig für alte Browser: eine width angeben! */
}


div.tintamar {
  border-bottom: 0.1em dotted #E3E3E3;
}


/* Standards ######################################################################################################## */

p, img, ul {
  border: none;
  margin: 0;
  padding: 0;
}

p {
  padding: 0;
}

h1, h2, h3 {
  border: none;
  margin: 0;
}

h1 {
  font-size: 1.4em;
  font-weight: normal;
  padding: 1em 0;
}

h2 {
  font-size: 1.2em;
  font-weight: bold;
  /* padding: 0 0 1em 0; */
  padding: 0 0 2em 0;
}

h3 {
  font-size: 1.1em;
  font-weight: bold;
  padding: 0 0 1em 0;
}

/* Links ############################################################################################################ */


a {
  border: none;
  color: #0094CA; /* GABS Blau */
  text-decoration: none;
}

div.ProductThumb h3 a {
  border: none;
  color: #696969 !important;
  text-decoration: none;
}

p a:hover,
#ArtThumbs p a:hover,
#ArtImgs p a:hover,
#ProductCrossSelling p a:hover,
#HistoryBack p a:hover,
#Aktuell p a:hover,
#CustomerCol3 label a:hover {
  border-bottom: 0.1em solid #0094CA !important; /* GABS Blau */
  text-decoration: none;
}

div.ProductThumb h3 a:hover {
  border-bottom: 0.1em solid #E3E3E3 !important;
  text-decoration: none;
}

#ArtThumbs a.wandelbar:hover,
#ArtText a.wandelbar:hover,
#Impressum a.wandelbar:hover {
  border-bottom: 0.2em solid #0094CA !important;
  text-decoration: none;
}

#ContentRAK div.myOrderStatus1 p a:hover,
p.emptycart a:hover,
#AGB p.textcenter a:hover,
#W3CValidator p a:hover,
#Information a.piclink:hover {
  border: none !important;
}

#BottomAds p a:hover {
  border-bottom: 0.1em solid #666 !important;
  text-decoration: none;
}

#MainNaviRAK li a {
  background: none;
  /* color: #E3E3E3; */
  color: #EEE;

  /* font-family: Tahoma, Geneva, sans-serif;
  font-family: Verdana, Geneva, sans-serif; */
  font-family: Arial, Helvetica, sans-serif;

  font-size: 1em;
  /* margin-top: 1.5em; */
  line-height: 2.2em; /* WICHTIG wegen "Rand unten" */
  /* padding: 0.4em 0.8em 0.4em 0.8em; */
  /* padding: 0.4em 0.4em 0.4em 0.4em; */
  padding: 0.3em 0.4em;

  text-transform: uppercase;
  text-decoration: none;

  white-space: nowrap;
}

#MainNaviRAK li.active a {
  background: #0094CA;
  color: #FFF;
  text-decoration: none;
}

#MainNaviRAK li.attention a {
  background: url(/images/attention-blue-magenta.gif);
  background-repeat: repeat-x;
  background-position: 0 0;
}

#MainNaviRAK li a:hover {
  /* border-bottom: 0.1em solid #FFF; */
  border: none;
  background: #FFF;
  color: #0094CA; /* GABS Blau */
  text-decoration: none;
}

#FootNaviRAK a {
  color: #666;
}
#FootNaviRAK a:hover {
  border-bottom: 0.1em solid #666;
}


/* Standards Speziell ############################################################################################### */


.wandelbar {
  border-bottom: 0.1em solid #0094CA !important;
  color: #0094CA;
  text-decoration: none;
}
#ArtText.p19002 h2, b.wandelbar {
  border: none !important;
  color: #0094CA;
}


p.ProductClaim {
  color: #0094CA; /* GABS Blau */
  font-size: 1.2em !important;
  line-height: 1.4em;
  padding-top: 0.5em;
  padding-bottom: 0.4em;
  clear: both;
}

div.myBasketItems div.myBasketColAll p.emptycart {
  font-size: 1.4em !important;
}

#AntiCache, #MainNaviRAK h1, #FootNaviRAK h1 {
  display: none;
}


#ArtThumbs div.CatHead {
  width: 880px;
  clear: both;
}
#ArtThumbs div.CatHead img {
  padding: 0.5em 0 0 0;
  float: right;
}
#ArtThumbs div.CatHead h1 {
  /* color: #00C0EB; */ /* GABS Blau hell */
  color: #696969;
  /* font-size: 1.3em; */
  font-size: 1.2em;
  /* font-weight: bold; */
  font-weight: normal !important;
  line-height: 1.8em;
  padding: 0.2em 0 0.2em 0;
  width: 660px;
  float: left;
}
#ArtThumbs div.CatHead p {
  color: #686869;
  /* font-family: Verdana, Geneva, sans-serif; */
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1em;
  font-weight: normal;
  /* line-height: 0.1em; */
  line-height: 1.2em;
  padding: 0 0 0.8em 0;
  width: 420px;
  float: left;
}
#ArtThumbs div.CatHead h2 {
  /* color: #0094CA; */ /* GABS Blau */
  color: #696969;
  font-size: 1.1em;
  font-weight: normal;
  line-height: 1.3em;
  padding: 0 0 0.4em 0;
  width: 660px;
  float: left;
}
#ArtThumbs div.CatHeadCut {
  clear: both;
}


#ProductSizing select, #ProductSizing select option {
  border-bottom: 0.1em solid #FFE0EE; /* SM Rosa */
  background: #FFE0EE; /* SM Rosa */
  color: #686869;
  font-size: 1em;
  font-weight: normal;
}

#ArtImgs p {
  color: #696969;
  padding: 0.8em 0 2.4em 0.5em;
}


.M1top {
  padding-top: 1em;
}
.M2top {
  padding-top: 2em;
}
.M3top {
  padding-top: 3em;
}
.M1right {
  padding-right: 1em;
}
.M2right {
  padding-right: 2em;
}
.M3right {
  padding-right: 3em;
}
.M1bottom {
  padding-bottom: 1em;
}
.M2bottom {
  padding-bottom: 2em;
}
.M3bottom {
  padding-bottom: 3em;
}
.M1left {
  padding-left: 1em;
}
.M2left {
  padding-left: 2em;
}
.M3left {
  padding-left: 3em;
}


#FootInfoRAK p {
  color: #666;
  padding: 1em 0;
}


/* MAINNAVI ######################################################################################################### */

#MainNaviRAK ul {
  list-style: none;
  /* padding: 2em 20px 0 20px; */
  /* padding: 1em 20px 0.7em 20px; */
  padding: 0.6em 20px 0.5em 20px;
  width: auto;
  float: left; /* wichtig für alte Browser: eine width angeben! */
}
#MainNaviRAK ul li {
  /* display: inline; */
  padding: 0 1em 0 0;
  white-space: nowrap;
  width: auto;
  float: left; /* wichtig für alte Browser: eine width angeben! */
}

#FootNaviRAK ul {
  color: #666;
  list-style: none;
  padding: 1em 0;
}
#FootNaviRAK ul li {
  display: inline;
  white-space: nowrap;
}


/* Diverse ########################################################################################################## */

.textleft {
  text-align: left;
}

.textcenter {
  text-align: center;
}

.textright {
  text-align: right;
}

.textlowcase {
  text-transform: lowercase;
}

.textuppcase {
  text-transform: uppercase;
}

.textbold {
  font-weight: bold;
}

.left {
  float: left;
}

.right {
  float: right;
}

.clear {
  clear: both;
}

.visible {
  display: block;
}
.notvisible {
  display: none;
}

:focus {
  outline-style: none;
}

code {
 background: #DDD;
 font-size: 1.2em !important;
}

.textsmall {
  font-size: 75%;
}

.noborderline {
  border: none !important;
}