@charset "UTF-8";
/**
 * "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 (http://builder.yaml.de)
 * @file          basemod.css
 * @-yaml-minver  3.2
 */

@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
   */

  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent }
	
	ol, ul {list-style:none;}
	
	blockquote, q{quotes:none;}
	blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
	
	:focus {outline:0;}
	
	ins{text-decoration:none;}
	del{text-decoration:line-through;}
	table{border-collapse:collapse; border-spacing:0;}
	
	.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0;}
	
	*{ line-height:normal;}
	
	/*
	Add exclusions here for css styles of header elements which do not permit line-height:normal 
	*/
    * header .primary-nav>ul>li>a * { line-height:24px!important;}		

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

   /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body {padding: 0; *width:100.1%}

  #header, #nav, #main, #footer { clear:none; }

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins { width: 960px;  min-width: 960px; max-width: 960px; margin:auto;}
  .page {padding:0 38px 0 38px;}
  
  #header { position:relative; height:30px; background: #efefef;}
  #header .page { height:30px;}

  #nav { color: #000; margin-bottom:10px; position:relative; z-index:100;}
  #nav .page {position:relative;}

  #crossSite{}
  #crossSite #nav { color: #000; margin-bottom:10px; position:relative; z-index:100; background:url(../../images/bg_site-cross01.gif) repeat-x left top;}
  #crossSite #nav .page {position:relative; height:125px; background:url(../../images/bg_site-cross02.gif) no-repeat left top;}

  #mediaArea{}
  #mediaArea #nav { color: #000; margin-bottom:10px; position:relative; z-index:100; background:#efefef;}
  #mediaArea #nav .page {position:relative; height:125px; background:url(../../images/bg_media.gif) no-repeat left top;}
  
  #groupArea{}
  #groupArea #nav { color: #000; margin-bottom:10px; position:relative; z-index:100; background:#efefef;}
  #groupArea #nav .page {position:relative; height:125px; background:url(../../images/bg_grupo.gif) no-repeat left top;}

  #main { margin:0 0 18px 0; position:relative; z-index:0;}
  #footer { padding: 0px; height:132px; color:#666; background: #363636; width:100%;}
  #footer .page { padding: 10px 20px; position:relative;}
  

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

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */
	
  #col1 { float: right; width: 217px; margin:0; position:relative; z-index:1000;}
  #col2 { display:none }
  #col3 { width: 635px; margin:0 0 0 30px;}
  .grow{ width:auto !important;}
  #col1_content { padding: 12px;}
  #col2_content { padding: 0px 20px 0 10px }
  #col3_content { padding:0;}
 
  #mediaArea #col1{ float:left !important;}
  #mediaArea #col3{ padding-left:220px; *padding-left:0px;}
  
  #groupArea #col1{ float:left !important;}
  #groupArea #col3{ padding-left:220px; *padding-left:0px;}
  
   
/*  #col1 { float: right; width: 240px}
  #col2 { display:none}
  #col3 { width: auto; margin: 0 240px 0 0}
  #col1_content { padding: 30px 10px 0 0px }
  #col2_content { padding: 30px 20px 0 10px }
  #col3_content { padding: 0 }*/
	
  /*-------------------------------------------------------------------------*/
}