/*
  $Id: stylesheet.css,v 1.5 2009-11-02 13:31:08 dholst 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; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

body {
	background-image:url(images/eigene_bilder/hintergrund.gif);
	background-position:center;
	color: #000000;
	margin: 0px;
	background-color : #ffffff;
}

A {
  color: #000000;
  text-decoration: none;
}

A:hover {
  color: #FF0000;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {
  background: #8ABDF0;


}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  /*background: #447BF0;*/
  background: #5B95FC;
  color: #ffffff;
  font-weight : bold;
  font-style: italic;    
}

A.headerNavigation { 
  color: #FFFFFF; 
}

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

TR.headerError {
  background: #ff0000;
}

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

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;
  }

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

/*
Boxränder
*/
.infoBox {
  background: #b6b7cb;
  
  }

.infoBoxContents {
  background: #EAEAEA;
/*  background: #f8f8f9;*/
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
/*
  background: #f8f8f9;
  background-image: url("images/elfe.jpg");
*/
}

.infoBoxNotice {
  background: #FF8E90;
}

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

TD.infoBoxHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  font-weight: bold;
  font-style: italic;    
  background: #5B95FC;

/*  background: #8ABDF0;*/
  color: #ffffff;

}

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

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: #f8f8f9;*/
  background: #EAEAEA;

}

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: #f8f8f9;*/
  background: #EAEAEA;
}

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

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-style: italic;
  background: #5B95FC;
  color: #FFFFFF;
  font-weight: bold;
}

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

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 20px;
  font-weight: bold;
  font-style: italic;
  color: #5B95FC;
}

TR.subBar {
  background: #f4f7fd;
}

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

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

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

TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  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: 10px;
  color: #ff0000;
}

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

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

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

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

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

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

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

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

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; cursor: hand; }
.moduleRowSelected { background-color: #E9F4FC; }

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

/* message box */

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

/* input requirement */

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

.tax_info {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #758389;
}

.ts_notification_disclaimer {
  font-style: italic;
  color: #666;
}

.ts_linkdefault {
  color:#0000FF;
}
.ts_revocation_text {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background-color: #EAEAEA;
  border:1px solid #B6B7CB;  
  padding: 5px;
  margin-top:10px;
  height: 230px;
  overflow: auto;
}
.ts_revocation_text h2 {
	display:none;	
}
.ts_revocation_text h3 {
	font-size: 12px;
	margin-bottom:0px;	
}

.ts_revocation_agb_confirm_box {
  background-color: #EAEAEA;
  border:1px solid #B6B7CB;  
  padding: 5px;
  margin-top: 10px;
}

div.additional_images {
	/*
	background-color: #EAEAEA;
	*/	
	border-bottom:1px solid #B6B7CB;

	margin-bottom:10px;
}
div.additional_images h3{
	font-size: 12px;
	margin-left: 5px;
}

div.additional_images p{
	text-align: center;
}
div.additional_images img.main{ 
	border:1px solid #B6B7CB;
}
div.additional_images img.small{
	/*border:1px solid #B6B7CB;*/
}
div.additional_images a.fancy{
	text-decoration: none;
}

/* Liefer und Versandkostentabelle in den Kundeninformationen */
div.iqShippingTable h3 {
	font-size:12px;	
}
div.iqShippingTable table {
	border-collapse: collapse;
	border:1px solid #666;	
}

div.iqShippingTable table td,
div.iqShippingTable table th {
	font-size:12px;
	font-family: Verdana, Arial, sans-serif;
	border:1px solid #666;	
	padding: 2px;
}

div.iqShippingTable span.free {
  color:red;
  font-weight: bold;
}
div.iqShippingTable span.light {
  color:#999;
}
/*
	IQ-2009-11-02-dh: Anzeige der unverbindlichen 
	Preisempfehlungen als Textbaustein
*/
span.uvp_message {
	font-weight: bold;
	font-size:0.9em;
}
span.uvp_string {
	text-decoration: line-through;
	font-size:0.9em;
}
p.uvp_message_details {
	font-weight: bold;
	text-align: center;
	font-family: Verdana,Arial,sans-serif;
	font-size: 12px;
}

.paymentboxicons {
	text-align: center;	
} 
.paymentboxicons img{
	display: block;
	margin: 0px auto 4px auto;
	border: 1px solid black;
}

h1.dreizehn{
font-style:italic; 
font-size:13px;
}

h1.vms{
font-size:1.0em;
font-style:normal;
color:black;
}

h1.vmsn,h2.vmsn,h3.vmsn{
font-size:1.2em;
display:inline;
font-size:11px;
font-weight:normal;
}


.anythingSlider                         { width: 560px; height: 360px; position: relative; margin: 0 auto 15px; }
.anythingSlider .wrapper                { width: 480px; overflow: auto; height: 324px; margin: 0 40px; position: absolute; top: 0; left: 0; }

                                        /* Width below is max for Opera */
.anythingSlider .wrapper ul             { width: 32700px; list-style: none; position: absolute; top: 0; left: 0; background: #fff; border-top: 3px solid #e0a213; border-bottom: 3px solid #e0a213; margin: 0; }
.anythingSlider .wrapper ul li          { display: block; float: left; padding: 0; height: 317px; width: 680px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; text-indent: -9999px; position: absolute; top: -250px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -20px; }
.anythingSlider .back                   { background-position: -67px 0; left: -20px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

.thumbNav                               { position: relative; top: 323px; text-align: center; }
.thumbNav li                            { display: inline; }
.thumbNav a                             { color: black; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; background: #c58b04 url(images/cellshade.png) repeat-x; text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.thumbNav a:hover                       { background-image: none; }
.thumbNav a.cur                         { background: #e0a213; }

.start-stop                             { z-index: 10; background: #e0a213; background-image: url(images/cellshade.png); background-repeat: repeat-x; color: white; padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 45px; top: 323px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; }
.start-stop.playing                     { background-color: #e0a213; }
.start-stop:hover                       { background-image: none; }

/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }

.lili	{float:left; width:230px; margin:10px 0px 0px 0px;}
.lili h2 {display:inline; font-size:14px; font-weight:bold;}
.lili b {font-size:14px;}
.rere	{float:right; }
.rere img {margin-right:210px; margin:20px 230px 0px 10px;}

#scats  td{
line-height:18px;
font-family: Verdana, Arial, sans-serif; font-size: 11px;
}

a.clnk{
padding-left:2px;
text-decoration:none;
font-size:11px;
}

a.clnk:hover{
height:18px;
width:180px;
padding:2px 10px 2px 6px;
margin-left:-10px;
text-decoration:none;
font-size:12px;
background-color:#ccc;
}

#catdescr{
font-family: Verdana, Arial, sans-serif; font-size: 10px;
margin:-30px 0 30px 0;
width:480px;
}

a.tooltip{
    position:relative; /*this is the key*/
    z-index:24;
    text-decoration:none;
	}

a.tooltip:hover{z-index:25; background-color:inherit; color:#ffffff; }

a.tooltip span{display: none}

a.tooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-10em; left:-8em; width:20em; height:80px;
    border:1px solid #ccc;
    background-color:#FEFF9F; color:#000000;
    text-align:left; 
	padding:10px;
	text-transform:none;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	}
	

	
a.d4utooltip{
    position:relative; /*this is the key*/
    z-index:-1;
    text-decoration:none;
	cursor:default;
	}

a.d4utooltip:hover{z-index:25; background-color:inherit; color:#ffffff; }

a.d4utooltip span{display: none}

a.d4utooltip:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:-10em; left:-5em; width:10em; height:0.6em;
    border:1px solid #ccc;
    background-color:#fff; color:#000000;
    text-align:left; 
	padding:10px;
	text-transform:none;
	font-family: "Trebuchet MS", Verdana, sans-serif;
	}
	
	
#osteraktion{
margin-bottom:20px;
margin-left:10px;
}

div#osteraktion a{
background: transparent url("images/osteraktion01.jpg") 0px 0px no-repeat;
border:none;
display: block;
width: 520px;
height: 260px;
}

div#osteraktion a:hover{
background: transparent url("images/osteraktion02.jpg") 0px 0px no-repeat;
border:none;
display: block;
width: 520px;
height: 260px;
}