﻿@media print {
    .wrapper { width: 645px; margin: 0px; padding: 0px; }

    .DivNaviBalken { display: none; }

    .DivContent { width: 100%; }

    #LogoPosition { position: absolute; z-index: 100; right: 15px; top: 38px; height: 10%; }

    .UM { display: none; }

    #PrintPageLeistungen { display: inline; }

    #Kopfbalken_hgr,
    #Kopfbalken_hgl { display: none; }

    #MenuUnternehmen { display: none; }

    #Fusszeile { display: none; }

    img.imgcontent,
    table.Referenzen img,
    .schatten { border: none; margin: 0 5px 30px 0; }
}

@media screen, projection {
  .ButtonSliderNaSt {position:absolute; top:130px; left:20px;}
  #LogoPosition {
    position: absolute;
    z-index: 100;
    right: 15px;
    top: 50px;
    height: 70%;
  }

  .flex-control-nav {
    left: auto !important;
    right: 4% !important;
    width: auto !important;
  }
    .DivContent { width: 72%; }

    #PrintPageLeistungen { display: none; }

    #Kopfbalken_hgr,
    #Kopfbalken_hgl { display: inline; }

    #Kopfbalken { background-image: url(/images/verlauf_header.jpg); }

    #Mittelbalken { background-image: url(/images/verlauf_content.jpg); }

    img.imgcontent,
    table.Referenzen img,
    .schatten { border: none; margin: 0 5px 30px 0; -webkit-box-shadow: 5px 5px 5px grey; -moz-box-shadow: 5px 5px 5px grey; box-shadow: 5px 5px 5px grey; }
}

body { font-family: Calibri, Arial; font-size: 12pt; /*background-color: green;*/ margin: 0px; padding: 0px; }

.TeaserKontaktSeite { width: 45%; margin: 0 2.5% 2.5% 0; }

ul { margin: 0; padding: 0; }

li.ohne { list-style: none; }

li.left { float: left; margin: 0 13px 13px 0; }



ul.content { margin: 0 0 2% 2%; }

.ulcontent li,
.licontent { margin: 0 0 0 1.5em; }

p { margin: 0.1em 0 1em 0.4em; color: #747474; }

    p.Bildunterschrift { text-decoration: none; padding: 3px; margin: auto; height: 20%; display: block; color: black; font-size: 11pt; }

h1, h2, h3, h4 { margin: 0px 0 5px 7px; }

    h1.upper, a.upper { text-transform: uppercase; }

.blau { color: #00A0E1; }

h1 { font-size: 17pt; width: 100%; color: #747474; /*margin-bottom: 10px;*/ }

h2 { font-size: 14pt; width: 100%; color: #747474; }


h3 a,
h3 a:hover,
h3 a:active { text-decoration: none; color: inherit; }

.notransform { text-transform: none; }

#Kopfbild { height: 339px; padding: 0; }

.UM { padding: 5px 10px 10px 10px; margin: 0; position: absolute; z-index: 100; width: 170px; left: 0px; /*background-image: url(/images/HGUnternehmenMenue.png);*/ background-color: #00A0E1; background-color: rgba(0, 160, 225, 0.90); font-size: 0.8em; height: 325px; border-top: 1px solid white; border-right: 1px solid white; }

.HLUM,
.HLFZ { color: #ffffff; cursor: pointer; margin: 1px 0 1px; padding: 1px; display: block; text-decoration: none; }

    .HLUM.aktiv { color: #fff; background-color: #fff; background-color: rgba(255, 255, 255, 0.5); text-decoration: none; }

.HLFZ { color: #3A3A3A; }

    .HLUM:hover,
    .HLFZ:hover { color: #3A3A3A; background-color: #fff; background-color: rgba(255, 255, 255, 0.8); }

.h1Footer { font-weight: bold; font-size: 120%; }

.UMP { color: #fff; float: left; /*width: 50%;*/ }

    .UMP ul li { list-style-type: none; margin: 0; padding: 0; }

.wrapper { /*max-width: 1024px;
    min-width:512px;*/ width: 1024px; margin: auto; /*background-color:green;*/ }

.DivContent { /*position:absolute;*/ min-height: 600px; padding: 2% 0; float: left; color: #747474; /*background-color:white;*/ }

    .DivContent p { margin-right: 1.1%; }

div.ContentText { width: 60%; padding: 0px; float: left; }

div.DivContent100 { width: 100%; padding: 0px; float: left; margin: 0 0 0 7px; }

a.linkcontent { text-decoration: none; color: #00A0E1; font-weight: bold; border: none; }

h3 a.linkcontent { text-decoration: none; }

.h3_50 { font-size: 11pt; }

div.ContentBild { float: right; width: 40%; margin: 0 0 0 0; text-align: right; padding: 0; }

p.imgTitle { margin: 0 0 0 0; padding: 3px 0 9px 0; text-align: center; height: 20px; display: block; color: black; }

p.ulheadline { margin: 20px 0 5px 7px; }

img.zertifikate { margin: 0 50px 0 0; border: solid 1px rgb(204, 204, 206); border: solid 1px rgba(204, 204, 206, 1); }

img.imgdownload { border: none; margin: 0 5px 10px 0; }

#MenuUnternehmen { background-color: #BBB7B8; height: 50px; width: 100%; margin: 0px; padding: 0px 0 0 0; }

.MenuUnternehmenUL li { width: 190px; height: 3em; float: left; list-style: none; background-color: #BBB7B8; text-align: center; border-right: 1px white solid; }

    .MenuUnternehmenUL li a { padding: 15px 0 15px 0; color: white; display: block; text-decoration: none; }

        .MenuUnternehmenUL li a:hover,
        .MenuUnternehmenUL li a.active { background: #00A0E1; cursor: pointer; }

.Menukontakt li { float: left; width: 40%; font-size: 10pt; border: none; margin: 0 0 0 0; }

    .Menukontakt li a { color: black; line-height: 1.7em; display: block; text-decoration: none; }
.Menukontakt #LIFacebook { width: 20% }
    .Menukontakt #LIFacebook a { padding: 10px 0 15px 0; }
    .Menukontakt #LIFacebook img { width: 60% }
.Menukontakt li a:hover,
.Menukontakt li a.active { background: #00A0E1; cursor: pointer; }

#Kopfbalken { /*background-image: url(/images/verlauf_header.jpg);*/ background-repeat: repeat-x; background-color: white; }

#Teaser { margin: 0px; padding: 0px; max-width: 100%; }

    #Teaser li { float: left; max-width: 50%; margin: 0.5%; list-style: none; background-color: #BBB7B8; position: relative; }

        #Teaser li.stellen { margin: 1.5%; }

        #Teaser li a { text-decoration: none; }

        #Teaser li:hover { cursor: pointer; }

        #Teaser li span.Text,
        span .zText { text-decoration: none; padding: 3px 0 9px 0; text-align: center; margin: auto; height: 20%; display: block; color: black; }

      #Teaser li a span.offeneStellen1,
      #Teaser li a span.offeneStellen {
        height: 37px;
      }
      #Teaser li a span.offeneStellenZ2 {
        text-decoration: none;
        text-align: center;
        margin: auto;
        color: black;
        font-size: 0.9em;
      }

        #Teaser li a span.offeneStellen1 { padding-top: 12px; height: 28px; }

        #Teaser li img { max-width: 100%; border: none; }

.TeaserText { position: absolute; visibility: hidden; background-color: #00A0E1; background-color: rgba(0, 160, 225, 0.90); color: white; padding: 2%; height: 75%; /*max-width:50%;*/ }

.NaviSchrift { font-size: 12pt; color: white; }


#Mittelbalken { /*background-image: url(/images/verlauf_content.jpg);*/ background-repeat: repeat-x; background-color: white; margin: 0; padding-top: 0px; }

.DivNaviBalken { height: 150px; width: 24%; right: 14px; position: absolute; top: -1px; height: 100%; background-color: #CCCDCF; float: left; }

.NaviBalken { color: #00A0E1; margin: 20px 10px; padding: 0; }

    .NaviBalken li { font-size: 13pt; margin: 1px 0; padding: 0; list-style: none; }

        .NaviBalken li a { display: block; padding: 4px 4px 4px 4px; text-decoration: none; color: #00A0E1; text-transform: uppercase; }

            .NaviBalken li a.aktiv { display: block; padding: 4px 4px 4px 4px; text-decoration: none; color: #fff; background-color: #00A0E1; background-color: rgba(0, 160, 225, 0.80); }

            .NaviBalken li a:hover { text-decoration: none; background-color: #00A0E1; color: white; cursor: pointer; }

.NaviBalkenSub { margin: 0px 0px 0px 10px; }

    .NaviBalkenSub li a { text-transform: none; font-size: 0.9em; }

    .NaviBalkenSub li { margin: 0px 0px 0px 20px; list-style-type: disc; }

        .NaviBalkenSub li li { margin: 0px 0px 0px 2px; list-style-type: none; list-style-image: url(../images/li-pfeil.png); }


.HotLink { text-align: center; text-decoration: none; background-color: #00A0E1; text-transform: uppercase; color: white; margin: 10px 10px; padding: 4px 4px 4px 4px; list-style: none; }

    .HotLink a { display: block; color: white; text-decoration: none; }

        .HotLink a:hover { background-color: white; color: #00A0E1; }

.Kontakt { background-image: url(/images/telefon.jpg); background-repeat: no-repeat; height: 41px; text-align: left; padding: 15px 0 8px 60px; }

.MailKontakt { height: 60px; text-align: left; padding: 4px; }

    .MailKontakt a:hover { background-image: url(/images/mail-w.jpg); background-repeat: no-repeat; }

    .MailKontakt a { display: block; background-image: url(/images/mail-b.jpg); background-repeat: no-repeat; height: 39px; padding: 21px 0 0 55px; margin: 0 0 0 0px; }

.Mitarbeiterportal {
  height: 60px;
  text-align: left;
  padding: 4px;
}

  .Mitarbeiterportal a:hover {
    background-image: url(/images/mitarbeiter-w.jpg);
    background-repeat: no-repeat;
  }

  .Mitarbeiterportal a {
    display: block;
    background-image: url(/images/mitarbeiter-b.jpg);
    background-repeat: no-repeat;
    height: 39px;
    padding: 21px 0 0 55px;
    margin: 0 0 0 0px;
  }
#Fusszeile { /*width: 100%;*/ background-color: #E1E1E1; padding: 10px 0 10px 0; margin: -1px 0; }

.DivFusszeile { width: 18%; margin: 5px; float: left; }

.ULFZ li { font-size: 8pt; margin: 1px 0; padding: 0; list-style: none; border-bottom: dotted 1px; }

.ohneBorder li { border: none; }


/*Seite Leistungen*/
.liohne { list-style: none; padding: 0; }

.LeistungenSp2 li a,
.LeistungenSp3 li a { text-decoration: none; color: black; }

    .LeistungenSp2 li a:hover,
    .LeistungenSp3 li a:hover { color: #00A0E1; cursor: pointer; }

.LeistungenSp1 a { width: 32%; float: left; color: #00A0E1; margin: 10px 0 10px 7px; text-decoration: none; }

.LeistungenSp2 { width: 32%; margin: 10px 0 10px 7px; float: left; }

.LeistungenSp3 { width: 32%; margin: 10px 0 10px 7px; float: right; }

.leistungenHeadLine { color: #808080; }



/*End Leistungen*/

.clear { clear: both; }

table.tabellenrand td { border: 1px solid grey; margin: 0px; padding: 10px; }

table.tabellenrand { border-spacing: 0; border-collapse: collapse; margin-left: 7px; }

table.Referenzen { margin: 10px 0px 0px 0px; padding: 0px; width: 100%; }

    table.Referenzen img { margin: 0 0 15px 0; }

.Referenzen1 { vertical-align: top; padding: 0 10px 0 0; }

.left { float: left; }

.w50proz { width: 49%; }

/*Teaser*/
.Teaser130 { max-height: 130px; max-width: 214px; }

/*Adminbereich*/
.Uhrzeit { width: 38px; }

.RFV { color: red; }

.cookieZustimmen { text-align: center; cursor: pointer; text-decoration: none; background-color: #fff; color: #000; padding: 2px 6px 2px 6px; border-radius: 0px; }
#cookieHinweis { background-color: #00a0e1; color: #fff; font-weight: normal; font-family: Arial; font-size: 1em; text-align: center; position: fixed; bottom: 0px; z-index: 10000; width: 100%; border-top: solid 1px #000; padding: 10px; }
    #cookieHinweis a { color: #fff; text-decoration: underline; }

#datenschutz ul { padding: 0 0 15px 25px; }

.isiPruefen{color:red !important; background-color:yellow;}
.isiPruefen::before{ content: "check! "}
