/* Filename: shopstyles.css (wird aus Admin/shopstyles.txt generiert)                            */
/*                                                                                               */
/* Modul: CSS                                                                                    */
/*                                                                                               */
/* Autoren: Jose Fontanil & Reto Glanzmann                                                       */
/*                                                                                               */
/* Zweck: Beinhaltet alle Schrift-, Farb-, und Hintergrundeinstellungen                          */
/*                                                                                               */
/* Sicherheitsstatus:        *** ADMIN ***                                                       */
/*                                                                                               */
/* Version: 2.5.1                                                                                     */
/*                                                                                               */
/* CVS-Version / Datum: $Id: csstemplate.txt,v 1.56.2.1 2008/01/07 13:51:10 fontajos Exp $           */
/*                                                                                               */
/* ----------------------------------------------------------------------------------------------*/
/* ! ! ! ! ! ! ! ! ! ! ! ! ! W I C H T I G E R   H I N W E I S ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! ! */
/* ----------------------------------------------------------------------------------------------*/
/* Wenn Sie die CSS-Einstellungen direkt im CSS-File auf Ihre Beduerfnisse anpassen wollen, be-  */
/* arbeiten Sie keinesfalls das File "shopstyle.css". Dieses wird bei jedem Aufruf des Layout-   */
/* management-Tools ueberschrieben. Manuelle Änderungen der CSS-Einstellungen duerfen deshalb    */
/* nur im CSS-Template-File (csstemplate.txt) gemacht werden. Alle Ausdruecke in  sind Werte*/
/* die in der Datenbank gespeichert sind. Nachdem Sie manuelle Änderungen gemacht haben, muessen */
/* Sie das Web-Layoutmanagementtool aufrufen, um damit das neue "shopstyle.css" File zu erzeugen!*/
/* ----------------------------------------------------------------------------------------------*/
/*                                                                                               */
/* ----------------------------------------------------------------------------------------------*/
/* Stylesheetdatei fuer Webshop                                                                  */
/* ----------------------------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------*/
/* Globale Einstellungen                                                       */
/* ----------------------------------------------------------------------------*/
/* Fontfamilie und Textgroesse fuer die Standardeinstellung und <p>-tag        */

/* ----------------------------------------------------------------------------*/
/* Einstellungen fuer shop_table (Komponenten des Shops)                       */
/* ----------------------------------------------------------------------------*/
/* Fontfamilie und Textgroesse fuer die Standardeinstellung und <p>-tag
 * */
body, * button, * div, * p, * h1, * h2, * h3, * img, * ul, * li, * a, *
fieldset, * label, * input, * legend, * textarea, * select {
        margin:0;
        padding:0;
        font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
        list-style-type:none;
}

body {
        font-size: 62.5%;
        text-align:center;
        background:#000 url(Bilder/bg.gif);
}

body.popup {
        background:#fff none;
}



a { color:#f1b915; font-weight:bold; text-decoration:none; }
a:hover, a:focus { text-decoration:underline; }

* input, * textearea, * select { border:0 none; padding:1px 3px;}
* select { padding:0 0 0 3px; }
* button { border:0 none; background-color:#f1b915; color:#000;
* font-weight:bold; padding:0 3px;}
* button:hover { background-color:#fff; cursor:pointer; }

span.hide, a.hide { display:none; }

div.container { position:relative; text-align:left; clear:left; width:860px;
margin:0 auto; padding:0 30px 0 30px; background:#fff url(Bilder/bg_site.jpg);
}

div#header { background:url(Bilder/header.jpg) no-repeat; width:860px;
height:227px; display:block; position:relative; }

div#header div.logo { padding-left:20px; padding-top:50px;  }
div#header div.logo a{ display:block; width:330px; height:100px; }

div#header ul.topnav { position:absolute; bottom:16px; left:2px;  }
div#header ul.topnav li{ float:left; background:url(Bilder/top_nav_bg.gif)
left center no-repeat; padding:0 12px 0 18px; }
div#header ul.topnav li a{ display:block; padding:3px 6px; font-size:12px;
font-weight:bold;  }

div#content, div#nav { float:right; }

div#content { width:619px; padding:30px; background:url(Bilder/bg_content.gif)
top right no-repeat; position:relative; }
div#content h1, div#content div.preis p{ font-size:18px; font-weight:bold;
color:#999; }
div#content h1{ background:url(Bilder/content_line.gif) bottom repeat-x;
padding-bottom:6px; margin-bottom:15px; }
div#content p, div#content td, div#content li, div#content div{
font-size:11px; line-height:16px; }
div#content p { margin-bottom:15px; }

div#content div.artimage{ background:url(Bilder/bg_images.gif); float:left;
margin-right:15px; width:112px; position:relative;}
div#content div.artimage img, div#content div.artimage img a { border:0;
margin:0; }
div#content div.artimage img { padding:6px; display:block; }
div#content div.artimage a:hover img{ background-color:#999999; }
div#content div.artimage span { position:absolute;
background:url(Bilder/img_overlay.png); width:15px; height:17px; left:12px;
bottom:12px;  }
div#content div.description{ float:left; width:490px; }
div#content div.preis { position:absolute; top:33px; right:30px; }
div#content div.artikel_kaufbar { clear:both; }

div#content div.buy, div#content div.back, div#content div.tellafriend {
float:right;}
div#content div.tellafriend { margin-left:190px; }
div#content div.unit { float:left; padding-top:6px; }
div#content div.buy { margin-left:45px;  }

div#content div.legend { display:block; height:16px; margin-bottom:10px;
background-color:#CCCCCC; }

div#content div.legend div.name_label,
div#content div.legend div.preis_label,
div#content div.legend div.label_anzahl,
div#content div.legend div.label_artikel_name,
div#content div.legend div.label_einzelpreis,
div#content div.legend div.label_preis_in_waehrung,
div#content div.articleline div.img,
div#content div.articleline div.name_label,
div#content div.articleline div.preis_label,
div#content div.articleline div.show,
div#content div.articleline div.input,
div#content div.articleline div.einzelpreis,
div#content div.articleline div.einzelgesamtpreis,
div#content div.articleline div.name { float:left; }

div#content div.legend div.label_anzahl, div#content div.articleline
div.input,
div#content div.legend div.label_einzelpreis, div#content div.articleline
div.einzelpreis,
div#content div.legend div.label_preis_in_waehrung, div#content
div.articleline div.einzelgesamtpreis { width:10%; }
div#content div.legend div.label_artikel_name, div#content div.articleline
div.name { width:70%; }

div#content div.articleline div.loeschen_button { float:right;
margin-right:10px; }

div#content div.legend div.label_anzahl {  }
div#content div.legend div.name_label { margin-left:15%; }

div#content div.legend div.name_label,
div#content div.articleline div.name_label {width:50%;}
div#content div.legend div.preis_label {width:25%;}

div#content div.articleline { background:url(Bilder/content_line.gif) bottom
repeat-x; display:block; padding-bottom:10px; margin-bottom:10px; }
div#content div.articleline * div { vertical-align:top; }
div#content div.articleline div.img { width:15%; }
div#content div.articleline div.name_label a span.description {
font-weight:normal; display:block; }
div#content div.articleline div.preis_label { width:15%; }
div#content div.articleline div.show { width:20%; text-align:right; }

div#content input, div#content textearea, div#content select,
body.popup * input, body.popup * textarea, body.popup * select { border:1px
solid #999; }

div#content a { color:#000; text-decoration:underline; }
div#content a:hover { color:#999; }
div#content td.end { border-bottom:1px solid #999; }

div#nav { width:151px; background:url(Bilder/bg_nav.gif) repeat-x; padding:0
15px 15px 15px; }

div#nav div.warenkorb_kurzinfo { background:url(Bilder/bg_nav_li.gif) bottom
repeat-x; padding-bottom:13px;}
div#nav div.warenkorb_kurzinfo span.left, div#nav div.warenkorb_kurzinfo
span.right { float:left; display:block; color:#fff; font-size:11px;
margin-bottom:2px; }
div#nav div.warenkorb_kurzinfo span.left { width:80px; margin-right:10px; }

div#nav div.schnellsuche, div#nav div.warenkorb_kurzinfo { margin-top:15px; }
div#nav div.schnellsuche span.title, div#nav div.warenkorb_kurzinfo span.title
{ font-weight:bold; font-size:14px; color:#f1b915; display:block;
margin-bottom:4px; }
div#nav div.schnellsuche input { width:106px; font-size:12px; padding:3px 4px;
}
div#nav div.schnellsuche button { margin-left:5px; font-size:12px; padding:2px
4px;}

div#nav li, div#nav li a{ font-size:11px; line-height:16px; }
div#nav li.main { background:url(Bilder/bg_nav_li.gif) repeat-x; color:#fff;
font-weight:bold; margin-top:15px; padding-top:15px; }
div#nav li.subnav { margin-left:10px; }
div#nav li a { font-weight:normal; background:url(Bilder/bg_nav_li_a.gif) 0
6px no-repeat; padding-left:10px; }
div#nav li.subnav a { color:#f5ce5b; }
div#nav li a.kataktiv { text-decoration:underline; }

div#nav div.login { position:absolute; top:5px; right:35px; text-align:right;
}
div#nav div.login span.title, div#nav div.login a.meinkonto{ color:#f1b915;
font-weight:bold; font-size:11px; padding-right:4px; display:inline; }
div#nav div.login a { color:#8b6c0e; font-size:10px; font-weight:normal;
padding-top:3px; display:block; }

div#footer { clear:both; height:60px; border-top:2px solid #f1b915;
background-color:#000;  }

div#footer ul { padding:15px 30px 0 30px; }
div#footer ul li { float:left; margin-right:15px; color:#f1b915; }

div#footer ul .bluemouse{ font-weight:normal; color:#8b6c0e; }
/* End of file $Dl: 27.11.08 08:30:07$ --------------------------------------------------*/