/* FIRST RESETTING STYLES FOR DETAIL WEBPAGES */



html, body { margin:0; border:0; padding:0;	font-family:Verdana, Geneva, Tahoma, sans-serif; font-size:14px}

table; tr, th, td,  { display: table; border-collapse:collapse; border-spacing:0; height:10px; border:0; padding:0; margin:0; text-align:left ;vertical-align: top }


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


div, span, blockquote, iframe, h1, h2, h3, h4, h5, h6, ul; ol, li, p, a, {display:block ;border:0; padding:0; margin:0; vertical-align: top;}


a:link {color: #FFFFFF; text-decoration: none}


article, aside, figure, footer, header, section {display:block;}

flex: none


/*STYLES VOOR DE CONTENT WEBPAGES*/



/* GLOBAL STYLES*/



body {background-color: #E4E4E4; }


div {background-color:#FF9148; }
	

div a {overflow:auto; }

	
div p {overflow:auto; }



/*KLEURENCODES:  licht roze: #DB6FC9; licht groen #007272  licht blauw #215AAE;  licht bruin #F9DEC6  roze #FFB3BA      */

/*ID-CONTAINERS & HEADINGS @ PAGE CONTENT*/



#content-titels { width:99%;	
	padding:1px;
	height: auto; 	
	text-align: center;	 
	}


/* FRAME POSITION and CELL STYLES */   


.frame-left {
	border-collapse: collapse;
	margin-left: 3px;
	float: left;
	width: 579px;	
	}


.frame-right {
	border-collapse: collapse;
	margin-right: 3px;
	float: right;
	width: 579px;	 
	}


.frame-center {
	border-collapse: collapse;
	margin: 0 auto;
	width: 57%;
	display: flex; 
	justify-content: center; 
	align-items: center;	 
}



h6 {
	font-family: "Segoe UI";
	font-size: small;
	letter-spacing: 1px;
	font-weight: normal;
	font-style: normal;	
	color:#36454f; 
	margin-bottom:1px;
	margin-top:1px;
	}


/* TABEL HOOFDING  zonder <h>  */


.frame-heading {
	width: 100%;
	height:auto;
	background-color: #EBD2AF;
	border: 1px solid #F38A45;
	text-align: center;
	font-family: "Bookman Old Style";
	font-size: large;
	letter-spacing: 3px;
	font-weight: bold;
	font-style:normal;
	color: #4275AB;
	padding-bottom:7px;
	padding-top:7px;
	}		




/* HEADER TAGS */

h3 {
	font-family: "Bookman Old Style";
	font-size: large;
	letter-spacing: 1px;
	font-weight: normal;
	font-style:italic;	
	color: #FFFFFF;	
	margin-top:9px;
	margin-bottom:6px;	
	}


h4 {
	font-family: "Bookman Old Style";
	font-size: large;
	letter-spacing: 3px;
	font-weight: bold;
	font-style:normal;
	color: #4275AB;
	margin-bottom:9px;
	margin-top:6px;
	}

	

/* DOORLOPENDE TEKST in TABEL-RIJEN */ 


.frame-row {
	width: 100%;
	height:auto;
	background-color:#EBD2AF;
	border: solid;
  	border-width: 1px;
  	border-color:#F38A45;
  	text-align: left;
  	text-indent:0px;
	line-height:200%;
	padding-left:12px;
	padding-bottom: 3px;
	padding-top:3px;
	padding-right:3px;
 	}



/* TABEL   layout  */


h5 {
	font-family: "Trebuchet MS";
	font-size: small;
	letter-spacing: 1px;
	font-weight: normal;
	font-style:italic;	
	color: #4E2E26;
	margin-bottom:1px;
	margin-top:1px;
	}


/* RECEPT ETIKET in WEBSHOP ETALAGE */  /* Naar CSS OPTION verplaatst  */


.bedrijf-rooster-left {
	width: 100%;
	height:auto;
	background-color: #EBD2AF;
	border: solid;
  	border-width: 1px;
  	border-color:#F38A45;
  	text-align: left;
  	text-indent:1px;
  	line-height:120%;
	padding-left:3px;
	padding-bottom: 3px;
	padding-top:3px;
	padding-right:3px;	
	}



.bedrijf-column-heads {
	font-family:Verdana;
	font-size: x-small;
	font-weight:bold;
	letter-spacing:1px;
	height:27px;
	border-style: solid;
	border-width: 1px;
	border-spacing:15px;
	text-align:center;
	}


.bedrijf-row {
	height:auto;
	border-style: solid;
	border-width: 0px;
	border-spacing:1px;
	line-height:200%;
	}


ul { 
	border-collapse:collapse;
	list-style-position: inside;
	list-style-type: circle;
	padding-left: 6px;
	padding-top:1px;
	padding-bottom:1px;
	margin:0px;
	margin-bottom: auto;
	 }
		

.bedrijf-etiket {
	text-align: left;
  	background-color: #FFBFC6;
  	font-family: "Calibri";
  	font-style:normal;
	font-size: small;
	color: #006666;
	width: auto;
	}


.bedrijf-value {
	text-align: left;
  	background-color: #FFBFC6;
  	font-family: "Georgia";
  	font-size: small;
  	letter-spacing: 1px;
  	font-weight: normal;
	font-style:italic;
	font-weight:500;
	color: #00246C;
	width: auto;
	}


/* HYPERLINKS & MOUSE OVER */

/* om een afbeelding te laten verschijnen zolang de cursor er op staat */



/* If the link is unvisited you see this color*/
a:link {
        color: #4E2E26;
        text-decoration: underline;
        }
  
/* If the link is visited you see this color*/
a:visited {
        background-color:ivory;
        color:#4E2E26;
        padding:5px 2px 5px 2px;
        }
 
/* On placing mouse over the link */
       
a:hover  {
	background-color:#81FFFF;
	color:#CC0C66;
	padding:5px 2px 5px 2px;
	}