Thema: .css anpassen, Lücke im Header

Hallo Welt,

ich weiss, bisschen plump hier gleich voll loszulegen, aber ich bin grad dabei ein Joomla aufzusetzen und hab gleich eine Frage zur css-Datei:

Habe ein Template ein bisschen abgeändert und jetzt im Header eine grössere Lücke klaffen. Wie kann ich diese auf 20 Pixel reduzieren ohne dass sich das ganze Layout verzieht? Hoffe hier kann mir geholfen werden. Wäre sehr freundlich.

http://www.anfangvomende.de/joomla/


css-Datei:

BODY {
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-image: url(../images/bg2.jpg);
background-repeat: no-repeat;
}

body,td,th, tr, p, div {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #666666;
line-height: 17px;
}
/*
Layout styles
*/



#search {
position:absolute;
left:0px;
top:89px;
width:173px;
height:100px;
z-index:2;
background-color: #CC7B00;
}
#header {
position:absolute;
left:175px;
top:89px;
width:286px;
height:101px;
z-index:3;
background-image: url(../images/header.jpg);
background-repeat: no-repeat;
}
#slogan {
position:absolute;
left:463px;
top:89px;
width:222px;
height:100px;
z-index:4;
background-color: #CC7B00;
background-image: url(http://anfangvomende.de/slogan.jpg);
background-repeat: no-repeat;
}
#menu {
position:absolute;
left:647px;
top:90px;
width:131px;
height:100px;
z-index:5;
vertical-align: middle;
}
#maincontent {
position:absolute;
left:176px;
top:223px;
width:500px;
height:59px;
z-index:6;
}
#topnav {
position:absolute;
left:164px;
top:194px;
width:750px;
height:29px;
z-index:8;
}
#left {
position:absolute;
left:5px;
top:229px;
width:165px;
height:61px;
z-index:7;
}
#right {
position:absolute;
left:695px;
top:229px;
width:165px;
height:61px;
z-index:9;
}

/* END OF LAYOUT STYLES */
hr
{
color: #ccc;
background-color: #ccc;
height: 1px;
width: 100%;
}

a:link, a:visited
{
color: #CC7B00;
text-decoration : underline;

}
a:hover
{
text-decoration: none;
color: #CC7B00;
}
a.category:link, a.category:visited
{
color : #CC7B00;
font-weight : bold;
}
a.category:hover
{
color : #CC7B00;
}
.mainlevel
{
text-transform: none;
}
a.mainlevel:link, a.mainlevel:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
display: block;
vertical-align: middle;
font-size: 10px;
color: #000000;
text-align: left;
height: 15px !important;
width: 100%;
text-decoration: none;
text-indent: 17px;
background-image: url(../images/mainnavbg.jpg);
background-repeat: no-repeat;
background-position:bottom;
background-position:left;
}
a.mainlevel:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
display: block;
vertical-align: middle;
font-size: 10px;
color: #666666;
text-align: left;
height: 15px !important;
width: 100%;
text-decoration: none;
text-indent: 17px;
background-image: url(../images/mainnavbg1.jpg);
background-repeat: no-repeat;
background-position:bottom;
background-position:left;
}
a.sublevel:link, a.sublevel:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color: #000000;
text-align: left;
width: 100%;
text-decoration: none;
text-indent: 17px;
}
a.sublevel:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color: #cccccc;
text-align: left;
width: 100%;
text-decoration: none;
text-indent: 17px;
background-image: url(../images/mainnavbg1.jpg);
background-repeat: no-repeat;
background-position:bottom;
background-position:left;
}
a.mainlevel-nav:link, a.mainlevel-nav:visited
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
vertical-align: middle;
font-size: 10px;
color: #000000;
text-align: left;
line-height: 15px !important;
width: 100%;
text-decoration: none;
text-indent: 1px;
padding: 10px;
}
a.mainlevel-nav:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
vertical-align: middle;
font-size: 10px;
color: #666666;
text-align: left;
height: 15px !important;
width: 100%;
text-decoration: none;
text-indent: 1px;
}
a.mainlevel-bottom:link, a.mainlevel-bottom:visited, a.mainlevel-bottom:hover
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 10px;
color: #666666;
text-decoration: none;
}

#active_menu, a#active_menu:link, a#active_menu:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
display: block;
vertical-align: middle;
font-size: 10px;
color: #cccccc;
text-align: left;
height: 15px !important;
width: 100%;
text-decoration: none;
text-indent: 15px;
}

table.moduletable
{
width : 100%;
margin-bottom : 5px;
font-weight: normal;
}
table.moduletable th
{
font-family: Trebuchet MS, Helvetica, sans-serif;
font-weight: bold;
background-image:url(../images/navbg.jpg);
background-position:left;
background-repeat:no-repeat;
display: block;
vertical-align: middle;
font-size: 13px;
color: #006633;
text-align: left;
height: 20px !important;
width: 98%;
text-indent: 24px;
}

.newsflash
{
font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #00467A;
text-transform : uppercase;
}
.frameheader
{
font : Trebuchet MS, Arial, Helvetica, sans-serif;
font-size : 18px;
font-weight : none;
color : #ADC1D2;
}
.poll
{
font-family : Trebuchet MS, Arial, Helvetica, sans-serif;
font-size : 10px;
color : #666666;
line-height : 15px
}

.inputbox
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #999999;
text-indent: 5px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: inset;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: inset;
border-top-color: #CCCCCC;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
}

.contentpane
{
padding-left : 0px;
padding-right : 0px;
}
.button
{
font-size : 10px;
height : 18px !important;
height : 18px;
color : #FFFFFF;
border : 1px solid #cccccc;
margin-bottom : 0px;
background-color : #006633;
padding : 0px;
}
.contentpaneopen
{
color: #999999;
width:100%;
margin: 0px;
padding: 0px;
border: none;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}

.buttonheading
{
vertical-align:top;
}
.componentheading
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #666666;
font-size: 18px;
text-indent: 3px;
}
.contentheading
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #CC7B00;
font-size: 18px;
text-transform: lowercase;
padding-bottom: 30px;
}

.contentdescription
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
color : #333333;
text-align : left;
white-space: nowrap;
}
.category
{
color : #999999;
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 11px;
font-weight : bold;
}

.sectiontableheader
{
font-weight: bold;
background: #f0f0f0;
}
.sectiontablefooter
{
}

.sectiontableentry1

{
background-color : #ffffff;
}

.sectiontableentry2
{
background-color : #f9f9f9;
}

.small
{
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 9px;
color : #7492AB;
text-decoration : none;
font-weight : normal;

}

.smalldark
{
font-family : Verdana, Arial, Helvetica, sans-serif;

font-size : 9px;
color : #000000;
font-weight : normal;
}

table.contenttoc {
border: 1px solid #cccccc;
padding: 2px;
margin-left: 2px;
margin-bottom: 2px;
align:right;

}

table.contenttoc td {
padding: 2px;
}

table.contenttoc th {

color: #666666;
text-align: left;
padding-top: 2px;
padding-left: 4px;
height: 21px;
font-weight: bold;
font-size: 10px;
text-transform: uppercase;
}
ul
{
}

li {
list-style-image: url(../images/arrow.png);
}
.readon {
background-image: url(../images/readon.png);
background-repeat: no-repeat;
background-position: left;
padding-left: 25px;
}
.latestnews {
line-height: 16px;
padding-bottom: 4px;
color:#333333;
}

danke und mit Grüßen aus Spanien,

toni