@font-face { font-family: 'hel43.ttf';
             src: url('hel43.ttf') format('truetype'); }

@font-face { font-family: 'hel53.ttf';
             src: url('hel53.ttf') format('truetype'); }

body {
                font-family: 'hel43.ttf';
				color: #000000;
                font-weight: 300;
                font-size: 10pt;
				padding: 0px;
                margin: 0px;
                background-color: #ffffff;
                }

h1 {
                font-family: 'hel43.ttf';
                font-weight: 400;
                font-size: 30pt;
                color: #000000;
                margin-bottom: 20px;
                }

h2 {
                font-family: 'hel43.ttf';
                font-weight: 400;
                font-size: 22pt;
                color: #406a18;
                margin-bottom: 80px;
                }

h3 {
                font-family: 'hel43.ttf';
                font-weight: 400;
                font-size: 12pt;
                color: #666666;
                margin-right: 40px;
                }

h4 {
                font-family: 'hel43.ttf';
                font-weight: 400;
                font-size: 12pt;
                color: #555555;
                margin-right: 0px;
                margin-top: 0px;
                margin-bottom: 0px;
                }

h5 {
                font-family: 'hel53.ttf';
                font-weight: 400;
                font-size: 12pt;
                color: #406a18;
                margin-right: 20px;
                float: left;
                }

h6 {
                font-family: 'hel43.ttf';
                font-weight: 400;
                font-size: 14pt;
                color: #666666;
                margin-right: 40px;
                margin-top: 40px;
                margin-bottom: 0px;
                }

h7 {
                font-family: 'hel43.ttf';
                font-weight: 400;
                font-size: 9pt;
                color: #cccccc;
                margin-right: 0px;
                margin-top: 0px;
                margin-bottom: 0px;
                }

h8 {
                font-family: 'hel43.ttf';
                font-weight: 300;
                font-size: 14pt;
                color: #333333;
                margin: 0px;
                }

h9 {
                font-family: 'hel43.ttf';
                font-weight: 400;
                font-size: 28pt;
                color: #ffffff;
                margin: 10px;
                }

a  {
                text-decoration: none;
                font-weight: 400;
                color: #333333;
                }

a:hover  {
                text-decoration: overline;
                color: #406a18;
                }

img {
                float: left;
                padding: 0px;
                }

ul  {
                list-style-image: url(pics/quad.png);
                margin: 2px;
                }

li {
                margin: 2px;
                font-family: 'hel43.ttf';
                font-weight: 400;
                font-size: 11pt;
                color: #333333;
                }




/* obere Grafik Seite: index.html */
header {
                height: 83px;
                padding: 0px;
                width: 100%;
                }

/* Slogan2 Seite: index.html - Von der Idee ... */
.cap-index-slogan    {
                float: none;
                padding-top: 50px;
                padding-bottom: 50px;
                width: 100%;
                height: 400px;
                text-align: center;
                border: 0px solid #ffffff;
                background-image: url(pics/home_top.png);
                }

/* Logoposition Seite: index.html */
footer          {
                position: fixed;
                border-top: 0px solid #bebebe;
                border-right: 0px solid #bebebe;
                height: 100px;
                right: 0px;
                bottom: 10px;
                width: 60px;
                }

/* navigation Seite: index.html */
.nav-container  { 
                margin: 0px;
                padding: 0px;
                float: none;
                height: 83px;
                width: 100%;
                }

.f-nav  { 
                z-index: 0; 
                position: fixed;
                height: 83px;
                left: 0px;
                top: 0px;
                width: 100%;
                opacity: 0.9;
                } /* this make our menu fixed top */

.nav    {       
                height: 83px;
                width: 100%;
                }

.tab_nav    {
                width: 100%;
                border: 0px;
                border-spacing: 0px;
                padding: 0px;
}

.tab_nav th {
                font-size: 16px;
                text-align: left;
                background-color: #ffffff;
}

/* Logoposition Seite: index.html */
.prod_nav         {
                position: fixed;
                border-top: 0px;
                border-right: 0px;
                height: auto;
                right: 0px;
                top: 0px;
                width: 100%;
                }

    .prod_nav a:hover  { 
                text-decoration: none;
                font-weight: 400;
                color: #ffffff;
                }

/* Logoposition Seite: index.html */
.prod_nav1         {
                position: fixed;
                border-top: 0px;
                border-right: 0px;
                height: auto;
                right: 0px;
                top: 70px;
                width: 100%;
                }

    .prod_nav1 a:hover  { 
                text-decoration: none;
                font-weight: 400;
                color: #406a18;
                }

/* container, Seite: index.html/unt-banner - content, width: 100% float: none*/
#cap-prod   {
                float: none;
                margin: 0px;
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                padding-top: 80px;
                width: 100%;
                min-width: 1000px;
                height: 200px;
                text-align: center;
                color: #143155;
                background-color: #fafafa;
                border-top: 0px;
                border-bottom: 0px;
                }



/* container, Seite: index.html/unt-banner - content, width: 100% float: none*/
#cap-team   {
                float: none;
                margin: 0px;
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                padding-top: 80px;
                width: 100%;
                height: 300px;
                text-align: center;
                color: #ffffff;
                border-top: 0px solid #1a1a1a;
                border-bottom: 0px solid #1a1a1a;
                background-attachment: scroll;
                background-image: url(pics/unternehmen_back.jpg);
                background-position: left center;
                background-repeat: repeat;
                }

/* äußerer container support */
#cap-support   {
                float: none;
                margin: 0px;
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                padding-top: 80px;
                width: 100%;
                height: 300px;
                text-align: center;
                color: #ffffff;
                border-top: 0px solid #1a1a1a;
                border-bottom: 0px solid #1a1a1a;
                background-attachment: scroll;
                background-image: url(pics/support-back.jpg);
                background-position: left center;
                background-repeat: repeat;
                }

/* äußerer container: kontakt */
#cap-kont    {
                float: none;
                margin: 0px;
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                padding-top: 80px;
                width: 100%;
                height: 300px;
                text-align: center;
                color: #ffffff;
                border-top: 0px solid #1a1a1a;
                border-bottom: 0px solid #1a1a1a;
                background-attachment: scroll;
                background-image: url(pics/kontakt-back.jpg);
                background-position: left center;
                background-repeat: repeat;
                }

/* äußerer container: impressum */
#cap-imp {
                float: none;
                margin: 0px;
                padding-top: 40px;
                padding-left: 0px;
                padding-bottom: 40px;
                width: 100%;
                height: auto;
                text-align: left;
                border-top: 20px solid #406a18;
                background-attachment: scroll;
                background-image: url(pics/back_sw.jpg);
                background-position: center center;
                background-repeat: repeat;
                }

    /* innerer container impressum Seite: index.html - textformatierung impressum */
    .imp-auto-auto    {
                float: left;
                width: auto;
                height: auto;
                padding-bottom: 0px;
                padding-left: 40px;
                padding-right: 120px;
                text-align: left;
                font-family: 'Open Sans', sans-serif;
				color: #fafafa;
                font-weight: 300;
                font-size: 11pt;
                }

    .imp-auto-auto a    {
                text-decoration: none;
                font-weight: 300;
                color: #f5f5f5;
                }

    .imp-auto-auto a:hover  { 
                text-decoration: none;
                color: #406a18;
                }

    .imp-auto-auto ul { list-style: none;
                margin: 0px;
                padding-bottom: 20px;
                }

    .imp-auto-auto li  {
                float: none;
                padding: 0px;
            }

    .imp-auto-auto li:first-child  {
                padding-left: 0;
                }

    .imp-auto-auto li a {
                text-decoration: none;
                font-weight: 300;
                color: #f5f5f5;
                }

    .imp-auto-auto li a:hover  { 
                text-decoration: none;
                color: #406a18;
                }




/* spezielle Container der Produktseiten */
/* container Seite. misdimmam437x.html - oberste Grafik */
#misdimm-top    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                width: auto;
                height: 450px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/misdimm-header.jpg);
                background-position: left center;
                background-repeat: repeat;
                }

/* container Seite. tpanel070x006.html - oberste Grafik */
#tpanel070x006-top    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                width: auto;
                height: 450px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/tpanel070x006-header.jpg);
                background-position: left center;
                background-repeat: repeat;
                }

/* container Seite. tpanel120x006.html - oberste Grafik */
#tpanel120x006-top    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                width: auto;
                height: 450px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/tpanel120x006-header.jpg);
                background-position: left center;
                background-repeat: repeat;
                }

/* container Seite. stepcon.html - oberste Grafik */
#stepcon-top    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                width: auto;
                height: 450px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/stepcon-header.jpg);
                background-position: left center;
                background-repeat: repeat;
                }

/* container Seite. fcount050a.html - oberste Grafik */
#diag-top    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                width: auto;
                height: 350px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/fcount050a-header.jpg);
                background-position: left center;
                background-repeat: repeat;
                }

#diag-diff    {
                float: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 600px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/fcount050a_top.jpg);
                background-position: left top;
                background-repeat: no-repeat;
                }

#cont-diff    {
                float: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 600px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/misdimmam437x_top.jpg);
                background-position: left top;
                background-repeat: no-repeat;
                }

#cont-diff1    {
                float: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 600px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/sodimmam437x_top.jpg);
                background-position: left top;
                background-repeat: no-repeat;
                }

#cont-diff2    {
                float: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 600px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/tpanel070x006_top.jpg);
                background-position: left top;
                background-repeat: no-repeat;
                }

#cont-diff3    {
                float: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 600px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/tpanel120x006_top.jpg);
                background-position: left top;
                background-repeat: no-repeat;
                }

#vis-diff    {
                float: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 600px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/tpanel070_top.jpg);
                background-position: left top;
                background-repeat: no-repeat;
                }

#vis1-diff    {
                float: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 600px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/tpanel120_top.jpg);
                background-position: left top;
                background-repeat: no-repeat;
                }

#prot-diff    {
                float: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 600px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/flashtrap_top.jpg);
                background-position: left top;
                background-repeat: no-repeat;
                }

#mot-diff    {
                float: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 600px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/stepcon760_top.jpg);
                background-position: left top;
                background-repeat: no-repeat;
                }

#pow-diff    {
                float: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 600px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/accurate080_top.jpg);
                background-position: left top;
                background-repeat: no-repeat;
                }

#soft-diff    {
                float: none;
                margin: 0px;
                padding: 0px;
                width: 100%;
                height: 600px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/software_top.jpg);
                background-position: left top;
                background-repeat: no-repeat;
                }

/* container Seite. flashtrap010a.html - oberste Grafik */
#flashtrap010a-top    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                width: auto;
                height: 450px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/flashtrap010a-header.jpg);
                background-position: left center;
                background-repeat: repeat;
                }

/* container Seite. accurate080d001.html - oberste Grafik */
#accurate080d001-top    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                width: auto;
                height: 450px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/accurate080d001-header.jpg);
                background-position: left center;
                background-repeat: repeat;
                }

/* container Seite. sodimmadapter.html - oberste Grafik */
#sodimmadapter-top    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                width: auto;
                height: 450px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/sodimmadapter-header.jpg);
                background-position: left center;
                background-repeat: repeat;
                }

/* container Seite. tpanel070.html - oberste Grafik */
#tpanel070-top    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                width: auto;
                height: 450px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/tpanel070-header.jpg);
                background-position: left center;
                background-repeat: repeat;
                }

/* container Seite. tpanel120.html - oberste Grafik */
#tpanel120-top    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                width: auto;
                height: 450px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/tpanel120-header.jpg);
                background-position: left center;
                background-repeat: repeat;
                }


/* container Seite. jus.html - oberste Grafik */
#jus-top    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                width: auto;
                height: 450px;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/imp-header.jpg);
                background-position: left center;
                background-repeat: repeat;
                }


/* container Seite: ..produkt.html - Artikelname, Einführungstext */
#cap-prod-top    {
                float: none;
                margin: 0px;
                padding-top: 40px;
                padding-left: 0px;
                padding-bottom: 40px;
                width: 100%;
                height: auto;
                text-align: left;
                background-color: #ffffff;
                }



/*innerer container, universell - Überschrift */
.cap-title  {
                float: none;
                margin: 0px;
                padding-left: 40px;
                padding-top: 20px;
                padding-bottom: 10px;
                width: auto;
                height: auto;
                text-align: left;
                }

/*container, universell, 100%, Höhe auto*/
.slide-100-auto    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                width: 100%;
                min-width: 1500px;
                height: auto;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/nav_back_right.jpg);
                background-repeat: repeat;
                }

.cont-100-auto-fafafa    {
                float: none;
                margin: 0px;
                padding-top: 50px;
                padding-bottom: 50px;
                width: 100%;
                height: auto;
                text-align: center;
                background-color: #fafafa;
                }

.cont-100-200-trans    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                width: 100%;
                height: 200px;
                text-align: center;
                }

.cont-100-200-trans1    {
                float: none;
                margin: 0px;
                padding-top: 40px;
                padding-left: 0px;
                padding-bottom: 40px;
                width: 100%;
                height: auto;
                text-align: left;
                }

.prodset-diag    {
                float: left;
                margin: 10px;
                padding: 0px;
                width: 400px;
                height: 350px;
                }

    .diag-top       {
                    float: left;
                    margin: 0px;
                    padding: 0px;
                    width: 400px;
                    height: 265px;
                    }
    
    .diag-bottom    {
                    float: left;
                    margin: 0px;
                    padding-left: 20px;
                    padding-top: 15px;
                    width: 380px;
                    height: 80px;
                    text-align: left;
                    background-color: #c7cbce;
                    }

        .diag-bottom:hover  {
                    background-color: #dddddd;
                    }

        .diag-bottom a    {
                    display: block;
                    text-decoration: none;
                    color: #ffffff;
                    }

.prodset-cont    {
                float: left;
                margin: 10px;
                padding: 0px;
                width: 400px;
                height: 350px;
                }

    .cont-top       {
                    float: left;
                    margin: 0px;
                    padding: 0px;
                    width: 400px;
                    height: 265px;
                    }
    
    .cont-bottom    {
                    float: left;
                    margin: 0px;
                    padding-left: 20px;
                    padding-top: 15px;
                    width: 380px;
                    height: 80px;
                    text-align: left;
                    background-color: #646667;
                    }

        .cont-bottom:hover  {
                    background-color: #dddddd;
                    }

        .cont-bottom a    {
                    display: block;
                    text-decoration: none;
                    color: #ffffff;
                    }

.prodset-vis    {
                float: left;
                margin: 10px;
                padding: 0px;
                width: 400px;
                height: 350px;
                }

    .vis-top       {
                    float: left;
                    margin: 0px;
                    padding: 0px;
                    width: 400px;
                    height: 265px;
                    }
    
    .vis-bottom    {
                    float: left;
                    margin: 0px;
                    padding-left: 20px;
                    padding-top: 15px;
                    width: 380px;
                    height: 80px;
                    text-align: left;
                    background-color: #daddad;
                    }

        .vis-bottom:hover  {
                    background-color: #dddddd;
                    }

        .vis-bottom a    {
                    display: block;
                    text-decoration: none;
                    color: #ffffff;
                    }

.prodset-prot    {
                float: left;
                margin: 10px;
                padding: 0px;
                width: 400px;
                height: 350px;
                }

    .prot-top       {
                    float: left;
                    margin: 0px;
                    padding: 0px;
                    width: 400px;
                    height: 265px;
                    }
    
    .prot-bottom    {
                    float: left;
                    margin: 0px;
                    padding-left: 20px;
                    padding-top: 15px;
                    width: 380px;
                    height: 80px;
                    text-align: left;
                    background-color: #406a18;
                    }

        .prot-bottom:hover  {
                    background-color: #dddddd;
                    }

        .prot-bottom a    {
                    display: block;
                    text-decoration: none;
                    color: #ffffff;
                    }

.prodset-mot    {
                float: left;
                margin: 10px;
                padding: 0px;
                width: 400px;
                height: 350px;
                }

    .mot-top       {
                    float: left;
                    margin: 0px;
                    padding: 0px;
                    width: 400px;
                    height: 265px;
                    }
    
    .mot-bottom    {
                    float: left;
                    margin: 0px;
                    padding-left: 20px;
                    padding-top: 15px;
                    width: 380px;
                    height: 80px;
                    text-align: left;
                    background-color: #8998aa;
                    }

        .mot-bottom:hover  {
                    background-color: #dddddd;
                    }

        .mot-bottom a    {
                    display: block;
                    text-decoration: none;
                    color: #ffffff;
                    }

.prodset-pow    {
                float: left;
                margin: 10px;
                padding: 0px;
                width: 400px;
                height: 350px;
                }

    .pow-top       {
                    float: left;
                    margin: 0px;
                    padding: 0px;
                    width: 400px;
                    height: 265px;
                    }
    
    .pow-bottom    {
                    float: left;
                    margin: 0px;
                    padding-left: 20px;
                    padding-top: 15px;
                    width: 380px;
                    height: 80px;
                    text-align: left;
                    background-color: #143155;
                    }

        .pow-bottom:hover  {
                    background-color: #dddddd;
                    }

        .pow-bottom a    {
                    display: block;
                    text-decoration: none;
                    color: #ffffff;
                    }

.prodset-soft    {
                float: left;
                margin: 10px;
                padding: 0px;
                width: 400px;
                height: 350px;
                }

    .soft-top       {
                    float: left;
                    margin: 0px;
                    padding: 0px;
                    width: 400px;
                    height: 265px;
                    }
    
    .soft-bottom    {
                    float: left;
                    margin: 0px;
                    padding-left: 20px;
                    padding-top: 15px;
                    width: 380px;
                    height: 80px;
                    text-align: left;
                    background-color: #f7c837;
                    }

        .soft-bottom:hover  {
                    background-color: #dddddd;
                    }

        .soft-bottom a    {
                    display: block;
                    text-decoration: none;
                    color: #ffffff;
                    }

/*container, universell, 100%, Höhe auto*/
.cont-100-auto-f2f2f2    {
                float: none;
                margin: 0px;
                padding-top: 40px;
                padding-left: 40px;
                padding-right: 0px;
                padding-bottom: 35px;
                width: auto;
                height: auto;
                text-align: center;
                background-color: #fdfefe;
                border-bottom: 80px solid #ffffff;
                }


/*container, universell, 100%, Höhe auto*/
.cont-100-auto-d3d79c    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                padding-left: 35px;
                padding-right: 0px;
                padding-bottom: 35px;
                width: auto;
                height: auto;
                text-align: center;
                background-color: #d3d79c;
                border-bottom: 80px solid #333333;
                }


/*innerer container, universell - content, width: 80px */
.cont-140-220    {
                float: left;
                margin: 5px;
                padding-top: 0px;
                padding-left: 20px;
                padding-right: 20px;
                padding-bottom: 40px;
                width: 140px;
                height: 220px;
                text-align: center;
                border-right: 0px dashed #406a18;
                border-left: 1px dashed #406a18;
                border-bottom: 1px dashed #406a18;
                font-family: 'Open Sans', sans-serif;
                font-weight: 300;
                font-size: 9pt;
                color: #666666;
                }

/*innerer container, universell - content, width: 30% */
.cont-30-auto    {
                float: left;
                margin: 0px;
                padding-top: 0px;
                padding-left: 40px;
                padding-right: 40px;
                padding-bottom: 40px;
                width: 30%;
                height: auto;
                text-align: justify;
                border: 0px solid green;
                background-attachment: scroll;
                background-image: url(pics/trans_ws.png);
                background-position: center center;
                background-repeat: repeat;
                }

/*innerer container, universell - content, width: 40% */
.cont-40-auto-132d4d    {
                float: left;
                margin: 0px;
                padding-top: 40px;
                padding-left: 40px;
                padding-right: 40px;
                padding-bottom: 40px;
                width: 40%;
                height: auto;
                text-align: left;
                border: 0px solid green;
                background-color: #132d4d;
                }

/*innerer container, universell - content, width: 40% */
.cont-30-auto-trans1    {
                float: left;
                margin: 0px;
                padding-top: 40px;
                padding-left: 40px;
                padding-right: 40px;
                padding-bottom: 40px;
                width: 30%;
                height: auto;
                text-align: left;
                border-right: 1px solid #406a18;
                }


/*innerer container, universell - content, width: 30% */
.cont-100-c8ced6    {
                float: none;
                margin: 0px;
                padding-top: 40px;
                padding-left: 40px;
                padding-right: 40px;
                padding-bottom: 40px;
                width: auto;
                height: auto;
                text-align: left;
                border-bottom: 80px solid #ffffff;
                background-color: #203a5d;
                color: #fafafa;
                }


/* innerer container, universell - content, width: 55% */
.cont-55-auto   {
                float: left;
                margin: 0px;
                padding-left: 40px;
                padding-right: 40px;
                padding-bottom: 40px;
                width: 55%;
                height: auto;
                text-align: justify;
                border: 0px solid green;
                }

/* innerer container, universell - content, width: 70% float: none*/
.cont-70-auto   {
                float: none;
                margin: 0px;
                padding-left: 40px;
                padding-right: 40px;
                padding-bottom: 40px;
                width: 70%;
                height: auto;
                text-align: justify;
                border: 0px solid green;
                }

/* innerer container, universell - content, width: 100% float: none*/
.cont-100-auto   {
                float: none;
                margin: 0px;
                padding-left: 40px;
                padding-right: 40px;
                padding-bottom: 40px;
                width: 90%;
                height: auto;
                text-align: justify;
                border: 0px solid green;
                }


/* innerer container, Seite: index.html/team-banner - content, width: 100% float: none*/
.cont-100-banner   {
                float: none;
                margin: 0px;
                padding-left: 0px;
                padding-right: 0px;
                padding-bottom: 0px;
                width: 100%;
                height: 340px;
                text-align: justify;
                color: #ffffff;
                border-top: 0px solid #1a1a1a;
                border-bottom: 0px solid #1a1a1a;
                background-attachment: scroll;
                background-image: url(pics/team-banner1.jpg);
                background-position: left center;
                background-repeat: repeat;
                }


/* innerer container, universell - content, width+height: auto; Hintergrundgrafik */
.cont-auto-auto-trans    {
                float: none;
                margin: 0px;
                padding-top: 80px;
                padding-left: 60px;
                padding-right: 40px;
                padding-bottom: 40px;
                width: auto;
                height: auto;
                text-align: left;
                font-family: 'Open Sans', sans-serif;
                color: #143155;
                }

.cont-auto-auto    {
                float: left;
                margin: 0px;
                padding-top: 0px;
                padding-left: 40px;
                padding-right: 40px;
                padding-bottom: 40px;
                width: auto;
                height: auto;
                text-align: left;
                background-attachment: scroll;
                background-image: url(pics/trans_ws.png);
                background-position: center center;
                background-repeat: repeat;
                }

.cont-auto-auto-fafafa    {
                float: left;
                margin: 0px;
                padding-top: 0px;
                padding-left: 40px;
                padding-right: 40px;
                padding-bottom: 40px;
                width: auto;
                height: auto;
                text-align: left;
                background-color: #fafafa;
                }


.cont-auto-auto1    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                padding-left: 40px;
                padding-right: 40px;
                padding-bottom: 40px;
                width: auto;
                height: auto;
                text-align: left;
                background-color: #fafafa;
                }

.cont-auto-auto1-ws    {
                float: none;
                margin: 0px;
                padding-top: 0px;
                padding-left: 40px;
                padding-right: 40px;
                padding-bottom: 40px;
                width: auto;
                height: auto;
                text-align: left;
                background-color: #ffffff;
                }

/* innerer container, universell - content, width+height: auto; Hintergrundgrafik */
.cont-auto-bl    {
                float: left;
                margin: 0px;
                padding-top: 0px;
                padding-left: 0px;
                padding-right: 40px;
                padding-bottom: 0px;
                width: auto;
                height: auto;
                text-align: left;
                background-color: #b9be68;
                }

/* innerer container, universell - content, width+height: auto */
.cont-auto-tr    {
                float: left;
                margin: 0px;
                padding-right: 100px;
                padding-left: 40px;
                padding-bottom: 40px;
                width: auto;
                height: auto;
                text-align: justify;
                }




/* Formular, äußere Formatierung, Schriftformatierung */
form    {
                float: none;
                margin: 0px;
                padding-top: 20px;
                padding-left: 40px;
                padding-bottom: 100px;
                width: auto;
                height: auto;
                text-align: left;
                font-family: 'Open Sans', sans-serif;
                font-weight: 300;
                font-size: 10pt;
                color: #ffffff;
                }

    /* Formular, Formatierung input-elemente */
    input   {
                    margin-bottom: 10px;
                    padding: 5px;
                    width: 300px;
                    text-align: left;
                    background-color: #d2d5a5;
                    border: 1px solid #979a5f;
                    border-radius: 3px 3px 3px 3px;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                    font-size: 12pt;
                    color: #ffffff;
    }
    
    /* Formular, Formatierung button-normal */
    button  {
                    margin: 0px;
                    padding: 5px;            
                    width: 310px;
                    height: 32px;
                    text-align: center;
                    border: 1px solid #6e7231;
                    border-radius: 3px 3px 3px 3px;
                    background-image: url(pics/button2.png);
                    background-position: center center;
                    background-repeat: repeat;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 300;
                    font-size: 10pt;
                    color: #cccccc;
    }
    
    /* Formular, Formatierung button-hover */
    button:hover  {
                    margin: 0px;
                    padding: 5px;
                    width: 310px;
                    height: 32px;
                    text-align: center;
                    border: 1px solid #6e7231;
                    border-radius: 3px 3px 3px 3px;
                    background-image: url(pics/button1.png);
                    background-position: center center;
                    background-repeat: repeat;
                    font-family: 'Open Sans', sans-serif;
                    font-weight: 400;
                    font-size: 10pt;
                    color: #ffffff;
                    }

       


/* Formatierung Team-Galerie */
figure,
figcaption {
	margin: 0;
	padding: 0;
}

    figure.einzel {
	overflow: hidden;
	position: relative;
	display: inline-block;
    }

    figure img {
	width: 100%;
	display: block;
    }

    figcaption {
	position: absolute;
	bottom: -3em;
	/* gilt für das erste (linke) Beispiel */
	
	text-align: center;
    font-size: 7pt;
	line-height: 1.5em;
	white-space: nowrap;
	color: white;
	background: rgba(0, 0, 0, 0);
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
    }

    figcaption a  {
                text-decoration: none;
                font-weight: 400;
                color: #333333;
                }

    figcaption a:hover  {
                text-decoration: underline;
                color: #848442;
                }

    figure.mitte figcaption {
	width: 0;
	bottom: 100%;
    }
    /* gilt für das letzte (rechte) Beispiel */

    figure:hover figcaption {
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(181, 187, 91, 0.8);
    }
    /* das Fragezeichen als Pseudo-Element */

    figure:before {
	content: ">";
	position: absolute;
	bottom: 1.0em;
	left: 1.5em;
	background: rgba(181, 187, 91, 0.5);
	color: #ffffff;
	width: 1.5em;
	height: 1.5em;
	border-radius: 2em;
	text-align: center;
	font-size: 9pt;
	line-height: 1.5em;
	-webkit-transition: all 1s ease;
	transition: all 1s ease;
    }

    figure:hover:before {
	background: rgba(255, 255, 255, 0);
	color: rgba(0, 0, 0, 0);
    }

    @media only screen and (max-width: 800px) {
	body {
		width: 100%;
		margin: 2% 0;
		padding: 1%;
	   }
	figure.einzel {
		width: 100%;
	   }
    }

    @media only screen and (max-width: 600px) {
	figure.einzel {
		width: 100%;
	   }
    }




.menu {
    width : 100%;
}

.menu .menu_button, .menu .menu_slider {
    margin : 0;
    float : left;
    height : 433px;
}

.menu .menu_button {
    width : 60px;
    height : 433px;
    cursor : pointer;
    border-right: 0px solid #ffffff;
}

.menu .menu_slider { /* Hide the contents by default */
    width : 0px;
    overflow : hidden;
}

.menu .menu_button:hover {
}

.menu .menu_slider img {
	height : 433px;
    width: 100%;
}