body{
	margin:0px;
	padding:0px;
} 
.preview {
	font-family : verdana;
	font-size   : 10px;
	background	: #CCCCCC;
	valign		: top;
	text-weight : bold;
	text-align	: ;
    text-decoration : ;
	border-color: #000000;
	border-width: ;
	border-style: ;
}
h6 {
	font-family : verdana;
	font-size   : 10px;
	background	: #CCCCCC;
	valign		: top;
	text-align	: ;
    text-decoration : ;
	border-color: #000000;
	border-width: ;
	border-style: ;
}
.exth6 {
	font-family : verdana;
	font-size   : 10px;
	background	: #CCCCCC;
	valign		: top;
	text-align	: center;
	text-weight : bold;
	border-color: #000000;
	border-width: 1px;
	border-style: solid none solid none;
}
h7 {
	font-family : verdana;
	font-size   : 10px;
	align		: middle;
    text-weight : bold;
}
.menubordertrb {
	border-color: #000000;
	border-width: ;
	border-style: ;
}
.menuborderrbl {
	border-color: #000000;
	border-width: ;
	border-style: ;
}
.menuborderrb {
	border-color: #000000;
	border-width: ;
	border-style: ;
}
.menubordertrbl {
	border-color: #000000;
	border-width: ;
	border-style: ;
}
.menuborderbl {                                                   
	border-color: #000000;
	border-width: ;
	border-style: ;
}
.menuborderr {                                                   
	border-color: #000000;
	border-width: ;
	border-style: ;
}
.menuborderl {                                                   
	border-color: #000000;
	border-width: ;
	border-style: ;
}

.maintext {
	font-family: verdana;	font-size   : 90%;
	color		: #ccffff;
	border-color: ffcc66;
	border-color: ffcc66;
}

.mainclmtext{
	font-family: verdana;	font-size   : 90%;
	width: 160px;
	padding-top    	: 0px;
	padding-left   	: 0px;
	padding-right  	: 0px;
	text-align  	: left;
	color		: #ccffff;
	border-color: #000000;
	border-width: ;
	border-style: ;
}
.extrafield {
		font-size   : 80%;
    color       : #000000;
	border-color: #000000;
	border-width: ;
	border-style: ;
}
.extrafieldtxt {
		font-size   : 80%;
}
.extrafieldnoborder {
		font-size   : 80%;
    color       : #000000;
}

.leftfixcol{
		font-size   : 80%;
    color       : #000000;
	border-color: #000000;
	border-width: ;
	border-style: ;
	border-color: #000000 #000000 #000000 #000000;
	border-width: 1px 1px 1px 1px;
	border-style: none none none none;
}
.leftfixcoltxt{
		font-size   : 80%;
}
.leftfixcolnoborder {
		font-size   : 80%;
    color       : #000000;
	border-color: #EEEEEE;
}

.navigationfield {
	border-color: #000000 #000000 #000000 #000000;
	border-width: 1px 1px 1px 1px;
	border-style: none none none none;
	cursor: default;
}

.navtext {
	font-family: verdana;	background-color: ;
	font-size   : 90%;
	color		: ffcc66;
	font-weight	: bold;
	line-height : %;
	margin		: 0px;
	text-indent : 16px;
	font-style	: normal;
    text-decoration : none;
}
.navtext a:link{
	text-decoration : none;
}
.navtext a:visited{
	text-decoration : none;
	color		: ffcc66;
	border-color: ffcc66;
}
.navtext a:hover{
    text-decoration : none;
	background-color: ;
	color		: #3399ff;
	border-color: #3399ff;
}
.navtext  a:active{
    text-decoration : none;
	color		: #999999;
	border-color: #999999;
}


.currentnavtext {
	font-family: verdana;	background-color: #ccccff;
	color		: #999999;
	font-weight	: bold;
	line-height : %;
	font-style	: italic;
}

.navcel {
	rowspan		: 2;
	bgcolor		: #000000;
	width       : 177;
	background-image: inherit;
	valign		: top;
}
.menubar {
	background-color: #000000;
	border-color: #000000 #000000 #000000 #000000;
	border-width: 1px 1px 1px 1px;
	border-style: none none none none;
}

}
#graphicbutton {
	font-family: verdana;	font-size   : 90%;
	color		: ffcc66;
	line-height : %;
	padding		: 1px;
}

.xxtpbtext {
		font-size   : %;
	color		: ;
	font-weight	: ;
	font-style	: ;
}
.xxcurrenttpbtext {
	font-family: verdana;	color		: ;
	font-weight	: ;
	font-style	: ;
}

.tpbtext {
		background-color: ;
	font-size   : %;
	color		: ;
	font-weight	: ;
	line-height : %;
	margin		: 0px;
	font-style	: ;
    text-decoration : none;
}
.tpbtext a:link{
    text-decoration : none;
}
.tpbtext a:visited{
	text-decoration : none;
	color		: ;
	border-color: ;
}
.tpbtext a:hover{
    text-decoration : none;
	background-color: ;
	color		: ;
	border-color: ;
}
.tpbtext  a:active{
    text-decoration : none;
	color		: ;
	border-color: ;
}
.currenttpbtext {
		background-color: ;
	color		: ;
	font-weight	: ;
	line-height : %;
	font-style	: ;
}


.galtable {
	font-family: verdana;	color:				#404040;
	font-size:			10pt;
	font-family: verdana;	font-size   : 90%;
	color		: #ccffff;
}

.formtext {
	font-family: verdana;	font-size   : 100%;
	color		: #ccffff;
}

.dirheader {
	font-family 	: verdana;
	font-size   	: 120%;
    color       	: #000000;
    background-color: #FFFFFF;
	padding-top		: 5px;
	padding-right	: 5px;
	padding-left	: 5px;
	width       	: 200px;
}
.dirtable {
	font-family 	: verdana;
	font-size   	: 70%;
    color       	: #000000;
    background-color: #FFFFFF;
	padding-top		: 5px;
	padding-right	: 5px;
	padding-left	: 5px;
	width       	: 150px;
}


.featuresdiv {
	font-family : verdana;
	font-size   : 80%;
	color       : #000000;
	border      : 1px solid #000000;
	width       : 150px;
	padding     : 0px 0px 0px 0px;
	margin-bottom     : 10px ;
}
.featuresheadspan{
	text-align  : center;
	font-weight : bolder;
	font-size   : 100%;
	color       : #3366CC;
	background  : #000000;
	width       : 100%;
}
.featuresspan{
	padding-top    	: 5px;
	padding-left   	: 5px;
	padding-right  	: 5px;
	font-size  		: 60%;
	text-align  	: left;
	background-color: #CCCCCC; 
	font-family		: Verdana;
	font-weight		: bold;
	color			: #000000;
	width			: 200; 
	white-space		: nowrap;
}
.mainbuttontext {
	font-family : verdana;
    font-size   : 80%;
    color       : #CC3300;
}
.addresstext {
	font-family: verdana;	font-size   : 80%;
    color       : #000000;
    font-weight	: ;
	border-color: #000000;
	border-width: ;
	border-style: ;
}
.logofield {
	    font-size   : %;
    color       : #000000;
    font-weight : bolder;
	border-color: #000000 #000000 #000000 #000000;
	border-width: 1px 1px 1px 1px;
	border-style: none none none none;
}
.headerfield {
	border-color: #000000 #000000 #000000 #000000;
	border-width: 1px 1px 1px 1px;
	border-style: none none none none;
}
.titletext {
	font-family: verdana;    font-size   : 200%;
    color       : #000000;
    font-weight : bolder;
}
.slogantext {
	font-family: verdana;    font-size   : 100%;
    color       : #000000;
}
.toprightfield {
	    font-size   : %;
    color       : #000000;
    font-weight : bolder;
	border-color: #000000 #000000 #000000 #000000;
	border-width: 1px 1px 1px 1px;
	border-style: none none none none;
}

#tabledescription{
	width		: 100%;
	height		: 3em;
	padding		: 2px;
	filter		:alpha(opacity=0);
	-moz-opacity:0;
}

.content {
	background:#CCCCCC;
	border-width: 1;
	border-style:solid solid solid solid;
}
.content-text {
	font-family:verdana;
	font-size:10px;
	font-style:italic;
	font-weight:normal;
	color:#000000;
}
.container{border-width:1;border-style:solid;border-color:black;background-color:inherit;}

.container-hdr{padding-left:0px;height:20px;font-family: verdana;background-color:inherit;font-size:90%;color:#ccffff;font-style:normal;font-weight:bold;}

.editcontainer{
	font-family: verdana;	font-size   : 90%;
	color		: #ccffff;
	border-width: 2;
	border-style: solid;
	border-color: black;
}

.editcontainer-hdr{
	font-family: verdana;	font-size   : 90%;
	color		: #ccffff;
	padding-left: 0px;
	background-color: #CCCCCC;
	text-decoration	: bold;
	height		: 20px;
}


A:ACTIVE.normal, A:LINK.normal {
		text-decoration : underline;
		color :black;
	}
	A:HOVER.normal {
	text-decoration : underline;
	color           : red;
	}
	A:VISITED.normal {
		text-decoration : underline;
		color :black;
	}

a:link {
    text-decoration : underline;
	color		: ffcc66;
	border-color: ffcc66;
}
a:visited {
    text-decoration : underline;
	color		: ffcc66;
	border-color: ffcc66;
}
a:hover {
    text-decoration : none;
	color		: #3399ff;
	border-color: #3399ff;
}
a:acitive {
    text-decoration : none;
	color		: #999999;
	border-color: #999999;
}



a.img:link {
    text-decoration : underline;
	color		: ffcc66;
	border-color: ffcc66;
}
a.img:visited {
    text-decoration : underline;
	color		: ffcc66;
	border-color: ffcc66;
}
a.img:hover {
    text-decoration : none;
	color		: #3399ff;
	border-color: #3399ff;
}
a.img:acitive {
    text-decoration : none;
	color		: #999999;
	border-color: #999999;
}




.bonsite {
	font-family: verdana;
	font-size   : 80%;
 	font-weight	: bold;
	color		: #ccffff;
	color		: #999999;
	border-color: #000000;
	border-width: ;
	border-style: ;
}
.bonsite a:link {
    text-decoration : none;
	color		: #ccffff;
	color		: #999999;
}
.bonsite a:visited {
    text-decoration : none;
	color		: #ccffff;
	color		: #999999;
}
.bonsite a:hover {
    text-decoration : none;
	color		: #ccffff;
	color		: #999999;
}
.bonsite a:active {
    text-decoration : none;
	color		: #ccffff;
	color		: #999999;
}

.myMenu {
	position: absolute;
	visibility: hidden;
	z-index: 5;
	border: 1px solid #000000;
}	
INPUT.search {
	background-color : transparent;
	border           : 1px solid Black;
	font-size        : 14px;
	font-weight      : bold;
	height           : 24px;
	width            : 26px;
	margin-bottom    : 1px;
	margin-left      : 4px;
}
INPUT.searchbox {
	background-color : transparent;
	border           : 1px solid Black;
	font-size        : 14px;
	font-weight      : bold;
	height : 24px;
	width : 80px;
	margin-bottom : 1px;
	margin-left : 0px;
}
.wizardhdr {
	font-family : verdana;
	font-size   : 30px;
	font-weight      : bold;
}
.wizardsubj {
	font-family : verdana;
	font-size   : 14px;
	font-weight      : bold;
}
.wizard {
	font-family : verdana;
	font-size   : 12px;
	font-weight : bold;
}
.search {
	color   : #c00;
	background : yellow;
}
.counter {
	font-family : verdana;
	font-size   : 10px;
	width : 100%;
	color   : #008000;
	background : silver;
	font-weight : bold;
	padding : 2 0 2 0;
	border-color: #000000;
	border-width: 1px;
	border-style: none none solid none;
}

.style1 {color: #FFFFFF}
.style4 {color: #000000}




 

ul#css3mach,ul#css3mach ul{		/* main menu - normal*/
	margin:0;
	list-style:none;
	padding:0;
/*	background-color:#000;		*/
/*	background-color: ;	*/
	background-color:#000;		
/*	background-image:url("mainbk.png");		*/
	background-image:url("https://www.photonart.nl/phpcmsys/menus/css3/mac/mainbk.png");
	background-repeat:repeat;
	border-width:0px;
	border-style:solid;
	border-color:#999999;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}
ul#css3mach ul{					/* sub menu - normal*/
	display:none;
	position:absolute;
	left:0;
	top:100%;
	-moz-box-shadow:0.7px 0.7px 1px #777777;
	-webkit-box-shadow:0.7px 0.7px 1px #777777;
	box-shadow:0.7px 0.7px 1px #777777;
/*	background-color:#333;		*/
	background-color: ;  /* background color sub menu */
	background-image:none;
	border-width:1px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-style:solid;
	border-color:#5A5E60;
	padding:0 9px 9px;
	
}
ul#css3mach li:hover>*{
	display:block;
	
}
ul#css3mach li{
	position:relative;
	display:block;
	white-space:nowrap;
	font-size:0;
	float:left;
	
}
ul#css3mach li:hover{
	z-index:1;
	
}
ul#css3mach ul ul{
	position:absolute;
	left:100%;
	top:0;
	
}
ul#css3mach{
	font-size:0;
/*	z-index:999;	*/
	z-index:90;
	position:relative;
	display:inline-block;
	zoom:1;
	padding:1px 1px 1px 0;
	
	*display:inline;
	
}
* html ul#css3mach li a{
	display:inline-block;
	
}
ul#css3mach>li{
	margin:0 0 0 1px;
	
}
ul#css3mach ul>li{
	margin:1px 0 0;
	
}
ul#css3mach a:active, ul#css3mach a:focus{
	outline-style:none;
	
}
ul#css3mach a{					/* main menu - normal */
	display:block;
	vertical-align:middle;
	text-align:left;
	text-decoration:none;
/*	font:bold 12px Arial;		*/
	font-family: verdana;	font-size  	: 12;
	font-weight	: bold;
	font-style	: normal;
/*	color:#cccccc;		*/
	color: ffcc66;
	cursor:default;
	padding:10px;
/*	background-color:#333;	*/
	background-color: ;
/*	background-image:url("mainbk.png");		*/
	background-image:url("https://www.photonart.nl/phpcmsys/menus/css3/mac/mainbk.png");
	background-repeat:repeat;
	background-position:0 200px;
	border-width:0px;
	border-style:none;
	border-color:;
	
}
ul#css3mach ul li{
	float:none;
	margin:9px 0 0;
	
}
ul#css3mach ul a{			/* sub menu - normal */
	text-align:left;
	padding:8px 0 0 0;
/*	background-color:#333;		*/
	background-color: ;
	background-image:none;
	border-width:1px 0 0 0;
	border-style:solid;
	border-color:#262626;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
/*	font:13px Arial;		*/
	verdana	font-size  	: 12;
	font-weight	: bold;
	font-style	: normal;
/*	color:#cccccc;		*/
	color		: ffcc66;
	text-decoration:none;
	
}
ul#css3mach li:hover>a,ul#css3mach li a.pressed{
/*	background-color:#00c4ff;		*/
	background-color: #cccccc;
	border-style:none;
/*	color:#ffffff;		*/
	color: #3399ff;
/*	background-image:url("mainbk.png");		*/
	background-image:url("https://www.photonart.nl/phpcmsys/menus/css3/mac/mainbk.png");
	background-position:0 100px;
	text-decoration:none;
	
}
ul#css3mach span{
	display:block;
	overflow:visible;
	background-position:right center;
	background-repeat:no-repeat;
	padding-right:0px;
	
}
ul#css3mach ul span{
/*	background-image:url("arrowsub.gif");		*/
	background-image:url("https://www.photonart.nl/phpcmsys/menus/css3/mac/arrowsub.gif");
	padding-right:15px;
	
}
ul#css3mach ul li:hover>a,ul#css3mach ul li a.pressed{
/*	background-color:#333;		*/
	background-color: #000000;
	background-image:none;
	border-style:solid;
	border-color:#262626;
/*	color:#1F80AE;		*/
	color: #3399ff;
	text-decoration:none;
	
}
ul#css3mach li.topfirst>a{
	border-radius:4px 0 0 4px;
	-moz-border-radius:4px 0 0 4px;
	-webkit-border-radius:4px;
	-webkit-border-top-right-radius:0;
	-webkit-border-bottom-right-radius:0;
	text-shadow:#000000 0px -1px 1px;
	
}
ul#css3mach li.topfirst:hover>a,ul#css3mach li.topfirst a.pressed{
	text-shadow:#3d3d3d 0px -1px 1px;
	
}
ul#css3mach li.topmenu>a{
	text-shadow:#000000 0px -1px 1px;
	
}
ul#css3mach li.topmenu:hover>a,ul#css3mach li.topmenu a.pressed{
	text-shadow:#3d3d3d 0px -1px 1px;
	
}
ul#css3mach li.toplast>a{
	border-radius:0 4px 4px 0;
	-moz-border-radius:0 4px 4px 0;
	-webkit-border-radius:0;
	-webkit-border-top-right-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	text-shadow:#000000 0px -1px 1px;
	
}
ul#css3mach li.toplast:hover>a,ul#css3mach li.toplast a.pressed{
	text-shadow:#3d3d3d 0px -1px 1px;
	
}
ul#css3mach _>li>a{
	padding:0;
	
}
ul#css3mach li.subfirst>a{
	border-width:0;
	border-style:none;
	padding:0;
	
}
ul#css3mach li.subfirst:hover>a,ul#css3mach li.subfirst a.pressed{
	border-style:none;
	
}