body {
background-image:url(http://komparkett.de/wp-content/uploads/2013/09/SeiteHintergrund01.jpg); background-size:cover; background-attachment: fixed; background-repeat: no-repeat;
}

#header {
    background-repeat: no-repeat;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    color: #888888;
    margin-bottom: 50px;
    padding-top: 0px;
    position: relative;
    z-index: 9;
}

#container {background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNgYGDwBQAAUgBOSj3U6wAAAABJRU5ErkJggg==)}


/* the top menu\'s CSS ----------------------------------------------------------------- 

#text-3 ,#logo {
padding: 14px 0px;
}

#logo img {
max-width: 100%;
}

/* this is the normal a tag, here you can change font, size, color, padding, etc. (for normal state) 

div.menu-top ul li a {
color: #939393;
line-height: 30px;
padding: 2px 0px 1px 0px;
text-decoration: none;

font-size: 16px;
}
/* this is the top menu item when current 
div.menu-top ul li.current_page_item > a,

div.menu-top ul li.current-menu-ancestor > a,
div.menu-top ul li.current-menu-item > a,
div.menu-top li.selected > a,
div.menu-top ul li.current-menu-parent > a,
div.menu-top ul li.current_page_item > a:hover,
div.menu-top ul li.current-menu-item > a:hover {
background: none repeat scroll 0 0 transparent;
color: #000000;
}

 

/* this is the top menu item when hovered, also for dropdown 

div.menu-top li:hover > a,
div.menu-top ul ul:hover > a,
div.menu-top ul.children li:hover > a,
div.menu-top ul.sub-menu li:hover > a {
color: #000000;
}

 

/* here comes the li, if you’d like to change the background colour or margin between the li’s etc.

div.menu-top ul li {

margin: 4px 4px 0 0;

}
/* this for the drop downs background colour and size AND the fonts itself) 
div.menu-top ul ul a {
background: none repeat scroll 0 0
color: #ffffff;
height: auto;
line-height: 1em;
padding: 10px 15px;
width: 160px;

font-size: 16px;
}
/* copy until here including the comments */