/***************************************************************************
 *
 * file:   style.css
 *
 * descr.: Default CSS Design file for screen-like devices
 *
 * Copyright (C) 2004 by SISS.biz, Schmidt und Kueting GbR
 * info@siss.biz
 *
 **************************************************************************/
/* Defaults */
body { margin: 0px; padding: 0px; width: 100%; height: 100%;
       font-family: "Arial", Geneva, sans-serif; font-size: 14px;
       color: #000; background: #FFE; }

div, h1, h2, h3, h4, h5, h6, p, ul, li { margin: 0px; padding: 0px; }
hr { display: none; }


/* widths */
#id-container1,
#id-container2,
#id-container3,
#id-head,
#id-nav-bar,
#id-frame      { width: 776px; }


/* Container and bottom images */
#id-container1,
#id-container2,
#id-container3 { height: 100%; }
#id-container1 { background: transparent url(img/wm.gif) no-repeat; background-position: bottom left; }
#id-container2 { background: transparent url(img/cr.gif) no-repeat; background-position: bottom center; }
#id-container3 { background: transparent url(img/tm.gif) no-repeat; background-position: bottom right; }

/* Header */
#id-head         { height: 90px; background: #9c9; }
#id-img          { background: url(img/headimg.jpg) no-repeat top left;
                   width: 126px; height: 90px;
                   position: absolute; top: 0px; left: 0px; }
h1#id-title      { background: url(img/title.gif) no-repeat top left;
                   width: 650px; height: 90px;
                   position: absolute; top: 0px; left: 126px; }
h1#id-title span { display: none; }
h2#id-subtitle   { display: none; }


/* Navigation bar */
#id-nav-bar            { height: 20px; background: #174A39; overflow: hidden; }
#id-nav-txt            { padding: 2px 4px; float: left; font-size: 12px;
                         font-weight: normal; color: #FFE; }
#id-quick-menu h4      { display: none; }
#id-quick-menu ul      { padding: 2px 4px; float: right; list-style-type: none; }
#id-quick-menu li      { display: inline; padding: 0px 2px; color: #FFE; }
#id-quick-menu li a    { color: #FFE; text-decoration: underline;
                         font-weight: normal; font-size: 12px; }
#id-quick-menu a:hover {  }


/* Frame */
#id-frame { clear: left; margin: 0px; padding: 0px; }


/* Menu */
#id-menu         { float: left; margin: 0px; padding: 0px; width: 126px; height: 343px;
                   background: transparent url(img/menubg.jpg) no-repeat top left; }
#id-menu p       { font-size: 12px; padding-left: 8px; margin-top: 32px; display: block; }
#id-menu h4      { display: none; }
#id-menu ul      { list-style-type: none; padding: 8px 0px; }
#id-menu li a    { padding: 2px 8px; margin: 0px; color: #674223; display: block; text-decoration: none;
                   font-weight: normal; font-size: 12px; width: 110px; background: transparent; }
#id-menu a:hover { background: #C78145; color: #FFE; }


/* Content */
#id-content             { float: right; margin: 8px 0px 32px 8px; padding: 0px; width: 640px;
                          font-family: "Verdana", Arial, Geneva, sans-serif; color: #000; }
#id-content acronym     { border-bottom: 1px dashed #000; }
#id-content h2          { margin: 2px 0px; font-size: 24px; font-style: italic; color: #C78145; font-weight: 600; }
#id-content h3          { margin: 2px 0px; font-family: "Times New Roman", Times, serif; font-size: 22px; font-weight: normal; }
#id-content h4          { margin: 2px 0px; font-family: "Arial Narrow", Geneva, sans-serif; font-size: 14px; font-weight: normal; }
#id-content p           { margin: 0px 0px 20px 0px; padding: 0px; font-size: 14px; }
#id-content a           { color: #000; text-decoration: underline; }
#id-content a:hover     { color: #630; text-decoration: underline; }
#id-content div.right   { float: right; clear: both; margin: 6px 0px 0px 0px; padding: 0px; width: 268px; }
#id-content div.right p { margin: 0px 2px 20px 2px; }

/* Images */
#id-content img.bright { float: right; margin: 8px 0px 8px 8px; border: 1px solid #000; }
#id-content img.bleft  { float: left; margin: 8px 8px 8px 0px; border: 1px solid #000; }
#id-content img.right  { float: right; margin: 8px 0px 8px 8px; }
#id-content img.left   { float: left; margin: 8px 8px 8px 0px; }
#id-content div.clear  { clear: both; }

/* Index Page Positioning */
#id-idx-title { padding: 4px 8px; width: 260px; height: 100px; position: absolute;
                left: 200px; top: 150px; }
#id-idx-img01 { width: 300px; height: 200px; position: absolute; left: 200px; top: 270px;
                background: url(img/index1.jpg); border: 4px solid #ffe; }
#id-idx-img02 { width: 200px; height: 250px; position: absolute; left: 464px; top: 146px;
                background: url(img/index2.jpg); border: 4px solid #ffe; }
#id-idx-txt   { padding: 4px 8px; width: 220px; position: absolute; left: 504px; top: 404px; }

/* Formular */
#id-content form input          { background: #ffe; border: 1px solid #174A39; }
#id-content form input.fixed    { width: 350px; }
#id-content form textarea.fixed { width: 350px; }
#id-content form textarea       { background: #ffe; border: 1px solid #174A39; }
#id-content form p              { margin: 8px 0px 0px 0px; padding: 0px; }
#id-content p.error             { color: #f00; }

/* "Sortenschutz" Symbol */
#id-content p  sup { font-size: 9px; font-weight: normal; }
#id-content h2 sup { font-size: 14px; }
#id-content h3 sup { font-size: 14px; }

/* Katalog Section Menu */
#id-secmenu         { float: right; margin: 0px; padding: 0px; }
#id-secmenu h4      { margin: 0px; padding: 100px 0px 2px 8px; font-family: "Arial", Geneva, sans-serif; font-size: 14px;
                      font-weight: bold; color: #000; background: url(img/secmenuhl.jpg) no-repeat right bottom; width: 260px; }
#id-secmenu ul      { list-style-type: none; padding: 0px; width: 268px;
                      background: #9c9 url(img/secmenubg.gif) repeat-x; background-position: bottom left; border-top: 1px solid #174A39; }
#id-secmenu ul ul   { list-style-type: none; background: transparent; border: 0px; }
#id-secmenu li a    { padding: 2px 8px; color: #674223; display: block; text-decoration: none; white-space:nowrap;
                      font-weight: normal; font-family: "Arial", Geneva, sans-serif; font-size: 12px; width: 252px; background: transparent; }
#id-secmenu li li a { padding: 2px 2px 2px 18px; width: 248px; text-decoration: none; }
#id-secmenu a:hover { background: #C78145; color: #FFE; text-decoration: none; }


/* Product Table */
#id-products table  { width: 300px; margin-top: 8px; margin-left: 8px; margin-bottom: 32px;
                      border-collapse: collapse; table-layout: fixed; }
#id-products td     { margin: 0px; padding: 4px; font-size: 12px; }
#id-products td.p   { width: 234px; }
#id-products td.n   { width: 50px; }
#id-products td big { font-weight: bold; }

/* Size Table */
#id-content div.sizebox table { width: 260px; margin-left: 8px; border-collapse: collapse; }
#id-content div.sizebox td    { margin: 0px; padding: 4px 16px 4px 4px; font-size: 12px; }

/* Contact box */
#id-contactbox { float: right; clear: both; margin: 0px; padding: 0px; width: 200px; }


/* Footer */
#id-tail   { clear: both; width: 160px; padding: 6px 10px; }
#id-tail a { color: #674223; text-decoration: underline;
             font-weight: normal; font-size: 12px; }
#id-copyright { display: none; }