#frame_position_newsbar {
	position: 			absolute;  
	left: 				0; 
	top: 				43px; 
}
#frame_position_contents { 
	position:			absolute; 
	top:				73px;
}
#layout_left {
	width: 				20px;
	height: 			100%;
}
#layout_left_topcorner {
	background:			white url(images/layottl.gif) no-repeat right;
	width: 				100%;
	height: 			114px;
}
#layout_left_newsbar {
	background:			#E56000 url(images/layotlc1.gif) no-repeat top left;
	width:				100%;
	height:				30px;

}
#layout_left_middle_edge {
	position:			absolute;
	left:				0px;
	top:				144px;
	width:				14px;
	height:				100%;
	background:			#FE9818 url(images/layotlm.gif) no-repeat left top;
}
#layout_left_bottomcorner {
	background:			white url(images/layotllb.gif) no-repeat;
	width: 				100%;
	height: 			66px;
}
#layout_nav_top {
	width:				100%;
	height:				144px;
	background: 		#FE9818 url(images/layotltc.gif) no-repeat left top;;
	padding:			6px 0 0 0;
}
#layout_left_nav_top_corner {
	background:			#A51805 url(images/layotlrt.gif) no-repeat left top;
	width:				100%;
	height:				108px;
}
#jacklogo {
	width:				126px;
	height:				94px;
	margin:				10px 3px 2px 3px;
}
#layout_nav_bottom {
	width:				100%;
	height:				50px;
}
#layout_left_nav_bottom_corner {
	background:			#A51805 url(images/layotlrb.gif) no-repeat left top;
	width:				100%;
	height:				20px;
}
#layout_left_nav_bottom_canvas_corner {
	background:			#FE9818 url(images/layotllc.gif) no-repeat left bottom;
	width:				25px;
	height:				30px;
}
#layout_left_nav_bottom_sitefooter {
	width:				107px;
	position:			absolute;
	top:				20px;
	left:				25px;
}
#layout_bottom_center {
	width:				100%;
	height:				50px;
}
#layout_bottom_contentsoverflow {
	width:				100%;
	height:				12px;
	background-color:	white;
}
#layout_bottom_image {
	position: 			absolute;  
	left: 				0; 
	top: 				12px; 
	width:				100%;
	height:				8px;
	background:			#FE9818 url(images/layotbc.gif) no-repeat left top;
}
.sitefooter {
	width:				100%;
	height:				30px;
	background:			#FE9818 url(images/layotbsp.gif) repeat-x bottom;
}
#layout_footer {
	position: 			absolute;  
	left: 				0; 
	top: 				20px; 
	font-size:			0.8em;
}
#layout_right_bottom_innercorner { 
	width:				24px;
	height:				50px;
	background:			white url(images/layotbc2.gif) no-repeat left bottom;
}
#layout_subheader {
	position: 			absolute;  
	left: 				0; 
	top: 				0; 
	width:				100%; 
	height: 			30px; 
	text-align: 		center; 
	overflow: 			hidden;
}
#layout_right {
	width: 				29px;
	height: 			100%;
}
#layout_right_topcorner {
	background:			white url(images/layottr.gif) no-repeat right top;
	width: 				29px;
	height: 			101px;
}
#layout_right_innercorner {
	background:			white url(images/layottc2.gif) no-repeat right top;
	width: 				24px;
	height: 			71px;
}
#layout_right_bottomcorner {
	background:			white url(images/layotbr.gif) no-repeat right;
	width: 				29px;
	height: 			66px;
}
.layout_right_spacer {
	background:			white url(images/layotrsp.gif) repeat-y right;
	height: 			100%;
}
.header {
	background:	 		#FE9818 url(images/layottcl.gif) no-repeat left;
	width:				100%;
	height:				67px;
	font-size:			2em; 
	color:				white;
	padding: 			0.5em;

}
.siteheader {
	background:	 		#FE9818 url(images/layottcs.gif) no-repeat left bottom;
	width:				100%;
	height:				60px;
	color:				white;
	overflow: 			hidden;
}
.newsbar {
	position: 			absolute;
	left: 				0;
	top: 				114px;	
	width:				100%; 
	height: 			30px; 
	background-color: 	#E56000;
	font-weight:		bold;
	font-size: 			18pt;
	font-family: 		arial, sans-serif;
	float:				left;
	overflow:			hidden;
	color: 				white; 
}
#newsbar_navigate {
	width:				132px;
}
#newsbar_navigate A IMG {
	width:				50px;
	height:				24px;
	margin:				3px 0px 3px 10px;
}
.contents { 
	padding:			0.5em;
	background-color: 	white; 
}
#welcome {
	min-height:			210px;
	max-width:			1000px; /* 1000px iets groter dan 800; 70em */
	margin:				auto; /* center the element by dividing the space in two */
/*	padding:			0.5em 4% 1em 10%; tbd gebruik als geen max-width en margin */
	font-size:			1.1em;
}
#welcometext:first-letter {
	font-size:			1.6em;
	font-family:		"monotype corsiva", cursive;
	color:				maroon;
}
#welcometext:first-line {
	font-size:			1.1em;
	font-weight: 		bold; 
}
#welcome IMG {
	clear:				none;
	float:				right;
	padding:			0.5em 0px 0.5em 0.5em;
}
#welcome_ext1 {
/*	float:				right; /*20160216 new attr float/clear */
	padding:			1em 2em;
}
#welcome_ext1 IMG {
	clear:				none;
	float:				left;
	margin:				0 2em 0.5em 0; /* tbd paypal logo en product plaatjes nu beter? */
}
/* 20160216 new .intro */
#welcome_ext1 .intro {
	max-width: 			1100px;
	margin:				auto;
	
	padding:			1em;
	border-radius:		16px; 
	border-style:		solid;
	border-color:		#FED991; /*#EBEBEB; /*#FE9818; /*#CACACA;*/
	overflow:			hidden; /* grow with floating childs */

}
#welcome_ext2 {
	padding:			1em 2em;
}
#welcome_ext2 .intro {

	background-color: 	#FED991; /* #A51805; /*			maroon; */
	
	width: 				100%; /* 1100px;*/
	margin:				auto;
	padding:			1em;
	border-radius:		16px; 
	border-style:		solid;
	border-color:		#FED991; /*#EBEBEB; /*#FE9818; /*#CACACA;*/
	overflow:			hidden; /* grow with floating childs */

}
#layout_subheader H2 {
	display: 			inline; 
	clear: 				both;
	vertical-align: 	middle;
	width: 				100%; 
	margin: 			0;
	padding: 			0; 
	color: 				maroon; 
	font-weight: 		bold; 
	font-size: 			18pt;
	font-family: 		"copperplate gothic bold", times, "times new roman", serif;
}
#sitename {	
	float: 				left;
	margin: 			0px 0px 0px 5px; 
}
#langselector {	
	float: 				right;
	width: 				170px; 
	margin: 			4px 4px 3px 0px; 
	padding: 			0;
}
#languages {	
	margin: 			0; 
	padding: 			0; 
	list-style: 		none; 
}
#languages IMG {
	display: 			block; 
}
#languages LI {
	float: 				left;
	margin: 			0px;
	padding: 			0;  
	border-width: 		2px; 
	border-style: 		solid;
 	border-color: 		#E56000; 
}
#languages LI#huidig { 
	border-color: 		#FEEAB2;
}
#languages LI A IMG {
	border:				0;
}
.topic {	
	float: 				left;

	background-color: 	white; /*#fed991; */
	height:				150px; /* helft van 340px; /* 300 */
	width:				224px; /* 291px; 185px */
	padding:			1em;
	margin:				0px 26px 16px 0px; /*4px 26px 16px 4px; /* 0px 26px 16px 0px; */
	border-radius:		16px; 
	border-style:		solid;
	border-color:		white; /* grey #EBEBEB; /*#FE9818; /*#CACACA;*/

}
.topic H3 {	
	margin: 			0 0 0.2em 0;
	padding:			0.1em;
	color: 				white;
	background-color: 	#A51805; 
	text-align: 		center; 
	font-size:			1.2em;
	font-weight: 		bold; 
	font-family: 		arial, sans-serif;
}
.topic P {
	margin: 			0;
}
.maintopic {
	width:				100%;
}
.navbar {
	width:				132px;
	height:				100%;
	background-color:	#A51805;
}
#navigate {
	height:				100%;
	font-family: 		arial, sans-serif;
	font-weight:		bold;
	font-size:			1.2em;
	overflow:			hidden;
	list-style:			none;
	margin: 			0; 
	padding:			0;
}
#navigate LI {
	width:				124px;
	text-align:			center;
	margin:				5px 4px 0 4px;
}
#navigate A { 
	padding: 			0.2em 0;
	display:			block;
	width:				120px;
	height:				1.4em;
	text-decoration:	none;
	border-width:		1px;
	border-style:		outset;
	border-color:		#E56000 #FEEAB2 #E56000 #FEEAB2;
}
#navigate A:link {
	color:				white;
}
#navigate A:visited {
	color:				white;
}
#navigate A:hover {
	color:				yellow;
	border-style:		inset;
	background-color:	#E56000;
}
#navigate A#index {
	color:				#A51805;
	background-color:	white;
}
a img {
	border:				0;
}
#subpage_title {
	width:				100%; 
	height: 			32px; 
	background-color: 	#E56000;
	clear:				both;
}
#subpage_navhom {
	width:				50px; margin: 4px 0px;
	float: 				left;
}
#subpage_logo {
	float: 				right;
	margin: 			4px 0px;
}
.nofuss li {
	list-style:			none;
	width:				8em;
	border-style: 		none solid none none;
	border-color:		maroon;
	border-width:		1px;
	float:				left;
	text-align:			center;
}
#nofuss {
	background-color:	#FEEAB2;
}
#nofuss h1 {
	height:				2em;
}
.index_mainpicture {
	width:				300px;
	height: 			200px;
	text-align: 		center;
	float:				left;
	background-color: 	#FEEAB2;
}
.index_subdomain {
	width:				20em; 
	height: 			22em; 
	margin: 			1% 1% 1% 1%;
	text-align: 		center;
	float:				left;
	border:				solid 1px maroon;
	background-color: 	white;
}
.index_subdomain h2 {
    font-family: 		"lucida sans", verdana, arial, sans-serif;
    font-size: 			1.6em;
    color: 				maroon;
}
#index_footer {
	clear: 				both;
}
.readmore_ref {
	vertical-align:		bottom;
	text-align:			right;
}
.english_site {
	font-style:		italic;
}
BODY
{
    FONT-WEIGHT: 		normal;
/*    FONT-SIZE: 			8pt; tbd beetje errug klein? */
    FONT-SIZE: 			10pt;
    MARGIN: 			0px;
    BACKGROUND-COLOR: 	#FFFFFF;
    FONT-FAMILY: 		verdana, arial, sans-serif;
}
.jackBACKGROUND-COLOR
{
    BACKGROUND-COLOR: 	#FEEAB2;
}
.jackBACKGROUND-COLOR-DARK
{
    BACKGROUND-COLOR: 	#FEDA92;
}
/* jackPage class - BEGIN */
.jackPage {
	margin:			2em;
	max-width:			70em; /* 20160930 na vele jaren terug naar 70em */
	margin:				auto; /* 20160930 center the element by dividing the space in two */
}
.jackPage TABLE
{
	VERTICAL-ALIGN : 	top;
	FONT-SIZE: 			1em;
    FONT-FAMILY:  		verdana, arial, sans-serif;
}
.jackPage TABLE:TH
{
	VERTICAL-ALIGN : 	top;
	FONT-SIZE: 			1em;
    FONT-FAMILY: 		verdana, arial, sans-serif;
	FONT-WEIGHT : 		bold;
}
.jackPage HR
{
	COLOR: 				maroon;
}
/* jackPage class - END */
H1
{
    FONT-FAMILY: 		"lucida sans", verdana, arial, sans-serif;
    FONT-SIZE: 			3em;
    FONT-WEIGHT: 		bold;
    COLOR: 				maroon;
}
H2
{
    FONT-FAMILY: 		"lucida sans", verdana, arial, sans-serif;
    FONT-SIZE: 			2.2em;
    FONT-WEIGHT: 		bold;
    COLOR: 				maroon;
}
H3
{
    FONT-FAMILY: 		"lucida sans", verdana, arial, sans-serif;
    FONT-SIZE: 			1.8em;
    FONT-WEIGHT: 		bold;
    COLOR: 				maroon;
}
H4
{
    FONT-FAMILY: 		"lucida sans unicode", verdana, arial, sans-serif;
    FONT-SIZE: 			1.4em;
    FONT-WEIGHT: 		normal;
    COLOR: 				maroon;
}
CODE
{
    FONT-SIZE: 			1em;
}
.cdcoverimg {
	width:				140px;
    border: 			solid black 1px;
}
.cdcatalogimg {
	width:				80px;
    border: 			solid black 1px;
}
.cdcataloglistimg {
	width:				140px;
    border: 			0;
}
.jackTournamentTable
{
	BACKGROUND-COLOR: 	#FCF7D1;
	WIDTH: 				640px;
}
.jackColorTable
{
	BACKGROUND-COLOR: 	#FCF7D1;
}
.footer
{
    FONT-SIZE: 			0.8em;
    FONT-FAMILY: 		arial, sans-serif;
    FONT-VARIANT: 		normal;
	TEXT-ALIGN: 		center;
	VERTICAL-ALIGN: 	baseline;
}
TABLE.JackCatalog 
{ 
	width:				700px; 
	border: 			solid maroon 2px; 
	vertical-align:		top; 
	padding:			1em; 
	border-collapse:	collapse; 
}
.JackCatalog TD 
{ 
	border: 			solid maroon 1px; 
	vertical-align:		top; 
	padding:			1em; 
}
.pricelist 
{ 
	text-align:			center; 
	border:				none 2px #E56000;
}
TABLE.pricelist 
{ 
	width:				100%; 
	padding:			1em; 
	border-style: 		solid; 
	border-collapse:	collapse; 
	background-color:	white; 
}
.pricelist TH 
{ 
	border: 			solid 1px white; 
	background-color:	#FE9818; 
	color:				maroon; 
}
.pricelist TD 
{ 
	border: 			solid 1px #E56000; 
	text-align:			left; 
	padding-left:		0.5em; 
}
.offer_at {
	font-weight:		bold;
	font-style:			italic;
	color:				red;
}
.pricelist .offer_from {
	text-decoration:	line-through;
}
.inactive {
	color:				gray;
}
.email_letter {
	width:				80%; 
	margin: 			1em;
	padding:			1em;
	text-align: 		left;
	float:				left;
	border:				solid 1px maroon;
	background-color: 	white;
}
.license {
	width:				80%; 
    FONT-FAMILY: 		arial, sans-serif;
	margin: 			1em;
	padding:			1em;
	text-align: 		left;
	border:				solid 1px maroon;
	background-color: 	white;
}
.license H3 {
    FONT-FAMILY: 		arial, sans-serif;
}
/* ======================= */
body#home .mainItem {
	width:				244px; /* 244px */
	float:				left; /* nieuw */
	margin:				0px 26px 16px 0px;
}
body#home .mainItemContents {
/*	background-color:	#FFF9EB; /* gele mainbg: #FEEAB2; oranje: #E56000; grijzig; #EBEBEB; */
	height:				340px; /* 300 */
	width:				224px; /* 224px */
	padding:			1em;
	border-radius:		16px; 
	border-style:		solid;
	border-color:		#EBEBEB; /*#FE9818; /*#CACACA;*/
}
body#home .mainItem#spotlight {
	width:				514px; /* 2x244+26 244px */
}
body#home .mainItem#spotlight .mainItemContents {
	width:				490px; /* 2x224+26+16 224px */
}
#spotlight img {
	border:				0; 
	width:				174px; /* 100px; 80px; orig 140*/
	height:				205px; /* 145px; 113px; orig 205 */
	float:				left;
}
.mainItemContents H3 {	
	margin: 			0 0 0.2em 0;
	padding:			0.1em;
	color: 				#E56000; /* white; */
	text-align: 		center; 
	font-size:			1.4em;
	font-weight: 		bold; 
	font-family: 		arial, sans-serif;
	border:				0 0 2px 0;
	min-height:			2.4em;
}
a.enter {
 	display:			block;
	color: 				black; /*#7F3F97;*/
	text-decoration:	none;
}
div.homeproduct {
	display: 			block; 
	margin:				auto; 
	width:				102px; 
	overflow:			hidden;
}
.homeproduct img {
	width:				100px; /* 100px; 80px; orig 140*/
	height:				145px; /* 145px; 113px; orig 205 */
	border:				1px solid black;
}
.item p {
	clear:				both;
}
* html .item { 
	height:				expression( this.scrollHeight < 300 ? "300px" : "auto" ); /* sets min-height for IE */
}
body#home .item {
	position:			relative;
	min-height:			300px; /* sets min-height value for all standards-compliant browsers */
}
body#home .mainItemAbstract {
	color:				#777777;
	border-top:			1px solid #606060;				
	padding:			0.5em;
	font-weight:		bold;
	text-align:			center;
}
/* ======================= */