/*
  $Id: stylesheet.css,v 1.33 2010/03/26 15:59:32 rpv Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: Verdana, Arial, sans-serif; font-size: 11px; line-height: 15px; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 12px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 12px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 11px; color: #333333; text-decoration: underline; }

BODY {
  background: #eeeeee;
  color: #333333;
  margin: 0px;
  background-image: url(images/local/background.gif);
  background-repeat: repeat-x;    
}

A {
  color: #333333;
  text-decoration: underline;
}

A:hover {
  color: #666666;
  text-decoration: none;
}

A.smallLink:active, A.smallLink:link, A.smallLink:visited {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #333333;
  text-decoration: none;
}

A.smallLink:hover {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #666666;
  text-decoration: none;
}

A.menuLink:active, A.menuLink:link, A.menuLink:visited {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 17px;
  line-height: 29px;
  color: #b30019;
  text-decoration: none;
  background-image: url(images/bullet.gif);
  background-repeat: no-repeat;
  background-position: 7px 3px;
  padding-left: 29px;
}

A.menuLink:hover {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 17px;
  line-height: 29px;
  color: #b30019;
  text-decoration: none;
  background-image: url(images/bullet.gif);
  background-repeat: no-repeat;
  background-position: 7px 3px;
  padding-left: 29px;
}

A.naviLink:active, A.naviLink:link, A.naviLink:visited {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 18px;
  color: #666666;
  text-decoration: none;
}

A.naviLink:hover {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #888888;
  text-decoration: none;
}

FORM {
  display: inline;
}

.menu {
  padding: 6px 6px 6px 0px;
  background: #ffffff;
}

TR.header {
  background-image: url(images/local/background_header.gif);
  background-repeat: repeat-x;
}

TD.header_left {
  width: 10px;
  background-image: url(images/local/background_header_left.gif);
  background-repeat: no-repeat;
}

TD.header_right {
  width: 10px;
  background-image: url(images/local/background_header_right.gif);
  background-repeat: no-repeat;
}

TR.headerNavigation {
  background: #ffffff;
  color: #333333;
}

TD.headerNavigation {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #ffffff;
  color: #666666;
  font-weight: normal;
  border-bottom: 1px dotted #c8c8c8;
  padding: 0px 19px 0px 13px;
}

TD.menu_top {
  font-size: 9px;
  width: 184px;
  height: 12px;
  background-image: url(images/local/background_menu_top.gif);
  background-repeat: no-repeat;
}

TD.menu_middle {
  width: 184px;
  padding-left: 3px;
  padding-right: 2px;
  background-image: url(images/local/background_menu_middle.gif);
  background-repeat: repeat-y;
}

TD.menu_bottom {
  width: 184px;
  font-size: 9px;
  height: 12px;
  background-image: url(images/local/background_menu_bottom.gif);
  background-repeat: no-repeat;
}

.content {
  padding: 15px;
  background: #ffffff;
  height: 520px;
}

.content2 {
  padding: 15px 15px 0px 15px;
  background: #ffffff;
}

.main A {
  color: #b30019;
  text-decoration: underline;
  background: url(images/arrow_link.gif) 0px 2px no-repeat;
  padding-left: 17px;
  display: inline-block;  
}

.main A:hover {
  text-decoration: none;
}

DIV.tab-page A, H2.tab A, .main LI A, A.noarrow, .rollBoxContents A, TABLE.features A {
  background-image: none;
  padding-left: 0px;
}

DIV.tab-page A:hover, H2.tab A:hover, .main LI A:hover, A:hover.noarrow, .rollBoxContents A:hover, TABLE.features A:hover {
  background-image: none;
  padding-left: 0px;
}

TD.content_left {
  width: 10px;
  background-image: url(images/local/background_left.gif);
  background-repeat: repeat-y;
}

TD.content_right {
  width: 10px;
  background-image: url(images/local/background_right.gif);
  background-repeat: repeat-y;
}

DIV.tagcloud {
  width: 850px;
  height: 58px;
  background-image: url(images/local/background_tagcloud.gif);
  background-repeat: no-repeat;
  padding-top: 5px;
  margin-left: 3px;
  margin-top: 6px;
}

DIV.tagcloud A {
  text-decoration: none;
  color: #666666;
}

H2.tagcloud {
  font-family: Verdana, Arial, sans-serif;
  font-size: 17px;
  line-height: 22px;
  font-weight: bold;
  color: #333333;
  padding: 0px 10px;
  display: inline;
}

H3.tagcloud {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  line-height: 16px;
  font-weight: bold;
  color: #333333;
  padding: 0px 10px;
  display: inline;
  vertical-align: middle;
}

H4.tagcloud {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 20px;
  font-weight: normal;
  color: #333333;
  padding: 0px 10px;
  display: inline;
  vertical-align: top;
}

A.headerNavigation {
  color: #333333;
}

A.headerNavigation:hover {
  color: #333333;
}

TR.headerError {
  background: #ff0000;
}

.headerError {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

.headerOK {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #008000;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background-image: url(images/local/background_footer.gif);
  background-repeat: repeat-x;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #ffffff;
  color: #333333;
  background-image: url(images/local/background_footer_content.gif);
  background-repeat: repeat-x;
}

TD.footer_left {
  width: 10px;
  height: 20px;
  background-image: url(images/local/background_footer_left.gif);
  background-repeat: no-repeat;
}

TD.footer_right {
  width: 10px;
  height: 20px;
  background-image: url(images/local/background_footer_right.gif);
  background-repeat: no-repeat;
}

TD.footer_end {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #ffffff;
  color: #333333;
  padding: 9px;
}

.cms_header {
  border-bottom: 3px solid #dedede;
  background: #ffffff;
}

.infoBox {
  background: #C0C0C0;
}

.infoBoxContents {
  background: #f8f8f8;
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 14px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  background: #b30019;
  color: #ffffff;
  line-height: 18px;
  text-indent: 4px;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

DIV.infoBoxText {
  width: 204px;
  height: 54px;
  background-image: url(images/local/background_infobox.gif);
  background-repeat: no-repeat;
  margin-top: 5px;
  padding-top: 6px;
  float: left;
  margin-right: 11px;
}

.infoBoxText A {
  color: #b30019;
  font-size: 11px;
  text-decoration: underline;
}

.rollBoxContents {
  padding: 12px 8px 0px 8px;
  background: #f8f8f8;
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

.rollBoxContentsLeft {
  background-image: url(images/infobox/rollbox_ml.gif);
  background-repeat: repeat-y;
  width: 20px;
}

.rollBoxContentsRight {
  background-image: url(images/infobox/rollbox_mr.gif);
  background-repeat: repeat-y;
  width: 20px;
}

.rollBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 17px;
  background: #eeeeee;
  color: #b30019;
  height: 40px;
  background-image: url(images/infobox/rollbox_tm.gif);
  background-repeat: repeat-x;
}

.rollBoxHeadingLeft {
  width: 48px;
  height: 40px;
  background-image: url(images/infobox/rollbox_tl.gif);
  background-repeat: no-repeat;
}

.rollBoxHeadingRight {
  width: 48px;
  height: 40px;
  background-image: url(images/infobox/rollbox_tr.gif);
  background-repeat: no-repeat;
}

.rollBoxHeadingLite {
  height: 12px;
  background-image: url(images/infobox/rollbox_hm.gif);
  background-repeat: repeat-x;
}

.rollBoxHeadingLiteLeft {
  width: 20px;
  background-image: url(images/infobox/rollbox_hl.gif);
  background-repeat: no-repeat;
}

.rollBoxHeadingLiteRight {
  width: 20px;
  background-image: url(images/infobox/rollbox_hr.gif);
  background-repeat: no-repeat;
}

.rollBoxBottom {
  height: 12px;
  background-image: url(images/infobox/rollbox_bm.gif);
  background-repeat: repeat-x;
}

.rollBoxBottomLeft {
  width: 20px;
  background-image: url(images/infobox/rollbox_bl.gif);
  background-repeat: no-repeat;
}

.rollBoxBottomRight {
  width: 20px;
  background-image: url(images/infobox/rollbox_br.gif);
  background-repeat: no-repeat;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #f8f8f8;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #ffffff;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

TR.productListing-heading {
  background: #ECE0BB;
}

TD.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #eeeeee;
  color: #b30019;
  font-weight: bold;
  font-variant: small-caps;
  padding: 4px;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  padding: 4px;
}

A.pageResults {
  color: #333333;
}

A.pageResults:hover {
  color: #666666;
}

TD.pageHeading, DIV.pageHeading, H1.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 17px;
  line-height: 24px;
  font-weight: normal;
  color: #b30019;
  border-bottom: 1px dashed #b30019;
  margin-bottom: 9px;
}

HR {
  border: 0px;
  border-top: 1px dashed #aaaaaa;
  border-bottom: 1px dashed #ffffff;
}

DIV.headingNormal {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 17px;
  line-height: 17px;
  text-indent: 7px;
  font-weight: normal;
  color: #b30019;
}

H1.welcome {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 17px;
  text-align: center;
  font-weight: normal;
  color: #b30019;
  margin-top: 3px;
  margin-bottom: 2px;
}

H1.main {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #333333;
  margin-top: 0px;
  line-height: 1.5;
}

H1.productListing {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
  margin-top: 0px;
  margin-bottom: 0px;
}

H2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  color: #b30019;
}

H2.features {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #b30019;
  border-bottom: 1px dashed #AAAAAA;
  border-right: 1px dashed #AAAAAA;
  padding: 0px 2px 2px 2px;
  text-align: right;
}

H3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #333333;
}

TD, TH {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 17px;
}

TD.main, P, DIV {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 17px;
}

UL
{
  list-style-type: none;
}

LI {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  line-height: 21px;
  font-weight: bold;
  background-image: url(images/list_bullet.gif);  
  background-repeat: no-repeat;
  background-position: 0 .3em;
  padding-bottom: 3px;
  padding-left: 24px;
  border: 0px solid red;
}

.smallText {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 15px;
}

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
}

TEXTAREA {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
}

TEXTAREA, INPUT[type=text], SELECT
{
	border: 1px solid gray;
}

.long { width: 96%; }

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #666666;
  font-weight: bold;
}

.formArea {
  background: #f8f8f8;
  border-color: #dedede;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #ECE0BB; cursor: hand; }
.moduleRowSelected { background-color: #FAF6E9; }

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 12px; color: #333333; }

/* Heidelpay CSS */
.bar { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #B1C7DE; color: #FFFFFF; }
.bar a:link { color: #FFFFFF; text-decoration: none; }
.bar a:visited { color: #FFFFFF; text-decoration: none; }
.bar a:hover { color: #FFFFFF; text-decoration: underline; }
.bar a:active { color: #FFFFFF; text-decoration: none; }

BIG {
  font-size: 13px;
}

.productImage {
  border-width: 1px;
  border-color: #888888;
}

.layer {
  background: #ffffff;
  padding: 9px;
  position: absolute;
  top: -260;
  border-color: #222222;
  border-width: 3px;
  border-style: ridge;
}

.layer_push {
  visibility: hidden;
  background: #ffffff;
  width: 500px;
  border-color: #222222;
  border-width: 3px;
  border-style: ridge;
}

.layer_push_span {
  visibility: hidden;
  position: absolute;
  padding: 5px;
  width: 490px;
}

.layer_button {
  position: absolute;
  bottom: -20px;
}

.suma_footer {
  color: #666666;
}

BLOCKQUOTE {
  background: #f8f8f8;
  padding: 12px;
  border: 1px dashed #C8C8C8;
  border-left: 4px solid #C8C8C8;
  margin-left: 8px;
}

DIV.infoKorbLink
{
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #c0c0c0;
	padding: 5px;
	background: #f8f8f8;
}

DIV.infoKorbLink A
{
	font-weight: bold;	
}

TABLE.funktionen
{
	border: 0px solid gray;
	padding: 5px;		
}

TABLE.funktionen TD
{
	padding-bottom: 5px;	
	vertical-align: top;
}

TABLE.funktionen STRONG
{
	color: #b30019;
	padding-bottom: 5px;	
}

TABLE.funktionen A.highslide
{	
	background-image: none;	
	padding-left: 0px;
}

.highslide {
	cursor: url(/libs/highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide_info_link {
    cursor: help;
}
#highslide_info {
    width: 400px;
    height: 250px;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: 1px solid gray;	
}
.highslide:hover img {
	border: 1px solid #b30019;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    font-weight: bold;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(/libs/highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	display:none;
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;	
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

a.highslide-full-expand {
	background: url(/libs/highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

#highslide-html {
    background-color: white;    
    margin: 0px;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;    
}

.highslide-wrapper .highslide-html-content {
    width: 660px;
    height: 540px;
    padding: 0px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	/*display: none;*/
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	display: none;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	height: 0px;
	display: none;
}
.highslide-wrapper .highslide-body {
}


/* HIGHSLIDE: Mac-style close button */
.closebutton {
	display: none;
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: hand; /* ie */
	cursor: pointer; /* w3c */
	background: url(/libs/highslide/graphics/close.png);
	/* For IE6, remove background and add filter */
	_background: none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/libs/highslide/graphics/close.png', sizingMethod='scale');
}


/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

LI.highslide-close {
  background-image: none;
}

DIV.ansprechpartner {
	/*border: 1px solid gray;*/
}

DIV.ansprechpartner IMG {
	border-color: #b30019;	
}

DIV.sidebar {
	/*border: 1px solid gray;*/	
	position: relative;
	z-index: 1;
	width: 190px;
	border-left: 1px dashed #aaaaaa;
	padding: 5px 0px 5px 15px;
	margin: 5px;
	float: right;
}

TABLE.features
{
	margin: 5px;			
	text-align: justify;
}

TABLE.features TH
{
	padding-right: 10px;
	text-align: center;
	vertical-align: top;
	width: 192px;
}

TABLE.features TD
{
	 border-left: 1px solid #aaaaaa;
	 padding-left: 10px;
	 vertical-align: top;
}

UL.catList
{
	background-color:#ffffff;
}

DIV.newsletterBoxText
{
	padding-left: 7px;
	padding-top: 7px;
}

DIV.newsletterBoxInput
{
	padding-right: 15px;
	padding-top: 5px;
	line-height: 25px;
	text-align: right;	
}

INPUT.newsletterBoxInputText
{
	width: 154px;
	border: 1px solid gray;
}

INPUT.callbackBoxInputText
{
	width: 73px;
	border: 1px solid gray;
}

P.infoLogin
{
	color:black;
	margin-top: 10px;
	margin-bottom: 20px;
}

P.infoLogin STRONG
{
	color: #b30019;
	text-transform: uppercase;
}

DIV.fadeHeading
{
	text-decoration: underline;
	cursor: pointer;
	height: 18px;
}

DIV.fadeContentRueckruf
{
  padding:0px;
  margin:0px;
  width: 180px;
  height: 108px;
  overflow:hidden;
}

DIV.fadeContentNewsletter
{
  padding:0px;
  margin:0px;
	width: 180px;
	height: 125px;
  overflow:hidden;
}

SPAN.footerLinks
{
	color: gray;
}

SPAN.footerLinks A
{
	color: gray;
}

blockquote.twitter
{
	width:350px;
	margin:0px;
	background:white;
}

blockquote.twitter SPAN
{
	display: block;
	text-align: right;
}

DIV.badgeLayer
{
	position:relative;
	width:940px;
	margin: 0 auto;
}

DIV.badgeLayer DIV 
{
	z-index: 2;
	position:absolute;
	right: 5px;
	top: -12px;
}