/*------------------------------------------ 
Main Stylesheet
------------------------------------------ */

/*body zeros out all margins and padding so that we can work from  position x = 0; and position y = 0*/
body {
	margin :0px 0px 0px 0px;
	padding :0px 0px 0px 0px;
	background :#C8C8C8 url(../images/bg.gif) repeat-x fixed;
}
/*container is the container where all the text and pics and navigation sits in*/
a.tekst {
	font:Verdana, Geneva, sans-serif bold #666;
	text-decoration:none;
}
#container {
	width :798px;
	padding :0px 0px 10px 0px;
	margin :60px 0px 0px 50%;
	left :-399px;
	background :#FFFFFF;
	border :2px solid #666666;
	text-align :left;
	position :absolute;
	z-index :2;
}
/*main div will be the place where all the main information is to be displayed*/
#main {
	margin-left :175px;
	padding :45px 15px 5px 3%;
	border-left :0px;
	text-align :justify;
	width :515px;
	font-family :Arial, Helvetica, sans-serif;
	font-size :14px;
}
#main p {
	background :#E8E8E8;
	margin-left :0px;
	padding :5px;
}
#main p.date {
	background :none;
	margin :10px 0px 10px 0px;
	padding :2px;
	width :510px;
	position :relative;
	border :1px solid #C8C8C8;
	font-weight :bold;
	height :15px;
	overflow :hidden;
}
#main img {
	padding :0px;
	margin :0px 0 10px 0;
}
#main.pics {
	width :515px;
	height :171px;
	margin :0px;
	padding :0px;
	position :relative;
}
#main1.pics img {
	float :left;
	margin :10px 5px 10px 0px;
	padding :1px;
	border :#C8C8C8 solid 1px;
}
ul.expositienamen {
	list-style :none;
	margin :0px;
	padding :0px;
}
ul.expositienamen li {
	width :151px;
	display:inline;
	font-variant :small-caps;
}
#main span img {
	position :absolute;
	z-index :3;
	left :-45px;
	border :#666666 2px solid;
	margin :0px;
	padding :0px;
}
/*navigation div is where all the styles for the navigation get changed*/
div#navigation {/*positions the navigation div*/
	float :left;
	width :150px;
	background :none;
	margin :45px 0 0 5px;
}
div#navigation ul {/*positions the ul inside the navigation div*/
	margin :0px;
	padding :0px;
	width :150px;
	background :none;
	border :0px;
}
div#navigation li {/*positions the li inside the ul inside the navigatin div*/
	position :relative;
	list-style :none;
	margin :0px;
	border-bottom :0px;
}
div#navigation li a {/*the anchor styles inside the ul inside the li*/
	display :block;
	padding :0.25em 0 0.25em 0.5em;
	text-decoration :none;
	width :170px;
	font-family :Arial, Helvetica, sans-serif;
	font-size :14px;
	color :#666666;
	border-bottom :1px dotted #666666;
}
div#navigation li a:hover {/*the hover behavior of the anchor styles inside the ul inside the li*/
	display :block;
	padding :0.25em 0 0.25em 0.6em;
	text-decoration :none;
	width :170px;
	font-family :Arial, Helvetica, sans-serif;
	font-size :14px;
	color :#C8C8C8;
}
/*the divs for the kerkje and the logo*/
#logo {/* for the logo with text*/
	width :203px;
	height :42px;
	padding :0px;
	margin :0px 0px 0px 50%;
	top :39px;
	left :-380px;
	background :url(../images/logotekst.gif) no-repeat right top;
	border :0px;
	text-align :left;
	position :absolute;
	z-index :3;
}
#kerkje {/* for the church image on the top right side*/
	width :800px;
	height :70px;
	margin :0px 0px 0px 50%;
	padding :0px;
	top :5px;
	left :-400px;
	background :url(../images/kerk.gif) no-repeat right top;
	border :0px;
	position :absolute;
	z-index :3;
}
#teller {/* for the church image on the top right side*/
	padding :0px;
	bottom :-25px;
	right :0px;
	position :relative;
	font-family :Arial, Helvetica, sans-serif;
	font-size :11px;
}
div a.plus {
	position :absolute;
	top :40px;
	right :-140px;
	margin :0px;
	padding :0px;
	font-weight :bold;
	text-decoration :none;
	font :Arial, Helvetica, sans-serif 14px;
	color :#666666;
	display :block;
	width :130px;
	text-align :left;
	z-index :5;
	font-variant :small-caps;
}
div a.minus {
	position :absolute;
	top :65px;
	right :-140px;
	margin :0px;
	padding :0px;
	font-weight :bold;
	text-decoration :none;
	font :Arial, Helvetica, sans-serif 14px;
	color :#666666;
	display :block;
	width :130px;
	text-align :left;
	z-index :5;
	font-variant :small-caps;
}
/*the divs for the form*/
.invisible {/*hides a field in the form for us to be able to chage the email adres of the customer*/
	display :none
}
#main p.textAlignment {/*aligns the text in the contact page right so that the form can float left*/
	margin :5px 0 0 0;
	width :510px;
	font-size :14px;
	text-align :left;
}
#main p.textAlignment a {/*aligns the text in the contact page right so that the form can float left*/
	width :510px;
	font-family :Arial, Helvetica, sans-serif;
	font-size :14px;
	color :#000000;
	text-decoration :underline;
}
#main form {
	color :#000000;
	margin :0px 0px 10px 0px;
}
#main input {
	width :515px;
	margin :4px 0px 0px 0px;
	border :0px;
	background :none;
	border :#C8C8C8 1px solid;
}
#main input.verzend {
	width :256px;
	margin :4px 0px 0px 0px;
	border :0px;
	cursor :pointer;
	border :#C8C8C8 1px solid;
}
#main input.wissen {
	width :255px;
	margin :4px 0px 0px 0px;
	border :0px;
	cursor :pointer;
	border :#C8C8C8 1px solid;
}
#main textarea {
	width :515px;
	margin :4px 0px 0px 0px;
	border :0px;
	background :none;
	border :#C8C8C8 1px solid;
	font-family :Arial, Helvetica, sans-serif;
	font-size :13px;
}
#main p.hoofdtext {
	text-align :left;
	font-size :14px;
	width :510px;
	margin-left :-1px;
}
#main img.pictureFrameContact {
	margin :0px;
	padding :1px;
	border :#C8C8C8 solid 1px;
	width:515px;
	height:auto;
}
#main img.pictureFrameDonateurs {
	padding :1px;
	border :#C8C8C8 solid 1px;
}
#pdfimage {
	position:absolute;
	z-index:20;
	margin:20px 0px 0px 30%;
	border-top: 4px #FFFFFF solid;
	border-left: 4px #FFFFFF solid;
	border-bottom: 22px #FFFFFF solid;
	border-right: 4px #FFFFFF solid;
}
.homepagelinks a {
	margin :0px;
	padding :0px;
	text-decoration :none;
	font :Verdana, Arial, Helvetica, sans-serif;
	color :#666666;
	z-index :5;
	font-weight :bold;
	text-decoration :underline;
}
.homepagelinkborders {
	border :#666666 1px dotted;
	padding :0px 3px 0px 3px;
}
#mainpagelinks {
	position :absolute;
	z-index :3;
	left :20px;
	border :0px;
	margin-top:30px;
}
.smallerText {
	font-size:11px;
}
.borderDotted {
	background:none;
	width:514px;
	height:1px;
	border-bottom: dotted 1px #666666;
}
a:link {
	text-decoration:underline;
	color:#333333;
}

/*------------------------------------------ 
End
------------------------------------------ */