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


/***********************
  body
 ***********************/
DIV.body { border: 1px solid #F47000; margin: 0px auto 0px auto; padding: 4px; width: 766px; }


/***********************
  header
 ***********************/
DIV.header { height: 284px; width: 766px; }


/***********************
  content
 ***********************/
DIV.content { background: url(../image/background-content.gif) repeat-y; padding-top: 4px; width: 766px; }
	/* left content frame */
DIV.content DIV.left { float: left; min-height: 280px; width: 170px; }
DIV.content DIV.left DIV.menu { margin-left: 7px; }
DIV.content DIV.left DIV.menu A { border-top: 1px solid #eaeaea; display: block; margin-top: 2px; padding-top: 2px; height: 25px; width: 165px; }
	/* formulars in left frame */
DIV.content DIV.left FORM { background: #F47000; color: #FFFFFF; padding: 4px 10px; width: 150px; }
DIV.content DIV.left FORM LABEL { color: #FFFFFF; }
DIV.content DIV.left FORM INPUT.input { border: 1px solid #CCCCCC; font-size: 9pt; margin: 4px 0px; padding: 2px; width: 139px; }
DIV.content DIV.left FORM SELECT.select { border: 1px solid #CCCCCC; color: #F47000; font-size: 9pt; margin: 0px; padding: 2px; width: 142px; }
	/* spacer between left and normal */
DIV.content DIV.spacer { float: left; height: 280px; width: 30px; }
	/* normal content frame */
DIV.content DIV.normal { float: left; min-height: 280px; width: 562px; }
DIV.content DIV.normal DIV.menu { font-size: 8pt; margin-bottom: 10px; }
DIV.content DIV.normal DIV.menu A { background-image: url(../image/menu-breadcrumb-off.gif); padding-left: 12px; }
DIV.content DIV.normal DIV.menu A:hover { background-image: url(../image/menu-breadcrumb-on.gif); }
DIV.content DIV.normal DIV.menu A.active, DIV.content DIV.normal DIV.menu A.active:hover { background-image: url(../image/menu-breadcrumb-act.gif); color: #000000; }


/***********************
  footer
 ***********************/
DIV.footer { background-image: url(../image/background-footer.jpg); height: 45px; margin-top: 4px; width: 766px; }
	/* copyright */
DIV.footer DIV.copyright { color: #FFFFFF; float: left; font-size: 7.5pt; padding: 20px 0px 0px 10px; width: 165px; }
	/* footer menu */
DIV.footer DIV.menu { color: #FFFFFF; float: left; font-size: 7.5pt; padding: 20px 10px 0px 10px; text-align: center; width: 571px; }
DIV.footer DIV.menu A { color: #FFFFFF; }
DIV.footer DIV.menu A:hover { text-decoration: underline; }