/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) stylesheet for screen layout
 * (de) Stylesheet für das Bildschirm-Layout
 *
 * @creator       YAML Builder V1.2.1 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.3
 */

@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { overflow-y: scroll; }

  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background:#EDF1F7; padding: 10px; }

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto; position:relative; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: 990px; }
  .page { padding: 0px; }
  #header { position:relative; padding: 0; color: #000; background: url(../../Images/Header.png); height:81px; }
  #main { margin: 0px 0; background:url(../../Images/ShadowRight.png) no-repeat top right; }
  #footer { padding: 3px 0px 0px 19px; background: url(../../Images/Footer.png); height:22px; }
  .IE9 #footer { padding-top:4px; height:21px; }

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 20px; }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 177px; background:url(../../Images/BackLeft.png); height:484px; }
  #col2 { display:none}
  #col3 { width: auto; margin: 0 0 0 177px; background:url(../../Images/ContentBack/MainBack.jpg) 0px 46px no-repeat; height:484px; }
  #col1_content { padding: 85px 10px 0 20px }
  #col3_content { padding: 0; }
	
  /*-------------------------------------------------------------------------*/
  
  #TopNav { height:46px; background:url(../../Images/NavSubBack.png) no-repeat; }
  #NavMain { padding:0; margin:0; }
  #NavMain li { padding:0; margin:0; list-style-type:none; line-height:9px; display:block; }
  #NavMain li a{ padding-bottom:4px; padding-top:3px; color:#56728C; font-size:9px; text-transform:uppercase; text-decoration:none; line-height:9px; display:block; vertical-align:top; }
  #NavMain li a:active, #NavMain li a:hover, #NavMain li a:focus, #NavMain li.active a { color:#FFFFFF; text-decoration:none; }
  
  #Breadcrumb { color:#56728c; font-size:15px; text-transform:uppercase; padding: 5px 0 0 32px; }
  .IE9 #Breadcrumb { padding-top:6px; }
  #Breadcrumb a { color:#56728c; }
  #Breadcrumb a:hover { color:#FFFFFF; text-decoration:none; }
  
  #NavSubContainer { padding:6px 0 0 32px; }
  #NavSub { padding:0; margin:0; }
  #NavSub li { padding:0; margin:0; list-style-type:none; display:inline; }
  #NavSub li a { display:block; float:left; font-size:10px; margin-right:8px; color:#56728C; text-transform:uppercase; text-decoration:none; }
  #NavSub li a:hover { text-decoration:none; color:#FFF; }
  #NavSub li.active a { color:#FFF; }
  
  .PaneSubColumns .subcl { padding:32px 27px 10px 32px; text-align:justify; }
  .PaneSubColumns .subcr { padding:32px 0px 10px 15px; text-align:center; }
  .PaneSubColumns { width:806px; }
  
  #Scroll { overflow-y:auto; overflow-x:hidden; height:438px; margin-right:7px; position:relative; }
  #dnnCPWrap a:hover { color:#000; }
  
  /* Footer */
  #footer { font-size:10px; line-height:normal;  }
  .LanguageChooser { float:left; width:190px; }
  #dnn_DnnLogin_loginLink { padding-left:7px; color:#EDF1F7; }
  #dnn_DnnLogin_loginLink:hover { color:#4e677e; }
  
  
  /* Hintergrund Content */
  .BGMetallA #col3 { background:url(../../Images/ContentBack/metall_A.jpg) 0px 46px no-repeat; }
  .BGMetallB #col3 { background:url(../../Images/ContentBack/metall_B.jpg) 0px 46px no-repeat; }
	.BGMetallC #col3 { background:url(../../Images/ContentBack/metall_C.jpg) 0px 46px no-repeat; }
	.BGMetallD #col3 { background:url(../../Images/ContentBack/metall_D.jpg) 0px 46px no-repeat; }
	.BGTiefziehA #col3 { background:url(../../Images/ContentBack/tiefzieh_A.jpg) 0px 46px no-repeat; }
	.BGTiefziehB #col3 { background:url(../../Images/ContentBack/tiefzieh_B.jpg) 0px 46px no-repeat; }
	.BGTiefziehC #col3 { background:url(../../Images/ContentBack/tiefzieh_C.jpg) 0px 46px no-repeat; }
	.BGTiefziehD #col3 { background:url(../../Images/ContentBack/tiefzieh_D.jpg) 0px 46px no-repeat; }
  
  .Tab83 #TopNav, .Tab94 #TopNav { display:none; }
  .Tab83 .subcolumns .subcl, .Tab94 .subcolumns .subcl { padding:0; }
  .Tab83 #main { margin: 0px 0; background:url(../../Images/ShadowRightHome.png) no-repeat top right; }
  .Tab83 #Scroll, .Tab94 #Scroll { height:484px; overflow:hidden; margin-left:0px; }
}