/*
colors (hex-codes): 

black (background) = #000000
grey (hover) = #BEBEBE
white (writing) = #FFFFFF
*/


html { height: 100%;
       background-image: url(Bilder/Layout/Hintergrund_001.jpg);
       background-position: center;
       background-size: 2000px;
       background-repeat: no-repeat;
       background-attachment: fixed;
       background-color: #000000;
     }


body {
      background-image: url(Bilder/Layout/Banner_005.jpg);
      background-position: center 15px;
      background-size: 800px;
      background-repeat: no-repeat;
      background-attachment: scroll;

      background-color: hsla(0,100%,0%,0.7);


/*
      background-image: url(aaa_Bild_SV_Banner_003.jpg);
      background-repeat: no-repeat;
      background-size: 800px;
      background-position: center 15px;
*/

  
      color: #FFFFFF;

      font-size: 20px;
      font-family: arial;
	  
      margin: auto;
      padding: 100px;
      padding-bottom: 25px;
      margin-top: 10px;
      margin-bottom: 10px;

      width: 800px;
     }




figure {text-align: center;}

alt {color: #FFFFFF;
     background-color: #000000;}
	
a:link {color: #FFFFFF;}
a:hover {color: #FFFFFF;
         background-color: #BEBEBE;}
a:active {color: #FFFFFF;}
a:visited {color: #FFFFFF}


nav {color: #FFFFFF;
     padding-top: 170px;
     font-weight: bold;
     display: flex;
     align-items: center;
     justify-content: center;
}

nav a {padding: 6px;
       text-decoration: none; 
       border-radius: 5px;
       box-shadow: 10 10px 10px #000000 inset;
       color: #FFFFFF;
      }

nav a:hover {font-style: italic;}
           /*transition: all .25s ease-in;*/


.table_pictures {font-size: 15px;
                 font-weight: normal;
                 text-align: center;
                 width: 800px;
                }


.div_impressum {text-align: center;
              margin-top: 5px;}

.p_datenschutzerklaerung {font-size: 15px;
                          margin-top: 0px;}
				
.link_impressum {font-size: 15px;
                 padding: 5px;
                 border: 1px solid #FFFFFF;
                }


.table_link:link {font-size: 15px;}
.table_link:hover {font-size: 15px;}
.table_link:active {font-size: 15px;}
.table_link:visited {font-size: 15px;}


.td_800px {width: 800px;}


.headline {font-size: 35px;
           font-weight: bold;
           text-align: center;
          }

.headline_events_news {font-weight: bold;
                       margin: 0px;
                       padding: 10px;
                       padding-top: 5px;
                       padding-bottom: 0px;
                       text-align: left;
                      }

.headline_pictures {width: 125px;
                    font-size: 15px;
                    font-weight: bold;
                    text-align: left;
                   }

.headline_sub {font-size: 25px;
               font-weight: bold;
               text-align: center;
               margin-bottom: 0px;
              }

.headline_subsub {font-size: 20px;
                  font-weight: bold;
                  text-align: center;
                  margin-bottom: 0px;
                 }

.text {text-align: center;}


.name_start {text-align: center;
             margin: 0px;}

.text_start {font-family: arial;
             font-weight: bold;
             font-size: 35px;
             text-align: center;
             margin-bottom: 70px;}

.text_events_news_no_gig {font-size: 20px;
                          text-align: center;
                          font-style: oblique;}

.text_events_news {font-size: 20px;

                   padding: 10px;
                   padding-top: 0px;
                   margin: 0px;
                   text-align: left;
                  }


.text_table_001 {font-weight: bold;
                 text-align: right;
                }

.text_table_002 {font-weight: normal;
                 text-align: left;
                }

.text_note {font-size: 15px;
            width: 800px;
            text-align: center;
            margin-top: 0px;
           }
		   
.text_pictures {font-size: 15px;
                max-width: 700px;
                text-align: center;
           }

.text_picture_600px {font-size: 15px;
                     text-align: center;
                    }

.text_photo_by {font-size: 12px;
                margin-top: 0px;
                margin-bottom: 0px;
                text-align: center;
               }


.picture_link_150px {max-width: 150px;
                     max-height: 100px;
                    }

.table_pic_150px {width: 150px;}

.link_pic_description:link {font-size: 15px;}
.link_pic_description:hover {font-size: 15px;}
.link_pic_description:active {font-size: 15px;}
.link_pic_description:visited {font-size: 15px;}



@media all and (min-width: 35px) {

li {max-width: 800px;}


.details {
	position: static;
      color: #FFFFFF;
	background-color: #000000;
	border: 1px solid #FFFFFF;
	padding: 10px;
      max-height: 700px;
      max-width: 770px;
	display: none;
         }

.details img {
        max-height: 500px;
        max-width: 700px;
             }

.details:target {display: block;}


.close:link {font-size: 15px;}
.close:hover {font-size: 15px;}
.close:active {font-size: 15px;}
.close:visited {font-size: 15px;}

.close {margin: 0px;}

}