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


/***********************
  frame
 ***********************/
DIV.frame { left: 0px; margin: 0px; min-height: 100%; position: relative; }
DIV.frame DIV.wrapper { padding: 310px 0px 58px 0px; }


/***********************
  tools
 ***********************/
DIV.tools { background: #FFFFFF; height: 30px; left: 50px; position: absolute; top: 0px; width: 940px; z-index: 2; }
DIV.tools INPUT.text { background: url(../image/background-form-input.gif) no-repeat; border: none; color: #626262; height: 13px; margin: 7px 0px 1px 0px; padding: 1px 4px 2px 4px; width: 114px; }
DIV.tools INPUT.text:focus, DIV.tools INPUT.text:active { background-image: url(../image/background-form-input-focus.gif); }
DIV.tools INPUT.csc-mailform-image { margin: 0px 0px 1px 4px; }
DIV.tools INPUT.csc-mailform-submit, DIV.tools A.csc-mailform-submit { margin-left: 4px; }
DIV.tools DIV.tx-felogin-pi1 { background: url(../image/background-login.gif) no-repeat; float: left; height: 30px; padding: 0px 0px 0px 15px; width: 418px; }
DIV.tools DIV.tx-felogin-pi1 INPUT#tx_newloginbox_pi1-user { border-right: 1px solid #BDBDBD; width: 111px; }
DIV.tools DIV.tx-felogin-pi1 INPUT#tx_newloginbox_pi1-pass1 { background: url(../image/background-form-input.gif) no-repeat top right; border: none; border-left: 1px solid #BDBDBD; color: #626262; height: 13px; margin: 7px 0px 1px 0px; padding: 1px 4px 2px 4px; width: 111px; }
DIV.tools DIV.tx-felogin-pi1 INPUT#tx_newloginbox_pi1-pass2 { background: url(../image/background-form-input-focus.gif) no-repeat top right; border: none; border-left: 1px solid #E5C501; color: #626262; height: 13px; margin: 7px 0px 1px 0px; padding: 1px 4px 2px 4px; width: 111px; }
DIV.tools DIV.tx-felogin-pi1 INPUT#tx_newloginbox_pi1-user:focus, DIV.tools DIV.login INPUT#tx_newloginbox_pi1-user:active { border-right-color: #E5C501; }
DIV.tools DIV.cart { background: url(../image/background-cart.gif) no-repeat; float: left; height: 30px; padding: 0px 0px 0px 25px; width: 190px; }
DIV.tools DIV.cart SPAN.mini-cart { background: url(../image/background-form-input.gif) no-repeat; color: #626262; display: inline-block; font-size: 0.917em; height: 13px; margin-top: 7px; padding: 1px 4px 2px 4px; width: 114px; }
DIV.tools DIV.search { background: url(../image/background-search.gif) no-repeat; float: right; height: 30px; padding: 0px 0px 0px 17px; width: 275px; }


/***********************
  header
 ***********************/
DIV.header { background: #FFFFFF url(../image/background-header.gif) repeat-x; height: 280px; position: absolute; top: 30px; width: 100%; z-index: 3; }
DIV.header DIV.wrapper { padding: 0px; width: 999px; }
DIV.header DIV.wrapper DIV.menu1 { background: #FFFFFF url(../image/background-menu1.gif) no-repeat; float: left; height: 252px; padding: 3px 16px 3px 2px; width: 32px; }
DIV.header DIV.wrapper DIV.menu1 UL.language { border-bottom: 1px solid #FFFFFF; font-size: 0.917em; height: 52px; list-style: none; margin: 0px; padding: 2px 0px; width: 32px; }
DIV.header DIV.wrapper DIV.menu1 UL.language LI { line-height: 13px; list-style: none; margin: 0px; padding: 0px; }
DIV.header DIV.wrapper DIV.menu1 UL.language LI A { color: #E2E2E2; display: inline-block; line-height: 13px; padding-left: 8px; width: 24px; }
DIV.header DIV.wrapper DIV.menu1 UL.language LI A:hover { color: #FFFFFF; text-decoration: none; }
DIV.header DIV.wrapper DIV.menu1 UL.shortcuts { height: 195px; list-style: none; margin: 0px; padding: 0px; width: 32px; }
DIV.header DIV.wrapper DIV.menu1 UL.shortcuts LI {  list-style: none; margin: 0px; padding: 0px; }
DIV.header DIV.wrapper DIV.menu1 UL.shortcuts LI A { background: #E2E2E2; display: inline-block; height: 12px; margin: 20px 0px 0px 8px; width: 13px; }
DIV.header DIV.wrapper DIV.menu1 UL.shortcuts LI A:hover { background: #FFFFFF; text-decoration: none; }
DIV.header DIV.wrapper DIV.content { float: left; height: 280px; position: relative; width: 949px; }
DIV.header DIV.wrapper DIV.content DIV.teaser { float: left; height: 210px; padding-bottom: 10px; width: 810px; }
DIV.header DIV.wrapper DIV.content DIV.logo { float: left; height: 157px; padding: 5px 9px 0px 5px; text-align: right; width: 125px; }
DIV.header DIV.wrapper DIV.content DIV.panel { background: url(../image/background-panel.jpg); float: left; height: 58px; width: 134px; }
DIV.header DIV.wrapper DIV.content DIV.subline { color: #FFFFFF; height: 40px; left: 0px; position: absolute; text-align: right; top: 230px; width: 810px; z-index: 4; }


/***********************
  small header
 ***********************/
BODY.small DIV.header DIV.wrapper { width: 995px; }
BODY.small DIV.header DIV.wrapper DIV.content { width: 945px; }
BODY.small DIV.header DIV.wrapper DIV.content DIV.logo { padding: 5px 5px 0px 5px; }
BODY.small DIV.header DIV.wrapper DIV.content DIV.panel { width: 130px; }


/***********************
  menu2
 ***********************/
DIV.header DIV.wrapper DIV.content DIV.menu2 { background: url(../image/background-menu2.gif) no-repeat; height: 60px; width: 940px; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL { height: 29px; list-style: none; margin: 0px; padding: 31px 0px 0px 3px; position: relative; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI { list-style: none; margin: 0px; padding: 0px; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.level-1 { background: url(../image/background-menu2-item.gif) no-repeat; display: inline-block; float: left; height: 29px; position: relative; width: 138px; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.level-1:hover, DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.level-1.active { background: none; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.level-1 A {
	color: #FFFFFF;
	display: inline-block;
	font-size: 1em;
	height: 21px;
	padding: 5px 0px 0px 7px;
	position: relative;
	width: 131px;
	z-index: 3;
}
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI A:hover,
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI A:active,
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.active A {
	text-decoration: none;
}
/* background */
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI DIV.background1 { background: #000000; display: none; height: 26px; left: 0px; opacity: 0.7; padding: 0px; position: absolute; top: 0px; width: 138px; z-index: 1; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI DIV.background2 { background: #000000; display: none; height: 154px; left: 0px; opacity: 0.7; padding: 0px; position: absolute; top: 29px; width: 138px; z-index: 1; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.level-1:hover DIV.background1, DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.level-1.active DIV.background1 { display: block; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.level-1:hover DIV.background2, DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.level-1.active DIV.background2 { display: block; }
	/* level 2*/
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.level-1:hover UL.level-2, DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.level-1.active UL.level-2 { display: block; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI UL.level-2 { display: none; height: 151px; left: 0px; padding: 0px; position: absolute; top: 32px; width: 138px; z-index: 2; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI UL.level-2 LI { float: none; height: 16px; list-style-image: none; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI UL.level-2 LI A { font-size: 0.917em; height: 13px; padding: 2px 0px 0px 7px; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI UL.level-2 LI A:hover,
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI UL.level-2 LI A:active,
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI UL.level-2 LI A.active {
	color: #E3C503;
}
	/* last */
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.last { width: 116px !important; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.last A { width: 109px; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.last DIV.background1 { width: 116px; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.last DIV.background2 { width: 116px; }
DIV.header DIV.wrapper DIV.content DIV.menu2 UL LI.last UL.level-2 { width: 116px; }


/***********************
  content
 ***********************/
DIV.frame DIV.wrapper DIV#content { min-height: 220px; padding-left: 50px; position: relative; z-index: 1; width: 940px; }
DIV.frame DIV.wrapper DIV#content DIV.normal { float: left; min-height: 200px; padding-right: 10px; width: 710px; }
DIV.frame DIV.wrapper DIV#content DIV.normal DIV.wrapper { padding: 0px 60px 0px 0px; }
DIV.frame DIV.wrapper DIV#content DIV.right { float: left; min-height: 200px; padding: 0px 10px; width: 200px; }
BODY.home DIV.frame DIV.wrapper DIV#content DIV.right { background: url(../image/background-home-right.gif) no-repeat; }


/***********************
  footer
 ***********************/
DIV.footer { border-top: 1px solid #CACACA; height: 57px; margin-top: -58px; overflow: hidden; position: relative; width: 990px; }
DIV.footer DIV.menu4 { float: left; height: 57px; line-height: 57px; padding-left: 50px; width: 190px; }
DIV.footer DIV.menu4 A { color: #626262; }
DIV.footer DIV.products { float: left; height: 57px; line-height: 57px; text-align: right; width: 530px; }
DIV.footer DIV.phone { background: #CACACA; float: left; font-size: 1.334em; font-weight: bold; height: 57px; line-height: 57px; text-align: center; width: 220px; }