/*
	algemeen
*/

*{
	margin: 0px;
	padding: 0px;
}

html, body {
	height: 100%;
	width: 100%;
}

body {
	background: #000 url(../images/bg_logo.jpg) repeat fixed top left;
	color: #000;
	font-size: 62.5%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#page {
	height: auto !important;
	width: auto !important;
	min-height: 100%;
	min-width: 100%;
	position: absolute;
}

#wrapper {
	width: 680px;
	margin: 0px auto;
}

span.green, a.green, #menu ul li a.current, #content div.gallery ul li.copyright {
	color: #16DE02;
}

span.spacer {
	padding: 0px 10px 0px 10px;
}

a {
	color: #16DE02;
	text-decoration: none;
	}
	a:hover {
		text-decoration: underline;
	}

#wrapper div.addthis {
	color: #000;
	padding: 10px 0px 10px 0px;
	float: right;
}

/*
	top
*/

#logo {
	padding: 20px 0px 10px 0px;
	}
	#logo h1 {
		text-indent: -999px;
		background: url(../images/kf_logo.gif) no-repeat center center;
		width: 100%; height: 134px;
		display: block;
		left: 18px;
		position: relative;
	}
	
	#logo h2 {
		color: #FFF;
		font-size: 1.4em;
		text-align: right;
		font-weight: normal;
		padding: 10px 0px 0px 0px;
	}

/*
	menu
*/

#menu {
	padding: 0px 0px 10px 0px;
	}
	#menu ul {
		list-style-type: none;
		}
		#menu ul li {
			font-size: 1.3em;
			font-weight: bold;
			color: #FFF;
			float: left;
			padding: 0px 0px 0px 5px; 
			}
			#menu ul li.first {
				padding: 0px 0px 0px 10px;
			}
			#menu ul li a {
				color: #FFF;
				}
				#menu ul li a:hover {
					text-decoration: none;
				}

/*
	content
*/

#content {
	color: #FFF;
	clear: both;
	}
	#content div.item, #content div.archive, #content div.partners, #content div.about, #content div.contact, #content div.kounter-act, #content div.gallery {
		background: url(../images/background.png) repeat-x bottom left;
		width: 100%;
		margin: 20px 0px 0px 0px;
		}
		#content div.item h3 {
			font-size: 1.2em;
			line-height: 1.6em;
			padding: 10px 0px 10px 10px;
			}
			#content div.item h3 a {
				color: #FFF;
				}
				#content div.item h3 a:hover {
					text-decoration: none;
				}

		#content div.item p {
			font-size: 1.1em;
			line-height: 1.6em;
			padding: 0px 20px 10px 20px;
			}
			#content div.item p img {
				top: 6px;
				padding: 0px 0px 10px 10px;
				float: right;
				position: relative;
			}
			#content div.item p.more {
				margin: 0px 0px 0px -10px;
				clear: both;
				}
				#content div.item p.more a, #content div.archive p.more a {
					color: #FFF;
					font-size: 1.2em;
					font-weight: bold;
					}
					#content div.item p.more a:hover {
						text-decoration: none;
					}
					
			#content div.item p.archive-link {
				text-align: right;
				margin: -30px 0px 0px 0px;
			}

	#content p.archive-link  {
		padding: 10px 0px 10px 10px;
		}
		#content p.archive-link a {
			color: #FFF;
			font-size: 1.2em;
			font-weight: bold;
			}
			#content p.archive-link a:hover {
				text-decoration: none;
			}

/*
	home
*/

#page.home div#wrapper {
	width: 760px;
	}
	/*
	#page.home div#wrapper div#logo h1 {
		background-position: center center;
		width: 100%;
	} */

	#content div.home {
		width: 760px;
		margin: 20px 0px 0px 0px;
		}
		#content div.home .img {
			background: url(../images/mask.png) no-repeat center center;
			width: 417px; height: 277px;
			float: left;
			padding: 4px;
			}
			#content div.home .img img {
				width: 417px; height: 277px;
			}

		#content div.home div.item {
			background: url(../images/background.png) repeat-x bottom left;
			width: 320px; height: 281px;
			margin: 4px 0px 0px 10px;
			float: left;
			}
			#content div.home div.item div {
				width: 320px; height: 231px;
				margin: 0px 0px 10px 0px;
				overflow-y: auto; overflow-x: hidden;
			}
	
		#content div.home h2 {
			clear: both;
		}

/*
	news
*/

#page.news div#wrapper div#content div.item p img {
	width: 100px;
}

/*
	detail
*/

#page.detail div#wrapper div#content div.item p img {
	width: 300px;
}

/*
	archive
*/

		#content div.archive h3 {
			font-size: 1.2em;
			padding: 20px 0px 0px 20px;
			}
			#content div.archive h3 a {
				color: #FFF;
				}
				#content div.archive h3 a:hover {
					text-decoration: none;
				}
		#content div.archive p {
			font-size: 1.1em;
			line-height: 1.6em;
			padding: 0px 20px 10px 144px;
			}
			#content div.archive p.more {
				margin: 0px 0px 0px -138px;
			}

/*
	partners
*/
		
		#content div.partners h3 {
			font-size: 1.2em;
			padding: 20px 0px 0px 20px;
		}
		#content div.partners p {
			font-size: 1.1em;
			line-height: 1.6em;
			width: 470px;
			float: left;
			padding: 0px 20px 10px 20px;
		}
		#content div.partners p.partner-link {
			font-size: 1em;
			text-align: right;
			width: 640px;
			padding: 0px 15px 10px 20px;
			clear: both;
			float: none;

			}
			#content div.partners p.partner-link a {
				color: #FFF;
				}
				#content div.partners p.partner-link a:hover {
					text-decoration: none;
				}
				
		#content div.partners p.partner-picture {
			width: 159px;
			top: 5px;
			float: right;
			position: relative;
			padding: 0px 10px 0px 0px;
			}
			#content div.partners p.partner-picture img {
				top: 2px; left: 4px;
				position: relative;
				width: 150px;
			}

/*
	about
*/

		#content div.about p {
			font-size: 1.1em;
			line-height: 1.6em;
			padding: 20px;
		}

/*
	contact
*/

	#content div.contact table {
		margin: 20px;
		display: inline;
		}
		#content div.contact table tr td.form_table_left {
			width: 80px;
			padding: 0px 0px 10px 0px;
		}
		#content div.contact table tr td.form_table_right {
			padding: 0px 0px 10px 0px;
		}
		#content div.contact table tr td {
			font-size: 1.2em;
			line-height: 1.6em;
			font-weight: bold;
			}
			#content div.contact table tr td input, #content div.contact table tr td textarea {
				background: #000;
				color: #FFF;
				font-size: 1.1em;
				font-weight: normal;
				font-family: Verdana, Arial, Helvetica, sans-serif;
				border: 0px;
				border-bottom: #FFF 1px solid;
			}
			#content div.contact table tr td textarea {
				width: 100%; height: 150px;
				margin: 10px 0px 0px 0px;
			}
			#content div.contact table tr td input.form_button {
				float: right;
				margin: 10px 0px 0px 0px;
				border: #FFF 1px solid;
				padding: 2px;
			}
		
		#content div.contact p { padding: 20px; }	
			#content div.contact p.form_error_style {
				color: #FF0000;
				font-size: 1.1em;
				line-height: 1.6em;
				padding: 20px 20px 0px 20px;
			}

/*
	kounter-act
*/

		#content div.kounter-act h3 {
			font-size: 1.2em;
			line-height: 1.6em;
			padding: 10px 10px 0px 10px;
		}

		#content div.kounter-act p {
			font-size: 1.1em;
			line-height: 1.6em;
			padding: 10px 10px 10px 10px;
		}

/*
	gallery
*/

#content div.gallery {
	overflow: hidden;
	padding: 0px 0px 5px 0px;
	}
	#content div.gallery p {
		font-size: 1.1em;
		line-height: 1.6em;
		padding: 20px;
	}
	#content div.gallery a {
		width: 120px; height: 160px;
		float: left;
		font-size: 1.1em;
		line-height: 1.6em;
		color: #FFF;
		display: inline;
		padding: 10px;
		margin: 15px;
		}
		#content div.gallery a:hover {
			background: #363636;
			text-decoration: none;
		}
		#content div.gallery a img {
			border: none;
		}

/*
	logo's
*/
	
#logos {
	width: 180px; height: 37px;
	left: 0px; bottom: 0px;
	position: absolute;
}