/* Neue CSS Version (in Entstehung) */
* html img {        behavior: url("pngbehavior.htc") !important;}
body, td { font-family: Verdana, Arial, Helvetica, san-serif; font-size:8pt;}

#pInfo { position:absolute; right:0; margin-right:175px;
z-index:500; background:white; padding:5px;border:solid 1px #bbc3d3; }

.box a:hover { text-decoration:underline; }
.box .kategorien a { display:block; margin:0; padding:1px 0; text-decoration:none;}
.box .kategorien li.selected {
 position:relative; left:15px;}
.box .kategorien li.selected a { font-weight: bold; border:solid 1px #bbc3d3; border-right:0 transparent; text-indent:2px; background:#ebebeb;  }
.box ol { margin:0; padding:0; list-style-type: none;}
.box h1 { color:#bbc3d3; padding:0; margin:0; font-size:11pt;font-weight: bold;}
.box h2 { color:#bbc3d3; padding:0; margin:0; font-size:8pt; font-weight: bold; border-bottom:solid 1px #bbc3d3;}

#mitte{ font-weight: bold;
border:solid 1px #bbc3d3; background:#ebebeb; 
padding:5px; min-height:500px;}

#optionboxes {background:white; float:left; 
 border:solid 1px #bbc3d3; width:178px;
z-index:50;}
#optionboxes li {margin:0; padding:0;}
#optionboxes ol {margin:0; padding:5px; 
list-style-type:none; clear:both;}

#optionboxes a img  { border:0 transparent; }
#optionboxes li.title  { clear:both;
width:100%; font-weight:normal;}

/* Groesse */ 
#optionboxes #opt-1 {display:none; }
#optionboxes #opt-1 a { width:40px;}
#optionboxes #opt-1 li { float:none; }

/* Farbe */ 
#optionboxes #opt-2 { width:96px}
#optionboxes #opt-2 li { float:left; margin:0; padding:2px;}
#optionboxes #opt-2 li a img { border:solid 1px black;}
#optionboxes #opt-2 li a:hover img  { border-color:red; }

/* Motiv */
#optionboxes #opt-6 { width:170px}
#optionboxes #opt-6 li.title {width:170px;height:1.4em; border:0 transparent;
padding-top:1em;}
#optionboxes #opt-6 li { height:52px; width:52px; 
overflow:hidden; border:solid 1px black; float:left; margin:1px;}
#optionboxes #opt-6 li a:hover  img
 { background:yellow}


#shop-show { position:relative; margin-left:179px;
width:auto; height:360px; background:#fff; 
border:solid 1px #bbc3d3; z-index:100;
}
#shop-show img[src],
#shop-show>div{ width:300px; height:300px; 
position: absolute; 
margin-left:5px; margin-top:25px;}
#shop-show div#Motiv div { display:none;} /* damit die img nicht von vornherein angezeigt werden */

* html #shop-show img,
* html #shop-show div { width:300px; height:300px; position: absolute; margin-left:5px; margin-top:5px;}
* html #shop-show div div { margin-top:0; margin-left:0; }

#ac_korb { height:60px; overflow:hidden; position:relative; top:10px; left:10px; z-index:199}
#ac_korb input:hover{ position:relative; top:-60px;}
#options {position:absolute; z-index:999; background:white; border:solid 1px black; }

#shop-show #Motiv { z-index:20;}
#shop-show .material {z-index:10;}
#shop-show #Farbe { z-index:5;}

/* Alte Table Version */

td, div { font-family: Verdana, Arial, Helvetica, sans-serif }
/*<agl.folder "eigenes Addon">*/
        table.rot_product table { width: 100%; height: 100% }
        table.rot_product td { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1.5em }
        table.rot_product td.title { font-size: 16px; line-height: 1.5em }
        table.rot_product td.price { text-align: right }
        table.rot_product td.pic { width: 370px }
        table.rot_product td.attr_pic { }
        table.rot_product td.attr { }
        div.xNew  { }
        div.xOld { display: none }
        table.xOverview  { width: 100% }
        table.xOverview table { width: 100% }
        table.xOverview td { text-align: left; vertical-align: top }
        table.xOverview td.links { width: auto }
        table.xOverview td.rechts  { font-size: 8pt; text-align: center; width: 250px; vertical-align: top }
        table.xOverview td.unten { text-align: left; vertical-align: top }
/*</agl.folder>*/
/*<agl.folder "oscommerce vordefiniert">*/
        /*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/
        .boxText { font-size: 10px; font-family: Verdana, Arial, sans-serif }
        .errorBox  { color: #fff; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; background: #f30 }
        .stockWarning { color: #cc0033; font-size: 10px; font-family: Verdana, Arial, sans-serif }
        .productsNotifications { background: #f2fff7 }
        .orderEdit { color: #70d250; font-size: 10px; font-family: Verdana, Arial, sans-serif; text-decoration: underline }
        BODY { color: #000000; background: #ffffff; margin: 0 }
        td.col_left A { color: #000; text-decoration: none }
        td.col_left A:hover  { color: #000; text-decoration: underline }
        A  { color: #000; text-decoration: underline }
        a:link { color: #000; text-decoration: underline }
        a:visited { color: #000; text-decoration: underline }
        a:hover  { color: #f03; text-decoration: none }
        a:active { color: #000; text-decoration: underline }
        td.col_right A { color: #000; text-decoration: none }
        td.col_right A:hover  { color: #000; text-decoration: underline }
        FORM { display: inline }
        TR.header   { background-image: url("images/HeaderMitte.gif"); background-repeat: repeat; background-attachment: scroll; background-position: 0 0 }
        TR.headerNavigation  { background: #000 }
        TD.headerNavigation  { color: #fff; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; background: #900 }
        A.headerNavigation  { color: #ffffff; text-decoration: underline }
        A.headerNavigation:hover  { color: #f30; background-color: #fff }
        TR.headerError { background: #ff0000 }
        TD.headerError { color: #ffffff; font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif; font-weight: bold; background: #ff0000; text-align: center }
        TR.headerInfo { background: #00ff00 }
        TD.headerInfo { color: #ffffff; font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif; font-weight: bold; background: #00ff00; text-align: center }
        TR.footer { background: #bbc3d3 }
        TD.footer { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; background: #bbc3d3 }
        .infoBox { background: #b6b7cb }
        .infoBoxContents { font-size: 10px; font-family: Verdana, Arial, sans-serif; background: #f8f8f9 }
        .infoBoxNotice { background: #ff8e90 }
        .infoBoxNoticeContents { font-size: 10px; font-family: Verdana, Arial, sans-serif; background: #ffe6e6 }
        TD.infoBoxHeading { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; background: #bbc3d3 }
        TD.infoBox, SPAN.infoBox { font-size: 10px; font-family: Verdana, Arial, sans-serif }
        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 }
        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 }
        TABLE.productListing { border: solid 1px #b6b7cb; border-spacing: 1px }
        .productListing-heading { color: #ffffff; font-size: 10px; font-family: Verdana, Arial, sans-serif; font-weight: bold; background: #b6b7cb }
        TD.productListing-data { font-size: 10px; font-family: Verdana, Arial, sans-serif }
        A.pageResults { color: #0000ff }
        A.pageResults:hover { color: #0000ff; background: #ffff33 }
        TD.pageHeading, DIV.pageHeading { color: #9a9a9a; font-size: 20px !important; font-family: Verdana, Arial, sans-serif; font-weight: bold !important }
        TR.subBar { background: #f4f7fd }
        TD.subBar { color: #000000; font-size: 10px; font-family: Verdana, Arial, sans-serif }
        TD.main, P.main { font-size: 11px; font-family: Verdana, Arial, sans-serif; line-height: 1.5 }
        TD.smallText, SPAN.smallText, P.smallText { font-size: 10px; font-family: Verdana, Arial, sans-serif }
        TD.accountCategory { color: #aabbdd; font-size: 13px; font-family: Verdana, Arial, sans-serif }
        TD.fieldKey { font-size: 12px; font-family: Verdana, Arial, sans-serif; font-weight: bold }
        TD.fieldValue { font-size: 12px; font-family: Verdana, Arial, sans-serif }
        TD.tableHeading { font-size: 12px; font-family: Verdana, Arial, sans-serif; font-weight: bold }
        SPAN.newItemInCart { color: #ff0000; font-size: 10px; font-family: Verdana, Arial, sans-serif }
        CHECKBOX, INPUT, RADIO, SELECT { font-size: 11px; font-family: Verdana, Arial, sans-serif }
        TEXTAREA { font-size: 11px; font-family: Verdana, Arial, sans-serif; width: 100% }
        SPAN.greetUser { color: #f0a480; font-size: 12px; font-family: Verdana, Arial, sans-serif; font-weight: bold }
        TABLE.formArea { background: #f1f9fe; border: solid 1px #7b9ebd }
        TD.formAreaTitle { font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif; font-weight: bold }
        SPAN.markProductOutOfStock { color: #c76170; font-size: 12px; font-family: Tahoma, Verdana, Arial, sans-serif; font-weight: bold }
        SPAN.productSpecialPrice { color: #ff0000; font-family: Verdana, Arial, sans-serif }
        SPAN.errorText { color: #ff0000; font-family: Verdana, Arial, sans-serif }
        .moduleRow { }
        .moduleRowOver { background-color: #d7e9f7; cursor: hand }
        .moduleRowSelected { background-color: #e9f4fc }
        .checkoutBarFrom, .checkoutBarTo { color: #8c8c8c; font-size: 10px; font-family: Verdana, Arial, sans-serif }
        .checkoutBarCurrent { color: #000000; font-size: 10px; font-family: Verdana, Arial, sans-serif }
        /* message box */
        .messageBox { font-size: 10px; font-family: Verdana, Arial, sans-serif }
        .messageStackError, .messageStackWarning { font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #ffb3b5 }
        .messageStackSuccess { font-size: 10px; font-family: Verdana, Arial, sans-serif; background-color: #99ff00 }
        /* input requirement */
        .inputRequirement { color: #ff0000; font-size: 10px; font-family: Verdana, Arial, sans-serif }
/*</agl.folder>*/
/*<agl.folder "Addon product_info">*/
        td.product_info td { vertical-align: top; border: solid 0 #f90 }
        td.product_info table { width: 100%; border: solid 0 #000 }
        td.product_info td.name { color: #464545; font-size: 14pt; font-weight: bold; text-align: left }
        td.product_info td.price { color: #942e2f; font-size: 14pt; font-weight: bold }
        td.product_info td.desc { color: #8d4f28; font-size: 9pt }
        td.product_info td.pic { }
        td.product_info td.options { width: 170px }
        td.product_info td.options td.img_opt { }
        td.product_info td.options td.opt { }
        td.product_info td.options td.action { border: solid 2px #f8f8f9 }
/*</agl.folder>*/
a.produktbild img  { border: solid 1px #333 }
a.produktbild:hover img     { width: 100px; height: 100px; border: solid 1px #f03 }
/*<agl.folder "412 added by r.tanzer">*/
        table.myHeader  { background-image: url("images/HeaderMitte.gif"); background-repeat: repeat; width: 100% }
        table.myHeader td.bildchen { background-repeat: no-repeat; background-position: right bottom; text-align: right }
        table.myHeader td.bildchen img { display: none }
        table.myHeader td.bildchen img.nil { width: 137px; height: 1px }
        table.navigation   { width: 100% }
        table.navigation td   { color: #fff; font-size: 8pt; font-weight: bold; background-color: #900; height: 14px; border: solid 0 #c4c4c4 }
        table.navigation td.breadcrumb { text-align: left }
        table.navigation td.actions  { text-align: right }
        td.mitte a { margin: 0; padding: 0 }
/*</agl.folder>*/

/* added by r.tanzer 2005-03-25 und 2006-08-28 (aktuelles)*/
div#startnews  { margin: 1em 0 0; border-top: 1px solid #bbc3d3; border-right: 0 solid; border-bottom: 0 solid; border-left: 0 solid;
padding-left:245px;  }
td.aktuelles h2 { color:#990000; margin:0; padding:0; font-size:1.1em; }
td.aktuelles p { margin:0.2em 0; padding:0;}
td.aktuelles a { text-decoration:underline; }
td.aktuelles a:hover { color:red; }
div#startnews h2 { color:#990000;margin:0.5em 0 0 0; padding:0; font-size:1.1em; }
span.datum { font-size:0.8em;}
div#startnews img { float:right; }
td.aktuelles img { float:left; width:60px; height:60px; margin-right:5px; border:0 transparent; }
td.aktuelles a img { border:solid 1px black; }
td.aktuelles a:hover img { border:solid 1px red; }
td.aktuelles ol { list-style-type:none; padding:0;  margin:0; }
td.aktuelles li { margin:0; padding:0; }
td.aktuelles div.news { border:solid 1px #b6b7cb; padding:5px; margin-bottom:4px; background:#f8f8f9; }
td.aktuelles ,
td.aktuelles *{ font-size:10px;}

img.titel { float:left; margin:0 10px 0 0; padding:0 10px 0 0 ;}

                
.v1, .v1 table, .v1 td, .v1 a { font-size:8pt; font-family:Verdana, Arial, Helvetica, sans-serif}

        .v1 div.freier-text table { width:99%; border-style:solid; border-color:#BBC3D3;
        border-width:1px 1px 0 0;background:#F8F8F9}
        .v1 div.freier-text td,
        .v1 div.freier-text th { border-style:solid; border-color:#BBC3D3;
        border-width:0 0 1px 1px;padding:3px; text-align:center; }
        .v1 div.freier-text td { background:white; }

/* juli-august 2006 update  */
#show {position:relative; height:300px; width:300px;}
#show div {position:absolute; }
#show #farbe { background:white;
width:300px; height:300px; z-index:10;}
#show #produkt { z-index:20; }
#show #motiv-hintergrund 
.klein { z-index:30; 
left:110px; top:40px;}
#show div.gross { display:none; }
#show #motiv .klein { z-index:35; width:93px; height:109px; left:110px; top:50px; }
#show #groesse { z-index:50;  } 

ol.alben { height:160px;}
ol.alben img { width:50px; height:66px; float:none; }
ol.alben li { float:left; }
.end { clear:both; }
p.update { font-style:italic;}
span.update { font-weight:bold}