﻿@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.0.1 (http://builder.yaml.de)
 * @file        basemod.css
 */

@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { text-align: center; }

  /* Layout Alignment | Layout-Ausrichtung */
  #page_margins { border-top: 1px solid #fff;position: relative;margin: 0 auto; text-align: left; }

  /* Layout Properties | Layout-Eigenschaften */
  #page_margins {width: 910px; }
  #page {  position: relative;padding: 0px;  margin: 0 auto; }

  #main { margin: 20px 0 0 0; position: relative;}
  #footer {margin: 20px 0 0 0; padding: 10px 20px 0 210px; color:#666; }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

	#col1 { 
		float: left; 
		width: 185px; 
		
		position: fixed;
		_margin: 0 0 0 -530px;

		_position: absolute;
		_right: auto; 
		_bottom: auto;
		_top: expression(20+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
		_left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');
		
	}
.blogpage #col2 { 
		_overflow:hidden;	
	}

	*+html #col1 {
		
		margin: 0 0 0 -690px;
		}
	*+html #col1.wide {
		margin: 0 0 0 -910px;
		}
	#col2 {
		float: left;
		display: inline;
		width: 506px;
		
		margin: 0 0 0 185px;
		_margin: 0;
		_position: relative;
		_left: 185px;
		
	}
	*+html #col2.wide {
		margin: 0;
		padding: 0 0 0 185px;
		}
	#col1.wide {
		_margin: 0 0 0 -910px;
		}
	#col2.wide {
		_position: relative;
		_z-index: 100;
		_left: 0;
		_margin: 0 0 0 185px;
		}
	#col2.wide #col2_content {
		_position: relative;
		_left:0px;
		}
		
	*+html #col2.wide #col2_content {
		_position: relative;
		left:-180px;
		}
		
	#col3 {
		position: relative;
		float: right;
		display: inline;
		width: 220px; 
		margin: 0 -1px 0 0;
		clear: none;
		/*
		position: fixed;
		_position: absolute;
		_top: expression(20+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+'px');
		_left: expression(0+((e=document.documentElement.scrollLeft)?e:document.body.scrollLeft)+'px');}
		*/
	}
	
	
	body.blogpage #col1 {
		position: absolute;
		_top:10px;
	}
	*+html body #col2 {
		position: relative;
		left: 185px;
		}
	*+html body #col1 {
		position: relative;
		margin-right: 185px;
		}
	
	
	
		
		
	  
  #col1_content { padding: 9px 0 0 0 ; margin-top: -26px;}  
  #col2_content { padding: 0; }  
  #col2_content { margin-top: 26px; }
  #col3_content { padding: 0 0 0 10px; color: #ccc; margin: 0; }
      #col3_content a{color: #0072BC;}
      #col3_content .ProblemDiv a,  #col3_content .BeingDoneDiv a{ color: #FFF;}
	
	#crumbtrail{ padding-top: 4px;}
	.HomeBackground{ background: url(../../images/template/HomeBG.jpg) top left no-repeat; 
	                 width: 505px; height: 504px;}
	.MainContentHome 
	{ display: block; float: left;
	  margin : 260px 10px 0 10px; 
	  background: url(../../images/template/blueBG.png) top left repeat;
	  color: #FFF; padding: 15px 15px 0 15px; height: 200px; overflow: hidden;
	  
	                }

.MainBodyText{ display: block; margin-top: 7px; float:left; background-color: #FFF; width: 484px; padding: 10px 10px 30px 10px;} 
  /*-------------------------------------------------------------------------*/
}

@media print
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { text-align: center; }

  /* Layout Alignment | Layout-Ausrichtung */
  #page_margins { border-top: 1px solid #fff;position: relative;margin: 0 auto; text-align: left; }

  /* Layout Properties | Layout-Eigenschaften */
  #page_margins { width: 910px; }
  #page { padding: 0px; }

  #main { margin: 20px 0 0 0; }
  #footer {margin: 20px 0 0 0; padding: 10px 20px 0 210px; color:#666; }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 185px; margin: 0; }
  #col2 { float: left; width: 506px; margin: 0; }
  #col3 { width: auto; margin: 0 0 0 691px; clear: none; }
  
  #col1_content { padding: 9px 0 0 0 ; margin-top: -26px;}  
  #col2_content { padding: 0; }  
  #col2_content { margin-top: 26px; }
  #col3_content { padding: 0 0 0 10px; color: #ccc; margin: 0; }
      #col3_content a{color: #0072BC;}
	
	#crumbtrail{ padding-top: 4px;}
	.HomeBackground{ background: url(../../images/template/HomeBG.jpg) top left no-repeat; 
	                 width: 505px; height: 504px;}
	.MainContentHome 
	{ display: block; float: left;
	    margin: 260px 10px 0 10px; 
	                  background: url(../../images/template/blueBG.png) top left repeat;
	                  color: #FFF; padding: 15px; height: 200px; overflow: hidden;
	                }

.MainBodyText{ display: block; margin-top: 7px; float:left; background-color: #FFF; width: 484px; padding: 10px 10px 30px 10px;} 
  /*-------------------------------------------------------------------------*/
}
