User:SvenB

<html>
<!-- template base for all sites -->
<!-- styles -->
</html>

<html>
<head>

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>

<script type="text/javascript" src="http://igemtuebingen.coffeecup.com/iGEM_2013/SvenB/jquery.smint.js"></script>


<script type="text/javascript">
	

$(document).ready( function() {
    $('.subMenu').smint({
    	'scrollSpeed' : 1000
    });
});


</script>


<style type="text/css">

/* Droid Sans from Google Web fonts */
@import url(http://fonts.googleapis.com/css?family=Droid+Sans:400,700);

/* Open Sans from Google Web fonts */
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>


/* hide various iGEM-elements */

h1.firstHeading {
  background-color: red;
  display: none;
}

.firstHeading {
  display: none;
}

#top-section {
  margin-left: 1em auto;
  width: 77em !important;
  border: none;
  height: 1.2em;
  background-color: black;
}

#catlinks {
  display: none !important;
}

/* disable search-controls (top right corner) */
#search-controls {
   display: none !important; 
}

#searchInput { 
   display: none !important; 
}

.searchButton {
   display: none !important; 
}

/* change the menubar (top menu) */ 
#menubar {
	display: table-cell;
	background: transparent !important; 
}

#menubar.right-menu {
	text-align: right;
}

#menubar * {
	color: transparent !important;
	background: transparent !important;
}

#top-section:hover #menubar * {
	color: #8F8F8F !important;
}

/* Disable Table Of Contents */
table#toc {
  display: none;
  float: right;
  margin: 0em;
}

#footer-box {
  margin-left: auto;
  width: 1000px;
  border: none;
  position: relative;
  padding: 5px !important;
  background-color: black;
}

#footer-box a{
  color: white;
  text-decoration: none;
}
#footer-box a:hover {
  color: white;
  text-decoration: underline;
}
#footer-box a:active {
  color: white;
  text-decoration: underline;
}


/* main heading */
h1 {
  border: 0;
}

/* edit links on headings */
span.editsection {
  font-size: .5em;
  color: lightgrey;
}
span.editsection a {
  color: black;
}
#p-logo {
  display: none;
}



/* actual styling */
/* ------------------------------------------------------------------------------------ */
body {
  background-color: black;
  font-family: 'Open Sans', Arial, sans-serif;
  font-size: 9pt;
}

#content {                /* ------------------------------------------------- #CONTENT */
  background-color: black !important;
  margin: 0px auto !important;
  border: none !important;
  padding: 0px !important;
  position: relative;
  width: 1000px;
  height: auto;
}

div#bodyContent {         /* ------------------------------------------------- #BODYCONTENT */
  background-color: black;
  width: 960px;
  position: relative;
  margin: auto;
  height: auto;
}
#teamLogoBox {
  width: 60.25em;
  height: 17em;
  background-color: #AAAAAA;
  color: white;
  overflow: hidden;
  font-size: 16px;
  background-size: cover;
}

#actualContent {
  position: relative; 
  font-size: 14pt;
  width: auto;
  height: auto;
  margin-top: 10px;
  background-color: black;
  padding-top: 0em;
  text-align: justify;
}

#actualContent p {
  line-height: 26px;
  margin-bottom: 16px;
}

#actualContent a{
  color: #A51E37;
  text-decoration: underline;
}
#actualContent a:hover {
  color: #A51E37;
  text-decoration: none;
  border-bottom: 1px dotted;
  border-color: #A51E37;
}
#actualContent a:active {
  color: #D58727;
  text-decoration: underline;
  border: none;
}

img#bodyContent {
  position: relative;
}

.subMenu {
  position: absolute;
  top: 700px;
  height: 50px;
  z-index: 1000;
  width: 100%;
  max-width: 1140px;
  min-width: 960px;
  background: white;
}

.subNavBtn {
  display: block;
  height: 35px;
  width: 12%;
  float: left;
  margin: 0px 0px 0 0;
  text-decoration: none;
  font-size: 12pt;
  padding: 15px 2% 0 2%;
  text-align: center;
  color: white;
}

a.subNavBtn{
  color: black;
}

a.subNavBtn:hover {
  font-weight: bold;
  text-decoration: none;
}

.active {
  background: #9A1435;
}

a.active{
  color: white
}

.s1{
  width: 100%;
  background-color: yellow;
  top: 850px;
  height: 300px;
  max-width: 1140px;
  min-width: 960px;
  z-index: 10;
  position: absolute;
  margin: 0 auto;
  padding: 0 0 20px 0;
}

</style>
</head>



<body onload="setTimeout(function() { window.scrollTo(0, 1) }, 100);"> 

<div class="section sTop">
  <img src="https://static.igem.org/mediawiki/2013/0/0a/Logo_text_white.png" style="width: 320px; float: left;">

  <a href="https://2013.igem.org/Main_Page" id="homeLink"><img src="https://static.igem.org/mediawiki/2013/0/06/IGEM_Logo_Shaddow_White.png" style="width:270px; float: right;"></a>

  <img src="https://static.igem.org/mediawiki/2013/7/7a/TueWeWantYou.png" style="width: 900px; margin-left:30px">
</div>

<div class="subMenu" >
  <a href="#" id="sTop" class="subNavBtn">Top</a> 
  <a href="#" id="s1" class="subNavBtn">Was ist iGEM?</a>
  <a href="#" id="s2" class="subNavBtn">Section 2</a>
  <a href="#" id="s3" class="subNavBtn">Section 3</a>
  <a href="#" id="s4" class="subNavBtn">Section 4</a>
  <a href="#" id="s5" class="subNavBtn end">Section 5</a>
</div>


<div class="s1">
  <br class="clear">
</div>

</body>
</html>


<!-- google analytics -->
<html>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-39523076-1']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</html>