* { 
	margin: 0; 
}

body {
    font-family: arial, sans-serif, verdana
    ;
    font-size: 14pt;
}

img {
    display: block;
    width: 75%;
    height: 15%;
}

p {
    padding: 20px;
}

p a {
    font-weight: bold;
	color: #06402b;
	text-decoration: none;
}

p a:hover {
    color: black;
	font-size: 110%;
}

#wrapper {


    max-width: 900px;   /* bovenlimiet blijft 900px */
    width: 100%;        /* schaalt mee met viewport */

/*    width: 900px;*/
	margin: auto;
}

header {
    background-color:#b4d3b2
}

header h1 {
    padding: 20px 5px 5px 5px;
	color: rgb(255,255,255);
    font-family: arial, verdana;
    font-weight: normal;
    font-size: 30pt;
}


nav {
    background: #ddc7a0;
    width: 100%;
}

nav a {
    font-family: arial, verdana;
    font-size: 15pt;
	color: black;
    text-decoration: none;

    

    display: inline-block;



    width: 200px;
    height: 50px;
    text-align: center;
    line-height: 50px;
}

nav a:hover {
    background-color:#b4d3b2;

    color:#ffffff;

}

nav a.focus {
  background-color:#06402b;
  color: white;
}


#bigimage p {
    background-color: #ffffff;
    color: #06402b;
    font-size: 12pt;
}

#bigimage img {
    width: 60%;
    height: 40%;
   
}

article {
    background-color:#b4d3b2;
    margin: 20px 0px;
}

article h1{
    padding: 10px;
    font-family: arial, verdana;
    font-size: 25pt;
    text-align: center;
}

article img {
    float: right;
    margin: 20px;
}

#contact {
    background-color: Gainsboro;

}

footer {
    background-color:#b4d3b2
}

footer p {
    color: white;
}