<!DOCTYPE html>
<html>
<head>
<meta content="de" http-equiv="Content-Language">
<meta content="text/html; charset=utf-8" http-equiv="Content-Type">
<script type="text/javascript">
var project = window.location.pathname;
</script>
<title>MusterWeb 2016</title>
<style>
body {
margin: 0;
}
ul {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: rgb(0, 151, 156);
width: 800px; /** Use 100% to fill the width of the page **/
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
li {
float: left;
}
li a, .dropbtn {
display: inline-block;
color: white;
text-align: center;
padding: 8px 16px;
text-decoration: none;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
}
li a:hover, .dropdown:hover .dropbtn {
background-color: #007275;
color: white;
}
li.dropdown {
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
background-color: rgb(0, 151, 156);
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0);
}
.dropdown-content a {
color: white;
padding: 8px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.dropdown-content a:hover {background-color: #007275; color:white;}
.dropdown:hover .dropdown-content {
display: block;
}
.bottom {
position: fixed;
z-index: 100;
bottom: 0;
left: 0;
width: 800px;
text-align: center;
}
.header_p1
{
background: white;
width: 750px;
height: 110px;
margin-bottom: 10px;
}
.wrapper {
padding-top: 150px;
}
.header {
height: 150px;
width: 100%; /** Use 100% to fill the width of the page **/
position: fixed;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
background-color: rgb(0, 151, 156);
}
.top {
list-style-type: none;
margin: 0;
padding: 0;
overflow: hidden;
background-color: rgb(0, 151, 156);
width: 800px; /** Use 100% to fill the width of the page **/
height: 111px;
top: 0;
left: 0;
right: 0;
margin: 0 auto;
}
.auto-style2 {
text-align: center;
}
.active {
background-color:#007275;
}
.auto-style3 {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
color: #FFFFFF;
}
.auto-style4 {
color: #FFFFFF;
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}
.auto-style5 {
text-align: right;
color: #FFFFFF;
font-family: "Franklin Gothic Medium", "Arial Narrow", Arial, sans-serif;
}
.auto-style6 {
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
color: #FFFFFF;
text-align: center;
}
.auto-style10 {
border-width: 0;
border-collapse: collapse;
}
#navig_next {
background-image: url('images/next_icon.png');
height: 32px;
width: 32px;
}
#navig_next:hover {
background-image: url('images/next_active.png');
}
.text_block {
text-decoration: none;
height:200px;
text-align: center;
}
.text_block:hover {
text-decoration: none;
background:#80CBCE;
}
.auto-style15 {
border: 15px solid #FFFFFF;
font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
font-size: x-large;
background-color: #F2F2F2;
}
.auto-style16 {
margin-left: 6px;
margin-right: 6px;
margin-top:10px;
margin-bottom:10px;
}
.auto-style17 {
font-family: "Courier New", Courier, monospace;
}
.auto-style18 {
vertical-align: middle;
}
#navig_back {
background-image: url('images/back_icon.png');
height: 32px;
width: 32px;
}
#navig_back:hover {
background-image: url('images/back_active.png');
}
</style>
</head>
<body>
<div class="header" style="z-index: 100">
<div class="top" style="height: 150px">
<table style="width: 100%; height: 150px;" cellpadding="0" cellspacing="0">
<tr>
<td style="width: 28%; height: 44px;" class="auto-style6">
<img alt="" class="auto-style18" height="78"
src="images/hska_logo1.png" width="220" style="float: left">
</td>
<td class="auto-style2" style="height: 100px">
<span class="auto-style3"><strong>Informationstechnik<br>
07-30 Inno Musterweb</strong></span><br class="auto-style3">
</td>
<td style="width: 30%; height: 44px;" class="auto-style6"><strong>
Wintersemester 2016/2017<br></strong>
</td>
</tr>
<tr>
<td style="height: 50px;" colspan="3" valign="bottom">
<ul>
<li><a class="active" href="index.html">Startseite</a></li>
<li><a href="team.html">Team</a></li>
<li class="dropdown">
<span>
<a class="dropbtn">Definitionsphase</a></span>
<div class="dropdown-content">
<a href="problemstellung.html">Problemstellung</a>
<a href="aufgabenstellung.html">Aufgabenstellung</a>
<a href="mindmap.html">Mindmap</a>
<a href="standdertechnik.html">Stand der Technik</a>
<a href="projektplan.html">Projektplan</a>
<a href="anforderungsliste.html">Anforderungsliste</a>
</div>
<div></div>
</li>
<li class="dropdown">
<span>
<a class="dropbtn">Konzeptphase</a></span>
<div class="dropdown-content">
<a href="blackbox.html">Black-Box</a>
<a href="funktionsstruktur.html">Funktionsstruktur</a>
<a href="morphologie.html">Morphologie</a>
<a href="vorteilenachteile.html">Vorteile/Nachteile</a>
<a href="loesungsalternativen.html">Lösungsalternativen</a>
<a href="ranking.html">Ranking</a>
<a href="verfahren.html">Verfahrensmatrix Nutzwertanalyse</a>
<a href="nutzwertanalyse.html">Ergebnis der Nutzwertanalyse</a>
</div>
<div></div>
</li>
<li class="dropdown">
<span>
<a href="ausarbeitung.html" class="dropbtn">Ausarbeitung</a></span>
<div class="dropdown-content">
<a href="loesung.html">Ausgewählte Lösung</a>
<a href="struktogramm.html">Struktogramm</a>
<a href="portbelegungsplan.html">Portbelegungsplan</a>
<a href="schaltplan.html">Schaltplan</a>
<a href="layout.html">Layout</a>
<a href="quellcode.html">Quellcode</a>
<a href="anleitung.html">Bedienungsanleitung</a>
<a href="weiterentwicklungen.html">Weiterentwicklungen</a>
<a href="linkliste.html">Linkliste</a>
<a href="anhang.html">Anhang</a>
<a href="protokolle.html">Protokolle</a>
</div>
</li>
</ul>
</td>
</tr>
</table>
</div>
</div>
<div style="height:5px; overflow: hidden; margin: 0 auto; width: 800px;
background-color:white; top: 150px; position: relative;">
</div>
<div style="overflow: hidden; margin: 0 auto; width: 800px; top: 150px;
position: relative;" class="auto-style2">
<table style="width: 100%" class="auto-style10" cellpadding="0" cellspacing="0">
<tr>
<td class="auto-style15" colspan="2" style="height: 50px">
<table align="center" style="width: 750px">
<tr>
<td style="width: 35px">
<a href="index.html">
<div></div>
</td>
<td class="auto-style2" style="width: 700px">Herzlich Willkommen</td>
<td style="width: 30px">
<a href="team.html">
<div id="navig_next"></div>
</td>
</tr>
</table>
</td>
<tr>
<td class="auto-style15" style="height: 180px; width: 50%;">
<a href="team.html" style="text-decoration: none; color: #000000;">
<div class="text_block">
<br class="auto-style17">
<span>Team</span><br>
<img alt="" height="100" src="images/team.png"
width="156" class="auto-style16"><br>
</div>
</a>
</td>
<td class="auto-style15" style="height: 180px; width: 50%;">
<a href="problemstellung.html" style="text-decoration: none; color: #000000;">
<div class="text_block">
<br class="auto-style17">
Definitonsphase<br>
<img alt="" height="100" src="images/definitionphase.png" width="86"
class="auto-style16"><br>
</div>
</a>
</td>
</tr>
<tr>
<td class="auto-style15" style="height: 180px">
<a href="blackbox.html" style="text-decoration: none; color: #000000;">
<div class="text_block">
<br class="auto-style17">
Konzeptphase<br>
<img alt="" height="100" src="images/konzeptphase.png"
width="165" class="auto-style16"><br>
</div>
</a>
</td>
<td class="auto-style15" style="height: 180px">
<a href="ausarbeitung.html" style="text-decoration: none; color: #000000;">
<div class="text_block">
<br class="auto-style17">
Ausarbeitung<br>
<img alt="" height="100" src="images/ausarbeitung.png"
width="118" class="auto-style16"><br>
</div>
</a>
</td>
</tr>
<tr>
<td class="auto-style15" colspan="2" style="height: 200px">
Betreuer: Prof. Dipl.-Ing.
Jürgen Walter, MMT<br>
Webdokumentation der Gruppe 07_30<br><span>07-30 Inno
Musterweb</span><br>Abgabedatum: 15.11.2016
</td>
</tr>
</table>
<br>
</div>
<div style="height:5px; overflow: hidden; margin: 0 auto; width: 800px;
top: 150px; position: relative; left: 0px;">
</div>
<div style="overflow: hidden; margin: 0 auto; width: 100%;
background-color: rgb(0, 151, 156); top: 150px; position: relative;
left: 0px; height: 28px;">
<table style="width: 800px" align="center">
<tr>
<td class="auto-style4" style="height: 25px">
<span class="auto-style3"><strong>07-30 Inno Musterweb</strong></span>
</td>
<td class="auto-style5" style="width: 50%; height: 25px;">
Wintersemester 2016/2017
</td>
</tr>
</table>
<br>
</div>
</body>
</html>
