body { padding-top: 56px; }
.left-aligned { margin-left: 50px; }
.bg-dark { background-color: black !important;}
.bg-hero { background-color: blue; }
body{background-color: rgb(86, 157, 94);}

.bu{
  font-size: small;
  font-style: oblique;
}

#bl
font-size: small;
  font-style: oblique;

#top{
  margin-top: 0px;
}
#tablecontribution{
  table-layout: fixed;
  border-color: black;
  border: 1px solid;
   margin-bottom: 0px ;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}
.hphead
{
  color: rgb(6, 45, 11);
        font-size:150px;
        text-shadow: 0 0 5px white;
        font-family: Brush Script MT, Brush Script Std, cursive;;
}
 .containera {
    margin-top: 0px;
    margin: 0px;
     background-color: rgb(255, 152, 101);
     justify-content: center;
     border: 3px solid black;
     }

    .containerleft{
      display: flex;
    margin-top: 0px;
    margin-right: 500px;
     background-color: rgb(255, 152, 101);
     justify-content: left;
    border: 3px solid black;
     
    }
    .containerright{
      display: flex;
    margin-top: 0px;
    margin-left: 500px;
     background-color: rgb(255, 152, 101);
     justify-content: right;
    border: 3px solid black;
     align-items: right;
    }
    .containerb{
      margin-top: 0px;
    margin-left: 100px;
    margin-right: 100px;
     background-color: rgb(255, 152, 101);
     justify-content: center;
     border: 3px solid black;
  }
  
    .img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
  #tableauto {
  table-layout: auto;
  width: 180px;
}
#tableimage{
  margin-bottom: 0px ;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
}

#tablefixed {
  table-layout:fixed;
  width: 100%;
}
#tableteam{
  table-layout: fixed;
  width: 100%;
}

#tablehover{
margin-bottom: 0px ;
  margin-top: 0px;
  margin-left: auto;
  margin-right: 0px;

}
#tablemap{
margin-bottom: 0px ;
  margin-top: 0px;
  margin-left: 100px;
  margin-right: 100px;

}

    .bilder{
         display: block;
    margin-left: auto;
    margin-right: auto
    }

    .containerteam{
      justify-content: right;
       text-align: justify; 
       vertical-align: top;
    }
/* CALLOUT */
.bd-callout { padding:1.25rem; margin-top:1.25rem; margin-bottom:1.25rem; border:1px solid #e9ecef; border-left-width:.25rem; border-radius:.25rem }
.bd-callout h4 { margin-bottom:.25rem }
.bd-callout p:last-child { margin-bottom:0 }
.bd-callout code { border-radius:.25rem }
.bd-callout+.bd-callout { margin-top:-.25rem }
.bd-callout-info { border-left-color:#5bc0de }
.bd-callout-warning { border-left-color:#f0ad4e }
.bd-callout-danger { border-left-color:#d9534f }
    

     
     .head {
        color: rgb(6, 45, 11);
        font-size:200px;
        text-shadow: 0 0 5px white;
        font-family: Brush Script MT, Brush Script Std, cursive;;
        
        }
      .head img{
        margin-right: 20px ;
      }
    .verdana {
        /*color: rgb(6, 45, 11);*/
        color: rgb(6, 45, 6);
        font-size: medium;
        font-family: Verdana, Geneva, Tahoma, sans-serif;
    }

    
        

    .sponsor{
    margin: 50px;
     background-color:rgb(86, 157, 94);
     justify-content: center;
     
    }
    .home{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/home.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }

    .team{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/team-foto-alle.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }

    .communication{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/communication.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }

         .safety{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/workbench.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }

    .contribution{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/contribution.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }

    .engineering{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/engineering.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }

    .collaboration{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/collaboration.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }
  .attribution{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/attribution.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }

    .notebook{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/notebook.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }

    .experiments{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/experiments3.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }

    .implementation{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/implementation.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }

    .description{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/description.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }

    .improve{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/improve.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }

    .hp{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/hp.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }
.results{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/results.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }
    
    .parts{
    background: url(https://static.igem.wiki/teams/4293/wiki/header/parts.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    -webkit-background-size: cover;
    margin: 0px;
    width: 100%;
    height: 100vh;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-flow: column;
    text-align: center;
    }


    a:link {
  color: rgb(86, 157, 94);
}

#spatch {
  width: 300px;
  background-image: url(https://static.igem.wiki/teams/4293/wiki/spatch/spatch-aylin.png);
  background-position: center;
  background-repeat: no-repeat;
  }

#spatch:hover {
  background-image: url(https://static.igem.wiki/teams/4293/wiki/spatch/spatch-zwinker.gif);
}



/* scroll bar*/
body::-webkit-scrollbar {
width: 1em;
}

body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
background-color: rgb(255, 152, 101);
}

body::-webkit-scrollbar-thumb {
background-image: url(https://static.igem.wiki/teams/4293/wiki/spatch/fly-2.png),
linear-gradient(100deg, transparent, transparent);
background-position: center bottom, center -40px;
background-repeat: no-repeat, no-repeat;
background-size: contain, contain;
}


/* footer*/
footer a { color: black; font-weight: bold; text-decoration: none; }
footer a:hover { color: black; text-decoration: underline; }