@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 * @copyright       Copyright 2005-2008, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
*/
@media all
{
  html * { font-size: 100.01% }
  
  textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
	width: 200px;
  }

  body {
    font-family: Helvetica, Arial, Verdana, sans-serif;
    font-size: 75.00%; 
    color: #3e5263;  
  }

  h1,h2,h3,h4,h5,h6 { 
  	font-weight:bold; 
  	color:#3e5263;
  	margin: 0 0 0.25em 0; 
  }

  h1 { font-size: 200%,}                        /* 24px */
  h2 { font-size: 200%; margin: 0px 0 0.6em 0; color: #028fc6;}     /* 24px */
  h3 { font-size: 150%; margin: 0px 0 0.6em 0; }                        /* 18px */
  h4 { font-size: 133.33%; margin: 2em 0 0 0; }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */

  #header h1 {
    font-size:2.5em;
    letter-spacing:0px;
    line-height:65%;
    color:#000;
    padding: 30px 0;
  }

  #header span {
    color:#999;
  }
  
  
.startcol {padding-right: 60px;}
.demodead h5{
	margin: 0 0 0.2em 0; 
}
  
  #headerteaser_h3{color: #fff; margin: 50px 0 0.0em 0; font-size: 200%; }

  #headerteaser_p{color: #fff; font-weight: normal;}
  
  p { line-height: 1.6em; margin: 0 0 1em 0; }

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

  ul, ol, dl { line-height: 1.8em; margin: 0 0 1.5em 0}
  li { margin-left: 1.5em; line-height: 1.5em }
  
  #col1_content ul { }
  #col1_content li { line-height: 1.8em }

  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: 0;
    border-bottom: .1em dotted #666;
    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-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
  .important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
  .warning {background: #fdd; padding: 1em; border-top: 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 }

  /**
   * External Links
   *
   * (en) Formatting of hyperlinks
   * (de) Gestaltung von Hyperlinks
   *
   */

  a {color: #028fc6; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {text-decoration:underline;}
  
  #topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}
  
  #footer a { color: #607383; background:transparent;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active { color: #607383; background-color: transparent; text-decoration:underline;}
  
  #breadcrumb a { color: #607383; font-weight: normal; background:transparent; text-decoration:none; }
  #breadcrumb a:focus, 
  #breadcrumb a:hover,
  #breadcrumb a:active { text-decoration:underline; background-color: transparent;}


  /**
   * 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; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }

  th,td { padding: 0.5em; }
  thead th { background: #444; color: #fff }
  tbody th { background: #ccc; color: #333 }
  tbody th.sub { background: #ddd; color: #333 }
  
  /**
   * 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 #eee solid;
  }
  
  .qtrans_language_chooser { float:right; list-style-type:none }
  .qtrans_language_chooser li { float:left; margin:0 0 0 3px; padding: 0 }
  .qtrans_flag { }
  
  
  
  /*	Start	*/

.featureList_Start {
width:100%;
overflow:hidden;
}

.featureList_Start .ci_Start {
background: url("../images/features/ci.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 40px;}

.featureList_Start .ecommerce_Start {
background: url("../images/features/ecommerce.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 40px;}

.featureList_Start .language_Start {
background: url("../images/features/language.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 30px;}

.featureList_Start .functions_Start {
background: url("../images/features/functions.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 30px;}

.featureList_Start .load_Start {
background: url("../images/features/load.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 30px;}

.featureList_Start .search_Start {
background: url("../images/features/search.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 30px;}



/*	Allgemein	*/

.subcl_featurelist, .subcr_featurelist {
overflow:hidden;
text-align: left;
}

.subcl_featurelist {
margin:0em 2em 0em 0em;
}

.subcr_featurelist {
margin:0em 1em 0em 1em;
}


.subcl_featurelist p, .subcr_featurelist p{
min-height:75px;
text-align: left;
}

.featureList_Start {
width:100%;
overflow:hidden;
}

.featureList {
width:100%;
overflow:hidden;
margin-top:1em;
}

.featureList p{
min-height:85px;
}

#start_features{ 
margin:0em 2em 3em 2em;
}



/*	Sidebar	*/

.featureList .flashtec {
background: url("../images/features/flashtec.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 70px; font-size: 85%}

.featureList .support {
background: url("../images/features/support32.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .reseller {
background: url("../images/features/reseller.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

/*	Leistungen	*/

.featureList .ci {
background: url("../images/features/ci.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .stats {
background: url("../images/features/stats.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .cd {
background: url("../images/features/cd.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .multimedia {
background: url("../images/features/multimedia.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .ecommerce {
background: url("../images/features/ecommerce.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .google {
background: url("../images/features/google.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}


.featureList .language {
background: url("../images/features/language.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .functions {
background: url("../images/features/functions.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .safety {
background: url("../images/features/safety.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}


/*	Funktionen	*/

.featureList .flip {
background: url("../images/features/flip.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .overview {
background: url("../images/features/overview.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .zoom {
background: url("../images/features/zoom.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .vector {
background: url("../images/features/vector.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .fullscreen {
background: url("../images/features/fullscreen.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .bookmarks {
background: url("../images/features/bookmarks.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .suggest {
background: url("../images/features/suggest.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .export {
background: url("../images/features/export.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .copypaste {
background: url("../images/features/copypaste.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .printer {
background: url("../images/features/print.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .search {
background: url("../images/features/search.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}



/*	Technik	*/

.featureList .flash {
background: url("../images/features/flash.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .load {
background: url("../images/features/load.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureList .server {
background: url("../images/features/server.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}



/*	MP	*/

.featureMp .demo {
background: url("../images/features/demo.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.3em 0.3em 1em 80px; border-bottom:1px solid #e5e1d8;}

.featureMp .reseller {
background: url("../images/features/reseller.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}

.featureMp .help {
background: url("../images/features/help.jpg") no-repeat; background-attachment: scroll; background-position: 0px 10px;
padding: 0.5em 0.3em 0.2em 60px;}



}