@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Template for designing a screen layout
 * (de) Gestaltungsvorlage für die Erstellung eines Screenlayouts
 *
 * @copyright       Copyright 2005-2007, 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.0.3
 * @revision        $Revision: 118 $
 * @lastmodified    $Date: 2007-08-18 16:03:42 +0200 (Sa, 18 Aug 2007) $
 */

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

 /**
  * Design of the Basic Layout | Gestaltung des YAML Basis-Layouts
  *
  * @section layout-basics
  */

  /* Page margins and background | Randbereiche & Seitenhintergrund */
  body { 
 		background: #fff url(../../img/bg_body_top.png) repeat-x top left; 	
  }

  /* Layout: Width, Background, Border | Layout: Breite, Hintergrund, Rahmen */
  #page_margins {	
  	width:964px; 
		margin-left: auto;
 		margin-right: auto;
		max-width:none;  /* min-width f�r fixes Layout abschalten */
		min-width:inherit;  /* max-width f�r fixes Layout abschalten */
  }
  #page{
 	  	
  }
  /* Design of the Main Layout Elements | Gestaltung der Hauptelemente des Layouts */
  #header { height:113px;}
  #topnav {  }
  #nav { 
  	position:absolute;
/*  	top:86px;*/
  	top:110px;
  	margin-left:3px;
    width:961px; 
    background: #fff url(../../img/bg_nav_full_width.png) no-repeat 0 0;
  	height:27px; 
	overflow:	visible;
  }
/*
   #header { height:86px;}
  #topnav {  }
  #nav { 
  	margin-left:3px;
    width:961px; 
    background: #fff url(../../img/bg_nav_full_width.png) no-repeat top right; 
  	height:24px; 
  	border-bottom:3px solid #1D446F;
 }  
*/    
  #main {
		min-height: 362px;
		height: auto !important;
		height: 362px;
		background: #fff url(../../img/bg_full_width.png) repeat-y 3px 0; 
  }

  #footer { 
			border-bottom:24px solid white;
	}


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

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */
  #col1 { margin:0; float:right; padding-right:1px; width:748px; }  
  #col2 { display:none; }
  #col3 { width:215px; margin:0; }
  * html #col1 {margin-left: -5px}

  #col1_content {	width:748px; padding:0; }  
  #col2_content { display:none;  }
  #col3_content { width:215px;padding:0;  padding-bottom:2px;}


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

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */
	#header_slogan{
		position:absolute;
		top:42px;
		left:3px;
		width:780px;
		height:26px;
		text-align:right;
		background: #fff url(../../img/txt_head_slogan.png) no-repeat 0 0; 
	}
	
	#header_logo {
		position:absolute;
		top:20px;
		left:830px;
		width:130px;
		height:54px;
		background: #fff url(../../img/txt_head_logo.png) no-repeat 0 0; 
	}
	#header_chlocation {
		position:absolute;
		top:0;
		left:3px;
		width:357px;
		height:26px;
		background-color:#C01120;
		overflow:hidden;
		font-size:11px;
		color:#FF9900;
	}

	#header_chlocation a {
		text-decoration:none;
		color:#C01120;
		font-size:11px;
		font-weight:bold;
	 	position:absolute;
	 	top:6px;left:111px;
	 	white-space:nowrap;
	}
	#header_chlocation_bleft {
		float:left;
		width:1px;
		height:26px;
		background-color:#C01120;
		border-bottom:1px solid white;
	}	
	#header_chlocation_bright {
		float:right;
		width:1px;
		height:26px;
		background-color:#C01120;
		border-bottom:1px solid white;
	}	
	
	#header_chlocation_content{
		float:left;
		padding:7px 0 1px 16px;
	}

/* Klassen f�r Standortwechsel Header */
	.usa {
		margin: -1px 0 0px 87px;
		height: 16px;
		width: 52px;
		padding:2px 0px 0px 10px;
		background:url("../../img/bg_botton_haeder_language_usa.png") no-repeat
	}

	.japan {
		margin: -1px 0 0px 2px;
		height: 16px;
		width: 62px;
		padding:2px 0px 0px 10px;
		background:url("../../img/bg_botton_haeder_language_japan.png") no-repeat
	}
	
	.china {
		margin: -1px 0 0px 162px;
		height: 16px;
		width: 61px;
		padding:2px 0px 0px 10px;
		background:url("../../img/bg_botton_haeder_language_china.png") no-repeat
	}	
	
	
/* Klassen END*/	


/* google translation - start */
		#g-label {
			position:		absolute;
			z-index:		101;
			top:			6px;
			right:			315px;
			font-size:		11px;
			font-weight:	bold;
			font-family:	arial;
			color:		 	#036;
		}

		#g-trans {
			position:	absolute;
			z-index:	101;
			top:		4px;
			right:		185px;
		}

		#g-trans,
		#g-trans ul {
			margin:				0;
			padding:			0;
			list-style-type:	none;
			float:				left;
			background:			transparent;
		}

		#g-trans li {
			margin:			0;
			padding:		0;
			float:			left;
			width:			121px;
			background:		transparent;
		}

		#g-trans li a {
			outline:			none;
			font-size:			12px;
			color:				#036;
			text-decoration:	none;
			display:			block;
			text-indent:		-6666px;
			background:			url(../../img/gt-button.png) no-repeat;
			height:				16px;
		}

		#g-trans li a:hover {
			text-decoration:	underline;
	}

		#g-trans li ul li a {
			text-indent:	0;
			padding:		2px 2px 2px 32px;
			background:		#efefef;
			height:			20px;
			border-left:	1px solid #ccc;
			border-right:	1px solid #ccc;
		}

		#g-trans li ul li {
			background:		#efefef;
		}

		#g-trans li ul {
			width:			121px;
			position:		absolute;
			left:			-6666px;
			border-bottom:	1px solid #ccc;
		}

		#g-trans li:hover ul,
		#g-trans li.sfhover ul {
			left:	auto;
		}

		#g-trans li ul li a.flag-fr {
			background:		url(../../img/flag_icons/fr.png) no-repeat 8px 50%;
		}

		#g-trans li ul li a.flag-es {
			background:		url(../../img/flag_icons/es.png) no-repeat 8px 50%;
		}

		#g-trans li ul li a.flag-it {
			background:		url(../../img/flag_icons/it.png) no-repeat 8px 50%;
		}

		#g-trans li ul li a.flag-nl {
			background:		url(../../img/flag_icons/nl.png) no-repeat 8px 50%;
		}

		#g-trans li ul li a.flag-pl {
			background:		url(../../img/flag_icons/pl.png) no-repeat 8px 50%;
		}

		#g-trans li ul li a.flag-sv {
			background:		url(../../img/flag_icons/se.png) no-repeat 8px 50%;
		}

	/* google translation - end */



	#topbar_col1{
		width:184px;
		height:24px;
		overflow:hidden;
		float:left;
		border-left: 1px solid #1D446F;
		padding-left:27px;
	}		
	#topbar_col2{
		width:374px;
		height:24px;
		overflow:hidden;
		float:left;
	}		
	#topbar_col3{
		width:374px;
		height:24px;
		overflow:hidden;
		float:right;
		background:
	}	


		
	#startteaser {
		background-color: transparent;
		background-repeat: no-repeat;
		height: 362px;
		width:748px;
		overflow:hidden;
}



	#element_above_mnav{
		width:213px;
		height:23px;
		margin-left:1px;
		border-bottom: 1px solid #1D446F;
		background: transparent url(../../img/bg_above_mnav.png) no-repeat 3px 0; 
	}
	#element_below_mnav{
		width:213px;
		height:136px;
		margin-left:1px;
		border-top: 1px solid #1D446F;
		background: transparent url(../../img/bg_below_mnav.png) no-repeat 3px -35px; 
	}
	
	
	#mnav {
		width:213px;
		border-right: 1px solid #1D446F;
		border-left: 1px solid #1D446F;

  	background: white url(../../img/bg_mnav.png) repeat-y 0 0;
	}
	
	#footer_content{
		height:161px;
		border-top: 1px solid #1D446F;

	  width:961px; 
		margin-left:3px;
  	background: transparent url(../../img/bg_footer_full_width.png) repeat-y 0 0; 
	}
	#footer_foot{
	  width:959px; 
		border-top: 1px solid #1D446F;
		height:41px;
		margin-left:4px;
		padding-top:12px;
		background: white url(../../img/bg_footer_foot.png) no-repeat 0 0; 
	}	
	
	#footer_col1{
		width:212px;
		height:161px;
		overflow:hidden;
		float:left;
	}		
	#footer_col1{
		width:210px;
		height:161px;
		overflow:hidden;
		float:left;
		border-right: 1px solid #1D446F;
		border-left: 1px solid #1D446F;

	}		
	#footer_col2{
		width:373px;
		height:161px;
		overflow:hidden;
		float:left;
		border-right: 1px solid #1D446F;
		background: transparent url(../../img/bg_footer_fade_bottom.png) repeat-x 0 bottom; 
	}		
	#footer_col3{
		width:374px;
		height:161px;
		overflow:hidden;
		float:left;
		border-right: 1px solid #1D446F;
		background: transparent url(../../img/bg_footer_fade_bottom.png) repeat-x 0 bottom; 
	}		
	
	#footer_foot_col1{
		width:194px;
		padding:2px 16px 0 1px;
		float:left;
	}			

	#footer_foot_col2{
		width:716px;
		float:right;
		padding:2px 16px 0 16px;
	}				

	.textblock{
		width:560px;float:right;
	}

	.clearfix2 {clear:both;}

}
