/* -----------------
    Allgemein
----------------- */

    * {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 130%;
        color: #5D5D5D;
    }
    
    html, body {
        height: 100%;
        padding: 0px;
        margin: 0px;
        background-image: url(../bilder/layout/bg.giff");
        background-repeat: repeat-x;
        background-color: #7A9DC8;
    }
    
    p {
        margin-top: 10px;
        padding: 0px;
    }
    
    td {
        vertical-align: top;
    }
    
    a:link,
    a:visited,
    a:active,
    a:hover {
        color: #737CA7;
        text-decoration: normal;
        font-weight: normal;
    }

    h1 {
        padding: 0px;
        margin: 0px;
        color: #384481;
        font-size: 23px;
        font-weight: normal;
        line-height: 130%;
    }

    h2 {
        padding: 0px 0px 10px 0px;
        margin: 0px;
        color: #384481;
        font-size: 17px;
        font-weight: normal;
        line-height: 130%;
    }

    h3 {
        padding: 0px;
        margin: 0px;
        color: #5D5D5D;
        font-size: 11px;
        font-weight: bold;
        line-height: 130%;
    }

    .Blue23px {
        padding: 0px;
        margin: 0px;
        color: #384481;
        font-size: 23px;
        font-weight: normal;
        line-height: 130%;
    }
    .Blue17px {
        padding: 0px 0px 10px 0px;
        margin: 0px;
        color: #384481;
        font-size: 17px;
        font-weight: normal;
        line-height: 130%;
    }
    .GreyBold11px {
        padding: 0px;
        margin: 0px;
        color: #5D5D5D;
        font-size: 11px;
        font-weight: bold;
        line-height: 130%;
    }

    hr {
        color: #D2D8E1;
        height: 1px;
        margin: 10px 0px 10px 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        border: 0px;
        border-top: 1px solid #D2D8E1;
    }

    ul {
        padding: 5px 5px 5px 15px;
        margin: 5px 5px 5px 15px;
        list-style-type: disc;
    }

    #sitemap li {
        color: #737CA7;
    }
    
/* -----------------
    Layout - Kopf
----------------- */

    .kopfNav1 {
        color: #000;
        font-wight: normal;
        text-decoration: none;
        line-height: 100%;
    }

    .kopfNav1 a:link,
    .kopfNav1 a:visited,
    .kopfNav1 a:active {
        color: #000;
        text-decoration: none;
        line-height: 100%;
    }

    .kopfNav1 a:hover,
    .kopfNav1 #esy_nav_active a:link,
    .kopfNav1 #esy_nav_active a:active,
    .kopfNav1 #esy_nav_active a:visited,
    .kopfNav1 #esy_nav_active a:hover {
        color: #D21034;
        text-decoration: none;
        line-height: 100%;
    }

    .kopfNav2 {
        padding-right: 15px;
        padding-left: 8px;
        color: #5D5D5D;
        font-size: 12px;
        line-height: 100%;
    }

    .kopfNav2 a:link,
    .kopfNav2 a:active,
    .kopfNav2 a:visited,
    .kopfNav2 a:hover {
        text-decoration: none;
        color: #5D5D5D;
        font-size: 12px;
        line-height: 100%;
    }

/* -----------------
    Navigation Oben
----------------- */

    .navigationOben {
        border-bottom: 1px #fff solid;
    }

    .navigationOben td {
        vertical-align: middle;
        font-size: 10px;
    }

    .navigationObenLink {
        color: #fff;
        font-weight: bold;
        font-size: 11px;
        overflow: hidden;
    }

    .navigationObenLink a:link, 
    .navigationObenLink a:visited,
    .navigationObenLink a:active {
        padding: 7px 12px 7px 12px;
        background-color: #384481;
        border-top: 1px solid #384481;
        border-bottom: 1px solid #384481;
        color: #fff;
        font-weight: bold;
        font-size: 11px;
        line-height: 28px;
        text-decoration: none;
    }

    .navigationObenLink a:hover {
        padding: 7px 12px 7px 12px;
        background-color: #D21034;
        border-top: 1px solid #D21034;
        border-bottom: 1px solid #D21034;
        color: #fff;
        font-weight: bold;
        font-size: 11px;
        line-height: 28px;
        text-decoration: none;
    }

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

    .navigationLinks,
    .navigationLinks ul {
        width: 154px;
        margin: 0px;
        padding: 0px;
    }

    .navigationLinks li {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

    .navigationLinks a {
        display: block;
        background-color: #E1E7F1;
        color: #384481;
        font-weight: bold;
        font-size: 11px;
        padding: 3px 6px 2px 8px;
        border-bottom: 1px #fff solid;
        text-decoration: none;
    }

    .navigationLinks .act a,
    .navigationLinks a:hover {
        background-color: #9BB1CF;
        color: #fff;
    }

    .navigationLinks .act ul a {
        color: #384481;
        background-color: #fff;
        font-weight: normal;
        padding-left: 22px;
        background-image: url(../bilder/layout/navleftarrow.giff");
        background-position: 10px 7px;
        background-repeat: no-repeat;
        border-bottom: 1px solid #E1E7F1;
    }

    .navigationLinks ul .act a,
    .navigationLinks ul a:hover {
        color: #CE1547;
        background-color: #fff;
        background-image: url(../bilder/layout/navleftarrowact.giff");
        background-position: 9px 7px;
    }

/* -----------------
    Navigation Links Produkte
----------------- */

    #navigationLinksProdukte,
    #navigationLinksProdukte ul
    {
        width: 154px;
        margin: 0px;
        padding: 0px;
    }

    #navigationLinksProdukte {
        margin-bottom: 1px;
    }

    #navigationLinksProdukte li {
        border-top: 1px #fff solid;
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-top: -1px;
    }

    #navigationLinksProdukte a {
        display: block;
        background-color: #E1E7F1;
        color: #384481;
        font-weight: bold;
        font-size: 11px;
        padding: 3px 6px 2px 8px;
        margin-left: 6px;
        text-decoration: none;
    }

    #navigationLinksProdukte a.act,
    #navigationLinksProdukte a:hover {
        background-color: transparent;
        color: #fff;
    }

/*/////////////////////////////////////////////////*/

    #navigationLinksProdukte .navigationLinksSubGroups li {
        border-top: 0px none;
        background-color: #fff;
        margin: 0px;
    }

    #navigationLinksProdukte .navigationLinksSubGroups a
    {
        margin: 0px;
        color: #384481;
        background-color: #fff;
        font-weight: normal;
        padding-left: 22px;
        padding-top: 2px;
        padding-bottom: 3px;
        background-image: url(../bilder/layout/navleftarrow.giff");
        background-position: 10px 7px;
        background-repeat: no-repeat;
        border-bottom: 1px solid #E1E7F1;
    }

    #navigationLinksProdukte .navigationLinksSubGroups a.act,
    #navigationLinksProdukte .navigationLinksSubGroups a:hover {
        color: #CE1547;
        background-color: #fff;
        background-image: url(../bilder/layout/navleftarrowact.giff");
        background-position: 9px 7px;
    }

/*//////////////////////////////////////////////////////*/

    .navigationLinksSubProducts {
        border-bottom: 1px solid #E1E7F1;
    }

    #navigationLinksProdukte .navigationLinksSubProducts li {
        border-top: 0px none;
        background-color: #fff;
        margin: 0px;
    }

    #navigationLinksProdukte .navigationLinksSubProducts a {
        font-size: 10px;
        margin: 0px;
        color: #384481;
        background-color: #F9FAFC;
        font-weight: normal;
        padding-left: 38px;
        border: 0px;
        background-image: url();
    }

    #navigationLinksProdukte .navigationLinksSubProducts a.act,
    #navigationLinksProdukte .navigationLinksSubProducts a:hover {
        color: #CE1547;
        background-color: #F9FAFC;
        background-image: url();
    }

/* -----------------
    Suchfeld
----------------- */

    .Suchfeld input {
        width: 125px;
        height: 13px;
        line-height: 13px;
        border: 1px #BEBFC1 solid;
        background-color: #fff;
        padding-left: 3px;
        padding-right: 3px;
    }

/* -----------------
    Formularfelder
----------------- */

    .formfield {
        padding-top: 3px;
        padding-bottom: 3px;
    }

    .formfield input {
        width: 228px;
        height: 13px;
        line-height: 13px;
        border: 1px #BEBFC1 solid;
        background-color: #fff;
    }

    .formfield .plz {
        width: 70px;
    }

    .formfield .ort {
        width: 150px;
    }

    .formfield textarea {
        width: 482px;
        height: 100px;
        line-height: 13px;
        border: 1px #BEBFC1 solid;
        background-color: #fff;
    }

    .formfield .checkbox {
        width: 15px;
        border: 0px #BEBFC1 solid;
        background-color: #fff;
        line-height: 15px;
    }

    .formfield .buttonSenden {
        width: 75px;
        height: 20px;
    }

    .formfield .buttonReset {
        width: 75px;
        height: 20px;
    }

/* -----------------
    mehr-Link (mit Pfeil)
----------------- */

    .mehrlink {
        padding-top: 10px;
    }

    .mehrLink a:link, 
    .mehrLink a:visited,
    .mehrLink a:active,
    .mehrLink a:hover {
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 15px;
        padding-top: 10px;
        background-image: url( "/us/bilder/layout/mehrlinkpfeil.gif" );
        background-repeat: no-repeat;
        background-position: 0px 12px;
        text-align: left;
    }

    .mehrLinkProdukte a:link,
    .mehrLinkProdukte a:visited,    
    .mehrLinkProdukte a:active,
    .mehrLinkProdukte a:hover {
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 15px;
        background-image: url( "/us/bilder/layout/mehrlinkpfeil.gif" );
        background-repeat: no-repeat;
        background-position: 0px 1px;
        text-align: left;        
    }

/* -----------------
    zoom-Link (mit Lupe)
----------------- */

    .lupeLink a:link, 
    .lupeLink a:visited,
    .lupeLink a:active,
    .lupeLink a:hover {
        font-size: 10px;
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 13px;
        background-image: url( "/us/bilder/layout/lupe.gif" );
        background-repeat: no-repeat;
        background-position: 0px 1px;
        text-align: left;
    }

/* -----------------
    pdf-Link (mit PDF Icon)
----------------- */

    .pdfLink a:link, 
    .pdfLink a:visited,
    .pdfLink a:active,
    .pdfLink a:hover {
        display: block;
        color: #737CA7;
        padding-left: 20px;
        padding-top: 1px;
        padding-bottom: 5px;
        background-image: url( "/us/bilder/layout/pdf.gif" );
        background-repeat: no-repeat;
        background-position: 0px 0px;
        text-align: left;
    }

/* -----------------
    Kontakt-Link (mit Brief Icon)
----------------- */

    .kontaktLink a:link, 
    .kontaktLink a:visited,
    .kontaktLink a:active,
    .kontaktLink a:hover {
        display: block;
        color: #737CA7;
        padding-left: 20px;
        background-image: url( "/us/bilder/layout/contact.gif" );
        background-repeat: no-repeat;
        background-position: 3px 2px;
        text-align: left;
    }

/* -----------------
    Content Block (2 Spaltig)
----------------- */

    .cBlock2Rahmen {
        float: left;
        width: 147px;
        margin-bottom: 15px;
        margin-right: 14px;
    }

    .cBlock2Text {
        margin-top: 10px;
    }

/* -----------------
    Content Block  (2 Spaltig) Anlagenbau
----------------- */

    .cBlock3Rahmen {
        float: left;
        width: 234px;
        margin-bottom: 15px;
        margin-right: 14px;
    }

    .cBlock3Text {
        margin-top: 10px;
    }

    .cBlock3Link {
        padding-top: 5px;
    }

/* -----------------
    Content Block (2 Spaltig) Produkte
----------------- */

    .produktBlockRahmen {
        float: left;
        width: 152px;
        margin-bottom: 15px;
        margin-right: 10px;
    }

    .produktBlockText {
        margin-top: 10px;
    }

/* -----------------
    Produktliste
----------------- */

    .listTable {
        border: 1px solid #D2D8E1;
        border-collapse: collapse;
        width: 482px;
        margin-bottom: 20px;
    }

    .listTable th {
        padding: 7px 8px;
    }

    .listTable tr.act * {
        color: #D21034;
    }

    .listTable td {
        padding: 4px 8px;
        border-top: 1px solid #D2D8E1;
    }

    .subTable table {
        padding: 0px; 
        margin: 0px;
    }

    .subTable td {
        padding: 0px;
        margin: 0px;
    }

    .subTable table td {
        border: 0px none;
    }

/* -----------------
    Vertretungen
----------------- */
    
    .vertretungBlock {
        border: 1px solid #D2D8E1;
        padding: 12px;
        position: absolute;
        width: 220px;
        background-color: #fff;
        display: none;
        /*visibility: hidden;*/
        opacity:.80;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
    }

    .vertretungBlock h2 {
        font-size: 16px;
        color: #CE1547;
    }

/* -----------------
    Teaser 1
----------------- */

    .TeaserHead1 {
        background-color: #E1E7F1;
        color: #384481;
        font-size: 12px;
        font-weight: bold;
        width: 100%;
    }

    .TeaserHead1Padding {
        padding: 3px 10px 3px 10px;
    }

    .TeaserHead1,
    .TeaserHead1 h1,
    .TeaserHead1 h2,
    .TeaserHead1 h3,
    .TeaserHead1 h4,
    .TeaserHead1 h5,
    .TeaserHead1 h6 {
        color: #384481;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    .TeaserText1 {
        padding: 10px 8px 10px 8px;
    }

/* -----------------
    Teaser 2
----------------- */

    .TeaserHead2 {
        background-color: #9BB1CF;
        color: #384481;
        font-size: 12px;
        font-weight: bold;
        width: 100%;
    }

    .TeaserHead2Padding {
        padding: 3px 10px 3px 10px;
    }

    .TeaserHead2,
    .TeaserHead2 h1,
    .TeaserHead2 h2,
    .TeaserHead2 h3,
    .TeaserHead2 h4,
    .TeaserHead2 h5,
    .TeaserHead2 h6 {
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    .TeaserText2 {
        padding: 10px 8px 10px 8px;
    }


/* -----------------
    Teaser Produkte
----------------- */

    .teaserProdukte {
        width: 100%;
        margin: 0px;
        padding: 0px;
    }

    .teaserProdukte li {
        border-top: 1px #fff solid;
        list-style: none;
        margin: 0px;
        padding: 0px;
        margin-top: 2px;
    }

    .teaserProdukte a {
        display: block;
        background-color: #fff;
        color: #5D5D5D;
        font-weight: normal;
        font-size: 11px;
        padding: 0px 6px 0px 8px;
        margin-left: 6px;
        text-decoration: none;
        text-transform: uppercase;
    }

    .teaserProdukte a:hover {
        background-color: transparent;
        color: #fff;
    }

/* -----------------
    Footer (Startseite)
----------------- */



    .FooterNav a:link,
    .FooterNav a:hover,
    .FooterNav a:active,
    .FooterNav a:visited {
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        color: #5B5B5B;
    }

    .FooterCopy {
        font-size: 10px;
        font-weight: normal;
        color: #AFB0AF;
    }

    .FooterCopy a:link,
    .FooterCopy a:hover,
    .FooterCopy a:active,
    .FooterCopy a:visited {
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        color: #AFB0AF;
    }

/* -----------------
    Spezielle
----------------- */

    #bgpEmedia {
        display: none;
        visibility: hidden;
    }  

    #HeadBlock,
    #LeftBlock,
    #RightBlock,
    #FooterBlock {
        display: none;
    }