* {
    border: 0;
    margin: 0;
    padding: 0;
}

body {
    background: #2d2d2d;
    text-align: center;
}

#container {
    margin: 0 auto;
    text-align: left;
    width: 347px;
}

#header {
    background: url(../img/header.gif) no-repeat;
    height: 75px;
    margin: 0 0 10px 0;
    width: 347px;
}

#header span {
	display: none;
}

#navigation {
    background: url(../img/line.gif) no-repeat 0% 100%;
    height: 13px;
    list-style: none;
    padding: 0 0 11px 0;
    width: 347px;
}

#navigation li {
    float: left;
}

#navigation span {
    display: none;
}

#root a {
    background: url(../img/nav-root.gif) no-repeat 0% 0%;
    display: block;
    height: 13px;
    margin: 0 10px 0 0;
    width: 49px;
}

#clips a {
    background: url(../img/nav-clips.gif) no-repeat 0% 0%;
    display: block;
    height: 13px;
    margin: 0 10px 0 0;
    width: 53px;
}

#irc-stuff a {
    background: url(../img/nav-irc-stuff.gif) no-repeat 0% 0%;
    display: block;
    height: 13px;
    margin: 0 10px 0 0;
    width: 75px;
}

#links a {
    background: url(../img/nav-links.gif) no-repeat 0% 0%;
    display: block;
    height: 13px;
    margin: 0 10px 0 0;
    width: 53px;
}

#impressum a {
    background: url(../img/nav-impressum.gif) no-repeat 0% 0%;
    display: block;
    height: 13px;
    width: 77px;
}

#root a:hover, #clips a:hover, #irc-stuff a:hover, #links a:hover, #impressum a:hover {
    background-position: 0% 100%;
}

#content {
    background: #585858;
    border-left: solid 1px #beb31b;
    border-right: solid 1px #beb31b;
    clear: both;
    padding: 5px;
    width: 335px;
}

#footer {
    background: url(../img/line.gif) no-repeat 0% 0%;
    height: 13px;
    padding: 11px 0 0 0;
    width: 347px;
}

#footer p {
    background: url(../img/footer.gif) no-repeat;
    height: 13px;
    text-indent: -9999px;
    width: 347px;
}