/* CSS Layout Dokument für bonzek.de  */

/* Schriftformatierungen */
* { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #5C595E; }
a { text-decoration: none; color: #AAA6AE; }
a:hover { color: #000000; }

/* Allgemeine Formatierungen */
html, body { height: 100%; }
body { margin: 0; padding: 0; }
#container { position: relative; min-height: 100%; }
* html #container {	height: 100%; }

/* Header - Logo, Claim */
#header { position: relative; top: 0; left: 0; width: 100%;	height: 145px; background: url(img/bgHeader.jpg) repeat-x; }
#logo {	position: absolute;	top: 26px; left: 14px; }
#claim { position: absolute; top: 104px; left: 32px; }

/* Rechte Box */
#right { position: absolute; top: 26px; left: 566px; width: 213px; background: #F5F5F5 url(img/borderRight.gif) top right no-repeat; }
  /* Kategorie im Textmodus */
  #right .category { margin: 0; padding: 0 0 0 10px; width: 202px; background-color: #FF7E00; font: 20px Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: normal; letter-spacing: 4px; text-transform: lowercase; line-height: 34px; }
  * html #right .category { margin-top: -3px; width: 212px; } /* IE Hack */
  /* Kategorie im Imagemodus */
  #right .categoryImage { margin-bottom: 10px; }
  * html #right .categoryImage { margin-top: -3px; margin-bottom: 10px; } /* IE Hack */
#right .divider { margin: 0; padding: 0; font-size: 1px; width: 212px; height: 1px; background: url(img/divider.gif) repeat-x; }
* html #right .divider { margin-top: -3px; } /* IE Hack */
#right h2 { font-size: 12px; color: #5C595E; font-weight: bold; text-transform: none; margin: 15px 15px 0 15px; padding: 0; }
#right p { margin: 0 15px 15px 15px; padding: 0; }
#right .product-text p { margin: 0; }
#right .product-text { position: relative; margin: 0 15px 15px 15px; }

/* Content */ 
#cContent { position: relative; padding-bottom: 38px; }
#content { position: relative; float: left; width: 348px; padding: 0 20px 20px 35px; float: left; }
* html #content { width: 402px; } /* IE Hack */

/* Menü */
#menu { width: 164px; text-align: center; float: left; }
#menu ul { margin: 0; padding: 0; list-style: none; text-align: left; }
#menu ul li a { width: 164px; text-transform: lowercase; font-size: 11px; color: #7D7A7E; letter-spacing: 1pt; border-bottom: 1px solid #E2E2E2; padding-top: 5px; padding-bottom: 5px; display: block; }
#menu ul li a img { margin-left: 15px; margin-right: 5px; }
#menu ul li a:hover { color: #000000; }
#menu a.extlink img { margin-top: 28px; }

/* Fußzeile - Imprint*/
#footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 38px; background: url(img/bgFooter.jpg) repeat-x; }
#footer p { margin-top: 13px; margin-left: 32px; padding: 0; font-size: 11px; }
#footer a { color: #AAA6AE; font-size: 11px; }
#footer a:hover { color: #000000; }