@charset "UTF-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
html, body {    
	height: 100%; 
}
body {
	background: url(../_images/body-bg.jpg) #ffffff repeat-x;
	text-align: center;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
h1 {
	width: 635px;
	background: #ebf2f9;
	border-bottom: 1px solid #d4e4f3;
	border-top: 1px solid #d4e4f3;
	padding: 10px 0 10px 15px;
	font-size: 22px;
	font-weight: normal;
	color: #5f7c98;
	margin-bottom: 25px;
}
p {
	font-size: 14px;
	line-height: 175%;
	color: #777777;
	margin-bottom: 15px;
}
a {
	color: #5F7c98;
	text-decoration: underline;
}
	a:hover {
		text-decoration: none;
	}
a img {
	border: 0;
}


#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	min-height: 100%;
   	margin-bottom: -40px;
   	position: relative;
}
#header {
	width: 960px;
	height: 180px;
	background: url(../_images/header-bg.jpg) no-repeat;
}
	#logo {
		float: left;
		margin: 30px 0 0 30px;
	}

#content {
	background: #ffffff;
}
	#content-left {
		width: 30px;
		height: 510px;
		background: url(../_images/content-leftborder.jpg) no-repeat;
		float: left;
	}
	#content-right {
		background: url(../_images/content-rightborder.jpg) no-repeat;
		width: 30px;
		height: 510px;
		float: right;
	}
	#content-center {
		float: left;
		width: 900px;
	}
		#nav {
			float: left;
			width: 175px;
			margin-left: 25px;
		}
			#nav ul {
				list-style: none;
			}
			#nav ul li a {
				color: #787b7d;
				width: 120px;
				height: 30px;
				padding: 10px 0 0 55px;
				display: block;
				font-size: 16px;
				text-decoration: none;
				border-bottom: 1px solid #ebf2f9;
			}
			
				#nav-home a {
					background: url(../_images/icon-home.png) no-repeat 15px 7px;
				}
				#nav-doopsuiker a {
					background: url(../_images/icon-doopsuiker.png) no-repeat 15px 7px;
				}
				#nav-ballon a {
					background: url(../_images/icon-ballon.png) no-repeat 15px 7px;
				}
				#nav-cadeau a {
					background: url(../_images/icon-cadeau.png) no-repeat 15px 7px;
				}
				#nav-lotto a {
					background: url(../_images/icon-lotto.png) no-repeat 15px 7px;
				}
				#nav-bet a {
					background: url(../_images/icon-bet.png) no-repeat 15px 7px;
				}
				#nav-shop a {
					background: url(../_images/icon-shop.png) no-repeat 15px 7px;
				}
				#nav-contact a {
					background: url(../_images/icon-contact.png) no-repeat 15px 7px;
				}
				#nav ul li:hover {
					background: #ebf2f9;
				}
				#nav ul li a:hover {
					color: #505254;
				}
		#text {
			float: left;
			margin: 0 25px;
			width: 650px;
		}
			#intro p {
				margin-left: 15px;
			}

			.foto-home {
				float: right;
				margin: 0 0 10px 15px;
			}
			#content-home {
				margin-top: 15px;
			}
			
			#nieuws {
				background: #ebf2f9;
				border-bottom: 1px solid #d4e4f3;
				border-top: 1px solid #d4e4f3;
				padding: 10px 0 10px 15px;
			}
			#nieuws h2 {
				font-size: 20px;
				font-weight: normal;
				color: #5f7c98;
				margin-bottom: 15px;
			}
			
			#home-shop {
				background: url(../_images/icon-home-ballon.png) no-repeat 10px 15px;
			}
			#home-doopsuiker {
				background: url(../_images/icon-home-doopsuiker.png) no-repeat 15px 15px;
				width: 235px;
				padding: 10px 15px 15px 75px;
				float: left;
			}
			#content-home div {
				width: 235px;
				height: 205px;
				padding: 15px 15px 0 75px;
				float: left;
			}
				#content-home div:hover {
					background-color: #ebf2f9;
				}
				#content-home div a {
					text-decoration: none;
				}
			#content-home h2 {
				font-size: 18px;
				font-weight: normal;
				color: #5f7c98;
				margin-bottom: 15px;
			}
			#content-home p, #nieuws p {
				font-size: 12px;
			}
			.foto-doop {
				width: 254px;
				float: right;
				margin: 0 0 10px 15px;

			}
			.foto-balon {
				text-align: center;
			}

#footer {
	background: #ebf2f9;
	height: 40px;
	font-size: 12px;
	color: #5f7c98;
	position: relative;
}
	#footer-inner {
		padding-top: 13px;
	}
	#footer a {
		color: #5f7c98;
	}
	.clearfooter {
   		height: 40px;
   		clear: both;
	}

div.clear {
    clear: both;
    overflow: hidden;
    height: 1px;
}