/* base */
/* "Yet Another Multicolumn Layout" (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 103 $ $Date: 2007-07-31 23:24:53 +0200 (Di, 31 Jul 2007) $ */
@media all {
*{margin:0;padding:0}
option{padding-left:0.4em}
* html body *{overflow:visible}
* html iframe,* html frame{overflow:auto}
* html frameset{overflow:hidden}
html{height:100%}
body{min-height:101%;font-size:100.01%;color:#000;background:#fff;text-align:left}
fieldset,img{border:0 solid}
ul,ol,dl{margin:0 0 1em 1em}
li{margin-left:1.5em;line-height:1.5em}
dt{font-weight:700}
dd{margin:0 0 1em 2em}
blockquote,cite{font-size:0.93em;width:auto;margin:0 0 1em 1.5em}
#topnav{position:absolute;top:10px;right:10px;text-align:right}
#col1{float:left;width:200px;z-index:3}
#col2{float:right;width:200px;z-index:5}
#col3{width:auto;z-index:1;margin:0 200px}
#footer{clear:both;display:block}
#col1_content{z-index:4}
#col2_content{z-index:6}
#col3_content{z-index:2}
.hidenone #col3{margin:0 200px}
.hideboth #col3{margin-left:0;margin-right:0}
.hideleft #col3{margin-left:0;margin-right:200px}
.hideright #col3{margin-left:200px;margin-right:0}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{display:block}
.floatbox{overflow:hidden}
.subcolumns,.subcolumns_oldgecko{width:100%;overflow:hidden}
.c50r,.c25r,.c33r,.c38r,.c66r,.c75r,.c62r{float:right;margin-left:-5px;}
.c25l,.c25r{width:25%}
.c33l,.c33r{width:33.333%}
.c50l,.c50r{width:50%}
.c66l,.c66r{width:66.666%}
.c75l,.c75r{width:75%}
.c38l,.c38r{width:38.2%}
.c62l,.c62r{width:61.8%}
.subc{padding:0 0.5em}
.subcl{padding:0 1em 0 0}
.subcr{padding:0 0 0 1em}
.skip,.hideme,.print{position:absolute;top:-1000em;left:-1000em;height:1px;width:1px}
.skip:focus,.skip:active{position:static;top:0;left:0;height:auto;width:auto}
#header,#col1_content,#col2_content,#col3_content{position:relative}
#nav,#main{clear:both;width:auto}
.hideboth #col1,.hideboth #col2,.hideleft #col1,.hideright #col2,#ie_clearing{display:none}
.subcolumns_oldgecko,.c50l,.c25l,.c33l,.c38l,.c66l,.c75l,.c62l{float:left}
}
/* basemod-cols */
/**
 * "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.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */

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

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

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */
  body { background: #bdc9d5; padding: 14px 0; }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins { width: 960px; margin: 0 auto; background: #fff; }
  #page{ padding: 14px 20px 0px 20px; }

  /* (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 {
	height: 84px;
  }
  
  #logo {
	float: right;
	display: inline;
	width: 123px;
	height: 43px;
  }
  
  #logo img {
	width: 123px;
	height: 43px;
  }

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

  #nav { 
  	float: left; 
	display: inline;
  	margin: 25px 0 0 0;
  }
  
  #nav_main { 
  	float: left; 
	display: inline;
	overflow: hidden;
	width: 760px;
	height: 40px;
  }
  
  #nav_meta { 
  	margin: 0 0 10px 0;
  	height: 8px;
  	padding: 0;
  }
  
  #nav_lang { 
  	margin: 0 0 10px 0;
  	height: 18px;
  	padding: 0;
  	background: #6f95ac;
  }
  
  #search { 
  	margin: 0 0 10px 0;
  	height: 18px;
  	padding: 0;
  }
  
  #search input { 
  	margin: 0;
  	padding: 0;
  	float: right;
  }
  #search input.field {
  	padding-left: 8px;   	
  	float: left;
  	width: 184px;
  	height: 16px;
  	border: 1px solid #a3b6c5;
  }  
  
  #main { background: #fff;  padding:0 0 20px 0; }
  
  #path { 
  	margin: 0 0 14px 0;
  }

  #footer { 
	background: #BDC9D5 none repeat scroll 0%;
	margin:0pt -20px;
	padding:14px 0pt 0pt;
  }
  
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * Formatting of the Content Area | Formatierung der Inhaltsbereichs
  *
  * @section layout-main
  */

  #col1 { width: 160px;}
  #col1_content { padding: 0px}

  #col2 { width: 240px; }
  #col2_content { padding: 0px;}

  #col3 { margin-left: 180px; margin-right: 260px; }
  #col3_content { padding: 0px; min-height: 400px; }
  
  
  
  .subcolumns { margin: 0 0 14px 0; }
  .subc { padding: 0 5px; }
  .subcl { padding: 0 10px 0 0;}
  .subcr { padding: 0 0 0 10px;}
  
  .c220l, .c200l {float:left;}
  .c440r, .c120r {float:right;}
  .c220l{width:218px;}
  .c440r{width:438px;}
  .c200l{width:200px;}
  .c120r{width:120px;}
  .subcrteaser { padding: 12px 12px 0px 20px;}
  .subclteaser { padding: 0px;}
  
  .blue_background_2col { background: #eef2f3; }
  .blue_large_2col { BACKGROUND: url(subcolumns_2col_bg_large.gif) repeat-y left 50%; }
  .blue_small_2col { BACKGROUND: url(subcolumns_2col_bg_small.gif) repeat-y left 50%; }
  

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

 /**
  * Design of Additional Layout Elements | Gestaltung weiterer Layoutelemente
  *
  * @section layout-misc
  */

	.hidden {
		display: inline;
		left: -1000px;
		overflow: hidden;
		width: 0px;
		position: absolute;
		top: -1000px;
		height: 0px;
	}

}
/* basemod */
/**
 * "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.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */

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

 body { background: #fff; padding: 0px; }
 
 #footer {
	background:#fff none repeat scroll 0% 50%;
	margin:0px;
	padding:0px;
  }
 
  #home_header { 
  	margin: 0 0 14px 0;
  }

  #home_header img { 
  	float: left;
  }

  #path { 
  	display: none;
  }

  #col1 { display: none; }
  #col2 { display: none; }

  #col3 { margin-left: 0px; margin-right: 0px;}

}
/* meta navigtaion */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @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.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */

@media all
{
  #nav_meta ul {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 240px;
  }

  #nav_meta ul li {
   /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    line-height: 8px;
  }

  #nav_meta ul li.login {
   	float: right;
   	text-align: right;
  }

  #nav_meta ul li a,
  #nav_meta ul li a:focus,
  #nav_meta ul li a:hover,
  #nav_meta ul li a:active  {
    text-decoration: none;
    display: block;
  }
}
/* horizontal navigtaion */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @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.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */

@media all
{
  #nav_main ul {
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
  }

  #nav_main ul li {
   /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 9px;
  }

  #nav_main ul li.active {
   background: url(nav-main-l.gif) no-repeat top left;
   height: 23px;
  }

  /* Nur in IE 6 eine Breite */
  * html #nav_main ul li.active {
   width: 1px;
  }

  #nav_main ul li a,
  #nav_main ul li a:focus,
  #nav_main ul li a:hover,
  #nav_main ul li a:active  {
    text-decoration: none;
    padding: 1px 9px 3px 0;
    margin: 0;
    display: block;
	font-family: Ascom,Arial,Times,serif;
    font-size: 15px;
  }

  #nav_main ul li.active a {
   background: url(nav-main-r.gif) no-repeat top right;
   height: 23px;
   font-family: Ascom-Semibold,Arial,Times,serif;
   font-weight: normal;

 }
 
 #nav_main ul li.active a,
 #nav_main ul li a:hover,
 #nav_main ul li a:active 
 {
    color: #87254C
 }
 

  /* Nur in IE 6 eine Breite */
  * html #nav_main ul li.active a {
   width: 1px;
  }
}
/* vertical navigation */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Vertical list navigation "vlist"
 * (de) Vertikale Navigationsliste "vlist"
 *
 * @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.2
 * @revision        $Revision: 107 $$$
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */

@media all
{
  /* lists */
  #nav_sub {
    list-style-type: none;
    width: 160px;
    float: left;
    display: inline;
    padding: 0; 
    margin: -7px 0 0 0;
  }
  
  #nav_sub ul {
    list-style-type: none; 
    float: left;
    display: inline;
    padding: 0; 
    margin: 0 0 0 -15px;
  }
  #nav_sub ul ul {
    margin: 0 0 0 -24px;
  }
  
  #nav_sub li { 
  	float:left; 
  	width: 100%; 
  	margin:0;
  	padding: 0 0 1px 0;
    background: url(nav-sub-line-01.gif) no-repeat bottom left; 
  }
  #nav_sub li li { 
  	background: none;
  	padding: 0 0 0 0; 
  }
  
  
  /* links */
  #nav_sub a {
    display: block;
    width: 143px;
    padding: 4px 0px 4px 2px;
    text-decoration: none;
    color: #666;
    position: relative;
    bottom: -1px;
    background: url(nav-sub-line-02.gif) no-repeat bottom left;
  }

  * html #nav_sub a {
    padding: 3px 0px 5px 2px;
	z-index: 2;
  }

  #nav_sub ul a {
    width: 134px;
  }
  #nav_sub ul ul a {
    width: 125px;
  }
  #nav_sub ul ul ul a {
    width: 116px;
  }
  #nav_sub ul ul ul ul a {
    width: 107px;
  }
  
  #nav_sub a:focus,
  #nav_sub a:hover,
  #nav_sub a:active,
  #nav_sub div.active a,
  #nav_sub div.active ul a:focus,
  #nav_sub div.active ul a:hover,
  #nav_sub div.active ul a:active {
    color: #8e254e;
  }
  
  #nav_sub div.active ul a {
    color: #666;
  }
  
  
/** divs **/
  #nav_sub div {
    display: block;
    float: left;
    display: inline;
  }

  /* level 1 */
  #nav_sub div {
    padding: 0 0 0 15px;
  }

  #nav_sub div {
    background: #fff url(nav-sub-01.gif) no-repeat top left;
  }
  #nav_sub div.active {
    background: #fff url(nav-sub-01-act.gif) no-repeat top left;
  }
  #nav_sub div.expanded {
    background: transparent url(nav-sub-01-exp.gif) no-repeat top left;
  }

  /* level 2 */
  #nav_sub ul div {
    margin: 0 0 0 6px;
    padding: 0 0 0 18px;
  }
  #nav_sub ul div.last,
  #nav_sub ul div.last_expanded {
    margin: 0 0 0 5px;
    padding: 0 0 0 19px;
  }
  
  #nav_sub ul div,
  #nav_sub ul div.active {
    background: #fff url(nav-sub-02.gif) no-repeat top left;
  }
  #nav_sub ul div.expanded {
    background: #fff url(nav-sub-02-exp.gif) no-repeat top left;
  }
  #nav_sub ul div.last {
    background: #fff url(nav-sub-02-last.gif) no-repeat top left;
  }
  #nav_sub ul div.last_expanded {
    background: #fff url(nav-sub-02-exp-last.gif) no-repeat top left;
  }

  /* level 3 */
  #nav_sub ul ul div,
  #nav_sub ul ul div.last,
  #nav_sub ul ul div.last_expanded {
    margin: 0 0 0 24px;
    padding: 0 0 0 9px;
  }
  
  #nav_sub ul ul div,
  #nav_sub ul ul div.active {
    background: #fff url(nav-sub-03.gif) no-repeat top left;
  }
  #nav_sub ul ul div.expanded {
    background: #fff url(nav-sub-03-exp.gif) no-repeat top left;
  }

  /* level 4 */
  #nav_sub ul ul ul div {
    background: none !important;
  }
 }
/* special navigation */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Horizontal list navigation "Shiny Buttons"
 * (de) Horizontale Navigationsliste "Shiny Buttons"
 *
 * @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.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */

@media all
{
  /**
   * Language selection
   *
   */

  #nav_lang ul { 
    /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: right;
    margin: 0;
    padding: 0 7px 0 5px;
    list-style-type: none;
    border-left: 1px solid #fff;
    height: 18px;
  }

  #nav_lang ul li {
   /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
    display: inline;
    float: left;
    line-height: 12px;
    margin: 3px 0 0 5px;
    height: 12px;
  }

  #nav_lang ul li.active {
    padding: 0 3px 0 5px;
    background: url(nav-lang-l.gif) no-repeat top left;
  }

  #nav_lang ul li a,
  #nav_lang ul li a:focus,
  #nav_lang ul li a:hover,
  #nav_lang ul li a:active  {
    text-decoration: none;
    display: block;
  }

  #nav_lang ul li.active a {
    background: url(nav-lang-r.gif) no-repeat top right;
    padding: 0 5px 0 0;
  }
  
  /**
   * Country selection
   *
   */
   
  #country_button{
   	float: left; 
	padding-left: 8px;
	height: 13px;
	overflow: hidden;
	cursor: pointer;
	margin: 3px 0px 0px 0px;
  }
  
  #country_selection ul{
  	list-style: none;
	margin: 0px; 
	padding: 0px;
  } 
  
  #country_selection{
  	position: absolute;
	width: 100%;
	top: 38px;
	z-index: 100;
  }
  
  *html #country_selection{
  	top: 40px;
  }
  
  #country_selection ul li{
  	line-height: 18px; 
	margin: 0px; 
	padding: 0px;
  } 
  
  #country_selection ul li a,
  #country_selection ul li a:focus,
  #country_selection ul li a:active  {
    text-decoration: none;
    display: block;
	color: #fff;
	background: #a3b6c5; 
	border-bottom: 1px solid #bbcbd8; 
	padding-left: 8px;
	width: 100%;
  }
  
  #country_selection ul li a:hover{
  	background: #7b95ac;
	color: #ff6409;
  }
}
/* content defaults */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @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.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 * @appdef yaml
 */

@media all
{
  /**
   * Fonts
   * (en) font-family and font-size selection for headings and standard text elements
   * (de) Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
   *
   * @section content-fonts
   */

  /* (en) reset font size for all elements to standard (16 Pixel) */
  /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
  html * { font-size: 100.01% }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Arial, sans-serif;
    font-size: 12px; 
	color: #666;
  }
  
  
  
  img.header { margin: 0 0 14px 0; }
  img.content_img_high { width: 140px; float: left; margin: 0px 14px 7px 0px; }
  img.content_img_wide { width: 230px; float: left; margin: 0px 20px 20px 0px; }
  img.content_img_2col_large { width: 320px; }
  img.content_img_2col_small { width: 230px; }
  img.content_img_products { float: right; display: inline; margin: 0 -12px 0 0; width: 120px; }
  img.content_img_teaser { width: 220px; float: left; margin: 0 20px 0 0; }
  
  
  div.content { padding: 12px 12px 0 12px; }
  div.content_blue-bg { background:#eef2f4; padding: 12px 12px 0 12px; margin: 0 0 14px 0; }
  div.content_blue-bg_sub { background:#eef2f4; padding: 12px; margin: 0; }
  
  div.teaser_home { border: 1px solid #a3b6c5; margin: 0 0 14px 0; }
  div.horizontal_left{padding: 12px 0px 0px 12px;}
  div.horizontal_right{padding: 12px 12px 12px 8px;}
  * html div.horizontal_right{padding: 12px 12px 12px 8px;}
  
  
  div.nomargin { margin: 0 0 0 0; border-bottom: 1px solid #fff; }
  div.nomarginnoborder { margin: 0 0 0 0;}
  div.border_blue_around{border: 1px solid #a3b6c5;}
  
  
  

  h1,h2,h3,h4,h5,h6 { font-weight:bold; margin: 0 0 0.25em 0; }
  h1 { 
  	color: #fff; 
  	background-color: #a4b6c4; 
  	font-size: 14px; 
  	font-weight: normal; 
  	text-transform: uppercase; 
  	margin: 0;
  	border-bottom: 1px solid #fff;
	height: 28px;
    line-height: 27px;
    padding: 0 0 0 10px;
  }
 .cssfont h1 {
	font-family: Ascom,Arial;
    font-size: 15px;
 }
 h2 { 
  	color: #000; 
  	background-color: #d7dee6; 
  	font-weight: bold;
	font-size: 14px;    
  	text-transform: uppercase; 
  	margin: 0;
  	border-bottom: 1px solid #fff;
  }
  h1 span, h2 span { 
  	padding: 0 10px;
  	display: block;
  }
  h3 { 
  	color: #597b97; 
  	font-size: 12px;  
  	text-transform: uppercase; 
  	margin: 0 0 8px 0;
  }    
  h4 { font-size: 12px; padding: 12px 12px 4px 0; font-weight: normal; }       
  h2.content_subtitle { 
  	color: #597b97;
	background: none; 
	font-size: 12px;    
  	font-weight: bold; 
  	text-transform: uppercase; 
  	margin: 0px 0 11px 0;
	padding: px;
	border: none;
  }
  
  div.application h2.content_subtitle {
  	color: #59728B;
	font-family: Arial;
	font-size: 12px;
	line-height: 16px;
	letter-spacing: 0.02em;
  }
  
  #solutionfinder-placeholer-right h2 { 	
  	background-color:#7b95ac;
  }
  
  #solutionfinder-placeholer-right h2 span {	
  	background: url(link_arrow_h2_2.gif) no-repeat scroll left center;
  }
  
  #solutionfinder-placeholer-right h2 a.expand { 	
  	float: right;	
	padding: 8px 11px;	
	background: none;
  }
  
  #slidingContainer h2 { 	
  	background-color:#7b95ac;
  }
  
  #slidingContainer h2 span {	
  	background: url(link_arrow_h2_2.gif) no-repeat scroll left center;
  }
  
  #slidingContainer h2 a.expand { 	
  	float: right;	
	padding: 8px 11px;	
	background: none;
  }
  
  

  p { line-height: 14px; padding: 0 0 12px 0;}
  .nopadding{ padding: 0px; }
  
  #path p { 
  	font-size: 9px;
	text-transform: uppercase; 
	color: #597b97; 
	padding: 0; 
  }
  
  .teaser_home p { padding: 0 12px 12px 0; }
  
  ul.content_list li p { padding: 0 10px 4px 10px; }
  
  p.disclaimer {
    font-family: Arial;
  	font-size: 10px;
	color: #b4b4b4;
  }




  /* ### Lists | Listen  #### */

  ul, ol, dl { line-height: 14px; margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  
  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold }
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }

  /**
   * Generic Content Classes
   * (en) standard classes for positioning and highlighting
   * (de) Standardklassen zur Positionierung und Hervorhebung
   *
   * @section content-generic-classes
   */

  .note {background: #dfd; padding: 1em; border-bottom: 1px #bdb dotted; border-bottom: 1px #dbb dotted;}
  .important {background: #ffd; padding: 1em; border-bottom: 1px #ddb dotted; border-bottom: 1px #dbb dotted;}
  .warning {background: #fdd; padding: 1em; border-bottom: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }
  
  /**
   * Layout Classes
   * (en) standrad classes for the styles of lyout elemts
   * (de) Standardklassen für Layout Elemente
   *
   * @section content-generic-classes
   */
   
  div.textblock{
  	margin: 14px 0px 0px 0px;
  }
  
  #footer div.text {
    background:transparent url(footer-left.gif) no-repeat scroll left top;
	float:left;
	height:23px;
	padding:0pt 0pt 0pt 12px;
  }
  
  #footer p {
	color:#FFFFFF;
	padding:5px 0pt 0pt;
  }
  
  #footer div.end {
	background:transparent url(footer-right.gif) no-repeat scroll right top;
	float:left;
	height:23px;
	width:12px;
  }
  
  #footer a {
	color:#FFFFFF;
	margin:0pt;
	padding:0pt;
  }
  
  div.application {
	margin: 14px 0px 0px 0px;
  }
  
  div.application-margin-top {
  	margin-top: 1px;
  }
  
  div.application img.content_img_height{
	float: left;
	margin: 0px 20px 14px 0px;
	width: 140px;
  }
  
  
  /**
   * 404-Page
   *
   * (en) Formatting Elements of 404-page
   * (de) Gestaltung von Elementen der 404-Seite
   *
   */
  #similar_pages{
  	margin: 0px;
	padding: 0px;
	list-style: none;
  }
  
  #similar_pages li{
  	margin: 0px;
	padding: 0px;
  }
  
  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {
  	color: #597b97;
	text-decoration:none;
  }
  a:focus, a:hover, a:active {
  	text-decoration:underline;
	outline:none;
  }
  
  a.arrow {
    background: url(link-arrow.gif) no-repeat center left;
    padding: 0 0 0 8px;
  }
  
  a.arrow:hover {
  	text-decoration:underline;
	outline:none;
	color: #FF5900;
  }
  
  a.arrowback {
    background: url(link_arrow_back.gif) no-repeat center left;
    padding: 0 0 0 8px;
  }
  
  a.arrowback:hover {
  	text-decoration:underline;
	outline:none;
	color: #FF5900;
  }
  
  #path a {
    text-decoration:underline;
  }
  
  h1 a {
    background: url(link-arrow-h1.gif) no-repeat center left;
    padding: 0 0 0 10px;
    display: block;
  }
  
  h2 a {
    background: url(link-arrow-h2.gif) no-repeat center left;
    padding: 0 0 0 10px;
    display: block;
  }
  
  h2 a:focus,
  h2 a:hover,
  h2 a:active{
	background: #a6b8c7 url(link-arrow-h1.gif) no-repeat center left;
	/*color: #FF5900; */
  }
  
  /* Collapse button for solutionfinder */
  a.collapse { 
    float: right;
    padding: 8px 12px;	
    background: none;
  }
  
  .expander a { 
  	display: block;
  	height: 14px;
  	background: url(col3-expander.gif) no-repeat left top;
  	text-decoration: none;
  }
  
  .expander a.expanded { 
  	background-position: left bottom;
  }
  
  .tooltip {
	border:solid 1px #666666; 
	width:198px; 
	padding:3px;
	position:absolute; 
	z-index:100;	    
	color:#FFFFFF; 
	left:0px; 
	top:0px;
	background-color:#6f95ac;
	layer-background-color:#6f95ac;
	visibility:hidden;
  }
  
  .tooltipContent {
	position:absolute; 
	visibility:hidden;
  }	
  
  /**
   * (en) Emphasizing external Hyperlinks via CSS
   * (de) Hervorhebung externer Hyperlinks mit CSS
   *
   * @section             content-external-links
   * @app-yaml-default    disabled
   */

  /*
  #main a[href^="http://www.my-domain.com"],
  #main a[href^="https://www.my-domain.com"]
  {
    padding-left: 12px;
    background-image: url('your_image.gif');
    background-repeat: no-repeat;
    background-position: 0 0.45em;
  }
  */

  /**
   * Tables | Tabellen
   * (en) Generic classes for table-width and design definition
   * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
   *
   * @section content-tables
   */

  table { width: 100%; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }
  
  table.content_table{width: 100%; border: none;}
  table.content_table td{padding: 0px; margin: 0px; vertical-align: top;}
  table.content_table tr{
  	background:transparent url(dotted-line.gif) repeat-x scroll center bottom;
	line-height: 26px;
	}
  
  table.content_table td.left{text-align: left}
  table.content_table td.right{text-align: right}
  
  table.content_table_noline tr {background: none;}

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  
  

  /**
   * Formulare
   *
   * @section content-forms
   */

  #select_country select { width: 230px; }
  #solution_finder { width: 100%; }
  .select_100 select { width: 100%; }
  input{border: 1px solid #a3b6c5;}
  .go{border: none; background: #7a94ab; padding:0px; margin-left: 6px; width:40px;height: 18px;}
  .go img{margin: 0px auto;}
  
  /**
   * Miscellaneous | Sonstiges
   *
   * @section content-misc
   */

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #000 solid;
  }

  /**
   * Content
   *
   * @section content-details
   */
  
  /* ### path  #### */
  
  
  select {
  	color: #666666;
	font-size: 1em;
	font-family: Arial,sans-serif;
  }
  
  select.solutionfinder {
  	font-size: 0.73em;
  }
  
  /**
   * Investor relations
   *
   */
  table.chartimg {
   	margin-bottom: 0;
   }
   
  td.chartimg {
  	padding: 0;
  }
  
  table.stockinfo th, table.stockinfo td {
  	padding: 0 0 0 12px;
  }
  
}


/* content custom */
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @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.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 * @appdef yaml
 */

@media all
{


  ul.content_list { 
  	list-style-type: none; 
  	margin: -8px 0 0 0; 
  	padding: 0 0 12px 0; 
  }
  
  ul.content_list ul { 
  	list-style-type: none; 
  	margin: 4px 0 0 16px; 
  	padding: 0 0 0 0; 
  }
  ul.noline { 
  	background: none;  
  }
  ul.content_list li { 
  	margin: 0;
  	padding: 8px 0;
  	background: url(dotted-line.gif) repeat-x bottom; 
  	line-height: 12px;
	overflow:hidden;
  }
  ul.content_list li li { 
  	margin: 0;
  	padding: 4px 0;
  	background: none; 
  	line-height: 12px;
  }
  ul.content_list a.arrow {
    background: url(img/list_arrow2.gif) no-repeat top left;
    text-decoration:none;
    padding: 0 0 0 10px;
	display: block;
  }
  ul.content_list li a.arrow2 { 
  	background: url(img/list_arrow.gif) no-repeat top left;
    padding: 1px 0 0 16px;
    font-weight: bold;
    text-decoration:none;
  }
  ul.content_list li a.expand { 
  	background: url(img/list_expand.gif) no-repeat top left;
    padding: 0 0 0 16px;
    font-weight: bold;
    text-decoration:none;
	display:	block;
  }
  ul.content_list li a.expanded { 
  	background: url(img/list_expanded.gif) no-repeat top left;
    padding: 0 0 0 16px;
    font-weight: bold;
    text-decoration:none;
	display:	block;
  }
  ul.content_list li a:focus, 
  ul.content_list li a:hover, 
  ul.content_list li a:active { 
  	color: #ff5900;
  }
  ul.content_list li div.datecolumn{ 
  	width: 100px; 
	float: left;
  }
  ul.content_list li div.newscolumn{ 
  	width: 345px;
	padding-right: 10px;
	float: left;
  }
  ul.content_list li div.eventcolumn{ 
  	width: 220px;
	padding-right: 10px;
	float: left;
  }
  ul.content_list li p {
	padding:0pt 10px 4px 0px;
  }
  ul.productlist li p {
	padding:0pt 10px 4px 10px;
  }
  ul.content_list dir { 
  	list-style-type: none; 
  	margin: 4px 0 0 16px; 
  	padding: 0 0 0 0; 
  }
 dir.content_list { 
  	list-style-type: none; 
  	margin: -8px 0 0 0; 
  	padding: 0 0 12px 0; 
  }
  dir.content_list li { 
  	margin: 0;
  	padding: 8px 0;
  	background: url(dotted-line.gif) repeat-x bottom; 
  	line-height: 12px;
	overflow:hidden;
  }         
}


/* print mod */
/* "Yet Another Multicolumn Layout" (c) by Dirk Jesse (http://www.yaml.de)
* $Revision: 108 $ $Date: 2007-08-01 18:38:01 +0200 (Mi, 01 Aug 2007) $ */
@media print {
body,#page_margins,#page,#main {margin:0;padding:0;border:0;}
#page_margins,#page{width:100% !important;min-width:inherit;max-width:none}
#header{height:auto}
#footer,#topnav,#nav,#search{display:none}
.c25l,.c33l,.c38l,.c50l,.c62l,.c66l,.c75l,.c25r,.c33r,.c38r,.c50r,.c62r,.c66r,.c75r {width:100%;margin:0;float:none;overflow:visible;display:table}
.subc,.subcl,.subcr {margin:0;padding:0}
body *{font-family:"Times New Roman", Times, serif}
code,pre{font-family:"Courier New", Courier, mono}
body{font-size:12pt}
h1,h2,h3,h4,h5,h6{page-break-after:avoid}
abbr[title]:after,acronym[title]:after{content:'(' attr(title) ')'}
#page a[href^="http:"],#page a[href^="https:"]{padding-left:0;background-image:none}
a[href]:after{content:" <URL: "attr(href)">";color:#444;background:inherit;font-style:italic}
#col1_content:before,#col2_content:before,#col3_content:before{content:"";color:#888;background:inherit;display:block;font-weight:700;font-size:1.5em}
.floatbox,.subcolumns,.subcolums_oldgecko{overflow:visible;display:table}
}
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) print stylesheet
 * (de) Druck-Stylesheet
 *
 * @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.2
 * @revision        $Revision: 107 $
 * @lastmodified    $Date: 2007-08-01 18:27:14 +0200 (Mi, 01 Aug 2007) $
 */

/* #col1 - 0
** #col2 - 0
** #col3 - x
*/

@media print
{
  #col1 {display:none}
  #col2 {display:none}
  
  #col3, #col3_content { width: 100%; margin:0; padding: 0; border:0}
}
/* teaser custom */
/* 
**  version		: 01.11.06  
**  Datei       : teaser-content-custom.css
**  Funktion    : Basis-Modifikation f&#252;r das Layout des YAML-Tutorials
**
*/

@media all
{

	/* ######################################################################################################
	** ### Teasers ##############################################################################
	** ######################################################################################################
	*/
	
	/****************************************************
	* styles for the all modes
	****************************************************/
	
	div.content_blue-bg_col2 { background:#eef2f4; margin: 5px 12px 0px 12px; padding: 0; overflow: hidden;}
	div.content_blue-bg_col2 .teaser_title{ font-weight: bold;}
	div.content_blue-bg_col2 .teaser_content{ padding-top: 5px;}
	
	/* IE 6 only */
	* html div.content_blue-bg_col2 {
		padding-bottom: 12px;
	}

	
	div.teaser_localcontent { background:#eef2f4; margin: 0 12px 12px 12px; padding: 0; overflow: hidden;}
	.teaserContent h3 { margin: 0 12px 8px 12px; padding: 7px 0 4px 0; }
	
	
	.product_image {
		background:url(product_corners.gif) no-repeat top left;
		padding:12px 0;
	}
	.product_image div {
		background:url(product_corners2.gif) no-repeat bottom left;
		padding:0 0 12px 0;
		text-align:center;
	}
	.product_image img {
		margin: 0 auto;
		padding: 0px 12px;
		max-width: 192px;
	}

	
	/* teaser lists */
	.teaserList {
		list-style-type: none;
		margin: 0px;
	}
	
	/* teasers */
	.teaserList .teaser,.teaserList .teasernotdraggable{
		margin-left: 0px;
		zoom: 100%
	}
	
	div.teaserContent{
		background: #EEF2F4;
		margin-bottom:12px;
		overflow:hidden;
		/*max-width: 240px;*/
	}
		
	div.teaser_sm_entry select{
		width: 100%;
		border: 1px solid #A3B6C5;
		margin-bottom: 3px;
	}
	
	div.configure_teaser_newelement input{
		/*width: 100%;*/
		border: 1px solid #A3B6C5;
		margin-bottom: 3px;
	}
	
	div.configure_teaser_newelement input[type=file]{
		width: 200px;
	}
	
	div.teaserContent .configure_teaser, div.teaserContent .configure_teaser_newelement{
		padding:5px 12px 5px 12px;
	}
	
	div.teaserContent .configure_teaser_seperator, h3.teaser_title_line{
		background: url(dotted-line.gif) repeat-x bottom;
	}
	
	ul.teaserList div.teaserContent {
		padding: 0;
		border-bottom: 0px solid #ebebeb;
	} 
	
	#teasers h2 {
	
	}
	
	#teasers h2 a.nl_link {
		display: block;
		float: right;
		font-weight: normal;
		background: transparent;
		padding-left: 10px;
		margin-right: 10px !important;
		margin-right: 5px ;
	}		
	
	.teaserContent select {		
		width: 100%;	
	}
	
	/* Bugfix for Edit Modus / Sm rendered dropdowns */
	.teaserContent table select {		
		width: 135px;	
	}
	
	/****************************************************
	* styles for the edit mode
	****************************************************/
	
	/* help div */
	#teaserHelpDiv {
		margin-bottom: 10px;
		background-color: #ffcccc;
		border: 1px solid black;
		padding: 5px;
	}
	
	/* admin links + status div */
	.teaserLinkDiv {
		border: 1px solid black;
		border-bottom-width: 0px;
		text-align: center;
		
		padding-bottom: 2px;
	}
	
	/* distinguish between local and global teasers by background color */
	#teaserLocalLinkDiv, #teaserLocalEditDiv {
		background-color: #ccffcc;
	}
	#teaserGlobalLinkDiv, #teaserGlobalEditDiv {
		background-color: #ffffbb;
	}
	
	#teaserGlobalEditDiv {
		border: solid #ffff55 3px;
		height: 100%;
	}
	
	#teaserGlobaleditDiv h2 {
		background: none;
	}
	
	/****************************************************
	* styles for the edit mode
	* -> teasers on the edit div AND teasers on the page
	****************************************************/
	
	/* category divs */
	.teaserEditDiv .teaserContainer, .teaserContainerEditMode {
		border: 1px solid black;
		padding: 3px;
		margin-bottom: 10px;
		/* min-height: 100px; */
	}
	
	.teaserContainer{
		height:95%;
	}
	
	/* teaser lists */
	.teaserEditDiv .teaserList, .teaserContainerEditMode .teaserList {
		/* min-height: 30px; */
		margin: 5px;
	}
	
	/* teasers */
	.teaserEditDiv .teaser, .teaserContainerEditMode .teaser,
	.teaserEditDiv .teasernotdraggable, .teaserContainerEditMode .teasernotdraggable
	 {
		border: 1px dotted black;
		border-top-width: 0px;
		margin-bottom: 10px;
		width: 220px;
	}
	
	.teaserEditDiv .teasernotdraggable, .teaserContainerEditMode .teasernotdraggable
	{
		border: none;
	}
	
	/* teaser handles */
	.teaserEditDiv .teaserHandle, .teaserContainerEditMode .teaserHandle {
		width: 100%;
		height: 15px;
		background-color: #999999;
		cursor:move;
		margin-bottom:5px;
	}
	
	.teaserHandle {
		width: 220px !important;
	}
	
	#pageTeasersDiv.teaserContainer .teaserHandle{
		display: none;
	}
	
	.teasernotdraggable .teaserHandle{
		display: none;
	}
	
	
	/****************************************************
	* styles for the edit mode
	* -> teasers on the edit div ONLY
	****************************************************/
	
	/* edit div */
	.teaserEditDiv {
		padding: 3px;
		display: none;
		position: absolute;
		top: 0px;
	}
	
	/* category headers */
	.teaserEditDiv .teaserContainerHeader {
		background-color: #333333;
		font-size: 0.9em;
		color: white;
		padding-left: 3px;
		padding-right: 3px;
	}
	
	/* teasers */
	.teaserEditDiv .teaser, .teaserEditDiv .teasernotdraggable {
		margin-right: 10px;
		/*width: 30%;*/
		float: left;
	}
		
	/* float clearing */
	.teaserEditDiv .clear {
		clear: left;
	}
	
	/****************************************************
	* Styles for the specific Global Teasers
	* -> teasers on the edit div ONLY
	****************************************************/
	.teaserentry_nok{
		color: red;
	}
	
	.teaserentry_ok{
		color: #000;
	}
	
	div.teaserContent td, div.teaserContent td{
		padding: 0px 5px 0px 0px;
	}

}
/* custom whatever */
/**
 * "Special Styles for Sitemanager" - (X)HTML/CSS Framework
 *
 */

@media all
{
	.solutionAdminArea {		
		margin-bottom: 10px;	
	}
	.solutionAdminLabel {
		font-weight: bold;
	}
	.solutionAdminBlock {
		clear:left;
		border:0px solid;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.solutionAdminBlockLabel {
		font-weight: bold;
		float:left;				
	}
	.solutionAdminBlockItems {
		clear:both;		
	}	
	.solutionAdminBlockItem {		
		width: 230px;
		height:25px;
		float:left;
	}
	.solutionAdminCheckBox {
		float:left;
	}
	.solutionAdminCheckBoxText {
		float:left;
		width: 165px;
		margin-left:8px;
		padding-bottom:10px;		
	}	
	.solutionAdminBlockItemIcon {
		width: 36px;
		height:25px;
		float:right;	
	}
	.solutionAbstractContent {
		border:1px solid;
		padding:10px;
	}
	.solutionAdministration {
		border:1px solid; 
		padding: 10px;
	}
	.solutionPopupMain {
		
	}
	.solutionPopupHeader {
		font-weight: bold;
	}
	.solutionPopupParentLabel {
		width:160px;
		font-weight: bold;
		float: left;		
	}
	.solutionPopupChildLabel {
		margin-left:20px;
		width:160px;		
		float: left;		
	}
	.solutionPopupParentInput {
		width:200px;				
	}
	.solutionPopupChildInput {		
		width:180px;		
	}
	
	.childmargin {		
		margin:0px 0px 5px 0px;		
	}		
	.submit {
		padding:2px 4px 2px 4px;
	}
}