Image into css/html template

I have a Layout (pdf) for a new Website - see document. This layout needs to be converted into 1 html file and css Styles. The html/css needs to be well structured and nicely documented in english, so I can replace it easily with dynamic content (Joomla). I documented which part I will take care of (square) The left Navigation must be flexible on two levels (Wer sind wir = first level, Name = second level) I want a flexible layout (which is placed in the center of the browser window), which runs on the common browser versions. For the images you can cut them out and I will replace them.