/* -----------------------------------------------------------------------------------------

   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   
   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 
   ---------------------------------------------------------------------------------------*/


/* Zentrale Formate definieren
******************************************************************************************************** */
body {
	font-family:Arial,Sans-serif,Verdana;
	font-size:12px;
	color:#000000;
	margin:0;
    background-color:#D6DADE;
	padding:10px 8px 10px 8px;
}

/* Links, Container, Bilder, Listen, Formulare, Ueberschriften
----------------------------------------------- */
p, a, img, div, li, form, h1, h2, h3, h4, h5, h6, hr, table, td, th {
	margin:0;
	padding:0;
	border:none;
	line-height:17px;
}

/* Auflistungen
----------------------------------------------- */
ul, ol{
	padding-left:20px;
}

/* Tabellen
----------------------------------------------- */
table {
	width:100%;
	empty-cells:show;
	table-layout:auto;
	border-collapse:collapse;
	border:none;
}

/* Absaetze im Text
----------------------------------------------- */
p {
	padding:8px 0 8px 0;
}

/* Ueberschriften im Text
----------------------------------------------- */
h1, h2, h3, h4 {
	font-size: 19px;
	color:#CC0000;
	font-weight:bold;
}

h1 {
	font-size: 16px;
}

h1, h2 {
	line-height: 22px;
}

h2 {
	font-size: 16px;
}
h3 {
	font-size: 12px;
}
h4 {
	font-size: 11px;
}
h5 {
	font-size: 11px;
	color:#999999;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:8px;
}

/* Links im Text
----------------------------------------------- */
a {
	color:#000000;
	text-decoration:none;
}
a.red {
	color:#990000;
}
a.iconPdf, a.iconBook, a.iconMovie {
	padding:4px 0 4px 25px;
	background-repeat:no-repeat;
	background-position:left center;
}
a.iconMovie {
	background-image:url(img/icon_movie.gif);
	color:#595959;
}
a.iconPdf {
	background-image:url(img/icon_pdf.gif);
}
a.iconBook {
	background-image:url(img/icon_book.gif);
}
a:hover {
	color:#990000 !important;
	text-decoration:none !important;
}

/*
Trennlinien horizontal
----------------------------------------------- */
hr {
	border-bottom:1px solid #CCCCCC;
	height:1px;
}


/* Formularfelder
----------------------------------------------- */
.inputField input{
	width:140px;
	border:1px solid #cccccc;
}
.textareaField textarea{
	width:100%;
	border:1px solid #cccccc;
}
.checkboxField input{
	margin:0px 3px 0px 0px;
}
.radioField input{
	margin:0px 10px 0px 5px;
}
.selectField select{
	width:140px;
	border:1px solid #cccccc;
}
table.form tr td {
	padding:3px;
}

/* Richtungen und Plazierungen (important CSS-Classes)
----------------------------------------------- */
.left		{ text-align: left !important; }
.center		{ text-align: center !important; }
.top		{ vertical-align: top !important; }
.middle		{ vertical-align: middle !important; }
.bottom		{ vertical-align: bottom !important; }
.right		{ text-align: right !important; }
.floatLeft	{ float: left !important; }
.floatRight	{ float: right !important; }
.nowrap		{ white-space: nowrap !important; }
.wrap		{ white-space: normal !important; }
.cursorhand { cursor:pointer !important; }
.clearleft	{ clear:left !important; }
.clearright	{ clear:right !important; }
.clearboth	{ clear:both !important; }
.noBorder	{ border:none !important; }
.coupon		{ color:#cc0000; }
.bold { font-weight:bold; }


/* Bereiche definieren
******************************************************************************************************** */


/* Main Container (ueber gesamte Seite)
----------------------------------------------- */
div#mainContainer {
	width: 852px;
	background-color: #FFFFFF;
}



/* Header
------------------------------------------------ */
div#weHeaderTop {
	border:1px solid #85A3C2;
	padding:6px 12px 6px 12px;
}
div#weHeaderTop table tr td {
	width:50%;
	vertical-align:middle;
	text-align:right;
	color:#336699;
}
div#weHeaderTop table tr td.weHeaderTopDate {
	text-align:left;
	font-weight:bold;
}
div#weHeaderTop table tr td.weHeaderTopNavi a {
	text-align:right;
	color:#336699;
	margin-left:13px;
}
div#weHeader {
	border:1px solid #85A3C2;
	border-top:none;
	padding:2px;
}
div#weHeader table tr td {
	width:25%;
	vertical-align:middle;
	text-align:left;
	background-color: #DDE6EB;
}
div#weHeader table tr td.weHeaderContent{
	width:50%;
	text-align:center;
}
div#weHeader table tr td div.spBoxBody{
	position:relative;
	height:67px;
	width:193px;
	background-image:url(img/topTeaserLeftBg.gif);
	background-position:center;
}
div#weHeader table tr td.topTeaserLeft div.spBoxBody{
	margin-left:9px;
}
div#weHeader table tr td.topTeaserRight div.spBoxBody{
	margin-left:29px;
}
div#weHeader table tr td div.spBoxBody div.spBoxImg{
	position:absolute;
	top:0px;
	left:18px;
}
div#weHeader table tr td div.spBoxBody a{
	font-size:10px;
	color:#336699;
	line-height:1em;
}
div#weHeader table tr td div.spBoxBody div.spBoxTitle, div#weHeader table tr td div.spBoxBody div.spBoxText{
	position:absolute;
	top:14px;
	left:72px;
	color:#336699;
	width:113px;
}
div#weHeader table tr td div.spBoxBody div.spBoxTitle a{
	text-transform:uppercase;
	font-size:0.9em;
	font-weight:bold;
	line-height:0.9em;
}
div#weHeader table tr td div.spBoxBody div.spBoxText{
	top:36px;
}
div#weHeaderSearch{
	padding:11px 15px 13px 13px;
	border-bottom:3px solid #85A2C2;
}
div#weHeaderSearch table tr td{
	
	vertical-align:middle;
	text-align:left;
}
div#weHeaderSearch table tr td.weHeaderSearchContent{
	width:40%;
	text-align:center;
}
div#weHeaderSearch table tr td.weHeaderSearchContent form table{
	border:3px solid #cccccc;
}
div#weHeaderSearch table tr td.weHeaderSearchContent form table tr td{
	text-align: left;
	color: #cccccc;
	padding: 5px 6px 5px 6px;
}
div#weHeaderSearch table tr td.weHeaderSearchContent form table tr td.quickSearchInput input{
	border:1px solid #cccccc;
	width:200px;
}
div#weHeaderSearch table tr td.weHeaderSearchContent form table tr td a{
	white-space:nowrap;
	color:#336699;
}
div#weHeaderSearch table tr td.weHeaderLogin{
	text-align:right;
}
div#weHeaderSearch table tr td.weHeaderLogin a {
	font-weight:bold;
    margin-left: 5px;
    margin-right: 8px;
}



/* Breadcrumb
------------------------------------------------ */
div#weBreadcrumb{
	padding: 10px 13px 10px 13px;
}
div#weBreadcrumb span{
	margin: 0 8px 0 8px;
	padding: 0;
}



/* Linke Boxen
------------------------------------------------ */
div#weBoxLeft{
	float:left;
	margin:0 14px 14px 0;
	width:183px;
}



/* Linke Box categories
------------------------------------------------ */
div#weCategories{
	border-top:1px solid #D0D0D0;
}
div#weCategories a{
	display:block;
	padding: 6px 13px 6px 23px;
	border-bottom:1px solid #D0D0D0;
}
div#weCategories a.level1{
	font-weight:bold;
	padding: 6px 0px 6px 13px;
	background-color:#EDEDED;
	text-transform:uppercase;
}
div#weCategories a.level3{
	padding-left: 33px;
}
div#weCategories a.level4{
	padding-left: 43px;
}
div#weCategories a.active{
	color:#cc0000;
}



/* Teaser Mitte
------------------------------------------------ */
div#mainTeaser{
	float:right;
	width:656px;
	height:367px;
	margin:0 0 13px 0;
}
div#mainTeaser div.mainTeaserBackground {
	background-repeat:no-repeat;
	background-position:right top;
	padding:0 332px 0 11px;
	height:349px;
}
div#mainTeaser div.mainTeaserBackground a.mainTeaserTitle, 
div#mainTeaser div.mainTeaserBackground div.mainTeaserStoerer, 
div#mainTeaser div.mainTeaserBackground div.mainTeaserText, 
div#mainTeaser div.mainTeaserBackground div.mainTeaserPrice, 
div#mainTeaser div.mainTeaserBackground div.mainTeaserBuyNowButton {
	padding-top:14px;
}
div#mainTeaser div.mainTeaserBackground a.mainTeaserTitle {
	display:block;
}
div#mainTeaser div.mainTeaserBackground a.mainTeaserTitle h1 {
	color:#990000;
    font-family:'Times New Roman', serif;
    font-size: 30px;
}
div#mainTeaser div.mainTeaserBackground div.mainTeaserPrice {
	float:left;
	padding-left:0px;
	font-weight:bold;
}
div#mainTeaser div.mainTeaserBackground div.mainTeaserBuyNowButton {
	float:right;
	padding-right:20px;
}
div.mainTeaserActive{
	margin-top:-362px !important;
}



/* Mittlerer Inhalt
------------------------------------------------ */
div#weMainContent{
	float:right;
	width:430px;
	margin:0 14px 14px 0;
}
div#weMainContent .weMainContentBody{
	border-top:1px solid #cccccc;
	padding:4px 9px 4px 9px;
}
div#weMainContent h5 {
	margin-top:8px;
	margin-bottom:0;
}
div#weMainContent div.spacer{
	height:14px;
	line-height:14px;
}
div#weMainContent div.weMainContentBody p.weMainContentText{
	padding:0px;
}

/* Kategorielisten, Produktlisten, Produktdetails 
------------------------------------------------ */
div#weMainContent div.weMainContentBody div.productImage{
	width:240px;
	height:240px;
	text-align:center;
}
div#weMainContent div.weMainContentBody div.productInfo{
	width:176px;
}
div#weMainContent div.weMainContentBody div.productData{
	width:176px;
}
div#weMainContent div.weMainContentBody div.productData div.productPriceInfo {
	padding-top:14px;
}
div#weMainContent div.weMainContentBody div.productData h2.productPrice {
	color:black;
	padding-top:6px;
}
div#weMainContent div.weMainContentBody div.productData div.productTaxInfo {
	padding-top:6px;
}
div#weMainContent div.weMainContentBody div.productData div.productTaxInfo a {
	color:#cc0000;
}
div#weMainContent div.weMainContentBody div.productData div.productShippingInfo {
	padding-top:15px;
}
div#weMainContent div.weMainContentBody div.productData div.productShippingInfo img {
	margin-right:7px;
}
div#weMainContent div.weMainContentBody div.productData div.productVideo {
	padding-top:15px;
}
div#weMainContent div.weMainContentBody div.productData div.productAudio {
	padding-top:15px;
}
div#weMainContent div.weMainContentBody div.productData div.productAudio .title {
	margin:-16px 0 0 25px;
	color:#595959;
}
div#weMainContent div.weMainContentBody div.productData div.productDocument {
	padding-top:18px;
}
div#weMainContent div.weMainContentBody div.productData div.productAddCart {
	padding-top:18px;
}
div#weMainContent div.weMainContentBody div.productData div.productAddCart div.inputField input {
	width:50px;
}

/* Bestellvorgang 
------------------------------------------------ */
div#weMainContent div.weMainContentBody table.orderProcess {
	margin-top:14px;
}
div#weMainContent div.weMainContentBody table.orderProcess thead tr th, div#weMainContent div.weMainContentBody table.orderProcess tbody.headInside tr td{
	border-top:1px solid #d0d0d0;
	border-bottom:1px solid #d0d0d0;
	vertical-align:bottom;
	background-color:#ececdc;
}
div#weMainContent div.weMainContentBody table.orderProcess tbody.headInside tr td{
	padding:0 !important;
}
div#weMainContent div.weMainContentBody table.orderProcess thead tr th.first, div#weMainContent div.weMainContentBody table.orderProcess tbody.headInside tr td.first{
	border-left:1px solid #d0d0d0;
}
div#weMainContent div.weMainContentBody table.orderProcess thead tr th.last, div#weMainContent div.weMainContentBody table.orderProcess tbody.headInside tr td.last{
	border-right:1px solid #d0d0d0;
}
div#weMainContent div.weMainContentBody table.orderProcess thead tr th div, div#weMainContent div.weMainContentBody table.orderProcess tbody.headInside tr td div{
	border:1px solid #ffffff;
	border-right:none;
	padding:5px 9px 3px 9px;
	font-weight:bold;
}
div#weMainContent div.weMainContentBody table.orderProcess thead tr th.last div, div#weMainContent div.weMainContentBody table.orderProcess tbody.headInside tr td.last div{
	border-right:1px solid #ffffff;
}
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td{
	border-bottom:1px dotted #cccccc;
	padding:5px;
	vertical-align:top;
	text-align:left;
}
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td.paddingTop{
	padding-top:14px;
}
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td.paddingBottom{
	padding-bottom:14px;
}
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td div.productPrice{
	padding-top:5px;
}
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td div.productAttribute{
	padding-top:2px;
}
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td div.productAttribute span.productAttributeName{
	display:block;
	padding-top:2px;
	line-height:1em;
}
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td div.productAttribute span.productAttributeValue{
	font-style:italic;
	font-size:0.9em;
	line-height:1em;
}
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td.inputFieldCenter input{
	width:80%;
	border:1px solid #cccccc;
	text-align:center;
}
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td span.inputRequirement{
	font-size:11px;
}
div#weMainContent div.weMainContentBody table.orderProcess tfoot tr td{
	border:none;
	border-top:1px solid #cccccc;
	padding:10px 5px 10px 5px;
}
div#weMainContent div.weMainContentBody table.orderProcess tfoot tr td a{
	font-weight:bold;
	color:#cc0000;
}
.blockAddressList table tr td, .blockAddressList table tr td table tr td{
	border-bottom:none !important;
}
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td.shippingBlock, 
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td.paymentBlock,
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td.productsBlock {
	padding:14px;
}
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td.shippingBlock table, 
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td.paymentBlock table,
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td.productsBlock table {
	margin-top:14px;
	margin-bottom:14px;
}
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td.shippingBlock table thead tr th, 
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td.paymentBlock table thead tr th,
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td.productsBlock table thead tr th {
	border:1px solid #cccccc;
	background-color:transparent;
	padding:3px;
}
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td.shippingBlock table tbody tr td, 
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td.paymentBlock tbody tr td,
div#weMainContent div.weMainContentBody table.orderProcess tbody tr td.productsBlock tbody tr td {
	border:none;
	border-bottom:1px dotted #cccccc;
	background-color:transparent;
	padding:3px;
}

/*
Statusbar des Bestellvorganges
------------------------------------------------ */
div#weMainContent div.orderStatusBar{
	height:50px;
	width:460px;
	background-image:url(img/orderStatusBarBg.gif);
	background-position:top center;
	background-repeat:no-repeat
}
div#weMainContent div.orderStatusBar ul{
	list-style-type:none;
	margin:0;
	padding:0px 15px 0 10px
}
div#weMainContent div.orderStatusBar ul li {
	float:left;
	width:24%;
	text-align:center;
	padding-top:3px;
}
div#weMainContent div.orderStatusBar ul li span{
	font-size:11px;
}
div#weMainContent div.orderStatusBar ul li div{
	font-size:7px;
}
div#weMainContent div.orderStatusBar ul li span.number {
	font-size:11px;
	padding:1px 10px 1px 10px;
	background-color:#ffffff;
	border:1px solid #CCCCCC;
	font-weight:bold;
	color:#686868;
}
div#weMainContent div.orderStatusBar ul li.active {
	width:27%;
	font-weight:bold;
}
div#weMainContent div.orderStatusBar ul li.active span{
	font-size:11px;
	font-weight:bold;
}
div#weMainContent div.orderStatusBar ul li.active span.number {
	background-color:#D20C1B;
	border:1px solid #D20C1B;
	color:#ffffff;
}

/* Spezialboxen 
------------------------------------------------ */
div#weMainContent div.specialBoxes {
	padding:14px 0 0 14px;
}
div#weMainContent div.specialBoxes h5 {
	margin-top:0;
	margin-bottom:2px;
}
div#weMainContent div.specialBoxes div.specialBox{
	padding-top:10px;
	float:left;
	width:187px;
}
div#weMainContent div.specialBoxes div.rightLine {
	padding-right:14px;
	margin-right:14px;
	border-right:1px solid #cccccc;
}
div#weMainContent div.specialBoxes div.leftLine {
	padding-left:14px;
	margin-left:-15px;
	border-left:1px solid #cccccc;
	width:200px;
}



/* Rechte Boxen
------------------------------------------------ */
div#weBoxRight{
	float:right;
	width:210px;
	margin:0 0 14px 0;
	border-top:1px solid #D0D0D0;
}
div#weBoxRight .weBoxHeaderLine{
	display:block;
	border-bottom:1px solid #D0D0D0;
	border-left:1px solid #D0D0D0;
	font-weight:bold;
	padding: 6px 0px 6px 13px;
	background-color:#EDEDED;
	text-transform:uppercase;
}
div#weBoxRight .weBoxBody{
	padding: 13px 8px 23px 12px;
	border-left:1px solid #D0D0D0;
	border-bottom:1px solid #D0D0D0;
}
div#weBoxRight .weBoxBody div.buttons{
	text-align:right;
	padding-top:10px;
}
div#weBoxRight .cart{
	padding:0 0 23px 7px !important;
}
div#weBoxRight .cart table{
	width:200px;	
}
div#weBoxRight .cart .buttons{
  padding-right:10px;
}
div#weBoxRight .cart .borderLeft{
	border-left:1px solid #cccccc;
}
div#weBoxRight .cart table thead tr th, div#weBoxRight .cart table tbody tr td, div#weBoxRight .cart table tfoot tr td{
	padding: 6px 7px 6px 7px;
	border-bottom:1px solid #cccccc;
	vertical-align:top;
}
div#weBoxRight .cart table thead tr th {
	font-weight:bold;
}
div#weBoxRight .cart table tfoot tr.discount td{
	padding-bottom:0px !important;
}
div#weBoxRight .cart table tfoot tr.salesTax td{
	padding-bottom:0px !important;
}
div#weBoxRight .cart table tfoot tr.orderTotal td{
	font-weight:bold;
	padding-bottom:0px !important;
}
div#weBoxRight .cart table tfoot tr.shippingInfo td{
	padding-bottom:0px !important;
}
div#weBoxRight .cart table thead tr th.center, div#weBoxRight .cart table tbody tr td.center{
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
div#weBoxRight .cart table thead tr th.quantity,div#weBoxRight .cart table tbody tr td.quantity{
  border-left:none;
  width:115px;
}
div#weBoxRight .cart table tfoot tr td{
	border:none !important;
}
div#weBoxRight .moreInfo{
	padding: 9px 4px 9px 14px !important;
}
div#weBoxRight .spProducts{
	border-bottom:none !important;
	padding-bottom:0 !important;
}



/* Fehlernachrichten
----------------------------------------------- */
.errorMessage {
	color: #cc0000;
	padding:14px;
	border:1px solid #cc0000;
	margin-bottom:14px;
}



/* footer
------------------------------------------------ */
div#weFooter {
	margin-top:14px;
	border-top:1px solid #cccccc;
	margin-bottom:0px;
	padding-top: 10px;
	padding-bottom: 14px;
	text-align:center;
	color: #a6a6a6;
}

div#weFooter a {
	padding-left: 10px;
	padding-right: 10px;
	color: #a6a6a6;
}


/* Printseite
------------------------------------------------ */
div#printOrderContainer table tbody tr td, div#printOrderContainer table thead tr th {
	padding:3px 7px 3px 7px;
}
div#printOrderContainer table tfoot tr td {
	padding:3px 7px 0px 7px;
}
div#printOrderContainer h3 {
	padding:7px;
}


/* copyright
------------------------------------------------ */
div.copyright {
	width:930px;
	text-align:center;
	font-size:0.9em;
}
div.copyright, div.copyright a{
	color:#cccccc;
}