/**
 * hellmann-salami.de - Content Management System
 *
 * @file    layer.css
 * @author  CAW Media GmbH <www.caw-media.de>
 */

 
/***********************
  frame
 ***********************/
DIV.frame { background: url(../fileadmin/image/background-frame.gif) repeat-y; left: 0px; margin: -70px 0px 70px 0px; min-height: 100%; position: relative; width: 1024px; z-index: 3; }
DIV.frame DIV.wrapper { padding-top: 220px; width: 1024px; }
* HTML DIV.frame { height: 100%; }


/***********************
  header
 ***********************/
DIV.header { background: url(../fileadmin/image/background-header.png) no-repeat; height: 150px; position: absolute; top: 70px; width: 1024px; z-index: 4; }
DIV.header DIV.logo { float: left; height: 118px; padding: 32px 0px 0px 45px; width: 240px; }
DIV.header DIV.logo DIV.wrapper { background: url(../fileadmin/image/background-logo.png) no-repeat; height: 80px; padding: 22px 19px 16px 20px; width: 201px; }
DIV.header DIV.search { float: left; height: 40px; padding: 0px 68px 0px 429px; width: 242px; }
DIV.header DIV.search DIV.wrapper { background: url(../fileadmin/image/background-search.png) no-repeat; height: 40px; padding-top: 0px; width: 242px; }
DIV.header DIV.search DIV.wrapper FORM { margin: 0px; padding: 0px 10px 0px 11px; width: 221px; }
DIV.header DIV.search DIV.wrapper FORM DIV.sword { float: left; padding-top: 7px; width: 203px; }
DIV.header DIV.search DIV.wrapper FORM DIV.sword INPUT { border: 1px solid #CCCCCC; border-right-width: 0px; color: #4E4D52; height: 15px; padding: 1px 2px 0px 6px; width: 194px; }
DIV.header DIV.search DIV.wrapper FORM DIV.submit { float: left; height: 33px; padding-top: 7px; width: 18px; }
DIV.header DIV.basket { float: left; height: 26px; padding: 84px 0px 0px 15px; width: 724px; }
DIV.header DIV.basket DIV.left { background: url(../fileadmin/image/background-basket-left.gif); float: left; font-size: 0pt; height: 26px; line-height: 6px; width: 6px; }
DIV.header DIV.basket DIV.content { background: #88877F; float: left; height: 26px; min-width: 123px; }
DIV.header DIV.basket DIV.right { background: url(../fileadmin/image/background-basket-right.gif); float: left; font-size: 0pt; height: 26px; line-height: 6px; width: 6px; }


/***********************
  menu1
 ***********************/
DIV.frame DIV.menu1 { background: url(../fileadmin/image/background-header.png) left bottom no-repeat; float: left; height: 176px; position: relative; width: 50px; }
DIV.frame DIV.menu1 SPAN.wrapper { bottom: 0px; display: block; position: absolute; text-align: center; width: 50px; }
DIV.frame DIV.menu1 SPAN.wrapper A { display: block; margin-bottom: 14px; }


/***********************
  menu2
 ***********************/
DIV.frame DIV.menu2 { float: left; width: 230px; }
DIV.frame DIV.menu2 DIV.top { background: url(../fileadmin/image/background-menu2-top.png) no-repeat; height: 19px; width: 230px; }
DIV.frame DIV.menu2 DIV.wrapper { background: url(../fileadmin/image/background-menu2-content.png) no-repeat; min-height: 489px; margin-left: 5px; padding: 0px; width: 225px; }
DIV.frame DIV.menu2 DIV.wrapper DIV.content { float: left; min-height: 474px; padding: 15px 18px 18px; width: 184px; }
DIV.frame DIV.menu2 DIV.wrapper DIV.content UL { list-style: none; margin: 0px; padding: 0px; }
DIV.frame DIV.menu2 DIV.wrapper DIV.content UL LI { background: url(../fileadmin/image/menu2-border.gif) repeat-x; line-height: 22px; list-style: none; padding: 1px 0px 0px 0px; }
DIV.frame DIV.menu2 DIV.wrapper DIV.content UL UL LI { background: none; line-height: 18px; padding: 0px; }
DIV.frame DIV.menu2 DIV.wrapper DIV.content UL LI.first { background: transparent; }
DIV.frame DIV.menu2 DIV.wrapper DIV.content UL LI A {
	background: url(../fileadmin/image/menu2-icon-off.gif) right top no-repeat;
	color: #FFFFFF;
	display: block;
	height: 22px;
	line-height: 22px;
	width: 184px;
}
DIV.frame DIV.menu2 DIV.wrapper DIV.content UL UL LI A {
	background: none;
	height: 18px;
	line-height: 18px;
	margin-left: 14px;
	width: 166px;
}
DIV.frame DIV.menu2 DIV.wrapper DIV.content UL LI A.active,
DIV.frame DIV.menu2 DIV.wrapper DIV.content UL LI A:hover {
	background-image: url(../fileadmin/image/menu2-icon-on.gif);
	color: #F3E7C1;
	text-decoration: none;
}
DIV.frame DIV.menu2 DIV.wrapper DIV.content UL UL LI A.active,
DIV.frame DIV.menu2 DIV.wrapper DIV.content UL UL LI A:hover {
	background-image: none;
}
DIV.frame DIV.menu2 DIV.wrapper DIV.spacer { float: left; height: 489px; width: 5px; }


/***********************
  teaser
 ***********************/
DIV.frame DIV.teaser { background: url(../fileadmin/image/background-header.png) right bottom no-repeat; float: left; height: 176px; padding: 0px 74px 0px 0px; width: 670px; }


/***********************
  content
 ***********************/
DIV.frame DIV#content { border-top: 1px solid #FFFFFF; float: left; min-height: 331px; width: 670px; }
DIV.frame DIV#content DIV.wrapper { margin-bottom: -20px; padding: 14px 20px 14px 20px; width: 565px; }
DIV.frame DIV#content DIV.wrapper DIV.right { float: right; padding: 0px; }
DIV.frame DIV#content DIV.wrapper DIV.right DIV.floating { border-left: 1px dashed #4E4D52; display: inline; float: left; margin: 0px 0px 0px 25px; padding: 0px 0px 0px 25px; width: 165px; }
DIV.frame DIV#content DIV.wrapper DIV.right DIV.floating DIV.content { float: none; margin: 0px; display: inline; }


/***********************
  spacer
 ***********************/
DIV.frame DIV.spacer { background: url(../fileadmin/image/background-spacer-right.gif) no-repeat; float: left; height: 277px; width: 74px; }


/***********************
  footer
 ***********************/
DIV.footer {
	background: url(../fileadmin/image/background-footer.png) no-repeat;
	height: 407px;
	position: relative;
	margin-top: -407px;
	width: 974px;
	z-index: 2;
}
DIV.footer DIV.menu2 {
	background: url(../fileadmin/image/background-menu2-bottom.png) no-repeat;
	height: 20px;
	left: 50px;
	position: relative;
	top: 337px;
	width: 230px;
}
DIV.footer DIV.content {
	background: #F3E7C1;
	border-bottom: 5px solid #FFFFFF;
	height: 15px;
	left: 50px;
	margin: -20px 0px 0px 230px;
	position: relative;
	top: 337px;
	width: 665px;
}
DIV.footer DIV.copyright { height: 43px; margin: 337px 0px 0px 50px; padding: 7px 0px 0px 230px; text-align: right; width: 580px; }
DIV.subline {
	background: url(../fileadmin/image/subline.gif) no-repeat;
	height: 84px;
	left: 867px;
	margin-top: -84px;
	position: relative;
	width: 157px;
	z-index: 5;
}


/***********************
  spacer
 ***********************/
DIV.white { background: #FFFFFF; float: left; height: 603px; left: 0px; position: absolute; top: 0px; width: 50px; z-index: 1; }