/* -- Main styles -- */

html, body{
	margin: 0px;
	padding: 0px;
}

body{
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: url(../img/bg.png) 172px top repeat-y #000;
}

h1, h2, h3, h4{
	margin: 0px;
	padding: 10px 0px 20px 0px;
	display: block;
	font-weight: normal;
}

h1{
	font-size: 24px;
}

h2{
	font-size: 15px;
	font-weight: bold;
}

h3{
	font-size: 12px;
	font-style: italic;
	margin-top: -20px;
	padding-top: 0px;
	font-weight: bold;
}

p, table{
	display: block;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	border-width: 0px;
}

p, table, h1, h2, h3, h4{
	width: 340px;
}

td{
	padding: 0px 0px 3px 0px;
	border-width: 0px;
}

.claro{
	clear: both;
}

/* -- Main container -- */

#container{
	width: 980px;
	padding-bottom: 40px;
}

/* -- Header -- */

#header{
	height: 160px;
	background-color: #000;
}

#header a{
	height: 111px;
	display: block;
	width: 310px;
	background: url(../img/fieldsofwonder.png) right bottom no-repeat;
}

/* -- Menu --*/

#menublock{
	float: left;
	width: 172px;
}

#menu,
#menu ul,
#menu li{
	display: block;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

#menu{
	padding: 0px 10px 0px 31px;
}

	#menu ul ul ul,
	#menu .blog ul{
		display: none;
	}
	
	#menu .blog{
		padding-bottom: 20px;
	}
	
	#menu li,
	#menu div{
		padding-bottom: 3px;
	}
	
	#menu a,
	#menu div{
		font-weight: bold;
		color: #FFF;
		text-decoration: none;
		font-size: 15px;
	}
	
	#menu div{
		padding-top: 20px;
	}
	
	#menu ul div{
		padding-top: 0px;
		font-weight: normal;
		font-size: 12px;
	}
	
	#menu ul a{
		color: #685A56;
		font-weight: normal;
		font-size: 12px;
	}
	
	#menu .active,
	#menu a:hover{
		color: #FFF;
	}

/* -- Main content -- */

#main{
	float: left;
	width: 720px;
	padding: 20px 40px 40px 40px;
}

	#main a{
		color: #FFF;
		font-weight: bold;
		text-decoration: none;
	}
	
	#main a:hover{
		text-decoration: underline;
	}
	
	#main .top{
		padding: 10px 0px 20px 0px;
		clear: right;
	}
	
		#main .top a{
			color: #000;
			font-weight: normal;
		}
	
	#main .nav{
		padding-bottom: 20px;
	}
	
	#main .blogitem{
		padding-top: 15px;
	}
	
	#main .leesmeer{
		width: 700px;
		text-align: right;
	}
	
/* -- Gallery -- */
#gallery{
	width: 455px;
	height: 130px;
}

	#gallery .next,
	#gallery .prev{
		position: absolute;
		margin-top: 130px;
		background: url(../img/gallery_prevnext.gif) left top no-repeat;
		width: 19px;
		height: 13px;
		display: block;
	}
	
	#gallery .next{
		margin-left: 436px;
		background-position: -19px top;
	}

	#gallery .thumb{
		width: 110px;
		height: 115px;
		display: block;
		background-position: center center;
		background-repeat: no-repeat;
	}
	
	.thumbinfo{
		width: 430px;
		text-align: center;
		color: #000;
		padding-bottom: 20px;
	}
	