@charset "utf-8";
@import url("/css/reset.css");
@import url("/css/typography.css");

html {
	overflow-y: scroll;
	overflow-x: hidden;
}

input {
	border: 1px solid #ccc;
	padding: 3px;
	width: 275px;
	color: #888a8c;
}

h2 {
	color: #f3342d;
	font-size: 20px;
}

	div#background {
		position: absolute;
		top: 27px;
		left: 50%;
		z-index: -1;
		margin-left: -580px;
		width: 463px;
		height: 479px;
		background: url("/css/images/background.gif") no-repeat top left;
	}
	div#container {
		padding-bottom: 2em;
	}
		div#header {
			height: 96px;
			border-bottom: 1px solid #dadadb;
			background: #fff url("/css/images/bg_header.gif") repeat-x top left;
		}
		div.content {
			position: relative;
			margin: 0 auto;
			width: 960px;
			min-height: 400px;
			height: auto !important;
			height: 400px;
			padding-bottom: 75px;
			overflow: hidden;
		}
		div#header div.content {
			min-height: 0;
			height: 100% !important;
			padding-bottom: 0;
		}
			a#logo {
				position: absolute;
				left: 0;
				bottom: 0;
				display: block;
			}
				a#logo img {
					display: block;
				}
			div#menu {
				position: absolute;
				right: 0;
				bottom: 0;
			}
				div#menu ul {
					float: right;
					padding-right: 38px;
				}
					div#menu li {
						float: left;
					}
						div#menu a {
							display: block;
							padding: 0 13px 30px 12px;
							background: url("/css/images/bg_menu.png") no-repeat bottom right;
							vertical-align: bottom;
						}
							div#menu span {
								position: absolute;
								left: 0;
								bottom: 0;
								width: 200px;
								height: 75px;
								background: url("/css/images/logo.gif") no-repeat top left;
							}
						body.home div#menu li.home a {
							color: #ea2c25;
						}
						body.grootste-kus div#menu li.grootste-kus a {
							color: #ea2c25;
						}
						body.kus-vrienden div#menu li.kus-vrienden a {
							color: #ea2c25;
						}
						body.onderzoek div#menu li.onderzoek a {
							color: #ea2c25;
						}
			div#policy {
				position: absolute;
				top: 0;
				left: 0;
				width: 416px;
				height: 475px;
			}
			div#policy ul {
				position: absolute;
				bottom: 0;
				left: 0;
				border: 1px solid #dadadb;
			}
				div#policy li {
					float: left;
				}
					div#policy a {
						display: block;
						border-right: 1px solid #dadadb;
						padding: 0.636em 15px;
					}
					div#policy li.last a {
						border: none;
					}
			div#social-media {
				position: absolute;
				left: 416px;
				bottom: 0;
			}
				div#social-media ul {
					margin-top: 16px;
				}
					div#social-media li {
						float: left;
						margin-right: 18px;
					}
						div#social-media a {
							display: block;
							height: 20px;
							text-indent: -9999em;
							background-repeat: no-repeat;
							background-position: top left;
						}
							div#social-media li.flickr a {
								width: 52px;
								background-image: url("/css/images/flickr.gif");
							}
							div#social-media li.facebook a {
								width: 72px;
								background-image: url("/css/images/facebook.gif");
							}
							div#social-media li.hyves a {
								width: 48px;
								background-image: url("/css/images/hyves.gif");
							}
						div#social-media a:focus, div#social-media a:hover, div#social-media a:active {
							background-position: bottom left;
						}
			div#main {
				float: left;
				display: inline;
				margin-left: 416px;
				width: 544px;
			}
				h1 {
					position: relative;
					z-index: 100;
					height: 177px;
					background-repeat: no-repeat;
					background-position: top left;
					text-indent: -9999em;
				}
				body.home h1 {
					background-image: url("/css/images/header_de-nationale-kusjesdag.gif");
				}
				body.grootste-kus h1 {
					background-image: url("/css/images/header_grootste-kus.gif");
				}
				body.kus-vrienden h1 {
					left: -7px;
					width: 551px;
					background-image: url("/css/images/header_kus-vrienden.gif");
				}
				body.onderzoek h1 {
					background-image: url("/css/images/header_onderzoek.gif");
				}
				body.contact h1 {
					background-image: url("/css/images/header_contact.gif");
				}
				body.privacy h1 {
					height: 111px;
					background-image: url("/css/images/header_privacy.gif");
				}
				body.actievoorwaarden h1 {
					left: -3px;
					height: 111px;
					background-image: url("/css/images/header_actievoorwaarden.gif");
				}
				div#main img {
					float: right;
					margin: 0 0 1em 1em;
				}
				div#main a.button {
					position: relative;
					left: -4px;
					display: block;
					width: 236px;
					height: 40px;
					padding: 9px 17px;
					background: url("/css/images/bg_button.png") no-repeat top left;
					font-weight: bold;
					color: #fff;
					line-height: 1.231em;
				}
					body.home div#main a.button {
						padding: 8px 17px;
						height: 21px;
						background-image: url("/css/images/bg_button2.png");
					}
				div#main a.button2 {
					position: relative;
					left: -4px;
					display: block;
					width: 236px;
					height: 21px;
					padding: 8px 17px;
					background: url("/css/images/bg_button2.png") no-repeat top left;
					font-weight: bold;
					color: #fff;
					line-height: 1.231em;
					text-decoration: none;
					margin-bottom: 1em;
				}
				div#main a.button3 {
					position: relative;
					left: -4px;
					display: block;
					width: 236px;
					height: 21px;
					padding: 8px 17px;
					background: url("/css/images/bg_button3.png") no-repeat top left;
					font-weight: bold;
					color: #fff;
					line-height: 1.231em;
					text-decoration: none;
					color: #e9332c;
				}