Something

<html>
<head>
<title>Titel der Datei</title>
<style type="text/css">

ul#mainNavigation {
        margin: 0;
        padding: 0.6em 2em 0.6em 0;
/*      text-align: center;  */
/*      border: 0px; */
/*      min-height: 1em; */
        background-color: #aecddd;
/*      font-weight: bold; */
/*      font-variant: small-caps; */
/*      font-size: 1em; */
        font-family: arial;
/*      position-left: 200px; */
        color: #eb8c1c;
}

ul#mainNavigation li {
        list-style: none;
        display: inline;
/*      margin: 0; */
        padding: 0;
/*      margin-left: 200px; */
        color: #eb8c1c;
}

ul#mainNavigation a {
/*      float: left; */
        margin: 0;
/*      margin-left: 0.2em; */
/*      padding-left: 170px; */ /* verschiebt aber abgefucked */
        padding: 0.1em 0.5em 0.2em 0.5em;
/*      text-decoration: none; */
/*      border-left-color: white; border-top-color: white; */
        color: #004c6c;
/*      left: 270px; */
/*      margin-left: 200px; */
}

ul#mainNavigation span{
/*      float: left; */
        margin: 0;
/*      margin-left: 0.2em; */
/*      padding-left: 170px; */ /* verschiebt aber abgefucked */
        padding: 0.1em 0.5em 0.2em 0.5em;
/*      text-decoration: none; */
/*      border-left-color: white; border-top-color: white; */
        color: #eb8c1c;
/*      left: 270px; */
/*      margin-left: 200px; */
}
</style>
</head>
<body>
        <ul id="mainNavigation">
                <li>
                        <a href="1.html">punkt 1</a>
                </li>
                <li>
                        <a href="2.html">punkt 2</a>
                </li>
                <li>
                        <span>punkt3</span>

                </li>
                <li>
                        <a href="3.html">punkt 4</a>
                </li>
        </ul>
</body>
</html>