@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,300,700');

* {
	margin:  0;
	padding: 0;
	}

html {
	background-color: #fafafa;
	font-family:      'Open Sans', sans-serif;
	}

body {
	margin:           20px auto 0;
	width:            980px;
	background-color: #fff;
	box-shadow:       0 0 20px rgba(0, 0, 0, 0.18);
	min-height:       900px;
	}

header {
	text-align: center;
	}

span[id="logo"] {
	display: block;
	padding: 50px 0;
	}

span[id="pand"] {
	display:        block;
	padding-bottom: 50px;
	}

a[class="startButton"] {
	background:            rgba(255, 216, 216, 1);
	background:            -moz-linear-gradient(top, rgba(255, 216, 216, 1) 0%, rgba(241, 52, 65, 1) 94%, rgba(195, 26, 37, 1) 100%);
	background:            -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 216, 216, 1)), color-stop(94%, rgba(241, 52, 65, 1)), color-stop(100%, rgba(195, 26, 37, 1)));
	background:            -webkit-linear-gradient(top, rgba(255, 216, 216, 1) 0%, rgba(241, 52, 65, 1) 94%, rgba(195, 26, 37, 1) 100%);
	background:            -o-linear-gradient(top, rgba(255, 216, 216, 1) 0%, rgba(241, 52, 65, 1) 94%, rgba(195, 26, 37, 1) 100%);
	background:            -ms-linear-gradient(top, rgba(255, 216, 216, 1) 0%, rgba(241, 52, 65, 1) 94%, rgba(195, 26, 37, 1) 100%);
	background:            linear-gradient(to bottom, rgba(255, 216, 216, 1) 0%, rgba(241, 52, 65, 1) 94%, rgba(195, 26, 37, 1) 100%);
	filter:                progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd8d8', endColorstr='#c31a25', GradientType=0);

	border-radius:         10px 10px 10px 10px;
	-moz-border-radius:    10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
	border:                0 solid #000;

	display:               inline-block;
	padding:               13px 60px;
	color:                 #fff;
	text-decoration:       none;
	text-transform:        uppercase;
	font-weight:           700;
	font-size:             20px;
	letter-spacing:        4px;
	}

a[class="volgendeVraag"] {
	background:            #cd2532;

	display:               inline-block;
	padding:               8px 30px;
	color:                 #fff;
	text-decoration:       none;
	text-transform:        uppercase;
	font-weight:           700;
	font-size:             16px;
	letter-spacing:        2px;
	}
a[class="bonusVraag"] {
	background:            #cd2532;

	display:               inline-block;
	padding:               8px 30px;
	color:                 #fff;
	text-decoration:       none;
	text-transform:        uppercase;
	font-weight:           700;
	font-size:             13px;
	letter-spacing:        2px;
	}

article[class="upperText"], article[class="startQuiz"] {
	text-align: center;
	}

article[class="startQuiz"] {
	margin-top: 30px;
	}

div[id="quizVraag"] {
	width: 100%;
	}

	div[id="afbVraag"] {
		float: left;
		width: 250px;
		padding: 0 25px 0 75px;
		}

	div[id="vraagInhoud"] {
		float: left;
		width: 580px;
		padding: 0 25px;
		}

div[class="clear"] {
	clear: both;
	}