/**
 * heinrich-wenner.de - Content Management System
 *
 * This is the LAYER CSS DOCUMENT
 * of the heinrich-wenner.de - content managament system frontend
 *
 * @file    layer.css
 * @author  dpi one <www.dpi-one.de>
 */


/***********************
  body
 ***********************/
DIV#body { background: url(../image/background-logo.gif) top right no-repeat; margin: 0px; }


/***********************
  header
 ***********************/
DIV.header { height: 270px; width: 960px; }
DIV.header DIV.logo { float: left; height: 100px; width: 435x; }
DIV.header DIV.slogan { float: left; height: 100px; width: 465x; }
DIV.header DIV.animation { background: url(../image/background-header.jpg) no-repeat; height: 170px; padding-left: 50px; width: 850px; }


/***********************
  menu, menu1, menu2,
  menu3 & menu4
 ***********************/
DIV.menu { background: url(../image/background-menu1.png) no-repeat; height: 40px; width: 900px; }
DIV.menu1 { float: left; height: 40px; width: 630px; }
DIV.menu1 UL { background: url(../image/background-menu1.gif) no-repeat; height: 26px; margin: 0px; padding: 0px; width: 630px; }
DIV.menu1 UL LI { float: left; height: 26px; list-style: none; list-style-image: none; margin: 0px; padding: 0px; }
DIV.menu2 { float: left; list-style: none; list-style-image: none; margin: 0px; padding: 0px; width: 197px;  }
DIV.menu2 UL { list-style: none; list-style-image: none; margin: 0px; padding: 0px; }
DIV.menu2 UL LI { font-family: Tahoma,Arial,Sans-Serif; margin: 2px 0px 1px 0px; padding: 0px; width: 197px;  }
DIV.menu2 UL LI A { border-right: none; color: #FFFFFF; display: block; line-height: 12px; text-decoration: none; }
DIV.menu2 UL.l1 LI A { font-size: 9pt; padding: 1px 8px 1px 0px; width: 189px; }
DIV.menu2 UL.l2 LI A { font-size: 8pt; padding: 1px 8px 1px 20px; width: 169px; }
DIV.menu2 UL.l3 LI A { font-size: 8pt; padding: 1px 8px 1px 40px; width: 149px; }
DIV.menu2 UL LI A.active { border-right: 3px solid #FFFFFF; padding-right: 5px; }
DIV.menu2 UL LI A:hover { border-right: 3px solid #FFFFFF; color: #FFFFFF; padding-right: 5px; text-decoration: none; }
DIV.menu3 { background: url(../image/background-menu3.gif); color: #FFFFFF; font-size: 8pt; height: 22px; line-height: 22px; margin-left: 104px; padding: 0px 6px; text-align: center; width: 131px; }
DIV.menu4 { float: left; height: 12px; padding: 7px 0px 0px 170px; width: 100px; }
DIV.menu4 UL { height: 12px; margin: 0px; padding: 0px; }
DIV.menu4 UL LI { float: left; height: 12px; list-style: none; list-style-image: none; margin: 0px; padding: 0px 12px 0px 0px; }


/***********************
  main
 ***********************/
DIV.main { background: url(../image/background-main.gif) repeat-y; width: 960px; }
DIV.main DIV.left { background: url(../image/background-left.png); float: left; height: 359px; width: 247px; }
DIV.main DIV.left DIV.spacer { float: left; height: 337px; width: 50px; }
DIV.main DIV.spacer { float: left; height: 359px; width: 23px; }
DIV.main DIV.content { background: url(../image/background-content.gif) no-repeat; float: left; padding: 0px 10px; width: 610px; }


/***********************
  footer
 ***********************/
DIV.footer { background: url(../image/background-footer.gif) no-repeat; color: #AAAAAA; font-family: Tahoma,Arial,Sans-Serif; font-size: 7pt; height: 46px; padding: 65px 95px 0px 0px; text-align: right; width: 841px; }
DIV.footer A { color: #384C62; text-decoration: none; }
DIV.footer A:hover { color: #384C62; text-decoration: underline; }