/* colorcodes:

Kleur					Donker		Licht		
------------------------------------------------
Maasai aqua: 			#0ea9cc		#0685a2
Maasai deep blue:		#5c8cbe		#1c4e98
Maasai orange:			#ff9000		#ffa22a
Maasai red:				#ff5440		#e40005
Bodytext grey:			#595959
Dark grey (fader):		#4b4b4b
Links in bodytext:		#4b4b4b
Medium grey:			#e5e5e5
Light grey:				#f7f7f7
Solid line grey:		#cbcbcb
Twitter date blue:		#41acf3
			
colorcodes: */



/* body */
html, body { background:#fff; font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 21px; color: #595959; }

/* headings */
h1 { font-size: 22px; line-height: 20px; margin-bottom: 10px; color: #0ea9cc } /* Charcoal NY, headings in bodytext */
h2 { font-size: 20px; line-height: 26px;  } /* Charcoal NY */
h2.streamer { color: #cbcbcb; line-height: 130%; text-align: center; margin-top: 5px; } /* Charcoal NY, streamer */
h2.streamerTopMargin { color: #cbcbcb; line-height: 130%; text-align: center; margin-top: 40px; } /* Charcoal NY, streamer */
h3 { font-size: 15px; line-height: 18px; color: #808080; font-weight: 700; } /* Charcoal NY, newsletter heading */
h4 { font-size: 13px; line-height: 18px; color: #6F6F6F; } /* Helvetica, substreamer */ 

/* paragraphs */
p,strong { font-family: Helvetica, Arial, sans-serif; font-size: 14px; line-height: 160%; color: #595959; }
p.twitter{ }

/* color classes */
.aqua { color: #0ea9cc; }
.aquadark { color: #0685a2; }
.darkgrey { color: #4b4b4b; }
.deepblue { color: #5c8cbe; }
.deepbluedark { color: #1c4e98; }
.orange  { color: #ffa22a }
.orangedark  { color: #ff9000 }
.red { color: #ff5440 }
.reddark { color: #e40005 }
.white { color: #ffffff }
.greyBox { background: #f9f9f9; border: 1px solid #eee; }

/* links */
a:link, a:active, a:visited { color: #4b4b4b; text-decoration: none; font-weight: bold }
a:hover { color: #0ea9cc; text-decoration: none; font-weight: bold }
.MarginAtBottom { margin-bottom: 40px}
.fotoFader { height: 260px; margin-bottom: 20px; }
.fotoHoofd { height: 260px; margin-bottom: 20px; }
.homeFader { height: 331px; margin-bottom: 20px; }
			

/* --- =HOME -------------------------------------------------------------------------------- */
				#topleft { 
					height:85px; 
					margin:10px 0 0 0; 
					background: url(../img/nav/topleft-logo.png) no-repeat bottom left; }
				#topright { 
					height:85px; 
					margin:10px 0 0 0; }
				#visieTekst { 
					margin:0 0 0 15px; 
					padding:0 10px 0 0; }
				#visieTekst p {
					font-size: 13px}
				#visieTekst h1 { 
					position:relative; 
					top:10px; }
				#aboutBTI { 
					margin:0 0 0 20px; }
				#aboutBTI p { 
					line-height: 180%; }
				h2#missie {
					font-size: 20px;
					line-height: 160%;
					color: #80ace4}
				h4#goals {
					font-size: 13px;
					line-height: 160%;
					color: #6f6f6}

#homeBlokDoeMee {width: 295px;border: 1px solid #cbcbcb;margin-right: 5px;}
#homeBlokDoeMee p {margin:0;
					font-size: 12px; 
					line-height: 18px;}
#homeBlokDoeMee .naarDeelnemen {padding:0 15px 15px 15px;display: block;margin-top:-10px;}
.doeMeeLink,
.doeMeeLink:active {
	width: 270px;
	height: 75px;
	display: block;
	cursor: pointer;
	float: right;
	margin:20px -34px 15px 25px;
	background: url(http://www.btifoundation.nl/wp-content/themes/btifoundation/img/misc/doe-mee-aan-onze-actie.png) no-repeat; 	} 	
	.doeMeeLink:hover {background-position: 0 -75px;}
	



/* --- PROJECTS ------------------------------------------------------------------------------- */

	/* --- current ---------------------------------------------------------------------------- */
				h2#ThisIsTheBlog {
					font-size: 20px;
					padding-left: 30px;
					color: #0ea9cc;
					font-weight: 800}
				
				.previewBlogBlock { 
					background: url(../img/misc/bg-blogpreview.jpg) no-repeat top right;
					width: 582px; 
					height: 357px; 
					padding: 25px 25px 25px 0;
					}
				
				.previewBlogBlock h3 {
					margin-left: 25px;}
				
				.postintro h4  {
					 font-size: 13px; 
					 line-height: 18px; 
					 text-transform: uppercase;
					 font-weight: 700;
					 color: #6F6F6F; }
				
				p.first200words {
					margin-bottom: 0;
					}
				
				a.leesverderpost { 
					background: url(../img/misc/button-readmore.png) no-repeat 0 -45px; 
					width: 273px;
					height: 45px;
					display: block;
					cursor: pointer;
					font-size: 11px;
					margin-bottom: 30px;
					left:-3px;
					position: relative;}
				a.leesverderpost:hover {
					background: url(../img/misc/button-readmore.png) no-repeat; }

				.blogpost { 
					margin-bottom: 20px;  }
				
				.avatar { 
					float:left; 
					height: 100px; 
					width: 80px; 
					margin-left: 25px;
					margin-right: 10px;}
			
				.avatar img { 
					border:3px solid #fff; }

				.postintro p { 
					font-size: 13px; }
					
				h2.blogSinglePageTitle {
					color: #80ace4}


		/* --- NL versie ------------------------------------------------------------------------------ */			
				a.leesverderpostNL { 
					background: url(../img/misc/button-readmore.png) no-repeat 0 -136px; 
					width: 273px;
					height: 45px;
					display: block;
					cursor: pointer;
					font-size: 11px;
					margin-bottom: 30px;}	
					a.leesverderpostNL:hover {
					background: url(../img/misc/button-readmore.png) no-repeat 0 -91px; }
				
	/* --- =upcoming ---------------------------------------------------------------------------- */
				.upcomingEvent { 
					padding:15px;
					margin-bottom: 20px;
					min-height:106px;
   				    height:auto !important;
					height:106px; }
				
				.upcomingEvent h3 { 
					font-weight: 700; 
					margin-bottom: 5px;
					color: #5c8cbe; }
				
				.upcomingEvent p {
					margin: 0;
					font-size: 13px;
					line-height: 160%;} 
					
			
	/* --- =established ---------------------------------------------------------------------------- */
				.estProject { 
					background: #f9f9f9; 
					border: 1px solid #eee; 
					margin-bottom:20px; 
					height: 125px; 
					padding:25px }
				
				.estProject img, 
				.estProject p, 
				.estProject h3 { 
					float:left; }		
				
				.estProject p { 
					font-size: 12px;}
	
				
				.establishedProjectImage { 
					float: left; 
					width: 185px; 
					height: 125px; 
					margin-right: 20px; 
					border: 3px solid #fff}
				
				.establishedProjectContent { 
					float: left;  
					width: 340px; 
					height: 125px}
				
				.establishedProjectContent h3 { 
					color: #80ace4 }
				
/* --- =INITIATIVES ---------------------------------------------------------------------------------- */
				#initiativeContentBox { margin-left:-1px; z-index: 0;  position: relative; }
				.initiativeContent {
					background: #f9f9f9;
					border:1px solid #e0e0e0;
					height: 300px;
					padding:20px;
					width: 600px;
					}
				.initiativeTekst { 
					width: 250px; 
					margin-right: 20px; }
				.initiativeTekst,
				.fotoFaderInitiative { 
					float:left;
					display:block;
					height:210px;
					}
				
				.initiativeTekst p {
					font-size: 13px;
					line-height: 160%; }
				
				.initiativeTekst h2 {
					font-size: 16px;
					font-weight: 700;
					color: #80ace4;
					margin-bottom: 4px; }
				
				#teachersContent,
				#parentsContent,
				#materialsContent { 
					display: none;  } 
				#initiativeMenu { margin-right: 0; z-index: 2; position: relative; }
				.initiativeLink { 
					cursor: pointer;
					background: url(../img/nav/bg-initiatives-tabs.png) no-repeat 0 -92px;
					color: #fff;
					display:block;
					height: 47px;
					padding: 15px 10px 10px 30px;
					margin-bottom: 1px; }
					.initiativeLink:hover { 
						background: url(../img/nav/bg-initiatives-tabs.png) no-repeat 0 -164px; }
				
				.initiativeLink h3 { 
					font-size: 20px;
					margin-bottom:0; 
					color: #333; }
				
				.initiativeLink p { 
					font-weight:normal; 
					font-size: 13px; }
				
				.active,.active:hover { 
					background: #fff;
					height:67px;
					background: url(../img/nav/bg-initiatives-tabs.png) no-repeat;}
					
				.active h3 {
					color: #5589cd; }
				
				.fotoFaderInitiative {
					width:300px; }


/* --- =ABOUT BTI ---------------------------------------------------------------------------------- */

	/* --- =bti & partners ------------------------------------------------------------------------------- */
				.mainPartners,
				.mainPeople { 
					margin-bottom:20px; }
				.mainPartners { width: 290px; float: left; margin-left: 30px;}
						
				.mainPeople div { 
					padding: 15px;
					padding-bottom: 25px;
					min-height: 390px;
					}
				.mainPeople img, 
				.mainPeople p, 
				.mainPartners h3,
				.mainPeople h3 { 
					float:left; }		

				.mainPartners p {
					width: 270px;
					padding-left: 10px }
	
					
				.mainPeople p { 
					font-size:12px; 
					line-height: 160%; 
					margin-left: 15px;  
					width: 190px; }
				
				.mainPartners h3,
				.mainPeople h3 {
					color: #80ace4;
					font-size: 15px; 
					margin:0 0 5px 15px; }
					
				.mainPartners h3 {
					padding-left: 10px;
					margin: 0;
					width: 100%;
					margin-bottom: 5px;}  

				#hetNLteam {
					margin-bottom: 40px;}
				.nlTeam {
					width: 150px;
					margin-left: 35px;
					float: left;
					display: inline;}
				.nlTeam h3 {
					font-size: 12px;
					margin-bottom: 5px}
				.nlTeam p { font-style: italic; font-size: 11px; color:#595959 }
				h2.hetNLteamHeading {font-size: 20px; line-height: 26px;}
				
				

	/* --- =bti locations ------------------------------------------------------------------------------- */
				#mapholder { 
					height: 800px; 
					background: url(../img/misc/map.jpg) no-repeat;
					margin-bottom: 30px}

/* --- =DONATIONS ---------------------------------------------------------------------------------- */
				#donateContact {
					margin-bottom: 30px; }
				
				h2.donationMethod { 
					color: #80ace4;
					font-size: 15px;
					margin-bottom: 5px;}
				.donationBox {
					padding: 15px;
					width: 550px;
					float:left;
					margin-bottom: 20px;
					}
				#donationMethods p {margin-bottom: 20px;}
				.marginRight {
					margin-right:20px;
					}
				#actualDonation {
					background: #f9f9f9 url(../img/misc/bg-gradient-620.png) no-repeat bottom right;
					border: 1px solid #eee;
					width: 618px; 
					height: 600px; }
				#donerenUitleg p,
				#donerenUitleg h2 {
					margin: 20px 0 0 0;
					padding: 0 25px 0 25px;
					}			
				#doneerOpties {margin-top: 30px;}
				.doneerOptiesDochter { height: 100px; width: 300px; float:left; margin-left: 5px; }
				.doneerOptiesDochter p,
				.doneerOptiesDochter h2 {
					padding: 0;
					margin: 0;}
				#doneerViaOvermaken {
					border-right: 1px solid #ccc;}
				#doneerViaIdeal {
					}
				#doneerViaOvermaken p,
				#doneerViaIdeal p {
					padding-right: 20px;}
				#doneerViaOvermaken p,
				#doneerViaOvermaken h3,
				#doneerViaIdeal p,
				#doneerViaIdeal h3 {
					margin-left: 20px;}
				a#ikKiesIdeal {
					background: transparent url(../img/misc/button-donate-doneren.png) no-repeat;
					margin-left: 20px;
					margin-top: 15px;
					width: 240px;
					height: 70px;
					display: block;
					cursor: pointer;}
					a#ikKiesIdeal:hover {
						background-position: 0 -75px;}
			
				a#idealStuur {
					background: transparent url(../img/misc/button-donate-doneren-small.png) no-repeat;
					margin-left: 10px;
					margin-top: 0;
					width: 96px;
					height: 30px;
					display: block;
					cursor: pointer;
					float: left}
					a#idealStuur:hover {
						background-position: 0 -30px;}

				#idealHiddenForm {display: none;margin-top: 15px;}
				#euroIdeal {
					margin: 0 5px 0 20px;
					font-size: 24px;
					font-family: Helvetica, Arial, sans-serif;
					float: left}
				#bedrag {
					background: transparent;
					margin-right: 10px;
					text-align: right;
					width: 80px;
					padding: 0;
					font-size: 24px;
					font-family: Helvetica, Arial, sans-serif;
					border:0;
					border-bottom: 1px dashed #ccc;
					float: left}

/* --- =CONTACT ----------------------------------------------------------------------------- */
#contactLeft h3 {
					margin-bottom: 5px;	}
				
				#contactDiv { margin-left: 50px; }
				#contactForm { 
					float: right;
					background: #fff;
					margin-bottom: 20px; 
					width: 512px; 
					height: 640px; 
					border: 0; }
				
					#contactFormTop { 
						background: #f9f9f9;
						border-top: 1px solid #eee; 
						border-left: 1px solid #eee; 
						border-right: 1px solid #eee; 
						margin-left: 10px;
						margin-bottom: 0;
						width: 500px; 
						height: 542px; 
						display: block;
						padding-top: 15px	}
						#contactFormTop h1,
						#contactFormTop p { margin:0 0 10px 0; padding: 0 15px 0 15px; }			
						#contactFormTop p { margin:0 0 30px 0; }
							#contactForm label { 
								background: #f9f9f9;
								padding:3px 0 0 0; 
								text-align: right; 
								float:left; 
								display:block; 
								width: 130px; 
								height: 22px; 
								margin:0 5px 0 0; }
						
							#contactForm input,
							#contactForm textarea	  { 
								float:left; 
								padding:4px; 
								width: 350px; 
								margin-bottom: 20px; 
								border:1px solid #ccc; }
							#contactForm input { 
								width: 250px;
								}
							#contactForm textarea { 
								height: 150px; 
								width: 300px;
								margin-bottom: 0; }		
				
				#contactFormbutton { 
					background: #f9f9f9 ;					
					float: left; 
					display: block; 
					width: 249px; 
					height: 45px; }
				
				a#submitContactButtonEN { 
					background: #f9f9f9 url(../img/misc/button-verstuurd.png) no-repeat;  
					display: block;
					float: left; 
					width: 249px; 
					height: 45px; 
					font-weight: normal;
					cursor: pointer;  }
					a#submitContactButtonEN:hover { 
					background-position: 0 -45px; }
				
				a#submitContactButtonNL { 
					background: #f9f9f9 url(../img/misc/button-verstuurd.png) no-repeat 0 -90px;  
					display: block;
					float: left; 
					width: 249px; 
					height: 44px; 
					font-weight: normal;
					cursor: pointer;
					 }
				
				a#submitContactButtonNL:hover { 
					background-position: 0 -136px; }
			
				#contactFormMiddle 	{ 
					background: #f9f9f9;					
					border-right: 1px solid #eee;
					float: left;
					width: 242px;
					padding: 20px 0 10px 20px;
					height: 15px; 
					display: block;}
			
				#contactFormBottom { 
					background: #f9f9f9; 
					border-bottom: 1px solid #eee; 
					border-left: 1px solid #eee; 
					border-right: 1px solid #eee; 
					float: right; 
					width: 500px; 
					height: 30px; 
					display: block;
					margin-bottom: 30px; }
			
				#contactFormMiddle p#errorContact,
				#contactFormMiddle p#successContact { 
					background: #f9f9f9; 
					font-size: 11px;
					font-weight: 700;
					display: none; 
					clear: both; }
				#contactFormMiddle p#successContact { }

						
/* --- =404 ----------------------------------------------------------------------------- */
				#404 {border:1px solid black;}


/* --- =HEADER ------------------------------------------------------------------------------------- */		
				#header { 
					padding:0; 
					margin-bottom: 30px; }
				#headerleft { 
					height: 330px; 
					margin-bottom: 30px; }
				#headerright { 
					border:1px solid #cbcbcb; 
					background: url(../img/header/streamer-bg.png) repeat-x bottom; 
					height: 330px; 
					margin-bottom: 30px; }
				#headerright h2,
				#headerright h4 { 
					padding:20px; }
				#fader { height: 260px;border-bottom:1px solid #fff;  }
				#fader img { 
					width:619px;
					z-index:0;
					cursor:pointer;
					 }
				div#fadernav { 
					width:620px; 
					position:relative; 
					z-index:9999;
					 }
				div#fadernav a { 
					display:block; 
					float:left; 
					width: 134px; 
					height:50px; 
					margin-right:1px; 
					background: #bebebe url(../img/header/slider-inactive-bg.png) repeat-x; 
					color: #fff; 
					font-weight:normal; 
					padding:10px; 
					z-index:9999; 
					overflow:hidden; } 
				div#fadernav a:hover,
				div#fadernav a.activeSlide { 
					background: #4b4b4b url(../img/header/slider-active-bg.png) repeat-x; 
					color:#fff; }
				div#fadernav a.activeSlide { 
					margin-top:-40px; 
					height:90px; }
				div#fadernav h2 { 
					color: #fff; 
					line-height: 10px; 
					margin:0; }
				div#fadernav p {
					color: #fff; 
					line-height: 14px; 
					margin:0;
					font-size: 12px; }
	/* --- nav ------------------------------------------------------------------------------------ */
				#menu { 
					margin-bottom:0; 
					height:43px;}
				#menuleft ul,#menuright ul {	
					list-style-type: none; }
				#menuleft { 
					background: url(../img/nav/bg-menuleft-normal.png) repeat-x;
					height:43px; 
					margin:0;}
				#menuleft ul li#menulogo { 
					background: url(../img/nav/menuleft-logo-bg.png) top right; 
					width:51px; 
					height: 43px;
					float:left;
					display: block;
					position: relative;}
				#menuleft ul li a { 
					background: #5c8cbe url(../img/nav/bg-menuleft.png) top right no-repeat;  
					padding: 13px 23px 0 23px; 
					height: 30px;  
					float: left;  
					display: block; 
					color: #fff;
					text-transform: uppercase; 
					text-align: center; }
					#menuleft ul li a:hover { 
					background: url(../img/nav/bg-menuleft.png) top right no-repeat; 
					background-position: 0 -86px;}						
					#menuleft ul li a.selected {
					background: url(../img/nav/bg-menuleft.png) no-repeat top right;
					background-position:  0	 -43px; 
					color:#fff;}	
				#menuright { 
					height:43px; 
					margin:0; 
					width:320px; 
					background: #e5e5e5 url(../img/nav/menuright-bg.png) top left repeat-x; }
				#menuright a { 
					padding: 11px 15px 0 15px; 
					height: 32px;  
					float: left;  
					display: block; 
					color: #3d3d3d; 
					text-align: center; }
					#menuright a:hover { 
					background: url(../img/nav/menuright-bg.png) top left repeat-x; 
					background-position: 0 -86px;}
					#menuright a.selected {
					background: url(../img/nav/menuright-bg.png) top left repeat-x; 
					background-position: 0 -43px; 
					color:#3d3d3d; }
	/* --- subnav ------------------------------------------------------------------------------------- */
	
				#submenu {
					margin:2px 0 0 0; 
					height: 20px;}
				#subProject a,
				#subAbout a {					
					font-size: 10px;
					background: url(../img/nav/menuright-bg.png) top left repeat-x;
					float:left;
					text-transform: uppercase;
					color: #666;
					display:block;
					padding: 0 10px 0 10px;
					margin:0 2px 0 0;
					height:20px }
				#subProject a:hover,
				#subAbout a:hover {
					background: #1c3ba9;
					color: #fff; }		 
				#subProject a.selected,
				#subAbout a.selected {
					background: #679af4;
					color: #fff; } 
				#topSpacer { height: 30px; }
				
				#subProject { padding-left:95px; }
				#subAbout { padding-left:450px; }


	/* --- searchform ------------------------------------------------------------------------------------- */
				#zoekform {  
					margin:0; 
					float:right; 
					padding:8px 15px 0 0;}
				
				#zoektext { 
					width: 170px; 
					border:1px solid #ccc;
					border-right:0;
					margin:0; 
					color:#777;
					float:left;
					padding: 5px; }
				
				a#zoeksubmit { 
					width: 33px;  
					background: url(../img/header/button-zoek.png) no-repeat; 
					border:0; 
					margin-left: -4px; 
					float:left;
					padding: 0;
					display: block;
					height: 25px; }
				a#zoeksubmit:hover { 
					background: url(../img/header/button-zoek.png) no-repeat 0 -25px; }
				
				input#zoektext:focus { 
					border-top:1px solid #ccc; 
					border-left:1px solid #ccc; 
					border-bottom:1px solid #ccc;
					border-right:0;
					color: #5c8cbe }
	
		/* --- 404 ------------------------------------------------------------------------------ */			
			
				a#zoeksubmit404 { 
					width: 33px;  
					background: url(../img/header/button-zoek.png) no-repeat 0 -50px; 
					border:0; 
					margin-left: -4px; 
					float:left;
					padding: 0;
					display: block;
					height: 25px; }
				a#zoeksubmit404:hover { 
					background-position: 0 -75px; }

		/* --- results ------------------------------------------------------------------------------ */			

				.searchResult {
					display:block;
					width: 190px;
					float:left;
					padding:10px;
					margin: 10px;
					border:1px solid #eee;}
				.searchResult:hover {
					background: #eee;}

/* --- NEWSLETTER BLOCK ------------------------------------------------------------------------------ */
				#newsletterblock { 
					width: 300px; 
					border: 1px solid #cbcbcb }
				
				#newsletterblock p {
					margin:0;
					font-size: 12px; 
					line-height: 18px}
				
				#newsletterform {  
					margin:0; 
					padding:0 0 0 15px; }
				
				#newsletteremail { 
					width: 170px; 
					margin:0; 
					color:#777;
					border:1px solid #ccc;
					padding:5px;
					float:left; }
						
				input#newsletteremail:focus { 
					border:1px solid #ccc; 
					color: #5c8cbe; }
				
				#newslettersucces { 
					padding:0 0 0 15px; 
					color:#333; 
					font-style:italic; }
			
				#newslettersubmit { 
					width: 70px;  
					background: url(../img/blocks/button-signup.png) no-repeat; 
					border:0; 
					margin-left: -5px; 
					float:left;
					padding: 0;
					display: block;
					height: 25px;
					cursor: pointer }	
					#newslettersubmit:hover { 
					background: url(../img/blocks/button-signup.png) no-repeat 0 -25px; }

		/* --- NL versie ------------------------------------------------------------------------------ */			
				#newslettersubmitNL { 
					width: 93px;  
					background: url(../img/blocks/button-signup.png) no-repeat 0 -50px; 
					border:0; 
					margin-left: -5px; 
					float:left;
					padding: 0;
					display: block;
					height: 25px;
					cursor: pointer }	
					#newslettersubmitNL:hover { 
					background: url(../img/blocks/button-signup.png) no-repeat 0 -75px; }

/* --- DONATE BLOCK ---------------------------------------------------------------------------------- */
					#singleBlog p { padding-right:25px; }

/* --- DONATE BLOCK ---------------------------------------------------------------------------------- */
				#donateblock { 
					width: 300px; 
					border:0; 
					height: 192px; 
					margin-bottom: 20px; }
				
				#donateblocktop { 
					border-top: 1px solid #cbcbcb; 
					border-left: 1px solid #cbcbcb; 
					border-right: 1px solid #cbcbcb; 
					float: right; 
					width: 287px; 
					height: 19px; 
					display: block}
				
				#donateblockbutton { 
					float: left; 
					display: block; 
					width: 249px; 
					height: 75px; }
				
				a#donatebutton { 	
					background: url(../img/blocks/button-donate.png) no-repeat top left;  
					display: block; 
					width: 249px; 
					height: 75px; 
					text-decoration: none; 
					font-weight: normal 
					cursor: pointer}
					a#donatebutton:hover { 
					background: url(../img/blocks/button-donate.png) no-repeat 0 -75px;  }

				#donateblockmiddle { 
					border-right: 1px solid #cbcbcb; 
					float: right; 
					width: 10px; 
					height: 75px; 
					display: block}
				
				#donateblockbottom { 
					padding:15px 15px 10px 15px; 
					border-bottom: 1px solid #cbcbcb; 
					border-left: 1px solid #cbcbcb; 
					border-right: 1px solid #cbcbcb; 
					float: right; 
					width: 257px; 
					height: 71px; 
					display: block; }
				
				a#donatelink { 
					color: #0ea9cc; 
					font-size: 14px; 
					text-decoration: none; 
					font-weight: normal }
					a#donatelink:hover { 
					color: #0685a2; 
					font-size: 14px; 
					text-decoration: underline; 
					font-weight: normal }


			/* --- NL versie ------------------------------------------------------------------------------ */	
					a#donatebuttonNL { 
						background: url(../img/blocks/button-donate.png) no-repeat;  
						display: block; 
						width: 249px; 
						height: 75px; 
						background-position: 0 -150px; 
						text-decoration: none; 
						font-weight: normal;
						cursor: pointer }
						a#donatebuttonNL:hover { 
						background: url(../img/blocks/button-donate.png) no-repeat 0 -225px; }


		/* --- rechterblock ----------------------------------------------------------------------------- */
				#donateblocktopRight { 
					border-top: 1px solid #cbcbcb; 
					border-left: 1px solid #cbcbcb; 
					border-right: 1px solid #cbcbcb; 
					float: left; 
					width: 287px; 
					height: 19px; 
					display: block}
				
				#donateblockbuttonRight { 
					float: right; 
					display: block; 
					width: 249px; 
					height: 75px; }
				
				a#donatebuttonRight { 
					background: url(../img/blocks/button-donate-right.png) no-repeat;  
					display: block; 
					width: 249px; 
					height: 75px; 
					text-decoration: none; 
					font-weight: normal }
					a#donatebuttonRight:hover { 
					background: url(../img/blocks/button-donate-right.png) no-repeat 0 -75px; }
				
				#donateblockbottomRight { 
					text-align: right; 
					padding:15px 15px 10px 15px; 
					border-bottom: 1px solid #cbcbcb; 
					border-left: 1px solid #cbcbcb; 
					border-right: 1px solid #cbcbcb; 
					float: left; 
					width: 257px; 
					height: 71px; 
					display: block}

				/* --- NL versie ------------------------------------------------------------------------------ */			
						a#donatebuttonNLRight { 
							background: url(../img/blocks/button-donate-right.png) no-repeat 0 -150px;  
							display: block; 
							width: 249px; 
							height: 75px; 
							background-position: 0 -150px; 
							text-decoration: none; 
							font-weight: normal; }
							a#donatebuttonNLRight:hover { 
							background: url(../img/blocks/button-donate-right.png) no-repeat 0 -225px; }
				
				#donateblockmiddleRight { 
					border-left: 1px solid #cbcbcb; 
					float: left; 
					width: 10px; 
					height: 75px; 
					display: block}

/* --- BLOG BLOCK --------------------------------------------------------------------------------- */				
					
					#blogblock { 
					width: 255px;
					height: 173px;
					padding: 15px 15px 5px 3px;
					background: url(../img/blocks/bg-blogblock.png) no-repeat;
					border:0;
					  }
					
					#blogblock p,
					#blogblock h4 {
						padding-left: 20px;
						}
					
					#blogblock p {					
						font-size: 12px; 
						line-height: 18px;
						color: #777 }
					
					a.leesverderpostBlogBlock { 
					background: url(../img/blocks/button-blogblock.png) no-repeat; 
					width: 273px;
					float: left;
					height: 25px;
					display: block;
					cursor: pointer;
					font-size: 11px;}					
					a.leesverderpostBlogBlock:hover {
					background: url(../img/blocks/button-blogblock.png) no-repeat 0 -25px; }

				/* --- NL versie ------------------------------------------------------------------------------ */			
						a.leesverderpostBlogBlockNL { 
						background: url(../img/blocks/button-blogblock.png) no-repeat 0 -50px; 
						width: 273px;
						float: left;
						height: 25px;
						display: block;
						cursor: pointer;
						font-size: 11px;	}
						a.leesverderpostBlogBlockNL:hover {
						background: url(../img/blocks/button-blogblock.png) no-repeat 0 -75px;; }
					
					
/* --- TWITTER BLOCK --------------------------------------------------------------------------------- */
				#twitterblock { 
					width: 300px; 
					border:0;  }
				
				#twitterblockleft { 
					width: 54px; 
					display:block;
					float: left; }
				
				#twitterblocklefttop { 
					width: 54px; 
					height: 61px; 
					display:block;
					float: left; 
					background: url(../img/blocks/twitter-logo.png) no-repeat top left; 
					border-left: 1px solid #cbcbcb; 
					border-top: 1px solid #cbcbcb; }
				
				#twitterblockleftbottom { 
					float:left; 
					width: 54px; 
					height: 129px; 
					display: block; 
					border-bottom: 1px solid #cbcbcb; 
					border-left: 1px solid #cbcbcb; }
				
				#twitterblockright { 
					padding: 20px 15px 20px 0; 
					width: 229px; 
					height: 150px; 
					display: block; 
					float: right;
					border-top: 1px solid #cbcbcb;
					border-bottom: 1px solid #cbcbcb; 
					border-right: 1px solid #cbcbcb}
				
				#tweets { 
					color: #aeaeae; 
					float: left; }
				
				#tweets p.twitter-message { 
					font-family: Helvetica, Arial, sans-serif; 
					padding:0 ;
					font-size: 14px; 
					line-height: 160%; 
					color: #a3a3a3;  
					margin: 0 }
				
				#tweets p.twitter-message a {				 
					font-weight: bold; 
					font-style: italic; 
					color: #41acf3; 
					font-size: 9px; }
				
				span.twitter-timestamp abbr { 
					font-weight: bold; 
					font-style: italic; 
					color: #41acf3; 
					font-size: 9px; }
				
				a.twitter-user { 
					margin: 0; 
					color: #4b4b4b; 
					text-decoration: none; 
					font-weight: bold }
					a.twitter-user:hover { 
					color: #0ea9cc; }
				
				a.twitter-link { 
					color: #aeaeae;
					text-decoration: none;}
					a.twitter-link:hover { 
					color: #aeaeae;
					text-decoration: none;}
				
				a#followbti { 
					color: #41acf3; 
					text-decoration: none; }
					a#followbti:hover { 
					color: #41acf3; 
					text-decoration: underline; }
				
/* --- FOOTER ---------------------------------------------------------------------------------- */
				#footer { 
					background: url(../img/footer/bg-footer.png) no-repeat; 
					height:150px; 
					padding: 30px; 
					margin-top: 25px;		
					border-bottom: : 1px solid #cbcbcb }
				
				#footer p { 
					line-height:30px; 
					font-size:90%; padding:0 0 0 10px; color:#fff; }
				
				.pageoverview {
					list-style-type:none; 
					text-decoration: none;
					float: left; 
					display: block; 
					height: 250px; width:auto; margin: 0 40px 0 0}
				
				li.mainpages a, li.mainpages a:visited { 
					font-size: 12px; 
					text-transform: uppercase; 
					font-weight: 700; 
					color: #71a1e0}
					li.mainpages a:hover { 
					color: #5488cd; }
				
				li.mainpages.subjects { 
					font-size: 11px;
					color: #bbb}
				
				#copyright { font-size: 11px; }
					
		/* --- yummygum signature ---------------------------------------------------------------------------- */
				a#yummygumlink { 
					background: url(../img/footer/signature.png); 
					background-position: 0 -38px; 
					width: 87px; 
					height: 38px; 
					float:right;
					display:block; 
					margin:10px 0 20px 0}
				a#yummygumlink:hover { 
					background: url(../img/footer/signature.png);}