diff --git a/Bilder/Redestoff.html b/Bilder/Redestoff.html
index 2767a6e..9e41956 100644
--- a/Bilder/Redestoff.html
+++ b/Bilder/Redestoff.html
@@ -7,7 +7,8 @@
 		 <link href="bootstrap/css/bootstrap-responsive.css" rel="stylesheet">
 	</head>
 	<body>
-		<div id="banner_top" class="hero-unit">
+            <h1>abcdefg</h1>
+		<div id="banner_top" >
 			<div id="banner_logo">
 			</div>
 		</div>
@@ -33,7 +34,7 @@
   </div>
 </div>
 </div>    
-		</div>
+		
 		<div id="banner_vid">
 		vid_lauf
 		</div>
@@ -41,7 +42,7 @@
 		impressum
 		</div>
 		
- 	<script src="bootstrap/js/jquery-1.9.1.min.js"></script>
+<script src="bootstrap/js/jquery-1.9.1.min.js"></script>
     <script src="bootstrap/js/bootstrap.min.js"></script>
 
 
diff --git a/Bilder/redestoff2.html b/Bilder/redestoff2.html
new file mode 100644
index 0000000..26bb48a
--- /dev/null
+++ b/Bilder/redestoff2.html
@@ -0,0 +1,14 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>redestoff</title>
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <!-- Bootstrap -->
+    <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
+  </head>
+  <body>
+    <h1>Hello, world!</h1>
+    <script src="http://code.jquery.com/jquery.js"></script>
+    <script src="bootstrap/js/bootstrap.min.js"></script>
+  </body>
+</html>
diff --git a/Bilder/redestoff3.html b/Bilder/redestoff3.html
new file mode 100644
index 0000000..3449925
--- /dev/null
+++ b/Bilder/redestoff3.html
@@ -0,0 +1,111 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>redestoff</title>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <!-- Bootstrap -->
+        <link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" media="screen">
+    </head>
+    <body style="background: url(affen_mid.jpg);">
+        <div class="hero-unit" style="margin-top: 10px; margin-left: 120px; padding: 0; margin-right: 120px; background-color: whitesmoke;">
+            <!-- header -->
+            <div style=" margin-left: -100px;">
+                
+                <img src="redestoff_schrift.png" alt="redestoffmusik" style=""/>
+            </div>
+            
+            <!-- menu -->            
+            <div class="navbar navbar-inverse">
+                <div class="navbar-inner" style="-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;">
+                    <div class="container">
+                        <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+                            <span class="icon-bar"></span>
+                            <span class="icon-bar"></span>
+                            <span class="icon-bar"></span>
+                        </button>
+                        <a class="brand" href="#">News</a>
+                        <div class="nav-collapse collapse">
+                            <ul class="nav">
+                                <li class="active"><a href="#">Artists</a></li>
+                                <li><a href="#about">Community</a></li>
+                                <li><a href="#contact">Download</a></li>
+                                <li class="dropdown">
+                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact <b class="caret"></b></a>
+                                        <ul class="dropdown-menu">
+                                            <li><a href="#">Action</a></li>
+                                            <li><a href="#">Another action</a></li>
+                                            <li><a href="#">Something else here</a></li>
+                                            <li class="divider"></li>
+                                            <li class="nav-header">Nav header</li>
+                                            <li><a href="#">Separated link</a></li>
+                                            <li><a href="#">One more separated link</a></li>
+                                        </ul>
+                                </li>
+                            </ul>
+                            
+                            <!--FB LIKE -->
+                            <div class="navbar-form pull-right">
+                                <iframe src="https://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FRedestoff&amp;send=false&amp;layout=button_count&amp;width=200&amp;show_faces=false&amp;font&amp;colorscheme=light&amp;action=like&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:200px; height:21px;" allowTransparency="true"></iframe>                                
+                            </div>
+                    </div><!--/.nav-collapse -->
+                  </div>
+                </div>
+              </div>
+            
+            <div style="padding-left: 20px; margin-top: -20px;">
+            <!-- content -->   
+            <div class="row" style="background-color: black;">
+                <div class="span8">
+                    <h2>Text</h2>
+                    <p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metu. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. Donec id elit non mi porta gravida at eget  </p>
+                </div>
+                <div class="span4" style="padding-top: 35px; padding-left: 35px;">                   
+                    <iframe width="570" height="320" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>
+                </div>
+            </div>
+            
+            <div style="margin-left: -20px;">
+            <div class="navbar navbar-inverse">
+                <div class="navbar-inner" style="-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;">
+                
+                </div>
+            </div>     
+            
+            <div style="padding-left: 25px; padding-top: 0px; padding-right: 25px;">
+            <!-- video slide -->
+            <div class="row" style="background: url(DSC04385.jpg);">
+                <div class="span2" style="padding-right: 100px;">
+                    <iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>
+                    <p><a class="btn" href="#">DOWNLOAD &raquo;</a></p>
+                </div>
+                <div class="span2" style="padding-right: 100px;">
+                    <iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>
+                    <p><a class="btn" href="#">DOWNLOAD &raquo;</a></p>
+                </div>
+                <div class="span2" style="padding-right: 100px;">
+                    <iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>
+                    <p><a class="btn" href="#">DOWNLOAD &raquo;</a></p>
+                </div>
+                <div class="span2" style="padding-right: 100px;">
+                    <iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0" ></iframe>
+                    <p><a class="btn" href="#">DOWNLOAD &raquo;</a></p>
+                </div>
+                <div class="span2" style="">
+                    <iframe width="200" height="150" src="http://www.youtube.com/embed/kpavxOgpNkY?rel=0" frameborder="0"></iframe>
+                    <p><a class="btn" href="#">DOWNLOAD &raquo;</a></p>
+                </div>
+            </div>
+            </div>                   
+            </div>
+            </div>
+             </div>
+<!--            footer-->
+            <div id="footer" style="padding-left: 120px; margin-top: -25px;">
+                
+                    <p class="muted credit"><font color="black"> Copyright by Redestoffmusik bitches</font></p>
+            </div>
+           
+        <script src="http://code.jquery.com/jquery.js"></script>
+        <script src="bootstrap/js/bootstrap.min.js"></script>
+    </body>
+</html>
