body.galerietje { background-color:#f89829; }
body.boekerietje { background-color:#e73e97; }
body.boekerietje p { color:#e73e97; }
body.kinderfotografie { background-color:#8cc63f; }
body.kinderfotografie p { color:#8cc63f; }
body.toetiekunst { background-color:#00aedb; }
body.toetiekunst p { color:#00aedb; }

/* Graphical user interface */

#container {
	display:block;
	position:relative;
	width:960px;
	height:724px;
	margin:0 auto;
	padding:0;
	padding-top:5px;
}

	#header {
		width:960px;
		height:143px;
		background-image:url(../images/header.png);
		background-position:top center;
		background-repeat:no-repeat;
	}
		#header .left {
			width:420px;
			height:80px;
			float:left;
			padding-top:60px;
			padding-right:60px;
		}
		#header .right {
			width:420px;
			height:80px;
			float:left;
			padding-top:60px;
			padding-left:60px;
		}
		
	#middle {
		width:960px;
		height:542px;
		background-color:#fff;
	}

		#content {
			position:relative;
			margin:0 auto;
			width:938px;
			height:542px;
		}
			#content_left {
				width:274px;
				height:274px;
				float:left;
				padding-top:40px;
			}
			#content_middle {
				width:360px;
				height:274px;
				float:left;
				padding-top:40px;
			}
			#content_right {
				width:234px;
				height:274px;
				float:left;
				padding-top:40px;
				padding-left:40px;
			}

			div.homepage {
				background-image:url(../images/homepage.jpg);
				background-position:0 0;
				background-repeat:no-repeat;
			}
			div.galerietje {
				background-image:url(../images/galerietje.jpg);
				background-position:bottom center;
				background-repeat:no-repeat;
			}
			div.boekerietje {
				background-image:url(../images/boekerietje.jpg);
				background-position:bottom center;
				background-repeat:no-repeat;
			}
			div.toetiekunst {
				background-image:url(../images/toetiekunst.jpg);
				background-position:bottom center;
				background-repeat:no-repeat;
			}
			div.kinderfotografie {
				background-image:url(../images/kinderfotografie.jpg);
				background-position:bottom center;
				background-repeat:no-repeat;
			}

			#welkom {
				width:938px;
				height:404px;
			}
			#buttons {
				width:938px;
				height:138px;
			}
				#menu {
					width:auto;
					height:138px;
					padding-left:43px;
				}
					#menu ul {
							display:block;
							padding:0;
							margin:0;
					}
					#menu ul li {
							display:block;
							float:left;
							padding:0;
							margin:0;
							list-style:none;
							list-style-image:none;
					}
					#menu ul li a {
							margin:0;
							padding:0;
					}
						#menu ul li a.boekerietje {
							display:block;
							width:83px;
							height:138px;
							background-image:url(../images/bt-boekerietje.jpg);
							background-position:0 0;
							background-repeat:no-repeat;
						}
						#menu ul li a.kinderfotografie {
							display:block;
							width:69px;
							height:138px;
							background-image:url(../images/bt-kinderfotografie.jpg);
							background-position:0 0;
							background-repeat:no-repeat;
						}
						#menu ul li a.toetiekunst {
							display:block;
							width:89px;
							height:138px;
							background-image:url(../images/bt-toetiekunst.jpg);
							background-position:0 0;
							background-repeat:no-repeat;
						}
						#menu ul li a.galerietje {
							display:block;
							width:94px;
							height:138px;
							background-image:url(../images/bt-galerietje.jpg);
							background-position:0 0;
							background-repeat:no-repeat;
						}
						#menu ul li a.galerietje:hover {
							background-position:-94px 0;
						}

			div#logos {
				display:block;
				margin:0 auto;
				width:912px;
				height:280px;
			}
				div#logo-boekerietje {
					display:block;
					background-image:url(../images/boekerietje.gif);
					background-position:center center;
					background-repeat:no-repeat;
					width:274px;
					height:274px;
					float:left;
					padding-right:20px;
				}
				div#logo-kinderfotografie {
					display:block;
					background-image:url(../images/kinderfotografie.gif);
					background-position:center center;
					background-repeat:no-repeat;
					width:274px;
					height:274px;
					float:left;
					padding-right:20px;
				}
				div#logo-toetiekunst {
					display:block;
					background-image:url(../images/toetiekunst.gif);
					background-position:center center;
					background-repeat:no-repeat;
					width:274px;
					height:274px;
					float:left;
					padding-right:20px;
				}
			
			div#introductie {
				display:block;
				margin:0 auto;
				width:912px;
				height:236px;
			}
				div#intro-boekerietje {
					background-image:url(../images/boekerietje.png);
					background-position:0 0;
					background-repeat:no-repeat;
					position:relative;
					float:left;
					width:274px;
					height:236px;
					padding-right:30px;
				}
				div#intro-toetiekunst {
					background-image:url(../images/toetiekunst.png);
					background-position:0 0;
					background-repeat:no-repeat;
					position:relative;
					float:left;
					width:274px;
					height:236px;
					padding-right:30px;
				}
				div#intro-kinderfotografie {
					background-image:url(../images/kinderfotografie.png);
					background-position:0 0;
					background-repeat:no-repeat;
					position:relative;
					float:left;
					width:274px;
					height:236px;
					padding-right:30px;
				}
			
			div#intro-boekerietje p { padding:20px 25px 0 25px; color:#e73e97; }
			div#intro-toetiekunst p { padding:20px 25px 0 25px; color:#00aedb; }
			div#intro-kinderfotografie p { padding:20px 25px 0 25px; color:#8cc63f; }

	#footer {
		width:960px;
		height:39px;
		background-image:url(../images/footer.png);
		background-position:bottom center;
		background-repeat:no-repeat;
	}
		
		#copyrights {
			display:block;
			width:auto;
			height:auto;
			text-align:center;
			padding-top:10px;
		}

	div.hidden, span.info {
		display:none;
	}
	
	#map { display:block; width:360px; height:274px; margin-bottom:10px; border:1px solid #f89829; }

	div.scrollable { position:relative; display:block; overflow:hidden; width:200px; height:260px; margin:0 auto; } 
	div.scrollable div.slideshow { display:block; width:200px; height:20000em; visibility:visible; } 
	div.scrollable div.slideshow ul { display:block;   }
	div.scrollable div.slideshow ul li { display:block; }
	div.scrollable div.slideshow ul li a { display:block;  }
	
	a.next { 
		position: relative;
		display: block;
		float: left;
		width: 200px;
		height: 30px;
		text-decoration: none;
		background-color: #fff;
		background-image: url(../images/bt-next.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	a.prev {
		position: relative;
		display: block;
		float: left;
		width: 200px;
		height: 30px;
		text-decoration: none;
		background-color: #fff;
		background-image: url(../images/bt-prev.jpg);
		background-repeat: no-repeat;
		background-position: 0 0;
	}