/* made by Peter Cammeraat */ 
/* http://www.appeltjeq.nl */ 
/* contact: peter at appeltjeq dot nl */ 
/* do not copy or steal, that would be bad */ 
/* version 2.0 */ 

* {
	margin:0;
	padding:0;
	border: 0;
	z-index: 0;
}

body {
	font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 12px;
	background-image: url(images/bg.png);
	background-repeat: repeat;		
}

#container {
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	position: relative;
	width: 898px;
}

/* Layout */
#header {
	position: relative;
	width: 898px;
	height: 184px;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
}

#content {
	margin-bottom: -120px;
	float: left;
	z-index: 1;
	position: relative;
	width: 815px;
	background-image: url(images/contentbg.png);	
	background-repeat: repeat;   
	left: 40px;
}

#palen {
	bottom: -120px;
	z-index: 20;
	position: relative;
	width: 898px;
	height: 171px;
	background-image: url(images/palen.png);
	background-repeat: no-repeat;
	clear: both;
	margin-top:-50px;
}

#tekst {
	left: 210px;
	text-align: center;
	font-size: 18px;
	color: white;
	top: 103px;
	z-index: 10;
	position: relative;
	widows: 0;
	height: 40px;
	width: 478px;
}

#inhoud {
	margin-right: 20px;
	margin-left: 20px;
	position: relative;
	float: left;
	width: 515px;
}

#sidebar {
	position: relative;
	float: left;
	width: 260px;
}

#gras {
	background-image: url(images/gras.png);
	background-repeat: repeat-x;
	width: 100%;
	height: 186px;
	position: relative;
	z-index: 30;
	clear: both;
	margin-top:-30px;
}

/* Copyright */
#copyright {
	position: relative;
	bottom: -150px;
	z-index: 40;
	text-align: center;
	font-size: 10px;
	color: white;
}

a.copy {
	text-decoration:underline;
	color: white;
}

a.copy:hover {
	color: white;
	text-decoration: none;
}

/* Navigatie */
#menu {
	position: relative;
	float: left;
	left: 10px;
	top: 10px;
}

ul#nav {
	list-style:none;
}

li {
	padding-right:5px;
}
	
ul#nav, ul#nav li{
	list-style-type: none;
	display: inline;
	padding: 0;
	margin: 0;
}

/* Logo */
#logo {
	right: -130px;
	position: relative;
	float: left;
	top: 10px;
	background-image: url(images/logo.png);
	background-repeat: no-repeat;
	width: 270px;
	height: 64px;
}

#logo h1 {
	visibility: hidden;	
}

/* Leeftijdscategorie‘n */
#cat_top {
	background-image: url(images/cat_top.png);
	background-repeat: no-repeat;
	width: 244px;
	height: 77px;
}

#cat_top h3 {
	left: 22px;
	top: 35px;
	position: relative;
	color: black;
}

#cat_bg {
	background-image: url(images/cat_bg.png);
	background-repeat: repeat-y;
	width: 244px;
}

#cat_bg p {
	margin-left: 30px;
	margin-right: 30px;
}

#cat_bot {
	background-image: url(images/cat_bot.png);
	background-repeat: no-repeat;
	width: 244px;
	height: 50px;
}

ul#cat {
	list-style:none;
	margin-left: 30px;
}


/* actualiteit */
#ac_top {
	background-image: url(images/actualiteit_top.png);
	background-repeat: no-repeat;
	width: 244px;
	height: 77px;
	margin-top: 0px;
}

#ac_top h3 {
	left: 110px;
	top: 43px;
	position: relative;
	color: black;
}

#ac_bg {
	background-image: url(images/actualiteit_bg.png);
	background-repeat: repeat-y;
	width: 244px;
}

#ac_bg p {
	margin-left: 30px;
	margin-right: 30px;
}

#ac_bot {
	background-image: url(images/actualiteit_bot.png);
	background-repeat: no-repeat;
	width: 244px;
	height: 50px;
}




/* Belangrijk */
#belangrijk_top {
	background-image: url(images/belangrijk_top.png);
	background-repeat: no-repeat;
	width: 244px;
	height: 77px;
	margin-top: 0px;
}

#belangrijk_top h3 {
	left: 130px;
	top: 43px;
	position: relative;
	color: black;
}

#belangrijk_bg {
	background-image: url(images/belangrijk_bg.png);
	background-repeat: repeat-y;
	width: 244px;
}

#belangrijk_bg p {
	margin-left: 30px;
	margin-right: 30px;
}

#belangrijk_bot {
	background-image: url(images/belangrijk_bot.png);
	background-repeat: no-repeat;
	width: 244px;
	height: 50px;
}

/* Actualiteiten */
#actualiteit_top {
	background-image: url(images/actualiteit_top.png);
	background-repeat: no-repeat;
	margin-left: 1px;
	width: 244px;
	height: 88px;
	margin-top: 0px;
}

#actualiteit_top h3 {
	left: 100px;
	top: 43px;
	position: relative;
	color: black;
}

#actualiteit_bg {
	background-image: url(images/actualiteit_bg.png);
	background-repeat: repeat-y;
	width: 244px;
}

#actualiteit_bg p {
	margin-left: 30px;
	margin-right: 30px;
}

#actualiteit_bot {
	background-image: url(images/actualiteit_bot.png);
	background-repeat: no-repeat;
	width: 244px;
	height: 50px;
}

/* Onderwerpen bijbel */
#bijbel_top {
	background-image: url(images/bijbel_top.png);
	background-repeat: no-repeat;
	width: 244px;
	height: 91px;
	margin-top: 0px;
}

#bijbel_top h3 {
	left: 80px;
	top: 43px;
	position: relative;
	color: black;
}

#bijbel_bg {
	background-image: url(images/bijbel_bg.png);
	background-repeat: repeat-y;
	width: 244px;
}

#bijbel_bg p {
	margin-left: 30px;
	margin-right: 30px;
}

#bijbel_bot {
	background-image: url(images/bijbel_bot.png);
	background-repeat: no-repeat;
	width: 244px;
	height: 50px;
}

/* Artikelen */
.artikel_top {
	background-image: url(images/artikel_top.png);
	background-repeat: no-repeat;
	width: 529px;
	height: 66px;
}

.artikel_bg h3 {
	color: black;
	position: relative;
	left: 30px;
}

.artikel_bg {
	padding-bottom: 10px;
	background-image: url(images/artikel_bg.png);
	background-repeat: repeat-y;
	width: 529px;
}

.artikel_bg p {
	position: relative;
	margin-left: 30px;
	margin-right: 30px;
	line-height: 1.6em;
}

.artikel_bot {
	background-image: url(images/artikel_bot.png);
	background-repeat: no-repeat;
	width: 529px;
	height: 30px;
}

.artikel_bg li {
	position: relative;
	margin-left: 50px;
	margin-right: 30px;
	line-height: 1.6em;
}

/* form */
input {
	border: 1px solid #C1C1C1;
	padding: 2px;
}

textarea {
	border: 1px solid #C1C1C1;
	padding: 2px;
}

zemSubmit {
	border: 1px solid #C1C1C1;
	padding: 2px;
}


/* overige */
a {
	text-decoration: underline;
	color: black;
}

a:hover {
	color: black;
	text-decoration: none;
}

a.mark {
	padding-right: 6px;
	background-color: #ff47de;
	text-decoration: underline;
	color: black;
}

a.mark:hover {
	background-color: #ff47de;
	color: black;
	text-decoration: none;
}

#schuifop {
	margin-left: 30px;
}

strong.groen {
	font-style: normal;
	font-weight: normal;
	background-color: #cfffa6;
	color: black;
}

.grijsnav {
	margin-bottom: 10px;
	margin-top: 10px;
	padding: 5px;
	margin-left: 30px;
	width: 460px;
	background-color: #98e0ff;
}