sicher doch ... nur was du da sehen willst ...
<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >
<html>
<head>
<title>BoSiNet-DB</title>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1"/>
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="stylesheet" href="./styles.css" type="text/css" />
<!--[if lt IE 8]>
<link rel="stylesheet" href="./styles/ie.css" type="text/css" />
<![endif]-->
<STYLE type="text/css">
h4 {
color: #E2E8EE;
font-weight: bold;
font-size: 0.8em;
font-family: "Bosch Office Sans", Helvetica, Arial, sans-serif;
line-height: 1.25em;
margin-bottom: 6px;
background-color: #003B69;
}
div.info
{
background-color: #E2E8EE;
width: 226px;
float: left;
/*border: 1px solid #E2E8EE;*/
border-top: 5px solid white;
border-left: 1px solid white;
border-right: 1px solid white;
border-bottom: 1px solid #E2E8EE;
margin-bottom: 6px;
}
div.mainnavi li a:visited
{
color: #fff;
}
div.mainnavi li a:hover
{
color: #fff;
}
* html div.info
{
height: 1%;
}
* html input,* html select, * html textarea
{
width: 290px;
color: #003B69;
background: #FFFFFF;
border: 1px solid #A1A1A1;
line-height: 15px;
padding: 0px 0px;
}
* html p.copyright {
margin-left: 126px;
}
input.plz
{
width: 42px;
margin-right: 5px;
}
input.ort
{
width: 249px;
}
label.plz
{
width: 25px;
margin-right: 5px;
}
label.ort
{
width: 138px;
}
input.kontrakt
{
width: 80px;
margin-right: 5px;
}
* html p.form
{
margin-top: 0px;
margin-left: 0;
margin-right: 0;
margin-bottom: 3px;
clear: left;
}
* html p.login {
margin-top: 0px;
margin-left: 0;
margin-right: 0;
margin-bottom: 3px;
clear: left;
}
input.pos
{
width: 211px;
}
label.kontrakt
{
width: 57px;
margin-right: 5px;
}
label.pos
{
width: 106px;
}
* html input.ort
{
width: 241px;
}
* html input.pos
{
width: 203px;
}
* html input.mybutton {
border-top: 1px solid #A1A1A1;
border-left: 1px solid #A1A1A1;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
margin-left: 171px;
margin-bottom: 0px;
width: 146px;
margin-right: 5px;
color: #003B69;
height: 18px;
background-color: #E2E8EE;
}
* html input.infobutton {
border-top: 1px solid #A1A1A1;
border-left: 1px solid #A1A1A1;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
margin-left: 32px;
margin-bottom: 0px;
width: 160px;
margin-right: 5px;
color: #003B69;
height: 18px;
background-color: #E2E8EE;
}
* html input.rebutton {
border-top: 1px solid #A1A1A1;
border-left: 1px solid #A1A1A1;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
margin-left: 0px;
margin-bottom: 0px;
width: 141px;
color: #003B69;
height: 18px;
background-color: #E2E8EE;
}
* html input.loginbutton {
border-top: 1px solid #A1A1A1;
border-left: 1px solid #A1A1A1;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
margin-left: 97px;
margin-bottom: 0px;
width: 100px;
color: #003B69;
height: 18px;
background-color: #EEE8E2;
}
* html input.logoutbutton {
border-top: 1px solid #A1A1A1;
border-left: 1px solid #A1A1A1;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
margin-left: 97px;
margin-bottom: 0px;
width: 100px;
color: #003B69;
height: 18px;
background-color: #E2E8EE;
}
</STYLE>
</head>
<body>
<div class="seite">
<img src="./img/TS-Layout_Kopf_01.jpg" name="logo" alt="logo" width="960" height="137"/>
<div class="mainnavi">
<ul>
<li><a href="?frm=1">Info</a></li>
<li><a href="?frm=9">Neuer Kunde</a></li>
<li><a href="?frm=2" class="aktiv">Suchen</a></li>
</ul>
</div>
<div class="subnavi">
<form action="" method="post">
<p class="login">
<input type="submit" class="logoutbutton" value="LOGOUT" />
</p>
<p class="login"> </p><br/>
<p class="login">Optionen:<br/>
<a href="?chp">Passwort ändern</a><br/>
<a href="?csvexp">CSV-Export</a></p>
</form>
<p> </p>
</div>
<div class="tabinhalt">
<h1>Kunden-DB</h1>
<p class="form"> </p>
</div>
<div class="inhalt">
<h2>Kunden Suchen</h2>
<hr/>
<form action="" method="post">
<p class="form">
<label for="kontraktsuch">Kontrakt Nr.:</label>
<input type="text" id="kontraktsuch" name="kontraktsuch" maxlength="9" value="" />
</p>
<p class="form">
<label for="kundesuch">Kunde:</label>
<input type="text" id="kundesuch" name="kundesuch" maxlength="50" value="" />
</p>
<p class="form">
<label for="strassuch">Straße:</label>
<input type="text" id="strassuch" name="strassuch" maxlength="50" value="" />
</p>
<p class="form">
<label for="plzsuch" class="plz">PLZ</label>
<label for="ortsuch" class="ort">Ort:</label>
<input type="text" id="plzsuch" class="plz" name="plzsuch" maxlength="5" value="" />
<input type="text" id="ortsuch" class="ort" name="ortsuch" maxlength="50" value="" />
</p>
<hr/>
<p class="form">
<label for="kennsuch">Kunden-Kennung:</label>
<input type="text" id="kennsuch" name="kennsuch" maxlength="35" value="" />
</p>
<p class="form">
<input type="submit" class="mybutton" name="btn1" value="Kunde suchen" />
<input type="submit" class="rebutton" name="btn2" value="Rücksetzen" />
</p>
</form>
<hr/>
</div>
<div class="info">
<h4>Kontrakte suchen</h4>
<p>Blabla</p>
</div>
<div class="tabinhalt"></div>
<div style="clear:both"> </div>
<div class="copyright">
<p class="copyright">Copyright Ich@Magdeburg © 2010</p>
<p class="funktion">
<!--<a href="#" class="druck">Druckversion</a>-->
<a href="#" class="top">Seitenanfang</a>
</p>
</div>
</div>
</body>
</html>
