/*******************************************************************
***	Algemene code
********************************************************************/

FORM{
	margin: 0;
}

P{ 
	margin: 0; 
	margin-bottom: 18px;
}

body, html {
	margin : 0;
	height : 100.01%;
	text-align : center;
	font-family : 'Trebuchet MS', Arial, Helvetica, sans-serif;
	text-align : justify;
}

body{
	height: 100%;
}

A:focus, INPUT:focus, IMG:focus{ outline: none;}

#share_icons img{ border:none;}

/*******************************************************************
***	Container
********************************************************************/

TABLE.container{
	margin: 0 auto;
}

td {
	text-align : left;
	vertical-align : top;
}

/*******************************************************************
***	Menu
********************************************************************/

.menu_aan .links{
	background:#cacf3a;
}
.menu_aan .rechts{
	background:#cacf3a;
}
.menu_aan .knop{
	padding:5px 3px 0 3px;
	background-color:#cacf3a;
	letter-spacing:1px;
	font-size:75%;
	font-weight:bold;
	color:#000000;
	text-align:center;
}
.menu_aan .puldown{
	visibility:hidden;
	position:absolute;
}
.menu_aan .knop a{
	color:#000000;
	text-decoration:none;
}


.menu .links{
	background:#80c2ea;
}
.menu .rechts{
	background:#80c2ea;
}
.menu .knop{
	padding:5px 3px 0 3px;
	background-color:#80c2ea;
	letter-spacing:1px;
	font-size:75%;
	font-weight:bold;
	color:#000000;
	text-align:center;
}
.menu .puldown{
	visibility:hidden;
	position:absolute;
}
.menu .knop a{
	color:#000000;
	text-decoration:none;
}



.menu_over .links{
	background:#80c2ea;
}
.menu_over .rechts{
	background:#80c2ea;
}
.menu_over .knop{
	padding:5px 3px 0 3px;
	background-color:#80c2ea;
	letter-spacing:1px;
	font-size:75%;
	font-weight:bold;
	color:#000000;
	text-align:center;
}
.menu_over .knop a{
	color:#000000;
	text-decoration:none;
}
.menu_over .knop a:hover{
	color:#ffffff;
	text-decoration:none;
}

.menu_over .knop span{
	color:#000000;
	cursor:default;
}


.menu_over .puldown{
	margin-top:20px;
	line-height:110%;
	position:absolute;
	z-index:100;
	text-align:center;
}
.menu_over .puldown ul{
	margin:0px;
	padding:5px 0 0 0;
	background:#80c2ea;
}
.menu_over .puldown li{
	background:#80c2ea;
	list-style-type:none;
}
.menu_over .puldown a{
	text-decoration:none;
	color:#000000;
	font-size:75%;
	font-weight:bold;
}
.menu_over .puldown a:hover{
	text-decoration:none;
	color:#ffffff;
	font-size:75%;
	font-weight:bold;
}

#Over_blindheid{ width: 120px;}
#puldown_Over_blindheid{ width: 120px;}
#puldownbottom_Over_blindheid{ width: 120px;}
#knop_Over_blindheid{ width: 102px;}

#Projecten{ width: 100px;}
#puldown_Projecten{ width: 100px;}
#puldownbottom_Projecten{ width: 100px;}
#knop_Projecten{ width: 82px;}

#Organisatie{ width: 120px;}
#puldown_Organisatie{ width: 120px;}
#puldownbottom_Organisatie{ width: 120px;}
#knop_Organisatie{ width: 102px;}

#Doneer_nu{ width: 105px;}
#puldown_Doneer_nu{ width: 105px;}
#puldownbottom_Doneer_nu{ width: 105px;}
#knop_Doneer_nu{ width: 87px;}

#Help_mee{ width: 105px;}
#puldown_Help_mee{ width: 105px;}
#puldownbottom_Help_mee{ width: 105px;}
#knop_Help_mee{ width: 87px;}

#Doelgroepen{ width: 100px;}
#puldown_Doelgroepen{ width: 100px;}
#puldownbottom_Doelgroepen{ width: 100px;}
#knop_Doelgroepen{ width: 82px;}

#Informatie{ width: 125px;}
#puldown_Informatie{ width: 125px;}
#puldownbottom_Informatie{ width: 125px;}
#knop_Informatie{ width: 107px;}

.zoeken{
	vertical-align:middle;
	background-color:#80c2ea;
	color:#000000;
	font-size:12px;
}


.zoeken input{
	background-color:#FFFFFF;
	border:1px solid #284788;
	font-size:11px;
	color:#000000;
	float: right;
	margin-left: 3px;
}

.zoeken label{
	float: right;
	margin-right: 7px;
}

.subsubmenu{
	font-size:75%;
	height: 41px;
}
.subsubmenu .kop{
	margin:20px 0 0 0;
	background:#80c2ea;
	color:#ffffff;
	font-weight:bold;
	margin-left:0px;
	padding-left: 10px;
}
.subsubmenu .kop H1{
	color:#FFFFFF;
}

.subsubmenu ul{
	margin: 5px 0 0 10px;
	padding:0px;
}
.subsubmenu li{
	list-style-type: none;
}
.subsubmenu a{
	font-weight:bold;
	text-decoration:none;
	color:#000000;
}
.subsubmenu a:hover{
	text-decoration:none;
	color:#80c2ea;
}


/*******************************************************************
***	Rest
********************************************************************/

.kolom_links, .kolom_rechts {
	vertical-align : bottom;
}

.top {
	position : absolute;
	top : 33px;
	z-index : 1;
}

.bp {
	line-height : 11px;
}

.bp a {
	font-size : 10px;
	color : #999999;
	text-decoration : none;
}

.bp a:hover {
	font-size : 10px;
	text-decoration : none;
	color : #000000;

}

.footer{
	width:100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#999999;
	display:block;
	padding:9px 8px 0 8px;
}
.footer A{
	font-size : 10px;
	color : #999999;
	text-decoration : none;
	text-align:center;
}
.footer A:hover{
	font-size : 10px;
	text-decoration : none;
	color : #000000;

}

.foto_rechts_onder {
	padding-right : 5px;
	font-size : 70%;
	line-height : 110%;
	text-align : right;
	vertical-align : middle;
	color : #000000;
}

.uk {
	padding : 0 35px 0 20px;
	font-size : 11px;
	line-height : 12px;
	vertical-align : middle;
	color : #284788;
}

.uk a {
	color : #284788;
	text-decoration : none;
}

.uk a:hover {
	color : #000000;
	text-decoration : none;
}

.rechts_kop {
	background-color : #e5f2fb;
	color : #284788;
	font-weight : bold;
	font-size : 70%;
	text-transform : uppercase;
	line-height : 120%;
	padding : 2px 0 2px 0;
}

.nieuwsbriefform{}
.nieuwsbriefform H4{ margin-left: 10px; font-size: 12px; margin-bottom: 0; margin-top: 30px;}
.nieuwsbriefform LABEL{ width: 40px; float: left; clear: left;}
.nieuwsbriefform INPUT{ width: 140px; margin-bottom: 2px;}
.nieuwsbriefform INPUT.form_btn{ width: auto; margin-right: 5px;}

.form {
	background-color : #ffffff;
	border : 1px solid #000000;
	font-size : 80%;
	color : #000000;
}

.form_text {
	background-color : #ffffff;
	border : 1px solid #000000;
	font-size : 80%;
	color : #000000;
	float : left;
	padding-left:2px;
}

.form_btn {
	background-color : #ffffff;
	border : 1px solid #000000;
	font-size : 80%;
	color : #000000;
	float : right;
}

TABLE.contactform{
	width: 80%;
}

TABLE.contactform TD{
	vertical-align: top;
	height: 15px;
}

.foto_top {
}

.wit {
	background-color : #ffffff;
}

.content_paars {
	background-color : #f1f1f1;
}

.content_small {
	color : #000000;
	font-size : 90%;
	line-height : 100%;
	text-align : justify;
}

#rechts {
	text-align : right;
}

#midden {
	text-align : center;
}

.balk {
	background-color : #f1f1f1;
	font-size : 70%;
	line-height : 110%;
	color : #000000;
	vertical-align : middle;
}

.balk a {
	color : #000000;
	text-decoration : none;
}

.balk a:hover {
	color : #284788;
	text-decoration : none;
}

.balk IMG{
	border:none;
}
.breadcrums{
	float:left;
}
.font_sizer{
	width:180px;
	float:right;
	padding:0px;
	margin:0px;
}
.font_sizer SPAN{
	float:left;
}
.font_sizer IMG{
	float:right;
	margin:0px 3px 0px 0px;
	display:inline;
}

.nieuwsbericht P {
	margin : 0;
}

.nieuwsbericht {
	font-size : 85%;
	line-height : 110%;
	background-color : #f1f1f1;
	padding : 5px;
	margin-top : 6px;
	text-align : left;
	float:left;
	width:100%;
}
.nieuwsbericht .kop{ font-size:13px; line-height:normal; padding:0 0 5px 0;}
.nieuwsbericht IMG{
	border:none;
	float:left;
	margin:0px 15px 0px 0px;
	display:inline;
	height:100px;
}

.nieuwsbericht a {
	color : #284788;
	text-decoration : none;
	font-weight : bold;
}

.nieuwsbericht a:hover {
	color : #000000;
	text-decoration : none;
	font-weight : bold;
}

.kaart {
	position : relative;
	width : 980px;
	margin: 0 auto;
	height : 522px;
	background-image : url("http://www.darkandlight.org/Images/Pics_map/bg.gif");
	z-index : 1;
}

.land {
	position : absolute;
	text-align : left;
	vertical-align : top;
}

.content {
	color : #000000;
	font-size : 80%;
	height : 370px;
}

.content a {
	font-weight : bold;
	color : #284788;
	text-decoration : none;
}

.content a:hover {
	color : #000000;
	text-decoration : none;
}

.content .kop {
	color : #284788;
	font-weight : bold;
}

.content UL{
	padding:0 0 15px 22px;
	margin:0px; 
}

h1 {
	color : #284788;
	font-weight : bold;
	font-size : 100%;
	margin-top : 0;
}

.content_oranje {
	background-color : #ffb43c;
}


.land_stats {
	font-size : 85%;
	line-height : 100%;
	color : #000000;
}

.spamcontrole {
	width : 5px;
	visibility : hidden;
}

ul.doelen {
	margin-top : 0;
}

.overzicht_vakje {
	background : url(../Images/Overzicht_Steun_Ons/steun_ons_bg.gif) no-repeat;
	width : 272px;
	height : 160px;
	margin : 0 6px 6px 0;
	padding : 0;
	float : left;
}

.overzicht_foto {
	width : 270px;
	height : 102px;
	margin : 0;
	padding : 0;
}

.overzicht_foto img {
	border : none;
}

.overzicht_tekst {
	width : 270px;
	height : 48px;
	margin : 8px 0 0 0;
	padding : 0;
}

.overzicht_tekst p {
	margin : 0;
	padding : 0 8px 8px 8px;
}

#sec {
	padding : 10px 10px 10px 20px;
	font-size : 12px;
	line-height : 14px;
	color : #274672;
}

#sec H1 {
	font-size : 14px;
	line-height : 18px;
	margin : 10px 0 0 0;
	padding : 0;
}

.helpen_rechts {
	margin : 15px 8px 0px 0;
}

.helpen_rechts A {
	display : block;
	width : 180px;
}

.helpen_rechts .txt A {
	padding : 3px 0 2px 5px;
	width : 175px;
	color : #274672;
	text-decoration : none;
	font-size : 13px;
	line-height : 14px;
	font-weight : bold;
}

#Flashfilm1 {
	width : 270px;
	height : 203px;
	margin : 15px 0 15px 0;
}
/* CSS Document */



/**************************************************************
** Fotoboek "Lightbox" Styles
***************************************************************/
#overlay{
	background:#000000;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:1;
	filter:alpha(opacity=0);
	-moz-opacity:0.0;
	opacity:0.0;
	cursor:pointer;
	}
#lightbox{
	position:absolute;
	left:0px;
	top:20px;
	width:100%;
	z-index:2;
	text-align:center;
	line-height:0px;
	}
#AfbeeldingContainer, #AfbeeldingDataContainer{
	background:#ffffff;
	position:absolute;
	left:50%;
	overflow:hidden;
	}
#AfbeeldingContainer{
	border-top:solid 3px #000000;
	border-right:solid 3px #000000;
	border-bottom:none;
	border-left:solid 3px #000000;
	}
#AfbeeldingDataContainer{
	border-top:none;
	border-right:solid 3px #000000;
	border-bottom:solid 3px #000000;
	border-left:solid 3px #000000;
	}
#Image{
	margin:0 auto 0 auto;
	padding:0px;
	display:block;
	border:10px solid #ffffff;
	}
.Laden{
	background:url(../Images/Buttons/loading.gif) no-repeat center #ffffff;
	}
#VorigeLink, #VolgendeLink{
	display:block;
	position:absolute;
	top:0px;
	width:50%;
	outline:none;
	}
#VorigeLink{
	left:0px;
	}
#VorigeLink:hover{
	background:transparent url(../Images/Buttons/vorige_btn.gif) no-repeat 0% 15%;
	}
#VolgendeLink{
	right:0px;
	}
#VolgendeLink:hover{
	background:transparent url(../Images/Buttons/volgende_btn.gif) no-repeat 100% 15%;
	}
#AfbeeldingData{
	font-family:Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size:10px;
	color:#666666;
	line-height:1.4em;
	text-align:left;
	margin:0px;
	padding:0 10px 0 10px;
	}
#AfbeeldingDetails{
	width:70%;
	float:left;
	text-align:left;
	}	
#Titel{
	font-weight:bold;
	}
#NummerDisplay{
	display:block;
	clear:left;
	padding-bottom:1.0em;
	}			
#Close{
	background:transparent url(../Images/Buttons/close_btn.gif) no-repeat center;
	display:block;
	float:right;
	width:66px;
	height:22px;
	margin:5px 0 5px 0;
	padding:0px;
	}