/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css,v 1.4 2004/06/06 17:13:29 novalis Exp $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/

.boxText { 
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.boxTextBG  { font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold }
.boxTextBGII  { font-size: 10px; font-family: tahoma, Arial, Helvetica, sans-serif; background-color: #fbe5e5 }
.boxTextPrice {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ff0000;
}

.errorBox {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	font-weight: bold;
	background-color: #ffb3b5;
}
.gvBox {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-weight: bold;
	border: solid 1px #999;
	background-color: #ffb3b5;
}
.stockWarning { 
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit { 
	font-family : Arial, Helvetica, sans-serif;
	font-size : 10px;
	color: #70d250;
	text-decoration: underline;
}

BODY {
	color: #000000;
	margin: 0px;
	background-color: #ffffff;
}

img{
	border:0;
}
A  { color: #333; font-family: tahoma, Arial, Helvetica, sans-serif; text-decoration: none }
A:hover   { color: #000; font-family: tahoma, Arial, Helvetica, sans-serif; text-decoration: none }
FORM {
	display: inline;
}
TR.header   { background-position: center }
TD.navtrail { color: #fff; font-size: 9px; font-family: tahoma, Arial, Helvetica, sans-serif; background-color: #FC0404; background-repeat: repeat; padding-top: 1px; padding-bottom: 1px; vertical-align: middle; border-top: 1px solid; border-left: 1px solid; border-bottom: 1px solid; }
.headerNavigation:link { color: #fff; }
#headerNavigation { color: #fff; font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; background-color: #FC0404; background-repeat: repeat; padding-top: 1px; padding-bottom: 1px; vertical-align: middle; border-top: 1px solid; border-right: 1px solid; border-bottom: 1px solid; }
A.headerNavigation    { color: #fff; font-size: 11px }

A.headerNavigation:hover    { color: #ccc;}
TD.conditions {
  background-color: #FFCCCC;
}

A.confirmationEdit {
	color: #009933;
	font-style: italic;
}
A.confirmationEdit:hover {
	color: #009933;
	font-style: italic;
	text-decoration: underline;
}
TR.headerError { font-family: tahoma, arial, helvetica; background-color: #ff0000; }

TR.headerMessage { font-size: small; font-family: tahoma, arial, helvetica; background-color: #00cc33; }

.moduleHeading   { color: #fff; font-size: small; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #FC0404; text-indent: 5px; height: 18px; }

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

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
#infoBox   { font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; text-decoration: none; }
.infoBox1  { font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; text-decoration: none; border: solid 1px #999 }
.infoBoxContents { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; background-repeat: repeat; background-attachment: scroll; text-decoration: none; }

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #ffe6e6;
  font-family: Tahoma, Arial, sans-serif;
  font-size: 10px;
}
TD.tableBorderinfoBoxHeading  { border-bottom: 1px solid ; border-top-color: #999; border-right-color: #999; border-left-color: #999;#999 }
TD.infoBoxHeading             { color: #f5f5f5; font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #FC0404; background-repeat: repeat; background-position: 0 0; height: 18px  }
TD.infoBoxHeading_right              { color: #f5f5f5; font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #FC0404; background-repeat: repeat; background-position: 0 0; height: 18px }

TD.infoBox, SPAN.infoBox  { font-size: 10px; font-family: tahoma, Arial, Helvetica, sans-serif;}

TD.infoBox_right, SPAN.infoBox_right   { font-size: 10px; font-family: tahoma, Arial, Helvetica, sans-serif;  background-repeat: repeat; background-attachment: scroll }

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:  #F0F9FF;
}

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:  #F0F9FF;
}

TABLE.productListing {
  border: solid 1px #999;
  border-spacing: 1px;
}

.productListing-heading  { color: #f5f5f5; font-size: 12px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; text-transform: uppercase }

TD.productListing-data {
  font-family:  tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

A.pageResults  { color: #696969 }

A.pageResults:hover  { color: #000; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
TD.pageHeading, DIV.pageHeading, TD.pageHeadingLeft, h1    { color: #fff; font-size: 16px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-repeat: repeat; text-indent: 5px;}
TD.pageHeading, DIV.pageHeading, TD.pageHeadingLeft    { color: #fff; font-weight: bold; background-color: #FC0404; }
TD.pageHeadingModel           { color: #333; font-size: 14px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-repeat: repeat; background-attachment: scroll; text-indent: 5px; padding: 1px 0; width: 100%; vertical-align: middle; border: solid 1px #999  }

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: tahoma, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #000000;
}

TD.main, P.main { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 11px; }

TD.smallText, SPAN.smallText, P.smallText {
  font-family: sans-serif;
  font-size: 11px;
}

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

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

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

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

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

CHECKBOX, INPUT, RADIO, SELECT {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

TEXTAREA  { font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; padding: 2px; width: 100% }

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

SPAN.underline {
	text-decoration: underline;
}

TABLE.formArea   { font-family: tahoma, Arial, Helvetica, sans-serif; border: solid 1px #696969 }

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

TD.copyright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}
.copyright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}
.parseTime {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

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

SPAN.productSpecialPrice {
  font-family: tahoma, Arial, Helvetica, sans-serif;
  color: #ff0000;
}
SPAN.productOldPrice {
	font-family: tahoma, Arial, Helvetica, sans-serif;
	color: #ff0000;
	text-decoration: line-through;
}
.productInfoPrice  { color: #000; font-size: 16px; font-family: tahoma, Arial, Helvetica, sans-serif }
SPAN.errorText {
  font-family: Arial, Helvetica, sans-serif;
  color: #ff0000;
}

SPAN.productDiscountPrice {
  font-family: tahoma, Arial, Helvetica, sans-serif;
  color: #ff0000;
  font-weight: bold;
}

.smallHeading {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: Black;
}

.moduleRow { }

.moduleRowOver { 
	 cursor: pointer; cursor: pointer;	
}

.moduleRowSelected {  }

.checkoutBarFrom, .checkoutBarTo { font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Tahoma, Arial, sans-serif; font-size: 10px; color: #000000; }

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: tahoma, Arial, Helvetica, sans-serif; font-size: 16pt; }

/* Sitemap Tables */
.sitemap_heading      { font-size: 10pt; font-family: tahoma, Arial, Helvetica, sans-serif; background-image: url(img/topbg2.gif); background-repeat: repeat; padding-top: 2px; padding-bottom: 2px; border: solid 1px #696969 }
.sitemap_heading a   { color: #FC0404; color: #FC0404 }
.sitemap_heading a:hover  { color: #333; text-decoration: none }

.sitemap_sub    { color: #666; font-size: 9pt; font-family: tahoma, Arial, Helvetica, sans-serif; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 2px; border-width: 1px; border-color: #696969 }
.sitemap_sub a   { color: #666; font-size: 9pt; font-family: tahoma, Arial, Helvetica, sans-serif; background-color: transparent; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; padding: 2px; border-width: 1px; border-color: #696969 }
.sitemap_sub a:hover  { color: #FC0404; font-size: 9pt; font-family: tahoma, Arial, Helvetica, sans-serif; text-decoration: none; padding: 2px }


/* message box */

.messageBox { font-family: tahoma, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: tahoma, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: tahoma, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: tahoma, Arial, sans-serif; font-size: 10px; color: #ff0000; }

.tableShop {
background-color: #ffffff;
border-left: 1px solid;
border-right: 1px solid;
border-color: #b6b7cb;
}

.navLeft {
	border-right: 1px solid;
	border-color: #b6b7cb;
	background-image: url(img/bg_left_column.jpg);
	width: 185px;
}
.navRight {
	background-color: #ffffff;
	width: 185px;
}

.contentsTopics   { color: #fff; font-size: small; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #FC0404; text-indent: 5px; border: solid 1px   }

.tableListingI {
	background-color: #eeeeee;
}

.tableListingII {
	background-color: #d0d0d0;
}

.tableBody {
padding: 5px;
}

.poweredby       { color: #fff; font-size: 10px; font-family: tahoma, Arial, Helvetica, sans-serif; background-color: #FC0404; background-repeat: repeat-x; text-align: center; height: 20px; }
.onepxwidth  { width: 1px }

.box_border  { border: solid 1px #999 }
.shoppingCardBox  { font-size: 10px; font-family: tahoma, Arial, sans-serif; font-weight: bold; background: #ff8c00; border-color: #ffa500 }

TABLE.shoppingCardHeading     { color: #f5f5f5; font-size: 11px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold; background-color: #dc143c; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-transform: uppercase; height: 18px; border: solid 1px #999 }
TR.box_border  { border: solid 1px #999 }
/* td vom product_image in product_info.php*/
.productDescTitle  { color: #000; font-size: 18px; font-family: tahoma, Arial, Helvetica, sans-serif; font-weight: bold }
.productDesc   { color: #000; font-size: 12px; font-family: tahoma, Arial, Helvetica, sans-serif;}
TD.inListBG, TD.inListBGR, TD.smallTextImage, TD.tableBorderTopLeft, TD.tableBorderTopLeftRight, TD.tableBorderBottom, TD.tableBorderBottomRight, TD.tableBorderWithoutRight, TD.infoContentTD  { font-size: 11px; font-family: sans-serif; background: url(img/bg_white.gif); border: solid 0 #999 }

TD.inListBGR {
  border-right-width:1px;
}

TD.inListBG, TD.inListBGR, TD.smallTextImage, TD.tableBorderTopLeft, TD.tableBorderTopLeftRight, TD.tableBorderBottom, TD.tableBorderBottomRight, TD.tableBorderWithoutRight, TD.infoContentTD, TD.tableBorderTopLeftBottom, TD.tableBorderTopRightBottom   { font-size: 11px; font-family: sans-serif; background: url(img/bg_white.gif); border: solid 0 #999 }

TD.inListBGR {
  border-right-width:1px;
}
TD.tableBorderTopLeft, TD.tableBorderTopLeftRight, TD.tableBorderBottom, TD.tableBorderBottomRight, TD.tableBorderWithoutRight {  
  border-bottom-width:1px;
  border-left-width:1px;
}
TD.tableBorderTopLeftBottom { 
  border-top-width: 1px; 
  border-bottom-width: 1px;
  border-left-width: 1px
}

TD.tableBorderTopRightBottom {
  border-top-width: 1px;
  border-right-width: 1px;
  border-bottom-width: 1px;
}

TD.tableBorderTopLeftRight {  
  border-right-width:1px;
}

TD.tableBorderBottom {  
  border-bottom-width:1px;
}

TD.tableBorderBottomRight {  
  border-right-width:1px;
  border-bottom-width:1px;
}

TD.tableBorderWithoutRight {
  border-top-width:1px;
}

TD.smallTextImage{
  border-top-width:1px;
  border-bottom-width:1px;
  border-left-width:1px;
  border-right-width:1px;
}

METADATEN LINK: <link href="styles.css" rel="stylesheet" type="text/css">


#startseitentext {
	width: 800px;
	font-family: Arial,Helvetica,sans-serif;
	margin: 500px auto auto auto;
	text-align: justify;
	font-size: 12px;
}

#startseitentext p {
	text-align: justify;
	margin-top: 25px;
}

#startseitentext h1 {
	font-size: 18px;
	text-align: center;
	color: #FC0404;
}

#startseitentext h2 {
	font-size: 14px;
	text-align: left;
	color: #FC0404;
}

#startseitentext h3 {
	font-size: 12px;
	text-align: center;
}

#startseitentext a:link, #startseitentext a:visited, #startseitentext a:active, #startseitentext a:hover   {
	color: #FC0404;
	text-decoration: none;
}

#startseitentext li {
	font-size: 12px;
	text-align: left;
	color: #000000;
	font-weight: normal;
}

#hinweistext {
	width: 800px;
	font-family: Arial,Helvetica,sans-serif;
	margin-top: 400px;
	margin-bottom: 10px;
	font-size: 12px;
}

#hinweistext a:link, #hinweistext a:visited, #hinweistext a:active, #hinweistext a:hover  {
	color: rgb(153, 51, 51);
	text-decoration: none;
}

#datenschutzhinweis {
	width: 800px;
	font-family: Arial,Helvetica,sans-serif;
	margin: 500px auto auto auto;
	text-align: justify;
	font-size: 12px;
}

#datenschutzhinweis h1 {
	font-size: 18px;
	text-align: left;
	color: rgb(153, 51, 51);
}

#datenschutzhinweis a:link, #datenschutzhinweis a:visited, #datenschutzhinweis a:active, #datenschutzhinweis a:hover  {
	color: rgb(153, 51, 51);
	text-decoration: none;
}

#infotext {
	width: 100%;
	font-family: Arial,Helvetica,sans-serif;
	text-align: justify;
	font-size: 12px;
}

#infotext p {
	margin-top: 25px;
}

#infotext h1 {
	font-size: 18px;
	text-align: center;
	color: #FC0404;
}

#infotext a:link, #infotext a:visited, #infotext a:active, #infotext a:hover  {
	color: #FC0404;
	text-decoration: none;
}

#wissenswertes {
	width: 800px;
	font-family: Arial,Helvetica,sans-serif;
	margin: 500px auto auto auto;
	text-align: justify;
	font-size: 12px;
}

#wissenswertes a:link, #wissenswertes a:visited, #wissenswertes a:active, #wissenswertes a:hover  {
	color: rgb(153, 51, 51);
	text-decoration: none;
}

/* Online Marketing Solutions AG Call-To-Action Button */

.btn-css {
	/* Box-Schatten */
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	
	
	/* Textformatierung und Abstände */
	display:inline-block;
	font-family:arial;
	font-size:16px;
	font-weight:normal;
	padding:12px 12px 16px 12px;
}

.link {
	text-decoration:none;
	
	/* IE 6 */
	cursor:pointer;
}

/* Druck-Effekt bei Klick */
.btn-css:active {
	position:relative;
	top:1px;
}

/* Pfeil */
.arrow {
	font-size:20px;
}

/* Abgerundete Ecken und Umrandung (kein IE) */
.rounded {
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border:1px solid #ddd;
}

/* Farben */
.red {

	/* Verlauf Start */
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #FF0000), color-stop(1, #7F0000) );
	background:-moz-linear-gradient( center top, #FF0000 5%, #7F0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#FF0000', endColorstr='#7F0000');
	
	/* Hintergrundfarbe (alternativ für ältere Browser) */
	background-color:#7F0000;
	
	/* Textfarbe und Text-Schatten */ 
	color:#ffffff;
	text-shadow:1px 1px 0px #454545;
}

/* Verlauf bei Hover */
.red:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #7F0000), color-stop(1, #FF0000) );
	background:-moz-linear-gradient( center top, #7F0000 5%, #FF0000 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#7F0000', endColorstr='#FF0000');
	
	/* Wechsel der Hintergrundfarbe (alternativ für ältere Browser) */
	background-color:#FF0000;
}

#infotext p.center_btn {width:100%;text-align:center;display:block;margin:0px;}

#infotext ul.vorteile {
            padding:10px 20px;
            background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #F4F4F4), color-stop(1, #DAD9D9) );
            background:-moz-linear-gradient( center top, #F4F4F4 5%, #DAD9D9 100% );
            filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#F4F4F4', endColorstr='#DAD9D9');
            -moz-box-shadow: 0px 0px 5px #888;
  -webkit-box-shadow: 0px 0px 5px #888;
  box-shadow: 0px 0px 5px #888;
            width:270px;
            margin:0px auto;
}
#infotext ul.vorteile li {
            font-weight:bold;
            list-style-type:none;
            color:#000000;
            /* padding:0px; */
            padding-left:20px;
}
#infotext ul.vorteile ul {
            margin-top:10px;
            padding-left:20px;
}
#infotext ul.vorteile li li {
            font-weight:normal;
            list-style-image: url('http://www.mediaid-online.com/pfeil_rot.gif');
            color:#000000;
            padding-left:20px;
}