/*
	 CSS-Tricks Example
	 by Chris Coyier
	 http://css-tricks.com
*/

*					{ margin: 0; padding: 0; }
body				{ font: 16px Georgia, serif; }

#page-wrap		    { max-width: 500px; margin: 0 auto; }

h1                  { margin: 25px 0; font: 14px Georgia, Serif; text-transform: uppercase; letter-spacing: 3px; }

#quiz input {
    vertical-align: middle;
    padding: 12px;
    font-size: 16px;
}

#quiz ol {
   margin: 0 0 10px 20px;
}

#quiz ol li {
   margin: 0 0 20px 0;
}

#quiz ol li div {
   padding: 4px 0;
}

#quiz h3 {
   font-size: 17px; margin: 0 0 1px 0; color: #d6af47;font-weight: bold;
}

#results {
	height: 358px;
	width: 300px;
	color: #fff;
	text-align: center;
    font: 140px Georgia, Serif;
    padding: 35px;
    background: transparent url("../img/PuntenBox_S.png") no-repeat top center; 
}
.quizHeader {
  width: 100%;
  max-height: 450px;
  text-align: center;
  padding: 250px 0 50px 0;
  color: #fff;
    background: transparent url("../img/quizHeader.jpg") no-repeat top center; 
}
.quizHeader img {
  max-height: 200px;
  margin-top: 50px;
}
.quizHeader h1 {
  font-size: 52px;
  text-shadow: 2px 2px #000;
}
#page-wrap {
  margin-top: 50px;
  margin-bottom: 50px;
}
.button {
  border:none;
  padding: 25px!important;
    font-size:    14px !important;
  background-color: #d6af47;
  font-weight:    bold;
  color:      #fff;
}
.naamBox {
  margin-bottom: 25px;
}
.naamBox h3 {
   font-size: 17px; margin: 0 0 1px 0; color: #d6af47;font-weight: bold;
}
.para {
  text-align: center;
}
@media screen and (max-width: 480px) {
#page-wrap        { max-width: 320px; margin: 0 auto; margin-bottom: 30px; }
.quizHeader img { max-height: 150px;  margin-top: 10px;
}
}