html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
}

body {
background: black;
font-family: "Helvetica Neue", "Arial", sans-serif;
font-size: 0.9em;
color: white;
}  

/* Sticky Footer fix */
html, body {
height: 100%;
}

/* Definitions ------------------------------ */

a {
color: #0180a9;
}
a:hover { color:#0180a9;
}

a:visited {
}

p {
font-weight:bold;
font-size: 0.9em;
}
	#content-main p {
	margin-bottom:1.5em;
	font-weight:bold;
	line-height:1.5em;
	}
	#content-main p span{
	color:#98d6f1;
	}
h1 {
font-size: 1.5em;
margin-bottom: 0.8em;
text-transform:uppercase;
}
#homepage h1{
margin-bottom: 0.5em;
}

h2 {
font-size: 1.1em;
}

#content-additional h2 {
width: 100%;

}


h3 {
font-size: 1em;
}


h4 {
font-size: 1.4em;
}

#identity {
position: absolute;
z-index: 1;
top:0;
left:0;
width:960px;
}
#homepage #identity{
height:250px;
}
#identity{
height:210px;
}



	#identity p,
	#identity hr {
	display:none;
	}
		
		



#wrapper {
margin: 0 auto; /* the bottom margin is the negative value of the footer's height */
width:750px;
z-index: 2;
position:relative;
}

				
				
#content-container {
width:750px;
float:left;
}
	
	

	#instructies {
	margin-top:50px;
	background:white;
	width:720px;
	color:black;
	margin-bottom:3em;

	}
		#instructies img {
		margin-bottom:0em;
		}
		
		#instructies .content {
		padding:15px;
		}
		#instructies h2, #instructies p, #instructies ul {
		margin-bottom:1em;
		}
		#instructies ul li {
		margin-left:20px;
		}
	#banner {
	margin-top:50px;
	background:url(../ap_images/bg.jpg) no-repeat left top;
	width:750px;
	height:534px;
	}
		#banner .doneerhier {
		position:absolute;
		right:60px;
		top:125px;
		width:178px;
		height:45px;
		background:url(../ap_images/doneer.jpg) no-repeat left top;
		}
			#banner .doneerhier span  {
			display:none
			}
		#banner .mijnbedrijf {
		float:right;
		position:absolute;
		right:50px;
		top:210px;
		width:200px;
		}
			#banner .mijnbedrijf p {
			margin-bottom:1em;
			}
			#banner .mijnbedrijf a {
			color:white;
			font-weight:bold;
			text-transform:uppercase;
			}
				#banner .mijnbedrijf a:hover {
				text-decoration:none;
				}
		#banner .beschrijving {
		position:absolute;
		left:190px;
		top:400px;
		color:black;
		}
			#banner .beschrijving h2 {
			font-size:1.4em;
			margin-bottom:0.5em;
			}
			#banner .beschrijving p {
			width:280px;
			float:left;
			margin-right:30px;
			font-weight:normal;
			}
				#banner .beschrijving p a {
				color:#333;
				}
.download {color:#333;}

 

				#banner .beschrijving p a.meer {
				background:url(../ap_images/meer.jpg) no-repeat left top;
				width:50px;
				height:15px;
				display:block;
				margin-top:10px;
				}
					#banner .beschrijving p a span {
					display:none;
					}

			#banner .beschrijving ul {
			width:200px;
			float:left;
			}
				#banner .beschrijving ul li {
				float:left;
				margin-bottom:1px;
				list-style:none;
				
				
				}
					#banner .beschrijving ul li a {
					width:200px;
					float:left;
					color:black;
					text-decoration:none;
					background:#ffcc00;
					padding:5px;
					}
						#banner .beschrijving ul li a:hover {
						
						background:#ffe063;
						}

			

	#content-main {
	float:left;
	width:300px;
	margin-top:2.4em;
	margin-left:168px;
	display:inline;
	}


		
			#content-main h2{
		text-transform:uppercase;
		margin-bottom:1em;
		
			}		

	#content-additional {
	float:right;
	width:250px;
	margin-top:2.4em;
	
	}
		#content-additional h3 {
		text-transform:uppercase;
		margin-bottom:1em;
		font-size:1em;
		}

		#content-additional li {
		list-style:none;
		}
			#content-additional li a {
			color:white;
			text-decoration:none;
			}
				#content-additional li a:hover{
				/*background:white !important;*/
				text-decoration:underline;
				color:#ffcc00 !important;
				}




#footer {
float:left;
width: 100%;
margin-top:2em;
}
	#footer h2{
	display:none;
	}



	#footer ul{
	float:right;
	}
	#footer li {
	float:left;
	list-style:none;
	margin-left:1em;
	background: url(../ap_images/icon_footer_split.gif) no-repeat left 4px;
	padding-left:1em;
	font-size:0.8em;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	}
		#footer li a,
		#footer li a:link,
		#footer li a:visited{
		color:#ffffff;
		text-decoration:none;
		}
		#footer li a:hover{
		text-decoration:underline;
		}
		
		#footer .naar a:link,
		#footer .naar a:visited{
			position:absolute;
			right:60px;
			top:30px;
			color:#2d2d2d;
			text-decoration:none;
			font-weight:bold;
			font-size:1.2em;
			z-index:20;			
			}
		#footer .naar a span {
		color:#e23f1d;
		}
		#footer .naar a:hover span {
		text-decoration:underline;
		}
		
		
/* Standaard styles -------------------------- */

a img,fieldset { border: none;}

legend { display:none }

q { font-style: italic; }

td { vertical-align: top; }

input, label { vertical-align: middle; }

.floatleft { float: left  !important; }
.floatright { float: right  !important; }
.textright { text-align: right; padding-right: 1em !important; }
.block { display: block; }

.bold { font-weight: bold !important; }

.clearboth { clear: both; display: block; height: 0; }

.onzichtbaar { position:absolute; left:-999em; }

.nopadding { padding: 0em  !important; }
.nomargin  { margin: 0em  !important; }
.noborder { border: none  !important; }
.nobg, .nobackground { background: none  !important; }
.nobullet { list-style:none !important; }

.tekstLinks { text-align: left; }
.tekstRechts { text-align: right; }

.submitBlock {
margin-top: 2em;
}
.hidden {
display:none;
}

.p50 { width: 50%;}


.sIFR-flash {
	visibility: visible;
	margin: 0;
	padding: 0;
}
.sIFR-replaced, .sIFR-ignore {
	visibility: visible;
}
.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Jquery styles */

#uitgelicht {
float:left;
margin: 0 auto 0px auto;
width: 850px;
height: 250px;
position: relative;
}
#landkaart {
float:left;
margin: 0 auto 0px auto;
width: 850px;
height: 470px;
position: relative;
background:white url(../ap_images/landkaart-bg.gif) no-repeat left top;
}

#uitgelicht ul {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width:  850px;
    height: 250px;
	list-style:none;
}
#landkaart ul {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0px;
    left: 0px;
    margin: 0px;
    padding: 0px;
    width:  850px;
    height: 470px;
	list-style:none;
}

#uitgelicht li {
    list-style-type: none !important;
    float: left;
    position: absolute;
    width: 850px;
    height: 250px;
	padding-left:0px !important;
	overflow:hidden;
	
}
#landkaart li {
    list-style-type: none !important;
    float: left;
    position: absolute;
    width: 840px;
	padding:5px;
    height: 460px;
	overflow:hidden;
	
}

#uitgelicht li img{
width: 100% !important;
height: 100% !important;
}

#landkaart li img {
width: 850px !important;
height: 470px !important;
margin:-4px 0px 0px -4px;
}
	
#uitgelicht li.foto1,
#landkaart li.foto1{
  z-index: 40;
  }

#uitgelicht li.foto2,
#landkaart li.foto2 {
  z-index: 30;
  }

#uitgelicht li.foto3,
#landkaart li.foto3 {
  z-index: 20;
  }

#uitgelicht li.foto4,
#landkaart li.foto4{
  z-index: 10;
  }

#uitgelicht li.foto5,
#landkaart li.foto5 {
  z-index: 1;
  }

#landkaart li div {
z-index:100;
position:absolute;
right:5px;
bottom:50px;
padding:20px;
}
	
#landkaart li.foto1 div {
background:#42A62A;
}
#landkaart li.foto2 div {
background:#F7931D;
}
#landkaart li.foto3 div {
background:#662C91;
}
#landkaart li.foto4 div {
background:#00ADEF;
}
#landkaart li.foto5 div {
background:#ED2024;
}

#landkaart li a:link,
#landkaart li a:visited{
color:#ffffff;
text-decoration:none;
}
	#landkaart li div a:hover {
	text-decoration:underline;
	}

.jcarousel-clip {
    z-index: 2;
    padding: 0px;
    margin: 0px;
    overflow: hidden;
    position: relative;
}


.jcarousel-control {
position: absolute;
  width: auto !important;
  overflow: hidden;
  right: 10px;
  top: 10px;
  z-index: 130;
  background: url(/media/1281/afbeeldingenbox_transparantbg.png) repeat left top;
  padding: 8px;
}
  
#uitgelicht .jcarousel-control a {
  float: left;
  height: 16px;
  width: 16px;
  padding-top:2px;
  margin-right: 2px;
  text-align: center;
  overflow: hidden;
  font-weight:bold;
  font-size:10px;
  text-decoration:none;
  color: black;
  display: block;
  background:white;
}
	#uitgelicht .jcarousel-control a span {
	display:none;
	}
	#uitgelicht .jcarousel-control a.active {
	background:#E33F1E;
	color: black;
	}


#landkaart .jcarousel-control {
position: absolute;
left: -2px;
top: 30px;
z-index: 130;
padding: 8px;
width:275px !important;
}

#landkaart .jcarousel-control a {
float: left;
height: 34px;
width: 275px;
display: block;
}
#landkaart .jcarousel-control a.foto1 {
background: white url(../ap_images/2004darfur.gif) repeat left top;
}
#landkaart .jcarousel-control a.foto2 {
background: white url(../ap_images/2005congo.gif) repeat left top;
}
#landkaart .jcarousel-control a.foto3 {
background: white url(../ap_images/2006landmijnen.gif) repeat left top;
}
#landkaart .jcarousel-control a.foto4 {
background: white url(../ap_images/2007water.gif) repeat left top;
}
#landkaart .jcarousel-control a.foto5 {
background: white url(../ap_images/2008vluchtelingen.gif) repeat left top;
}


	#landkaart .jcarousel-control a span {
	display:none;
	}
	#landkaart .jcarousel-control a.active,
	#landkaart .jcarousel-control a:hover {
	background-position: left bottom !important;
	color: #1d2532;
	}

.jcarousel-control2 {
  position: absolute;
  width: auto !important;
  overflow: hidden;
  right: 10px;
  top: 10px;
  z-index: 130;
  background: url(/media/1281/afbeeldingenbox_transparantbg.png) repeat left top;
  padding: 11px 11px 11px 11px;
  }
  
.jcarousel-control2 a {
  float: left;
  height: 14px;
  width: 14px;
  margin-right: 2px;
  text-align: center;
  overflow: hidden;
  font-weight:bold;
  font-size:10px;
  text-decoration:none;
  color: #c5c6c8;
  display: block;
  border: 1px solid #c5c6c8;
  }
  
.jcarousel-control2 a.active {
background: #ffffff;
color: #1d2532;
}

.kolom {
padding-top:2em;
float:left;
width:100%;
}
	.kolom-links {
	float:left;
	width: 371px;
	}
	.kolom-rechts {
	float:right;
	width: 430px;
	}
		#youtubestream ul {
		width:430px;
		}
			#youtubestream li {
			width:410px;
			}
			#youtubestream li {
			padding:10px 10px;
			}
		#youtubestream img {
		border:1px solid #333;
		float:left;
		margin-right:1em;
		}
		#youtubestream .omschrijving {
		width:270px;
		float:right;
		}
		#youtubestream span {
		color:#777 !important;
		font-size:90%;
		}
		#youtubestream p {
		margin:0;
		font-weight:normal !important;
		}



.tweet {
border-bottom:0;
float:left;
}
	#twitterstream li {
	list-style-type:none;
	float:left;
	font-size:90%;
	margin-bottom:1em;
	}
		
		#twitterstream li a {
		color:white;
		text-decoration:none;
		
		color:#FFCC00;
		}

			#twitterstream li a:hover {
			text-decoration:underline;
			}
			#twitterstream li a:hover span {
			text-decoration:none;
			}
		#twitterstream .tweet_time {
		font-size:85%;
		color:#777777;
		}