﻿/*

  $Id: stylesheet.css,v 1.8 2005/02/24 11:30:31 pschapler Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
body { text-align: center; }

body, td {
 font-family: Verdana, sans-serif;
 font-size: 11px;
}

img { border: none; }

body {
 background-color: #Eaf4F2;
 color: black;
 margin: 0;
 padding: 0;

 scrollbar-DarkShadow-Color:#000000;
 scrollbar-Track-Color:#ffffff;
 scrollbar-Face-Color:#2e8a8b;
 scrollbar-Shadow-Color:#2e8a8b;
 scrollbar-Highlight-Color:#2e8a8b;
 scrollbar-3dLight-Color:#000000;
 scrollbar-Arrow-Color:#ffffff
}

.block {
 width: 941px;
 margin-left: auto; margin-right: auto;
 text-align: left;
}

/* head - Logo und Banner */
#head {
 margin-top: 30px;
}

/* Adresse, Dauerlinks, breadcrumb */
#headernavigation {
 background: #39B7AF url('style/headernavbg.png') repeat-x;
}
#headernavigation td, #headernavigation a {
 color: white;
 font-size: 9.2px;
}

/* Seitenboxen */
infoBox {
/* alt:  background: #b6b7cb; */
 background: #2E8A8B;
}

table.infoBox {
 border: solid 1px #2E8A8B;
 background: white url('style/iboxbg.png') no-repeat right bottom;
}
table.infoBox td {

/* background: #f8f8f9;*/
}

table.infoBoxContents { border: none;  padding: 5px; }

table.infoBox {
 margin-bottom: 15px;
}
td.infoBoxHeading {
 height: 16px;
 padding-left: 12px;
 font-weight: bold;
 color: white;
 background: #2E8A8B url('style/boxhdrbg.png') repeat-x;
}

table.infoBoxContents {
 background: #FFFFFF;
}


ul.categories {
 list-style: none;
 margin-left: 0em;
 padding-left: 1em;
 text-indent: -1em;
}

.errorBox {
 background: #ffb3b5;
 font-weight: bold;
}

.stockWarning { 
 color: #cc0033;
}

.productsNotifications { 
 background: #f2fff7;
}

.orderEdit { 
 color: #70d250;
 text-decoration: underline;
}

.oprice {
 width: 80px;
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 color: #eeeeee;
 font-weight : bold;
 text-align : right;
 color:#000000;
 border: 1px solid #FFFFFF;
}


A {
 color: black;
 text-decoration: underline;
}

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

FORM {
 display: inline;
}

TR.header {
 background: #ffffff;
}

TR.headerError {
 background: #ff0000;
}

TD.headerError {
 font-size: 12px;
 background: #ff0000;
 color: #ffffff;
 font-weight : bold;
 text-align : center;
}

TR.headerInfo {
 background: #00ff00;
}

TD.headerInfo {
 font-size: 12px;
 background: #00ff00;
 color: #ffffff;
 font-weight: bold;
 text-align: center;
}

TR.footer {
 background: #2e8a8b;
}

TD.footer {
 background: #2e8a8b;
 color: #ffffff;
 font-weight: bold;
}

.

.infoBoxNotice {
 background: #FF8E90;
}

.infoBoxNoticeContents {
 background: #FFE6E6;

}



TD.infoBox, SPAN.infoBox {

}

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

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: white;
}
TR.productListing-even td {
 border-left: 1px solid #F6F6F6;
 border-right: 1px solid #F6F6F6;
}
TR.productListing-odd td {
 border-left: 1px solid white;
 border-right: 1px solid white;
}
table.productListing {
 border: 1px solid #b6b7cb;
}


.productListing-heading {
/*  background: #b6b7cb; #2e8a8b*/
 color: #FFFFFF;
 font-weight: bold;
background: #39B7AF url('style/headernavbg.png') repeat-x;

}
td.productListing-heading {
 border-left: 1px solid white;
 border-right: 1px solid white;
}
a.productListing-heading {
 background: transparent;
}

TD.productListing-data {
}

A.pageResults {
 color: #0000FF;
}

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

H2 {
 font-size: 15px;
 font-weight: bold;
 color: #9a9a9a;
}

TD.pageHeading, DIV.pageHeading, h1.pageHeading {
 font-family: Verdana, Arial, sans-serif;
 font-size: 20px;
 font-weight: bold;
 color: #9a9a9a;
}

TD.pageHeadingSmall {
 font-family: Verdana, Arial, sans-serif;
 font-size: 12px;
 font-weight: bold;
 color: #9a9a9a;
}


TR.subBar {
 background: #f4f7fd;
}

TD.subBar {

 color: #000000;
}

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

td.smallText, p.smallText {
 font-size: 11px;
}
span.smallText {
 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 {
 color: red;
}

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

TEXTAREA {
 width: 100%;
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 color:#000000;
 border: 1px solid #000000;
}

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

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

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

span.tax_info {
 color: black;
 font-size: 9px;
}

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

.Auswahl
   { width:550px; border:3px solid #DDDDDD; }
Bereich, .Feld
   { background-color:#f5f5f5; width:200px; border:3px solid #2e8a8b; font-weight: bold;}

/* 10.10.06 A.Groth: Suche, Ergebnisse nach Kategorien */
#catcount ul {
 /* disc = gef�llter Kreis, circle = leerer Kreis, square = Rechteck, none = kein Zeichen */
 list-style-type: circle;
 /* ODER eigene Grafik: mit list-style-image:url('images/listenpunkt.gif'); */
}
#catcount ul li {
 font-size: 11px;
}
#catcount li.h {
 font-size:11px;
 list-style-type: none;
}
#catcount li.l {
 font-size:11px;
}
#catcount li a {
 font-weight: normal;
}

/*----------------------------Suggest Styles--------------------------*/
.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #3366CC;
	padding: 2px 6px 2px 6px;
}
#search_suggest {
	position: absolute; 
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #000000;			
}		
/*----------------------------End Suggest Styles------------------------*/
/* Angaben fuer Suchbox, Dialogbox (modal dialog) */
#mdwrap {
 visibility: hidden;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 text-align: center;
 z-index: 1000;
}

#mdlayer {
 position: relative;
 width: 100%;
 height: 100%; /* 3000 px */
 z-index: 1010;
 background-color: #ccc;
 opacity: 0.5;
 filter: alpha(opacity=50);
}

#mdbox, #mdstat {
 position: absolute;
 top: 90px;
 left: 50%;
 margin-left: -120px;
 width: 240px;
 height: 120px;
 background-color: #fff;
 z-index: 1030;
 background-color: #fff;
 border: solid 3px #2e8a8b;
 padding: 15px;
 text-align: center;
 opacity: 1;
 filter: alpha(opacity=100);
 line-height: 3em;
 font-family: sans-serif;
 font-size: 12px;
}
#mdstat {
 z-index: 1040;
 visibility: hidden;
}
#mdbox a, #mdstat a {
 color: black;
 background-color: #ccc;
 border: solid 1px black;
 padding: 1px;
}
#mdstat a:hover, #mdbox a:hover {
 text-decoration: none;
 background-color: #ddd;
}
#noten2 {
 display: block;
 width: 80%;
}

dl.notenliste {
 padding: 0.5em;
}
dl.notenliste dt {
 float: left;
 clear: left;
 width: 6em;
 text-align: right;
 font-weight: bold;
}
dl.notenliste dd {
 margin: 0 0 0 6.5em;
 padding: 0 0 0.5em 0;
}

span.atznav a, span.atznav span {
 font-size: 110%;
 padding: 4px;
}
span.atznav span {
 font-weight: bold;
 background-color: #ccc;
}
span.atznav a:hover {
 background: #ccc;
 color: black;
}
span.azbox a {
 display: block; float: left;
 font-family: 'Lucida Console',monospace;
 font-size: 13px;
 border: solid 1px #ccc;
 padding: 3px;
 margin: 3px;
}
span.azbox a:hover {
 border-color: black;
}

/* Linkliste-Box */
ul.llbox { padding-left: 1em; }
ul.llbox li { margin-left: 0; padding-left: 0; }
ul.llbox li.limg { list-style-type: none; margin-left: auto; }

/* Affiliates */
div.code { border: solid 2px #ccc; padding: 5px; font-family: monospace; }

span.ttip { background-color: #cfc; }
span.ttip span { display: none; }
span.ttip:hover span {
 display: block;
 position: absolute;
 background: #cfc;
 border: 1px solid black;
 color: black;
 width: 170px;
 padding: 2px 3px;
 margin-left: -7px;
 text-align: left;
}

/* Neue Kategorienbox */
#nav {padding: 0;}
#nav a { text-decoration: none; }
#nav a:hover { text-decoration: underline; }
#nav ul, #nav li {
 list-style: none;
 padding: 0 0 0 10px;
 margin: 0;
 cursor: default;
}
#nav ul {
 display: none;
}
#nav li {
 background: url(style/cat_fini.gif) no-repeat;
}
/* Auf- und Zuklapp-Icons bei "Show full tree"-Option 
 #nav li.expand {
 background: url(style/cat_more.gif) no-repeat 0px 0px transparent;
}
*/

.expanded {
 background: url(style/copen.png) no-repeat 0px 3px !important; /* cat_less.gif fuer minus */
}

#nav li.h {
 background-color: #2F958D;
 color: white;
 border-top: 1px solid black;
 border-bottom: 1px solid black;
 background-image: none;
 padding: 2px;
 text-align: center;
}
/*#nav li.expand a {
 color: green;
}
#nav li.expanded a  {
 color: blue;
}
*/
#nav span.current, #nav a.expanded { font-weight: bold; }

div.subcat {
 text-align: center;
}
div.subcat a {
 display: block;
 float: left;
 height: 22px;
 color: white;
 font: bold 22px;
 padding: 2px 0 2px 25px;
 margin-right: 50px; 
 background-image: url(style/ukat-bg.png);
 background-repeat: no-repeat;
}
div.subcat a span {
 display: block;
 float: right; 
 width: 10px;
 height: 22px;
 background-image: url(style/ukat-bg.png);
 background-repeat: no-repeat;
 background-position: right;
 position: relative;
 top: -2px;
 right: -10px;
 padding: 0;
}
div.subcat a:hover, div.subcat a:hover span { background-image: url(style/ukat-bg-s.png); }

#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}
div.ytdesc { max-height: 6em; overflow: auto; }

ul.sitemapnl ul { padding-left: 10px; }
ul.sitemapnl li { clear: both; }
ul.sitemapnl li { font-weight: bold; text-transform: uppercase; }
ul.sitemapnl li ul li { display: inline; float: left; font-weight: bold; text-transform: none; }
ul.sitemapnl li ul li ul li { clear: none; font-weight: normal; margin-right: 0.6em; }

dl.sitemap dt { margin-top: 1em; margin-bottom: 0.2em; font-weight: bold; }
dl.sitemap dd { margin-left: 1em; padding-left: 0; }

