@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2 (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.2
 * 
 */

/*****************************************************************************/
/* layout.ccs for standesbeamte-thueringen.de                                */
/*                                                                           */
/* Autor: JMH                                                                */
/* Last change: 02.07.2010                                                   */
/* Copyright: Miller Studios 2008                                            */
/*                                                                           */
/*****************************************************************************/


/* import core styles | Basis-Stylesheets einbinden */
@import url(../../yaml/yaml/core/base.css);


@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:#E8E2D8; 
		padding:10px; 
	}

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

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins 
	{ 
		width: 1028px;  
		min-width: 740px; 
		max-width: 90em; 
		background: #fff; 
	
	}
	
  .page 
	{
		border:1px #E8E2D8 solid; 
		border-left-color:#D5CFC8; border-right-color:#D5CFC8; border-top-color:#C6C1BB; border-bottom-color:#C6C1BB; 
		background:#E8E2D8;
		background: #E8E2D8 url(../images/rightBar_background.png) repeat-y top right; 
	}
	
	/* **************** Header ******************** */
  #header 
	{ 
    position:relative; 
    height:164px; 
    color:#fff; 
    background:url(); 
    padding: 0;
	}

	/* #col1 wird zur mittleren Spalte des Headers */
	#headerCol1 { width: 713px; height:116px; float:left; margin-left: 157px;  background:url(../images/header_middle.png) no-repeat top; }
	
	/* #col2 wird zur linken Spalte des Headers */
	#headerCol2 { width: 157px; height:116px; float:left;  margin-left: -870px; background:url(../images/header_left.png) no-repeat top; }
	
	/* #col3 wird zur rechten Spalte des Headers */
	#headerCol3
	{
		margin-left: 870px; 
		height:116px;
		margin-right: 0%; 
		background:url(../images/header_right.png) no-repeat top;
	}
	
	#headerCol1, #headerCol2, #headerCol3 {border:0px}
	
	/* #col1 wird zur mittleren Spalte des Headers */
	#headerBarCol1 { width: 713px; height:48px; float:left; margin-left: 157px;  background:url(../images/headerBar_middle.png) no-repeat top; }
	
	/* #col2 wird zur linken Spalte des Headers */
	#headerBarCol2 { width: 157px; height:48px; float:left;  margin-left: -870px; background:url(../images/headerBar_left.png) no-repeat top; }
	
	/* #col3 wird zur rechten Spalte des Headers */
	#headerBarCol3
  { 
    margin-left: 870px; 
    margin-right: 0%; 
    height:48px; 
    background:url(../images/headerBar_right.png) no-repeat top; 
  }
	
  #topnav 
	{ 
		top:145px; 
	}
	
  #main 
	{ 
		background: #DADADA url(../images/main_background.png) repeat-y top left;
		padding: 0;
	}
	
  #footer 
	{ 
		margin: 0; 
		padding: 0; 
		border: 0; 
		height: 19px; 
		width:1026px; 
		border-color: transparent; 
		background:url(../images/footer.png) no-repeat top; 
	}
	/* #col2 wird zur linken Spalte des Headers */
	#footerCol2 { width: 157px; height:19px; float:left;  margin-left: -869px; background:url(../images/footer_left.png) no-repeat top; }
	/* #col1 wird zur mittleren Spalte des Headers */
	#footerCol1 { width: 712px; height:19px; float:left; margin-left: 157px;  background:url(../images/footer_middle.png) no-repeat top; }
	/* #col3 wird zur rechten Spalte des Headers */
	#footerCol3 { margin-left: 869px; height:19px; margin-right: 0%; background:url(../images/footer_right.png) no-repeat top; }

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

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

  #col1 
	{ 
		margin:0;
		width:157px;
		float:left;  
		padding-top:165px;
		background:url(../images/navBar_top.png) no-repeat top; 
	}
	
  #col2 
	{ 
		width: 157px;  
		margin:0; 
		background: url(../images/rightBar_top.png) no-repeat top;
		border: 0;
	}
  
  #col3 
	{ 
		width: auto; margin: 0 157px 0 157px;
	  background:  transparent url(../images/content_top.png) no-repeat top;
	}
	
  #col1_content 
	{ 
		padding: 0;
	}
	
 	#col2_content
  {
		margin: 0;
		padding-top: 45px;
		padding-bottom: 30px;
		padding-left: 10px;
		padding-right: 10px;
	}
	#col2backgroundImg
	{
		width:156px; 
		height:3px; 
		margin-left:1px;
		background:url(../images/rightBar_top.png) no-repeat top;
	}
  
	#lineOnBottom
	{
		width: 710px;
		height: 2px;
		bottom: 0px;
		background: url(../images/content_bottom.png) no-repeat top;
	}
	#col3_content
	{
		padding-top: 45px;
		padding-left: 50px;
		padding-right: 50px;
		padding-bottom: 0px;
	}
  /*-------------------------------------------------------------------------*/
}