    html
    { 
      min-height:100%;
    }
    
    body
    {
      margin: 0px;
    	background: #ebf1f8 url('images/bg_unten01.jpg') repeat-x 0 100%;
    	min-height:100%;
    	padding:0px;
      font-family: Verdana, Arial;
      font-size: 11px;
      line-height:1.5em;
      color:#303847;
      /*color: #092869;*/
    }
    
    td
    {
      vertical-align: top;
      font-size: 11px;
      line-height:1.5em;
    }
    
    a
    {
      text-decoration: none;
      font-weight:bold;
      color: #092869;
    /*color: #2f5fa1;*/
    }
    
    p
    {
      margin-top:0px;
      margin-bottom:15px;
    }
    
    td a:hover
    {
      color: #3d6ed5;
    }
  
    ul
    {
      margin:0px 0px 0px 16px;
      padding:0;
      list-style-image:url('images/quatro2.gif');
/*    line-height:12px;
      color: #303847;*/
    }
    
    li
    {
      padding:0px 0px 12px 0px;
      margin-top:0px 0px 5px 0px;
      font-weight: bold;
      line-height:12px;
      background-repeat:no-repeat;
    }

    .bestellung
    {
      font-size:12px;
      font-weight:normal;
      margin-left:50px;
      list-style-image:none;
    }
    
    .bestellung li
    {
      border:none;
    }
    
    .highlights
    {
      border-style:solid;
      border-width:0px 1px;
      border-color:#a2c8ee;
      background-image:url('images/halbtransparenz01.png');
      padding-left:22px;
      padding-right:25px;
      font-size:10px;
    }
    
    .highlights li div
    {
      font-weight: normal;
      color: #5a6a79;
    }

  
    .haekchen ul
    {
      margin-left:0px;
      padding-left:0px;
      list-style: none;
      list-style-image: none;
    }
    
    .haekchen li
    {
      padding-left:20px;
      background-image:url('images/haekchen.png');
    }

    .haekchen li div
    {
      font-weight:normal;
      color:#5a6a79;
    }
    
    
    .highlight_ueberschrift
    {
      margin-bottom:-5px;
      color:#2f5fa1;
      font-size:11px;
      font-weight:bold;
    }
    
    .kasten
    {
      padding:0 25px 0 25px;
    }
        
    .content
    {
      font-size: 11px;
    }

    .mainmenu
    {
      background: url('images/bg_mainmenu.jpg');
      height: 42px;
      vertical-align: bottom;
    }

    .mainmenu a
    {
      height: 33px;
      overflow: hidden;
      display: block;
      float: left;
      background-position: left 66px;
      margin-top: 3px;
    }

    .mainmenu a:hover
    {
      background-position: left 33px;
    }

    a.selected
    {
      background-position: left 0px;
    }
    
    a.selected:hover
    {
      background-position: left 0px;
    }
    
    .submenu
    {
      text-align: left;
      background: url('images/bg_submenu.jpg');
      height: 25px;
      font-family: Verdana, Arial;
      font-size: 11px;
      padding: 0px;
      padding-left: 60px;
    }
    
    .submenu a
    {
      text-decoration: none;
      color: #092869;
      padding-left: 3px;
      padding-right: 3px;
      padding-top: 5px;
      padding-bottom: 1px;
      margin-top: 2px;
      font-size: 11px;
    }
    
    .submenu a:hover
    {
      color: #3d6ed5;
    }

    .uebersicht
    {
      font-size: 11px;      
      background-color: #FFFFFF;
      color: #4F5263;
    }
    
    .uebersicht th
    {
      height:25px;
      background: url('images/balken.png') repeat-x;
      text-align:left;
      padding-left:7px;
    }
    
    .uebersicht td
    {
      background-color: #f2f5f9;
      line-height:16px;
    }
    
    .kleingedrucktes
    { 
      font-size:11px;
      font-weight:bold;
      color:#f3f4f7;
    }
    
    .startseite
    {
      padding-top:125px;
      font-family: Verdana, Arial;
      font-size: 10px;
      font-weight: bold;
      line-height:1.5em;
      color: #092869;
    }
    
    h1
    {
      font-size: 11px;
      font-weight: bold;
      margin-bottom: 2px;
      color: #303847;
    }
    
    h2
    {
      font-size: 10px;
      font-weight: bold;
      margin-bottom: -2px;
      line-height:12px;
      color: #000000;
    }
    
    h3
    {
      font-size: 14px;
      font-weight: bold;
      margin-top: 0px;
      margin-bottom: 10px;
      color:#2f5fa1;
    }

    
    h4
    {
      background: url('images/quatro2.gif') no-repeat 0px 4px;
      padding-left:14px;
      font-size: 11px;
      font-weight: bold;
      margin-bottom: 5px;
    }
    
    h5
    {
      font-size:24px;
      font-weight:bold;
      line-height:24px;
      color:#2f5fa1;
      margin:0px 0px 20px 0px;
    }
    
    h6
    {
      font-size:16px;
      font-weight:normal;
      line-height:24px;
      color:#7b8392;
      margin:0px;
    }


    .weiss01
    {
      font-size: 10px;
      font-weight: bold;
      color: #ffffff;
    }
    
    .small01 {font-family: Arial,Helvetica; font-size: 9px; color:#092869; font-weight:normal;}

    .rand_l
    {
      margin-left: 128px;
    }
    
    .rand_l_menu
    {
      margin-left: 24px;
    }
    
    .aufzaehlung
    {
      color: #000000;
      font-weight: bold;
      line-height:12px;
      list-style-image:url('images/1.png');
    }
    
    .einleitung
    {
      color: #2f5fa1;
      font-weight: bold;
    }
    
    .bold
    {
      font-weight: bold;
    }

    .tab
    {
      line-height:1.25em;
      color:#5d6a78;
    }
    
    .tab2
    {
      line-height:1.25em;
      color:#2f5fa1;
    }    
    
    .tab_klein
    {
      font-size:9px;
      line-height:1.5em;
      color:#5d6a78;
    }
    
    .summary
    {
      margin-bottom:10px;
      margin-left:10px;
      /*border:1px solid red;*/
    }
    
    .summary_icon
    {
      width:27px;
      height:27px;
      float:left;
      border: none;
    }
    
    .summary_title
    {
      width:289px;
      overflow:hidden;
      background-image:url('images/box.png');
      background-repeat:no-repeat;
      padding-left:10px; 
      color:#ffffff;
      line-height:27px;
    }
    
    .summary_text
    {
      padding-left: 40px;
      margin-right: 10px;
    }
    
    .summary_text_shadow
    {
      width:316px;
      height:8px;
      margin-left:-55px;
      margin-top:10px;
      background-image:url('images/bg_shadow.png');
      background-repeat:no-repeat;
    }
    
    
    a.auf
    {
      background-image:url('images/dreieck_u.gif');
      background-repeat:no-repeat;
      background-position: right 12px;
      padding-right:12px;
      font-weight: bold;
      float:right; 
      margin-right: 20px;
      color:#8fa3c9;
    }
    
    .auf_normal
    {
      background-image:url('images/dreieck_u.gif');
      background-repeat:no-repeat;
      background-position: right 5px;
      padding-right:12px;
      border-bottom:1px dotted #3d6ed5;
    }
    
    a:hover.auf_normal
    {
      background-image:url('images/dreieck_u_hover.gif');
    }
    
    a:hover.auf
    {
      background-image:url('images/dreieck_u_hover.gif');
      color:#ffffff;
    }
    
    a.zu
    {
      background-image:url('images/dreieck_o.gif');
      background-repeat:no-repeat;
      background-position: right 3px;
      padding-right:12px;
      border-bottom:1px dotted #3d6ed5;
      font-weight: bold;
    }
    
    a:hover.zu
    {
      border-bottom:1px solid #3d6ed5;
      background-image:url('images/dreieck_o_hover.gif');
    }
    
    .link
    {
      background-image:url('images/dreieck.gif');
      background-repeat:no-repeat;
      background-position: right 3px;
      padding-right:12px;
      border-bottom:1px dotted #3d6ed5;
    }
    
    a:active.link
    {
      background-image:url('images/dreieck_hover.gif');
      background-repeat:no-repeat;
      background-position: right 3px;
      color:#3d6ed5;
    }
    
    a:hover.link
    {
      background-image:url('images/dreieck_hover.gif');
      background-repeat:no-repeat;
      background-position: right 3px;
      border-bottom:1px solid #3d6ed5;
    }
    
    .link_zurueck
    {
      background-image:url('images/dreieck_l.gif');
      background-repeat:no-repeat;
      background-position: left 3px;
      padding-left:10px;
      border-bottom:1px dotted #3d6ed5;
    }
    
    a:hover.link_zurueck
    {
      background-image:url('images/dreieck_l_hover.gif');
      background-repeat:no-repeat;
      background-position: left 3px;
      padding-left:10px;
      border-bottom:1px dotted #3d6ed5;
    }
    
    .bg_main
    {
      background: url('images/bg_main.png') no-repeat top;
      width:759px;
      min-height:250px;
      padding-top:25px;
    }
    

    .pagesmenu a 
    {
      display: block;
      font-size: 11px;
      font-family: Verdana;
      font-weight: normal;
      color: #092869;
      text-align: left;
      margin-left: 36px;
      padding-left: 20px;
      line-height: 32px;  /* hack zum vertikalen zentrieren */
    }
    
    .produkte_spalte_links
    {
      width:268px;
      float:left;
      margin:50px 0px 0px 17px;
    }

    .produkte_spalte_rechts
    {
      width:357px;
      overflow:hidden;
      float:left;
      margin:33px 0px 0px 13px;
      /*
      vertical-align:bottom;
      height:151px;
      border:1px solid blue;*/
    }
/*    
    .produktscreenshot
    {
      margin:50px 0px 0px 0px;
      cursor:url(images/lupe.cur);
    }
*/    
    
    .definition_klein
    {
      width:130px;
      font-size:11px;
      color:#303847;
      padding-left:4px;
      padding-right:4px;
      position:relative; top:-25px;
      line-height:12px;
    }
    
    
    .input1
    {
      border:1px solid #7f9db9;
      font-family: Verdana,Arial,Helvetica;
      color:#092869;
      font-size:11px;
    }
    
    .fehlermeldung
    {
      color: #a60000;
      font-size: 15px;
      border: 1px dotted #C40303;
      padding: 3px;
      font-family: 'Courier New';
    }
    
    .weiter
    {
      width:109px;
      text-align: center;
      background: url('images/oval.png') no-repeat 0px 0px;    
      border: none;
    }



    .info_fpm
    {
      background: url('images/button_info_01.png') no-repeat 4px 4px;
      margin-right:-4px;
      margin-top:-4px;
      margin-bottom:-4px;
      background-color:#7da0e1;
      width:25px;
      height:25px;
      float:right;
    }
    
    a:hover.info_fpm
    {
      background-color:#315db0;
    }



    .info_express
    {
      background: url('images/button_info_01.png') no-repeat 4px 4px;
      margin-right:-4px;
      margin-top:-4px;
      margin-bottom:-4px;
      background-color:#afcee2;
      width:25px;
      height:25px;
      float:right;
    }
    
    a:hover.info_express
    {
      background-color:#78aed2;
    }



    .info_standard
    {
      background: url('images/button_info_01.png') no-repeat 4px 4px;
      margin-right:-4px;
      margin-top:-4px;
      margin-bottom:-4px;
      background-color:#96b3dd;
      width:25px;
      height:25px;
      float:right;
    }
    
    a:hover.info_standard
    {
      background-color:#5f8bca;
    }



    .info_professional
    {
      background: url('images/button_info_01.png') no-repeat 4px 4px;
      margin-right:-4px;
      margin-top:-4px;
      margin-bottom:-4px;
      background-color:#7898c1;
      width:25px;
      height:25px;
      float:right;
    }
    
    a:hover.info_professional
    {
      background-color:#2f5fa1;
    }
    
    
    
    .info_spk-professional
    {
      background: url('images/button_info_01.png') no-repeat 4px 4px;
      margin-right:-4px;
      margin-top:-4px;
      margin-bottom:-4px;
      background-color:#c96766;
      width:25px;
      height:25px;
      float:right;
    }
    /*
    a:hover.info_spk-professional
    {
      background-color:#a60000;
      color:#ffffff;
    }
    */
    .red
    {
      color:            #a60000; 
      font-weight:      bold;
    }
    
    .hinweis
    {
      vertical-align:top;
      color:darkred;
    /*color:#a60000;*/
    }
    

    .panel2
    {
      border:           1px solid #7f9db9;
      margin-top:       20px;
      font-size:        11px;      
      background-color: #FFFFFF;
      color:            #4F5263;
    }
    
    
    .panelheadframe
    {
      height:               25px;
      background:           url('images/balken.png') repeat-x;
      background-position:  center;
      line-height:          25px;
    }
    
    .panelhead
    {
      height:               25px;
      background:           url('images/balken.png') repeat-x;
      background-position:  center;
      font-weight:          bold;
      line-height:          25px;
      padding-left:         7px;
    }
    
    .panelbody
    {
      display: block;
    }

    a.panelopen
    {
      background: url('images/dreieck_u.gif');
      background-repeat:no-repeat;
      background-position: right 11px;
      font-weight: bold;
      color:#092869;
      margin-right: 20px;
      padding-right:12px;
      text-align:right;
    /*display: block;*/
      float:right;

    }
    
    a:hover.panelopen
    {
      background-image:url('images/dreieck_u_hover.gif');
      color:#3d6ed5;
    }
    
    a.panelclose
    {
      background-image:url('images/dreieck_o.gif');
      background-repeat:no-repeat;
      background-position: right 7px;
      margin-right: 12px;
      padding-right:12px;
      border-bottom:1px dotted #3d6ed5;
      font-weight: bold;
      display: block;
      float: right;
    }
    
    a:hover.panelclose
    {
      border-bottom:1px solid #3d6ed5;
      background-image:url('images/dreieck_o_hover.gif');
    }
    
    
    
    .downloadlist
    {
      font-size:        11px;      
      background-color: #FFFFFF;
      color:            #4F5263;
      width:            100%;
      border-spacing:   1px;
    }
    
    .downloadlist td
    {
      background-color: #f2f5f9;
    }

    .thumbcontainer
    {
      width: 316px;
      height: 53px;
      background: url('images/bg_thumbnails01.png') no-repeat;
      padding: 10px 0px 50px 41px;
    }


    .thumbcontainer img
    {
      border: 1px solid #a2c8ee;
      cursor:url(images/lupe.cur);
    }
    
    
    a:hover.thumb img
    {
      border: 1px solid #d7e7f7;
    }

    .zelle1
    {
      border-width: 1px 1px 0px 1px; border-color:#ffffff; border-style:solid; padding:4px;
    }

    .zelle2
    {
      border-width: 1px 1px 0px 0px; border-color:#ffffff; border-style:solid; padding:4px;
    }
    
    .zelle3
    {
      border-width: 1px 0px 0px 1px; border-color:#ffffff; border-style:solid; padding:4px;
    }

    
    .produktvergleich
    {
      font-size: 11px;
      color: #4F5263;
    }
    
    .produktvergleich th
    {
      height:25px;
      background: url('images/balken.png') repeat-x;
      text-align:left;
      padding-left:7px;
      border-width: 0px 0px 0px 1px; border-color:#ffffff; border-style:solid;
    }
    
    .produktvergleich td
    {
      background-color: #f2f5f9;
      border-width: 1px 0px 0px 1px; border-color:#ffffff; border-style:solid;
      padding:4px;
    }
    
    .ja
    {
      background:url('images/haekchen.png') no-repeat center;
    }
    
    .nein
    {
      background:url('images/kreuzchen.png') no-repeat center;
    }

    ul.navbar
    {
      margin:0px 0px 0px 7px;
      padding:0px;
      list-style: none;
      list-style-image: none;
    }
    
    .active
    {
      display: inline;
      line-height: 37px;
      border-width: 1px 1px 0px;
      border-color: #a2c8ee;
      border-style: solid;
      background: #ffffff;
      padding: 5px 15px 8px 15px;
      font-size: 12px;
      font-weight:bold;
      margin-left:-1px;
    }

    .active a
    {
      outline:0;
      outline-style:none;
      color: #303847;
    }

    .inactive
    {
      font-size:12px;
      display: inline;
      padding: 0px 15px 7px 15px;
      font-weight:normal;
      border-right:1px solid #a2c8ee;
    }

    .inactive a
    {
      font-weight:normal;
      color: #7b8392;
    }
    
    
    .portrait
    {
      width:67px;
      height:100px;
      border:1px solid #7f9db9;
      float:left;
      margin:25px 38px 15px 41px;
    }

    
    .preview
    {
      width:107px;
      height:61px;
      border:1px solid #7f9db9;
    }

    
    .name
    {
      width:450px;
      /*float:left;*/
      font-size:18px;
      line-height:18px;
      color:#2f5fa1;
      font-weight:bold;
      margin:25px 0px 0px 0px;
      overflow:hidden;
    }

    .name span
    {
      font-size:14px;
      font-weight:normal;
      color:#7f9db9;
    }


    .quote
    {
      width:577px;
      float:left;
      color:#5d6a78;
      text-align:justify;
    }
    
    .neu
    {
      font-style:italic;
      font-weight:bold;
      color:#a60000;
    }
    
    .slide
    {
      color:#092869;
    }
    
    .slide li
    {
      line-height:1.5em;
      font-weight:normal;
    }
