/* ==================================================================================================================*/
/*  23 May 2008                             byz_about_divna.css                                                      */
/* ==================================================================================================================*/

	a:link     {color:#0000FF;}
	a:visited  {color:#6600AA;}
	a:active   {color:#00BB33;}
	a:hover    {color:#FF0000;}

	A:link {text-decoration:none;}
	A:visited {text-decoration:none;}
	A:hover{text-decoration:underline;}

	body {background-color: #285C85; }
	span.ads {font-family:verdana; font-size:10px; color:#0099cc; line-height:13px;}
	span.ads2 {color:#0099cc;}
	span.ads2 {color:#ffffff;}
	span.bluelink {font-size:12px; font-weight:bold; color:#0000FF;}
	span.gold {color: gold; font-weight: bold;}
	span.kleuren {background-color: #006699; color:gold; font-size:12px; font-weight:bold;}	/* #efdcb0 */
	span.samebut {font-family:verdana; font-size:10px; font-weight:bold;}
	span.titleclr {color:#003C56;}
	span.uline {text-decoration: underline;}

	/* box0 on the 'What are Byzantine Icons?' page houses the 'top_of_page' bookmark, permitting the */
	/* '#top_of_page' links to function perfectly                                                     */

	div.box_0 {
		position: absolute;
		top: 0px;
		left: ;
		width: 10px
		border: dashed #F0BC28 3px;
		background-color: ;		/* #00FF00 */
		}

	div.applet_box {
		position: absolute;
		top: 3px;
		left: 40px;
		width: 667px;
		height: 22px;
		border: solid #006699 1px;		/* #2244FF */
		background-color: ;
		}

/* The 6 boxes that follow hold the 6 menu blocks with absolute position (14 April 2007) */
/* Change was made in a separate HTML version, named 'index_repair.htm'                  */
/* The CSS was changed in index_@swar3.css, ie6.css and ie7.css                          */
/* Reason: Prevent 'jumping' of menuboxes in FF, but they still jumped!?!                */

	div.box_about_byz_icons_menu1 {
		position: absolute;
		top: 30px;
		left: 45px;
		width: 89px;
		height: 0px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid #ba0000 0px;
		}

	div.box_about_byz_icons_menu2 {
		position: absolute;
		top: 30px;
		left: 155px;
		width: 89px;
		height: 0px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid #ba0000 0px;
		}

	div.box_about_byz_icons_menu3 {
		position: absolute;
		top: 30px;
		left: 265px;
		width: 89px;
		height: 0px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid #ba0000 0px;
		}

	div.box_about_byz_icons_menu4 {
		position: absolute;
		top: 30px;
		left: 375px;
		width: 89px;
		height: 0px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid #ba0000 0px;
		}

	div.box_about_byz_icons_menu5 {
		position: absolute;
		top: 30px;
		left: 485px;
		width: 89px;
		height: 0px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid #ba0000 0px;
		}

	div.box_about_byz_icons_menu6 {
		position: absolute;
		top: 30px;
		left: 595px;
		width: 89px;
		height: 0px;
		font-family: Arial;
		font-size: 11px;
		font-weight: bold;
		line-height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 5px;
		border: solid #ba0000 0px;
		}

	/* box41 houses menu2_cm4.js on 'Essential Feature of Icons' page ; also works in Firefox */
	div.box41a {
		position: absolute;
		top: 10px;
		left: 10px;
		width: 640px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;		/* 38 */
		margin-left: 25px;
		padding: 0px;
		border: dashed cyan 0px;
		/* background-color: #285C85; */
		}

/* Icons Explained - Choose advertizing preference */
/* Icons Explained - Advertizing preferences */
/* Icons Explained - Advertizing options */
/* Icons Explained - Advertizing alternatives */

	div.box1002shell {
		position: absolute;
		top: -30px;
		left: 698px;
		width: 228px;
		/*height: 0px;*/
		margin-top: 50px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding:1px;
		font-family: verdana;
		font-size: 11px;
		color: #004D67;
		font-weight: normal;
		text-decoration: underline;
		line-height: 10px; 
		border: solid gold 0px;				/* #285C85 */
		background-color: #ffffff;			/* purple  #cccccc  #285C85 */
		}

	div.box1002 {
		/*position: absolute;
		top: 0px;
		left: 687px;*/
		width: 226px;
		height: 14px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding:1px;
		font-family: verdana;
		font-size: 11px;
		color: #004D67;
		font-weight: normal;
		text-decoration: underline;
		line-height: 14px; 
		border: solid gold 0px;				/* #285C85 */
		background-color: ;			/* #cccccc  #ffffff  #285C85 */
		}

	/* box_right1 houses the 3-line rotating adverts */
	div.box_right1 {	
		position: absolute;
		top: 44px;
		left: 685px;
		width: 260px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		border: dashed cyan 0px;
		background-color: ;				/* red  #cccccc  #285C85 */
		}

	/* box_right2 houses the 5-line rotating adverts */
	div.box_right2 {	
		position: absolute;
		top: 100px;
		left: 685px;
		width: 260px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		border: dashed cyan 0px;
		background-color: ;				/* yellow  #cccccc  #285C85 */
		}

	/* box_right5 houses the 3-line rotating adverts */
	div.box_right5 {	
		position: absolute;
		top: 190px;
		left: 687px;
		width: 260px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		border: dashed cyan 0px;
		background-color: ;				/* red  #cccccc  #285C85 */
		}

	/* box_right3 houses the 3-line rotating adverts */
	div.box_right3 {	
		position: absolute;
		top: 2744px;					/* 0  44  2764 */
		left: 685px;
		width: 260px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		border: dashed cyan 0px;
		background-color: ;				/* green  #cccccc  #285C85 */
		}

	/* box_right4 houses the 5-line rotating adverts */
	div.box_right4 {	
		position: absolute;
		top: 2800px;					/* 2820 */
		left: 685px;
		width: 260px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		border: dashed cyan 0px;
		background-color: ;				/* cyan  #cccccc  #285C85 */
		}

	/* box_right6 houses the 3-line rotating adverts */
	div.box_right6 {	
		position: absolute;
		top: 2890px;					/* 2910 */
		left: 687px;
		width: 260px;
		font-family: Arial;
		font-size: 11px;
		color: gold;
		font-weight: normal;
		line-height: 10px;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		padding: 0px;
		border: dashed cyan 0px;
		background-color: ;				/* red  #cccccc  #285C85 */
		}

	div.box00 {
		position: absolute;
		/*top: 150px;*/
		/*left: 685px;*/
		width: 245px;
		font-family: verdana;
		font-size: 11px;
		color: #003c56;
		font-weight: normal;
		line-height: 13px;
		margin-left: 0px;
		padding: 7px;
		border: solid gold 0px;
		background-color: ;		/* #395d96  #285c85  #004d67 #284b85 #282428 */
		}

	div.box01 {
		/* position: absolute;
		top: 275px;
		left: 685px;*/
		width: 239px;
		font-family: verdana;
		font-size: 11px;
		color: #ffffff;
		font-weight: normal;
		line-height: 13px;
		padding: 7px;
		border: solid gold 1px;
		background-color: #004d67;		/* #395d96  #285c85  #284b85 #282428 */
		}

	div.box02 {
		/* position: absolute;
		top: 275px;
		left: 685px;*/
		width: 239px;
		font-family: verdana;
		font-size: 11px;
		color: white;
		font-weight: normal;
		line-height: 13px;
		padding: 7px;
		border: solid gold 1px;
		background-color: #004d67;		/* #395d96  #285c85  #284b85 #282428 */
		}

	div.spacing_box {line-height:0px; margin-bottom:-4px;}

	div.hoofd {
		font-family: Arial;
		font-size: 26px; 
		line-height: 50px;
		color: #FF0000;
		font-weight: bold; 
		font-style: normal; 
		}

	div.hoofd2 {
		font-family: Arial;
		font-size: 18px;
		line-height: 20px;
		color: #285c85;
		}

/***************************************
	div.box1002 {
		width: 247px;
		margin-top: -10px;
		margin-bottom: -17px;
		margin-left: 31px;
		padding:3px;
		border: solid #285C85 1px;
		background-color: #FFFFFF;				/* #cccccc  #285C85 */
		}
**************************************/