﻿hr
{
  height:1px;
}

/* styles for TinyMCE editor */
.boldcontent
{
  font-weight:700;
}

.centercontent
{
  text-align:center;
}

.redcontent
{
  color:red;
}

.lilacontent
{
  color:#C9f;
}

.blaucontent
{
  color:#00F;
}

.greencontent
{
  color:#090;
}

.organgecontent
{
  color:#f60;
}

.orangecontent
{
  color:#f60;
}

/* Classes controlling the behaviour and look of the ModalPopup */
.modalBackground
{
  background-color:Gray;
  filter:alpha(opacity=70);
  opacity:0.7;
  -khtml-opacity:0.7;
  -moz-opacity:0.7;
}

.modalPopup
{
  background-color:transparent;
  width:457px;
}

.orderTextBoxPopup
{
  text-align:center;
  font-weight:700;
  width:32px;
  color:#000;
  position:relative;
}

.modalPopup_middleTD
{
  border-right-width:1px;
  border-right-style:solid;
  border-right-color:#a5a2a2;
  border-left-width:1px;
  border-left-style:solid;
  border-left-color:#a5a2a2;
}

.modalPopup_button
{
  display:inline;
  float:right;
}

.modalPopup_logo
{
  display:inline;
}

.modalPopup_bottom
{
  height:7px;
}

.modalPopup_top
{
  height:7px;
  line-height:7px;
  width:457px;
}

.popupDarkRow
{
  background-color:#efefef;
  color:#000;
}

.popupLightRow
{
  background-color:#f5f5f5;
  color:#000;
}

.PopupCloseButton
{
  vertical-align:top;
  text-align:right;
}

/* End of Classes controlling the behaviour and look of the ModalPopup */
/* classes for the Shopping Cart Overview tables etc. */
.tableHeaderRow
{
  background-color:#ccc;
  color:#222;
  font-size:small;
  border-bottom-style:solid;
  border-bottom-width:1px;
  border-bottom-color:#989898;
}

.tableRowLightBG
{
  background-color:#f8f8f8;
  color:#006;
  vertical-align:middle;
}

.tableRowLightBG td
{
  border-right:1px solid #f8f8f8;
}

.tableRowDarkBG
{
  background-color:#eee;
  color:#006;
  vertical-align:middle;
}

.tableRowLightBG td
{
  border-right:1px solid #f8f8f8;
}

.HiddenCell
{
  display:none;
}

.OrderTextBox
{
  text-align:center;
  font-weight:700;
  width:32px;
}

.ShoppingCartOverviewDiv
{
}

.CartOverviewTable
{
  width:100%;
  margin-top:40px;
  margin-bottom:16px;
  border-top-color:#989898;
  border-top-style:solid;
  border-top-width:1px;
  border-bottom-color:#989898;
  border-bottom-style:solid;
  border-bottom-width:1px;
}

.CartOverviewTableHeaderRow
{
  color:#707072;
  background-color:#eee;
  text-align:left;
  font-size:8pt;
  font-weight:400;
}

.CartOverviewTableHeaderRow th
{
  border-bottom:1px solid #989898;
  border-right:0px solid #f8f8f8;
}

.CartOverviewHeader
{
  margin-right:1px;
}

.CartOverviewLineDiv
{
  height:1px;
  background-color:#737377;
  position:relative;
  top:5px;
}

.CartOverviewHeading1
{
  font-weight:400;
  font-size:15px;
  color:#737377;
  position:relative;
  top:4px;
}

.CartOverviewHeading3
{
  font-weight:400;
  font-size:12px;
  position:relative;
}

.CartOverviewButton
{
  margin-bottom:4px;
  background-color:#1b2968;
  color:#fff;
  width:138px;
}

.CartOverviewBackButton
{
  background-color:#1B2968;
  background-image:url(../images/staedtler/button_left_arrow.jpg);
  background-position:25% 50%;
  background-repeat:no-repeat;
  color:#FFF;
  margin-bottom:4px;
  width:138px;
}

/* End of classes for the Shopping Cart Overview tables etc. */
/* Classes for the Merkzettel/Kaufen-Button */
.ShoppingCartButton
{
  margin-right:6px;
}

.CartImage
{
  margin-right:4px;
  position:relative;
  top:4px;
}

.BuyButtonDiv
{
  height:24px;
  width:100%;
  vertical-align:middle;
  text-align:right;
  background-repeat:no-repeat;
  background-position:right;
  font-weight:700;
}

.BuyButtonDiv a:link
{
  font-size:9pt;
  text-decoration:none;
  color:#1a2968;
}

.BuyButtonDiv a:visited
{
  font-size:9pt;
  text-decoration:none;
  color:#1a2968;
}

.BuyButtonDiv a:hover
{
  font-size:9pt;
  text-decoration:none;
  color:#1a2968;
}

.BuyButtonDiv a:active
{
  font-size:9pt;
  text-decoration:none;
  color:#1a2968;
}

/* End of Classes for the Merkzettel/Kaufen-Button */
/* Classes for the Sofort kaufen button */
.SofortKaufenDiv
{
  width:190px;
  height:22px;
  vertical-align:middle;
}

.SofortKaufenButton
{
  background-color:Transparent;
  font-size:10pt;
  font-weight:700;
  color:#fff;
  padding-left:34px;
  width:190px;
  height:22px;
  text-align:center;
  border:none 0;
}

/* End of Classes for the Sofort kaufen button */
/* these are the classes used for mouseover button highlighting */
a.buttonDetail,a.buttonDetailDisabled
{
  display:block;
  background-color:transparent;
  background-repeat:no-repeat;
  width:96px;
  height:20px;
  margin:0;
  padding:5px 0 0;
  text-align:center;
  font-size:9pt;
  font-weight:700;
  text-decoration:none;
  color:#1a2968;
}

a.buttonDetail:link,a.buttonDetail:visited
{
  text-decoration:none;
  background-position:0 -36px;
  color:#1a2968;
}

a.buttonDetail:hover,a.buttonDetail:active
{
  text-decoration:none;
  background-position:0 -36px;
  color:#1a2968;
}

a.buttonDetailDisabled:link,a.buttonDetailDisabled:visited
{
  text-decoration:none;
  background-position:0 0;
  color:#1a2968;
}

a.buttonDetailDisabled:hover,a.buttonDetailDisabled:active
{
  text-decoration:none;
  background-position:0 -36px;
  color:#1a2968;
}

.separating_div
{
  height:4px;
  width:100%;
  background-color:#ececec;
  position:relative;
  top:-4px;
  left:0;
}

/* End of mouseover highlighting classes */
/* used in the Shopping Cart Control in the right navigation panel */
.merkzettel_box
{
  display:block;
  float:right;
  height:43px;
  width:175px;
  border:1px solid #CCCCD2;
  background-image:url(../images/staedtler/cartcontrol_bg.jpg);
  background-repeat:repeat-y;
  background-position:right;
}

.merkzettel_box #left-column
{
  height:43px;
  width:43px;
  float:left;
}

.merkzettel_box #left-column img
{
  max-height:43px;
  max-width:43px;
  margin:25%;
}

.merkzettel_box #right-column span
{
  display:block;
  padding-top:5px;
}

/* End of used in the Shopping Cart Control in the right navigation panel */
