﻿/* -----------------
    Aligment
----------------- */

    * {
        font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
        font-size: 11px;
        line-height: 130%;
        color: #5D5D5D;
    }
    
    body {
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(../bilder/layout/bg.giff"); background-repeat: repeat-x; background-color: #5E5755;
}
    
    html {
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-image: url(../bilder/layout/bg.giff"); background-repeat: repeat-x; background-color: #5D5D5D;
}
    
    p {
        margin-top: 10px;
        padding: 0px;
    }
    
    td {
        vertical-align: top;
    }
    
    a:hover {
        color: #737CA7;
        text-decoration: normal;
        font-weight: normal;
    }

    a:active {
        color: #737CA7;
        text-decoration: normal;
        font-weight: normal;
    }

    a:visited {
        color: #737CA7;
        text-decoration: normal;
        font-weight: normal;
    }

    a:link {
        color: #737CA7;
        text-decoration: normal;
        font-weight: normal;
    }

    h1 {
        padding: 0px;
        margin: 0px;
        color: #00C192;
        font-size: 23px;
        font-weight: normal;
        line-height: 130%;
    }

    h2 {
        padding: 0px 0px 10px 0px;
        margin: 0px;
        color: #00C192;
        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: #00C192;
        font-size: 23px;
        font-weight: normal;
    }
    .Blue17px {
        padding: 0px 0px 10px 0px;
        margin: 0px;
        color: #00C192;
        font-size: 17px;
        font-weight: normal;
    }
    .GreyBold11px {
        padding: 0px;
        margin: 0px;
        color: #5D5D5D;
        font-size: 11px;
        font-weight: bold;
    }

    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
----------------- */

  
/* -----------------
    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:active {
        padding: 7px 12px 7px 12px;
        background-color: #00C192;
        border-top: 1px solid #00C192;
        border-bottom: 1px solid #00C192;
        color: #fff;
        font-weight: bold;
        font-size: 11px;
        line-height: 28px;
        text-decoration: none;
    }

    .navigationObenLink a:visited {
        padding: 7px 12px 7px 12px;
        background-color: #00C192;
        border-top: 1px solid #00C192;
        border-bottom: 1px solid #00C192;
        color: #fff;
        font-weight: bold;
        font-size: 11px;
        line-height: 28px;
        text-decoration: none;
    }

    .navigationObenLink a:link {
        padding: 7px 12px 7px 12px;
        background-color: #00C192;
        border-top: 1px solid #00C192;
        border-bottom: 1px solid #00C192;
        color: #fff;
        font-weight: bold;
        font-size: 11px;
        line-height: 28px;
        text-decoration: none;
    }

    .navigationObenLink a:hover {
	padding: 7px 12px 7px 12px;
	background-color: #5B5B5B;
	border-top: 1px solid #AEFFEB;
	border-bottom: 1px solid #AEFFEB;
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	line-height: 28px;
	text-decoration: none;
}

/* -----------------
    Navigation Links
----------------- */

    .navigationLinks ul {
        width: 154px;
        margin: 0px;
        padding: 0px;
    }

    .navigationLinks {
        width: 154px;
        margin: 0px;
        padding: 0px;
    }

    .navigationLinks li {
        padding: 0px;
        margin: 0px;
        list-style: none;
    }

    .navigationLinks a:active {
	display: block;
	background-color: #00C192;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	padding: 3px 6px 2px 8px;
	border-bottom: 1px #fff solid;
	text-decoration: none;
}

    .navigationLinks a:visited {
	display: block;
	background-color: #5D5D5D;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 11px;
	padding: 3px 6px 2px 8px;
	border-bottom: 1px #fff solid;
	text-decoration: none;
}

    .navigationLinks a:link {
	display: block;
	background-color: #5B5B5B;
	color: #00C192;
	font-weight: bold;
	font-size: 11px;
	padding: 3px 6px 2px 8px;
	border-bottom: 1px #fff solid;
	text-decoration: none;
}

    .navigationLinks a:hover {
	background-color: #AFB0AF;
	color: #fff;
}

    .navigationLinks .act a:hover {
	background-color: #AFB0AF;
	color: #fff;
}

    .navigationLinks .act a:active {
	background-color: #00C192;
	color: #fff;
}

    .navigationLinks .act a:visited {
	background-color: #00C192;
	color: #fff;
}

    .navigationLinks .act a:link {
	background-color: #00C192;
	color: #FFFFFF;
}

    .navigationLinks .act ul a:active {
        color: #00C192;
        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 .act ul a:visited {
        color: #00C192;
        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 .act ul a:link {
        color: #00C192;
        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 a:hover {
        color: #CE1547;
        background-color: #fff;
        background-image: url(../bilder/layout/navleftarrowact.giff");
        background-position: 9px 7px;
    }

    .navigationLinks ul .act a:hover {
        color: #CE1547;
        background-color: #fff;
        background-image: url(../bilder/layout/navleftarrowact.giff");
        background-position: 9px 7px;
    }

    .navigationLinks ul .act a:active {
        color: #CE1547;
        background-color: #fff;
        background-image: url(../bilder/layout/navleftarrowact.giff");
        background-position: 9px 7px;
    }

    .navigationLinks ul .act a:visited {
        color: #CE1547;
        background-color: #fff;
        background-image: url(../bilder/layout/navleftarrowact.giff");
        background-position: 9px 7px;
    }

    .navigationLinks ul .act a:link {
        color: #CE1547;
        background-color: #fff;
        background-image: url(../bilder/layout/navleftarrowact.giff");
        background-position: 9px 7px;
    }

/* -----------------
    Navigation Links Produkte
----------------- */

    #navigationLinksProdukte ul
    {
        width: 154px;
        margin: 0px;
        padding: 0px;
    }

    #navigationLinksProdukte
    {
        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: #00C192;
        font-weight: bold;
        font-size: 11px;
        padding: 3px 6px 2px 8px;
        margin-left: 6px;
        text-decoration: none;
    }

    #navigationLinksProdukte a:hover {
        background-color: transparent;
        color: #fff;
    }

    #navigationLinksProdukte a.act {
        background-color: transparent;
        color: #fff;
    }

/*/////////////////////////////////////////////////*/

    #navigationLinksProdukte .navigationLinksSubGroups li {
        border-top: 0px none;
        background-color: #fff;
        margin: 0px;
    }

    #navigationLinksProdukte .navigationLinksSubGroups a
    {
        margin: 0px;
        color: #00C192;
        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:hover {
	color: #FFFFFF;
	background-color: #00C192;
	background-image: url(../bilder/layout/navleftarrowact.giff"); background-position: 9px 7px;
}

    #navigationLinksProdukte .navigationLinksSubGroups a.act {
	color: #FFFFFF;
	background-color: #00C192;
	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: #00C192;
        background-color: #F9FAFC;
        font-weight: normal;
        padding-left: 38px;
        border: 0px;
        background-image: url();
    }

    #navigationLinksProdukte .navigationLinksSubProducts a:hover {
        color: #CE1547;
        background-color: #F9FAFC;
        background-image: url();
    }

    #navigationLinksProdukte .navigationLinksSubProducts a.act {
        color: #CE1547;
        background-color: #F9FAFC;
        background-image: url();
    }

/* -----------------
    Suchfeld
----------------- */

/* -----------------
    Formularfelder
----------------- */

  
//* -----------------
    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: 2px;
        background-image: url( "/us/bilder/layout/mehrlinkpfeil.gif" );
        background-repeat: no-repeat;
        background-position: 0px 4px;
        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;        
    }

/* -----------------
    top-Link (mit Pfeil)
----------------- */

    .topLink {
        width: 100%;
        border-bottom: 1px #D2D8E1 solid;
        padding-bottom: 5px;
        text-align: right;
        margin-bottom: 10px;
    }

    .topLink a:link, 
    .topLink a:visited,
    .topLink a:active,
    .topLink a:hover {
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 15px;
        padding-top: 10px;
        background-image: url( "/us/bilder/top_pfeil.gif" );
        background-repeat: no-repeat;
        background-position: 0px 12px;
        text-align: left;
        width: 30px;
    }

/* -----------------
    top-Link (mit Pfeil)
----------------- */

    .topLink {
        width: 100%;
        border-bottom: 1px #D2D8E1 solid;
        padding-bottom: 5px;
        text-align: right;
        margin-bottom: 10px;
    }

    .topLink a:hover {
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 15px;
        padding-top: 10px;
        background-image: url( "/us/bilder/top_pfeil.gif" );
        background-repeat: no-repeat;
        background-position: 0px 12px;
        text-align: left;
        width: 30px;
    }

    .topLink a:active {
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 15px;
        padding-top: 10px;
        background-image: url( "/us/bilder/top_pfeil.gif" );
        background-repeat: no-repeat;
        background-position: 0px 12px;
        text-align: left;
        width: 30px;
    }

    .topLink a:visited {
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 15px;
        padding-top: 10px;
        background-image: url( "/us/bilder/top_pfeil.gif" );
        background-repeat: no-repeat;
        background-position: 0px 12px;
        text-align: left;
        width: 30px;
    }

    .topLink a:link {
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 15px;
        padding-top: 10px;
        background-image: url( "/us/bilder/top_pfeil.gif" );
        background-repeat: no-repeat;
        background-position: 0px 12px;
        text-align: left;
        width: 30px;
    }

 /* -----------------
    BreadCrumb
----------------- */
    
    .breadCrumb {
        padding-bottom: 20px;
    }

    .breadCrumb * {
        color: #737CA7;
    }

    /*.topLink {
        margin-top: 10px;
        border-top: 1px solid #D2D8E1;
    }*/

    .topLink a:hover {
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 15px;
        padding-top: 10px;
        background-image: url(../bilder/top_pfeil.gif);
        background-repeat: no-repeat;
        background-position: 0px 12px;
        text-align: left;
    }

    .topLink a:active {
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 15px;
        padding-top: 10px;
        background-image: url(../bilder/top_pfeil.gif);
        background-repeat: no-repeat;
        background-position: 0px 12px;
        text-align: left;
    }

    .topLink a:visited {
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 15px;
        padding-top: 10px;
        background-image: url(../bilder/top_pfeil.gif);
        background-repeat: no-repeat;
        background-position: 0px 12px;
        text-align: left;
    }

    .topLink a:link {
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 15px;
        padding-top: 10px;
        background-image: url(../bilder/top_pfeil.gif);
        background-repeat: no-repeat;
        background-position: 0px 12px;
        text-align: left;
    }

    .backLink a:hover {
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 15px;
        background-image: url(../bilder/back_pfeil.gif);
        background-repeat: no-repeat;
        background-position: 0px 1px;
        text-align: left;
    }

    .backLink a:active {
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 15px;
        background-image: url(../bilder/back_pfeil.gif);
        background-repeat: no-repeat;
        background-position: 0px 1px;
        text-align: left;
    }

    .backLink a:visited {
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 15px;
        background-image: url(../bilder/back_pfeil.gif);
        background-repeat: no-repeat;
        background-position: 0px 1px;
        text-align: left;
    }

    .backLink a:link {
        display: block;
        color: #737CA7;
        text-decoration: none;
        padding-left: 15px;
        background-image: url(../bilder/back_pfeil.gif);
        background-repeat: no-repeat;
        background-position: 0px 1px;
        text-align: left;
    }

/* -----------------
    zoom-Link (mit Lupe)
----------------- */

   
/* -----------------
    Glossar-Link
----------------- */

        
/* -----------------
    pdf-Link (mit PDF Icon)
----------------- */

    .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;
    }

    .pdfLink a:active {
        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;
    }

    .pdfLink a:visited {
        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;
    }

    .pdfLink a:link {
        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)
----------------- */

   
/* -----------------
    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: #AEFFEB;
    }

    .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: #00C192;
        font-size: 12px;
        font-weight: bold;
        width: 100%;
    }

    .TeaserHead1Padding {
        padding: 3px 10px 3px 10px;
    }

    .TeaserHead1 h6 {
        color: #00C192;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    .TeaserHead1 h5 {
        color: #00C192;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    .TeaserHead1 h4 {
        color: #00C192;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    .TeaserHead1 h3 {
        color: #00C192;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    .TeaserHead1 h2 {
        color: #00C192;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    .TeaserHead1 h1 {
        color: #00C192;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    .TeaserHead1 {
        color: #00C192;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    .TeaserText1 {
        padding: 10px 8px 10px 8px;
    }

/* -----------------
    Teaser 2
----------------- */

    .TeaserHead2 {
        background-color: #9BB1CF;
        color: #00C192;
        font-size: 12px;
        font-weight: bold;
        width: 100%;
    }

    .TeaserHead2Padding {
        padding: 3px 10px 3px 10px;
    }

    .TeaserHead2 h6 {
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    .TeaserHead2 h5 {
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    .TeaserHead2 h4 {
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    .TeaserHead2 h3 {
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    .TeaserHead2 h2 {
        color: #ffffff;
        font-size: 12px;
        font-weight: bold;
        text-decoration: none;
    }

    .TeaserHead2 h1 {
	color: #00C192;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	
}

    .TeaserHead2 {
        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:visited {
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        color: #5B5B5B;
    }

    

    .FooterNav a:active {
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        color: #5B5B5B;
    }

    

    .FooterNav a:hover {
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        color: #5B5B5B;
    }

    

    .FooterNav a:link {
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        color: #5B5B5B;
    }

    .FooterCopy {
        font-size: 10px;
        font-weight: normal;
        color: #AFB0AF;
    }

    .FooterCopy a:visited {
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        color: #AFB0AF;
    }

    .FooterCopy a:active {
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        color: #AFB0AF;
    }

    .FooterCopy a:hover {
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        color: #AFB0AF;
    }

    .FooterCopy a:link {
        font-size: 10px;
        font-weight: normal;
        text-decoration: none;
        color: #AFB0AF;
    }

/* -----------------
    Spezielle
----------------- */

    #bgpEmedia {
        display: none;
        visibility: hidden;
    }

    #FooterBlockPrint {
        display: none;
    }                                                                                            

    #HeadBlockPrint {
        display: none;
    }                                                                                            
