body 
{
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    background: url(../images/bg.png);
    color: #756666;
    font-variant: small-caps;
    font-size: 15px; /* IE */
    
}
a
{
    color: #756666;
    }
h1
{
    font-family: 'Amatic SC', cursive;
    font-size: 50px;
    font-weight: normal;
    letter-spacing: 5px;
    margin-bottom: 15px;
    margin-top: 0px;
      -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
    }
h2
{
    font-size: 20px;
    font-weight: normal;
    color: #db803b;
    margin: 10px 0px;
    padding: 0px;
      -webkit-margin-before: 0px;
  -webkit-margin-after: 0px;
    }
ul
{
    margin:  10px 0px; 
  padding-left: 20px;
    }
ul ul
{
    margin:  0px; 
    }
p
{
    margin: 10px 0px; 
    }
#container
{
    width: 960px;
    height: 960px;
    position: absolute;
    left: 50%;
    margin-left: -480px;
    top: 0;
    
    }
#navi
{
    position: relative;
     width: 960px;
    height: 960px;
    }
#content
{
    background-color: #fff;
    top: 80px;
    left: 80px;
    width: 730px;
    height: 730px;
    position: absolute;
    padding: 35px;
    }
.navi
{
    font-family: 'Amatic SC', cursive;
    font-size: 48px;
    text-decoration: none;
    color: #fff;
    line-height: 80px;
    letter-spacing: 5px;
    display: block;
    position: absolute;
    padding: 0px 15px;
    }
.ontwikkel
{
    background-color: #d4574e;
    right: 135px;
    }
.stefanie
{
    background-color: #db803b;
    bottom: 0px;
    left: 478px;
    }
.visie
{
    background-color: #9a9901;
    -ms-transform: rotate(90deg); /* IE 9 */
     -webkit-transform: rotate(90deg); /* Safari */
     transform: rotate(90deg);
     right: -10px;
     top: 450px;
    }
.tarieven
{
    background-color: #9a9901;
    -ms-transform: rotate(-90deg); /* IE 9 */
     -webkit-transform: rotate(-90deg); /* Safari */
     transform: rotate(-90deg);
     left: -34px;
     top: 250px;
    }
.contact
{
    background-color: #9a9901;
    -ms-transform: rotate(-90deg); /* IE 9 */
     -webkit-transform: rotate(-90deg); /* Safari */
     transform: rotate(-90deg);
     left: -31px;
     top: 650px;
    }
 #content a
 {
     font-weight: bold;
    color: #d4574e;
    text-decoration: none;
     }
  #content a:hover
 {
    text-decoration: underline;
     }
 #logo
 {
     position: absolute;
     bottom: 115px;
     right: 115px;
     }
 #contact
 {
     position: absolute;
     bottom: 115px;
     left: 135px;
     font-size: 14px;
     }
 #quote
 {
      background: url(../images/bg.png);
      font-family: 'Amatic SC', cursive;
    font-size: 33px;
    text-decoration: none;
    color: #fff;
    padding: 35px;
    letter-spacing: 5px;
     }
 #arthor
 {
     float: right;
     }
 .green
 {
     color: #9a9901;
 }
 .number
 {
     font-size: 14px;
     }
 #papageno
 {
       position: absolute;
       left: 115px;
       top: 560px;
       border: 1px solid #333333;
       background-color: White;
       width: 400px;
       padding: 25px;
       display: none;
     }