

#Bilder2 {
background-color: #FFFFFF;
/*background: url(bg04-copy.gif) #F9F9F9 bottom right no-repeat;*/
/*width: 320px;*/
padding: 10px;
margin: 0px;
/*border: 1px solid #000000;*/
font-family: Verdana,sans-serif;
font-size: 11px;
line-height: 130%;
color: #2F2F2F;
}

#Bilder2 a:link a:visited {
font-size:11px;
font-weight:normal;
text-decoration:none;
color: #0090E0;
}

#Bilder2 a:hover {
color:#FF007F;
text-decoration:none;
}

#no-js{

	display: none;
}

/* The Modal (background) */
.modal {
 display: none; /* Hidden by default */
 position: fixed; /* Stay in place */
 z-index: 1; /* Sit on top */
 left: 0;
 top: 0;
 /*width: 100%; /* Full width */
 /*height: 100%; /* Full height */
 overflow: auto; /* Enable scroll if needed */
 background-color: rgb(0,0,0); /* Fallback color */
 background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
 /*padding-top:50%;
 padding-bottom: 50%;*/
 margin-top:50%;
 margin-bottom:50%;
}

/* Modal Header */
.modal-header {
 padding: 2px 16px;
 background-color: lightgrey;
 color: white;
}

/* Modal Body */
.modal-body {/*padding: 2px 16px;*/}



/* Modal Content */
.modal-content {
 position: relative;
 background-color: #fefefe;
/* margin: auto;*/
 padding: 0;
 border: 1px solid #888;
 width: 100%;
 box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
 animation-name: animatetop;
 animation-duration: 0.4s
}

.modal_image{
	width: 100%;
	margin-left:auto;
	margin-right: auto;
	 cursor: pointer;
	 max-width:150px;
}
.flex {
    display: flex;
    justify-content: center;
    align-items: center;
		justify-content : space-around;
}

/* Add Animation */
@keyframes animatetop {
 from {top: -300px; opacity: 0}
 to {top: 0; opacity: 1}
}

/* The Close Button */
.close {
  color: white;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}
