/* CSS Document voor www.benee-awraham.nl
Webwol Design: http://www.webwol.nl
*/


/* dit is om bij alle paddings en margins tussen van 0 uit te gaan*/
* {
 padding: 0px; 
 margin: 0px; 
 } 
 
/*####################################################################*/
/*#################### HTML tags ################################*/
/*##################################################################*/

body{
	background-color: #DDDDAF;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	font-style: normal;
	line-height: 1.5em;
	color: #000000;  
}

h1{
	font-weight: bold;
	font-size: 1.1em;
	padding-bottom: 0.9em;
	padding-top: 1.5em;
}

h2, caption{
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 0.5em; /*was 0.8*/
	padding-top: 1.0em; /*was 1.3em*/
}


h3{
	font-weight: bold;
	font-size: 0.9em;
}

p{
	padding-bottom: 0.5em;  /*was 0.9em*/
}

table{
	margin-bottom: 1.1em;
}

th{
	font-weight: bold;
	font-size: 1em;
	text-align: left;
	padding: 0.3em;
}

td{
	padding: 0.3em;
}

ol{
	padding-left: 3%;
	padding-right: 4%;
}

ul{
	margin-left: 1em;
}

img {
	border: 0px;
}

hr{
	margin-top: 1em;
	margin-bottom: 1em;
}


/*###################################################*/
/*################# Classes ######################*/
/*####################################################*/

.image-links{
	float: left;
	margin: 2% 2% 2% 0%;
}

.image-rechts{
	float: right;
	margin: 2% 0% 2% 2%;
}

.linksoverzicht{
	list-style-type: none;
}

.linksoverzicht a{
	text-decoration: none;
	font-weight: bold;
	font-size: 1em;
	padding-bottom: 0.9em;
	color: #000000;
}

.linksoverzicht li{
	margin-bottom: 2em;
	
}


.hebreeuws{
	font-style: italic;
}

/*------- om te zorgen dat de bijbeltekstverwijzingen niet worden afgebroken aan het eind van een zin*/
/*Dit werkt niet alleen voor de spaties maar ook voor streepjes en cijfers 2Tim 3-11 wordt dus niet voor de T niet voor de 3 en niet voor de 11 afgebroken*/
.tekstverwijzing{
	white-space: nowrap;
}	
/*-----Classes voor het onderhoudsgedeelte van de site ------*/

.paraaf{     /*voor de ondertekening van de nieuwsberichten*/
	font-size: 0.6em;
}

.verwijderknop{
	color: red;
}

.foutmelding{
	color: red;
	font-weight: bold;
}
/*----------------------------------------------------------------------*/
/*deze heb je nodig als de padding van het list-item ongelijk is aan 3%
Zo kun je de linkermarge van "Home" corrigeren gelijk aan de tekst eronder(de tekst heeft een padding van 3%)  */
.eerste-menu-item{ 
	margin-left: 1.5%;
}
.tabelrij-arcering {   /*voor de samenkomstenpagina*/
	background-color: #DDDDAF;
	
}


/*-------------------------------------------*/
.player{  /*voor de jw-player*/
	float: left;
	margin-right: 5px;
	margin-left: 3px;
}
.downloadknop{
	float: left;
}

.popuptitel{
	width: 400px;
	color: #ECDE9D;
	width: 400px;
	padding-right: 5px;
	padding-left: 3px;
	text-align: center;
	background-image: url(images/menu-achtergrond.jpg);
	background-repeat: repeat;
	background-color: #660000;
}
div#popupcontent{
	text-align: left;
	width: 400px;
	padding-right: 5px;
	padding-left: 3px;
	margin-bottom: 10px;
	background-color: #FFFFCC; 
	
}
.popuptekst{
	clear: both;
	font-size: 0.75em;
	margin-left: 70px;
	margin-top: 3em;
	/*text-align: center;*/
}

.logovoorpopup{
	float: right;
}
/*###################################################################################*/
/* ####### Hier komen de div's voor de semantische opbouw van de site in HTML ########*/
/*#############################################################################$####*/

div#header{
	width: 98%;
	max-width: 1280px; 
	height: 151px;
	background-color: #660000;
	margin-top: 10px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;
	padding-top: 5px /*om ruimte te krijgen bovenhet logo, */
}

div#header .image-links{
	float: left;
	margin: 0% 0% 0% 2%;
	border: none;
}

div#header .image-rechts{
	float: right;
	margin: 0% 2% 0% 0%;
}
/*--------------------------------------*/
div#navigatie{
	width: 98%;
	max-width: 1280px;
	clear: both;
	background-image: url(images/menu-achtergrond.jpg);
	background-repeat: repeat;
	background-color: #660000;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 0px;
	margin-left: 1%;	
}

div#navigatie ul{
	padding-top: 0.3em;
	padding-bottom: 0.7em;
	
}
	
div#navigatie li{
	font-size: 1em;
	display: inline;
	color: #ECDE9D;
	list-style-image: none;
	list-style-type: none;
	border-right: 1px solid #FFFFCC;
	padding-left: 1.5%;
	padding-right: 1.5%;
}

div#navigatie a{
	color: #ECDE9D;
	text-decoration: none;
}

div#navigatie a:hover{
	color: #CDCC00;
	
}
/*-------------------------------------------*/
div#content{
	clear: both;
	width: 98%;
	max-width: 1280px;
	margin-top: 0px;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 10px;
	background-color: #FFFFCC; 
	height: 100%;
}
/*-----------------------------------------*/
div#paginacitaat{
	width: 88%;
	font-style: italic;
	margin-top: 1em;
	padding-bottom: 1em; 
	padding-left: 6%;
	padding-right: 6%;
	
}
div#paginacitaat p{
	font-size: 1.25em;
	line-height: 1.3em;
	padding-bottom: 0em; 
	text-align: center;
}

div#paginacitaat .tekstverwijzing{
	text-align: right;
	font-size: 0.8em;
}
/*--------------------------------------------------*/	
div#tekstvak{
	float: left;
	width: 51%;
	padding-left: 3%;
	padding-right: 4%;
	padding-top: 0.5em;
	padding-bottom: 1em;
}

div#tekstvak li{
	list-style-position: outside;
	margin-left: 1.3em;
		
}
/*--------------------------------------------------------*/
div#extra-info{
	color: #FFFFFF;
	clear: right;
	float: right;
	width: 39%;  
	margin-right: 2%;  
	margin-top: 2em;  
	background-color: #A8532B; 
	border-right: 6px inset #D7D7AC;
	border-bottom: 6px inset #D7D7AC;  	
}

div#extra-info-nieuwspagina{
	color: #FFFFFF;
	clear: right;
	float: right;
	width: 29%;  
	margin-right: 2%;  
	margin-top: 2em;  
	background-color: #A8532B; 
	border-right: 6px inset #D7D7AC;
	border-bottom: 6px inset #D7D7AC;  	
}
/*------------------------------------------------------------*/
div#footer{
	clear: both;
	font-size: 0.75em;
	padding-left: 3%;
	padding-right: 3%;
	text-align: center;
}

/*----------------------------------------------------------*/
div#commentaar{
	padding-left: 1.5em;
	padding-top: 0.5em;
	padding-right: 1em;
	font-size: 0.9em;
	color: blue;
	list-style-position: inside;
	background-color: #FFFFCC;
}

/*##########################################################################*/
/* ############ div's die per pagina verschillen #######################*/
/*##########################################################################*/

div#nieuwsvak{    /*vcor het nieuwsvak op de homepage*/
	width: 85%;  
	font-size: 0.8em;
	padding-left: 6%; 
	padding-right: 7%;   
	padding-bottom: 1em;
}

div#nieuwsvak h1{
	text-align: center;
	font-size: 1.4em;
	padding-top: 0em;
	margin-bottom: 0em;
	padding-bottom: 0.65em;
}

div#nieuwsvak h2{
	font-size: 1.2em;
	padding-top: 0em;
	padding-bottom: 0em;
	
}

div#nieuwsvak a{
	color: #FFFFFF;
}


div#nieuwsvak hr{
	margin-top: 0px;
	margin-bottom: 1em;
}
/*------------------------------------------------------*/


div#submenu{
	width: 85%;
	font-size: 0.9em;
	padding-left: 7%;
	padding-right: 8%;
	padding-bottom: 1em;
	text-align: left;
}

div#submenu a{
	color: #FFFFFF;
	/*font-size: 0.9em;*/
	/*text-decoration: none;*/
}

div#submenu li{
	list-style-type: none;
	margin-left: 1em;
	
}

div#submenu h2{
	font-size: 1.1em;
}
/*--------------------------------------------*/

div#fotovak{
	width: 286px;
	padding-bottom: 1em;
	
}



div#fotovak img{
	margin-top: 10px;
	margin-bottom: 5px;
}

div#fotovak p{
	font-size: 0.9em;
	/*font-style: italic;*/
	line-height: 1em;
	margin-bottom: 5px;
	text-align: center;
	/*text-align: left;*/
}

div#fotovak a{
	color: #FFFFFF;
}
/*-------------------------------------*/
div#boekenvak{
	margin-top: 2em;
	width: 298px;
	padding-bottom: 1em;
	
}
div#boekenvak p{
	font-size: 0.9em;
	line-height: 1em;
	margin-top:13px;
	text-align: center;
	/*text-align: left;*/
}
div#boekenvak img{
	margin-top: 3px;
	margin-bottom: 13px;
	margin-left: 2px;
	margin-right: 2px;
}

/*--------------------------------------------*/
div#nieuwspagina-tekstvak{ /*voor de pagina nieuws (nieuws.php) en voor de losse nieuwsberichten (bericht.php)*/
	float: left;
	width: 60%;
	padding-left: 3%;
	padding-right: 4%;
	padding-top: 0.5em;
	padding-bottom: 1em;
}

div#nieuwspagina-tekstvak p{
	/*margin: 0em;
	padding: 0em;*/
}

div#samenkomstenoverzicht-tekstvak{
	float: left;
	width: 51%;
	padding-left: 3%;
	padding-right: 4%;
	padding-top: 0.5em;
	padding-bottom: 1em;
	
}

div#samenkomstenoverzicht-tekstvak td{
	border: 1px solid #DDDDAF;
	font-size: 0.8em;
}
/*-------------------------------------------*/

div#formuliermelding {
	border: 4px solid #DDDDAF;
	padding: 1em;
	text-align: left;
	width: 60%;
	
}