/*********************************************/
/* Stylesheet Welcome Home Ministries Africa */
/*                    Copyright: Alibert Bok */
/*                                  Dec 2008 */
/*********************************************/

/* X-size (total)     = 1000px
   X-size (menu)      = 167px
   X-size (right bar) = 167px
   X-size (content)   = 1000 - 167 - 167px

  color_orange:       #E76F00;
  color_yellow:       #FFCE00;
  color_light_blue:   #0000FF;
  color_dark_blue:    #000080;
  color_white:        #FFFFFF;
  colo_red:           #D00000;

  color_bg_body:      #FBF0C4;
  color_bg_inhoudvak: #FEF9E6;

**********************************************/

/* mac hide\*/
html, body {height:100%}
/* end hide */


/***** Default settings *****/

*	{
	padding:0;
	margin:0;
	border: 0;
	}

html {
}

body {
	font-family: Comic Sans MS;
	font-weight: bold;
	color: #000080;

	font-size: 13px;
	text-align: center;
	direction: ltr;
	margin: 0px;
	padding: 0px;

	min-height: 900px;
	background-image: url("/WHMA/stylesheets/images/background.jpg");
	background-repeat: repeat-x;
	background-color: #FBF0C4;
	background-attachment:fixed;

	overflow: -moz-scrollbars-vertical;

	scrollbar-arrow-color:#000080;
	scrollbar-track-color: #FEF9E6;
	scrollbar-face-color: #F7E8E0;
	scrollbar-highlight-color: #BD9E94;
	scrollbar-3dlight-color: #FEF9E6;
	scrollbar-darkshadow-color: #FEF9E6;
	scrollbar-shadow-color: #BD9E94;
	}

img {
	border: none;
	}

a, a:hover, a:visited, a:active {
  	text-decoration: none;
	font-weight: bold;
	color: #000080;
	}


p {
	}

hr {
	border: 0;
	margin:0 8px 0 8px;
	color: #000080;
	background-color:#000080;
	height: 2px;
	}

textarea, label, input {
	font-family: Comic Sans MS;
	font-weight: bold;
	color: #000080;

	font-size: 13px;
	}
/***** Div definitions *****/

#outer_wrap {
	width: 1010px;
	margin: 0 auto;
	position: relative;
	overflow:auto;
	text-align: left;
	background-color: #FBF0C4;
	}
	
#box {
	text-align: left;
	width: 1000px;
	background-image: url("/WHMA/stylesheets/images/main_background.jpg");
	background-repeat: repeat-y;
	margin: 0 auto;
	overflow: hidden;
	position: relative;


	}

#header {
	background-image: url("/WHMA/stylesheets/images/header.jpg");
	background-repeat: no-repeat;
	width: 1000px;
	height: 110px;
	position: relative;
	top: 0px;
	left:0px;

	}	
	
#main {
	width: 1000px;
	background-image: url("/WHMA/stylesheets/images/main_background.jpg");
	background-repeat: repeat-y;
	position: relative;
	top: 0px;
	left:0px;

	}

#masterdiv {
	width: 167px;
	background-color: #FFCE00;
	position: absolute;
	top: 0px;
	left:0px;

	}

#rechts {
	width: 167px;
	background-color: #FFCE00;
	position: absolute;
	top: 0px;
	left: 833px; /*calc(1000px - 167px);*/
	margin 0 auto;
	text-align: center;
	}

#inhoudvak {
	width: 666px; /*calc(1000px - 167px - 167px);*/
	padding: 0px 0px 0px 0px;
	position: relative;
	top: 0px;
	left:167px;
	margin 0 auto;
	min-height: 700px;
	height: auto !important; /* voor moderne browsers */
	}
	
#inhoud {
	width: 646px;	/*666px;	*/	/*calc(1000px - 167px - 167px);*/
	padding: 10px 8px 10px 8px;
	position: relative;
	top: 0px;
	left:0px;
	margin 0 auto;
	min-height: 656px;	/* 700 - 2*10 - 3 - 2 - 19 */

	text-align: left;
	float: left;
	}

#copyright {
	height: 19px;
	position: relative;
	float: left;
	background-color: #E76F00;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	padding: 3px 0px 2px 0px;
	margin 0 auto;
	z-index = 5;
	width: 666px;
	}



#rechts_kado {
	margin: 10px 0px 20px 0px;
	}

#rechts_kado p {
	padding: 3px 0px 3px 0px;
	font-size: 14px;
	}

#rechts_helpen {
	margin: 20px 0px 0px 0px;
	height: 133px;	/* 111  + 8 + 14 */
	color: #FFFFFF;
	background-color: #000080;	
	}

#rechts_helpen p {
	padding: 3px 0px 5px 0px;
	font-size: 14px;
	}

#rechts_uganda {
	margin: 20px 0px 20px 0px;
	}

#rechts_uganda p {
	padding: 3px 0px 3px 0px;
	font-size: 14px;
	}

#rechts_newsletter {
	margin: 20px 0px 20px 0px;
	}

#rechts_newsletter small {
	font-weight: normal;
	font-size: 12px;
	}

#rechts_registratie {
	margin: 20px 0px 20px 0px;
	}

#rechts_registratie small {
	font-weight: normal;
	font-size: 12px;
	}

#rechts_taclla {
	margin: 5px 0px 5px 0px;
	}

#rechts_taclla small {
	font-weight: normal;
	font-size: 12px;
	}

#rechts_anbi {
	margin: 5px 0px 5px 0px;
	}

/***** Style definitions *****/
#inhoud p {
	padding: 0px 0px 20px 0px;
	}

#inhoud h1 {
	font-size: 20px;
	margin: 0 0 20px 0;
	}	
	
#inhoud h2 {
	font-size: 12px;
	margin: 5px 0 5px 0;
	}

#inhoud h3 {
	font-size:18px;
	margin: 0 0 5px 0;
	}

#inhoud img {
	border: 3px outset #000080;
	margin: 10px 10px 10px 10px;
	max-width: 666px;	/*calc(1000px - 167px - 167px);*/
   	width: expression(this.width > 666px ? 666px : true);
	}	


#inhoud ul {
	line-height: 16px;
	list-style: disc;
	margin: 0px 0px 20px 20px;
	}

#inhoud ul li {
	margin-bottom: 10px;
	}
	
#inhoud table {
	padding: 1px 1px 1px 1px;
	border-color: #E76F00;
	border-style: inset;
	border-width: 2px;
	-moz-border-radius: 0px;
	table-layout: fixed;
	}


#inhoud th {
	padding: 5px 2px 2px 6px;
	text-align: left;
	font-size: 18px;
	line-height: 130%;
	background-color: #E76F00;
	border-color: #E76F00;
	border-style: inset;
	border-width: 2px;
	-moz-border-radius: 0px;
	}

#inhoud tr {
	vertical-align: top;	// center
	}

#inhoud td {
	padding: 2px;
	border-color: #E76F00;
	border-style: inset;
	border-width: 2px;
	-moz-border-radius: 0px;
	table-layout: fixed;
}


#inhoud a {
	text-decoration: none;
	font-weight: normal;
	color: #E76F00;
	}

#inhoud a:hover {
	text-decoration: underline;
	font-weight: normal;	
	color: #E76F00;
	}

#inhoud a: visited {
	text-decoration: none;
	font-weight: normal;
	color: #E76F00;
	}

#inhoud a:active {
	text-decoration: none;
	font-weight: normal;
	color: #E76F00;
	}

#laatste_nieuws {
	padding: 5px;
	padding-left: 10px;
	}

/* Opbouw homepage */
#homepage {
	background-image: url("/WHMA/plaatjes/Backgrounds/handjes_650px_gradient.jpg");
	background-repeat: no-repeat;
	width: 664px;
	height: 656px;
	padding: 0;
	position: relative;
	top: 0px;
	left:0px;
	margin 0 auto;

	text-align: center;
	float: left;
	}


#overlay_box_language {		/* Language switch text */
	width:200px;
	height:40px; 
	position: absolute;
	top: 10px;
	left: 430px;
	margin 0 auto;
	padding-left:10px;
	overflow: hidden;
	color:#ff0000;
	background-color: #c0c0c0;
	filter:alpha(opacity=45);
	-moz-opacity:0.45;
	opacity: 0.45;
	-khtml-opacity: 0,45;
	}



#marqueecontainer {		/* news-scroller */
	width:635px;
	height:246px;
	position: absolute;
	top: 400px;
	left: 0px;
	overflow:hidden;
	border: none;	/*2px solid #E76F00;*/
	padding: 5px;
	padding-left:10px;
	text-align:left;
	background-color: transparant;

	FILTER: Alpha(Opacity=95, FinishOpacity=0, Style=1,StartX=315, StartY=246, FinishX=315, FinishY=0);
	-moz-opacity:0.75;
	opacity: 0.75;
	-khtml-opacity: 0,75;

	}


#overlay_box_kop_tekst {		/* kop-tekst */
	width:610px;
	height:200px;
	position: absolute;
	top: 90px;
	left: 10px;
	background-color:transparent;
	overflow:hidden;
	font-size: 18px;
	color:#ffffff;
	}

#overlay_box_vervolg_tekst {		/* vervolg-tekst */
	width:610px;
	height:200px;
	position: absolute;
	top: 310px;
	left: 10px;
	background-color:transparent;
	overflow:hidden;
	font-size: 30px;
	color:#ffffff;
	}


#contact_info {
	margin: 20px 50px 20px 30px;
	}

#rekening_informatie {
	margin: 5px 100px 10px 30px;
	}

table#table_blue_links a {
	color: #000080;
	}

table#table_blue_links td {
	color: #a0a0a0;
	font-weight: normal;
	}

table#no_border {
	border-width: 0px;
	}

table#no_border td {
	border-width: 0px;
	}

table#no_border tr {
	border-width: 0px;
	}

table#no_border th {
	border-width: 0px;
	}

table#table_kadootjes {
	}

table#table_kadootjes td {
	border-width: 0px;
	font-size: 17px;
	vertical-align: middle;
	padding: 0px 10px 0px 20px;
	}

table#table_kadootjes tr {
	border-width: 3px;
	}

table#table_kadootjes th {
	border-width: 0px;
	}

table#table_kadootjes a {
	border-width: 0px;
	font-size:13px;
	}


#inhoud img {
	border: 3px outset #000080;
	margin: 10px;
	}

img.embed_right {
	display: inline;
	float: right;
	margin: 10px;
}

#inhoud img.embed_right_no_border {
	display: inline;
	float: right;
	margin: 10px;
	border: 0px;
}

img.embed_left {
	display: inline;
	float: left;
	margin: 10px;
}

img.embed_middle {
	display: inline;
	float: center;
	margin: 10px;
}

p.red {
	color: #D00000;
	}	
.red {
	color: #D00000;
	}	

#etoNotice {display:none;}


#GuestBook th {
	padding: 5px 2px 2px 6px;
	text-align: left;
	font-size: 14px;
	line-height: 120%;
	background-color: #E76F00;
	border-color: #E76F00;
	border-style: inset;
	border-width: 2px;
	-moz-border-radius: 0px;
	}


.toegevoegd {
	font-weight: normal;
	font-size: 12px;
	}

/****** Knoppen e.d. *****/
.knop_rechts { 
	background: #FFCE00 url("/WHMA/stylesheets/images/knoppen/rechts.jpg") no-repeat left center; 
	color: #000080; 
	padding:0px 2px 0px 2px; 
	font-family: Comic Sans MS;
	font-weight: bold;
	font-size: 16px;
	border: 2px outset #000080;
	} 

.knop_rechts_hover { 
	background: #e76f00 url("/WHMA/stylesheets/images/knoppen/rechts_a.jpg") no-repeat left center; 
	color: #000080; 
	padding:0px 2px 0px 2px; 
	font-family: Comic Sans MS;
	font-weight: bold;
	font-size: 16px;
	border: 2px outset #000080;
	} 

.knop_links { 
	background: #FFCE00 url("/WHMA/stylesheets/images/knoppen/links.jpg") no-repeat right center; 
	color: #000080; 
	padding:0px 2px 0px 2px; 
	font-family: Comic Sans MS;
	font-weight: bold;
	font-size: 16px;
	border: 2px outset #000080;
	} 

.knop_links_hover { 
	background: #e76f00 url("/WHMA/stylesheets/images/knoppen/links_a.jpg") no-repeat right center; 
	color: #000080; 
	padding:0px 2px 0px 2px; 
	font-family: Comic Sans MS;
	font-weight: bold;
	font-size: 16px;
	border: 2px outset #000080;
	} 
.knop_default { 
	background: #FFCE00;
	color: #000080; 
	padding:0px 2px 0px 2px; 
	font-family: Comic Sans MS;
	font-weight: bold;
	font-size: 16px;
	border: 2px outset #000080;
	} 

.knop_default_hover { 
	background: #e76f00; 
	color: #000080; 
	padding:0px 2px 0px 2px; 
	font-family: Comic Sans MS;
	font-weight: bold;
	font-size: 16px;
	border: 2px outset #000080;
	} 


/************** Popup **************/
/************* Portretten ****************/


#overlay_box_portret_naam {		/* Language switch text */
	width:200px;
	height:22px; 
	position: absolute;
	top: 292px;			/* +13 for padding (10x13foto: 257px, 10x15foto: 292px */
	left: 13px;
	margin 0 auto;
	padding-left:0px;
	overflow: hidden;
	font-size:16px;
	background-color: #FFCE00;
	color: #000080;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
	-khtml-opacity: 0,75;
	text-align: center;
	z-index:2;
	}

table#portretten img {
	margin: 0px;
	}


.thumbnail{
position: absolute;
width:200px;
height:266px;
//position: relative;
z-index: 0;
}

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: 200px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 260px; /*position where enlarged image should offset horizontally */

}


#gallery a {
cursor:pointer;
display:block;
font: bold 13px "Comic Sans MS";
text-decoration:none;
text-align:left;
font-weight:bold;
color:#000080;
width:626px;
background-color:#FFCE00;
margin: 10px 0px 0px 0px;
padding:4px 8px 4px 8px;
}

#gallery a:active {
cursor:pointer;
display:block;
font: bold 13px "Comic Sans MS";
text-decoration:none;
text-align:left;
font-weight:bold;
color:#000080;
width:626px;
background-color:#FFCE00;
margin: 10px 0px 0px 0px;
padding:4px 8px 4px 8px;
}

#gallery a:hover{
cursor:pointer;
display:block;
font: bold 13px "Comic Sans MS";
text-decoration:none;
text-align:left;
font-weight:bold;
color:#000080;
width:626px;
background-color: #e76f00;
margin: 10px 0px 0px 0px;
padding:4px 8px 4px 8px;
}

#gallery_sub  a{
cursor:pointer;
display:block;
font: bold 13px "Comic Sans MS";
text-decoration:none;
text-align:left;
font-weight:bold;
color:#000080;
width:586px;
background-color:#FBDB6E;
margin: 3px 8px 3px 20px;
padding:2px 8px 2px 28px;
}

#gallery_sub  a:active{
cursor:pointer;
display:block;
font: bold 13px "Comic Sans MS";
text-decoration:none;
text-align:left;
font-weight:bold;
color:#000080;
width:586px;
background-color:#FBDB6E;
margin: 3px 8px 3px 20px;
padding:2px 8px 2px 28px;
}

#gallery_sub  a:hover{
cursor:pointer;
display:block;
font: bold 13px "Comic Sans MS";
text-decoration:none;
text-align:left;
font-weight:bold;
color:#000080;
width:586px;
background-color:#e76f00;
margin: 3px 8px 3px 20px;
padding:2px 8px 2px 28px;
}

#gallery_picture { /*CSS for enlarged image*/
	padding: 5px;
	text-decoration: none;
	border: 3px outset #000080;
	background-color: #FFC;
}

#gallery_picture img{ /*CSS for enlarged image*/
//	border: 1px dashed gray;
	border: 1px solid gray;
	color: black;
	background-color:white;
	margin: 10px 10px 10px 10px;
	max-width: 640px;	
   	width: expression(this.width > 640px ? 640px : true);
	padding: 10px;
}

#gallery_picture p {
	color: #000080;
}

input {
	border: 2px outset #E76F00;
}

textarea {
	border: 2px outset #E76F00;
}

#pic_copyright {
	float: center;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	padding: 3px 0px 2px 0px;
	}

table#table_scrollbar td {
	font-weight: 600;
	font-size: 13px;
	}

table#table_scrollbar a, a:hover, a:visited, a:active {
  	text-decoration: none;
	font-weight: 600;
	font-size: 13px;
	color: #783800; /*#E76F00;*/
	}

#rechts a, a:hover, a:visited, a:active {
  	text-decoration: none;
	font-weight: bold;
	color: #000080;
	font-weight: 600;
	font-size: 13px;

	}