@CHARSET "ISO-8859-1";

/* body html */
body,html {
	margin: 0px;
	padding: 0px;
	text-align: center;
	
	background: url(/interface/wrapper-background.jpg) repeat-y center #000000;
}

/* Form */
form {
	margin: 0px;	
}

/* header */
div#header {
	background: url(/interface/header/technieken-banner.jpg) right top no-repeat;
	height: 115px;
}

div#header div.banner {
	position: absolute;
	width: 550px;
	height: 103px;
	margin-left: 380px;	
}

	div#header div.banner a {
		display: block;
		width: 550px;
		height: 103px;
	}

/* Wrapper */
div#wrapper {
	text-align: center;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
	
	text-align: left;
}

	div#wrapper p {
		margin: 0px;
	}

/* Linker grid */
div#leftSide {
	float: left;
	margin-top: -16px;
}

div#grid {
	background: url(/interface/grid/grid-top.jpg) right top no-repeat;
	width: 355px;
	height: 168px;
	padding-left: 20px;
	padding-right: 14px;
	padding-top: 6px;
	padding-bottom: 14px;
	margin-top: 6px;
}

	div#grid div.menu {
		position: absolute;
		
		padding-top: 15px;
		
		width: 184px;
		height: 123px;
		margin-left: 186px;
		
		margin-top: 8px;
		
		background: #FFF;
		
		text-align: right;
	}

		div#grid div.menu img {
			margin-bottom: 10px;
			border: 0px;
		}
		
		div#grid div.menu img.proefdiervrij-nl{
			margin-bottom: 0px;
		}
		
		div#grid div.menu img.eenmalige-donatie {
			margin-bottom: 9px;
		}
		
		div#grid div.menu img.tv-commercial {
			margin-bottom: 7px;
		}
		
	div#grid div#grid-bottom {
		
	}

	div#polonaise {
		background: url(/interface/grid/grid-bottom.jpg) right top no-repeat;
		height: 180px;
		width: 331px;
		padding-top: 1px;
		padding-left: 58px;
	}
	
	div.gridextra {
		width: 359px;
		color: #FFF;
		font-family: Verdana;
		font-size: 12px;
		margin-left: 23px;
		margin-top: 3px;
		line-height: 19px;
	}
	
		div.gridextra a {
			color: #FFF;
			text-decoration: none;
		}
		
		div.gridextra a:hover {
			text-decoration: underline;
		}
	
		div.gridextra h3 {
			font-size: 14px;
			margin: 0px;
			padding: 0px;
		}

/* Speciaal formulier */

table.niceform {
	border-collapse: collapse;
	padding: 0px;
	margin: 0px;	
	
}

	span.small {
		font-size: 10px;
	}

	.selectbox {
		width: 150px;
		margin-right: 7px;
	}

	table.niceform td {
		padding: 0px;
		padding-bottom: 3px;
		vertical-align: top;
	}
	
	table.niceform td.present {
		padding-top: 8px;
		padding-bottom: 8px;
	}
		
		table.niceform td.present .radiobox {
			float: left;
			margin-right: 18px;
			margin-top: 46px;
		}
		
		table.niceform td.present img {
			float: left;
			margin-right: 5px;
		}

	table.niceform td.submit {
		padding: 0px;
		padding-top: 7px;
		text-align: right;
		vertical-align: bottom;
	}
	
	div.submit-button {
		border: 0px solid #FF0000;
		float: right;
		width: 171px;
		height: 159px;
		text-align: right;
		vertical-align: bottom;
	}
	
	div.keep-me-informed {
		text-align: left;
		padding-top: 65px;
		height: 45px;
		line-height: 16px;
		padding-left: 0px;
		padding-bottom: 29px;
		font-size: 11px;
	}
	
		div.keep-me-informed .checkbox {
			float: left;
		}
		
		div.keep-me-informed div {
			margin-left: 23px;
		}
		
/* Donate */
table.donate {
	border-collapse: collapse;	
	margin-top: 10px;
	margin-bottom: 10px;
	width: 350px;
}

	table.donate select {
		font-size: 11px;
		padding: 2px;
	}
	
	table.donate td {
		width: 25%;
	}
	
	table.donate td.radio {
		width: 5%;
	}
	
	table.donate input {
		height: 14px;
	}

.textnice {
	background: url(/interface/form/text-background.gif) repeat-x;
	border: 0px;
	padding: 3px;
	width: 437px;
	font-family: Verdana;
	font-size: 11px;
	height: 20px;
}

.textsmallnice {
	background: url(/interface/form/text-small-background.gif) repeat-x;
	border: 0px;
	padding: 3px;
	width: 84px;
	font-family: Verdana;
	font-size: 11px;
	height: 20px;	
}

.textmiddle {
	background: url(/interface/form/text-middle-background.gif) repeat-x;
	border: 0px;
	padding: 3px;
	width: 130px;
	font-family: Verdana;
	font-size: 11px;
	height: 20px;	
	margin-right: 9px;
}

.textmiddlenice {
	background: url(/interface/form/text-middle-background.gif) repeat-x;
	border: 0px;
	padding: 3px;
	width: 256px;
	font-family: Verdana;
	font-size: 11px;
	height: 20px;	
	margin-right: 9px;
}

.textmiddlesmallnice {
	background: url(/interface/form/text-middle-small-background.gif) repeat-x;
	border: 0px;
	padding: 3px;
	width: 211px;
	font-family: Verdana;
	font-size: 11px;
	height: 20px;	
	margin-right: 9px;
}

.textareanice {
	background: url(/interface/form/textarea-background.gif) no-repeat;
	border: 0px;
	padding: 4px;
	width: 430px;
	height: 112px;
}

.textarea-nice-yellow {
	background: url(/interface/form/textarea-yellow-background.gif) no-repeat;
	border: 0px;
	padding: 4px;
	width: 261px;
	height: 151px;
}

table.quote-form {
	border-collapse: collapse;	
}

	table.quote-form td {
		padding-bottom: 3px;
	}
	
	table.quote-form td.submit {
		text-align: right;
	}
	
	span.max-chars {
		color: #999;
	}
	
.whitetext {
	background: url(/interface/quote-form/text-background.gif) repeat-x;
	border: 0px;
	width: 345px;
	padding: 5px;
	font-size: 11px;
	font-family: Verdana;	
}

.whitetextarea {
	background: url(/interface/quote-form/textarea-background.gif);
	border: 0px;
	width: 345px;
	height: 37px;
	padding: 5px;
	font-size: 11px;
	font-family: Verdana;	
}

/* Content */

div.content-header {
	background: url(/interface/content/top.gif) no-repeat bottom left;
	height: 16px;
	width: 551px;
	
	margin-left: 389px;
}

div.content {
	margin-left: 389px;
	background: url(/interface/content/repeat.gif) repeat-y;
	padding-top: 25px;
	padding-left: 42px;
	padding-right: 51px;	
	color: #666;
	font-family: Verdana;
	
	min-height: 420px;
	
	padding-bottom: 50px;

	font-size: 12px;
	line-height: 16px;
}

	div.content h2 {
		color: #cc0000;
		font-size: 14px;
		margin: 0px;
		padding: 0px;
		margin-bottom: 10px;
	}
	
	div.content .donation-button {
		margin-left: 67px;
		margin-top: 15px;
	}

	div.content a {
		color:  #cc0000;
		text-decoration: none;
		font-weight: bold;
	}
	
		div.content a:hover {
			text-decoration: underline;
		}
	

	div.content div.content-title {
		margin-bottom: 10px;
	}

div.content-footer {
	background: url(/interface/content/footer.gif) repeat-y;
	height: 19px;
	margin-left: 389px;
}