.tiposumateria_blue {
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 40px;
    padding: 0px 0px 0px 0px;
    border: 0px; 
    text-shadow: 2px 2px blue; 
}


.tiposufoto_blue {
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 24px;
    padding: 0px 0px 0px 0px;
    border: 0px; 
    text-shadow: 2px 2px blue;
}

.testosumateria_blue {
    width: 100%;
    text-align: justify;
    color: white;
    font-weight: normal;
    font-size: 32px;
    padding: 10px 10px 10px 10px;
    border: 0px;
    text-shadow: 2px 2px blue;
}


.tiposumateria {
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 40px;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    border: 0px; 
    text-shadow: 2px 2px black;
}

.testosumateria {
    width: 100%;
    text-align: justify;
    color: maroon;
    font-weight: normal;
    font-size: 32px;
    padding: 10px 30px 10px 30px;
    border: 0px;
    text-shadow: 1px 1px black;
    background-color: rgba(171, 192, 62, 0.6);
    filter: alpha(opacity=80); 
}

.titsufoto_01_06 {
    width: 100%;
    text-align: center;
    color: #eacdcd;
    font-weight: bold;
    font-size: 50px;
    padding: 10px 30px 10px 30px;
    margin: 0px 0px 0px 0px;
    border: 0px; 
    text-shadow: 1px 1px black;   
    background-color: rgba(18, 17, 21, 0.3);
    filter: alpha(opacity=30); 
}

.texsufoto_01_06  {
    width: 100%;
    text-align: justify;
    color: #eacdcd;
    font-weight: normal;
    font-size: 32px;
    padding: 10px 30px 10px 30px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    text-shadow: 1px 1px black;
    background-color: rgba(18, 17, 21, 0.4);
    filter: alpha(opacity=40); 

}

.titsufoto_01_05 {
    width: 100%;
    text-align: center;
    color: #eacdcd;
    font-weight: bold;
    font-size: 50px;
    padding: 10px 30px 10px 30px;
    margin: 0px 0px 0px 0px;
    border: 0px; 
    text-shadow: 1px 1px black;   
    background-color: rgba(18, 17, 21, 0.6);
    filter: alpha(opacity=60); 
}

.texsufoto_01_05  {
    width: 100%;
    text-align: justify;
    color: #eacdcd;
    font-weight: normal;
    font-size: 32px;
    padding: 10px 30px 10px 30px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    text-shadow: 1px 1px black;
    background-color: rgba(18, 17, 21, 0.6);
    filter: alpha(opacity=60); 

}

.titsufoto_01_04 {
    width: 100%;
    text-align: center;
    color: maroon;
    font-weight: bold;
    font-size: 50px;
    padding: 10px 30px 10px 30px;
    margin: 0px 0px 0px 0px;
    border: 0px; 
    text-shadow: 1px 1px black;   
    background-color: rgba(171, 192, 62, 0.2);
    filter: alpha(opacity=30); 
}

.texsufoto_01_04  {
    width: 100%;
    text-align: justify;
    color: maroon;
    font-weight: normal;
    font-size: 32px;
    padding: 10px 30px 10px 30px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    text-shadow: 1px 1px black;
    background-color: rgba(171, 192, 62, 0.3);
    filter: alpha(opacity=30); 

}


.tiposufoto {
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 30px;
    padding: 0px 0px 0px 0px;
    border: 0px; 
    text-shadow: 2px 2px Navy;
}


.tiposufoto_red {
    width: 100%;
    text-align: center;
    color: darkmagenta;
    font-weight: bold;
    font-size: 24px;
    padding: 0px 0px 0px 0px;
    border: 0px; 
    text-shadow: 2px 2px black;
}



.tiposufotoinv {
    width: 100%;
    text-align: center;
    color: black;
    font-weight: bold;
    font-size: 16px;
    padding: 0px 0px 0px 0px;
    border: 0px; 
    text-shadow: 0px 0px black;
    background-color: cian;
}


.testosufoto {
    width: 100%;
    text-align: left;
/*     display: inline-block; */
/*     opacity: 0.6; */
/*     background-color: lavender; */
    color: white;
    font-weight: normal;
    font-size: 22px;
    padding: 0px 0px 0px 5px;
    border: 0px;
    text-shadow: 2px 2px black;
}


.testosufotoinv {
    width: 100%;
    text-align: justify;
/*     display: inline-block; */
/*     opacity: 0.8; */
/*     background-color: lavender; */
    color: blue;
    font-weight: normal;
    font-size: 14px;
    padding: 10px 10px 10px 10px;
    border: 0px;
    text-shadow: 0px 0px black;
    background-color: cian;
}

.titsufoto_01_03 {
    width: 100%;
    text-align: center;
    color: white;
    font-weight: bold;
    font-size: 50px;
    padding: 10px 30px 10px 30px;
    margin: 0px 0px 0px 0px;
    border: 0px; 
    text-shadow: 1px 1px black;   
    background-color: rgba(218, 221, 205, 0.2);
    filter: alpha(opacity=30); 
}

.texsufoto_01_03 {
    width: 100%;
    text-align: justify;
    color: white;
    font-weight: normal;
    font-size: 32px;
    padding: 10px 30px 10px 30px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    text-shadow: 1px 1px black;
    background-color: rgba(218, 221, 205, 0.3);
    filter: alpha(opacity=30); 
}

.titsufoto_01_02 {
    width: 100%;
    text-align: center;
    color: maroon;
    font-weight: bold;
    font-size: 50px;
    padding: 10px 30px 10px 30px;
    margin: 0px 0px 0px 0px;
    border: 0px; 
    text-shadow: 1px 1px black;   
    background-color: rgba(218, 221, 205, 0.2);
    filter: alpha(opacity=30); 
}

.texsufoto_01_02 {
    width: 100%;
    text-align: justify;
    color: maroon;
    font-weight: normal;
    font-size: 32px;
    padding: 10px 30px 10px 30px;
    margin: 0px 0px 0px 0px;
    border: 0px;
    text-shadow: 1px 1px black;
    background-color: rgba(218, 221, 205, 0.3);
    filter: alpha(opacity=30); 
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
       .texsufoto_01_02, .texsufoto_01_03, .texsufoto_01_04, .texsufoto_01_05, .texsufoto_01_06, .testosumateria, .testosumateria_red, .testosumateria_blue, .tabprogramma {
       font-size: 16px;
       line-height: 26px;
       text-shadow: 0px 0px black;
       color: black;

    }
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media (max-width: 600px) {
       .titsufoto_01_02, .titsufoto_01_03, .titsufoto_01_04, .titsufoto_01_05, .titsufoto_01_06, .tiposumateria, .tiposumateria_blue, .tiposumateria_red {
       font-size: 18px;
       font-weight: bold;
       line-height: 26px;
       text-shadow: 0px 0px black;
       color: black;

    }
}