/**
    TAB-Inhalt Projektinfos
*/
#projektinfos {
  white-space: nowrap;
}

#projektinfos textarea,
#projektinfos input[type=text] {
  width:25em;   
}
#projektinfos label {
    display: block;
}

#projektinfos #left, #projektinfos #middle, #projektinfos #right  {
   display: inline-block;
   vertical-align: top;
   width: 31%;
   padding: 1em;
}

#projektinfos .fullLength  {
   display: block;
   vertical-align: top;
   width: 66em;
   clear: both;
   border-top: dodgerblue dotted 2px;
   padding: 0 1em 1em 1em;
}

#projektinfos .fullLength .left, #projektinfos .fullLength .right {
   display: inline-block;
   vertical-align: top;
   width: 50%;
}

#projektinfos #haendlerLogo,
#projektinfos #kundenLogo,
#projektinfos #einbausituationBild{
    width: 10em;
    height: 10em;
    border: dodgerblue dotted 2px;    
    text-align: center;
    display: table-cell;
    vertical-align: middle;
        
}

#projektinfos #haendlerLogo img,
#projektinfos #kundenLogo img,
#projektinfos #einbausituationBild img{
    width: 120px;
}

footer #haendlerLogos {
    display: none;
    background-color: #aaaaaa;
}

#haendlerLogos {
    
}

#haendlerLogos .lightBoxLogo img {
    display: block;
    margin: auto;
}


#haendlerLogos .lightBoxLogo,
#haendlerLogos .lightBoxLogoEmpty{
    width: 120px;
    height: 84px;
    float: left;
    border: 2px #007fff dotted;
    margin: 0.25em;
    display: flex;
    align-items: center;
}

/* input File verstecken */
#projektinfos input[type=file] {
    display: none;
}

#projektinfos #projektinfosReset {
    display: block;
    width: 20%;
    margin: auto;
    margin-top: 1em;
    background-color: red;
}