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

@media screen, projection
{
	/*-------------------------------------------------------------------------*/
	
	/* (en) Marginal areas & page background */
	/* (de) Randbereiche & Seitenhintergrund */
	body 
	{ 
		background: #e3e3e3 none;
		text-align:center;
		background: transparent url(images/body_bgr.png) repeat scroll 0 0;
	}
	
	/* Layout Alignment | Layout-Ausrichtung */
	
	#wrapper_topnav
	{
		/*width: 1000px;*/
		width: 996px;
		margin: 0 auto;
		position:relative;
		text-align:left;
	}
	
	#wrapper_topnav img#merkzettel_icon
	{
		position:absolute;
		top:7px;
		right:280px;
	}
	
	.page_margins { margin: 0 auto; }
	
	/* Layout Properties | Layout-Eigenschaften */
	.page_margins 
	{ 
		width: 996px;
		/*width: 1000px;*/
		background: transparent;
		background-image: url(images/border_lr.png);
	    background-repeat: repeat-y;
	    background-position: left; 
		position:relative;
		text-align:left;
	}
	.page 
	{ 
		margin:0 19px;
       	background-color:#ffffff;
        /*background-position: right;
		position:relative;*/
	}
	
	#border-top 
	{
        overflow: hidden;
        /*width: 1000px;*/
		width:996px;
        height: 19px;
        font-size: 0;
		margin:0 0 -10px 0; 
        background-image: url(images/border_top.png);
        background-repeat: repeat-x;
        background-position: top left;
	}
	
	#edge-tl 
	{
        float: left;
        width: 40px;
        height: 40px;
        font-size: 0;
        background-image: url(images/corner_tl.png);
        background-position: top left;
	}
	
	#edge-tr 
	{
        position: relative; /* IE Fix | z-index */
        float: right;
        width: 40px;
        height: 40px;
        font-size: 0;
        background-image: url(images/corner_tr.png);
        background-position: top right;
		z-index:5;
	}
	
	#border-bottom 
	{
        overflow: hidden;
        width: auto;
        height: 40px;
        margin: -21px 0 0 0;
        font-size: 0;
        background-image: url(images/border_bottom.png);
        background-repeat: repeat-x;
        background-position: bottom left;
	}
	
	#edge-bl 
	{
		float: left;
		width: 40px;
		height: 40px;
		background-image: url(images/corner_bl.png);
		background-position: bottom left;
	}
	
	#edge-br 
	{
		position: relative; /* IE Fix | z-index */
		float: right;
		width: 40px;
		height: 40px;
		background-image: url(images/corner_br.png);
		background-position: bottom right;
		z-index:5;
	}
	
	#teaser
	{
		width:928px;
		height:365px;
		background: white url(images/teaser.jpg) no-repeat;
		position: relative;
		overflow: hidden;
		z-index: 4;
	}
	
	#teaser.t_339 {
		background: white url(../../../images/news/1009/HWG_Sued_200_a_fin.jpg) no-repeat;
	}
	
	#teaser_p
	{
		width:928px;
		height:365px;
		position: relative;
		overflow: hidden;
		z-index: 4;
	}
	#teaser_g
	{
		width:928px;
		height:365px;
		background-image: url(../../../images/Symbole/loading.gif);
		background-position: center center;
		background-repeat: no-repeat;
		position: relative;
		background-color: #FFFFFF;
		overflow: hidden;
		z-index: 4;
	}

	#teaser img {
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	#logo
	{
		display:block;
		position:absolute;
		top:25px;
		left:30px;
		z-index: 15;
	}
	
	#ecke
	{
		width:184px;
		height:184px;
		position:absolute;
		top:19px;
		right:19px;
		background: transparent url(images/ecke.png) no-repeat;
		z-index: 15;
		
	}
	
	#main .editdiv {
		display: block;
		border: 3px solid #e6e6e6;
		padding-top: 5px;
		
	}
	
	#main .editdiv a {
		margin-top: 5px;
		margin-bottom: 5px;
		padding: 5px;
		margin: 0px;
		background-image: url();
		background-image: none;
		text-transform: uppercase;
		font-size: 13px;
		text-decoration: none;
		font-weight: bold;
	}
	
	/*-------------------------------------------------------------------------*/
	
	/**
	* (en) Formatting content container
	* (de) Formatierung der Inhalts-Container
	*
	*/
	
	#main { padding: 10px 0 }
	
	/**
	* @section hidden elements | Versteckte Elemente
	* @see     http://www.yaml.de/en/documentation/basics/skip-links.html
	*
	* (en) skip links and hidden content
	* (de) Skip-Links und versteckte Inhalte
	*/
	
	/* (en) classes for invisible elements in the base layout */
	/* (de) Klassen für unsichtbare Elemente im Basislayout */
	.skip, .hideme, .print, dfn 
	{
		position: absolute;
		left: -1000em; /* LTR */
		top: -1000em;
		display: inline;
	    width: 0;
	    height: 0;
	}
	
	/* (en) make skip links visible when using tab navigation */
	/* (de) Skip-Links für Tab-Navigation sichtbar schalten */
	.skip:focus, .skip:active 
	{
		position: absolute;
		left: 0;
		top:0;
		width:auto;
		height:auto;
	}
	
	.clearfloat
	{
		clear:both;
		height:0;
		line-height:0;
	}
	
	.subcolumns {
		width: 765px;
	}
	#head {
		color: #f28b10;
		font-size: 1.4em;
		font-weight: bold;
		font-family: Arial, Helvetica, sans-serif;
		padding: 1px;
		margin: 0px;
	}
}