<div id="content">
    <div id="main">
        <h1>PHP</h1>
    </div>
    <div id="sidebar">
        <h2>Sidebar</h2>

        <p>
        Hello, this is just some filler tekst. Blablabla blabl blabla blabla blblbla blablalbabla blablalbl.<br>
        <br>
        As you can see, it's positioned well.
        </p>
    </div>
</div>

<div id="footer">
<p>Made by me 2014</p>
</div>

#content {
background          :   linear-gradient(#669900, #66FF99); /* Gradient -                        Standaard */
background          :   -moz-linear-gradient(#669900, #66FF99); /* Gradient  - Firefox */
background-repeat   :   no-repeat;
background-attachment:  fixed;
/*margin-left       :   185.5px;
  margin-right      :   185.5px;*/
margin              :   0 auto;
width               :   980px;
position            :   relative;
padding             :   20px 0 25px 0;
border-left         :   5px solid lightgreen;
border-right        :   5px solid lightgreen;
}

#main {
padding             :   0 30px 0 30px;
margin-right        :   200px;
}

#sidebar {
position            :   absolute;
top                 :   0;
bottom              :   0;
left                :   780px;
width               :   180px;
float               :   right;
margin              :   0 10px 0 10px;
overflow            :   auto;
}

#sidebar h2 {
text-align          :   center;
margin-left         :   -15px;
}