/* CSS Document */
@charset "UTF-8";
 
 
html, body { height: 100%; }
 
:focus { outline-style: none; }
 
body {
	margin: 0;
	padding: 0;
	background: url(../img/bg.jpg) repeat top; }
 
/* TYPO */
h1 { margin: 25px 0 7px 0;
	padding:0;
	color: #08949f; 
	word-spacing: -15px;}
 
h2 {
	margin-bottom: -10px;
	margin-top: 5px; 
	color: #08949f;
	word-spacing: -10px;}
 
h3 {
	margin-bottom: -8px;
	margin-top: 5px;
	color: #08949f; 
	word-spacing: -5px;}
 
p {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
	line-height: 19px;
	margin: 0 0 10px 0;
	padding: 0px; }
 
	p span { color: #ec008c; }
 
a {
	font-family: Arial, Helvetica, sans-serif;
	color: #ec008c;
	text-decoration: none;
	padding: 0px;
	font-size: 12px; }
 
	a:hover { 
	background-color: #f3f497; 
	*text-decoration: none;
	}
 
.float {float:left;}
.clear {clear:both;}
.inline {margin:10px 10px 20px 0;}
.inline img {margin:0 10px 20px 0;}


/* MAIN DIV'S */
div#main {
	width: 900px;
	min-height: 60%;
	margin: 0 auto;
	background: url(../img/main.png) no-repeat top center ;
	position: relative; }
 
/* HOME */
body.home div#welcomeText {
	height: 300px;
	width: 420px;
	top: 170px;
	left: 275px;
	position: relative; }
 
	body.home div#welcomeText h1 {margin: 0 0 7px 0;}
 	body.home div#welcomeText p {margin: 0 0 10px 0;}
 
body.home div#expandBox, body.grotemensen div#expandBox { display: none; }
 
body.home div#nieuws {
	width: 420px;
	top: -15px;
	left: 275px;
	position: relative; 
	}
	
	body.home div#nieuws p{
	
		display:block;
		margin-top: 10px;
	
	}
 
/* Twitter */
body.home div#twitter {
	width: 410px;
	top: 80px;
	left: 275px;
	margin-bottom: 150px;
	position: relative; }
 
body.home div#twitterHeader {
	position: relative;
	width: 100%;
	margin-top: 0px;
	height: 75px;
	background: transparent url(../img/imgSprite.png) -7px -335px no-repeat;	
}
	
body.home #twitterHeader h2 {
	margin: 0px;
	margin-left: 70px;
	padding-top: 35px; }
 
body.home div.tweet {
	position: relative;
	height: 55px;
	margin-left: 0px;
	padding-bottom: 5px;
	padding-top: 5px; }
 
body.home div.tweetImg {
	float: left;
	width: 50px;
	position: relative; }
 
	body.home div.tweetImg img { border: 2px solid #ecebcd; }
 
body.home div.tweetName {
	float: left;
	width: 150px;
	padding-left: 10px;
	position: relative; 
	height: 30px;}
 
	body.home div.tweetName a { font-size: 12px; }
 
body.home div.tweetDate {
	float: right;
	padding-right: 1px;
	position: relative; }
 
	body.home div.tweetDate P {
		color: #08949f;
		font-size: 10px; }
 
body.home div.tweetText {
	float: left;
	width: 350px;
	padding-left: 10px;
	position: relative; 
	margin-top: -10px; 
	}
 
	body.home div.tweetText P { font-size: 11px; 	line-height: 14px;
}
 
	body.home div.tweetText A { font-size: 11px;	line-height: 14px;
}
 
body.home div#twitterFooter {
	position: relative;
	margin: 0px;
	padding: 0px;
	padding-top:2px;
	margin-top:8px;
	background: transparent url(../img/imgSprite.png) -7px -411px no-repeat;	
	clear: both;
	}
 
body.home div#alleBerichten {
	width: 130px;
	float: left;
	padding-top: 7px;
	position: relative; 
	}
 
body.home div#meepraten {
	width: 270px;
	float: right;
	padding-top: 7px;
	padding-right: 2px;
	font-style: italic;
	text-align:right;}
 
/* MiZ */
body.miz div#content {
	position: relative;
	top: 150px;
	*top: 170px; /* internet explorer exception*/
	left: 275px;
	width: 420px; 	}
 
/* DONEREN */
body.doneren div#content {
	position: relative;
	top: 150px;
	*top: 170px; /* internet explorer exception*/
	left: 275px;
	width: 420px;
	height: 350px; }
 
/* GROTE MENSEN */
body.grotemensen div#content {
	position: relative;
	top: 150px;
	*top: 180px; /* internet explorer exception*/
	left: 275px;
	width: 420px;
	*padding-bottom: 20px; 
	}
 
/* KIDS */
body.kids div#content {
	position: relative;
	top: 150px;
	*top: 170px; /* internet explorer exception*/
	left: 275px;
	width: 420px; 
	}
 
body.kids div.kleurplaat {
	padding: 2px;
	width: 24%;
	margin-bottom: 10px;
	float: left;  }
 
body.kids h1#boekje {
	position: relative;
	
	}

body.kids div#boekjeDiv {

	position: relative;
	
}

body.kids div#animatie {

	margin-top: 120px;
	
}
 
/* BOEZEMVRIENDEN */
body.boezemvrienden div#content {
	position: relative;
	top: 150px;
	*top: 170px; /* internet explorer exception*/
	left: 275px;
	width: 420px; }
 
/* NIEUWSPAGINA */
body.nieuws div#content {
	position: relative;
	top: 150px;
	min-height: 380px;
	*top: 170px; /* internet explorer exception*/
	left: 275px;
	width: 420px; }
 
body.nieuws div#newArticle { 
	width: 100%; 
	margin-top: -5px;}
 
body.nieuws div.newsFooter { 
	width: 100%; 
	height: 30px;
}
 
body.nieuws div.newsDate {
	width: 100%;
	float: left; 
	margin-top: 10px;}
 
body.nieuws label {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
	line-height: 19px;
	margin: 0 0 10px 0;
	padding: 0px;
	font-weight: bold; }
 
body.nieuws textarea {
	width: 300px;
	height: 80px;
	border: 2px solid #cccccc;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif; }
 
body.nieuws input {
	width: 300px;
	border: 2px solid #cccccc;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif; }
 
/* AANMELDEN NIEUWSBRIEF */
body.nieuwsbrief div#content {
	position: relative;
	top: 150px;
	min-height: 380px;
	padding-top: 0px;
	*top: 170px; /* internet explorer exception*/
	left: 275px;
	width: 420px;
	height: 330px; }
 
body.nieuwsbrief form { padding-left: 0px; }
 
body.nieuwsbrief p.error { color: #C00; }
 
body.nieuwsbrief label {
	font-family: Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 13px;
	line-height: 19px;
	margin: 0 0 10px 0;
	padding: 0px; }
 
body.nieuwsbrief input {  }
 
div#intro_dropdown {
	display: none;
	clear: both;
	margin: 0 0 -20px 0;
	padding: 0; }
 
 
div#kidsclick {
	width: 150px;
	height: 120px;
	position: absolute;
	top: 100px;
	left: 820px; }
 
div#menu {
	width: 500px;
	height: 30px;
	position: relative;
	top: 145px;
	left: 230px; }
 
div.menuitem {
	float: left;
	margin: 5px;
	margin-top: 2px;
	margin-left: 15px;
	color: #ec038d; }
 
	div.menuitem a {
		font-family: "Times New Roman", Times, serif;
		font-size: 16px; }
 
/* Content */
div#nieuwsHover {
	position: absolute;
	top: 70px;
	right: 260px; }
 
	div#nieuwsHover a {
		text-indent: -9999px;
		display: block;
		width: 143px;
		height: 43px;
		background: transparent url(../img/imgSprite.png) 0px -103px no-repeat; }
 
		div#nieuwsHover a:hover { background: transparent url(../img/imgSprite.png) -148px -103px no-repeat; }
 
div.donations {
	position: absolute;
	top: 50px;
	right: 124px; }
 
	div.donations a {
		text-indent: -9999px;
		display: block;
		width: 85px;
		height: 87px;
		background: transparent url(../img/imgSprite.png) 0px 0px no-repeat;}
 
		div.donations a:hover { background: transparent url(../img/imgSprite.png) -84px 0px no-repeat; }
 
div.kids {
	position: absolute;
	top: 100px;
	right: 25px; }
 
	div.kids a {
		text-indent: -9999px;
		display: block;
		width: 147px;
		height: 148px;
		background: transparent url(../img/imgSprite.png) -293px 0px no-repeat; }
 
		div.kids a:hover { background: transparent url(../img/imgSprite.png) -440px 0px no-repeat; }
 
ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 19px;
	color: #666666; }
 
/* Footer */
div#footer {
	position: relative;
	height: 190px;
	width: 615px;
	top: 140px;
	left: 149px;
	background: transparent url(../img/imgSprite.png) 0px -146px no-repeat;
	}
 
div#aanmelden {
	position: relative;
	padding-top: 85px;
	width: 190px;
	margin-left: 235px;
	float: left; }
	
	div#aanmelden p {
		color: #438ab7;
		font-size: 16px;
		margin-left: 30px;
		margin-top: 5px;
	}
 
div#aanmeldenLink {

	position: absolute;
			
}

	div#aanmeldenLink a {
		
		text-indent: -9999px;
		display:block;
		width: 180px;
		height: 40px;
		margin-top: -50px;
		
	}
	
	div#aanmeldenLink a:hover { background-color: transparent; }
	
	
 
div#info {
	margin-left: 380px;
	width: 200px;
	height: 30px;
	position: absolute;
	left: 28px;
	top: 55px;
	}
	
	div#info p {
		color: #003399;
		font-size: 12px;
		color: #547275;
		margin:0;
		padding:0 0 9px 0;
	}
	
div#infoMailto {
	position: absolute;
	top: 20px;
	}
	
	div#infoMailto a {
	text-indent: -9999px;
	display:block;
	width: 150px;
	height: 20px;
	
	}
	
	div#infoMailto a:hover { background-color: transparent; }
 
a.frismedia {
	margin-left: 90px;
	position: absolute;
	bottom: 42px;
	left: 28px;
	width: 115px;
	height: 30px;
	background: transparent url(../img/imgSprite.png) -174px -14px no-repeat;
	text-indent:-9999px;
	}
 
a.frismedia:hover { background: transparent url(../img/imgSprite.png) -174px -46px no-repeat; }

a.anbi {
	display:block;
	width: 60px;
	height:60px;
	position:absolute;
	text-indent:-9999px;
	background: url(../img/anbi.png) left top no-repeat;
	left:105px;
	top: 65px;
	}
a.anbi:hover {
	background-image: url(../img/anbi_2.png);
}