@CHARSET "ISO-8859-1";

/* body html */
body {
	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;	
	cursor: pointer;
}

	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;
}

/* Top menu */
div.top-menu {
	background: url(/interface/top-menu.gif) left top no-repeat #FFF;	
	width: 240px;
	text-align: center;
	float: right;
	
	font-family: Verdana;
	font-size: 12px;
		
	margin-top: -35px;
	color: #c0b8ab;
	margin-right: 40px;
}

	div.top-menu div {
		padding-top: 11px;
	}
	
	div.top-menu a {
		margin-right: 5px;
		margin-left: 5px;
		color: #c0b8ab;
		font-weight: bold;
	}
	
		div.top-menu a:hover {
			color: #cc0000;
		}

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

	div#grid div {
		/*background: #FFF;*/
	}

	div.grid-quiz {
		background: url(/interface/quiz/quiz.jpg);
		height: 355px;
	}

	/*send to a friend grid*/
	div.grid-sendtoafriend {
		background: url(/interface/grid/tellafriend.jpg);
		height: 355px;
	}

	/*quote grid*/
	
	div.grid-quote {
		background: url(/interface/grid/quotes.jpg);
		height: 355px;
	}
	
	/* Ledenwerf grid */
	div.grid-ledenwerf {
		background: url(/interface/grid/pdv_wordlid.jpg);
		height: 355px;
	}
	
	/*Contact grid*/
	
	div.grid-contact {
		background: url(/interface/grid/contact.jpg);
		height: 355px;
	}
	
	/* weblog grid */
	div.grid-weblog {
		background: url(/interface/grid/blog.jpg);
		height: 355px;
	}
	
		div.grid-weblog .registration {
			height: 70px;
			margin-top: 19px;
			margin-left: 90px;
			margin-right: 140px;
			cursor: pointer;
		}
	
		div.logged-in {
			background: url(/interface/grid/blog-ingelogd.jpg);
			height: 355px;
			color: #2f547b;
			font-family: Verdana;
			font-size: 11px;
		}
			
			div.logged-in a {
				color: #2f547b;
				font-weight: bold;
			}
			
			div.logged-in div {
				padding-top: 120px;
				padding-left: 90px;
				width: 200px;
			}
	
		div.grid-weblog div.login-error {
			color: #FF0000;
			position: absolute;
			font-family: Verdana;
			font-size: 10px;
			
			margin-left: 90px;
			width: 200px;
			margin-top: 40px;
			font-weight: bold;
		}
		
			div.grid-weblog div.login-error a {
				color: #FF0000;
			}
	
		div.grid-weblog .email-login {
			margin-left: 94px;
			margin-top: 138px;
			border: 0px solid #FF0000;
			padding: 3px;
			width: 178px;
			font-family: Verdana;
			font-size: 11px;
		}
		
		div.grid-weblog .password-login {
			margin-left: 94px;
			margin-top: 37px;
			border: 0px solid #FF0000;
			padding: 2px;
			width: 177px;
			font-family: Verdana;
			font-size: 11px;
		}
		
		div.grid-weblog .login-button {
			position: absolute;
			margin-left: 205px;
			margin-top: 232px;
		}
		
	div.grid-maildeminister {
		background: url(/interface/grid/maildeminister.jpg);
		height: 355px;
	}
	
	div.grid-fonds {
		background: url(/interface/grid/fonds.jpg);
		height: 355px;
	}
	
	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) no-repeat;
	border: 0px;
	padding: 3px;
	width: 444px;
	font-family: Verdana;
	font-size: 11px;
	height: 20px;
}

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

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

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

.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);
	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: #666666;
	font-family: Verdana;
	
	min-height: 430px;

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

	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;
}

/*quote*/
div.quote-item {
	padding-bottom: 25px;	
}

	div.quote-item div.title {
		color: #cc0000;
		font-size: 12px;
		text-decoration: underline;
		font-weight: bold;
		display: inline;
		margin-right: 3px;
	}
	
	div.quote-item div.info {
		color: #000;
		font-size: 10px;
		font-weight: bold;
		padding-bottom: 0px;
		text-decoration: none;
	}

/* Link */
div.link-item {
	padding-bottom: 25px;
}

	div.link-item div.title {
		color: #cc0000;
		font-size: 12px;
		text-decoration: underline;
		font-weight: bold;
	}
	
	div.link-item div.info {
		color: #000;
		font-size: 10px;
		font-weight: bold;
		padding-bottom: 0px;
	}
	
		div.link-item div.info a{
			color: #000;
		}

/* Agenda */
div.agenda-date-selector {
	margin-bottom: 25px;	
}

	div.agenda-date-selector select {
		margin-right: 5px;
	}

	div.agenda-date-selector .agenda-button {
		position: absolute;
		margin-top: 0px;
	}

div.agenda-item {
	padding-bottom: 25px;	
}

	div.agenda-item div.title {
		color: #cc0000;
		font-size: 12px;
		text-decoration: underline;
		font-weight: bold;
	}
	
	div.agenda-item div.info {
		color: #000;
		font-size: 10px;
		font-weight: bold;
		padding-bottom: 0px;
	}
	
/* Media */
div.media-info {
	font-family: Verdana;
}

	div.media-info div.title {
		font-size: 14px;
		font-weight: bold;
		margin-bottom: 3px;
	
	}

	div.media-info div.info {
		font-size: 11px;
		margin-bottom: 3px;
	}
	
	div.media-info div.vote {
		padding-top: 20px;
		color: #FFF;
	}
	
		div.media-info div.vote h3 {
			padding-bottom: 6px;
			font-size: 12px;
		}

div.media-item {
	padding-bottom: 25px;	
	
	height: 100px;
}

	div.media-item div.image {
		float: left;
		width: 105px;
		height: 73px;
		cursor: pointer;
	}
	
	div.media-item div.title {
		color: #cc0000;
		font-size: 12px;
		text-decoration: underline;
		font-weight: bold;
		padding-bottom: 4px;
		margin-left: 110px;
		cursor: pointer;
		margin-right: 95px;
	}

	div.media-item div.info {
		float: right;
		border-left: 1px solid #CCC;
		padding-left: 14px;
		font-size: 10px;
		font-weight: bold;
		color: #000;
		height: 73px;
		width: 80px;
	}
	
	div.media-item div.text {
		margin-left: 110px;
		margin-right: 95px;
		height: 90px;
		overflow: hidden;
		width: 240px;
	}

/* Weblog */
div.weblog-item {
	padding-bottom: 21px;
	font-size: 12px;
}
	
	div.weblog-item div.title {
		color: #cc0000;
		font-size: 12px;
		text-decoration: underline;
		font-weight: bold;
	}
	
	div.weblog-item div.text {
		border-bottom: 1px solid #CCC;
		padding-bottom: 10px;
		line-height: 19px;
	}

	div.weblog-item div.byinfo {
		color: #000;
		font-size: 10px;
		font-weight: bold;
		padding-bottom: 9px;
	}
	
	div.weblog-item div.postinfo {
		color: #000;
		font-size: 10px;
		font-weight: bold;
		padding-top: 3px;
	}
	
		div.weblog-item div.postinfo img {
			vertical-align: middle;
		}

	/*Weblog reacties*/
	div.weblog-reactions {
	
	}
	
		div.weblog-reactions div.title {
			color: #cc0000;
			font-size: 12px;
			text-decoration: underline;
			font-weight: bold;
			margin-bottom: 10px;
		}
	
	
	div.reaction-item {
		padding-bottom: 25px;
	}
	
	div.reaction-item div.text {
		padding-bottom: 8px;
	}
	
	div.reaction-item div.postinfo {
		font-size: 11px;
		font-family: Verdana;
		color: #000;
		border-top: 1px solid #CCC;
		padding-top: 2px;
		font-weight: bold;
	}

/* Rooie footer */
div#stopdeteller {
	background: url(/interface/footer-index.gif) no-repeat;
	height: 86px;	
	clear: both;
	padding-top: 5px;
	padding-right: 10px;
}

	div#stopdeteller img {
		float: right;
		margin-right: 4px;
	}

	div#stopdeteller #counterFlash {
		float: right;
		margin-top: 15px;
		margin-right: 15px;
	}