/* ........................Menueliste links.......................................... */

#menu1 a , #menu1 a:visited , #menu1 a:active {display:block;
background-color:#000F16;
color:#93A5A9;
text-decoration:none ;
text-align:center;
width:150px;
border-bottom:solid 1px #313131;
font-size: 14px;line-height: 30px;
font-family: georgia,arial, helvetica, verdana, tahoma, sans-serif;
}


/* menue sub-links */

#menu2 a , #menu2 a:visited , #menu2 a:active {display:block;
background-color:#000F16;
color:#93A5A9;
text-decoration:none ;
text-align:center;
width:140px;
border-bottom:solid 1px #313131;
font-size: 11px;line-height: 30px;
font-family: georgia,arial, helvetica, verdana, tahoma, sans-serif;
}


/* mouseover vom menue links */

#menu1 a:hover{
background-color:#fff;
color:#000;
border-bottom:solid 1px #313131;
}


/* .............Ende der Befehle für die Menüliste..................................*/

/*...............Beginn der Befehle für Diashow.....................................*/


#Show {
width: 600px;
/* width: 100%; */
background-color: #121b22;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 15px;
font-weight: normal;
color: #FFFFFF;
margin: 0px;
padding: 0px;
border: 0px solid #5F5F5F;
}



#Show h1 {
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
text-transform: none;
color: #A0AFBA;
margin: 10px;
padding: 0px;
}



/* CSS für die Fotoshow */

#TextOben {
top: 0px;
left: 0px;
width: 100%;
height: 20px;
text-align: center;
font-family: Arial,Helvetica,sans-serif;
font-size: 12px;
font-weight: normal;
color: #CFCFCF;
line-height: 100%;
margin: 0px;
padding: 0px;
}

#Fotoshow {
/* Breite = Bildbreite + (2 x img.foto Randbreite) */
width: 600px;
text-align: center;
border: 0px solid #00FFFF;}


/* Grafik mit Rand 600 x 399*/

img.foto {
width: 600px;
height: 399px;
border: 0px solid #CFCFCF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 18px;
font-weight: bold;
color: #fff;
}


/* CSS für den vor zurück Bereich */



#Navigation1 {
width: 100%;
height: 20px;
text-align: center;
border: 0px solid #000000;
margin: 10px 0px 10px 0px;
}


#Nummer {
font-family: Arial,Helvetica,sans-serif;
font-size: 11px;
text-align: center;
color: #A0AFBA;
font-weight: normal;
line-height: 20px;
width: 200px;
height: 20px;
padding: 3px 6px;
border: 0px solid #FFFF00;
}

#unsichtbar {
font-size: 0px;
color: #000000;
font-weight: normal;
line-height: 20px;
width: 200px;
height: 20px;
padding: 0px 0px;

}



/* CSS für den Direktwahlbereich */

#thumbnail {
 border: 0px solid #8F8F8F;
 margin: 0px;
 padding: 0px;
 width: 770px; /*Nur zum Test, könnte auch 90% heißen */
 height: 90px;
 background-color: #121b22;
 overflow-x: scroll;
 white-space: nowrap;
 }
#thumbnail a {
 color: white;
 background-color: #121b22;
 }
#thumbnail img {
 width: 106px;
 height; 80px;
 overflow: auto;
 }



#AlbumNav {
width: 100%;
text-align: center;
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}


#AlbumNav .butt  {

margin: 3px 3px;
border: 0px solid #000000;
background: #000f16;
display: inline-block;
}


.butt:link img { border: 0px solid #000000}
.butt:hover img { border: 0px dashed #FFFFFF }
.butt:visited img { border: 0px dashed #FFFFFF }
 

.NavButt {
font-family: Verdana,sans-serif;
font-size: 12px;
text-decoration: none;
text-transform: none;
color: #CFCFCF;
width: 100px;
height: 20px;
line-height: 20px;
text-align: center;
margin: 3px 3px;
border: 0px solid #8F8F8F;
background-color: #121b22;
border: 0px solid #121b22;
display: inline-block;
}


.NavButt:link, .NavButt:visited {
color: #CFCFCF;
}


.NavButt:hover {
color: #FFFFFF;
width: 100px;
height: 20px;
line-height: 20px;
text-align: center;
margin: 3px 3px;
background-color: #121b22;
border: 0px solid #121b22;
}


#NavImpressionen {
width: 100%;
text-align: center;
}


#NavImpressionen .image  {
border: 1px solid #000000;
background: #000f16;
display: inline-block;
}
.image:link img { border: 1px solid #000000}
.image:hover img { border: 1px dashed #FFFFFF }
.image:visited img { border: 1px dashed #FFFFFF}

/* ...........................Ende der Diashow Befehle.................................. */


/* ...........................Beginn der NEUEN Diashow EXPERIMENT FEB2021..................................*/ 



/* ...........................ENDE der NEUEN Diashow EXPERIMENT FEB2021.................................. */
















/* ..........................allgemeine links im Textbereich...................................... */

a:link, a:visited, a:active{
font-family: arial, helvetica, tahoma ,verdana, sans-serif;
color:#A0AFBA ;
text-decoration:non;
background-color:#;
}

a:hover{
background-color:#;
color:#ffffff;
}