Team:Heidelberg/Human Practice/Open Day

__NOTOC__
<html>


<style>
h1.firstHeading { display: none; }

p {text-align: justify;}

a:link { color: #00b0e6; text-decoration: none} 
a:visited { color:#00b0e6; text-decoration: none}
a:hover { color:#f29400; text-decoration: none}
a:active { color:#f29400; text-decoration: none}

#bodyContent { padding: 10px auto; width: 910px; margin: auto; clear: none; }

table#team_members { text-align: justify; border: 0; }
table#team_members h2, table#team_members h3 { clear: both; }


/*-----------------------------------------------------------------------------------------------*/
div.MenuBar ul li ul.DropDownMenu {
  display: none; /* Hides all drop-down menus. */

}
/*
li:hover works in IE7 and FF2.
a:hover works in IE6 and FF2.
a:hover breaks li:hover in FF2.
*/
div.MenuBar ul li:hover ul.DropDownMenu li ul.SideMenu,
div.MenuBar ul li a:hover ul.DropDownMenu li a ul.SideMenu {
  display: none; /* Hides all side menus. */
}
/*------------------------------------------------------------------------------------- Menu Bar */
div.MenuBar {
  font: arial, helvetica, sans-serif;
  height: 30px;
  width: 910px;
  /*width: 100%*/
  margin: 0;
  border-top: 0;
  border-right: 0;
  border-left: 0;
  padding: 0;
  background: black;
  
}
div.MenuBar ul {
  font: arial, helvetica, sans-serif;
  text-align: center;	
  list-style-type: none;
  margin: 0.5em auto;
  border: 0;
  padding: 0;
  background: black;
}
div.MenuBar ul li {
  font: arial, helvetica, sans-serif;
  display: block;
  padding: 0;
  margin: 0;
  font-size: 1.3em;
  float: left;
  background: black;
  text-align: center;
  width: 107px;
  position: relative; /* Sets the positioning context for each drop-down menu. */
}

div.MenuBar ul li a {
  font: arial, helvetica, sans-serif;
  display: block;
  background: black;
  height: 22px; /* Keep height + padding-top + padding-bottom sync with the menu bar height. */
  color: #ffffff;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 1em; /* Sets the left space between top-level items. */
  padding-right: 1em; /* Sets the right space between top-level items. */
  text-decoration: none;
}

/*------------------------------------------------------------------------------ Drop-Down Menus */
div.MenuBar ul li:hover ul.DropDownMenu,
div.MenuBar ul li a:hover ul.DropDownMenu {
  display: block;
  width: 10em; /* Drop-down menu width.
                  Use MenuTailor.css to customize. */
  height: 1em;
  padding: 1px; /* Sets the drop-down menu "effective border" width. */
  position: absolute; 
  top: 23px; /* Places the drop-down menu under the menu bar.
                Keep it sync with the menu bar height. */
  left: 0; /* Aligns the drop-down menu to its top-level item. */
  background-color: black; /* Selected item. */
  color: #FFFFFF;

}
div.MenuBar ul li:hover ul.DropDownMenu li a,
div.MenuBar ul li a:hover ul.DropDownMenu li a {
  width: 10em; /* Keep it sync with the drop-down menu width.
                             Use MenuTailor.css to customize. */
  height: 1em;
  padding-left: 0;
  padding-right: 0;
  background-color: black; /* Selected item. */
  color: #FFFFFF;
}
ul.DropDownMenu li a span {
  display: block;
  padding-left: 0.75em; /* Sets the left space of each drop-down menu item. */
  padding-right: 0.25em; /* Sets the right space of each drop-down menu item. */
  text-align: right; /* Aligns the >> symbol to the right. */
}
ul.DropDownMenu li a span span {
  float: left; /* Aligns the text (back) to the left. */
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
  height: 20px;
  color: #FFFFFF;
}
/*----------------------------------------------------------------------------------- Side Menus */
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
  display: block;
  width: 11em; /* Side menu width.
                  Use MenuTailor.css to customize. */
  padding: 1px; /* Sets the side menu "effective border" width. */
  position: absolute;
  top: -1px; /* Aligns the side menu to its drop-down menu item.
                Keep it sync with the side menu "effective border" width. */
  left: 13em; /* Places the side menu to the right of the drop-down menu.
                            Keep it sync with the drop-down menu width.
                            Use MenuTailor.css to customize. */
}
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
  width: 11em; /* Keep it sync with the side menu width.
                             Use MenuTailor.css to customize. */
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
  left: 13em; /* Places the side menu to the right of the drop-down menu.
                            Keep it sync with the drop-down menu width.
                            Use MenuTailor.css to customize. */
}
div.MenuBar ul li ul.DropDownMenu li ul.SideMenu li a span {
  padding-left: 1.5em; /* Sets the left space of each side menu item. */
  padding-right: 0.5em; /* Sets the right space of each side menu item. */
  text-align: left;
  font: 12px arial, helvetica, sans-serif; /* Required for IE55. */
  left: 13em; /* Places the side menu to the right of the drop-down menu.
                            Keep it sync with the drop-down menu width.
                            Use MenuTailor.css to customize. */
}
/*----------------------------------------------------------------------------- Browser Specific */
* html div.MenuBar ul li a {
  float: left; /* Required for IE55 and IE6.
                             Breaks O9.
                             Hidden (* html) from non-IE browsers. */
}
* html ul.DropDownMenu li a:hover {
  cursor: hand; /* Required for IE55.
                   Hidden (* html) from non-IE browsers. */
}
ul.DropDownMenu li a:hover {
  cursor: pointer; /* Required for IE6 and IE7.
                      Hidding it (* html) from non-IE browsers breaks IE7! 
}
* html div.MenuBar a:hover {
  text-decoration: none; /* Required for IE55 and IE6.
                            Hidden (* html) from non-IE browsers. */
}
* html div.MenuBar ul li table,
* html div.MenuBar ul li table td {
  border: 0; /* Required for IE55 and IE6.
                Hidden (* html) from non-IE browsers. */
}
/*------------------------------------------------------------------------------- Default Colors */
div.MenuBar {
  background-color: Menu;
  border-bottom: 1px solid ButtonShadow;
}
div.MenuBar a {
  background-color: Menu; /* Top-level unselected items. */
  color: MenuText;
}
div.MenuBar ul li:hover a,
div.MenuBar ul li a:hover {
  color: #ea7f16;
  background-color: Highlight; /* Top-level selected item. */
  color: HighlightText;
}
/*...............................................................................................*/
div.MenuBar ul li:hover ul.DropDownMenu,
div.MenuBar ul li a:hover ul.DropDownMenu {
  background-color: ButtonShadow; /* Sets the drop-down menu "effective border" color. */
}
div.MenuBar ul li:hover ul.DropDownMenu li a,
div.MenuBar ul li a:hover ul.DropDownMenu li a {
  background-color: Menu;  Drop-down menu unselected items.
                             Sets the drop-down menu "effective background" color. */
  color: MenuText;
}
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover {
  background-color: Highlight; /* Drop-down menu selected item. */
  color: HighlightText;
}
/*...............................................................................................*/
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
  background-color: ButtonShadow; /* Sets the side menu "effective border" color. */
}
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
  background-color: Menu; /* Side menu unselected items.
                             Sets the side menu "effective background" color. */
  color: MenuText;
}
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
  background-color: Highlight; /* Side menu selected item. */
  color: HighlightText; 
}
/*-----------------------------------------------------------------------------------------------*/
/*Script-Free 3-Level Menu 1.2 Tailor
  www.CesarDaniel.info
/*-------------------------------------------------------------------------------------- General */
body {
  background: white;
  color: black;
  margin: 0;
  border: 0;
  padding: 0;
}


div.MenuBar {
  font: 13px arial, helvetica, sans-serif;
}
div.MenuBar ul {
  font: 13px arial, helvetica, sans-serif; /* Required for IE55. */
}
/*--------------------------------------------------------------------------------------- Colors */
div.MenuBar {
  background-color: black; /* Selected item. */
  color: #FFFFFF;
  border-bottom: 1px solid ButtonShadow;
}
div.MenuBar a,
div.MenuBar ul li:hover ul.DropDownMenu li a,
div.MenuBar ul li a:hover ul.DropDownMenu li a,
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a {
  background-color: black; /* Selected item. */
  color: #FFFFFF;
}
div.MenuBar ul li:hover a,
div.MenuBar ul li a:hover,
div.MenuBar ul li:hover ul.DropDownMenu li:hover a,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover,
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu li a:hover,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu li a:hover {
  background-color: #00b0e6; /* Selected item. */
  color: #FFFFFF;
}
div.MenuBar ul li:hover ul.DropDownMenu,
div.MenuBar ul li a:hover ul.DropDownMenu,
div.MenuBar ul li:hover ul.DropDownMenu li:hover ul.SideMenu,
div.MenuBar ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu {
  background-color: ButtonShadow; /* Sets the drop-down and side menus "effective border" color. */
}
/*--------------------------------------------------------------------------------------- Widths */
/*

/*
Menu Bar 1
Drop-Down Menu #2
*/
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4,
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4,
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM4 li a,
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM4 li a {
  width: 11em; /* Drop-down menu width. */
}
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5,
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5,
div.MenuBar#navi ul li:hover ul.DropDownMenu#MB1-DDM5 li a,
div.MenuBar#navi ul li a:hover ul.DropDownMenu#MB1-DDM5 li a {
  width: 12em; /* Drop-down menu width. */
}

/*...............................................................................................*/
/*
Menu Bar 1
Drop-Down Menu #2
Side Menu #1
*/
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 {
  left: 15.5em !important; /* Places the side menu to the right of the drop-down menu.
                            Keep it sync with the drop-down menu width. */
}
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1,
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1,
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM1 li a,
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM1 li a {
  width: 10em; /* Side menu width. */
}
/*...............................................................................................*/
/*
Menu Bar 1
Drop-Down Menu #2
Side Menu #2
*/
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 {
  left: 15.5em  !important; /* Places the side menu to the right of the drop-down menu.
                            Keep it sync with the drop-down menu width. */
}
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2,
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2,
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM2 li a,
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM2 li a {
  width: 10em; /* Side menu width. */
}
/*...............................................................................................*/
/*
Menu Bar 1
Drop-Down Menu #2
Side Menu #3
*/
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 {
  left: 15.5em  !important; /* Places the side menu to the right of the drop-down menu.
                            Keep it sync with the drop-down menu width. */
}
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3,
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3,
div.MenuBar#navi ul li:hover ul.DropDownMenu li:hover ul.SideMenu#MB1-DDM2-SM3 li a,
div.MenuBar#navi ul li a:hover ul.DropDownMenu li a:hover ul.SideMenu#MB1-DDM2-SM3 li a {
  width: 10em; /* Side menu width. */
}
/*...............................................................................................*/

</style>


<body>
<div id="header"><img src="https://static.igem.org/mediawiki/2008/7/78/TeamHeidelbergHeader.jpg" alt="Team Heidelberg" /></div>
<div class='MenuBar' id="navi">
	<ul>
		<li>
			<a href="https://2008.igem.org/Team:Heidelberg" style="color: white">Home
			<!--[if gt IE 6]><!--></a><!--<![endif]-->
			<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		<li>
			<a href="https://2008.igem.org/Team:Heidelberg/Team" style="color: white">Team<!--[if gt IE 6]><!--></a><!--<![endif]-->
			<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
			<ul class="DropDownMenu" id="MB1-DDM6">
			<li><a href="https://2008.igem.org/Team:Heidelberg/Team"><span><span>Overview</span></span></a></li>
			<li><a href="https://2008.igem.org/Team:Heidelberg/Team_Members#Advisors"><span><span>Advisors</span></span></a></li>
			<li><a href="https://2008.igem.org/Team:Heidelberg/Team_Members#Undergraduates"><span><span>Undergraduates</span></span></a></li>
			<li><a href="https://2008.igem.org/Team:Heidelberg/Team#There_are_many_Universities_-_and_there_is_Heidelberg_..."><span><span>University</span></span></a></li>
			<li><a href="https://2008.igem.org/Team:Heidelberg/Team#DKFZ"><span><span>DKFZ</span></span></a></li>
			<li><a href="https://2008.igem.org/Team:Heidelberg/Team#Bioquant"><span><span>BioQuant</span></span></a></li>
			<li><a href="https://2008.igem.org/Team:Heidelberg/BioRegioRN"><span><span>BioRegion Rhein-Neckar</span></span></a></li>
			</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		<li>
			<a href="https://2008.igem.org/Team:Heidelberg/Project" style="color: white">Project<!--[if gt IE 6]><!--></a><!--<![endif]-->
			<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
			<ul class="DropDownMenu" id="MB1-DDM1">
			<li><a href="https://2008.igem.org/Team:Heidelberg/Project"><span><span>Overall Project</span></span></a></li>
			<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/material"><span><span>Material & Methods</span></span></a>
			<li><a href="https://2008.igem.org/Team:Heidelberg/Project/Sensing"><span><span>Sensing</span></span></a></li>
			<li><a href="https://2008.igem.org/Team:Heidelberg/Project/Killing_I"><span><span>Killing I  - Phages</span></span></a></li>
			<li><a href="https://2008.igem.org/Team:Heidelberg/Project/Killing_II"><span><span>Killing II - Colicin</span></span></a></li>
			<li><a href="https://2008.igem.org/Team:Heidelberg/Project/Visualization"><span><span>Visualization</span></span></a></li>
			</ul>
			<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>

		<li>
			<a href="https://2008.igem.org/Team:Heidelberg/Parts" style="color: white">Parts<!--[if gt IE 6]><!--></a><!--<![endif]-->
			<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
				<ul class="DropDownMenu" id="MB1-DDM2">
				<li><a href="https://2008.igem.org/Team:Heidelberg/Parts"><span><span>Submitted Parts</span></span></a></li>
				<li><a href="https://2008.igem.org/Team:Heidelberg/Parts/Characterization"><span><span>Characterization</span></span></a></li>
				</ul>
				<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		<li>
			<a href="https://2008.igem.org/Team:Heidelberg/Modeling" style="color: white">Modeling<!--[if gt IE 6]><!--></a><!--<![endif]-->
			<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
				<ul class="DropDownMenu" id="MB1-DDM3">
				<li><a href="https://2008.igem.org/Team:Heidelberg/Modeling"><span><span>Overview</span></span></a></li>
				<li><a href="https://2008.igem.org/Team:Heidelberg/Modeling/Chemotaxis"><span><span>Chemotaxis-Colicin</span></span></a></li>
				<li><a href="https://2008.igem.org/Team:Heidelberg/Modeling/Phage"><span><span>Phage Dynamics model</span></span></a></li>
				</ul>
				<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		<li>
			<a href="https://2008.igem.org/Team:Heidelberg/Notebook/Overview" style="color: white">Notebook<!--[if gt IE 6]><!--></a><!--<![endif]-->
			<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
				<ul class="DropDownMenu" id="MB1-DDM5">
				<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Sensing_Group/Notebook"><span><span>Sensing ></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
			<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
					<ul class="SideMenu" id="MB1-DDM2-SM1">
					<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Sensing_Group/Cloning"><span>Cloning strategy</span></a></li>
					<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Sensing_Group/Notebook"><span>Notebook</span></a></li>
					</ul>
					<!--[if lte IE 6]></td></tr></table></a><![endif]-->
				</li>
				
				<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Killing_I/Notebook"><span><span>Killing I - Phages ></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
			<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
					<ul class="SideMenu" id="MB1-DDM2-SM2">
					<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Killing_I/Cloning"><span>Cloning strategy</span></a></li>
					<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Killing_I/Notebook"><span>Notebook</span></a></li>
					</ul>
					<!--[if lte IE 6]></td></tr></table></a><![endif]-->
				</li>
				<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Killing_II/Notebook"><span><span>Killing II - Colicin ></span></span><!--[if gt IE 6]><!--></a><!--<![endif]-->
			<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
					<ul class="SideMenu" id="MB1-DDM2-SM3">
					<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Killing_II/Cloning"><span>Cloning strategy</span></a></li>
					<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/Killing_II/Notebook"><span>Notebook</span></a></li>
					</ul>
					<!--[if lte IE 6]></td></tr></table></a><![endif]-->
				</li>
				<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/visualization"><span><span>Visualization</span></span></a>
				<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/material"><span><span>Material & Methods</span></span></a>
				<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/team_meetings"><span><span>Team Meetings</span></span></a>
				<li><a href="https://2008.igem.org/Team:Heidelberg/Notebook/seminar"><span><span>Seminar on Synthetic Biology</span></span></a>
				</ul>
				<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>
		<li style="width: 160px">
			<a href="https://2008.igem.org/Team:Heidelberg/Human_Practice/Project_Overview" style="color: white">Human Practice<!--[if gt IE 6]><!--></a><!--<![endif]-->
			<!--[if lt IE 7]><table border="0" cellpadding="0" cellspacing="0"><tr><td><![endif]-->
				<ul class="DropDownMenu" id="MB1-DDM4">
                               <li><a href="https://2008.igem.org/Team:Heidelberg/Human_Practice/Project_Overview"><span><span>Project Overview</span></span></a></li>
			       <li><a href="https://2008.igem.org/Team:Heidelberg/Human_Practice/Phips_the_Phage"><span><span>Phips the Phage</span></span></a></li>
                               <li><a href="https://2008.igem.org/Team:Heidelberg/Human_Practice/Essay"><span><span>Essay</span></span></a></li>
                               <li><a href="https://2008.igem.org/Team:Heidelberg/Human_Practice/Surveys"><span><span>Surveys</span></span></a></li>
                               <li><a href="https://2008.igem.org/Team:Heidelberg/Human_Practice/Open_Day"><span><span>Open Day</span></span></a></li>
                               <li><a href="https://2008.igem.org/Team:Heidelberg/Human_Practice/Nobel_Prize"><span><span>Nobel Prize</span></span></a></li>				
				
				</ul>
				<!--[if lte IE 6]></td></tr></table></a><![endif]-->
		</li>		

		<li>
			<a href="https://2008.igem.org/Team:Heidelberg/Sponsors" style="color: white">Sponsors</a>
		</li>
	</ul>

</div>
<div id="header_bottom"><img src="https://static.igem.org/mediawiki/2008/e/ef/Navi_bg.gif" alt="" / ></div>
</body>
</html>

== '''Open Day - "Learning by doing was great"''' ==
[[Image:Opd15.jpg|right|210px]] [[Image:Opd10.jpg|right|210px]] [[Image:Opd14.jpg|right|210px]]
On the 27th of October, carriedout an Open Day for school classes from Speyer (Rhineland-Palatinate, Germany) and Hessen (Germany). Together they were 24 pupils. We presented Synthetic Biology, iGEM and our project. We also let the pupils experience to do lab work on their own and therefore set up a 3 hours parcours to visualize, isolate and proof the existence of Biobricks.

'''The motto of our Open Day was GFP''' - since this discovery was just awarded a Nobel Prize, is very impressive and very good to visualize. 
What we did was to first give the pupipls an introduction into synthetic biology, igem and our project. After this, we explained in greater detail the idea of biobricks. From this we came to GFP and showed them the part in the registry. One of the things that impressed them most was the registry: They couldn't believe that there is really DNA on the spots! We explained to them, how we actually work in the lab in when we use biobricks and lead over to the practical program of the day:

First, we showed GFP in action: We had prepared several cell lines - procaryotic as well as eucaryotic - and let them explore them under the microscope. They also explored their own cells of the mucous membane of the oral cavity with different staining methods in this part of the parcours.

Then we showed them how to isolate a Biobrick from a bacterial culture: Every pupil carried out a minipreparation under advisment of the students. By explaining every step of the plasmid preperation they got an insight into the prinziples of working with DNA - and sometimes wondered that it was really that simple to isolate a plasmid.

As a last step, we checked the resulsts of the miniprep and made a agarose gel electrophoresis. We are very proud of our visitors: Everybody accomplished to isolate the GFP plasmid and run it on the gel! 

Ofter the practical part of the day we finished the jazzy, opening day with cake and coffee and had time to speak to the pupils in a relaxed atmosphere. Altogether we can say that we students had a great time and enjoyed introducing young, interested people into synthetic biology very much.- And the throughout positive feed-back of the pupils showed us that they enjoyed this day, too.

[[Team:Heidelberg/Human_Practice/Open_Day/Impressions|'''More Open Day Impressions''']]

=='''Feed-Back by the Pupils'''==

At the Open Day the pupils wrote some feed-back statements on the board in the seminar room, where we ate cake and drank coffee.
We were very happy and impressed when we got a great feed-back by the pupils the next day. They wrote down their impressions of the open day in a short essay in their biology class at school together with their teacher and send to us the followning text (we translated the text in english, the original german version can be found below). 


[[Team:Heidelberg/Human_Practice/Open_Day/Impressions|'''More Open Day Impressions''']]

[[Image:Opd8.jpg|200px]]  [[Image:Opd7.jpg|400px]]  [[Image:Opd6.jpg|200px]]

== '''Material to carry out an Open Day on Synthetic Biology''' ==

We provide the idea and the material needed to carry out an open day for a school class, presenting synthetic biology and optionally iGEM.

'''Number of visitors:''' 25 pupils

'''Time needed:''' 5 hours

'''Schedule:''' <br/>
•	Introduction and Presentation of iGEM, Synthetic Biology and your project. Download the presentation (german version) as ppt-file [http://rapidshare.com/files/157698230/Open_Day.ppt.html here] (rapdishare download file) and as pdf-file [[Media:Open_Day.pdf| here]]. Download the english ppt-version [http://rapidshare.com/files/157744850/Open_Day_english.ppt.html here] (rapdishare download file) and as pdf-file [[Media:Open_Day_english.pdf| here]]. <br/>
•	Lab parcour including the stations: Microscopy, Miniprep, Gel electrophoresis <br/>
•	Coffee and cake at the end of he opening day --> very importent to get into contact with the pupils in a relaxed atmosphere :) <br/>

== '''Minipreparation''' ==

After being given a theoritcal introduction, the pupils carry out a plasmid minipreparation using a standard kit.

'''Theoritcal background:'''

All synthetic biologists in the lab need plasmids as very important tools for their work. You can find them in bacterial cells – either naturally, or put in there by scientists. The bacteria amplify the plasmids in their cells (they replicate them, meaning they make identical copies) and of course they multiply the total amount of plasmids by growing – more bacteria means more plasmids on the whole. If we want to work with these plasmids, like checking whether they are the right ones or engineering them, we need to get them out of the bacteria. Therefore we need plasmid preparation.

The procedure is simple, but honestly, it is not very convenient for the bacteria: We need to destroy them; scientists say to lyse them, to set the plasmids free together with the other contents of the cell. Then you will have a mixture of DNA (chromosome and plasmids), RNA, proteins and others cell components. But you only need the plasmid DNA in this case, everything else has to be separated from it, because the rest can have a negative effect on further applications.

The method we mostly use in the laboratory to isolate plasmids is called alkaline lysis. This classical method is today standardized. Like the name implicates, you need alkaline agents for the lysis of the cell. Additionally, you use detergents, to break the cell wall and lyse the cells. 

[[Image:Miniprep_eng.jpg]]

'''1. Lysis'''

You can, for example, also find detergents in washing agents. There they help to remove grease spots. This works as follows: Detergents have a very similar structure to lipids. They therefore can mix with them and loose their connection to fibres of the clothes. In Bacteria, they act in a very similar way: They mix with the lipids that form the bilayer of the plasma membrane and destroy there ordered structure. This is how they make holes in the plasma membrane, which leads to the lysis of the cell.

'''2. Precipitation and separation of proteins and chromosomal DNA'''

Now we come to the alkaline part of this procedure: In adding sodium hydroxide (NaOH) to the solution, the pH is increased from roughly 7 to 12. Because this is a huge contrast to the normal physiological pH, proteins and DNA denature and change their conformation. RNA is degraded. Proteins and DNA, which are denatured cannot be soluted any more and precipitate. You all know the phenomenon of denatured proteins from making fried eggs: The egg changes its consistency if you heat it and gets hard – this is due to the denaturising proteins. The same effect as heat, have acids or bases (like NaOH). In denatured DNA, the two strands get separated from each other.

The trick the alkaline method uses, to separate the plasmid DNA from the chromosomal DNA and the proteins, is to lower the pH again by adding acid (for example potassium acetate) to the solution. If the pH approximates the physiological one, the plasmids are able to renature first, because they are small and the two DNA strands find each other with a much higher possibility than the ones of the big chromosome. Therefore if you keep the renaturising step short, only the plasmids are able to build double helices and solute again. The chromosomal DNA and the proteins stay precipitated. They can be separated from the plasmids by centrifugation. 
(The white solids on the tube after centrifugation are the precipitated proteins, DNA and other cell components. The plasmid DNA is soluted in the clear supernatant.)

'''3. Binding of DNA'''

Now how do we get the plasmids out of this salty solution (remember we put a lot of salts to the solution to first rise, then lower the pH) into a clear one that can be used for further applications? You could precipitate the plasmids like we did with the proteins before, but there is another possibility, which is widely used today: 
You bind the DNA to a solid phase. This often consists of silica, which can be used in a bead like form, but in most cases, it is included in a column integrated in an eppendorf tube. The DNA can bind to the silica column, if the solution is very salty. If you centrifuge, the salty solution is drawn through the column into the tip of the tube and the DNA remains bound to the column.

'''4. Eluation of the plasmids'''

In the last step, you eluate the DNA from the column, meaning you loosen the bonds between DNA and silica and solute the DNA again. This is possible with every solution containing low or no salt at all.  You can take water, for example. You put it on the column, centrifuge again, but this time the DNA will also be drawn through the column into the tip of the tube together with the water.
You can then proceed to work with your purified plasmids: you can, for example, check, whether you have isolated the right one using agarose gel electrophoresis.



== '''Minipräparation (German)''' ==

Eines der wichtigsten Arbeitsutensilien des Wissenschaftlers der Synthetischen Biologie sind Plasmide. Diese befinden sich in Bakterienzellen, beziehungsweise werden von Wissenschaftlern dort eingeschleust. Die Bakterien vermehren diese Plasmide in ihren Zellen; sie replizieren sie (fertigen identische Kopien an). Natürlich erhöhen sie die Gesamtanzahl an Plasmiden auch dadurch, dass sie sich teilen: mehr Bakterien produzieren entsprechend mehr Plasmide. Wenn wir nun mit diesen Plasmiden weiterarbeiten wollen, wenn wir sie zum Beispiel verändern möchten, oder auch nur schauen, ob die Bakterien tatsächlich die richtigen Plasmide besitzen, dann müssen wir die Plasmide wieder aus den Bakterien herausbekommen. Das machen wir mir Hilfe einer Plasmidpräparation.

Das Verfahren ist einfach, wenn auch nicht angenehm für die Bakterien: Um die Plasmide zu isolieren, werden die Bakterien schlichtweg zerstört, man sagt auch: sie werden lysiert. Dabei wird der Inhalt der Bakterien freigesetzt und mit ihm auch die Plasmid-DNA. Diese muss in den folgenden Schritten gereinigt werden, sprich von den Resten der Bakterien befreit und von noch vorhandenen Proteinen getrennt werden, denn diese würden die folgenden Arbeitsschritte stören.

[[Image:Miniprep.jpg]]

Die Methode, die wir hierzu im Labor verwenden, und für die es auch standardisierte Verfahren zur Durchführung gibt (Kits und Automaten) ist die der alkalischen Lyse. Sie ist eine der klassischen Methoden zur Plasmidpräparation. 
Wie es der Name schon sagt, werden hierzu alkalische Substanzen verwendet, zusammen mit einem Detergenz (zum Beispiel Sodium Dodecylsulfat – SDS), um die Zellwand der Bakterien aufzubrechen, und diese so zu lysieren. 

'''1. Lyse'''

Detergenzien findet man auch in Waschmitteln. Dort helfen sie, Fettflecken zu lösen, indem sie sich mit den Lipiden mischen und sie von den Fasern der Kleidungsstücke ablösen. Wenn man Detergenzien zu Bakterienzellen gibt, mischen sich sich unter die Lipide, die die Biomembranen des Bakteriums aufbauen und zerstören deren Ordnung. So entstehen Löcher in der Plasmamembran der Bakterien und sie lysieren.

'''2. Fällung und Abtrennen von Proteinen und chromosomaler DNA'''

Nun kommen wir zu dem Schritt, der der ganzen Methode den Namen gibt: Durch Zugabe von Natriumhydroxid (NaOH), einer Lauge, wird der pH der Lösung bis auf 12 erhöht. Da dieser sich sehr stark vom normalen pH in Zellen unterscheidet (pH 7,4), denaturieren unter diesen Bedingungen DNA und Proteine. RNA wird abgebaut (auch von extra hinzugegebenen Enzymen). Die denaturierte DNA und Proteinmoleküle sind in der Lösung nicht mehr stabil und fallen aus. Das Phänomen denaturierender Proteine kennt wohl jeder von Spiegeleiern: Erhitzt man die Eier verändert sich ihre Konsistenz und sie werden hart, weil durch die Hitze die Proteine denaturieren. Einen ähnlichen Effekt auf Proteine haben Säuren und Laugen. Beim Denaturieren von DNA trennen sich die beiden Stränge. 

Der Trick der alkalische Lyse ist nun, die Plasmid-DNA von der restlichen DNA und den Proteinen zu trennen, indem durch Zugabe von Säure die Lösung wieder neutral(er) gemacht wird. Die kleine Plasmid-DNA kann als erstes wieder renaturieren und in Lösung gehen, wenn der pH-Wert sinkt, indem die beiden Partnerstränge sich finden und wieder eine Doppelhelix ausbilden. Dies geschieht wesentlich leichter und schneller als bei den großen chromosomalen DNA-Strängen. Lässt man die DNA also nur kurz bei neutralem pH, renaturiert nur die Plasmid-DNA und kann dadurch wieder gelöst werden. 
Die Proteine, genauso wie die DNA des Bakterienchromosoms können nicht wieder in Lösung gehen. Sie können von den Plasmiden getrennt werden, indem man das Ganze zentrifugiert. Die weißen Überbleibsel am Eppi sind die denaturierten Bestandteile der Lösung, im klaren Überstand sind die Plasmide gelöst.

'''3. Binden von DNA an eine Säule'''

Nun hätte man die Plasmide isoliert in Lösung vorliegen. Ein Problem ist aber, dass die Lösung sehr hohe Konzentrationen an Salz hat, welches zur pH-Veränderung zugegeben wurde. Hohe Salzkonzentrationen stören aber viele Folgeanwendungen der Plasmide, wie Restriktionsverdaue oder Sequenzierungen. Daher muss die DNA aus der salzigen Lösung in eine weniger salzige überführt werden. 
Eine Möglichkeit, das zu erreichen, wäre die Plasmide, ähnlich wie die Proteine zuvor, auszufällen und in Wasser neu zu lösen. Wir verwenden in der Regel jedoch eine andere Technik:
Wir binden die Plasmide an ein festes Trägermaterial, und trennen sie so von ihrem Lösungsmittel. Der Träger ist häufig Silikat. Es wird in Form von Säulen verwendet, die sich in einem Eppendorf-Tube befinden. Daran kann die DNA binden, solange sehr viel Salz in der umgebenden Flüssigkeit ist. Das Prinzip dieser Säulentechnik ist es, die DNA an die Säule unter Hochsalzbedingungen zu binden (wir erinnern uns, dass nach der Abtrennung der Proteine sehr viel Salz in der Lösung vorhanden ist). Gibt man also die Lösung aus dem vorherigen Schritt auf die Säule und zentrifugiert, bleibt die DNA an der Säule haften, das Lösungsmittel mit den Salzen und andere Verunreinigungen werden durch die Säule gezogen und können verworfen werden. 

'''4. Eluieren der DNA'''

Gibt man auf die Säule mit der DNA eine Lösung ohne / mit wenig Salz, zum Beispiel Wasser, und zentrifugiert erneut, löst sich die DNA im Wasser und wird mit diesem durch die Säule gezogen. Man erhält in dem Säulendurchfluss (Eluat) eine Lösung mit der reinen DNA.

Von der gereinigten DNA kann man anschließend die Konzentration bestimmen, um zu sehen, wie viel isoliert wurde. Man kann dann mittels Agarose Gelelektrophorese überprüfen, ob auch die gewünschte DNA isoliert wurde, und nicht etwa irgendetwas anderes.


== '''Agarose Gel Electrophoresis''' ==

One of the most important tools in synthetic biology are bacterial plasmids. We already showed how they can be isolated and engineered. But how can you check, if really the right DNA has been isolated, for example? Of course, you can not see DNA! But you can determine the length of the DNA- fragments. Each DNA sequence has a defined length, because it is made of the same bricks, the nucleotides: So, a DNA-sequence, which is build of 400 nucleotides, has a length of 400 times the length of one nucleotide, naturally. Biologists generally call this length 400 base pairs (because every nucleotide contains a base, which is responsible for the encoding of the genetic information). A DNA-sequence containing 800 nucleotides is twice the length of the first one. To determine these differing lengths, we use agarose gel electrophoresis. So let us go through the steps of the procedure:

[[Image:Age_en.jpg]]

'''1. Production of the gel'''

The basis fort he separation of the DNA- fragments is provided by the agarose gel. Agarose consists of long chains of sugar molecules, which are very similar to the ones we daily eat in candies. The speciality of agarose is that the chains of sugar molecules can bind to each other to form a dense network. Thereby there consistency becomes gel like. This happens, if agarose is soluted in water and thereafter boiled. When the liquid cool down, it changes its consistency, becomes harder and forms a gel. You call this polymerization. Everybody who loves wobble pudding knows this phenomenon from gelatine. 
The agarose gel will serve as a molecular sieve, which the DNA will have to pass and wind through in the later steps. The higher the concentration of dissolved agarose is, the smaller the pores in the network are and the harder it will be for the DNA to find a way through. To prevent the gel from drying and provide enough liquid for the journey of the DNA, the gel is put into a buffer, a solution which supports the following procedure.

'''2. Loading of the DNA'''

The DNA will now be loaded on one side of the gel. Therefore little slots have been formed on one side of the gel, so the DNA can be poured into them. Before this can happen, there need to be added some components to the DNA sample: First, a dye called Bromphenol Blue is added. This dye shows how far the solution put in the slots has already wandered in the gel, so the journey of the DNA can be stopped before it leaves the gel at the opposite side. Moreover, glycerol is added to the DNA samples. The density of glycerol is higher than the density of water, therefore it sinks to the bottom if put into a watery solution. If mixed with the DNA sample, glycerol makes this sample ‘heavier’ and lets it sink to the bottom of the slots in the gel. Without glycerol, the DNA-sample could easily mix with the buffer already in the slots, could again leave the slots and spread over the whole gel. Then it would be wasted, because it could not run through the gel and be separated.

'''3. The electric field'''

Now we come to the actual process of the electrophoretic separation of the DNA-fragments. Therefore an electric field is applied between the two ends of the gel. This can affect the DNA, because DNA is a charged molecule. The backbone of the DNA partly consists of phosphates. These are the acid radicals of phosphoric acid, which you all know from cola: there it is responsible to make cola sour. These acid radicals are negatively charged and thereby give the whole DNA molecule a substantial negative charge. To draw the DNA-fibres through the agarose network, we now use the electric field: Since positive charges and negative charges attract each other, the DNA is drawn through the gel if one installs the positive pole of the electric field at the opposite end of the gel (opposite to the slots filled with DNA). Additionally, the negative pole is installed at the ‘back’ of the DNA behind the slots. Since charges with the same character repel each other, the DNA molecules are ‘kicked away’ from the slots.
So far, everything is clear; the DNA- molecules wander through the agarose network in direction of the positive pole. But how are they separated according to their length? This is achieved due to the different behaviour of DNA-molecules with different lengths in this electrically enhanced gel: Long DNA- fibres are much slower in passing the network than short ones are because they constantly get stuck at the agarose fibres and have problems to get through the tiny pores. After a certain time of gel run, the long fragments are in a position much closer to the slots than the short fragments. The short ones are therefore running faster and have passed a much longer distance. So the ratio of running time to the passed distance is proportional to the length of the DNA-fragments. Therefore it is characteristic for the fragment length. Because of this you can approximate the length of an unknown fragment from comparing its running distance to the one of a fragment you already know the size of.
Fragments with the same length are running at the same speed. Therefore they are located at the same level in the gel after a certain running time. You call a part of a lane in the gel, where DNA- fragments of the same length accumulate, a band. If you put DNA samples on the gel, where you don’t know the length of, and put DNA samples of defined length into another slot of the gel, you can compare the bands after a certain running time. If one band of the unknown sample is located at the same level than the defined sample which you know is 500 base pairs long – you then know: The unknown sample also contains DNA- fragments with 500 base pairs length. To simplify the work of molecular biologists, there have been developed mixtures of DNA- fragments with defined lengths, which can be put on the gel together with the samples to investigate. These mixtures are called ladders, because they form multiple bands which resemble a ladder. These ladders in principle are scales, which show you at which position in the gel the DNA- fragments with 500 base pairs should be, at which the ones with 100 base pairs and so on.

'''4. Staining of the DNA'''

Now we have separated the DNA- fragments, how can we actually see them? Since up to now, the gel is colourless, only the blue dye we put in it can be seen, but no DNA- bands. So we have to stain the DNA to visualize it. This is done with the help of a dye called ethidium bromide. This dye can slide in between the base stocks of the DNA double helix, you also say it intercalates. So ethidium bromide intercalates into the DNA strands in regular intervals and thereby each strand is enriched with a certain amount of the dye. But still you can not see anything. This is because this dye needs to be activated, before it shows its colour, which then will be orange. To activate the dye, you illuminate it with UV-light (which contains very much energy). Now the dye will actually shine orange. 

But the real thing which is special about ethidium bromide is that it shines much more intensively (50 to 100 times), if it is intercalated into DNA, than if it is free. So you can clearly differentiate the areas where DNA is one the gel (the bands) from the rest if you illuminate the gel with UV-light. Only they will shine in an orange colour. To document your gel results, you generally take a picture.


== '''Agarose Gelelektophorese (German)''' ==

Eines der wichtigsten Werkzeuge in der synthetischen Biologie sind Plasmide. Wir haben schon gezeigt, wie man diese Plasmide verändern kann und auch, wie man sie aus Bakterienzellen isolieren kann. Aber wie überprüft man, ob tatsächlich die richtige DNA isoliert wurde? Man kann DNA ja nicht sehen. Aber man kann ihre Länge bestimmen. Jede DNA Sequenz hat eine bestimmte und bestimmbare Länge. Denn alle Sequenzen sind aus den gleichen Grundbausteinen aufgebaut, die sozusagen eine Einheitslänge besitzen. Eine Sequenz, die aus 400 Nukleotiden besteht, ist also 400 mal die Länge eines Nukleotids lang. Biologen sagen in der Regel, sie ist 400 Basenpaare lang (jedes Nukleotid trägt eine Base, und bei doppelsträngiger DNA besteht jede „Längenposition“ aus den beiden komplementären Nukleotiden oder Basen). Die gängigste Methode für diese Überprüfung ist die Agarose-Gelelektrophorese. 
Wir wollen ihre verschiedenen Arbeitsschritte nacheinander gemeinsam durchgehen:

[[Image:Age.jpg]]

'''1. Herstellung des Gels'''

Die Grundlage für die Auftrennung der DNA bietet das Agarosegel. Agarose besteht aus langen Ketten aus Zuckerbausteinen, die mit den Bausteinen verwandt sind, die den Zucker aufbauen, den wir täglich konsumieren. Das Besondere ist, dass die Agarosefäden zu einem dichten Netzwerk verbunden werden können, und so eine gelartige Struktur annehmen. Dies geschieht, wenn man Agarose in Wasser löst und aufkocht. Die Agarose löst sich und wenn die Flüssigkeit abkühlt wird sie fest, man nennt das Polymerisieren. Ein ganz ähnliches Phänomen kennen sicher alle Wackelpuddingliebhaber von der Haushaltsgelatine. Dieses Gel wirkt als molekulares Sieb, hier muss sich später die DNA durchschlängeln. Je höher die Agarose konzentriert ist, desto kleiner sind die Lücken im Netzwerk, und desto schwerer ist das Durchkommen. Damit das Gel nicht austrocknet, und genügend Flüssigkeit für die Wanderung der DNA vorhanden ist, wird es in eine Flüssigkeit gelegt, wir sagen, in einen Puffer, in dem die folgenden Geschehnisse stattfinden.

'''2. Auftragen der DNA'''

Die DNA wird nun in eine Seite des Gels eingebettet. Dazu wurden bei, Gießen des Gel Taschen freigelassen, in die die DNA eingefüllt werden kann. Bevor dies geschieht, wird noch ein Farbstoff zur DNA gegeben: Bromphenolblau. Er zeigt uns, wieweit die Flüssigkeit sich schon bewegt hat, damit wir das Gel rechtzeitig stoppen können. Stoppt man das Gel zu spät kann es passieren, dass die DNA schon aus dem Gel gelaufen ist – dann muss der Versuch wiederholt werden. Außerdem befindet sich in der Lösung mit dem Farbstoff noch Glycerin. Dieses hat eine höhere Dichte als Wasser und sinkt daher ab, wenn man es zu einer wässrigen Lösung gibt. Der Sinn davon ist, dass es die Lösung mit der DNA „schwerer macht“, und diese leichter absinkt, wenn man sie in die Geltaschen pipettiert – sonst würde sie sich zu sehr mit der Pufferlösung mischen und am Ende aus der Tasche entweichen und sich verteilen.

'''3. Das elektrische Feld'''

Jetzt kommen wir zum eigentlichen Auftrennungsprozess: Zwischen den beiden Enden des Gels wird ein elektrisches Feld angelegt. Dieses kann auf DNA wirken. Denn DNA ist ein geladenes Molekül: Im Rückgrat der DNA, an dem die Basen, die die genetische Information codieren befestigt sind, befinden sich sogenannte Phosphatreste. Dies sind Reste der Phosphorsäure, (die jeder von euch schon mal getrunken hat: Sie ist ein wichtiger Bestandteil von Cola!). Diese Säurereste sind negativ geladen und geben so in regelmäßigen Abständen dem gesamten DNA-Strang eine beträchtliche negative Ladung. Um die DNA-Fäden durch das Agarose- Netzwerk zu bewegen, nutzen wir nun das elektrische Feld: Positive elektrische Ladungen ziehen negative an. Das bedeutet, die positive elektrische Ladung muss sich auf der gegenüberliegenden Seite von den Geltaschen befinden, damit die DNA durch das Gel wandert. Legt man die negative elektrische Ladung hinter die Geldtaschen, beschleunigt sie die Wanderung der DNA zusätzlich, denn gleichartig geladene Teilchen stoßen sich ab. Die negative Ladung „im Rücken“ der DNA-Fäden gibt ihnen sozusagen einen Schubs von hinten.
Soweit so gut, die DNA- Fäden bewegen sich durch das Netzwerk auf den positiven Pol zu. Aber wie werden sie entsprechend ihrer Größe aufgetrennt?
Die langen DNA-Fäden bewegen sich wesentlich schwerfälliger durch das dichte Netzwerk als die kurzen kleinen Fäden, weil sie ständig an Agarose hängen bleiben und nicht so gut durch die kleinen Poren kommen. Sie befinden sich also nach einer bestimmten Zeit wesentlich weiter hinten (in Richtung der Geltaschen) als die kurzen DNA-Stücke, die sozusagen schneller ‚rennen’ und daher nach gleicher Zeit eine weitere Strecke zurückgelegt haben. Dieses Verhältnis aus Laufzeit und zurückgelegter Strecke ist damit proportional zur Länge der DNA-Moleküle und somit auch charakteristisch für sie. Man kann dadurch auch auf die Länge unbekannter DNA-Stücke durch den Vergleich mit der Laufweite bekannter DNA-Stücke schließen.
Stränge gleicher Größe bewegen sich gleich schnell, weshalb sie sich nach einer bestimmten Laufzeit durch das Gel alle auf gleicher Höhe befinden: Man nennt solche Bereiche in einer Spur (Verlängerung einer Tasche) des Gels, in denen sich DNA gleicher Länge befindet, eine Bande. Gibt man DNA-Stücke mit den Proben auf das Gel (in eine andere Spur wie die Proben-DNA, so dass man sie unterscheiden kann), deren Länge man kennt, dann kann man aus dem Vergleich ihrer Laufstrecke mit der der unbekannten Proben auf die Länge der Probe schließen. Ist zum Beispiel die DNA einer unbekannten Probe genauso weit gelaufen, wie ein DNA-Fragment von 500 Basenpaaren (das ist die Längenangabe, die in der Regel für DNA verwendet wird), dann ist das unbekannte Fragment ebenfalls 500 Basenpaare lang. Um den Molekularbiologen diese Abschätzung zu erleichtern gibt es fertige Mixturen mit DNA-Fragenten verschiedener bekannter Längen, sogenannte Standards, die bei jeder Gelelektrophorese verwendet werden und eine Messskala auf dem Gel darstellen, an der die Länge der DNA-Fragmente in den aufgetragenen Proben abgelesen werden kann.

Die Dauer der Elektrophorese hängt hierbei von der eingesetzten Stärke des elektrischen Feldes, der Spannung ab (je höher die Spannung, desto schneller wandern die Fragmente), der Konzentration der Agarose im Gels (je höher der Agarose-Anteil, desto länger dauert die Elektrophorese, weil die Poren kleiner sind und die DNA es schwerer hat, sich durchzuwinden) sowie der Länge der Wegstrecke, die die Fragmente wandern sollen, ab. 

'''4. Färben der DNA'''

Wie kann man denn nun die DNA sichtbar machen? Denn wenn wir uns das Gel jetzt anschauen, sehen wir nichts außer den blauen Farbstoff, den wir zugegeben haben.
Wir müssen die DNA anfärben, um sie zu sehen.
Dies geschieht mit Hilfe von Ethidiumbromid. Dieser Farbstoff hat kann sich zwischen die Basenstapel der DNA schieben, man nennt das interkalieren. Dies geschieht in regelmäßigen Abständen. So nimmt jeder DNA-Strang eine bestimmte Menge Ethidiumbromid auf. Der Farbstoff leuchtet orange, wenn er mit UV-Licht angeregt wird. Das Besondere ist jedoch, dass er wesentlich intensiver leuchtet (50-100) mal, wenn er in DNA interkaliert ist, als wenn er frei vorliegt. Daher kann man die Bereiche, in denen sich DNA im Gel befindet, deutlich von den anderen unterscheiden, wenn man das Gel mit UV-Licht beleuchtet. Nur sie strahlen orange und man sieht abgesetzte Banden, in denen sich jeweils die DNA-Fragmente gleicher Länge befinden. Zur Dokumentation wird in der Regel ein Foto geschossen.
Ethidiumbromid ist aber nicht nur ein sehr nützlicher, sondern auch ein sehr giftiger Stoff: Er interkaliert nicht nur in unsere Proben- DNA, sondern wenn wir ihn auf die Haut bekommen, oder ihn sogar verschlucken, interkaliert er auch in unsere DNA. Das bringt dann alle Vorgänge, die im Zusammenhang mit unserem Erbgut stehen, wie Zellteilung oder Proteinproduktion durcheinander bringen. Im schlimmsten Fall können dadurch Zellen zu Krebszellen werden. Man bezeichnet Ethidiumbromid daher als krebserregend. Deshalb gelten im Labor besondere Vorsichtsmaßnahmen beim Umgang mit Ethidiumbromid.


== '''GFP and fluorescent microscopy''' ==

After we have learned how to isolate a plasmid and check this on a gel, we will have a look on the effects of such a plasmid. As an example, we chose the Green Fluorescent Protein. You may learn more about how to bring the genes for this protein from the original organism into a bacterial plasmid in the [[Team:Heidelberg/Human_Practice/Phips_the_Phage/Technical_Backround#Molecular Cloning|molecular cloning article]]. 

Originally, GFP is produced by jellyfishs. It has been isolated from the jellyfish Aequorea victoria, which is also sometimes called crystal jelly. So this animal, which is living off the west coast of North America, is able to make itself glow green. Generally, the ability of an organism to produce light as the result of a chemical reaction is called bioluminescence. Another famous animale in terms of bioluminescence is the glow-worm.

GFP is the oldest and most broadly used fluorescent protein in biotechnology. It is a protein, which is able to absorb light and emit light of lower energy and thereby glows green. Because it had such a great impact on this science and improved it a lot, this year’s Nobel Prize in chemistry was awarded for the discovery of GFP and its applications. If GFP is made by a cell and you illuminate this cell with UV-light, you can see a green light coming from this cell.

But how does this work? GFP works as a light catcher. There is a light catching complex inside the barrel like protein that can catch high energy UV-light. All the energy of this light flows into the light catching complex and activates it. Imagine a child with a lot of power and energy: It runs through your apartment, sings, screams and jumps some time. So it is kind of ‘activated’ and sets all its energy free. After a while, there is only little energy left, it gets quieter, tired and maybe falls asleep. In a way it is the same with GFP. In the very activated state, it can not hold all the energy it got and has to set it free. Since there is no singing and jumping GFP, it finds another way to loose all its power: It emits light. But not UV-light, like the one it got all the energy from, but green light. Therefore it is called GFP. But why is this? You may have heard of the general rule in science, that there is no process that can work without consumption of energy – this is why there exists nothing like Perpetual motion. So the GFP emits light with a lower energy than the one it first caught or absorbed. And light with a little lower energy than UV light is green. (This goes one according to the colours of the rainbow: Yellow light has less energy than green one, orange light less than yellow light and red light less than orange light). But where does the remaining energy go to, if the GFP sets free less energy than it absorbed? Well this energy is needed for the process of emitting light, for the process of glowing green.

Now we understand how GFP works. And if this protein is produced in a bacterial cell by a plasmid, the bacterial cell will glow green. You can see this when you illuminate a liquid bacterial culture with UV light. 

Or you can see it with the help of a fluorescent microscope, which enlarges the vision of the bacteria and also has a source of UV light to activate the GFP protein. You can not only visualize whole bacterial cells with GFP, but also fine structures and single proteins. Because you can stick GFP to proteins you want to visualize, and it will keep its glowing ability and also won’t disturb the normal cell procedures.

There are also many derivatives of GFP available today. They all have little modifications, which change the colour of the light, the protein emits. So there is RFP, which emits red light, or YFP (yellow) and so on. With the help of all these fluorescent proteins, you can make funny thinks like drawing pictures or make animals glow. But they are, as mentioned above, primarily most important tools in biological and medical research.