Difference between revisions of "Team:Bielefeld-CeBiTec/Description"

m (added footer)
m
Line 4: Line 4:
 
</head>
 
</head>
 
<body>
 
<body>
−
<div class="container">
+
 
−
<div class="contentbox">
+
<div class="contentbox" style="margin-top: 60px;">
−
<div class="content style1">
+
<div class="content style1">
−
<article> With their broad chemical and functional diversity ncAAs provide a variety of promising applications including proteinlabeling, photocaging, structure analysis and specific protein interactions. Therefore, the development of a new iGEM toolkit for the translational incorporation of non-canonical amino acids (ncAAs) in E. coli would be a great contribution to the iGEM community. The site-specific incorporation of ncAAs requires the directed evolution of tRNA and aminoacyl tRNA synthetase pairs, which in turn mediate the introduction of a ncAA for a certain codon. We are especially exploring the application of unnatural base pairs (UBPs) as an expansion of the genetic code. This approach promises an optimal orthogonality to the autologous translation apparatus and a high flexibility concerning the incorporation of multiple ncAAs. We will utilize several systems to achieve a high retention efficiency. As examples for the successful incorporation of non-canonical amino acids we will develop a rapid test for prions and a new chromatography method for a mild elution of proteins. </article>
+
<h2> Main Title </h2>
−
</div>
+
<h4> Subtitle 1 </h4>
−
</div>
+
<article>
−
</div>
+
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 +
</article>
 +
<div class="figure">
 +
<img class="figure big" src="Svenjas_Zeichnung.png">
 +
<p class="figure big subtitle"><b>Figure 1:</b> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</p>
 +
</div>
 +
<article>
 +
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 +
</article>
 +
<div class="figure">
 +
<img class="figure medium" src="Svenjas_Zeichnung.png">
 +
<p class="figure medium subtitle"><b>Figure 1:</b> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</p>
 +
</div>
 +
<article>
 +
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 +
</article>
 +
<div class="figure">
 +
<img class="figure small" src="Svenjas_Zeichnung.png">
 +
<p class="figure small subtitle"><b>Figure 1:</b> Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren</p>
 +
</div>
 +
<article>
 +
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 +
</article>
 +
</div>
 +
</div>
 +
<div class="contentbox">
 +
<div class="content style2">
 +
<h4> Subtitle 2 </h4>
 +
<article>
 +
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 +
</article>
 +
</div>
 +
</div>
 +
<div class="contentbox">
 +
<div class="content style3">
 +
<h4> Subtitle 3 </h4>
 +
<article>
 +
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 +
</article>
 +
</div>
 +
</div>
 +
<div class="contentbox">
 +
<div class="content style2">
 +
<h4> Subtitle 4 </h4>
 +
<article>
 +
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 +
</article>
 +
</div>
 +
</div>
 +
<div class="contentbox">
 +
<div class="content style1">
 +
<h4> Subtitle 5 </h4>
 +
<article>
 +
Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
 +
</article>
 +
</div>
 +
</div>
 +
 
 
</body>
 
</body>
 
</html>
 
</html>
 +
 +
With their broad chemical and functional diversity ncAAs provide a variety of promising applications including proteinlabeling, photocaging, structure analysis and specific protein interactions. Therefore, the development of a new iGEM toolkit for the translational incorporation of non-canonical amino acids (ncAAs) in E. coli would be a great contribution to the iGEM community. The site-specific incorporation of ncAAs requires the directed evolution of tRNA and aminoacyl tRNA synthetase pairs, which in turn mediate the introduction of a ncAA for a certain codon. We are especially exploring the application of unnatural base pairs (UBPs) as an expansion of the genetic code. This approach promises an optimal orthogonality to the autologous translation apparatus and a high flexibility concerning the incorporation of multiple ncAAs. We will utilize several systems to achieve a high retention efficiency. As examples for the successful incorporation of non-canonical amino acids we will develop a rapid test for prions and a new chromatography method for a mild elution of proteins.
  
 
{{Team:Bielefeld-CeBiTec/Footer}}
 
{{Team:Bielefeld-CeBiTec/Footer}}

Revision as of 12:59, 14 July 2017

/* START OVERIDE HQ CSS */

  1. top_title {

display: none; }

  1. sideMenu {

display: none; }

  1. content {

padding: 0px; width: 100%; margin: 0px; border: none; }

  1. globalWrapper {

padding: 0px; }

  1. HQ_page p {

font-size: 10pt; }

  1. HQ_page table {

margin: 0px; margin: auto; }

ul { list-style-image: none; }

li { margin: 0px; margin-left: 25px; margin-bottom: 4px; }

a, a:link, a:visited, a:active { color: #9b4d75; text-decoration: none; }

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

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

  1. groupparts {

margin: auto; }





/* END OVERIDE HQ CSS */

/* START OUR WIKI CSS */


table, th, td { border-collapse: collapse; border: 1px solid #dddddd; }

table { width: 96%; table-layout: fixed; margin: auto; margin-top: 15x; margin-bottom: 15px; }

table.parts { width: 62%; margin-bottom: 20px; }

th { background-color: #efefef; text-align: center; }

tr { background-color: #ffffff; height: 30px; }

td { background-color: transparent; padding: 10px; }

tr:hover { background-color: #efefef; }



  • ,
    before,
    after {
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;

}

  1. bodyContent a[href^="https://"], .link-https {
   padding: 0px;

margin: 0px; }

body { height: 100%; font-family: verdana; font-size: 12px; color: #000000; margin: 0px; }

/*styles bar of the navigation bar and fixes it to the top*/ header { background-color: #FFFFFF; 

   text-align: center;
   float: left;
   width: 100%;
   height: 50px;
   position: fixed;

top: 16px; display: table-cell; vertical-align: bottom; z-index: 10; }


footer { background-color: #333333; text-align: center; float: left; width: 100%; height: 80px; padding-top: 15px; box-shadow: 0px 0px 5px #000000; margin: 0px; }

  1. navbar-left, #navbar-right {

box-shadow: 0px 0px 5px #000000; }

/*Aligns navbar items to the bar and removes bullet points*/ ul.navbar { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: #6b1d45; font-size: 14px; }


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

   ul.navbar {

/*background-color: #FF0000;*/ font-size: 12px; } }

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

   ul.navbar {

/*background-color: #0000FF;*/ font-size: 10px; } }

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

   ul.navbar {

/*background-color: #00FF00;*/ font-size: 8px; } }

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

   ul.navbar {

/*background-color: #00FFFF;*/ font-size: 6px; } }

.navbar-paragraph { background-color: #444444; color: #FFFFFF; list-style: none; width: 100%; height: 50%; margin: 0px; padding: 0px; }

.navbar.item-left, .navbar.item-right, .sub-navbar li { cursor:pointer; }

.navbar-paragraph.left { text-align: left; padding-left: 5%; }

.navbar-paragraph.right { text-align: right; padding-right: 5%; }

.navbar.left { width: 47%; float: left; height: 100%; }

.navbar.right { width: 47%; float: right; height: 100%; }

ul.navbar.center { width: 6%; float: left; padding: 1%; padding-bottom: 5px; padding-top: 5px; box-shadow: 0px 0px 5px #000000; }

ul.navbar.center:hover { /*background-color: #7b2d55;*/ background-color: #62153d; }

/*changes the order of the items from vertical to horizontal*/ li.navbar, .sub-navbar-item { float: left; margin: 0px; }

.navbar.item-left { float: right; }

.navbar.item-right { float: left; }

/*styles the single items from text-links to nice buttons*/ li.navbar a, .sub-navbar-item a { display: block; color: white; text-align: center; padding: 0px 16px; text-decoration: none; }

/*changes the item color when the cursor is hovering over it, clicking it or the tab is active*/ li.navbar a:hover, li.navbar a:active, li.navbar.active, 

li.navbar.highlighted {

background-color: #62153d; }

/*changes the item color when the cursor is hovering over it, clicking it or the tab is active*/ .sub-navbar-item a:hover, .sub-navbar-item a:active, .sub-navbar-item.active, 

.sub-navbar-item.highlighted {

background-color: rgba(0,0,0, 0.35); }

.sub-navbar { 

   text-align: center;
   float: left;
   width: 100%;
   position: fixed;
   top: 6000px;

z-index: 9; }

.sub-navbar-list { list-style-type: none; margin: 0; padding: 0; overflow: hidden; background-color: rgba(0,0,0,0.7); top: 0; width: 100%; }

.sub-navbar-item { font-size: 13px; height: 26px; line-height: 26px; }

.sub-navbar-item.small { font-size: 12px; }

.anchor-jump{ 

 display: block;
 height: 60px; /*same height as header*/
 margin-top: -60px; /*same height as header*/
 visibility: hidden;

}

/* bevel size, left offset and color settings next 3 lines */ /*.bevel, .content { border-width: 30px } .bevel, .content { border-color: #eeeeee; border-style:solid; }

.contentbox .tr, .contentbox .tl, .contentbox .br, .contentbox .bl { height: 0px; width: 100%; } .contentbox .tr, .contentbox .tl { border-top: 0; } .contentbox .br, .contentbox .bl { border-bottom: 0; } .contentbox .tr, .contentbox .br { border-right-color: transparent; } .contentbox .tl, .contentbox .bl { border-left-color: transparent; } .no_bevel { height: 0px; width: 100%; border-bottom: 0; }*/


.container { width: 100%; margin-top: 16px; background-color: #FFFFFF; }

/*styles the background of the content boxes and orders them below each other*/ .contentbox { width: 100%; 

   margin: auto;
   /*margin-bottom: 30px;*/

background: #f0f0f0; }

.contentbox:nth-child(even) { background-color: #ffffff; }

/*@media screen and (max-width: 1000px) { 

   .contentbox {
       width: 72%;
   }

}

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

   .contentbox {
       width: 80%;
   }

}

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

   .contentbox {
       width: 90%;
   }

}*/

.labnotebox { width: 100%; margin: auto; background-color: #ffffff }

.labnotebox:nth-child(even) { background-color: #f0f0f0 }

.contentbox.team { width: 100%; background-color: #FF0000; padding-left: 0px; padding-right: 0px; display: flex; }

.contentbox.left { background-color: #FFFFFF; padding-left: 0px; padding-right: 0px; width: 50%; height: 100%; }

.contentbox.right { background-color: #FFFFFF; padding-left: 0px; padding-right: 0px; width: 50%; }

/*surrounds the content by boxes with round edges and adds shadows*/ .content { 

   width: 62%;
   border-top: 0;
   border-bottom: 0;

overflow: auto; margin: auto; padding-bottom: 20px; }

.content.oligo-table{ 

   width: 86%;

}

article, .article { text-align: justify; 

   display: block;
   margin: auto;

}

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

.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;

}

/*---*/ .labnote-content { width: 50%; 

   border-top: 0;
   border-bottom: 0;

overflow: auto; margin: auto; padding-bottom: 20px; display: none; }

/*---*/ .labnote-title { padding-bottom: 5px; padding-left: 50px; padding-right: 50px; padding-top: 5px; text-align: justify; margin-top: 20px; margin: auto; cursor: pointer; text-align: center; }

/*---*/ .labnote-date { padding: 1px; padding-left: 50px; padding-right: 50px; padding-top: 20px; padding-bottom: 10px; text-align: center; margin: auto; }

/*icons from font-awesome*/ .fa { color: #dddddd; text-align: center; }

/*color change for icons*/ .fa:hover { color: #ffffff; }

.figure, .sponsor-figure { display: block; margin: auto; margin-top: 20px; margin-bottom: 20px; }

.figure.large, .sponsor-figure.large { width: 92%; }

.figure.medium, .figure.fifty, .sponsor-figure.medium, .sponsor-figure.fifty { width: 50%; }

.figure.small, .sponsor-figure.small { width: 30%; }

.figure.fourty, .sponsor-figure.fourty { width: 40%; }

.figure.sixty, .sponsor-figure.sixty { width: 60%; }

.figure.seventy, .sponsor-figure.seventy { width: 70%; }

.figure.eighty, .sponsor-figure.eighty { width: 80%; }

.figure.image, .sponsor-figure.image { width: 100%; margin-bottom: 15px; }

/*Styles the figure's subtitle to a smaller font-size. */ .figure.subtitle, .figure.subtitle p, .sponsor-figure.subtitle, , .sponsor-figure.subtitle p { font-size: 10pt; text-align: justify; margin-top: -10px; margin-bottom: 20px; }

.contentline { margin: auto; margin-top: 10px; margin-bottom: 10px; overflow: auto; }

.half { width: 48%; }

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

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

.third { width: 33%; float: left; margin-right: 0.334%; }

.third.double { width: 66%; float: left; margin-right: 0.335%; }

/*.figure { cursor: pointer; }*/

.cover { padding:0; 

   margin:0;

position:fixed; }

  1. cover {

cursor: pointer; width: 100%; height: 100%; background: rgba(0, 0, 0, 0); 

   top:0;
   left:0;

}

  1. cover-box {

width: 70%; height: 90%; background: rgba(1, 1, 1, 0); 

   top:50%;
   left:50%;

transform: translate(-50%, -50%); overflow: auto; margin-top: 25px; }

  1. cover-box-img {

position: relative; background: rgba(255, 0, 0, 0); width: 100%; height: 88%; text-align: center; margin-bottom: 0px; overflow: auto; }

  1. cover-box-text {

position:relative; background: rgba(0, 255, 0, 0); width: 100%; height: 12%; text-align: center; padding-left: 20px; padding-right: 20px; margin-top: 0px; overflow: auto; }

  1. cover-img {

margin: auto; margin-top: 10px; margin-bottom: 0px; }

  1. cover-p {

text-align: justify; }

  1. title {

background-repeat: no-repeat; background-size: 100%; background-attachment: fixed; background-position: 0px 34px; width: 100%; margin-top: 0px; position: relative; margin-bottom: 20px; }

  1. title img{

vertical-align: top; 

   width: 100%;
   opacity: 0;

}

  1. title-bg {

background-color: rgba(0, 0, 0, 0.7); line-height: 60px; position: absolute; 

   bottom: 0;

width: 100%; }

  1. title-text {

color: #FFFFFF; font-size: 30px; width: 60%; margin: auto; }

a.no-link { color: #ffffff; }

  1. footer-left {

width: 25%; float: left; }

  1. footer-center {

width: 50%; float: left; }

  1. footer-right {

width: 25%; float: left; }

  1. page-arrow-top {

cursor: pointer; padding: 0; 

   margin: 0;

position: fixed; bottom: 20px; 

   right: 50px;

}

.codeblock { width: 90%; color: #ffffff; background-color: #666666; font-size: 12pt; margin: auto; margin-top: 10px; margin-bottom: 10px; padding: 25px; padding-left: 50px; padding-right: 50px; font-family: courier new; }

.hidden-expand { cursor: pointer; }

.hidden-block { display: none; }

.equation-line { width: 96%; text-align: centeR; margin: auto; margin-top: 20px; margin-bottom: 20px; vertical-align: middle; }

.equation { }

.equation-nr { padding-top: 25px; float: right; }

.table-headline { margin: auto; margin-top: 10px; width: 96%; font-size: 12pt; }

p.table-headline { font-size: 12pt; }

.start-page-screen { background-color: #efefef; width: 100%; text-align: center; padding-top: 0px; }

.start-page-image { width: 67%; }

.start-page-screen:nth-child(even) { background-color: #ffffff; }

.borderbox { border-color: #6b1d45; border-style: solid; border-width: 5px; padding: 10px; }

body { background: #FFFFFF; }

.container.start-page { margin-top: 0px; }

html, body { 

   max-width: 100%;
   overflow-x: hidden;

}

Main Title

Subtitle 1

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Figure 1: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Figure 1: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Figure 1: Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua.takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Subtitle 2

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Subtitle 3

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Subtitle 4

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

Subtitle 5

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.

With their broad chemical and functional diversity ncAAs provide a variety of promising applications including proteinlabeling, photocaging, structure analysis and specific protein interactions. Therefore, the development of a new iGEM toolkit for the translational incorporation of non-canonical amino acids (ncAAs) in E. coli would be a great contribution to the iGEM community. The site-specific incorporation of ncAAs requires the directed evolution of tRNA and aminoacyl tRNA synthetase pairs, which in turn mediate the introduction of a ncAA for a certain codon. We are especially exploring the application of unnatural base pairs (UBPs) as an expansion of the genetic code. This approach promises an optimal orthogonality to the autologous translation apparatus and a high flexibility concerning the incorporation of multiple ncAAs. We will utilize several systems to achieve a high retention efficiency. As examples for the successful incorporation of non-canonical amino acids we will develop a rapid test for prions and a new chromatography method for a mild elution of proteins.