/* ####### */
 /* CSS DWF */
 /* ####### */




*                            { padding: 0; margin: 0; }
body                         { width: 100%; font-size: 12px; text-align: center; font-family: Arial, Helvetica, sans-serif; color: rgb(0,0,0); background: white /*rgb(245,212,241)*/; } 


a:link                       { color: rgb(45,177,205); text-decoration:none; }
a:visited                    { color: rgb(45,177,205); text-decoration:none; }
a:active                     { color: rgb(21,72,158); text-decoration:none; }
a:hover                      { color: rgb(21,72,158); text-decoration:none;  }

hr                           { clear: both; color: white; background: white; margin: 10px 0 0 0; height: 1px; border: 0;}


#site                        { height: 100%; position: relative; text-align: left; width: 770px; margin: auto; }



#navi                        {height: 40px; margin-top: 15px; }			
#navi ul                     { list-style-type: none; list-style-image: none; padding: 3px 0 0 0; }
#navi li                     { float: right; margin: 5px 20px 4px 0px;  }
#navi li a, 
#navi li a:visited           { white-space: nowrap; color: rgb(174,168,168); font-size: 18px; text-decoration: none; }
#navi li a:hover, 
#navi li a:active, 
#navi li a:focus             { color: rgb(195,0,92); }
#navi li a.selected, 
#navi li a.selected:visited	 { color: rgb(195,0,92); }



#subnavi                        { height: 115px; background: url(http://www.lockstoff-shop.de/gfx/layout/logo.gif) 12px 0 no-repeat; }
#subnavi ul                     { list-style-type: none; list-style-image: none; margin: 3px 0 0 270px; width: 460px; }
#subnavi li                     { float: right; margin: 5px 10px 4px 10px;  }
#subnavi li a, 
#subnavi li a:visited           { white-space:nowrap; color: rgb(174,168,168); font-size: 12px; text-decoration: none; }
#subnavi li a:hover, 
#subnavi li a:active, 
#subnavi li a:focus             { color: rgb(195,0,92); }
#subnavi li a.selected, 
#subnavi li a.selected:visited	 { color: rgb(195,0,92); }               



#inhalt                      { line-height: 140%; margin-left: 15px; padding-bottom: 40px;  }
#inhalt h1                   { font-family: Arial; color: rgb(30,30,30); font-size: 22px; margin: 45px 0 20px 0; }
#inhalt h2                   { font-family: Arial; color: rgb(30,30,30); font-size: 22px; margin: 20px 0 15px 0; }
#inhalt h2                   { margin: 20px 0 15px 0; }

#inhalt p                    { margin: 15px 20px 15px 0; }
#inhalt ul                   { margin: 15px 20px 15px 25px; list-style-type: none; }
#inhalt ol                   { margin: 15px 20px 15px 25px; }
#inhalt li                   { margin: 5px 0;  }
#inhalt img                  { border: 0; }

#inhalt .noclear             { clear: none; }




#ubersicht                              {  }
#ubersicht .startbox                   { overflow: hidden; width: 290px; height: 462px; float: left; margin: 10px 0 10px 5px; background: rgb(205,205,205); border: solid 1px rgb(205,205,205); }

#ubersicht .ubersicht_produkt           { width: 140px; height: 220px; float: left; margin: 10px 0 10px 5px; background: rgb(205,205,205); border: solid 1px rgb(205,205,205); }
#ubersicht .ubersicht_produkt h2        { display: inline; font-family: Arial; color: rgb(30,30,30); font-size: 13px; margin: 0; }
#ubersicht .ubersicht_produkt img       { border: 0; margin-bottom: 5px;  }
#ubersicht .preis                       { font-size: 11px; margin-left: 3px; }
#ubersicht .preisklein                  { text-decoration:line-through; color: red; margin-left: 3px; font-size: 11px; }


body.produkt                          { background: white; }
#produkt                              { }
#produkt p                            { margin: 8px 0 0 0; }
#produkt .produktbilder               { width: 450px; float: left; overflow: hidden; text-align: right; }
#produkt .produktbeschreibung         { float: right; width: 275px; }
#produkt .produktbeschreibung h1      { font-family: Arial; color: rgb(30,30,30); font-size: 22px; margin: 0 0 4px 0; }
#produkt .preis                       { font-size: 18px; }
#produkt .preisklein                  { text-decoration: line-through; color: red; font-size: 11px; }
#produkt span.beschriftung            { font-family: Arial; color: rgb(30,30,30); font-size: 22px;  }
#produkt span.poesie                  { display: block; width: 150px; float: left; }
#produkt .produktformular             { padding: 0 0 0 3px; width: 270px; font-family: Arial, sans-serif; color: rgb(21,72,158); background: rgb(250,250,255); font-size: 11px; border: solid 1px rgb(158,165,202); }
#produkt .produktbutton               { margin: 7px 0 2px 0; padding: 0; width: 275px; font-family: Arial, sans-serif; color: rgb(21,72,158); font-size: 11px; font-weight: bold; background: rgb(240,240,245); border: solid 1px rgb(158,165,202); }

.add                                  { padding: 0 0 0 3px; width: 275px; font-family: Arial, sans-serif; color: rgb(195,0,92); background: rgb(255,255,255); font-weight: bold; font-size: 11px; border: solid 1px rgb(158,165,202); cursor: pointer; }

#warenkorb .produkt                     { clear: left; padding: 25px 0 25px 0;  }

#warenkorb p                            { margin: 8px 0 0 0; }
#warenkorb h2                           { font-family: Arial; color: rgb(30,30,30); font-size: 22px; padding: 10px 0 0 0; }
#warenkorb .preis                       { font-size: 18px; }
#warenkorb .addno             { margin: 2px 0; padding: 0 0 0 3px; width: 135px; font-family: Arial, sans-serif; color: rgb(21,72,158); background: rgb(250,250,255); font-size: 11px; border: solid 1px rgb(158,165,202); }
#warenkorb span.beschriftung            { margin-top: 3px; display: block; width: 85px; float: left; }
#warenkorb .produktformular             { margin: 2px 0 2px 0; padding: 0 0 0 3px; width: 140px; font-family: Arial, sans-serif; color: rgb(21,72,158); background: rgb(250,250,255); font-size: 11px; border: solid 1px rgb(158,165,202); }
#warenkorb .produktbutton               { margin: 7px 0 2px 0; padding: 0; width: 575px; font-family: Arial, sans-serif; color: rgb(21,72,158); font-size: 11px; font-weight: bold; background: rgb(240,240,245); border: solid 1px rgb(158,165,202); }
#warenkorb img                          { border: 0; margin: 0 15px 0 15px; float: left;  }

#inhalt .produktformular             { padding: 0 0 0 3px; width: 270px; font-family: Arial, sans-serif; color: rgb(21,72,158); background: rgb(250,250,255); font-size: 11px; border: solid 1px rgb(158,165,202); }
#inhalt td,
#inhalt th                        { padding: 2px 20px 2px 0; text-align: left;  border-bottom: solid 1px rgb(112,177,178);   }
.tablekasse                       { width: 500px; }

.left                             { clear: both; float: left; width: 105px; margin: 1px 0 1px 0; }
.right                            { float: left; width: 290px; margin: 1px 0 1px 0; }
.formularbeschriftung             { margin: 0 5px; }

.mini { font-size: 10px; }

.clear                       { clear: both; }
.aus                         { display: none; }
.print                       { display: none; }
.seo                         { display: none; }
.nix                         { }