Abstand zwischen Elementen

[PerX]

Hallo Leute

Seit heute morgen versuche ich den Abstand zwischen dem Element "News" und "Umwelt" etc. zu vergrössern. Leider, fand ich es bis jetzt nicht heraus. Wo muss ich das ändern?

Bild:


Mein CSS-Code:

.rund{    border-radius:7px;
}
div#position{
    position:absolute; left:328px; height:36px; top:165px; width:1000px; background-color:#292929; padding-top:11px;
}
ul#Navigation {
    margin: 0; padding: 0;
    text-align: center;
  }


  ul#Navigation li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0px; padding: 0;
  }
  
  ul#Navigation li {
    margin-bottom: 0px;
  }


  ul#Navigation li ul {
    margin: 0; padding: 0;
    position: absolute;
    top: 25px; left: 0px;
  }
  
  ul#Navigation li ul {
    left: 0px;
    left: 0px;
  }
  ul#Navigation li ul li {
    float: none;
    display: block;
    margin-top: 3px; margin-bottom: 3px;
  }


  ul#Navigation a{
    display: block;
    width: 112px;
    font-family: "Cambira", "Calibri", "Arial", sans-serif;
    text-decoration: none;
    padding: 3px 15px 2px 16px;
    border:white;
    border-left-color: white; border-top-color: white;
    color: #66FF33; 
    background: #595858; /* Old browsers */
    background: -moz-linear-gradient(top,  #595858 41%, #878787 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#595858), color-stop(100%,#878787)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #595858 41%,#878787 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #595858 41%,#878787 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #595858 41%,#878787 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #595858 41%,#878787 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595858', endColorstr='#878787',GradientType=0 ); /* IE6-9 */;
  }
  
  ul#Navigation a, ul#Navigation span {
    width: 147px;
    width: 112px;  /* IE 6 in standards-compliant mode */
  }
  
  ul#Navigation a:hover, ul#Navigation span, li a#aktuell:hover {
    padding: 2px 15px 3px 16px;
    border-color: white;
    border-left-color: white; border-top-color: white;
    background: #333232; /* Old browsers */
    background: -moz-linear-gradient(top,  #333232 15%, #333232 15%, #444444 55%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#333232), color-stop(15%,#333232), color-stop(55%,#444444)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #333232 15%,#333232 15%,#444444 55%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #333232 15%,#333232 15%,#444444 55%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #333232 15%,#333232 15%,#444444 55%); /* IE10+ */
    background: linear-gradient(to bottom,  #333232 15%,#333232 15%,#444444 55%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333232', endColorstr='#444444',GradientType=0 ); /* IE6-9 */; 
    color:yellow;
  }
  ul#Navigation li ul a:hover {
    border-color: white;
  }
  li a#aktuell {
    border-right-color: white; border-bottom-color: white;
    background-color: #333333; color:#66FF33;
  }
  ul#Navigation li ul span {
    border-right-color: white; border-bottom-color: white;
    color: #66FF33; 
    background: #595858; /* Old browsers */
    background: -moz-linear-gradient(top,  #595858 41%, #878787 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(41%,#595858), color-stop(100%,#878787)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #595858 41%,#878787 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #595858 41%,#878787 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #595858 41%,#878787 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #595858 41%,#878787 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#595858', endColorstr='#878787',GradientType=0 ); /* IE6-9 */;
  }
  ul#Navigation li a:active, ul#Navigation li:hover a:active {
    color: yellow; 
    background-color:background: #333232; /* Old browsers */
    background: -moz-linear-gradient(top,  #333232 15%, #333232 15%, #444444 55%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(15%,#333232), color-stop(15%,#333232), color-stop(55%,#444444)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #333232 15%,#333232 15%,#444444 55%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #333232 15%,#333232 15%,#444444 55%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #333232 15%,#333232 15%,#444444 55%); /* IE10+ */
    background: linear-gradient(to bottom,  #333232 15%,#333232 15%,#444444 55%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333232', endColorstr='#444444',GradientType=0 ); /* IE6-9 */;
  }


/* dynamisches Ein-/Ausblenden */
  ul#Navigation li ul {
    display: none;
  }
  ul#Navigation li:hover ul {
    display: block;
    background:#292929;

  }

 

[threadi]

Fass doch das hier

ul#Navigation li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0px; padding: 0;
  }
  
  ul#Navigation li {
    margin-bottom: 0px;
  }

zu dem hier zusammen

ul#Navigation li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0px; padding: 0;
  }

und ergänze das margin auf der rechten Seite, also:

ul#Navigation li {
    list-style: none;
    float: left;
    position: relative;
    margin: 0 0 0 12px; padding: 0;
  }

Dadurch sollte es 12px Abstand geben.

 

[PerX]

Danke Schön. Das wars. Vielen Dank.

:-)
PerX