/*
#################
#	ALGEMEEN	#
#################
*/

*{
	margin: 0;
	padding: 0;
}

p {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #484848;
}

a {
	color: #c3004a;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-decoration: none;
}

img {
	border: none;
}

.hidden {
	display: none;
}

body {
	font: 62.5% Tahoma, Arial, Helvetica, sans-serif;
	background: url(../img/page_background.gif);
}

p.alinea {
	margin-bottom: 15px;
}

/*
#################
#    HEADER		#
#################
*/

#header {
	margin: auto;
	width: 762px;
	height: 162px;
	background: url(../img/bg_header3.jpg) no-repeat;
}

/*
#################
#	  MENU		#
#################
*/

#menu {
	margin: auto;
	width: 762px;
	height: 34px;
	background: url(../img/bg_menu.jpg) no-repeat;
	overflow: hidden;
}

	#menu li {
		float: left;
		list-style: none;
		padding-top: 8px;
	}

	#menu a {
		padding: 15px 13px 15px 13px;
		color: #f3ee32;
		font-size: 1.4em;
	}

	#menu a:hover {

		color: #c3004a;
		font-size: 1.4em;
	}

	#menu a.hover img ,
	#menu a:hover img {
		margin-top: -100px;
	}

/*
#################
#	  MAIN		#
#################
*/

#maincontainer {
	margin: auto;
	width: 762px;
	overflow: hidden;
	background-color: #fff;
}

#left {
	float: left;
	margin: 10px 0 10px 0;
}

#right {
	float: right;
	margin: 10px 0 10px 0;
}

#main {
	float: left;
	margin: 10px 8px;
	width: 369px;
}

	#main li {
		background: url(../img/bullet.png) no-repeat 0 2px;
		list-style: none;
		padding-left: 15px;
		font-size: 1.2em;
	}

	#main span.title {
		margin: 15px 0 15px 15px;
	}
	#main h1 {
		margin: 0px 0px 0px 13px;
		padding: 0;
	}
	#main p {
		font-size: 1.2em;
		color: #000;
	}

/* BLOKKEN */

.block {
	width: 185px;
	background-color: #edecec;
	border-left: 1px solid #dadbdd;
	border-right:  1px solid #dadbdd;
}

	.block span.dots {
		float: left;
		width: 185px;
		height: 1px;
		margin: 4px 0 4px 0;
		background: url(../img/dots.gif) repeat-x;
	}

.blockTop {
	background: #edecec url(../img/bg_blockTop.gif) no-repeat;
	width: 187px;
	height: 7px;
}

.blockFooter {
	font-size: 1px;
	background: #edecec url(../img/bg_blockFooter.gif) no-repeat;
	width: 187px;
	height: 7px;
}

/* Over van gestel blok */

#overvangestel {
	padding-top: 30px;
}

	#overvangestel img {
		margin-left: 5px;
	}

	#overvangestel p {
		margin-left: 5px;
	}

/* Laatste nieuws blok */

#laatstenieuws {
	margin-top: 30px;
}

	#laatstenieuws img {
		margin-left: 5px;
	}

	#laatstenieuws a {
		padding-bottom: 10px;
		color: #505050;
		font-size: 1.2em;
	}

	#laatstenieuws ul {
		padding: 10px 0 25px 0;
	}

	#laatstenieuws li {
		list-style: none;
		clear: left;
		margin: 10px 5px;
	}

	#laatstenieuws span.nieuws {
		float: left;
		color: #505050;
		font-size: 80%;
	}

/* Contactblok */

#contactTop {
	width: 183px;
	height: 39px;
	margin-top: 10px;
	background: url(../img/bg_contactTop2.png);
}

	#contactTop img {
		margin: 15px 0 0 35px;
	}

#contact {
	background-color: #ffffff;
}

	#contact p {
		padding: 2px;
		margin-left: 5px;
	}


/* Bloggersblok */

#bloggers {
	padding-top: 210px;
}

	#bloggers span.meerbloggers {
		float: left;
		clear: both;
		color: #c3004a;
		font-size: 1.0em;
		font-weight: bold;
		margin: 15px 15px 10px 10px;
	}

	#bloggers img {
		margin-left: 3px;
	}

.blogscontainer {
	clear: both;
	margin-left: 5px;
}

.blogs {
	float: left;
	margin-bottom: 7px;
}

.blogsimg {
	float: left;
}

	.blogs span.id {
		float: left;
		font-size: 1.0em;
		color: #505050;
	}

	.blogs a {
		font-size: 1.2em;
		color: #505050;
		padding: 0;
		margin: 0;
	}

	.blogs img {
		float: left;
		padding-left: 5px;
		margin-right: 5px;
	}

/* ID-card */

#id {
	position: absolute;
	z-index: 100;
	margin-left: -15px;
}

/*
#####################
#		BLOGS		#
#####################
*/

.blogTop {
	width: 367px;
	height: 12px;
	background: url(../img/bg_blogTop.gif) no-repeat;
}

.blog {
	width: 346px;
	background-color: #edecec;
	padding: 10px;
	overflow: auto;
}

	.blog img.blogger {
		width: 94px;
		height: 104px;
		float: left;
		border: 1px #000000 solid;
		margin-right: 15px;
	}

	.blog h2 {
		font-size: 1.1em;
		font-weight: bold;
		margin-bottom: 10px;
	}

	.blog p {
		margin-top: 8px;
	}

.blog_introduction {
	width: 346px;
	background-color: #edecec;
	overflow: auto;
	padding: 0 10px 10px 10px !important;
}

.blogFooter {
	width: 365px;
	height: 22px;
	margin-bottom: 10px;
	background: url(../img/bg_blogFooter.gif) no-repeat;
}
.introFooter {
	width: 365px;
	height: 1px;
	margin-bottom: 10px;
	background: url(../img/bg_blogFooter.gif) no-repeat;
}

	.blogFooter p {
		padding: 5px 10px;
		float: left;
	}

	.blogFooter span.reactie {
		float: right;
		font-size: 1.1em;
		color: #505050;
		padding: 5px 10px;
	}

div.comment {
	padding: 5px 5px 2px 5px;
	border-bottom: 1px solid #aaa;
}
div.odd {
	background-color: #edecec;
}
div.even {
	background-color: #fefefe;
}
	p.author {
		color: #666;
		margin-left: 10px;
	}

p#pagenav a.active {
	font-size: 1.2em;
	font-weight: bold;
}

/* Weblog reacties */
fieldset#reageer {
	border: 0;
}

fieldset#reageer ol {
	list-style: none;
}

fieldset#reageer li {
	overflow: auto;
	background: none;
	clear: both;
}

fieldset#reageer label{
	width: 100px;
	float: left;
}

fieldset#reageer input, textarea {
	background-color: #c7ce05;
	border: 0;
	float: right;
	width: 250px;
	margin: 2px;
}
fieldset#reageer input.submit {
	width: 110px;
	float: right;
	border-bottom: 1px solid #a5a5a5;
	border-right: 1px solid #a5a5a5;
	border-left: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
}

/*
#####################
#	Logo's			#
#####################
*/

.logo {
	margin-left: 10px;
}

#bottle {
	background: url(../img/bottle3.png) no-repeat;
	height: 300px;
	width: 250px;
	position: absolute;
	z-index: -1;
	top: 445px;
}


/*
#####################
#	   Footer	    #
#####################
*/

#footer {
	width: 762px;
	height: 33px;
	margin: auto;
	position:relative;
	background: url(../img/bg_footer.gif) no-repeat;
}

	#footer p {
		float: left;
		padding: 10px 15px;
		color: #f3ee32;
	}

	#footer a {
		color: #f3ee32;
	}
	#footer a:hover {
		text-decoration: underline;
	}

	#footer span.iwink {
		float: right;
		padding: 10px 15px;
		color: #f3ee32;
		font-size: 1.1em;
	}

ul.news {
	margin-left: 20px;
	padding: 0;
	list-style: square url('/img/bullet.png');
}