H1 { 
  font-weight: bold; 
  font-size: 20pt;
  line-height:16pt; 
  font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
  font-variant: normal;
  font-style: normal;
  text-decoration: underline;
}
H2 { 
  font-weight: bold; 
  font-size: 12pt;
  line-height:12pt; 
  font-family: Verdana, Geneva, Arial, Helvetica, Swiss, SunSans-Regular ;
  font-variant: normal;
  font-style: normal;
  text-decoration: underline;
  color: #0066CC;
}
.dropcap {
  float: left;
  font: normal 60pt/0.8em Helvetica, Verdana, Arial, sans-serif;
  color: #0066CC;
  margin-right: 3px;
}
/*ronden hoeken begin*/
.top-left {

margin-right: 9px; /* hou rechter hoekje vrij */
background-image: url('../../../images/corners1280x18.gif');
height: 9px; /* toon alleen bovenste helft van de figuur */
font-size: 2px; /* corrigeer hoogte voor IE */
}

.top-right {

margin-top: -9px; /* naar niveau van linker hoekje */
margin-left: 9px; /* hou linker hoekje vrij */
background-image: url('../../../images/corners1280x18.gif'); 
background-position: 100% 0; /* laat achtergrond vanaf rechts beginnen */
height: 9px; 
font-size: 2px;
}

.bottom-left {

margin-right: 9px; /* hou rechter hoekje vrij */

background-image: url('../../../images/corners1280x18.gif');
background-position: 0 -9px; /* toon onderste helft figuur */
height: 9px;
font-size: 2px;
}

.bottom-right {

margin-top: -9px; /* naar niveau van linker hoekje */
margin-left: 9px; /* hou linker hoekje vrij */
background-image: url('../../../images/corners1280x18.gif'); 
background-position: 100% -9px; /* onderste helft, rechts beginnen */
height: 9px; 
font-size: 2px; 
}

.inside {

border-left: 1px solid #C00000;
border-right: 1px solid #C00000;
background: #EFEFEF;
color: #000000;
padding-left: 10px;
padding-right: 10px;
}

.notopgap {

margin-top: 0;
}

.nobottomgap {

margin-bottom: 0;
}
/*ronden hoeken einde*/


.bottomTekst {
	color: #818181;
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, Swiss, SunSans-Regular;
	letter-spacing: 1px }
.bodyTekst {
	color: #000;
	font-size: 15px;
	line-height: 14px;
	font-family: Verdana, Geneva, Arial, Helvetica, Swiss, SunSans-Regular }
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(http://www.broodjeshuis.be/pict/images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(http://www.broodjeshuis.be/pict/images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(http://www.broodjeshuis.be/pict/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	/* Om schaduw te geven rond de fotos */
div.fotolijst{
	float: left;
 	background: url(shadow.png) no-repeat bottom right !important;
 	background: url(shadow.gif) no-repeat bottom right;
 	margin: 10px 7px 0 10px !important;
 	margin: 10px 7px 0 10px;
	}

	div.fotolijst img{
 	display: block;
 	position: relative;
 	background-color: #FFF;
 	border: 1px solid #000;
 	margin: -3px 5px 5px -3px;
 	padding: 2px;
 	}

/* Om schaduw te geven rond de fotos */
	
/* Begin => Om het lijstteken te wijzigen naar keuze */
	
   li { list-style-image: url(knop.gif)} 

/* Einde => Om het lijstteken te wijzigen naar keuze */

/* Begin => Om de layout van formuliervelden aan te passen */
input {
	border: 1px solid navy;
	font-family: "Comic Sans MS", Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: navy;
	background-color: DFE8FC;
	
}
/* Einde => Om de layout van formuliervelden aan te passen  ---background-color: cornsilk;---- */
	


/* 1////deel per deel */

/*body {
/*background-image: url(achtergrond.gif);*/
/*background-repeat: no-repeat;
/*background-attachement: scroll;
/*background-position: bottom right;

}*/

	
	
a {
	font-family: arial;
	font-weight: normal;
	font-size: 12px;
	color: #000000;
}

.menu_inact
{	
	border-left: #EEE8AA 1px solid;
	border-right: #EEE8AA 1px solid;
	border-top: #EEE8AA 1px solid;
	border-bottom: #EEE8AA 1px solid;
	font-weight: normal;
	font-size: 10px;
	cursor: hand;
	color: #EEE8AA;
	font-family: arial;
	background-color:  #CD853F;
	text-align: center;
	text-decoration: none;
}
.menu_act
{
	border-right: #FFFACD 1px solid;
	border-top: #FFFACD 1px solid;
	font-weight: bold;
	font-size: 10px;
	border-left: #FFFACD 1px solid;
	cursor: hand;
	color: #FFFACD;
	border-bottom: #FFFACD 1px solid;
	font-family: arial;
	background-color: #9F2D41;
	text-align: center;
	text-decoration: none;
}
/* 1////deel per deel */


.top_menu
	{font-family: arial; font-size: 8pt; color: #999999}
A.top_menu, A.top_menu:visited, A.top_menu:hover
	{color: white}
A.top_menu, A.top_menu:visited
	{text-decoration: none;}
A.top_menu:hover
	{text-decoration: underline;}


.left_menu, A.left_menu, A.left_menu:visited, A.left_menu:hover
	{font-family: arial; font-size: 8pt; color: black; text-decoration:none}
Aleft_menu:active
	{color:white}
UL.left_menu
	{margin-left: 15; margin-top:0}
IMG.left_menu
	{margin-top: 2; margin-bottom:8; margin-left: -10;}
.left_menu_title
	{margin-left: 10; font-family: arial; font-size: 18pt; color: #555555; letter-spacing: 0}




/* 2////deel per deel */

img
	{border-color: #CCCCCC; border-width:0;}
	
	}


H1, H2, H3, H4, H5, H6, P, UL, OL, DIR, MENU, DIV, 
DT, DD, ADDRESS, BLOCKQUOTE, PRE, BR, HR, FORM, DL { 
  display: block }

B, STRONG, I, EM, CITE, VAR, TT, CODE, KBD, SAMP, 
IMG, SPAN { display: inline }

LI { display: list-item }


H5, H6 { margin-top: 1em }


H3, H5 { font-style: italic }


B, STRONG { font-weight: bolder }  /* relatief tot de ouder (parent) */



I, CITE, EM, VAR, ADDRESS, BLOCKQUOTE { font-style: italic }
PRE, TT, CODE, KBD, SAMP { font-family: monospace }

PRE { white-space: pre }

ADDRESS { margin-left: 3em }
BLOCKQUOTE { margin-left: 3em; margin-right: 3em }

UL, DIR { list-style: disc }
OL { list-style: decimal }
MENU { margin: 0 }              /* strakke opmaak */


LI { margin-left: 3em }

DT { margin-bottom: 0 }
DD { margin-top: 0; margin-left: 3em }

HR { border-top: solid }        /* 'border-bottom' had ook gebruikt kunnen worden */



/*A:hover {cursor: hand; color: #C0FFC0; background-color: lightslategray; text-decoration: underline}
/*A:active { color: red }        /* actieve links */


a:link { color: #0066CC;  text-decoration:none; }      /* niet bezochte link */
a:visited { color: #145E31;  text-decoration:none; }  /* bezochte links */
a:hover { color:#0066CC; 
   /*background-color: #A3D3FA;  /* achtergrondkleur */
   text-decoration:underline;  /* zonder onderlijning */ }
a:active { color: #145E31;  text-decoration:none; }   /* actieve link */

/* Onderstaande lijn achtergond van de mouse over link met pinkeltjes*/

/*a:hover { background-image: url(http://www.broodjeshuis.be/images/spark_04_hhdk.gif); color: #ECF558; background-color: #cfe1eb; text-decoration: none } 
*/

a.linkopacity img {
filter:alpha(opacity=50);
-moz-opacity: 0.5; 
opacity: 0.5;
-khtml-opacity: 0.5;}

a.linkopacity:hover img {
filter:alpha(opacity=100); 
-moz-opacity: 1.0; 
opacity: 1.0;
-khtml-opacity: 1.0; }