
.fotos-container { display: flex;
    flex-wrap: wrap;
}

.thumb { margin: 1em; }

body { background-color: #eeeeee; }

body.images  { display: grid;
        grid-template-columns: auto 800px auto; }

body.img  { display: grid;
        grid-template-columns: auto 1110px auto; }


body.image         { display: grid; grid-template-columns: auto 1110px auto; }
body.list          { display: grid; grid-template-columns: 1; }
body.menue         { display: grid; grid-template-columns: auto 800px auto; }
body.presentation  { display: grid; grid-template-columns: auto 800px auto; }
body.startpage     { display: grid; grid-template-columns: auto 1110px auto; }

        
img { border-style: solid; 
        border-width: thin;
        border-color: #888888;
        padding: 1px; }

img.thumb { margin: 10px; }

div.raster2  { display: grid;
        grid-template-columns: 50% 50%; }


span  { font-family: Sans-Serif; text-decoration: none; color: #222222; }

span.text_main       { font-size: xx-large; font-stretch: expanded; }
span.text_head       { font-size: x-large; }
span.text_head_small { font-size: normal; }

span.text_large      { font-size: 110%; }
span.text_norm       { font-size: normal; }
span.text_norm_bold  { font-size: 90%; font-weight: bolder; }
span.text_norm_light { font-size: 90%; font-weight: lighter; }
span.text_small      { font-size: small; }

span.img_title      { font-size: larger; font-weight: bold; }
span.img_text       { font-size: normal; }
span.img_text_small { font-size: small; }



a { font-family: Sans-Serif; text-decoration: none;
            color: #222222; }
a.active  { color: #888888; }
a:visited { color: #222222; }
a:hover   { color: #888888; }


################################################

# span.footer { font-size: small; align: center; }


#nav   { margin: 1em;
#        padding: 1em: }

sans  { font-family: Sans-Serif; text-decoration: none; color: #222222; }
serif { font-family: Serif;      text-decoration: none; color: #222222; }



a.menu    { font-size: 75%; color: #222222; }
span.menu { font-size: bigger; }


