/* 
 *  DEISS Sackfabrik - Layout Styles Web
 *  (C)opyright 2007 REDCODE.DE. All Rights reserved.
 *  Visit us at http://www.redcode.de/
 *
 *  04/06:07   1.0     han 
 */

/* ** ---- Standard Einstellungen ---- ** */
DIV, TABLE,  TH, TD, P, H1, H2, H3, H4, H5, H6, FORM, INPUT, TEXTAREA, UL, LI { background: none; }
BODY, DIV, TABLE, TH, TD, P, H1, H2, H3, H4, H5, H6, FORM, INPUT, TEXTAREA, UL, LI, IMG {
  font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sans-serif, SunSans-Regular;
  color: black; 
  font-size: 12px;
  line-height: 18px;
  margin: 0px;
  padding: 0px;
  text-align: left;
  vertical-align: top;
}

/* Allgemeines */
BODY { background-color: white; padding: 17px 0px 0px 0px;} 
H1 { font-size: 14px; margin: 3px 0px 9px 0px; }
H2 { margin: 2px 0px 4px 0px; }
H5 { margin-top: 3px; font-size: 10px; font-weight: normal; }
A, A:link, A:active, A:visited  { color: #FF5400; text-decoration: underline; }
.alert { color: #FF5400;  }

UL { list-style: none; }
LI { background: url(/images/listdot.gif) 0px 7px no-repeat; padding: 0px 0px 2px 11px; }
UL.news LI { background: none; padding: 0px; margin: 18px 0px 0px 0px; width: 570px; }
UL.verteilerlist LI { background: url(/images/arrow-verteilerlist.gif) 0px 8px no-repeat; padding: 0px 0px 4px 14px; }


/* ProjektSpezifisches */
/* Grundraster */
TABLE.headtable { width: 942px; border: 1px solid #626262; border-bottom: none; }
TABLE.maintable { width: 942px; border: 1px solid #626262; border-top: none; position:relative;}
TD.mainnavi { width: 183px; background: #DDDDDD; }
TD.maincontent { background: white; padding-bottom: 16px; }

P.footer { padding-top: 5px; width: 942px; color: #ADADB1; font-size: 10px; }
P.footer A { color: #ADADB1; font-size: 10px; }
/* P.footer A:hover { background: silver; } */

/* Navigation */
#rootlink { background: #959595; border-bottom: 1px solid #626262; padding: 1px 0px 1px 18px; }
#rootlink A, #rootlink A:visited, #rootlink A:active { color: white; text-decoration: none; font-weight: bold; }
#rootlink A:hover { text-decoration: underline; }
TD.mainnavi H2, P.address { color: #626262; margin-left: 20px; line-height: 16px; }
TD.mainnavi H2 { margin-bottom: 2px; }
P.address { margin-bottom: 6px; }
P.address A:link, P.address A:active, P.address A:visited { color: #FF5400; text-decoration: none; }
P.address A:hover { text-decoration: underline; }
P.address IMG { margin: 5px 9px 0px 0px; }


/* Content */
#headnavi { background: #FF5300; text-align: right; padding: 8px 26px 14px 0px; line-height: 15px; color: white;  }
#headnavi A, #headnavi A:visited, #headnavi A:active { color: white; text-decoration: underline; font-size: 11px; }
#headnavi A:hover { background: silver; }
#maincontent { margin: 36px 80px 10px 41px; } 
#maincontent A { font-weight: bold; }
#maincontent A:hover { background: silver; }
#maincontent P { margin-bottom: 6px; }


/* dyn Schnellkontakt */
#schnellkontakt { visibility: hidden; position: absolute; z-index: 10; top: 90px; left: 850px; background: white; width: 222px; border: 1px solid #9D9DA1;  }
#schnellkontakt H2 { margin: 10px 0px 5px 22px; }
#schnellkontakt P { margin: 0px 0px 13px 22px; line-height: 17px; }
#schnellkontakt P.frmtxt { margin: 0px 0px 0px 22px; font-size: 11px; font-weight: bold; }
#schnellkontakt INPUT  { width: 175px; margin: 0px 0px 4px 22px; background: white; border: 1px solid black; padding: 2px;  }
#schnellkontakt SELECT { margin: 0px 0px 4px 22px; border: 1px solid black; }
#schnellkontakt TEXTAREA  { width: 175px; margin: 0px 0px 4px 22px; background: white; border: 1px solid black; padding: 2px;  }
#schnellkontakt INPUT.submit { margin: 6px 0px 11px 22px; width: 80px; line-height: 12px; height: 22px; border: none; background: #FF5300; color: white; font-weight: bold; text-align: center; vertical-align: middle; }
#schnellkontakt P.more { margin: 0px 9px 10px 0px; text-align: right; }
#schnellkontakt P.close { margin: 5px 9px 0px 0px; text-align: right; }

#pkontakt { visibility: hidden; position: absolute; z-index: 10; bottom: 20px; left: 850px; background: white; width: 222px; border: 1px solid #9D9DA1; height:540px; }
#pkontakt H2 { margin: 10px 0px 5px 22px; }
#pkontakt P { margin: 0px 0px 13px 22px; line-height: 17px; }
#pkontakt P.frmtxt { margin: 0px 0px 0px 22px; font-size: 11px; font-weight: bold; }
#pkontakt INPUT  { width: 175px; margin: 0px 0px 4px 22px; background: white; border: 1px solid black; padding: 2px;  }
#pkontakt SELECT { margin: 0px 0px 4px 22px; border: 1px solid black; }
#pkontakt TEXTAREA  { width: 175px; margin: 0px 0px 4px 22px; background: white; border: 1px solid black; padding: 2px;  }
#pkontakt INPUT.submit { margin: 6px 0px 11px 22px; width: 80px; line-height: 12px; height: 22px; border: none; background: #FF5300; color: white; font-weight: bold; text-align: center; vertical-align: middle; }
#pkontakt P.more { margin: 0px 9px 10px 0px; text-align: right; }
#pkontakt P.close { margin: 5px 9px 0px 0px; text-align: right; }

#ikontakt { visibility: hidden; position: absolute; z-index: 10; bottom: 160px; left: 540px; background: white; width: 222px; border: 1px solid #9D9DA1; height:380px;}
#ikontakt H2 { margin: 10px 0px 5px 22px; }
#ikontakt P { margin: 0px 0px 13px 22px; line-height: 17px; }
#ikontakt P.frmtxt { margin: 0px 0px 0px 22px; font-size: 11px; font-weight: bold; }
#ikontakt INPUT  { width: 175px; margin: 0px 0px 4px 22px; background: white; border: 1px solid black; padding: 2px;  }
#ikontakt SELECT { margin: 0px 0px 4px 22px; border: 1px solid black; }
#ikontakt TEXTAREA  { width: 175px; margin: 0px 0px 4px 22px; background: white; border: 1px solid black; padding: 2px;  }
#ikontakt INPUT.submit { margin: 6px 0px 11px 22px; width: 80px; line-height: 12px; height: 22px; border: none; background: #FF5300; color: white; font-weight: bold; text-align: center; vertical-align: middle; }
#ikontakt P.more { margin: 0px 9px 10px 0px; text-align: right; }
#ikontakt P.close { margin: 5px 9px 0px 0px; text-align: right; }

/* dyn Zylinder */
#zylinder { visibility: hidden; position: absolute; z-index: 10; top: 60px; left: 520px; background: url(/images/dynbg-zylinder.gif) no-repeat 0px 0px; width: 195px; height: 116px  }
#zylinder P { margin: 10px 0px 0px 15px; width: 130px; line-height: 16px; }
#zylinder P A:hover { background: silver; }

/* dyn Müllsacke */
#muellsaecke { visibility: hidden; position: absolute; z-index: 10; top: 430px; left: 670px; background: url(/images/dynbg-muellsaecke.gif) no-repeat 0px 0px; width: 254px; height: 136px  }
#muellsaecke P { margin: 22px 0px 0px 15px; width: 180px; line-height: 16px; }

/* SeitenSpezifisch */
#claim { margin-bottom: 8px; }


IMG.product { margin: 0px 20px 14px 0px; }
DIV.hinweis { background: #DDDDDD; padding: 10px; margin: 20px 0px 10px 0px; }
TD.aadress { width: 170px; }
TD.tablespacer { width: 18px; }
TD.tablespacerbig { width: 26px; }


#maincontent A.glossar, #maincontent A.glossar:link, #maincontent A.glossar:active, #maincontent A.glossar:visited, #maincontent A.glossar:hover { color: black; text-decoration: underline; font-weight: normal; background: none; }
.hintbox { visibility: hidden; position: absolute; z-index: 10; top: 0px; left: 0px; background: url(/images/tooltip.gif) no-repeat 0px 0px; width: 229px; height:155px; }
.hintbox P { margin: 0px 10px 0px 30px; font-size: 10px; line-height: 15px; }

/* End of web-layout.css */