@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Screen layout for YAML examples
 * (de) Bildschirmlayout für YAML-Beispiele
 *
 * @copyright       Copyright 2005-2010, 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.2.1
 * @revision        $Revision: 443 $
 * @lastmodified    $Date: 2009-12-31 18:05:05 +0100 (Do, 31. Dez 2009) $
 */

@media screen, projection
{
  /** 
   * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera 
   * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera 
   *
   * @workaround
   * @affected IE8, FF, Webkit, Opera
   * @css-for all
   * @valid CSS3
   */

  body { /*overflow-y: scroll; */}

  /*------------------------------------------------------------------------------------------------------*/
  
  /**
   * (de) Gestaltung des YAML Basis-Layouts
   */

  /* (de) Randbereiche & Seitenhintergrund */
  body { 
      /*background: #e6e6e6 url("/assets/web/images/w_body.gif") repeat;*/
	  background: rgb(230,230,230);
      padding: 0px 0;
      line-height:150%;
  }

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

  /* (en) Layout: width, background, borders */
  /* (de) Layout: Breite, Hintergrund, Rahmen */
  .page_margins { width: 970px;/* background: #fff;*/ }
  .page { 
   padding: 0px;  
   position:relative;  
  }
  /* (en) Designing main layout elements */
  /* (de) Gestaltung der Hauptelemente des Layouts */

 /* komplette Headerbereich */
  #header {
   color: #000;
   /*background: #E6E6E6;*/
   background: rgb(230,230,230);
   position:relative;
   height:329px;   
  }

/* Contentbereich definieren - mittig setzen*/
#header_content {
   position:relative;
   margin: 0 auto; 
   width:970px;  
}

/* Raico Logo */
#logoArea
{
	width:970px;
	background:#fff;
	height:120px;
	position:relative;
	overflow:hidden;
}

 #logo {
   position:absolute;
   top:35px;
   left:16px;
   text-align:left;
 }
 
#logo img
{
	width:150px;
}

  /* Raico Adresse fuer Print nicht ausgeben */
 #raico_address, #print_links {
    display:none;
}
	
sup
{
	font-size: 0.83em !important;
    vertical-align: super !important;
    line-height: 0 !important;
}
 

  /* Bild im Header */
#header_image {
	float:left;
   width:770px;
   overflow:hidden;
   position:relative;
   z-index:5;
   height:184px;
   vertical-align:bottom;
}

#header_image  img
{
	position:relative;
	top:-24px;
}

#nivoSlider
{
	width:770px !important;
	height:184px !important;
}

/* Linie ganz oben */
#bg_top_linie_1 {
   height:5px;
   width:200px;
   background:#e2001a;
   float:left;
}

/* Linie ganz oben */
#bg_top_linie_2 {
   height:5px;
   width:770px;
   background:#58585a;
   float:left;
}

#menuHeader
{
	position:relative;
}

/* Farbflaeche links neben Top Navi */
#bg_area_1 {
   height:25px;
   width:200px;
  /* background:#e2001a;*/
   background:rgb(227, 0, 15);
   float:left;
}

/* Farbflaeche links  */
#bg_area_2 {
   height:184px;
   width:200px;
   background:rgb(88,88,90);
   float:left;
}

/* Top Navigation */
#header #topnav 
{
	color: #aaa;
	position:absolute;
	top:90px;
	right:15px;
}

#headerFlaggen,
#headerLogout,
#headerSuche,
#headerImprint
{
	display:inline;
	float:left;
}

#headerLogout img
{
	margin-right:5px;
	margin-top:-5px;
}

#headerFlaggen
{
	margin-right:20px;
}

#headerSuche
{
	margin-left:20px;
	position:relative;
	top:-2px;
}


.searchinput  {
	border:0px solid black;
	background:url("/assets/web/images/eingabe/suchen_140.gif") no-repeat transparent !important;
	color:#64676D;
	height:18px;
	padding:0px;
	width:140px !important;
}

input[type=submit].searchsubmit  {
	background:url("/assets/web/images/icon_startsearch.gif") no-repeat scroll 0 0 transparent;
	border:medium none;
	cursor:pointer;
	font-size:100%;
	height:0px;
	padding-left:0px;
	text-align:left;
	text-indent:20px;
	vertical-align:bottom;
	width:0px;
	margin-left:0px;
}

  /* (en) adjustment of main navigation */
  /* (de) Anpassung der Hauptnavigation */
  #nav ul { margin-left: 20px; }
  
  div.menu#menu
  {
  	position:relative;
  	z-index:10;
  }
  
div.menu {
	font-size:90%;
	width:770px;
	float:left;
	position:relative;
	/*background:#9b9b9b;*/
	background:rgb(88,88,90);
	/*border-bottom:1px solid #B5B7BC;*/
	border-bottom:0px solid rgb(88,88,90);
	height:25px;
}
  
 div.menu ul {
  width:770px; 
  display:inline;
  margin:0;
  padding:0;
	position:relative;
	z-index:2;
 }

  div.menu ul li {
    float:left;
    text-decoration:none;
    text-align:center;
    list-style:none;
    line-height:1.5em;
    margin-left:0em; 
	display:block;
  }

div.menu ul a.menu {
	color:#FFFFFF;
	display:block;
	font-weight:bold;
	letter-spacing:1px;
	line-height:25px;
	padding:0 18px;
	text-decoration:none;
}

div.menu ul a.menu {
	border-left:1px solid rgb(230,230,230);
}

div.menu ul li:first-child a.menu {
	border-left:0px solid rgb(0,0,0);
}

div.menu ul a.active,
div.menu ul li.menuLI.active + li a {
	border-left:1px solid rgb(227,0,15);
}

div.menu ul a.active {
 /*background: #ec1d25;*/
 background:rgb(227, 0, 15);
}

div.menu ul a.menu:hover {
  /*border-bottom:#ec1d25 1px solid;*/
  border-bottom:rgb(227,0,15) 1px solid;
  /*background:#535967;*/
  background:rgb(155,155,155);
}

div.menu ul a.menu:focus  {
/* color: red;*/
}

/* Navigation links */
div.submenu {
 background: white;
 position:relative;
 top:0px;
 left:0px;
 margin:0px;
 padding:0px;
 width:200px;
}

div.submenu ul {
background:#FFFFFF;
border-bottom:medium none;
z-index:1000;
margin:0px;
padding:0px;
list-style-type:none;
list-style-image:none;
}

div.submenu ul li {
 background:transparent;
 text-decoration:none;
 margin:0px;
 margin-left:-8px;
 padding:0px;
 list-style-type:none;
 list-style-image:none;
 
}


div.submenu ul a.submenu {
    background:transparent;
    border-bottom:1px solid rgb(230,230,230);
    border-left:10px solid #828282;
    color:#666666;
    display:block;
    float:none;
    font-weight:bold;
    letter-spacing:0;
    line-height:25px;
    padding:0 10px;
    text-decoration:none;
    text-transform:none;
    font-size:85%;
    width:170px;
}

div.submenu ul ul ul a.submenu
{
	padding-left:30px;
}
	
div.submenu ul a.submenu:hover {
    /*background-color:#e6e6e6;*/
    background-color:rgb(230,230,230);
	border-left: 10px solid rgb(227,0,15); 
    border-bottom:1px solid rgb(227,0,15);
    list-style-type:none;
}




div.submenu ul a.active {
	font-weight: bold;
	color: rgb(227,0,15);
	border-left: 10px solid rgb(227,0,15);      
}

div.submenu ul ul a.submenu {
    background-color:transparent;
    border-bottom:1px solid #D9D9D9;
    border-left:10px solid #828282;
    color:#666666;
    display:block;
    float:none;
    font-weight:normal;
    line-height:20px;
    padding:0px;
    padding-left:20px;
    text-decoration:none;
    text-transform:none;
    width:170px;
    xxxheight:20px;
	padding-top:1px;
	padding-bottom:1px;
	vertical-align:middle;
}

div.submenu ul ul ul a.submenu {
	width:160px;
}

div.submenu ul ul a.active {
   color: #EC1D25;
   border-left: 10px solid #EC1D25;
}




#main { 
  position:relative;
  background:  url("/assets/web/images/w_main.gif") repeat  scroll 0 0  !important;
  padding:0px 0; 
   height:100%;
  }

  #footer {
  /*background:#58585a;*/
  background:rgb(88,88,90);
  color:#FFFFFF;
  margin:0px;
  padding:0px;
  position:relative;
  text-align:left;
  width:970px;
  height:38px;
  /*
  filter:Alpha(opacity=70);
  opacity:0.7;
  */
}



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

  /**
   * (de) Formatierung der Inhalts-Container
   *   
   */


/* Inhalt mit 220px + margin-right = 30px */

.c100 {
    margin-right:30px;
    margin-bottom:30px;
	width:100%;
}

.subcolumns .subcolumns .c100
{
	margin-bottom:15px;	
}

.icaption_bottom
{
	margin-top:3px !important;
	margin-bottom:0px !important;
	float:none !important;
	clear:both;	
	display:block !important;
}
	
.icaption_top
{
	margin-top:0px !important;
	margin-bottom:15px !important;
	float:none !important;
	clear:both;	
	display:block !important;
}

   .c250l {
      float:left;
      width:220px;
      margin:0px;
      margin-right:0px;
  }

  .c250r {
      float:left;
      width:220px;
      margin:0px;
  }
  .c220r {
      float:left;
      width:220px;
  }

  /* Inhalt mit 460px + margin-right = 30px */
  .c500l {
      float:left;
      width:475px;
      margin-right:30px;
  }
 
	.c500l table td
	{
		overflow:hidden;
	}

  .content_margin_r {
      margin-right:30px;
  }
  .rightcontainer  {
    float:right;
    margin-left:0px;
    margin-top:15px;
    padding-right:0px !important;
    width:220px;   
  }

  .contentblock {
    border:1px solid #bac0cc;
    margin-bottom:10px;
    padding:2px;
    backgronund:white;
  }

  .contentblock h5 {
    font-weight:bold;
  }

  .contentblock p {
      padding:5px;
  }

  .contentblockNews {
      border-bottom:1px solid #d9d9d9;
      margin-top:10px;
  }

  .float_images {
      float:left;
      margin-right:20px;
      margin-bottom:30px;
	  text-align:center;
	  vertical-align:middle;
  }
  .float_images.rightItem
  {
	margin-right:0px;
  }
  
	.newsDetail .float_images
	{
		margin-right:15px;
	}
	
	.productsDetail .float_images
	{
		margin-right:40px;
	}
	.productsDetail .float_images.rightItem
	{
		margin-right:0px;
	}


  .downloadFile {
      padding-left:20px;
      background: url(/assets/web/images/s_bullet_link.gif) no-repeat 0px 3px;
  }

  .downloadblock {
      margin-bottom:20px;
  }


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

  /**
   * (en) Styling of layout specific elements
   * (de) Gestaltung layoutabhängiger Elemente
   */
/*
  #header h1 {
    font-weight:bold;
    font-size:2.5em;
    letter-spacing:-2px;
    line-height:65%;
    color:#000;
  }

 #header span { color:#999; }
*/
 
div.footer_content_col2, div.footer_content_col3, div.footer_content_col4 {
 float:left;
 font-weight:normal;
 padding-left:2px;
 padding-right:2px;
 padding-top:1px;
 font-size:100.01%;
}

div.footer_content_col1 {
  width:190px;
  background:#e2001a;  
  margin:0px;
  padding:0px;
  padding-left:10px;
  float:left;
  height:38px;
}
div.footer_content_col1  div{
	padding-top:9px;
}

div.footer_content_col2 {
  width:290px;
  padding-left:30px;
}
div.footer_content_col2  #footerFollowUs{
	padding-top:9px;
	float:left;
	margin-right:30px;
}

div.footer_content_col2 img,
div.footer_content_col2 a
{
	width:28px;
	height:28px;
	text-decoration:none !important;
}

div.footer_content_col2 img
{
	margin-left:8px;
	margin-top:5px;
}

div.footer_content_col2 {
  width:530px;
  height:38px;
  padding-top:0px;
}
div.footer_content_col3{
  margin-left:10px;  
}

input.recommend  {
background:none repeat scroll 0 0 transparent;
border:medium none;
color:#FFFFFF;
cursor:pointer;
font-size:100%;
margin:0;
padding:0;
text-align:left;
}
 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Skiplinks 
  *
  * (en) Visual styling for skiplink navigation
  * (de) Visuelle Gestaltung der Skiplink-Navigation
  *
  * @section content-skiplinks
  */
  
  #skiplinks a.skip:focus,
  #skiplinks a.skip:active { 
	color: #fff; 
	background: #333; 
	border-bottom: 1px #000 solid;
	padding: 10px 0;
	text-decoration:none;
  }

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * Link Anker 
  *
  */
  .anchor {
   width: 0px; 
   height: 0px; 
   margin: 0px; 
   padding: 0px; 
   border: 0px;
   font-size:0; 
   position:absolute; 
   left: 0px; 
   top: 0px;
   }
#col1
		{
			background-color:#fff;
		}