@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.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: #fff; padding: 0; }

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  #page_margins { width: 81.5em; margin: 0; border: 0px #889 solid; }
  #page{ background: #fff; }

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

  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */
  #header {
    color: #000;
    background: transparent;
    height: 9.5em;
  }

  #logo { position: absolute; top: 4.167em; left: 2.17em; }
  #logo img { width: 14em; height: 3.5em; }

  #topnav { position:absolute; top: 0.83em; right: 0; color: #aaa; background: transparent; text-align:right; }
  
  #main { background: #fff;padding:0 0; }

  #start { background: #c0c2c4; margin: 0 -40px 40px 0; }

  #footer { 
    display: none;
  }

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

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

  #col1 { width: 16.5em; }
  #col1_content { padding: 0 0.67em 0.83em 2.17em; }

  #col2 { width: 16.5em; }
  #col2_header { height: 13.33em; background: #c0c2c4; margin: 0 0 2.5em 0; position: relative; }
  #col2_content { padding: 0 1em 1em 1.67em; }

  #col2_start { width: 63.5em; border: 1px solid red; }

  #col3 { margin-left: 18.33em; margin-right: 16.5em; }
  #col3_header { height: 15.83em; margin: 0 0 2em 0; }
  #col3_header img.keyvisual { width: 46.66em !important; height: 13.33em !important; }
  #col3_content { padding: 0 1.67em 1em 0; position: relative; }
  
	#breadcrumbs {height: 1.5em; margin-top: 1em; display:block; overflow: hidden; font-size: 0.92em; color: #838383; } /*styleguide: 0.75em*/
	#breadcrumbs ul { display: inline; float: left; margin: 0; text-align: left; }
	#breadcrumbs ul li { background: url(icon-breadcrumb.gif) no-repeat 0 0; display: inline; float: left; line-height: 1em; list-style-type: none; margin: 0; padding: 0 0 0 12px; position: relative; }
	#breadcrumbs ul li.first { background:none; padding: 0;}
	#breadcrumbs span { color: #333; }
	#breadcrumbs a { text-decoration: none; color: #999999; }
	#breadcrumbs a:focus,
	#breadcrumbs a:hover,
	#breadcrumbs a:active
	{
		text-decoration:underline;
	}
	
  #col3_start { display: none; }
  
  /* safari fix */
  #col3_content .c33l { width: 15em; }
  #col3_content .c66r { width: 30em; }
  
  #col3 .subc { padding: 0 0.67em 0 0.67em }
  #col3 .subcl { padding: 0 1.33em 0 0 }
  #col3 .subcr { padding: 0 0 0 1.33em }
  #col3 .c66r .subcr { padding: 0 0 0 0.67em; }
  
  #col3 .c66l .subcl { padding: 0 0.66em 0 0; }

  #col3 .standorte .c66l .subcl {
	margin: 0 -2em 0 0;
	padding: 0;
	float: left;
  }
  

  #overview {
  	position: absolute;
	top: 0;
	right: 1.7em;
  }
  
  #content-skiplinks { 
  	margin: 0 0 1.5em 0;
  }
  

  #thumbnails {
	margin-right: -2.1em;
	float: left;
	font-size: 100%;
  }
   
  div.thumbnail, div.thumbnail_active {
  	float: left;
  	padding: 0;
  	margin: 0;
  	position: relative;
  	width: 7.83em;
  }
   
  div.thumbnail_vizona, div.thumbnail_vizona_out {
  	float: left;
  	padding: 0;
  	margin: 0 2em 0 0;
  	position: relative;
  	width: 13.66em;
  }
  
  div.thumbnail div,
  div.thumbnail_active div {
  	/* display: block; */
  	border: 1px solid white;
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 5.66em;
  	height: 4.25em;
  	background: #fff;
	opacity: 0.5;
	-moz-opacity:0.5;
  	cursor: pointer;
  }
  
  div.thumbnail div {
  	display: none;
  }
  
  div.thumbnail_active div {
  	display: block;
  }
  
  div.thumbnail_vizona div {
  	display: block;
  	border: 1px solid white;
  	position: absolute;
  	top: 0;
  	left: 0;
  	width: 13.5em;
  	height: 10.17em;
  	background: #fff;
	opacity: 0.5;
	-moz-opacity:0.5;
  }
  
  div.thumbnail_vizona a:hover div {
  	display: none;
  }

  
  
  div.newsitem {
  	border-bottom: 1px solid #ccc;
  	padding: 0;
  	margin: 0 0 2em 0;
  }

  .productPicture {
  	display: block;
  	margin: 0;
	padding: 0;
  }

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

 /**
  * 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;
	}

}