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


/***********************
  frame
 ***********************/
DIV.frame { margin: 0px auto; min-height: 100%; position: relative; width: 972px; }
DIV.frame DIV.wrapper { min-height: 280px; padding: 288px 0px 62px 0px; position: relative; width: 972px; z-index: 1; }


/***********************
  content
 ***********************/
	/* global */
DIV.frame DIV.wrapper DIV#content { float: left; min-height: 264px; }
DIV.frame DIV.wrapper DIV#left { float: left; font-size: 0.917em; padding-right: 6px; width: 193px; }
DIV.frame DIV.wrapper DIV#right { float: right; font-size: 0.917em; padding-left: 6px; width: 193px; }
DIV.frame DIV.wrapper DIV.bottom { background: #FFFFFF no-repeat; font-size: 0pt; height: 16px; line-height: 0px; }
DIV.frame DIV.wrapper DIV.item { background: transparent url(../image/background-content-top.gif) no-repeat right top; padding: 8px 10px 0px 7px; }
DIV.frame DIV.wrapper DIV.panel DIV.spacer { background: url(../image/background-content-spacer.gif) no-repeat; font-size: 0pt; height: 16px; line-height: 0px; }
DIV.frame DIV.wrapper DIV.blind { display: none; }
	/* 2 cols */
DIV.frame DIV.wrapper DIV.m2cols { background: #FFFFFF url(../image/background-2cols-border.gif) repeat-y; min-height: 280px; }
DIV.frame DIV.wrapper DIV.m2cols DIV.bottom { background-image: url(../image/background-2cols-bottom.gif); }
DIV.frame DIV.wrapper DIV.m2cols DIV#content { width: 773px; }
DIV.frame DIV.wrapper DIV.m2cols DIV#right { display: none; }
	/* 3 cols */
DIV.frame DIV.wrapper DIV.m3cols { background: #FFFFFF url(../image/background-3cols-border.gif) repeat-y; min-height: 280px; }
DIV.frame DIV.wrapper DIV.m3cols DIV.bottom { background-image: url(../image/background-3cols-bottom.gif); }
DIV.frame DIV.wrapper DIV.m3cols DIV#content { width: 574px; }
	/* 2 elements */
DIV.frame DIV.wrapper DIV.border-v { background: url(../image/background-2elements-border-v.gif) repeat-y center top; }
DIV.frame DIV.wrapper DIV.border-h { background: url(../image/background-2elements-border-h.gif) repeat-x; clear: left; display: block; font-size: 0pt; height: 15px; line-height: 0px; }
DIV.frame DIV.wrapper DIV.element1 { float: left; }
DIV.frame DIV.wrapper DIV.element2 { float: right; }
DIV.frame DIV.wrapper DIV.m2cols DIV.border-v { width: 756px; }
DIV.frame DIV.wrapper DIV.m2cols DIV.element1 { width: 363px; }
DIV.frame DIV.wrapper DIV.m2cols DIV.element2 { width: 364px; }
DIV.frame DIV.wrapper DIV.m3cols DIV.border-v { width: 557px; }
DIV.frame DIV.wrapper DIV.m3cols DIV.element1 { width: 264px; }
DIV.frame DIV.wrapper DIV.m3cols DIV.element2 { width: 264px; }
	/* slideshow */
DIV.frame DIV.wrapper DIV#slideshow { background: #FFFFFF url(../image/background-slideshow.png) no-repeat; height: 184px; position: relative; width: 972px; }
DIV.frame DIV.wrapper DIV#slideshow DIV.jcarousel-container { padding: 0px 23px 0px 20px; position: relative; width: 929px; }
DIV.frame DIV.wrapper DIV#slideshow DIV.jcarousel-prev-horizontal { cursor: pointer; height: 180px; left: 0px; position: absolute; top: 0px; width: 20px; }
DIV.frame DIV.wrapper DIV#slideshow DIV.jcarousel-next-horizontal { cursor: pointer; height: 180px; left: 949px; position: absolute; top: 0px; width: 20px; }
DIV.frame DIV.wrapper DIV#slideshow DIV.jcarousel-clip { margin: 0px; overflow: hidden; padding: 0px; position: relative; z-index: 2; }
DIV.frame DIV.wrapper DIV#slideshow DIV.jcarousel-clip-horizontal { height: 180px; width: 929px; }
DIV.frame DIV.wrapper DIV#slideshow UL { left: 0px; list-style: none; margin: 0px; overflow: hidden; padding: 0px; position: relative; top: 0px; z-index: 1; }
DIV.frame DIV.wrapper DIV#slideshow UL LI { background: url(../image/background-slideshow-item.gif) repeat-y right top; float: left; height: 180px; list-style-image: none; list-style-type: none; margin: 0px 11px 0px 10px; padding: 0px 10px 0px 10px; width: 240px; }
DIV.frame DIV.wrapper DIV#slideshow DIV.layer-left { background: #FFFFFF; height: 180px; left: 20px; position: absolute; top: 0px; width: 10px; z-index: 3; }
DIV.frame DIV.wrapper DIV#slideshow DIV.layer-right { background: #FFFFFF; height: 180px; left: 939px; position: absolute; top: 0px; width: 10px; z-index: 3; }


/***********************
  header
 ***********************/
DIV.header { background: url(../image/background-header.png); height: 235px; position: absolute; top: 0px; width: 972px; z-index: 2; }
DIV.header DIV.hotline { background: url(../image/background-hotline.gif) no-repeat; float: left; font-family: Tahoma,Arial,Sans-serif; font-size: 0.917em; height: 33px; line-height: 10px; padding: 9px 0px 0px 57px; width: 165px; }
DIV.header DIV.hotline SPAN#hotline-number1 { display: inline-block; }
DIV.header DIV.hotline SPAN#hotline-number1 SPAN { background: #FFFFFF; display: inline-block; height: 10px; width: 8px; }
DIV.header DIV.hotline SPAN#hotline-number2 { display: none; }
DIV.header DIV.hotline SPAN#hotline-text1 { background: #FFFFFF; display: inline-block; height: 10px; }
DIV.header DIV.hotline SPAN#hotline-text2 { background: #FFFFFF; display: inline-block; display: none; height: 10px; }
DIV.header DIV.menu1 { color: #002F6B; float: left; font-size: 0.834em; height: 23px; padding: 19px 46px 0px 0px; text-align: right; width: 373px; }
DIV.header DIV.menu1 A { color: #002F6B; }
DIV.header DIV.language { color: #002F6B; float: left; font-size: 0.834em; height: 23px; padding: 19px 242px 0px 0px; position: relative; width: 89px; z-index: 2; }
DIV.header DIV.language A { color: #002F6B; }
DIV.header DIV.logo { height: 60px; padding: 4px 0px 0px 15px; width: 625px; }
DIV.header DIV.slogan { height: 95px; width: 640px; }
DIV.header UL.portal { height: 34px; list-style: none; margin: 0px; padding: 0px; position: relative; width: 640px; z-index: 2; }
DIV.header UL.portal LI { display: inline-block; height: 34px; list-style: none; list-style-image: none; margin: 0px; padding: 0px; vertical-align: text-top; width: auto; }
DIV.header DIV.animation { height: 231px; left: 640px; overflow: hidden; position: absolute; top: 0px; text-align: right; width: 328px; z-index: 1; }


/***********************
  tools
 ***********************/
DIV.tools { background: url(../image/background-tools.gif); height: 48px; position: absolute; top: 235px; width: 972px; z-index: 3; }
DIV.tools UL.subportal { display: block; left: 15px; list-style: none; height: 33px; margin: 0px; padding: 0px; position: absolute; top: 11px; width: 590px; }
DIV.tools UL.subportal LI { display: inline-block; height: 33px; list-style: none; list-style-image: none; margin: 0px 10px 0px 0px; padding: 0px; }
DIV.tools UL.subportal LI A { background: url(../image/background-subportal-inactive.gif) no-repeat; color: #B3B3B3; display: inline-block; font-weight: bold; height: 25px; padding: 8px 0px 0px 16px; }
DIV.tools UL.subportal LI A:hover { color: #858585; }
DIV.tools UL.subportal LI.active A { background-image: url(../image/background-subportal-active.gif); color: #858585; }
DIV.tools UL.country { background: url(../image/background-country-bottom.gif) no-repeat left bottom; left: 348px; list-style: none; margin: 0px; min-height: 14px; padding: 0px 0px 4px 0px; position: absolute; top: 18px; width: 128px; }
DIV.tools UL.country LI { background: url(../image/background-country-item.gif) repeat-y; display: none; height: 14px; list-style: none; list-style-image: none; margin: 0px; padding: 0px 0px 2px 0px; width: 128px; }
DIV.tools UL.country LI.first { background: url(../image/background-country-first.gif) no-repeat; display: inline-block; padding-bottom: 0px; }
DIV.tools UL.country:hover LI { display: inline-block; }
DIV.tools UL.country:hover LI.first { padding-bottom: 2px; }
DIV.tools UL.country LI A { color: #858585; display: block; font-size: 0.834em; height: 10px; margin-bottom: 2px; padding: 2px 0px 2px 5px; width: 99px; }
DIV.tools UL.country LI A:hover { color: #002F6B; text-decoration: none; }
DIV.tools UL.country LI.first A { background: none; margin-bottom: 0px; }
DIV.tools DIV.quickinfo { left: 777px; min-height: 43px; position: absolute; top: 5px; width: 195px; z-index: 500; }
DIV.tools DIV.quickinfo UL { height: 43px; list-style: none; margin: 0px; padding: 0px; }
DIV.tools DIV.quickinfo UL LI { list-style: none; list-style-image: none; margin: 0px; padding: 0px; }
DIV.tools DIV.quickinfo UL LI.level-1 { height: 43px; width: 195px; }
DIV.tools DIV.quickinfo UL LI.level-1 A { background: url(../image/background-quickinfo-level1.gif) no-repeat 132px 16px; color: #FFFFFF; display: block; font-weight: bold; height: 31px; padding: 12px 0px 0px 0px; text-align: center; width: 195px; }
DIV.tools DIV.quickinfo UL LI.level-1 A:hover { text-decoration: none; }
DIV.tools DIV.quickinfo UL LI.level-1 UL.level-2 { background: url(../image/background-quickinfo-level2.gif) repeat-y; display: none; height: auto; }
DIV.tools DIV.quickinfo UL LI.level-1:hover UL.level-2 { display: block; }
DIV.tools DIV.quickinfo UL LI.level-1 UL.level-2 LI { height: auto; padding: 0px 10px 0px 5px; width: 180px; }
DIV.tools DIV.quickinfo UL LI.level-1 UL.level-2 LI.first { background: url(../image/background-quickinfo-level2-first.gif) no-repeat; padding-top: 12px; }
DIV.tools DIV.quickinfo UL LI.level-1 UL.level-2 LI.last { background: url(../image/background-quickinfo-level2-last.gif) no-repeat left bottom; padding-bottom: 5px; }
DIV.tools DIV.quickinfo UL LI.level-1 UL.level-2 LI A { background: url(../image/background-quickinfo-level2-a.gif) no-repeat; color: #858585; padding: 4px 0px 4px 18px; height: auto; text-align: left; width: 162px; }
DIV.tools DIV.quickinfo UL LI.level-1 UL.level-2 LI A:hover { color: #002046; text-decoration: underline; }


/***********************
  footer
 ***********************/
DIV.footer { background: url(../image/background-footer.gif) repeat-x; height: 62px; margin: -62px auto 0px auto; overflow: hidden; position: relative; width: 972px; z-index: 1; }
DIV.footer DIV.copyright { float: left; font-size: 0.834em; height: 49px; line-height: 1.3em; padding: 13px 0px 0px 6px; width: 174px; }
DIV.footer DIV.copyright A { color: #858585; }
DIV.footer DIV.menu { float: left; font-size: 0.834em; height: 49px; line-height: 1.3em; padding: 13px 12px 0px 12px; width: 588px; }
DIV.footer DIV.menu A { color: #858585; }
DIV.footer DIV.icons { float: right; font-size: 0.834em; height: 46px; line-height: 1.3em; padding: 16px 6px 0px 0px; width: 174px; }
DIV.footer DIV.icons A { color: #858585; }