@media all
{
	/*------------------------------------------------------------------------------------------------------*/

	/**
					 * (en) Formatting YAML's  basic layout elements
					 * (de) Gestaltung des YAML Basis-Layouts
					 */

	/* (en) Marginal areas & page background */
	/* (de) Randbereiche & Seitenhintergrund */
	body
	{
		background: #4d87c7 url("images/bg_blue.gif") repeat-x top left fixed;
		padding: 10px 0;
	}

	/* (en) Layout: width, background, borders */
	/* (de) Layout: Breite, Hintergrund, Rahmen */
	#page_margins
	{
		min-width: 85%;
		max-width: 80em;
		margin: 0 auto;
		border: 0px #889 solid;
	}
	#page
	{
		background: #fff;
		border: 10px #fff solid;
	}

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

	/* (en) Designing main layout elements */
	/* (de) Gestaltung der Hauptelemente des Layouts */
	#header
	{
		color: #000;
		background: #fff repeat-x top left;
		padding: 1em 2em;
	}
	#header
	{
		background: #edf2f8 url("images/bg_header.gif") repeat-x bottom left; /*background: #d4d4d4 url("images/bg_header_grey.png") repeat-x center left;*/
	}
	#nav_main
	{
		background-color: #c8ddf3;
	}
	#topnav
	{
		color: #aaa;
		background: transparent;
	}

	/* (en) adjustment of main navigation */
	/* (de) Anpassung der Hauptnavigation */
	#nav ul
	{
		margin-left: 20px;
	}
	#nav_main
	{
		background-color: #336;
	}

	#main
	{
		background: #fff;
	}

	#footer
	{
		color: #666;
		background: #f9f9f9;
		padding: 15px;
		border-top: 5px #efefef solid;
	}


	/*------------------------------------------------------------------------------------------------------*/
}
@media screen
{
	/**
					                            			   * (en) Repositioning content container
					                            			   * (de) Neupositionierung der Content Container
					                            			   *
					                            			   * |-------------------------------|
					                            			   * | #header                       |
					                            			   * |-------------------------------|
					                            			   * | #col1   | #col3               |
					                            			   * | 25%     | flexible            |
					                            			   * |-------------------------------|
					                            			   * | #footer                       |
					                            			   * |-------------------------------|
					                            			   */

	/* Fixed width for left column | Fixe Breite für Linke Spalte */
	/*
					                            	#col1
					                            	{
					                            	    width:250px;
					                            		height: 100%;
					                            		overflow:auto;
					                            	}
					                            	#col1_content
					                            	{
					                            		padding-top: 10px;
					                            		border-top: #546D8E 1px solid;
					                            		border-left: #546D8E 1px solid;
					                            		border-bottom: #546D8E 1px solid;
					                            		background-color: #D3E3F4;
					                            		color: #546D8E;
					                            		padding-left: 10px;
					                            		padding-top: 3px;
					                            		text-align: left;
					                            	}
					                            */
	/* Hide right column | Rechte Spalte abschalten */
	#col2, #col2_content
	{
		display: none;
	}
	/*
					                            	#col3
					                            	{
					                            		margin-right: 0;
					                            		height: 100%;
					                            	}

					                            	#col3_content
					                            	{
					                            		height: 98%;
					                            		border-right: #464646 1px solid;
					                            		border-top: #464646 1px solid;
					                            		border-left: #464646 3px double;
					                            		border-bottom: #464646 1px solid;
					                            		background-color: #F9F9F9;
					                            		padding-left: 10px;
					                            		padding-bottom: 10px;
					                            		padding-right: 10px;
					                            	}
					                            	
					                            	*/
	/*
					    #col1
					    {
					        margin: 0px;
					        padding: 0px;
					        width: 250px;
					        height: 99%;
					        border: #546D8E 1px solid;
					        background-color: #D3E3F4;
					        color: #546D8E;
					        overflow-x: hidden;
					        overflow-y: auto;
					        text-align: left;
					        margin-top: 1px;
					        margin-right: 1px;
					    }
					    */
	#col1
	{
		margin: 0px;
		padding: 0px;
		width: 250px;
		height: 99.5%;
		border: #546D8E 1px solid;
		background-color: #D3E3F4;
		color: #546D8E;
		overflow-x: hidden;
		overflow-y: auto;
		text-align: left;
		margin-top: 0px;
		margin-right: 1px;
	}

	#col1_content
	{
		margin: 0px;
		padding: 0px;
		border: 0px;
		width: auto;
		padding: 10px;
	}
	/*
					    #col3
					    {
					        position: relative;
					        padding: 0px;
					        margin: 0px;
					        height: 99%;
					        border: #546D8E 1px solid;
					        background-color: #F9F9F9;
					        overflow: auto;
					        text-align: center;
					        margin-top: 1px;
					    }
					*/
	#col3
	{
		position: relative;
		padding: 0px;
		margin: 0px;
		height: 99.5%;
		border: #546D8E 1px solid;
		background-color: #F9F9F9;
		overflow: auto;
		text-align: center;
		margin-top: 0px;
	}
	/*
					    IE6 BUGFIX ALLE ANDEREN BROWSER IGNORIEREN ALLES NACH *
					    */
	* html #col3
	{
		float: right;
		position: relative;
		padding: 0px;
		margin: 0px;
		height: 99.5%;
		border: #546D8E 1px solid;
		background-color: #F9F9F9;
		overflow: auto;
		text-align: center;
		margin-top: 0px;
	}
	#col3_content
	{
		margin: 0px auto;
		padding: 0px;
		width: 600px;
		border: 0px;
		overflow: visible;
		text-align: left;
		padding-top: 10px;
	}

	.ContentMain
	{
		position: relative;
		height: 599px;
		overflow: hidden;
	}

	.HeaderImage
	{
		padding: 0px;
		float: inherit;
		width: 128px;
		height: 45px;
		margin-left: 22px;
	}

	.HeaderBackground
	{
		background: url("../../GlobalImages/bg_header_blue_45.png") repeat-x top left;
		width: 95%;
		margin-top: 25px;
	}

	.HeaderBackgroundLeft
	{
		padding: 0px;
		position: absolute;
		left: 0px;
		margin-left: -4px;
	}

	.HeaderBackgroundRight
	{
		padding: 0px;
		float: right;
		position: absolute;
		right: 0px;
		margin-right: -4px;
	}

	.scrollauto
	{
		width: auto;
		height: 98%;
		overflow: auto;
	}


	/*Tabellen-Layout border*/
	.tbl_border
	{
		border: 1px solid black;
		border-collapse: collapse;
	}
	.tbl_border th, .tbl_border td
	{
		border: 1px solid;
		border-color: inherit;
	}
	/*Tabellen-Layout padding*/
	.tbl_padding td
	{
		padding-left: 10px;
		padding-right: 10px;
	}
	/*Tabellen-Layout unsichtbar*/
	.clipboard_InvisibleContent
	{
		display: none;
	}
}