@media screen, projection
{
	/* ********************************************************************************* */
	/* Layoutspezifische Anpassungen */
	/* ********************************************************************************* */
	
	body>p { display:none; } /* Ankerpunkt ausblenden (ergibt sonst vertikalen Abstand im Firefox & Co) */
	
	.page_margins {
		width: 810px;
		margin: 0 auto;
	}

	.page {
		
	}
	#image_detail  {
		height: 365px;
		width:810px;
		z-index: -1;		
	}
	
	.imagecenter
	{
		height: 365px;
		width:810px;		
	}
	
	#header {
		height: 365px;
		width:100%;
		position:relative;
		background:url('/design/layout/Header1.jpg');
		z-index: -1;				
	}
	
	#logo {
		width:100%;
		height:100%;
		border:1px solid red;							
		/*position: absolute;
		top: 5px;
		left: 5px;*/
	}
	
	#header_left {
		width:205px;
		height:190px;
		background:#003800;		
		position:absolute;
		bottom:0;
		left:0;											
	}
	
	#hleft_unten {
		width:188px;
		height:171px;				
		background:#99CB8C url("/design/logo/ch-4410_Logo.gif") left bottom no-repeat;
		position:relative;
		top:18px;				
	}
	
	#nav_transparent {
		/*position: absolute;
		bottom: 0;
		right: 0;*/
		z-index: 99;
		width: 605px;
		height: 54px;		
		background: #003800;
		opacity:0.50;
		filter:alpha(opacity=50);
		margin-left:205px;
		margin-top:-54px;
		_margin-top:-60px;
		*margin-top:-60px;		
	}	
	
	/*#nav {
		position: absolute;
		bottom: 0;
		right: 0;
		z-index: 101;
		width: 605px;
		height: 54px;
		opacity:1;
		filter:alpha(opacity=100); 
		color: #FFF;
		overflow: hidden;	
	}*/
	
	#main {
		/*background: #fff;*/
		margin-top:23px;
	}
	
	#col1 {
		/*width: 200px;*/
		display:none;
	}
	
	#col1_content {
	}
	
	#col3 {		
		/*margin-left: 200px;*/
		margin-left:0;
		/*margin-right: 215px;*/
		margin-right:0;
		
						
	}
	
	#col3_content {
		/*padding: 12px;*/
		padding:0;
		/*background-color:#cfcfcf;*/
		/*background-color:#cbfdbe;*/
		/*background-color:#99cb8c;*/
		/*background-color:#c2c3c1;*/
		/*background-color:#cbcbca;*/
		/*ced1cd*/
	}
	
	#col2 {
		/*width: 200px;*/
		display:none;
	}
	
	#col2_content {
		padding: 10px;
	}
	
	#footer {
		text-align:center;
		color: #cbcbca;
		padding: 20px 2px;
		margin-top
		background: #90897A;
	}


	
	/* ********************************************************************************* */
	/* Haupt- und Servicenavigation */
	/* ********************************************************************************* */
	
	/*--- Hauptnavigation ----------------------------------------------------------------------------------------- */
	
	/* Listendefinitionen */
	
	#col1 ul {
		position: relative; /* IE6 */
		padding: 0;
		font-size: 11px;
		margin: 0;
	}
	
	#col1 ul ul {
		padding-left: 1em; /* betrifft zweite bis n-te Stufe */
	}
	
	#col1 ul li {
		list-style-type: none;
		border-bottom: 1px solid #E1DDD9;
		position: relative;
		_height: 1%; /* IE6 */
	}
	
	#col1 ul ul li {
		border-top: 1px dashed #E1DDD9;
		border-bottom: none;
	}
	
	/* Links erste Ebene */
	
	#col1 ul a {
		color: #000;
		display: block;
		padding: 5px;
		padding-left: 8px;
		background: transparent;
	}
	
	#col1 ul a:visited {
	}
	
	#col1 ul a:focus, #col1 ul a:hover, #col1 ul a:active {
		color: #801028;
		background: #E1DDD9;
	}
	
	/* Links zweite Ebene */
	
	#col1 ul ul a {
	}
	
	#col1 ul ul a:visited {
	}
	
	#col1 ul ul a:focus, #col1 ul ul a:hover, #col1 ul ul a:active {
	}
	
	#col1 ul a.active0, #col1 ul a.active1, #col1 ul a.active2, #col1 ul a.active3, #col1 ul a.active4 {
		font-weight: bold;
	}
	
	/*--- Servicenavigation ----------------------------------------------------------------------------------------- */
	#nav {	
		overflow: hidden;		
		width:605px;
		height:54px;
		margin-left:205px;
		margin-top:-55px;		
		display: none;  
		z-index:101;
		opacity:1;
		filter:alpha(opacity=100);				
		/*display:block;*/				
	}				

	ul.submenu {
		list-style-type: none;		
	}
	

	#nav ul.first_level {
		float:left;
		overflow: hidden;	
		width: 100%;
		margin:1px 0 2px 0;
		padding:0;
		border-bottom:none;
				
	}

	#nav ul.first_level li {
		float: left;
		display: inline;
		background:none;
		margin:0;
		text-align:left;
		border:none;
		width: auto;		
	}
	
	ul.submenu {
		margin:0;
		border-bottom:1px solid #FFF;
	}

	ul.submenu li {	
		width: 200px;
		background:#003800;
		margin:0;
		border-top:1px solid #ffffff;
	}

	#nav ul.first_level li a {
		color:#FFF;
		padding:28px 8px 8px 8px;
		/*padding:0 8px;*/				
	}
	
	#nav ul.first_level li a.hovered, #nav ul.first_level li a.active {
		background-color:#99CB8C;
		opacity:.8;
		filter:alpha(opacity=80);				
		color:#003800;
		z-index:500;
		/*padding:0;*/
		/*padding-left:5px;*/		
		margin:0;
	}

	ul.submenu a {
		color: #FFF;
		text-decoration: none;
		display: block;		
		padding:5px 12px 4px 12px;
		/*padding: 5px 0 5px 5px;*/						
		font-size:12px;
		font-weight:bold;
		text-align:left;	
}

	ul.submenu a.highlighted {
		
	}


	ul.submenu a.more {}


	ul.submenu a.active {
	
	}

	ul.submenu a.hovered {
		background:#99CB8C;
		color:#003800;
	}
	/*
	#nav ul {
		margin: 0;
		float: left;
		display: inline;
		font-size: 13px;
		font-weight:bold;
		overflow: hidden;			
	}
	
	#nav ul li {
		margin-right: -1px;
		float: left;
		display: inline;  IE6 		
	}
	
	#nav ul a {
		text-decoration:none;
		display: block;
		color: #FFF;
		padding:28px 8px 8px 8px;
  		font-weight:bold;
  		color:#FFFFFF;
			 
	}
	
	#nav ul a:visited {
	}
	
	#nav ul a:focus, #nav ul a:hover, #nav ul a.active {
		color: #003800;
		background-color:#99CB8C;
	}
	
	#nav ul a.active0 {
	}
	
	#nav ul a.active0:hover {
	}*/
}

@media all
{
	/* ********************************************************************************* */
	/* Inhalt */
	/* ********************************************************************************* */
	
	/*--- Allgemein ------------------------------------------------------------------------*/
	
	html * { font-size: 100.01%; } /* 16px, Rundungsfehler beheben. */
	textarea, pre, code, kbd, samp, var, tt {
		font-family: Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}
	
	body {
		/*color: #564B47;*/
		color:#414141;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 75.00%; /* 12px */
		background: #003800;
	}
	
	/*--- �berschriften ------------------------------------------------------------------------*/
	
	p {
		margin-bottom: .7em;
	}
	
	h1 {
		padding:15px 0 15px 0;
		color: #FFF;		
		font-size:18px;
		font-weight:normal;
		/*text-transform: uppercase;*/
		/*margin-bottom: 1.2em;*/
	}
	
	h2 {
		color: #FFF;
		/*text-transform: uppercase;*/
		font-size: 12px;		
		margin-bottom: 5px;
	}
	
	h3 {
	}
	
	
	/* --- Listen -------------------------------------------------------------------------------- */
		
	#col3 ul, #col3 ol, #col3 dl {
		margin-left: 3em;
		list-style-type: disc;
		margin-bottom: 1em;
		margin-top: 1em;
	}
	
	#col3 ul li {
		margin-bottom: 0.1em;
	}
	
	
	/* --- Allgemeine Textauszeichnung ------------------------------------------ */
	
	blockquote, cite, q {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-style: italic;
	}
	
	blockquote {
		margin: 0 0 1em 1.6em;
	}
	
	pre, code, kbd, tt, samp, var {
		font-size: 100%;
	}
	
	pre, code {
		color: #800;
	}
	
	pre {
		line-height: 1.5em; margin: 0 0 1em 0;
	}
	
	kbd, samp, var {
		color: #666;
	}
	
	var {
		font-style: italic;
	}
	
	acronym, abbr {
		border-bottom: 1px #aaa dotted;
		font-variant: small-caps;
		letter-spacing: .07em;
		cursor: help;
	}
	
	sub, sup { font-size: 91.6667%; }
	
	hr {
		color: #fff;
		background:transparent;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
		border:0;
		border-bottom: 1px #eee solid;
	}
	
	/*--- Links ----------------------------------------------------------------------------------------- */
	
	/* unbedingt folgende Reihenfolge beachten: :link, :visited, :focus, :hover, :active */
	
	/* Links im Inhalt */
	#col3 a {
		color: #003800;		
		text-decoration: underline;
	}
	
	#col3 a:visited {
	}
	
	#col3 a:focus, #col3 a:hover, #col3 a:active {
		text-decoration: none;
	}
	
	#col2 a {
		color: #C00;
		text-decoration: underline;
	}
	
	#col2 a:visited {
	}
	
	#col2 a:focus, #col2 a:hover, #col2 a:active {
		text-decoration: none;
	}
	
	/* Aktiver Pfad */
	
	#pfadactive {
	}
	
	#pfadactive a {
	}
	
	#pfadactive a:focus, #pfadactive a:hover, #pfadactive a:active {
	}
	
	
	/*--- Tabellen ----------------------------------------------------------------------------------------- */
	
	/* Tabellen NUR verwenden, um Daten tabellarisch darzustellen! Keine Layouts damit erstellen! */
	
	table {
		font-size: 100%; /* notwendig, da Schrift sonst kleiner */
		margin-bottom: 0.5em;
		border-collapse: collapse;
	}
	
	table caption {
		font-variant: small-caps;
	}
	
	th, td {
		padding: 0.5em;
		vertical-align: top;
	}
	
	/* --- Allgemeine n�tzliche Klassen ------------------------------------------ */
	/* Folgende Klassen k�nnen verwendet werden, anstatt jedem Element die entsprechenden Angaben zu �bergeben */
	.float_left {
		float: left;
		display: inline;		
		margin-right: 18px;
		/*margin-bottom: 0.15em;*/
	}
	
	.float_right {
		float: right;
		display: inline;
		margin-left: 18px;
		/*margin:0;/		
		/*margin-bottom: 0.15em;*/
	}
	
	.center {
		display: block;
		text-align: center;
		margin: 0.5em auto;
	}
	
	table.full {
		width: 100%;
	}
	
	* html table.full {
		width: 98%; /* IE 6 */
	}
	
	table.fixed {
		table-layout: fixed;
	}
	
	/*--- Formularelemente ----------------------------------------------------------------------------------------- */
	
	/* nur Angaben, die f�r jedes Eingabefeld auf der ganzen Seite gelten */
	.fieldformat {
		vertical-align: text-top;
		margin-bottom: 0.2em;
		padding: 2px;
		border: 1px solid #90897A;
	}
	
	.butttonformat {
		padding: 1px 0.5em;
		vertical-align: text-top;
		border: 1px solid #90897A;
		background: #E1DDD9;
	}
	
	.default_text_active {
		color: #666 !important;
	}
	
	/*--- Diverses ----------------------------------------------------------------------------------------- */
	
	input.pwd_ok {
		background: #ddffcc;
	}
	
	input.pwd_error {
		background: #ffbbaa;
	}
	
	tr.pwd_infotable_marked td {
		color: red;
	}
	
	#pwd_infotable {
		margin-top: 5px;
	}
	
	#pwd_infotable td {
		border: 1px solid #E1DDD9;
	}
	
	#pwd_infotable tr.even td {
		background: #F2F0EF;
	}
	
	#warnings {
		z-index: 100;
		position:absolute;
		left: 0;
		/*width: 200px;*/
		background-color: #CC6600;
		padding: 4px;
		visibility: hidden;
		color: #000;
	}
	
	.imgvariant_comment{
		text-align: center;
	}
	
	.background_gray {
		background-color:#ced1cd;
	}
	
	.background_gray_withpadding {
		background-color:#ced1cd;
		padding:20px;
	}	
	
	.textwebleft {		
		padding:10px 5px;
		float:left;
		display:inline;
	}	
	
	.imgwebright {
		float:right;
		display:inline;
	}
	
	.shadow_div {
		-moz-box-shadow: 3px 3px 4px #000000;
		-webkit-box-shadow: 3px 3px 4px #000000;
		box-shadow: 3px 3px 4px #000000;
		/* For IE 8 */
		-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')";
    	/* For IE 5.5 - 7 *//*problem with transparency on the nav menu*/
		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000');
	}
	
	.imgborderorig {
		margin-bottom:15px;
		padding:7px;
		background-color:#ced1cd;
	}	
	
	
	.imgborderorig_left
	{		
		float: left;
		display: inline;		
		margin-right: 18px;		
		width:168px;
		height:449px;
		padding:0 10px;		
		background-color:#ced1cd;
				
	}	
	
	
	.imgborderorig_right
	{
		float: left;
		display: inline;		
		margin-right: 0;
		/*margin-bottom:15px;*/
		/*padding:7px;*/
		padding:20px;
		background-color:#ced1cd;
		width:564px;
		*width:548px;
		margin-top:0;
				
	}
		
	.imgborder {
		margin-bottom:15px;
		padding:7px;
		background-color:#ced1cd;
	}
	
	.imgborder img {
		width:796px;
	} 	
	
}


/* ********************************************************************************* */
/* Benutzerdefinierte Drucklayout-Angaben */
/* ********************************************************************************* */

@media print {
	#col3 ul {
		list-style-type: disc;
	}
	#col1, #col2, #topnav, #nav, #search {
		display: none;
	}
	#col3 {
		margin-left: 0;
		margin-right: 0;
	}
	body {
		font-size: 10pt; /* Basis-Schriftgr�sse auf Punkt umstellen */
	}
	h1,h2,h3,h4,h5,h6 {
		page-break-after: avoid;
	}
}