[erledigt] Linke und Rechte Navigation

* {
    padding: 0;
    margin: 0;
}

body {
background: #eee url(http://blueunity.de.tt/images/bg.jpg) repeat-x top;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 18px;
color: #333333;;
}

img { border: none; }
a { color: #005EB0; text-decoration: none; }
a:hover { text-decoration: underline; color : #000; }

#wrap {
width: 800px;
margin: 0 auto;
border-left: 1px solid #aaa;
border-right: 1px solid #aaa;
background: #fff;
}

#header {
height: 60px;
margin: 0 auto;
width: 800px;
border-left: 1px solid #111;
border-right: 1px solid #111;
}

#header h1 {
padding: 12px 0 0 20px;
font-size: 20px;
letter-spacing: -2px;
}
#header h1 a {
color: #fff;
text-decoration: none;
}
#header h1 a:hover {
text-decoration: none;

}
#header h2 {
padding-left: 21px;
font-size: 14px;
color: #eee;
font-weight: 100;
}

#left {
float: left;
width: 150px;
padding: 10px;
}
#left h2 { color: #005EB0; padding: 15px 0 5px 10px; font-size: 17px; letter-spacing: -1px; font-weight: 100;}
#left ul { color: #777; padding: 10px 0 10px 30px; list-style-type: square; }
#left ul li { padding-bottom: 5px; }
#left ul li a { color: #777; text-decoration: none;  }
#left ul li a:hover { color: #000; }

#center {
margin-top: 20px;
float: left;
width: 408px;
padding: 10px 20px 20px 20px;
background: #fafafa;
border: 1px solid #ccc;
}
#center h2 {
font-size: 24px;
letter-spacing: -3px;
font-weight: 100;
padding : 10px 0 15px 0;
}

#right {
float: right;
width: 160px;
padding: 10px;
}
#right h2 { color: #005EB0; padding: 15px 0 5px 10px; font-size: 17px; letter-spacing: -1px; font-weight: 100;}
#right ul { color: #777; padding: 10px 0 10px 30px; list-style-type: square; }
#right ul li { padding-bottom: 5px; }
#right ul li a { color: #777; text-decoration: none;  }
#right ul li a:hover { color: #000; }

#footer {
margin-top: 20px;
border-top: 1px solid #aaa;
padding: 10px 0;
text-align: center;
font-size: 11px;
background: #eee;
}