@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2009, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.1
 * @revision        $Revision: 343 $
 * @lastmodified    $Date: 2009-01-19 23:41:32 +0100 (Mo, 19. Jan 2009) $
 */

@media screen, projection
{
	/**
	* (en) Formatting YAML's  basic layout elements
	* (de) Gestaltung des YAML Basis-Layouts
	*/
	body,
	html { height:100% !important; padding:0;}
	/* (en) Marginal areas & page background */
	/* (de) Randbereiche & Seitenhintergrund */
	body { background: #ebf5ff url("images/bg_body.jpg") repeat-y top left; padding: 0; }
	

	/* (en) Centering layout in old IE-versions */
	/* (de) Zentrierung des Layouts in alten IE-versionen */
	body { text-align: center; }
	.page_margins { text-align: left; margin: 0; }

	/* (en) Layout: width, background, borders */
	/* (de) Layout: Breite, Hintergrund, Rahmen */
	.page_margins { width: 960px; background:  transparent; height:auto !important; min-height:100%; position:relative !important; /*z-index:10;*/}
	.page { padding: 0; }

	/* (en) Designing main layout elements */
	/* (de) Gestaltung der Hauptelemente des Layouts */

	#header {
		color: #000;
		background: transparent;
		padding: 25px 0 0 0;
		height:151px;
		z-index:2;
	}
	
	#header #logo { position:absolute; height:151px; width:273px; padding: 0; z-index: 2; }
	
	#header_content { float:right; padding:0; height:149px; width:671px; margin-bottom: 13px; overflow:hidden;}

	#topnav { color: #aaa; background: transparent; }

	/* (en) adjustment of main navigation */
	/* (de) Anpassung der Hauptnavigation */
	#nav ul { margin-left: 20px; z-index:2; }

	#main { background:url(images/bg_slidshow.png) right top no-repeat; padding: 3px 0 0; margin-top: 20px; }
	#sidebarleft { padding:0 0 75px 26px; width: 248px;z-index:2;}

	#footer {
		color: #666;
		background: transparent;
		padding: 10px 20px 10px 15px;
		border-top: none;
		line-height: 1.5em;
		position:relative !important;
		margin:-47px 0 0 0;
		z-index:2;		
	}

	#footer_content { float:left;}
	
	
/*	#wasserzeichen{ height:302px; width:707px; background:url(images/wasserzeichen.png) no-repeat right bottom; position:fixed; bottom:0; right:0;z-index:1;}*/

	#wasserzeichen { bottom: 0; height: 283px; min-width: 1285px; position: fixed; width: 100%; z-index: -1; }
	#wasserzeichen img { display: block; float: right; }
	
	div#iconincms { left:905px; position:absolute;}
	#footer a.iconincms {
		background: url("images/incms_icon.png") no-repeat scroll left top transparent;
		cursor: pointer;
		display: block;
		float: right;
		height: 11px;
		margin: 3px 5px 0 0;
		text-indent: -5000px;
		width: 40px;
	}

	* html #footer  a.iconincms {
		background-image:none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/styles/layouts_advanced/images/incms_icon.png', sizingMethod='image');
	}



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

	/**
	* (en) Formatting content container
	* (de) Formatierung der Inhalts-Container
	*
	* |-------------------------------|
	* | #header                       |
	* |-------------------------------|
	* | #col1   | #col3     | #col2   |
	* | 25%     | flexible  | 25%     |
	* |-------------------------------|
	* | #footer                       |
	* |-------------------------------|
	*/


	#col1 { width: 671px; float: right; background:url(images/bg_content.png) repeat-x left bottom; min-height:500px; }
	#col1_content { padding: 13px 18px 16px 18px; z-index:2; }

	/* #col2 is turned off | #col2 abschalten */
	#col2 { display: none; }

	/* #col3 becomes the left column | #col3 wird zur linken Spalte */
	#col3 { width:274px; margin-left: 0; margin-right: 671px; }
	#col3_content { padding: 0 0 10px 13px; position: relative; bottom: 3px; z-index:2; }



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

	/**
	* (en) Styling of layout specific elements
	* (de) Gestaltung layoutabhängiger Elemente
	*/

	#header h1 {
		font-weight: bold;
		font-size: 2.5em;
		letter-spacing: -2px;
		line-height: 65%;
		color: #000;
	}

	#header span { color:#999; }

	#topnav ul li{ float:left; list-style:none; }

	#topnav a { 
		color: #999;
		font-weight: normal;
		background:transparent;
		text-decoration:none;
	}
	
	#topnav a:focus,
	#topnav a:hover,
	#topnav a:active { 
		text-decoration: underline;
		background-color: transparent;
	}

	#footer a { 
		color: #333;
		text-decoration:underline;
	}
	
	#footer a:focus,
	#footer a:hover,
	#footer a:active {
		color: #333;
		text-decoration: underline;
	}
}