Difference between revisions of "Team:Bielefeld-CeBiTec/Toxicity Theory"

Revision as of 14:20, 21 September 2018

/* HQ CSS*/ .firstHeading { display: none; }

.mw-content-text { display: none; }

.logo_2018 { display: none; }

globalWrapper {

padding: 0px; margin: 0px; padding-bottom: 0px; }

content {

margin-left:0px; padding:0px; width:100%; margin-top: -7px; }

.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul{ margin:0px; }

top_title {

margin-bottom: 0px; }

top_menu_14{

border-bottom: 0px solid black; }

HQ_page p {

margin: 0; }

/*NAVBAR*/

@charset "UTF-8";

body{ margin-top:0px; }

.navigation { height: 70px; background: #002a5c; position: fixed; width:100%; text-decoration: none; }

.brand { position: absolute; padding-left: 20px; float: left; line-height: 70px; text-transform: uppercase; font-size: 1.4em; width: 300px; }

.logo-img{ width: 70%; margin-top: 1%; }

@media only screen and (max-width: 1350px) { .logo-img{ width: 70%; margin-top: 2%; }

.navigation{ position: absolute; }

}

@media only screen and (max-width: 790px) { .logo-img{ width: 70%; margin-top: 3%; }

.navigation{ position: absolute; }

}

.brand a, .brand a:visited { color: #ffffff; text-decoration: none; }

.nav-container { max-width: auto; margin: 0 auto; text-decoration: none; }

nav { float: right; text-decoration: none; } nav ul { list-style: none; margin: 0; padding: 0; text-decoration: none; } nav ul li { float: left; position: relative; text-decoration: none; } nav ul li a, nav ul li a:visited, nav ul li a:focus{ display: block; padding: 0 20px; line-height: 70px; background: #002a5c; color: #ffffff; text-decoration: none; margin-bottom:-4px; border-color:#002a5c; } nav ul li a:hover, nav ul li a:visited:hover { background: #4d9dff; color: #ffffff; text-decoration: none; } nav ul li a:not(:only-child):after, nav ul li a:visited:not(:only-child):after { padding-left: 4px; content: " ▾"; text-decoration: none; } nav ul li ul li { min-width: 190px; text-decoration: none; } nav ul li ul li a { padding: 15px; line-height: 20px; text-decoration: none; text-decoration: none; }

.nav-dropdown { position: absolute; display: none; z-index: 1; box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15); text-decoration: none; }

/* Mobile navigation */ .nav-mobile { display: none; position: absolute; top: 0; right: 0; background: #002a5c; height: 70px; width: 70px; }

@media only screen and (max-width: 1350px) {

.nav-mobile { display: block; }

nav { width: 100%; padding: 70px 0 15px; } nav ul { display: none; max-height: 280px; overflow-y: auto; } nav ul li { float: none; } nav ul li a { padding: 15px; line-height: 20px; text-decoration: none; } nav ul li ul li a { padding-left: 30px; text-decoration: none; }

.nav-dropdown { position: static; } } @media screen and (min-width: 1351px) { .nav-list { display: block !important; } }

nav-toggle {

position: absolute; left: 18px; top: 22px; cursor: pointer; padding: 10px 35px 16px 0px; max-height: 280px; overflow-y: auto; }

nav-toggle span,
nav-toggle span:before,
nav-toggle span:after {

cursor: pointer; border-radius: 1px; height: 5px; width: 35px; background: #ffffff; position: absolute; display: block; content: ""; transition: all 300ms ease-in-out; }

nav-toggle span:before {

top: -10px; }

nav-toggle span:after {

bottom: -10px; }

nav-toggle.active span {

background-color: transparent; }

nav-toggle.active span:before, #nav-toggle.active span:after {

top: 0; }

nav-toggle.active span:before {

transform: rotate(45deg); }

nav-toggle.active span:after {

transform: rotate(-45deg); }

article { max-width: 1000px; margin: 0 auto; padding: 10px; line-height: 1.5; }

.article { max-width: 1000px; margin: 0 auto; padding: 10px; line-height: 1.5; padding-right: 5%; padding-left : 5%;

}

/* W3 Schools templates*/

.w3-top,.w3-bottom{position:fixed;width:100%;z-index:1;} .w3-top{top:0;} .w3-bottom{bottom:0;}

footer{display:block;width:98%}

.w3-container:after,.w3-container:before{content:"";display:table;clear:both;width:98%;}

.w3-container{}

.w3-padding-32{padding-top:32px!important;padding-bottom:32px!important;}

.w3-center .w3-bar{display:inline-block;width:auto;}

.w3-center{text-align:center!important;}

.w3-black,.w3-hover-black:hover{color:#fff!important;background-color:#000!important;}

.w3-xlarge{font-size:24px!important;}

/*OWN STYLES*/

body { font-family: "Lato", sans-serif; }

@media only screen and (min-width: 1010px){ .main_content {

background-color: white; border: 1px solid #000000; border-radius: 0px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); min-height: 100px; border-top: none; border-bottom: none; margin-left:25%; margin-right:25%; padding-bottom: 4%; min-height: 420px; position: sticky; margin-top: -100px; } }

@media only screen and (max-width: 1009px){ .main_content {

background-color: white; border: 1px solid #000000; border-radius: 0px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); min-height: 100px; border-top: none; border-bottom: none; margin-left:0; margin-right:0; padding-bottom: 4%; position: sticky; margin-top: -100px; } }

container{

position: relative; min-height: 100%; height: 100%; }

.container{ padding-top:0px; background-color: #001633; }

.section{ margin: 1%; }

.half{ max-width: 48%; }

.half.left { float: left; margin-right: 1%; }

.half.right { float: right; margin-left: 1%;

}

article, .article { text-align: justify; display: block; margin: auto; font-size: 16px; padding-bottom: 20px; }

article, .article, .contentline { width: 90%; font-size: 16px; padding-bottom: 30px; }

.contentline article, .contentline .article { width: 100%; }

h1, h2, h3, h4, h5, h6 { width: 92%; margin: auto; margin-top: 0px; padding-top: 20px; padding-bottom: 15px; }

.p { text-align: justify; }

.title { font-size: 40px; padding-top: 5%; padding-left: 3%; padding-bottom: 40px; font-weight: bold; background-color: rgb(255,255,255); margin-top: -70px; position:sticky; line-height:1.5em; text-align:left; }

h2 { padding-left: 3%; font-size:14; }

br { display: block; /* makes it have a width */ content: ""; /* clears default height */ margin-top: 20px; /* change this to whatever height you want it */ }

p { font-size:14px; }

body { padding-top: 0px; }

article{ padding-right: 5%; padding-left : 5%; }

page-arrow-top {

display: none; cursor: pointer; padding: 0; margin: 0; position: fixed; bottom: 20px; right: 50px; }

.half { width: 48%; }

.half.left { float: left; margin-right: 1%; }

.half.right { float: right; margin-left: 1%; }

.sidenavi{

margin-top: 50px; margin-left: 4%; display: block; position: -webkit-sticky; position: sticky; top: 150px; float: left; background-color: #001633; border-radius: 30px; border-color: white; border-style: solid; }

.side_list{ display: block; margin-right: 10px; margin-bottom: 15px; margin-top: 10px; margin-left: 10px; color: white; }

.side_link{ color: white; font-size: 20px; text-decoration:none; padding: 10px; }

.side_list > a:hover{ text-decoration:none; color: white; }

.side_list > a{ text-decoration:none; font-size: 18px; padding: 10px; width:100%; cursor: pointer; color: white; }

@media only screen and (max-width: 1150px){ .sidenavi{

margin-top: 50px; margin-left: 1%; display: block; position: -webkit-sticky; position: sticky; top: 150px; float: left; background-color: #001633; border-radius: 30px; border-color: white; border-style: solid; }

.side_list{ display: block; margin-right: 10px; margin-bottom: 15px; margin-top: 10px; margin-left: 10px; color: white; }

.side_link{ color: white; font-size: 10px; text-decoration:none; padding: 10px; }

.side_list > a:hover{ text-decoration:none; color: white; }

.side_list > a{ text-decoration:none; font-size: 16px; padding: 12px; width:100%; cursor: pointer; color: white; }

}

@media only screen and (max-width: 1685px){ .sidenavi{

margin-top: 50px; margin-left: 1%; display: block; position: -webkit-sticky; position: sticky; top: 150px; float: left; background-color: #001633; border-radius: 30px; border-color: white; border-style: solid; }

.side_list{ display: block; margin-right: 10px; margin-bottom: 15px; margin-top: 10px; margin-left: 10px; color: white; }

.side_link{ color: white; font-size: 10px; text-decoration:none; padding: 10px; }

.side_list > a:hover{ text-decoration:none; color: white; }

.side_list > a{ text-decoration:none; font-size: 16px; padding: 8px; width:100%; cursor: pointer; color: white; }

}

@media only screen and (max-width: 1300px){ .sidenavi{ display: none;

} }

figure { text-align: center; margin-bottom: 30px;

}

figcaption{ text-align: justify; font-size: 13px; margin-top:10px; }

.figure.eighty { width:80%; }

.figure.ten { width:10%; }

.figure.twenty { width:20%; }

.figure.thirty { width:30%; }

.figure.fourty { width:40%; }

.figure.fifty { width:50%; }

.figure.sixty { width:60%; }

.figure.seventy { width:70%; }

.figure.ninety { width:90%; }

.figure.hundred { width:100%; }

table, th, td { border: 1px solid black; border-collapse: collapse; font-size:17px; } th, td { padding: 15px; text-align: left; } table#t01 tr:first-child td{ background-color: #eee; }

table#t01 tr td:first-child { background-color: #eee; color: black; }

table.centern{ margin-left:15%; margin-right:15%; margin-top: 100px; margin-top: 5%; }

HQ_page table {

border: 1px solid #ccc; border-collapse: collapse; width: 70%; margin: auto; margin-bottom: 0px; margin-top: 100px; margin-right: auto; margin-left: auto; }

hr { margin-top: 10%; margin-bottom: 20px; border: 0; text-align: center; border-top: 2px solid #000000; margin-left: auto; margin-right: auto;

}

.reftext { display: block; text-align: justify; margin-left: 5%; margin-right: 5%; font-size: 14px; padding-bottom: 20px; line-height: 20px; }

/*Footer*/ .fa-facebook-official:before { content: "\f230"; color: white; }

.fa-instagram:before { content: "\f230"; color: white; }

.fa-twitter:before { content: "\f230"; color: white; }

myDIV {

margin-top: 10px; display:none; }

.refbtn{ background-color: white; border: none; font-size: 150%; font-weight: bold; color: black; margin-left: 5%; margin-bottom: 26px; margin-top: 30px;

}

a.shifted-anchor { display: block; position:relative; top: -100px; }

active{

text-decoration: none; }

html,body { background-color: #001633; }

myVideo {

position: static; top:0; left:0 right: 0; bottom: 0; height: auto; margin-top: 70px; z-index:1; }

.title_picture{ width:100%; padding-top:40px; }

@-webkit-keyframes animateBubble { 0% { margin-top: 310%; } 100% { margin-top: 5%; } }

@-moz-keyframes animateBubble { 0% { margin-top: 310%; } 100% { margin-top: 5%; } }

@keyframes animateBubble { 0% { margin-top: 310%; } 100% { margin-top: 5%; } }

@-webkit-keyframes animateBubbleSeite { 0% { margin-top: 40px; } 100% { margin-top: -200%; } }

@-moz-keyframes animateBubbleSeite { 0% { margin-top: 40px; } 100% { margin-top: -200%; } }

@keyframes animateBubbleSeite { 0% { margin-top: 40px; } 100% { margin-top: -200%; } }

@-webkit-keyframes sideWays { 0% { margin-left:0px; } 100% { margin-left:50px; } }

@-moz-keyframes sideWays { 0% { margin-left:0px; } 100% { margin-left:50px; } }

@keyframes sideWays { 0% { margin-left:0px; } 100% { margin-left:50px; } }

.s1 { -webkit-animation: animateBubbleSeite 120s linear infinite, sideWays 2s ease-in-out infinite alternate; -moz-animation: animateBubbleSeite 120s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubbleSeite 120s linear infinite, sideWays 2s ease-in-out infinite alternate;

left: 5%; top: 95%; z-index:1; overflow: hidden;

-webkit-transform: scale(0.1); -moz-transform: scale(0.1); transform: scale(0.1); }

.x1 { -webkit-animation: animateBubble 100s linear infinite, sideWays 2s ease-in-out infinite alternate; -moz-animation: animateBubble 100s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 100s linear infinite, sideWays 2s ease-in-out infinite alternate;

left: -5%; top: 20%; z-index:1; overflow: hidden;

-webkit-transform: scale(0.1); -moz-transform: scale(0.1); transform: scale(0.1); }

.x2 { -webkit-animation: animateBubble 80s linear infinite, sideWays 4s ease-in-out infinite alternate; -moz-animation: animateBubble 80s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 80s linear infinite, sideWays 4s ease-in-out infinite alternate;

left: 5%; top: 20%; z-index:1; overflow: hidden; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); transform: scale(0.2); }

.x3 { -webkit-animation: animateBubble 120s linear infinite, sideWays 2s ease-in-out infinite alternate; -moz-animation: animateBubble 120s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 120s linear infinite, sideWays 2s ease-in-out infinite alternate;

left: 10%; top: 20%; overflow: hidden; z-index:1; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); transform: scale(0.2); }

.x4 { -webkit-animation: animateBubble 90s linear infinite, sideWays 3s ease-in-out infinite alternate; -moz-animation: animateBubble 90s linear infinite, sideWays 3s ease-in-out infinite alternate; animation: animateBubble 90s linear infinite, sideWays 3s ease-in-out infinite alternate;

left: 20%; top: 20%; overflow: hidden; z-index:1; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); transform: scale(0.2); }

.x5 { -webkit-animation: animateBubble 70s linear infinite, sideWays 4s ease-in-out infinite alternate; -moz-animation: animateBubble 70s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 70s linear infinite, sideWays 4s ease-in-out infinite alternate;

left: 30%; top: 20%; overflow: hidden; z-index:1; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); transform: scale(0.1); }

.x6 { -webkit-animation: animateBubble 115s linear infinite, sideWays 2s ease-in-out infinite alternate; -moz-animation: animateBubble 115s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 115s linear infinite, sideWays 2s ease-in-out infinite alternate;

left: 50%; top: 20%; overflow: hidden; z-index:1; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); transform: scale(0.1); }

.x7 { -webkit-animation: animateBubble 120s linear infinite, sideWays 2s ease-in-out infinite alternate; -moz-animation: animateBubble 120s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 120s linear infinite, sideWays 2s ease-in-out infinite alternate;

left: 65%; top: 20%; overflow: hidden; z-index:1; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); transform: scale(0.1); }

.x8 { -webkit-animation: animateBubble 100s linear infinite, sideWays 3s ease-in-out infinite alternate; -moz-animation: animateBubble 100s linear infinite, sideWays 3s ease-in-out infinite alternate; animation: animateBubble 100s linear infinite, sideWays 3s ease-in-out infinite alternate;

left: 80%; top: 20%; overflow: hidden; z-index:1; -webkit-transform: scale(0.2); -moz-transform: scale(0.2); transform: scale(0.2); }

.x9 { -webkit-animation: animateBubble 80s linear infinite, sideWays 4s ease-in-out infinite alternate; -moz-animation: animateBubble 80s linear infinite, sideWays 4s ease-in-out infinite alternate; animation: animateBubble 80s linear infinite, sideWays 4s ease-in-out infinite alternate;

left: 90%; top: 20%; overflow: hidden; z-index:1; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); transform: scale(0.1); }

.x10 { -webkit-animation: animateBubble 120s linear infinite, sideWays 2s ease-in-out infinite alternate; -moz-animation: animateBubble 120s linear infinite, sideWays 2s ease-in-out infinite alternate; animation: animateBubble 120s linear infinite, sideWays 2s ease-in-out infinite alternate;

left: 80%; top: 20%; overflow: hidden; z-index:1; -webkit-transform: scale(0.1); -moz-transform: scale(0.1); transform: scale(0.1); }

.bubble { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;

-webkit-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1); -moz-box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1); box-shadow: 0 20px 30px rgba(0, 0, 0, 0.2), inset 0px 10px 30px 5px rgba(255, 255, 255, 1);

height: 200px; position: absolute; width: 200px; }

.bubble:after { background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 0%); /* FF3.6+ */ background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.5)), color-stop(0%,rgba(255,255,255,0))); /* Chrome,Safari4+ */ background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 0%); /* Chrome10+,Safari5.1+ */ background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 0%); /* Opera 12+ */ background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 0%); /* IE10+ */ background: radial-gradient(ellipse at center, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 0%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;

-webkit-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3); -moz-box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3); box-shadow: inset 0 20px 30px rgba(255, 255, 255, 0.3);

content: ""; height: 180px; left: 10px; position: absolute; width: 180px; }

@media only screen and (max-width: 1700px) {

.bubble.x1, .bubble.x2, .bubble.x8, .bubble.x9, .bubble.x10{ display:none; }

}

@media only screen and (max-width: 1200px) {

.bubble.x1, .bubble.x2, .bubble.x7, .bubble.x8, .bubble.x9, .bubble.x10{ display:none; } }

.timer_box{

   border: white;
   border-style: solid;
   padding-bottom: 125px;
   padding-left: 10px;
   padding_top:10px;
   marging-bottom: 100px;

}

gold {

 float: left;
 font-size: 50px;
 margin-top: 10px;
 width: 50%;
 color:white;

text-align: center;

}

gold_text {

 float: left;
 font-size: 20px;
 margin-top: 0px;
 width: 50%;
 color:white;

text-align: center; }

silver {

 float: left;
 text-align: center;
 font-size: 50px;
 margin-top: 10px;
 width: 50%;
 color:white;

}

silver_text {

 float: left;
 text-align: center;
 font-size: 20px;
 margin-top: 0px;
 width: 50%;
 color:white;

}

.img_text{ text-align:center; position:absolute; }

home_imgs {

   margin-top:100px;
   width:60%;

}

@media only screen and (max-width: 1300px) {

home_imgs{

width:70%;

}

silver{

font-size: 30px;

}

gold{

font-size: 30px;

}

silver_text{

font-size: 20px;

}

gold_text{

font-size: 20px; }

}

@media only screen and (max-width: 900px) {

.timer_box{

   border: white;
   border-style: solid;
   padding-bottom: 100px;
   padding-left: 10px;
   padding_top:10px;
   marging-bottom: 100px;

}

home_imgs{

margin-top:50px; width:90%; }

silver{

font-size: 20px;

}

gold{

font-size: 20px;

}

silver_text{

font-size: 15px;

}

gold_text{

font-size: 15px; }

}

@media only screen and (max-width: 600px) {

.timer_box{

   border: white;
   border-style: solid;
   padding-bottom: 100px;
   padding-left: 10px;
   padding_top:10px;
   marging-bottom: 100px;

}

home_imgs{

margin-top:15px; width:100%; }

silver{

font-size: 15px;

}

gold{

font-size: 15px;

}

silver_text{

font-size: 10px;

}

gold_text{

font-size: 10px; }

}

@media only screen and (max-width: 400px) {

.timer_box{

   border: white;
   border-style: solid;
   padding-bottom: 50px;
   padding-left: 10px;
   padding_top:10px;
   marging-bottom: 100px;

}

home_imgs{

margin-top:5px; width:100%; }

silver{

font-size: 10px;

}

gold{

font-size: 10px;

}

silver_text{

font-size: 5px;

}

gold_text{

font-size: 5px; }

}

Toxicity

Gold, silver, copper and iron ions are of interest due to their chemical properties. On the other hand some of the ions possess toxic properties for the cell (Ochoa-Herrera et al., 2011; Shareena et al., 2015; Zhao & Stevens, 2009). Therefore the toxicity of the different ions of the metals needs to be included into consideration when planning the uptake and processing of the ions as a substrate for nanoparticles. Not only is the toxicity of the dissolved ions of interest but also the potential toxic effect of nanoparticles on the cell.

Gold

Gold nanoparticles (AuNPs) are popular in many scientific applications, e.g. the transfection of human cells (Chang et al., 2008). However, there are several reports regarding its toxicity whose results differ greatly from each other (Brust et al., 1995; Caruntu et al., 2002; Zhang et al., 2015). AuNPs in the form of nanorods could be identified as non-toxic, solely the coating agent was found to be toxic (Alkilany et al., 2009). AuNPs in general do not possess toxic properties. Reported toxic effects of AuNPs result from poor purification of the AuNPs from Au(III) (Shareena Dasari, 2015).
Gold ions, such as Au(I) and Au(III), have toxic properties. Shareena Dasari et al. proved in 2015 that exposure to Au(I) and Au(III) inhibits the growth of nonpathogenic Escherichia coli as seen in figure 1. Furthermore they determined the half maximal inhibitory concentrations (IC₅₀) for both ions in the examined buffers as seen in table 1, clearly indicating that gold ions possess toxic properties to E. coli. The toxic effect of gold ions is due to its ability to oxidative cleavage of peptide and protein disulfide bonds (Witkiewicz & Shaw, 1981).
Since gold ions are toxic to the NPs producing cell, the reduction to AuNPs is desirable, however the stress to the cell and its inhibitory effect have to be investigated.

**Figure 1:** Concentration dependent growth inhibition by Au(I) and Au(III) ions on multi-drug resistant *E. coli* (BAA-1161) according to Shareena Dasari (2015).

Silver

Silver nanoparticles (AgNPs) are known to possess toxic properties. The toxicity of AgNPs varies in response to the shape and size of the AgNPs. The toxicity increases significantly when the AgNPs are smaller than 10 nm (Ivask et al., 2014). It has been demonstrated that AgNPs exhibit toxic effects in bacteria at environmentally relevant concentrations (Colman et al., 2013). The growth inhibition is dependent on the concentration of the AgNPs. The minimal inhibitory concentration (MIC) for AgNPs in E. coli is considered to be between 3.3 and 6.6 nM (Kim et al., 2007). The exposure to AgNPs results in an apoptosis-like response of the cell. To begin with, the membrane is depolarized by AgNPs, generating reactive oxygen species (ROS), such as hydroxyl peroxide, hydroxyl radicals and superoxide anions.These ROS cause oxidative stress and lead to the fragmentation of DNA. Simultaneously calcium accumulates in the cytoplasm of the cell. An increased concentration of calcium results in the inversion of phosphatidylserine in the membrane. All of these processes ultimately lead to the activation of bacterial caspase-like proteins and RecA (Bortner & Cidlowski, 2007; Yun & Lee, 2017). (Figure 2 einfügen) However there are considerations whether the AgNPs are toxic or whether the toxic effect is due to ions dissolving from the nanoparticles (Hwang et al., 2008).
The toxic effects of silver salts have been known since antiquity. Even Hippocrates recognized its antimicrobial properties in water (Magner, 1992). The toxic effect of silver ions relies on the same chemical features as those of the AgNPs. When being exposed to silver ions, the bacterium experiences several forms of oxidative stress, mainly ROS which arise from Fenton chemistry. Ag(I) disrupts metabolic pathways that drive Fenton chemistry and lead to the overproduction of hydroxyl radicals and cell death (Morones-Ramirez et al., 2013). At a concentration of 18.9 µM, all bacterial growth comes to an end (Zhao & Stevens, 1998).
Silver is toxic in both of its forms: as a nanoparticle and as dissolved ions. Therefore an approach to decrease the toxic effect on the cell is needed.

Copper

Copper is known for its toxic and bactericidal properties and is often used as an antimicrobial agent in form of copper nanoparticles (CuNPs) (Cioffi et al., 2005). Recent studies revealed that the inactivation and bactericidal activity works in a size-dependent manner. The smaller a CuNP is, the higher is its inhibitory potential to bacteria. Furthermore, the toxicity is probably elicited in a strain-specific manner in E. coli obtained from different sources (Alum et al., 2018). CuNPs’ toxic properties appear to result from oxidative stress and protein damage, DNA damage and membrane damage. The generation of hydroxyl peroxide by CuNPs is assumed to be the reason for the toxicity of CuNPs. Li et al. could observe 2013 the release of copper and the production of Cu(I) ions.
Copper is considered to be essential in small amounts to both human and bacteria (Burgess et al., 1999). It plays an important role in electron-transfer reactions (Kaplan & Lutsenko, 2009). Yet copper ions can induce cell death and exhibit toxic effects. This is due to copper ions interfering with the cell proteins or enzymes by chelating sulfhydryl groups and peroxidizing the lipids of the cell membrane (Yeager, 1991). A broad variety of microorganisms, such as E. coli, could be proven to be inhibited in growth or killed by the exposure to Cu(II) (Ochoa-Herrera et al., 2011). Furthermore, copper ions can interact with oxygen by catalyzing Haber-Weiss and/or Fenton reactions. This results in the generation of reactive oxygen species which can ultimately damage biomolecules (Halliwell, 2007; Halliwell & Gutteridge, 2015).
Copper is toxic in both of its forms: as a nanoparticle and as dissolved ions. Therefore an approach to decrease the toxic effect on the cell is needed.

Iron

Iron is crucial for certain biological functions and necessary for the cell in order to work properly. Especially when it comes to electron transfer reactions iron as a cofactor is critical for the formation of biomolecules (Zhang, 2014). However, free non-bound iron bears risks for the cell. Iron regularly appears as a ferrous (Fe(II)) or as a ferric ion (Fe(III)) and is able to accept an electron from neighboring molecules which leads to the generation of ROS and causes damage to cellular components. The generation of ROS occurs by Fenton and Haber-Weiss reactions (Kehrer, 2000; Winterbourn, 1995).
The desired iron nanoparticles shall be composed of Fe₂O₃ which is one of the most abundant transition metal oxides and ubiquitous in the environment (Bi & Xu, 2012). Toxic effects by these nanoparticles arise from the formation of ROS by converting H₂O₂ or O₂ (Huang et al., 2015). Further studies performed by Wang et al. (2017) regarding the photocatalytic degradation of DNA who found that the majority of intracellular damage especially concerning the DNA arises from ROS.

Reactive oxygen species

As most problems from heavy metals arise from the generation of ROS, the efforts to improve the resistance to the toxic effects need to focus on the repair of the damage of biomolecules and the prevention of further damage.
Molecular oxygen itself cannot easily oxidize another molecule due to its spin restriction (Farr & Kogoma, 1991). However, certain cases allow oxidation of molecules by molecular oxygen, e.g. the presence of a paramagnetic center other than that of the molecular oxygen and good catalysts for one-electron reduction such as the transition metals copper and iron. The arising ROS are mostly the superoxide anion (O₂^-), hydrogen peroxide (H₂O₂), hydroxyl radicals (•OH) and singlet oxygen (¹O₂) (Halliwell, 1991).
O₂^- attacks thiols and ascorbate as well as iron sulfur clusters in proteins and thus disrupts the protein’s structure and leads to a loss of its function. Furthermore, it is able to reduce transition metals such as iron and copper, e.g. Cu(II) to Cu(I). It tends to form the highly reactive hydroperoxyl radical (•OOH) under acidic conditions. The degradation of the superoxide anion happens by spontaneous dismutation into hydrogen peroxide and molecular oxygen (Masoud et al., 2015).
Hydrogen peroxide itself is reactive as well. The exact reaction mechanism in the cell is unknown due to its reaction speed. However, it is known that hydrogen peroxide reacts with reduced copper and/or iron ions to form hydroxyl radicals. As a weak oxidizing agent it attacks thiol groups and reduces glutathione (Liu et al., 2015).
Hydroxyl radicals are highly reactive and react with almost every molecule. Since it is highly reactive, its reaction rate is limited by diffusion. The reactivity of hydroxyl radicals derives from its high standard electrode potential (+2.3 V). Therefore, it is able to oxidize almost any molecule other than ozone (Zhang et al., 2018).
There are several origins for the different types of ROS: Superoxide anion is formed by autoxidation of distinct dehydrogenases and certain reductases, e.g. glutathione reductase. Non-enzymatic production is achieved by autoxidation of certain cellular components such as ubiquinols. Hydrogen peroxidase derives from several oxidases and the superoxide dismutase. UV radiation breaks it down into hydroxyl radicals (Mignolet-Spruyt et al., 2016). Other mechanisms for the generation of hydroxyl radicals are the Fenton and/or Haber-Weiss reaction (Fagali et al., 2015; Kehrer, 2000).
Haber-Weiss: Fe³⁺ + •O₂^- → Fe²⁺ + O₂
Fenton: Fe²⁺ + H₂O₂ → Fe³⁺ + OH^- + •OH
In order to neutralize the ROS and repair the occured damage bacteria have different mechanisms they can rely on. Two types of superoxide dismutase (SOD) dismutate O₂^- into H₂O₂: MnSOD and FeSOD (encoded by sodA and sodB) (Broxton & Culotta, 2016). Catalases (encoded by katE and katG) are able to disproportionate H₂O₂ into the nontoxic components H₂O and O₂ (Chaithawiwat et al., 2016). Further detoxification is achieved by the alkyl hydroperoxide reductase Ahp (encoded by ahpC and ahpF) which scavenges various free organic hydroperoxides (Kamariah et al., 2016). These genes are in E. coli under the control of various global regulators such as OxyR and SoxR. The regulators also promote the expression of genes involved in the repair of the damaged cell membranes, DNA and proteins and are activated by a conformational change induced by oxidative stress (Dubbs & Mongkolsuk, 2016; Seo et al., 2015).
In order to increase the cell’s resistance to oxidative stress a sophisticated approach is needed. An overexpression of the oxidative stress dependent regulators SoxR and OxyR should improve the cell’s ability to cope with an elevated number of ROS. Various combinations of the defense mechanisms are tested in order to determine the ideal defense against oxidative stress in order to maximize the longevity in presence of heavy metals. Agents like phytochelatin which are rich in cysteine and/or histidine residues are meant to bind free metal ions to lower the potential for Fenton and/or Haber-Weiss reactions.

Alkilany, A. M., Nagaria, P. K., Hexel, C. R., Shaw, T. J., Murphy, C. J., & Wyatt, M. D. (2009). Cellular uptake and cytotoxicity of gold nanorods: molecular origin of cytotoxicity and surface effects. Small, 5(6), 701-708.
Alum, A., Alboloushi, A., & Abbaszadegan, M. (2018). Copper nanoparticles toxicity: Laboratory strains verses environmental bacterial isolates. Journal of Environmental Science and Health, Part A, 1-8.
Bi, D.Q., Xu, Y.M. (2012). Influence of iron oxide doping on the photocatalytic degradation of organic dye X3B over tungsten oxide. Acta Physico-Chimica Sinica, 28, 1777-1782.
Bortner, C. D., Cidlowski, J. A. (2007). Cell shrinkage and monovalent cation fluxes: role in apoptosis. Archives of Biochemistry and Biophysics, 462(2), 176-188.
Broxton, C. N., & Culotta, V. C. (2016). SOD enzymes and microbial pathogens: surviving the oxidative storm of infection. PLoS pathogens, 12(1), e1005295.
Brust, M., Fink, J., Bethell, D., Schiffrin, D. J., & Kiely, C. (1995). Synthesis and reactions of functionalised gold nanoparticles. Journal of the Chemical Society, Chemical Communications, (16), 1655-1656.
Burgess, J. E., Quarmby, J., & Stephenson, T. (1999). Role of micronutrients in activated sludge-based biotreatment of industrial effluents. Biotechnology advances, 17(1), 49-70.
Caruntu D, Remond Y, Chou NH, Jun M-J, Caruntu G, He J, Goloverda G, O'Connor C, Kolesnichenko V (2002). Reactivity of 3d transition metal cations in diethylene glycol solutions. Synthesis of transition metal ferrites with the structure of discrete nanoparticles complexed with long-chain carboxylate anions. Inorganic chemistry, 41(23), 6137-6146.
Chaithawiwat, K., Vangnai, A., McEvoy, J. M., Pruess, B., Krajangpan, S., & Khan, E. (2016). Role of oxidative stress in inactivation of Escherichia coli BW25113 by nanoscale zero-valent iron. Science of the Total Environment, 565, 857-862.
Cioffi, N., Torsi, L., Ditaranto, N., Tantillo, G., Ghibelli, L., Sabbatini, L., Bleve-Zacheo, T., D’Alessio, M., Zambonin, P.G., Traversa, E. (2005). Copper nanoparticle/polymer composites with antifungal and bacteriostatic properties. Chemistry of Materials, 17(21), 5255-5262.
Chang, M. L., Chen, J. C., Yeh, C. T., Chang, M. Y., Liang, C. K., Chiu, C. T., Lin D.Y., Liaw, Y. F. (2008). Gene gun bombardment with DNA-coated gold particles is a potential alternative to hydrodynamics-based transfection for delivering genes into superficial hepatocytes. Human gene therapy, 19(4), 391-395.
Colman, B. P., Arnaout, C. L., Anciaux, S., Gunsch, C. K., Hochella Jr, M. F., Kim, B., Lowry, G.V., McGill, B.M., Reinsch, B.C., Richardson, C.J., Unrine, J. M., Wright, J.P., Yin, L., Bernhardt, E.S. (2013). Low concentrations of silver nanoparticles in biosolids cause adverse ecosystem responses under realistic field scenario. PLoS One, 8(2), e57189.
Dubbs, J. M., & Mongkolsuk, S. (2016). Peroxide‐Sensing Transcriptional Regulators in Bacteria. Stress and Environmental Regulation of Gene Expression and Adaptation in Bacteria, 587-602.
Eid, R., Arab, N.T.T., Greenwood, M.T. (2017). Iron mediated toxicity and programmed cell death: A review and a re-examination of existing paradigms. Biochimica et Biophysica Acta (BBA) - Molecular Cell Research, 1864(2), 399-430.
Fagali, N. S., Grillo, C. A., Puntarulo, S., & Lorenzo, M. A. F. (2015). Biodegradation of metallic biomaterials: its relation with the generation of reactive oxygen species. REACTIVE OXYGEN SPECIES, LIPID PEROXIDATION AND PROTEIN OXIDATION, 127.
Farr, S. B., Kogoma, T. (1991). Oxidative Stress Responses in Escherichia coli and Salmonella typhimurium. Microbiological Reviews, 55(4), 561-585.
Halliwell, B. (1991). Reactive oxygen species in living systems: Source, biochemistry, and role in human disease. The American Journal of Medicine, 91(3), S14-S22.
Halliwell, B. (2007). Biochemistry of oxidative stress. Biochem Soc Trans, 35(5), 1147-1150.
Halliwell, B., & Gutteridge, J. M. (2015). Free radicals in biology and medicine. Oxford University Press, USA.
Holleman, A. F.; Wiberg, N. (2001). Inorganic Chemistry. San Diego: Academic Press.
Huang, Q., Cao, M.H., Ai, Z.H., Zhang, L.Z. (2015). Reactive oxygen species dependent degradation pathway of 4-chlorophenol with Fe@Fe2O3 core-shell nanowires. Appl Catal B-Environ, 162, 319-326.
Hwang, E. T., Lee, J. H., Chae, Y. J., Kim, Y. S., Kim, B. C., Sang, B. I., & Gu, M. B. (2008). Analysis of the toxic mode of action of silver nanoparticles using stress‐specific bioluminescent bacteria. Small, 4(6), 746-750.
Ivask, A., ElBadawy, A., Kaweeteerawat, C., Boren, D., Fischer, H., Ji, Z., Chang, C.H., Liu, R., Tolaymat, T., Telesca, D., Zink, J. I., Cohen, Y., Holden, P.A., Godwin, H.A., (2013). Toxicity mechanisms in Escherichia coli vary for silver nanoparticles and differ from ionic silver. Acs Nano, 8(1), 374-386.
Kamariah, N., Nartey, W., Eisenhaber, B., Eisenhaber, F., & Grüber, G. (2016). Low resolution solution structure of an enzymatic active AhpC10: AhpF2 ensemble of the Escherichia coli Alkyl hydroperoxide Reductase. Journal of structural biology, 193(1), 13-22.
Kaplan, J. H., & Lutsenko, S. (2009). Copper transport in mammalian cells: special care for a metal with special needs. Journal of Biological Chemistry, 284(38), 25461-25465.
Kehrer, J.P. (2000). The Haber-Weiss reaction and mechanisms of toxicity. Toxicology, 149, 43-50.
Kim, J.S., Kuk, E., Yu, K.N., Kim, J.H., Park, S.J., Lee, H.J., Kim, S.H., Park, Y.K., Park, Y.H., Hwang, C.Y., Kim, Y.K., Lee, Y.S., Jeong, D.H., Cho, M.H., (2007). Antimicrobial effects of silver nanoparticles. Nanomedicine: Nanotechnology, Biology, and Medicine, 3, 95-101.
Letelier, M. E., Sánchez-Jofré, S., Peredo-Silva, L., Cortés-Troncoso, J., & Aracena-Parks, P. (2010). Mechanisms underlying iron and copper ions toxicity in biological systems: Pro-oxidant activity and protein-binding effects. Chemico-biological interactions, 188(1), 220-227.
Li, F., Lei, C., Shen, Q., Li, L., Wang, M., Guo, M., Huang, Y., Nie, Z., Yao, S. (2013). Analysis of copper nanoparticles toxicity based on a stress-responsive bacterial biosensor array. Nanoscale, 5(2), 653-662.
Liu, L., Wu, D., Zhao, B., Han, X., Wu, J., Hou, H., & Fan, Y. (2015). Copper (II) coordination polymers: tunable structures and a different activation effect of hydrogen peroxide for the degradation of methyl orange under visible light irradiation. Dalton Transactions, 44(3), 1406-1411.
Magner, L.N. (1992). In: Hippocrates and the Hippocratic Tradition. A History of Medicine. Duffy J, editor. Marcel Dekker, Inc; NYC: 1992. p. 393.
Masoud, R., Bizouarn, T., Trepout, S., Wien, F., Baciou, L., Marco, S., & Levin, C. H. (2015). Titanium dioxide nanoparticles increase superoxide anion production by acting on NADPH oxidase. PloS one, 10(12), e0144829.
Mignolet-Spruyt, L., Xu, E., Idänheimo, N., Hoeberichts, F. A., Mühlenbock, P., Brosché, M. & Kangasjärvi, J. (2016). Spreading the news: subcellular and organellar reactive oxygen species production and signalling. Journal of Experimental Botany, 67(13), 3831-3844.
Morones-Ramirez, J. R., Winkler, J. A., Spina, C. S., & Collins, J. J. (2013). Silver enhances antibiotic activity against gram-negative bacteria. Science translational medicine, 5(190), 190ra81-190ra81.
Ochoa-Herrera, V., León, G., Banihani, Q., Field, J. A., Sierra-Alvarez, R. (2011). Toxicity of copper (II) ions to microorganisms in biological wastewater treatment systems. Science of the total environment, 412, 380-385.
Seo, S. W., Kim, D., Szubin, R., & Palsson, B. O. (2015). Genome-wide reconstruction of OxyR and SoxRS transcriptional regulatory networks under oxidative stress in Escherichia coli K-12 MG1655. Cell Reports, 12(8), 1289-1299.
Shareena Dasari, TP, Zhang, Y, Yu, H (2015). Antibacterial Activity and Cytotoxicity of Gold (I) and (III) Ions and Gold Nanoparticles. Biochem Pharmacol (Los Angel) 4(6), 199.
Wang, X., Gu, Y., Johnson, D., Chen, C., Huang, Y. (2017). The toxicity and DNA-damage mechanism of α-Fe2O3 nanoparticles. Medicinal chemistry Research, 26(2), 384-389.
Winterbourn, C.C. (1995). Toxicity of iron and hydrogen peroxide: the Fenton reaction. Toxicol. Lett., 82-83, 969-974.
Witkiewicz, P. L., & Shaw, C. F. (1981). Oxidative cleavage of peptide and protein disulphide bonds by gold (III): a mechanism for gold toxicity. Journal of the Chemical Society, Chemical Communications, (21), 1111-1114.
Yaeger C.C. (1991). Copper and zinc preservatives. In S.S. Block (ed.), Disinfection, sterilization, and preservation. 4th edn, Lea & Fiebiger Press, Philadelphia, USA, 358-361.
Yun, J., Lee, D.G. (2017). Silver Nanoparticles: A Novel Antimicrobial Agent. Antimicrobial Nanoarchitectonics, 139-166.
Zhang, C. (2014). Essential functions of iron-requiring proteins in DNA replication, repair and cell cycle control. Protein Cell, 5, 750-760.
Zhang, Y., Newton, B., Lewis, E., Fu, P. P., Kafoury, R., Ray, P. C., & Yu, H. (2015). Cytotoxicity of organic surface coating agents used for nanoparticles synthesis and stability. Toxicology in Vitro, 29(4), 762-768.
Zhang, H., Jiang, X., Cao, G., Zhang, X., Croley, T. R., Wu, X., & Yin, J. J. (2018). Effects of noble metal nanoparticles on the hydroxyl radical scavenging ability of dietary antioxidants. Journal of Environmental Science and Health, Part C, 36(2), 84-97.
Zhao, G, Stevens, SE Jr. (1998). Multiple parameters for the comprehensive evaluation of the susceptibility of Escherichia coli to the silver ion. BioMetals 11(1), 27-32.

@@ Line 8: / Line 8: @@
 <script>
-	window.onscroll = function() {scrollFunction()};
+window.onscroll = function() {scrollFunction(); checkOffset();};
 	function scrollFunction() {
@@ Line 17: / Line 17: @@
 		}
 	}
+function checkOffset() {
+    if($('#page-arrow-top').offset().top + $('#page-arrow-top').height()
+                                           >= $('#footer').offset().top - 10)
+        $('#page-arrow-top').css('position', 'absolute');
+    if($(document).scrollTop() + window.innerHeight < $('#footer').offset().top)
+        $('#page-arrow-top').css('position', 'fixed'); // restore when you scroll up
+}
 	function topFunction() {
@@ Line 23: / Line 31: @@
 		}
-        page-arrow-top.addEventListener("hashchange", function() { scrollBy(0, -90) })
 function myFunction() {