@charset "UTF-8";
/**
 * "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-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:392 $
 * @lastmodified    $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $
 * @appdef yaml
 */

@media all
{
 /**
  * Fonts
  *
  * (en) global settings of font-families and font-sizes
  * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
  *
  * @section content-global-settings
  */

  /* (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) reset monospaced elements to font size 16px in all browsers
  * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
  *
  * @see: http://webkit.org/blog/67/strange-medium/
  */

  textarea, pre, code, kbd, samp, var, tt {
    font-family:Consolas, "Lucida Console", "And1ale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
  }

  /* (en) base layout gets standard font size 12px */
  /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
  body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:75.00%;
    color: #7D7D7D;
    
    /*Adventzkalender*/
  /*  background: #ffffff url('/ai/img/sections/atelco_winter_hg_ready_neu.jpg') repeat-x top left fixed; 
    padding: 0; 
    position: relative; 
    background-size: 100% auto; */
  }

  /*--- Headings | Überschriften ------------------------------------------------------------------------*/

  h1,h2,h3,.head3,h4,h5,h6,boxhead,blueboxhead {
    margin:0.25em 0 0.25em 0;
  }

  h1 { font-size:250%; }                       /* 30px */
  h2 { font-size:200%; }                       /* 24px */
  h3 { font-size:150%; }                       /* 18px */
  .head3 { font-size:150%; }                       /* 18px */
  h4 { font-size:133.33%; }                    /* 16px */
  h5 { font-size:116.67%; }                    /* 14px */
  h6 { font-size:116.67%; }                    /* 14px */
  boxhead { font-size:200%; }                       /* 24px */
  blueboxhead { font-size:200%; }                       /* 24px */
  
  #col0_content h1,
  #col0_content h2,
  #col0_content h3,
  #col0_content .head3,
  #col0_content h4,
  #col0_content h5,
  #col0_content h6,
  #col0_content boxhead,
  #col0_content blueboxhead,
  #col1_content h1,
  #col1_content h2,
  #col1_content h3,
  #col1_content .head3,
  #col1_content h4,
  #col1_content h5,
  #col1_content h6,
  #col1_content boxhead,
  #col1_content blueboxhead { border-bottom: 1px solid #ccc; padding-bottom: 2px; }
  
  #col0_content h1, #col1_content h1 { color: #00519E; font-size: 150%; }
  #col0_content h2, #col1_content h2 { color: #F29400; font-size: 150%; }
  #col0_content h3, #col1_content h3 { color: #00519E; font-size: 116.67%; }
  #col0_content .head3, #col1_content .head3 { color: #00519E; font-size: 116.67%; }
  h4, h4 { color: #F29400; font-size: 116.67%; }
  #col0_content h5, #col1_content h5,  
  #col0_content h5 a, #col1_content h5 a
  { color: #00519E; font-size: 100%; }
  #col0_content h6, #col1_content h6 { color: #F29400; font-size: 100%; }
  #col0_content boxhead, #col1_content boxhead { color: #F29400; font-size: 150%; }
  #col0_content blueboxhead, #col1_content blueboxhead { color: #F29400; font-size: 150%; }
  
  
  #col3_content h1 { font-size: 11pt; color: #00519E; padding-left: 16px; background: url("../../img/arrows/arrow_tree.png") left no-repeat; }
  
  #col3_content .yform .type-select { padding:0;margin:0 }
  #col3_content .yform .type-select select { width: 100%; }
  
  .noborder { border: none !important; }

  /* --- Lists | Listen  -------------------------------------------------------------------------------- */

  ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
  ul { list-style-type:none; }
  ul ul { list-style-type:circle; margin-bottom:0; }

  ol { list-style-type:decimal; }
  ol ol { list-style-type:lower-latin; margin-bottom:0; }

  li { margin-left:0.8em; padding-left: 1.2em; line-height:1.5em; background: url("../../img/arrows/arrow_blue_one.png") no-repeat top left; background-position: 0px 3px;}
  
  li a { font-size: 100%; }
  
  dt { font-weight:bold; }
  dd { margin:0 0 1em 0.8em; }
  
  ul.noimage li { padding-left: inherit; background: transparent; }

  /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

  p { line-height:1.5em; margin:0 0 1em 0; }

  blockquote, cite, q {
    font-family:Georgia, "Times New Roman", Times, serif;
    font-style:italic;
  }
  blockquote { margin:0 0 1em 1.6em; color:#666; }

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

  big { font-size:116.667%; }
  small { font-size:91.667%; }
 
  pre { line-height:1.5em; margin:0 0 1em 0; }
  pre, code, kbd, tt, samp, var { font-size:100%; }
  pre, code { color:#800; }
  kbd, samp, var, tt { color:#666; font-weight:bold; }
  var, dfn { 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%; line-height:0; }

  hr {
    color:#E5E5E5;
    background:transparent;
    margin:0 0 0.5em 0;
    padding:0.5em 0 0.5em 0;
    border:0;
    border-bottom:1px #E5E5E5 solid;
  }
  
  p.blue { color: #00519E; }

  /*--- Links ----------------------------------------------------------------------------------------- */

  a { color:#7D7D7D; font-size: 10pt; text-decoration: none; background:transparent;}
  a:visited  { color:#7D7D7D; }

  /* (en) maximum constrast for tab focus - change with great care */
  /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */
  a:focus,
  a:hover,
  a:active { color: #F29400; text-decoration:underline; outline: 0 none; }
  
  #col3_content h1 a,
  #col3_content h1 a:VISITED {color: #00519E;}

  /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

  p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
  p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

  p.icaption_left img,
  p.icaption_right img { padding:0; border:1px #888 solid; }

  p.icaption_left strong,
  p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }
  
  p.goup { text-align: right; }
  
  #col0_content p a,
  #col1_content p a,
  #col0_content p a:VISITED
  #col1_content p a:VISITED,
  #col0_content label a,
  #col1_content label a,
  #col0_content label a:VISITED
  #col1_content label a:VISITED {font-size: 100.01%; color: #00519E; background: url("../../img/arrows/arrow_four.png") left no-repeat; padding-left: 15px; }
  
  
  #col0_content p a:HOVER,
  #col0_content p a:ACTIVE,
  #col0_content p a:FOCUS,
  #col1_content p a:HOVER,
  #col1_content p a:ACTIVE,
  #col1_content p a:FOCUS,
  #col0_content label a:HOVER,
  #col0_content label a:ACTIVE,
  #col0_content label a:FOCUS,
  #col1_content label a:HOVER,
  #col1_content label a:ACTIVE,
  #col1_content label a:FOCUS { color: #F29400; }
  
  #col1_content p.goup a {  text-decoration: underline; background: transparent; padding-left: 0; color: inherit; }
  
  address { 
    font-style: normal;
  }

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

  .highlight { color:#c30; }
  .dimmed { color:#888; }

  .info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

  .note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
  .important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
  .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

  .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 { display:block; text-align:center; margin:0.0em auto; }
  
  /** Vertikale   als auch Horizontale zentrierung als Alternavie zu Tabellen */
  .outer { width: 100%; overflow: hidden; display: table; position: static; }
  .middle { display: table-cell; position: static; vertical-align: middle; text-align: center; top: 50%; width: 100%; }
  .inner { margin-left: auto; margin-right: auto; with: 100%; position: relative; text-align: center; top: -50% }
    

 /**
  * ------------------------------------------------------------------------------------------------- #
  *
  * 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:auto; border-collapse:collapse; margin-bottom:0.5em; border: 2px solid #e0e0e0; }
  table caption { font-variant:small-caps; }
  table.full { width:100%; }
  table.fixed { table-layout:fixed; }
   
  
  th, td { padding:0.5em; }
  thead th { color:#000; border-bottom: 2px #e0e0e0 solid; border-right: 1px solid #eee;}  
  tbody th[scope="row"], tbody th.sub { background:#00519E; color: #fff; }

  tbody th { text-align:left; border-bottom: 1px solid #eee; }
  tbody td { border-right: 1px solid #eee; border-bottom: 1px solid #eee; }

  tbody tr:hover th[scope="row"],
  tbody tr:hover tbody th.sub { }
  tbody tr:hover td { }
  
  tbody tr.even {}
  tbody tr.odd { background-color: #E5EEF5}
  th.function, td.function  { text-align: right; }
  
  #scrollUp {
/*     background: url("/lib/img/top.png") no-repeat scroll 0 0 transparent; 
 	bottom: 20px;
    height: 38px;
    right: 20px;
    width: 38px;
    */
    background: url("/lib/img/scroll_top.gif") no-repeat scroll 0 0 transparent;
    right:0px; 
    bottom:0px; 
    height:59px; 
    width:147px;
   
   }
   
   #left_btn_new {
			    width:61px;
				height:61px;
				background:url('/ai/img/neu_btn.png') 0 -61px;
				position:absolute;
				margin-top: -7px;
				margin-left: -5px;
			}
   #right_btn_new {
				width:61px;
				height:61px;
				background:url('/ai/img/neu_btn.png') -61px 0;
				position:absolute;
				right:0px;
			}
			
			
    /* CNet Content */
	#ccs-gallery ul li {background:none}
	.ccs-ds-zoomGallery-class-main {margin:0px !important}
	#ccs-product-details table, #ccs-product-details table td {border:none !important; border-collapse:}
    #ccs-product-details table td {border:none !important}
	#ccs-product-details table td h1, #ccs-product-details table td h2, #ccs-product-details table td h3 {border-bottom:none !important}
 	#ccs-product-details table td h1 {display:none}
	#ccs-product-details table td h2 {font-size:16px; margin-top:20px}
	#ccs-product-details table td h3 {margin:20px 0px -2px 0px; color:#999}
	
	.ccs-ds-details-specs-main table {background:#f8f7f5; margin:30px 0px 20px 0px}
	.ccs-ds-details-specs-main table tr {border-bottom:2px solid #fff !important}
	
	.ccs-ds-details-main .ccs-ds-details-specs-more a, .ccs-ds-details-main .ccs-ds-details-specs-less a {text-transform:uppercase; padding:5px 15px; background:#004f9f; color:#fff; margin-top:30px}
	.ccs-ds-details-specs-extended {margin-top:40px}
	.ccs-ds-details-specs-extended .ccs-ds-extendedSpec-header {background:#F8F7F5}
	
	.ccs-ds-textInbox {background:url('http://www.atelco.de/ai/download/assets/ccs-btn-deliver.gif') no-repeat; width:584px; padding-top:40px; margin-top:30px}
	
	
	/* CNet Inline-Content */
	#ccs-inline-content .ccs-cc-inline-intro {display:none}
	.ccs-cc-inline .ccs-cc-inline-header > .ccs-cc-inline-header-layout {border:none}
	#ccs-inline-content table td {border:none !important}
	#ccs-inline-content table td h1, #ccs-inline-content table td h2, #ccs-inline-content table td h3 {border-bottom:none !important}
	#ccs-inline-content h2 {font-size:14px; margin-top:20px}
	#ccs-inline-content table td h3 {margin:20px 0px -2px 0px; color:#999}
	.ccs-cc-inline .ccs-cc-inline-features .ccs-cc-inline-feature {border:none !important}
	.ccs-cc-inline .ccs-cc-inline-features .ccs-cc-inline-feature .ccs-cc-inline-feature-thumbnail img {width:150px}
	.ccs-cc-inline .ccs-cc-inline-section {margin:0px}
	.ccs-cc-inline .ccs-cc-inline-section .ccs-cc-inline-acc-header {margin-top:5px}
	.ccs-cc-inline .ccs-cc-inline-section h2 {padding-left:10px; background:#F8F7F5}
	.ccs-cc-inline .ccs-cc-inline-accessories .ccs-cc-inline-acc-content > ul {padding:0px !important}
}