<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Home</title>
<style>
body {
font-size: 85%;
font-family: "Trebuchet MS",Verdana,Arial,Sans-serif;
}
#wrap {
margin-left: auto;
margin-right: auto;
width: 760px;
}
#header {
border-top: 1px solid #999999;
float: left;
width: 760px;
height: 145px;
}
#navigation {
float: left;
width: 744px;
background:#fff;
border:1px solid red;
border-right:none;
}
#content {
border-right: 1px solid #999999;
float: left;
width: 559px;
height: 400px;
}
#sidebar {
float: left;
width: 200px;
min-height: 400px;
}
h1, h2, h3, h4, h5, h6 {
margin: 20px;
}
p {
margin: 15px 20px;
}
#navigation ul {
margin:0;
padding:0;
float:left;
width:100%;
background:#fff;
list-style: none;
}
#navigation li {
display: inline;
float: left;
width: 124px;
position:relative;
}
#navigation li ul {
width: 124px;
display: none;
border:1px solid red;
border-top:none;
border-right:none;
}
#navigation li ul a {
border-top:1px solid red;
border-bottom:none;
}
#navigation li:hover ul {
display: block;
position:absolute;
left:-1px;
}
#navigation a {
text-decoration:none;
display:block;
padding:4px;
border-right:1px solid red;
text-align:center;
}
a:hover {
color: black;
}
</style>
</head>
<body>
<div id="wrap">
<div id="header">
<img src="banner7.jpg" alt="springender Mountainbiker" height="145" width="760">
</div>
<div id="navigation">
<ul>
<li> <a href="index.html" title="Zurueck zur Startseite"> Start </a></li>
<li> <a href="erklaerungen.html" title="Erklaerungen der MTB Formen">Erklärungen</a></li>
<li> <a href="szene.html" title="Info's zur MTB Szene"> Szene </a></li>
<li> <a href="tipps+tricks.html" title="Tipps + Tricks"> Tipps + Tricks </a></li>
<li> <a href="galerie.html" title="Galerie">Galerie </a>
<ul>
<li><a href="fullys.html" title="Fullys">Fullys</a></li>
<li><a href="hardtails.html" title="Hardtails">Hardtails</a></li>
<li><a href="ebikes.html" title="EBikes">E-Bikes</a></li>
<li><a href="fatbikes.html" title="Fatbikes">Fatbikes</a></li>
</ul>
</li>
<li> <a href="impressum.html" title="Impressum">Impressum </a></li>
</ul>
</div>
<div id="content">
<h1>Mein Hobby und ich</h1>
<p>Mein Hobby ist Mountainbiken. Mountainbiken heißt grob aus
dem
englischen uebersetzt im Gelaende Fahrrad zu fahren und das macht man
eigentlich auch nur. Man fährt mit einem speziellem Fahrrad durch den
Wald ueber Hindernisse wie z.B. Sprünge, Steine oder Wurzeln. Dabei
muss
man spezielle Schutzausrüstung tragen, denn das Risiko sich zu
verletzen ist relativ hoch, genauso wie der Adrenalin Kick.</p>
<h2>Was man auf dieser Seite erfährt</h2>
<p>Auf dieser Seite erfahrt ihr was genau Mountainbiken ist, wie
man zu
dem Hobby kommt, etwas über die Worldcups, was man zum Mountainbiken
braucht und ein paar Tipps und Tricks zum Geldsparen, denn
Mountainbiken ist ein sehr teures Hobby.</p>
</div>
<div id="sidebar">
<p>
<a href="https://de.wikipedia.org/wiki/Mountainbike" target="_blank"> Hier geht es
zur Wikipedia Seite vom Mountainbiken </a>
</p>
<p>
<a href="https://www.youtube.com/user/globalmtb" target="_blank">Youtube Kanal vom Global Mountainbike network </a>
</p>
<p> <a href="https://www.youtube.com/channel/UCu8YylsPiu9XfaQC74Hr_Gw" target="_blank">Youtube Kanal Seth`s Bike Hacks </a>
</p>
<p> <a href="http://www.mountainbike-magazin.de/" target="_blank">Hier geht es zu einem MTB Magazin </a>
</p>
<p> <a href="http://www.bike-magazin.de/" target="_blank"> Hier geht es zu einem anderen MTB Magazin </a>
</p>
</div>
</div>
</body>
</html>
