.home {
	background: url(images/7.gif);
}
.jeugdhuis {
	background-image: url(images/1.gif);
}
.verhuur {
	background-image: url(images/5.gif);
}
.info {
	background-image: url(images/3.gif);
}
.media {
	background-image: url(images/6.gif);
}
.links {
	background-image: url(images/2.gif);
}
.contact {
	background-image: url(images/4.gif);
}

/* whole site wrapper ----------------------------------------------------------------- */
#wrapper {
	height: 100%;
	width: 760px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	background: url(images/back.gif) repeat-y;
	
} 

#insideWrapper {
	position: relative;
	height: 100%;
	
	text-align: left;
	padding: 0px 10px 10px 20px;
	margin-top: 0px;
}

#insideWrapperPage {
	position: relative;
	height: 100%;
	padding: 0px 10px 10px 0;
	text-align: center;
	margin-top: -10px;
}
/* blog header style, with image.... and you know... --------------------------------------------------------- */
/* div blog header style */
#masthead {
	
 	width: 100%;
 	height: 200px;
	margin: 0px;
	background-color: rgb(0, 0, 0);
	border-bottom: 1px solid rgb(165, 0, 77);
	
}

	/* blog text title style */
	#blogTitle {
		position: relative;
		top: 60px;
		left: 10px;
		font-family: Arial;
		color: #313131;
		font-size: 8pt;
		text-transform: uppercase;
		text-align: left;
	}

	#blogTitle a, #blogTitle a:visited, #pagesList a, #pagesList a:visited {color: rgb(255, 255, 255);}
	#blogTitle a:hover, #pagesList a:hover {color: rgb(255, 225, 255);}
	
	#pagesList{
		text-align: right;;
		margin-top: 10px;
		text-transform: uppercase;
		font-weight: bold;
	}
	
	#pagesList li{
		display: inline;
		list-style-type: none;
		margin: 0;
		padding: 0 0 0 10px;
	}

/* sidebar - mostly menu, but in the future... who knows ----------------------------------------- */
#sidebar {
	position: relative;
	float: left;
	width: 200px;
	text-align: left;
	font-family: Arial;
	color: #313131;
	font-size: 9pt;
	line-height: 11pt;
	text-transform: uppercase;
	
	margin-left: 10px;
	padding-bottom: 10px;
} 

	#sidebar a {color: #000;}
	#sidebar a:visited {color: #000;}
	#sidebar a:hover {color: #999;}

/* content div ---------------------------------------------------------------------------- */
#content {
	position: relative;
	width: 470px;
	margin-left: 220px;
	padding-left: 10px;
	text-align: left;
	font-size: 9px;
}
#contentpage {
	position: relative;
	width: 680px;

	text-align: center;
	margin-top: -20px;
	margin-left: 20px;
}
#content:after{
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

/* post style -------------------------------------------------------------------------------------- */

.post {
	position: relative;
	top: 5px;
	left: 0px;
	margin: 0px;

	text-align: left;
	font-size: 10pt;
	
}

	/* post title -------------------------------------------------------------------------------- */
	.title, #wp-calendar caption {
		color: #313131;
		text-transform: uppercase;
	font: bold 12pt Arial;
}
	#wp-calendar caption {
		font-family: Arial;
		color: #313131;
		font-size: 10pt;
		text-transform: uppercase;
	}
	
	.post_date, .post_link, .comment_autor{
		font-size: 9pt;
		color: #3a3a3a;
		text-transform: uppercase;
	padding-top: 8px;
}
	
	.post_link{padding-bottom: 40px;
	background: url(images/postfooter.png) no-repeat;
	padding-left: 5px;
}
	.post_date {
		padding-bottom: 5px;
		padding-left: 15px;
		margin-bottom: 5px;
		background: url('images/postheader.png');
		background-repeat: no-repeat;
		background-position: top left;
	border-bottom: 1px dotted rgb(187, 187, 187);
}
	
	a.title {color: #333;}
	a.title:visited {color: #333;}
	a.title:hover {color: #a51922;}
	
/* div post comments style -------------------------------------------------------------------------------- */
.comments_form input, .comments_form textarea{
	width: 200px;
}
.comments_form textarea{height: 100px;}
.comments_form #submit {width: auto;}

.more_link{
	position: relative;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

/* bottom_sidebar -------------------------------------------------------------------------------- */
.bottom_sidebar{
	border-top: 1px solid rgb(165, 0, 77);
	background-color: rgb(239, 239, 239);
	padding: 20px 40px;
	margin: 0;
	text-align: left;
	display: block;
	clear: both;
}
	#bottom_left {
		position: relative;
		width: 33%;
		padding: 0px;
		float:left;
		color: #000;
		line-height: 15px;
		text-transform: uppercase;
	}
	
	#bottom_left img {
		border: none;
	}
	
	.bottom_sidebar:after{
		content: ".";
		display: block;
		line-height: 1px;
		font-size: 1px;
		clear: both;
	}
	
	#bottom_left a {color: #000;}
	#bottom_left a:visited {color: #000;}
	#bottom_left a:hover {color: #999;}


/* posts separator */
.sep {
	position: relative;
	border-top: 1px dashed rgb(204, 204, 204);
	height: 14px;
	margin: 0px;
	padding: 0px;
	text-align: right;
}

/* posts navigation columns -- previous & next posts ------------------------------------------------------- */
.left {
	float: left;
	margin: 0px 10px 0px 10px;
}

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

/* footer style -------------------------------------------------------------------------------------------- */
/* div footer style */
#footer {
	font-size: 10pt;
	color: #fff;
	width: 100%;
	margin: 0px;
	margin-top: 10px;

	text-align: center;
	padding-bottom: 30px;
}

	#footer a {color: #fff;}
	#footer a:visited {color: #fff;}
	#footer a:hover { color: #a01820;/*ff3333*/ }
	
	/* footer a link style */
	.footerLink {
		color: #666;
		text-decoration: underline;
	}

	a.footerLink {
		color: #666;
		text-decoration: underline;
	}
	
	a.footerLink:visited {color: #666;}
	a.footerLink:hover {color: #999;}

.commentBox {
	position: relative;
	margin: 0 0 10px 0;
	border: 1px solid #7a785d;
	background-color: rgb(239, 239, 239);
	padding: 10px 5px;

}
	.commentBox p {
		padding: 0;
		margin: 0;
}

#searchform{
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.page_item { ... }
.current_page_item { ... }

/* html tags styles ---------------------------------------------------------------------------- */
body {
	position: relative;
	height: 100%;
	font-family: Arial;
	color: #313131;
	font-size: 10pt;
	margin:  0px;
	padding: 0;
	text-align: center;
	background-color: #fff;
	background-image: url(images/8.gif);
}

img{
	padding: 0px;
		margin-right: 0px;
	clear: none;
}



code {
	font-family: Arial;
	text-align:left;
	color:#666;
	font-size: 8pt;
}

input {
	background-color: #FFFFFF;
	font-family: Arial;
	font-size: 8pt;
	padding: 0px;
	color: #313131;
}

/*h2 {
	color: #666;
	font-size: 14px;
	text-align: left;
}*/

ul {
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	padding-left: 0px;
}

li {
	list-style-type: square;
	margin-left: 20px;
	padding-left: 5px;
}

blockquote, blockquote p {
	text-indent: 0px;
	margin-bottom: 7px;
	color: #666;
}

a, #wp-calendar tfoot a {
	color: #a01820;
	text-decoration: none;
}

a:visited,
#wp-calendar tfoot a:visited,
#wp-calendar tbody a:visited { color: #c41e28; }
a:hover,
#wp-calendar tfoot a:hover,
#wp-calendar tbody a:vover {color: #ff2836;}

#wp-calendar tbody a {
	color: #a01820;
	text-decoration: none;
	font-weight: bold;
	text-transform: none;
}

p{
	padding-top: 0;
	margi-top: 0;
}

.bookmark {
 margin:0 !IMPORTANT;
 padding:0 !IMPORTANT;
 border:0;
 position:absolute;
 border-collapse:collapse;
 filter:alpha(opacity=87);
 -moz-opacity:.87;
 opacity:.87;
 z-index:30000;
}

.bookmark td {
 padding:0;
}

.bookmark table {
 border: 1px solid #fff;        /* popup border */
 background-color: #a01820;        /* popup background colour */
 font-size:x-small;            /* popup font size */
 color: #fff;
 text-align:left;
	padding: 2px;
}


.bookmark table td {
 padding:1.5px 3px 1.5px 3px;
}

a img {
	border: none ;
}