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


/***********************
  body
 ***********************/
DIV#body { margin: 0px auto; width: 1000px; }


/***********************
  header
 ***********************/
DIV.header {height: 350px; margin-bottom: 3px; width: 1000px; }
DIV.header DIV.logo1 {  background: url(../image/background-header.gif) top right no-repeat; float: left; height: 59px; padding-top: 11px; width: 200px; }
DIV.header DIV.animation { float: left; height: 280px; width: 750px; }
DIV.header DIV.logo2 { float: left; height: 280px; width: 200px; }


/***********************
  menu1 & menu2
 ***********************/
DIV.menu1 { float: left; height: 26px; width: 750px; }
DIV.header DIV.menu1 a, DIV.footer DIV.menu1 a { display:inline-block;background:url(../image/background-header.gif) top right no-repeat;}
DIV.footer DIV.menu1 a { background:url(../image/background-footer.gif) bottom right no-repeat;}
DIV.menu2 { float: left; padding-left: 2px; width: 35px; }
DIV.menu2 A { color: #999999; font-size: 9pt; text-decoration: none; }
DIV.menu2 A:hover { color: #C5001E; }
DIV.menu2 A.LL { display: block; background: url(../image/background-menu2-LL.gif) no-repeat; line-height: 14px; text-align: center; width: 35px; }
UL.menu3 { margin: 0px; padding: 3px 0px 0px 0px; }
UL.menu3 LI { background: url(../image/menu3.gif) top right no-repeat; list-style: none; margin: 0px; padding: 0px 0px 4px 0px; }
UL.menu3 LI A { color: #C5001E; display: block; line-height: 15px; text-decoration: none; width: 188px; }
UL.menu3 LI A:hover { color: #C5001E; text-decoration: underline; }
UL.menu3 UL { padding: 2px 0px 0px 0px; }
UL.menu3 UL LI { background: none; padding: 0px; }
UL.menu3 UL.level-1 LI A { color: #666666; padding-left: 20px; width: 168px; }
UL.menu3 UL.level-1 LI A.active { background: url(../image/menu3.gif) no-repeat; }
UL.menu3 UL.level-2 LI A { color: #666666; padding-left: 40px; width: 148px; }
UL.menu3 UL.level-2 LI A.active { background: url(../image/menu3.gif) 20px top no-repeat; }
UL.menu3 UL.level-3 LI A { color: #666666; padding-left: 50px; width: 128px; }
UL.menu3 UL.level-3 LI A.active { background: url(../image/menu3.gif) 40px top no-repeat; }
UL.menu3 UL LI A:hover { color: #C5001E; text-decoration: none; }
DIV.menu4 { color: #999999; font-size: 8pt; height: 15px; padding-top: 5px; }
DIV.menu4 A { color: #999999; }
DIV.menu4 SPAN.bull { font: 8pt Arial,Sans-Serif; }
DIV.menu5 UL { padding: 0px; }
DIV.menu5 UL LI { background: none; padding: 0px; }
DIV.menu5 LI A { color: #C5001E; display: block; line-height: 15px; text-decoration: none; width: 188px; }
DIV.menu5 LI A:hover { color: #C5001E; text-decoration: underline; }
DIV.menu5 UL.level-1 LI A { color: #666666; padding-left: 15px; width: 127px; }
DIV.menu5 UL.level-1 LI A.active { background: url(../image/menu3.gif) no-repeat; }
DIV.menu5 UL.level-2 LI A { color: #666666; padding-left: 30px; width: 112px; }
DIV.menu5 UL.level-2 LI A.active { background: url(../image/menu3.gif) 20px top no-repeat; }
DIV.menu5 UL.level-3 LI A { color: #666666; padding-left: 40px; width: 102px; }
DIV.menu5 UL.level-3 LI A.active { background: url(../image/menu3.gif) 40px top no-repeat; }
DIV.menu5 UL LI A:hover { color: #C5001E; text-decoration: none; }


/***********************
  main
 ***********************/
DIV.main { background: url(../image/background-main.gif) repeat-y; margin: 0px 50px 3px 0px; width: 950px; }
DIV.main DIV.left { float: left; overflow: hidden; padding: 5px 9px 0px 8px; width: 183px; }
DIV.main DIV.left DIV.border { /*border-bottom: 2px solid #FFFFFF; margin: 10px 0px 6px 0px; */}
DIV.main DIV.normal { background: url(../image/background-normal.gif) repeat-x; float: left; width: 550px; }
DIV.main DIV.normal DIV.content { border-right: 3px solid #FFFFFF; float: left; padding: 0px 26px 0px 10px; width: 508px; }
DIV.main DIV.normal DIV.content DIV.border { background: #FFFFFF; border-left: 480px solid #CCCCCC; border-right: 27px solid #C5001E; font-size: 0pt; height: 3px; margin: 8px 0px; }
DIV.main DIV.normal DIV.spacer { background: #FFFFFF; float: left; font-size: 0pt; height: 337px; width: 3px; }
DIV.main DIV.right { float: left; overflow: hidden; padding: 5px 8px 0px 9px; width: 183px; }
DIV.main DIV.right DIV.border { border-bottom: 2px solid #FFFFFF; margin: 10px 0px 6px 0px; }
	/* 2-rows */
DIV.main DIV.normal DIV.content DIV.element1 { float: left; padding: 0px 10px 0px 0px; width: 244px; }
DIV.main DIV.normal DIV.content DIV.element2 { float: left; padding: 0px 0px 0px 10px; width: 244px; }


/***********************
  wide screen hack
 ***********************/
DIV.main.wide { background-image: url(../image/background-wide.gif) !important; }
DIV.main.wide DIV.normal { width: 750px !important; }
DIV.main.wide DIV.normal DIV.content { border-right: none; width: 711px !important; }
	/* 2-rows */
DIV.main.wide DIV.normal DIV.content DIV.element1 { float: left; padding: 0px 10px 0px 0px; width: 345.5px; }
DIV.main.wide DIV.normal DIV.content DIV.element2 { float: left; padding: 0px 0px 0px 10px; width: 345.5px; }


/***********************
  footer
 ***********************/
DIV.footer { border-top: 3px solid #E8E9EB; height: 26px; width: 950px; }
DIV.footer DIV.copyright { background: url(../image/background-footer.gif) bottom right no-repeat; color: #C4C7CC; float: left; font-size: 7pt; height: 18px; padding-top: 8px; width: 200px; }
DIV.footer DIV.copyright A { color: #C4C7CC; }