/**************************************/
    /* Container */
    /**************************************/
    body {
    background-color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    font-size: 100.01%;
    line-height: 120%;
    margin: 0;
    padding: 0;
    text-align: center;  /* Zentrierung im Internet Explorer */


    }



    a{
    color:#000066;
    text-decoration:none;
    }

    a:hover{
    color: #A30F0F;
    }

    div#bgleft {
    height:66px;
    width:150px;
    position:absolute;
    left:10px;
    top:250px;
    visibility:hidden;
    }

    div#bgright {
    height:66px;
    width:150px;
    right:10px;
    top:250px;
    position:absolute;
    visibility:hidden;


    }


    div#Seite {
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* standardkonforme horizontale Zentrierung */
    width: 780px;
    padding-bottom: 40px;
    }

    div#leftside{
    float: left;
    width: 160px;
    margin: 0;
    padding: 0;

    }

    div#leftside2{
    float: left;
    width: 182px;
    margin: 0;
    padding: 0;

    }
    div#navi{
        margin-bottom: 20px;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        border-right: 1px solid #ddd;
        background-color: #EDF2F2;


    }
    /* */

    div#kopf{
    height:80px;
    margin-bottom: 10px;
    }
    div#logo{visibility:hidden;}

    div#inhalt {
        text-align: left;    /* Seiteninhalt wieder links ausrichten */
        margin:0;
        width: 390px;
        margin-left: 180px;
        margin-right: 200px;
        margin-bottom: 30px;
        font-size: 0.73em;
    /*  list-style: url(../images/list.gif);*/
    /*  list-style-image: url(../images/list.gif); */
    }


    ul {
    list-style: url(../images/list.gif);

    }
    
    div#tsSolutionsList {
    margin-top:-5px;
    margin-left:-10px;
    
    }



    div#inhalt ul {
    list-style: url(../images/list.gif);

    }

    div#sitemapContainer ul{
    list-style: none;
    list-style-image:none;
    background-image: none;
    }

    div#inhalt2{
        text-align: left;    /* Seiteninhalt wieder links ausrichten */
        font-size: 0.7em;
        margin:0;
        margin-left: 220px;
        margin-right: 0px;

    }

    div#promoBox {
    text-align:right;
    height:470px;
    margin-bottom:0px;
    }



    div#tsSolutions{
    float:right;
    margin:0;
    padding:0;
    width:179px;
    margin-left:5px;
    margin-bottom: 0px;
    margin-top: 10px;

    }


    div#tsSolutionsBox{
    margin: 0;
    padding:0x;
    border: 1px solid #cccccc;
    height:177px;
    }

    div#tsVisuals{
    height:160px;
    margin-top:10px;
    margin: 0;
    padding: 0;
    }

    * html div#tsVisuals{
    margin-left: -2px;
    margin-right: -2px;

    }


    div#tsNews{
    font-size: 0.7em;
    float:left;
    margin:0;
    margin-top:0px;
    margin-left:0px;
    margin-bottom: 7px;
    padding: 0;
    text-align:left;
    line-height:100%;
    }

    div#newsTeaser {
    width:180px;
    height:200px;
    margin:0;
    margin-left:0px;
    padding:0;
    border: 1px solid #cccccc;
    }


    div#tsProducts{
    float:left;
    width: 370px;
    height:90px;
    margin:0;
    margin-top:10px;
    padding: 0;
    }

    div#productTeaser1 {
    width:177px;
    height:69px;
    padding-top:0px;

    margin-top:0px;
    margin-left:0px;
    padding:0px;
    border: 1px solid #cccccc;
    font-size: 0.9em;
    line-height:110%;
    text-align:left;
    }


    div#productTeaser2 {
    width:171px;
    height:63px;
    padding-top:0px;
    padding:3px;
    border: 1px solid #cccccc;
    font-size: 0.9em;
    line-height:110%;
    text-align:center;
    }



    div#productTeaser1 {
    float:left;
    }

    div#productTeaser2 {
    margin-left: 10px;
    float:right;

    }

    div#tsProduct2Head {
    margin-left: 10px;
    width:179px;
    margin-bottom:0px;
    float:right;
    }

    div#tsProduct1Head {
    float:left;
    margin-bottom:0px;
    width:179px;
    }

    div#tsRefHead {
    width:370px;
    margin-bottom:0px;

    }

    div#tsRef{
    float:left;
    width: 370px;
    height:90px;
    margin:0;
    margin-top:10px;
    margin-bottom: 40px;
    padding: 0;
    }

    div#referenceTeaser {
    width:365px;
    height:71px;
    margin:0;
    padding:3px 0 3px 3px;
    border: 1px solid #cccccc;
    font-size: 0.9em;
    line-height:110%;
    }

    div#marginal1{

    width:180px;
    float:right;
    font-size: 0.7em;


    }

    div#fusszeile{
    clear:both;
    font-size: 0.6em;
    margin: 0;
    margin-left: 100px;
    margin-top: 0px;
    text-align: right;
    padding:0;
    padding-right:40px;
    }

    div#imprint{display:none;}


    div#callback{
    float:left;
    font-size: 0.6em;
    width: 158px;
    height:300px;
    margin: 0;
    margin-bottom: 40px;
    line-height=100%;
    padding: 0;
    }

    * html div#callback{ /* ie meint es da leider etwas mehr darstellen zu müssen ...*/
    margin-bottom: 0px;
    }

    div#callbackBox {
    margin: 0;
    padding:3px;
    height:119px;
    border: 1px solid #cccccc;
    color:#333333;
    line-height=100%;
    }

    div#callbackBoxHead {
    background-image: url(../upload/ueberschriften/dk_back.gif);
    width:100%;

    }

    div#callbackBox p {
        line-height=100%;
        margin: 0;
        padding:0;
    }

    div#callbackBox a{
    display: block;
    }


    div#callback2{
    float:left;
    font-size: 0.6em;
    width: 182px;
    margin: 0;
    margin-bottom: 10px;
    padding: 0;
    line-height=100%;

    }

    * html div#callback{ width: 160px;}
    * html div#callback2{ width: 180px;}

    div#stats{display:none;}

    div#promoBoxEffizienz {
    margin-top:10px;
    width:180px;
    height:130px;
    margin-bottom:10px;
    }


    div#promoBoxInfo {
    margin-top:10px;
    width:180px;

    }



    div#promoBoxPartner {

    margin-top:5px;
    height:42px;
    width:180px;


    }


    div#promoBoxBestellen {
    margin-top:5px;
    width:180px;
    height:200px;
    }

    div#promoBoxImage {
    text-align:left;
    }



    /**************************************/
    /* content*/
    /**************************************/

    .headline1, h1 {
        font-size: 18px;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #CF7600;
    }

    .headline2, h2 {
        font-size: 14px;
        color: #063986;
        font-weight: bold;
    }

    .headline3, h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif; 

    color: #444444;
    font-size: 14px;
    font-weight: bold;
    }

    .headline4, h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif; 
     
    color: #CC0000;
    font-size: 14px;
    font-weight: bold;
    }

    .headline5, h5 {
    color: #CC0000;
    font-size: 12px;
    font-weight: bold;
    line-height: 180%;
    }

    .alignright {

    text-align: right;
    }


    .announceCallback {

    text-align:left;
    color: #CC0000;
    font-size: 12px;
    font-weight: bold;
    line-height: 180%;
    padding: 0;
    padding-left:0px;

    }


    .announce {
    text-align:left;
    color: #CC0000;
    font-size: 12px;
    font-weight: bold;
    line-height: 180%;
    padding: 0;
    padding-left:0px;

    }

    .announce a {
    text-align:left;
    color: #CC0000;
    }

    .innerBox {
    padding:0px;
    }

    .marginBox {
    margin-left:10px;
    }

    .callbackImg{
    float: left;
    margin:0px 5px 2px 0px;
    }

    .tsProduktImg {
    float: left;
    padding:0;
    margin:0px 5px 0px 0px;
    vertical-align: middle;
    }

    .tsReferenzenImg {
    float: left;
    margin:0px 5px 0px 0px;
    }

    .tsSolutionsContent{
    margin-left:3px;
    margin-top:5px;
  
    }
    
       .tsSolutionsContent li{

    line-height:150%;
    }

    .tsSolutionsContent a{
    color:#000066;
 
    text-decoration:none;
    }

    .tsSolutionsContent a:hover{
    color: #A30F0F;
    }


    .tsNewsTop {
    margin:0;
    padding:3px 3px 3px 5px;
    height:0.8em;
    background-color:#eeeeee;
    border-bottom:1px solid #999999;
    }

    .tsNewsTxt {
    margin:0;
    margin-left:5px;
    margin-right:5px;
    margin-top:10px;
    margin-bottom:10px;
    clear:both;
    text-align:left;
    }


    .promoBoxText {
    padding:5px;
    width:168px;
    float:left;
    text-align:left;
    line-height:150%;
    border: 1px solid #cccccc;
    margin-bottom:5px;
    }

    .subPromoBox {
    border: 0px solid #cccccc;
    }


    .promoBoxText a {
    font-weight:bold;

    }



    .promoBoxTextHead {
    font-weight: bold;
    padding-left:0px;

    }

    .startbild a{

    text-decoration:none;
    border:0px;

    }


    /* tabelle */

    .tsTable {
    padding: 3px;
    line-height: 100%;
    }

    .tsTablecontent {
    font-size: 10px;
    }

    .tablehead {
     font-size: 10px;
     font-weight: bold;
     padding-left: 5px;
     padding-right: 5px;
     color: #20364b;
     background-color: #F6F6F6;
    }

    .tablecontent {
     font-size: 10px;
     padding-left: 5px;
     padding-right: 5px;
     color: #20364b;
     background-color: #F6F6F6;
    }
    .tablecontent p {
     padding-top: 10px;
     padding-bottom: 10px;
     margin: 0;
    }

    .presseTable td {
    border-top: 0px;
    padding:5px;
    border-collapse:collapse;

    }


    div#links {
        color: #CF7600;
        margin-top:40px;
        background-color: #FAF9F3;
        border-bottom: 5px solid #999999;
        padding-bottom: 32px;
        padding-left: 16px;
        padding-right: 16px;
        padding-top: 8px;
    }

    .frm_input {
        color: #000;
        width:190px;
        height: auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        vertical-align: middle;
        padding-left: 2px;
        padding-right: 2px;
            border: 1px solid #666666;
    }

    .frm_submitbutton {
    border: 1px solid #666666;
    background-color: #EAEAE1;
    padding: 0 2px;
    font-size:10px;
    }


    .frm_area {
        color: #000;
        width:386px;
        height: auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
        vertical-align: middle;
        padding-left: 2px;
        padding-right: 2px;
        border: 1px solid #666666;
    }

    .frm_td {
        color: #000;
        height: auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 10px;
    }


    div#sitemapContainer sitemap ul, .sitemap ul, .sitemap li, .sitemap ul li, .sitemap li ul {
    list-style: none;
    margin:0;
    padding:0;
    }

    .sitemap ul {
    background-color: #FAF9F3;
    border: 1px solid #DDD;
    }

    .sitemap ul li ul li ul{
    background-color: #F2F1E1;
    border: none;
    }



    .sitemap ul li {
    margin: 2px 2px 2px 5px;
    background-image: url(../images/list.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding: 3px 5px 3px 12px;
    line-height: 1.7em;
    }


    .sitemaplink, .sitemaplink a {
    display:block;
    }

    .sitemaplink:hover, .sitemaplink a:hover {
    background-color:#D3DDEF;
    }


    .locked {
    margin: 0 7 0 0;
    padding: 0;
    list-style: none;
    background-image: url(../images/lock.gif);
    background-repeat: no-repeat;
    background-position: 5px 7px;

    }




    /**************************************/
    /*                                    */
    /*             FILETYPES               */
    /*                                    */
    /**************************************/

    .file_pdf{
    width:20px;
    height:16px;
    padding:2px 20px 0 0;
    background: url(../images/file_pdf.gif) no-repeat right;
    }
    .file_zip{
    width:20px;
    height:16px;
    padding:2px 23px 0 0;
    background: url(../images/file_zip.gif) no-repeat right;
    }
    .file_doc{
    width:20px;
    height:16px;
    padding:2px 20px 0 0;
    background: url(../images/file_doc.gif) no-repeat right;
    }
    .file_ppt{
    width:20px;
    height:16px;
    padding:2px 20px 0 0;
    background: url(../images/file_ppt.gif) no-repeat right;
    }
    .file_xls{
    width:20px;
    height:16px;
    padding:2px 20px 0 0;
    background: url(../images/file_xls.gif) no-repeat right;
    }

    .file_txt{
    width:20px;
    height:16px;
    padding:2px 20px 0 0;
    background: url(../images/file_txt.gif) no-repeat right;
    }

    .file_ie{
    width:20px;
    height:16px;
    padding:2px 20px 0 0;
    background: url(../images/file_ie.gif) no-repeat right;
    }

    .file_jpg{
    width:20px;
    height:16px;
    padding:2px 20px 0 0;
    background: url(../images/file_jpg.gif) no-repeat right;
    }


    .file_mov{
    width:20px;
    height:16px;
    padding:2px 20px 0 0;
    background: url(../images/file_mov.gif) no-repeat right;
    }

    .file_avi{
    width:20px;
    height:16px;
    padding:2px 20px 0 0;
    background: url(../images/file_avi.gif) no-repeat right;
    }

    .file_audio{
    width:20px;
    height:16px;
    padding:2px 20px 0 0;
    background: url(../images/file_audio.gif) no-repeat right;
    }

    .file_netscape{
    width:20px;
    height:16px;
    padding:2px 20px 0 0;
    background: url(../images/file_netscape.gif) no-repeat right;
    }

    .file_oe{
    width:20px;
    height:16px;
    padding:2px 20px 0 0;
    background: url(../images/file_oe.gif) no-repeat right;
    }

    .file_other{
    width:20px;
    height:16px;
    padding:2px 20px 0 0;
    background: url(../images/file_other.gif) no-repeat right;
    }

    .file_outlook{
    width:20px;
    height:16px;
    padding:2px 20px 0 0;
    background: url(../images/file_outlook.gif) no-repeat right;
    }

    .file_ff{
    width:20px;
    height:16px;
    padding:2px 20px 0 0;
    background: url(../images/file_ff.gif) no-repeat right;
    }



    /**************************************/
    /* navigation */
    /**************************************/
    div#hauptnavi{
        width: 778px;
        height: 25px;
        background-color: #FAFAFA;
        z-index:500;
        border: 1px solid #CCCCCC;
        margin-bottom: 20px;
    }

    div#products, div#services, div#support, div#solutions, div#references, div#company {
        position:relative;
        width: 129px;
        font-size: 0.8em;
        float: left;
        text-align: center;
        border-right: 1px solid #999999;

    }
    div#company {
        width: 128px;
        border-right: none;
    }

    /*
    color: #325087; bisheriges Blau
    */

    div#hauptnavi a {
    height: 22px;
    padding-top: 3px;
    display: block;
    color: #325087;
    text-decoration: none;
    }
    /*
    div#hauptnavi a:link {
    color: #325087;
    }
    */

    div#hauptnavi a {
    color: #325087;
    }

    /*
    div#hauptnavi a:visited {
    color: #478388;
    }
    */
    div#hauptnavi a:hover {
    color: #FFFFFF;
    font-weight:bold;
    /* background-color: #F2F1E1;*/
    /*background-color: #E6EEE7;*/
    /*background-color: #E0E9E9;*/
    background-color:#A3C1C5;

    text-decoration: none;
    }
    /*
    div#hauptnavi a:active {
    color: #478388;
    background-color: #478388;
    text-decoration: none;
    font-weight: bold;
    }
    */

    .hauptnavi_active, .hauptnavi_active a, div#hauptnavi .hauptnavi_active {
    color: #FFFFFF;
    background-color: #478388;
    text-decoration: none;
    font-weight: bold;
    }



    /**************************************/
    /* contentnavi */
    /**************************************/
        #nav, #nav ul {
            width: 158px;
            margin: 0;
            padding: 0;
            list-style: none;
            border: none;
            line-height: 115%;
        }

        * html #nav, * html #nav ul {
            width: 160px;
            margin: 0;
            padding: 0;
        }

        * html #nav ul {
            margin: 0;
            padding: 0;
            width: 160px;
        }

        #nav {
        font-size: 0.7em;
        }


        #nav li {
            display: inline;
            padding: 0;
            margin: 0;
        }


        #nav ul , #nav li ul {
        border-bottom: 1px solid #ddd;
        }


        #nav li span , #nav li .nav1_active, .nav1_active { /* used for un-linked and active menu items */
        background-image: url(../images/nav_arrow1.gif);
        background-repeat: no-repeat;
        background-position: 2px 7px;
            color: #FFFFFF;
            background-color: #00929D;
        }

      #nav li ul li span { /* used for un-linked menu items */
            display: block;
            margin: 0;
            padding: 0;
            padding: 3px 10px 3px 20px;
            font-weight: bold;
            color: #666;
        }

        #nav li ul li ul li span { /* used for un-linked menu items */
        display: block;
        margin: 0;
        padding: 0;
        padding: 3px 10px 3px 40px;
        font-weight: bold;
        color: #666;
        }

        #nav li a { /* erste Navigationsebene  #EDF2F2; */
            display: block;
            margin: 0;
            padding: 0;
            padding: 3px 8px 3px 12px;
            text-decoration: none;
            color: #3d589a;
            background-color: #FAFAFA;
            border-top: none;
            border-bottom: 1px solid #ddd;
        }

    #nav li a:hover {
        display: block;
        color: #FFFFFF;
    /*  background-color: #E0E9E9;*/
        background-color: #A3C1C5;
        background-image: url(../images/nav_arrow1.gif);
        background-repeat: no-repeat;
        background-position: 2px 7px;

        }


        #nav li ul li span, .nav2_active{ /*2. Navi-Ebene*/ /* used for un-linked menu items */
    /*      margin: 0;
            padding: 0;
            padding: 3px 6px 3px 20px;
            font-style:italic; */
        background-image: url(../images/nav_arrow2.gif);
        background-repeat: no-repeat;
        background-position: 12px 7px;
            background-color: #f2e4f8;
        }

        #nav li li a, #nav li ul li a { /*2. Navi-Ebene*/
        margin: 0;
        display: block;
        width: 128px;
        padding: 3px 8px 3px 22px;
        border: none;
        background-color: #F7F4EA;
        }

        #nav li ul li a:hover{
        display: block;
        color: #FFFFFF;
    /*  background-color: #E0E9E9;*/
        background-color: #A3C1C5;
        background-image: url(../images/nav_arrow2_hov.gif);
        background-repeat: no-repeat;
        background-position: 12px 7px;
        }


    * html #nav li a {
        width: 140px;
    }

    * html #nav li li a, * html #nav li ul li a {
        padding: 3px 10px 3px 22px;
    }


    * html #nav li ul li a { /*3. ebene */
        width: 128px;
        }
    #nav li ul li ul li a {
        display: block;
        padding-left: 28px;
        font-size: 0.9em;
        width: 122px;
        border: none;
        border-top: 1px dashed #ddd;
        background-color: #FAFAFA;
        }

        #nav li ul li ul li span, .nav3_active{ /*3. Navi-Ebene*/ /* used for un-linked menu items */
        background-image: url(../images/nav_arrow3.gif);
        background-repeat: no-repeat;
        background-position: 17px 7px;
            background-color: #f2e4f8;
        }

        #nav li ul li ul li a:hover{
        display: block;
        color: #FFFFFF;
    /*  background-color: #E0E9E9;*/
        background-color: #A3C1C5;
        background-image: url(../images/nav_arrow3_hov.gif);
        background-repeat: no-repeat;
        background-position: 17px 7px;
        }



    /**************************************/
    /* MetaNavi */
    /**************************************/
    div#metanavi {
    position: relative;
    font-size: 1em;
    float:right;
    width: 500px;
    margin:0px;
    margin-top:10px;
    padding: 0;
    font-size: 0.6em;
    text-align:right;
    }

    div#metanavi p {
    padding: 0px;
    margin: 0px;
    }

    div#metanavi input {
        color: #000;
        height: auto;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 1em;
        vertical-align: middle;
        border: 1px solid #666666;
        padding-left: 2px;
        padding-right: 2px;

    }

    div#metanavi .submitbutton {
    border: 1px solid #666666;
    background-color: #EAEAE1;
    padding: 0px;

    }

    div#metanavi img {
        vertical-align:middle;
    }

    div#metanavi a{
        color: #000;
        font-weight: normal;
        text-decoration: none;
    }

    div#metanavi a:hover{
        color: #A30F0F;
        font-weight: normal;

    }