/* CSS Document */


body {
	margin: 0;
	padding: 0;
	background: url(../images/bg_body.gif) repeat;

	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

h1 {
	font-size: 20px;
	line-height: 22px;
	color: #88b125;
	overflow: hidden;
}

h2 {
	font-size: 12px;
	line-height: 14px;
	color: #88b125;
	overflow: hidden;
}

div, h1, h2, p, ul, ol, li, img {
	margin: 0;
	padding: 0;
}

ol {
	margin: 15px 0 15px 45px;
}

a {
	color: #88b125;
	text-decoration: none;
}

div#website {
	width: 777px;
	height: auto;
	background: url(../images/bg_website.gif) repeat;
	margin: 0 auto 0 auto;
	padding: 0 12px 0 11px;
}

div#header {
	height: 126px;
	width: 772px;
	background: url(../images/bg_header.gif) no-repeat;
	padding: 5px 0 0 5px;

	color: #666666;
	font-weight: bold;
}

div#header a {
	color: #88b125;
	text-decoration: underline;
}

div#navigatie {
	height: 30px;
	width: 757px;
	padding: 0 0 0 20px;
	background: #d3f44d;
}

div#navigatie a {
	height: 28px;
	width: 140px;
	border: 1px solid #8bb225;
	display: block;
	float: left;

	color: #666666;
	font-size: 12px;
	font-variant: small-caps;
	font-weight: bold;
	text-align: center;
	line-height: 28px;
	text-decoration: none;
}

div#navigatie a.active {
	color: #8bb225;
	background: #ecf4bb;
	border: 1px solid #ecf4bb;
}

div#inleidingHome {
	height: 400px;
	width: 777px;
	background: url(../images/bg_inleiding_home.jpg) no-repeat;
}

div#inleidingHome div.typeGameHer {
	padding: 45px 0 0 90px;
	width: 280px;
	height: 125px;
}

div#inleidingHome div.typeGameHer h1 {
	font-size: 18px;
}

div#inleidingBrianFonda {
	height: 231px;
	width: 777px;
	background: url(../images/bg_inleiding_brian_fonda.jpg) no-repeat;
}

div#inleidingLaraSwitchOff {
	height: 231px;
	width: 777px;
	background: url(../images/bg_inleiding_lara_switch-off.jpg) no-repeat;
}

div#inleidingDavinaCode {
	height: 231px;
	width: 777px;
	background: url(../images/bg_inleiding_davina_code.jpg) no-repeat;
}

div#inleidingHome div.tekst,
div#inleidingBrianFonda div.tekst,
div#inleidingLaraSwitchOff div.tekst,
div#inleidingDavinaCode div.tekst {
	padding: 40px 0 0 435px;
	width: 330px;
	height: 191px;
}

div#inleidingHome div.tekst h1,
div#inleidingBrianFonda div.tekst h1,
div#inleidingBrianFonda div.tekst h2,
div#inleidingLaraSwitchOff div.tekst h1,
div#inleidingLaraSwitchOff div.tekst h2,
div#inleidingDavinaCode div.tekst h1,
div#inleidingDavinaCode div.tekst h2 {
	width: 100%;
	text-align: center;
}

div#inleidingHome div.tekst p,
div#inleidingBrianFonda div.tekst p,
div#inleidingLaraSwitchOff div.tekst p,
div#inleidingDavinaCode div.tekst p {
	width: 320px;
	margin: 10px 0 0 0;
	padding: 0 10px 0 0;
	height: 100px;
	font-size: 11px;
	overflow: auto;
}

div#informatie {
	padding: 20px 0 0px 18px;
	min-height: 320px;
	width: 759px;
	background: url(../images/bg_onder_vervolgpagina.jpg) no-repeat bottom;

}



div#informatie h1 {
	background: #f3ffbf;
	line-height: 40px;
	width: 467px;
	padding: 0 0 0 15px;
}


div#informatie div.quotes {
	width: 480px;
	height: 240px;

	background: #f2f7e1;
	border-left: 1px solid #a7d141;
	border-right: 1px solid #a7d141;
	border-bottom: 1px solid #a7d141;

	overflow: auto;
}

div#informatie div.quotes p {
	padding: 15px 15px 0 60px;
	background: url(../images/bg_berichten.gif) no-repeat;
}
div#informatie div.quotes p b {
	font-weight: bold;
	color: #87b024;
	display: block;
}

div#nieuwsHome {
	padding: 0 0 0 18px;
	height: 410px;
	width: 759px;
}

div#nieuwsberichtenHome {
	width: 482px;
	float: left;
}

div#nieuwsberichtenHome h1 {
	background: #f3ffbf;
	line-height: 40px;
	width: 467px;
	padding: 0 0 0 15px;
}

div#nieuwsberichtenHome div.bericht {
	border-left: 1px solid #d7f55f;
	border-right: 1px solid #d7f55f;
	border-bottom: 1px solid #d7f55f;
	border-top: none;

	background: #f8fee2;

	height: 370px;

	overflow: auto;
}

div#nieuwsberichtenHome div.bericht p {
	padding: 15px 15px 0 60px;
	background: url(../images/bg_berichten.gif) no-repeat;
}
div#nieuwsberichtenHome div.bericht p b {
	font-weight: bold;
	color: #87b024;
	display: block;
}

div#overzichtenHome {
	width: 277px;
	float: left;
}

div#overzichtenHome h1 {
	background: #d3f44d;
	line-height: 40px;
	padding: 0 0 0 15px;
	color: #498a12;
}

div#overzichtenHome p {
	margin: 15px 22px 0 22px;
}

div#overzichtenHome ol li {
	vertical-align: text-top;

}


div#footer {
	padding: 35px 35px 25px 35px;
	text-align: center;
	background: #ddff53;
}

div#footer p {
	padding: 0 0 10px 0;
}

div#kenmerkenBrianFonda {
	height: 185px;
	width: 777px;
	background: url(../images/bg_kenmerken_brian_fonda.jpg) no-repeat;
}

div#kenmerkenDavinaCode {
	height: 185px;
	width: 777px;
	background: url(../images/bg_kenmerken_davina_code.jpg) no-repeat;
}

div#kenmerkenLaraSwitchOff {
	height: 185px;
	width: 777px;
	background: url(../images/bg_kenmerken_lara_switch-off.jpg) no-repeat;
}



div#kenmerkenBrianFonda div.tekst,
div#kenmerkenLaraSwitchOff div.tekst,
div#kenmerkenDavinaCode div.tekst {
	padding: 45px 0 0 35px;
	float: left;
}

div#kenmerkenBrianFonda div.tekst h1,
div#kenmerkenLaraSwitchOff div.tekst h1,
div#kenmerkenDavinaCode div.tekst h1 {
	font-size: 17px;
	line-height: 22px;
	color: #87b224;
}

div#kenmerkenBrianFonda div.tekst ul,
div#kenmerkenLaraSwitchOff div.tekst ul,
div#kenmerkenDavinaCode div.tekst ul {
	list-style: none;
	margin: 15px 0 0 0;
	width: 200px;
}

div#kenmerkenBrianFonda div.tekst div.typeGameHer,
div#kenmerkenLaraSwitchOff div.tekst div.typeGameHer,
div#kenmerkenDavinaCode div.tekst div.typeGameHer {
	margin: 38px 0 0 0;
	width: 350px;
}

div#kenmerkenBrianFonda div.tekst div.typeGameHer h1,
div#kenmerkenLaraSwitchOff div.tekst div.typeGameHer h1,
div#kenmerkenDavinaCode div.tekst div.typeGameHer h1 {
	font-size: 17px;
	line-height: 22px;
	color: #4b8b13;
}

div#kenmerkenBrianFonda div.favorieteSpellen,
div#kenmerkenLaraSwitchOff div.favorieteSpellen,
div#kenmerkenDavinaCode div.favorieteSpellen {
	padding: 10px 0 0 40px;
	float: left;
}

div#kenmerkenBrianFonda div.favorieteSpellen h1,
div#kenmerkenLaraSwitchOff div.favorieteSpellen h1,
div#kenmerkenDavinaCode div.favorieteSpellen h1 {
	font-size: 16px;
	line-height: 22px;
	margin: 0 0 20px 0;
	color: #4b8b13;
}

div#kenmerkenBrianFonda div.favorieteSpellen ul,
div#kenmerkenLaraSwitchOff div.favorieteSpellen ul,
div#kenmerkenDavinaCode div.favorieteSpellen ul {
	list-style: none;
	height: 25px;
	width: 315px;
	margin: 0 0 0 35px;
}
div#kenmerkenBrianFonda div.favorieteSpellen ul li,
div#kenmerkenLaraSwitchOff div.favorieteSpellen ul li,
div#kenmerkenDavinaCode div.favorieteSpellen ul li {
	float: left;
	line-height: 18px;
	height: 18px;
	overflow: hidden;
}
div#kenmerkenBrianFonda div.favorieteSpellen ul li.icoontje,
div#kenmerkenLaraSwitchOff div.favorieteSpellen ul li.icoontje,
div#kenmerkenDavinaCode div.favorieteSpellen ul li.icoontje {
	width: 20px;
	margin: 0 15px 0 0;
}

div#kenmerkenBrianFonda div.favorieteSpellen ul li.titel,
div#kenmerkenLaraSwitchOff div.favorieteSpellen ul li.titel,
div#kenmerkenDavinaCode div.favorieteSpellen ul li.titel {
	width: 175px;
	margin: 0 15px 0 0;
}

div#kenmerkenBrianFonda div.favorieteSpellen ul li.link,
div#kenmerkenLaraSwitchOff div.favorieteSpellen ul li.link,
div#kenmerkenDavinaCode div.favorieteSpellen ul li.link {
	width: 75px;
}