/*Different layouts of the pages, first specifications made on the body, general layout*/

body {
		padding: 0px 20px 20px 80px;
		margin-top: 0px;
		margin-right: 40px;
		margin-bottom: 10px;
		margin-left: 70px;
		color: black;
		text-align: justify;
		overflow: scroll;}


body.order{
		
		width:60em;
		overflow: scroll;}	

body#white {	
		
		overflow: scroll;}

body#black {	
		
		overflow: scroll;}


/*Specifications made on the different div-elemente*/

div#harvtext{	
		position: absolute;
		top: 8em;
		width:30em;
		left: 25em;}

div#hpic1{
		position: absolute;
		top: 7em;
		left: 3em;}

div#hpic2{	
		position: absolute;
		top: 21em;
		left: 17em;}

div#announcement{
		position: absolute;
		top: 12em;
		left: 2.5em;}

div#image{	
		z-index: 1;
		position: absolute;
		left: 10px;
		top:10px;}
		
div#pagetitle {
		
		color:black;
		font: 200% font-family: "Times New Roman", serif;
		text-align: center;	
		height: 50px;		
		z-index: 2;		
		position: absolute;
		top: 3em;
		left: 4em;
		width:23em;}

div#main{	z-index:3;
		position: absolute;
		left: 20em;
		top: 8.5em;
		width: 29em;
		padding: 0px 15px 15px 15px;
		color:black;
		font: 120% "Times New Roman", serif;
		text-align: justify;}
		 
div#main2{	
		z-index:3;
		position: absolute;
		left: 20em;
		top: 8.5em;
		width: 29em;
		padding: 0px 15px 15px 15px;
		color: black;
		font: 120% "Times New Roman", serif;
		text-align: justify;}
		
div#image{	
		z-index:1;
		position: absolute;
		left: 2em;
		top: 7em;
		right: 40em;}

div#table {
		text-align: right;}

div#announcement{
		color:black;
		position: absolute;
		right: 100px;
		left: 450px;
		top: 600px;
		font: 327% "ICT Tempus Sans",Linotype;}
		
div#fair {
		position: absolute;
		top: 220px;
		left: 0px;
		text-align: right;}

div#textfair{
		position: absolute;
		top: 15em;
		left: 28em;
		text-align: left;}

div#textfair2{
		position: absolute;
		top: 25em;
		left: 36em;
		text-align: left;
		border-width: thick;
		border-style: solid;
		padding: 30px 30px 30px 30px}

div#TableNavigation{ 
		position: absolute;	
		top: 10px;
		left: 10px;}

p#harvpara{
		color:black;}
		
div.logo{
		z-index: 2;
		position: absolute;
		top: 0px;
		width: 29em;
		left:5em;
		height: 1.8em;	
		color:black;
		font: 160% "Times New Roman", serif;
		font-style: italic;
		font-weight: bold;
		text-decoration: underline;
		text-align: center;}
		
div.navigation {
		z-index: 2;
		position: absolute;
		top: 2.7em;
		Width: 46.4em;
		left: 8em;
		background:#007D48;
		height: 1.5em;	
		color:black;
		font: 100% "Times New Roman", serif;
		text-align: center;
		padding-top: 10px;}
		
div.order_pos{	position: absolute;
		top: 5em;
		left: 8em;
		width:47em;}
		
div.order_title{
		top:60px;}

/*Position the copyright and the W3W symbol for a each page*/

div.CopyIndex {	
		z-index:3;
		position: absolute; 
		left:100em; top:52em;
 		text-align: center;
 		font-size: 60%;color:black;
		letter-spacing: 1px;}

div.CopyAboutUs{	
		z-index:3;
		position: absolute; 
		left:105em; top:135em;
 		text-align: center;
 		font-size: 60%;color:black;}

div.CopyOrder{	
		z-index:3;
		position: absolute; 
		left:108em; top:57em;
 		text-align: center;
 		font-size: 60%;color:black;}
div.CopyProducts	
		{z-index:3;
		position: absolute; 
		left:108em; top:102em;
 		text-align: center;
 		font-size: 60%;color:black;}
div.CopyProducts a:hover{
		letter-spacing: 1px;}

div.CopyForEatingTable
		{z-index:3;
		position: absolute; 
		left:106em; top:62em;
 		text-align: center;
 		font-size: 60%;color:black;}
div.CopyForEatingTable a:hover{
		letter-spacing: 1px;}

div.CopyForDrinkingTable
		{z-index:3;
		position: absolute; 
		left:106em; top:58em;
 		text-align: center;
 		font-size: 60%;color:black;}
div.CopyForDrinkingTable a:hover{
		letter-spacing: 1px;}
		
div.CopyForSensingTable
		{z-index:3;
		position: absolute; 
		left:106em; top:55em;
 		text-align: center;
 		font-size: 60%;color:black;}
div.CopyForSensingTable a:hover{
		letter-spacing: 1px;}
		
div.CopyOrderOnsite
		{z-index:3;
		position: absolute; 
		left:93em; top:135em;
 		text-align: center;
 		font-size: 60%;color:black;}
div.CopyOrderOnsite a:hover{
		letter-spacing: 1px;}
		
div.CopyActivities
		{z-index:3;
		position: absolute; 
		left:85em; top:53em;
 		text-align: center;
 		font-size: 60%;color:black;}
div.CopyActivities a:hover{
		letter-spacing: 1px;}

div.CopyContactUs
		{z-index:3;
		position: absolute; 
		left:75em; top:53em;
 		text-align: center;
 		font-size: 60%;color:black;}
div.CopyContactUs a:hover{
		letter-spacing: 1px;}
		
/*For positioning of the images in the product page */

div#foreating {
		position: absolute;
		top: 10em;
		left: 7.5em;
		text-align: center;}
div#foreating a:link {
		color: black;}

div#fordrinking {
		position: absolute;
		top: 10em;
		left: 33em;
		text-align: center;}
div#fordrinking a:link {
		color: black;}

div#forsensing {
		position: absolute;
		top: 35em;
		left: 7.5em;
		text-align: center;}
div#forsensing a:link {
		color: black;}
		
div#forwearing {
		position: absolute;
		top: 35em;
		left:33em;
		text-align: center;}
div#forwearing a:link {
		color: black;}

/*for the tables*/

/*table in activity page*/
table{	
		border-width: 5px;
		border-style: solid;
		background-color:white;}	

/*tables from products page*/
table.table{	
		background-color: white;
		margin: auto;
		width: 45em;
		text-align: center;}
td {
	padding: 0.2cm;}

/*heading specifications*/
	
h1.mainheading{
		font: 140% "Times New Roman", serif;}
		
h1.h13_5{
 		font: 200% "Times New Roman", serif;
		text-align: center;}
h.h20{
 		font: 345%  "Times New Roman", serif;}
		
/*paragraphs*/
		
p.p9 {
 		font: 82%  "Times New Roman", serif;}
		
p.p18{
 		font: 164%  "Times New Roman", serif;}

p.p10_5{
 		font: 95%  "Times New Roman", serif;}

p.p11{
 		font: 100%  "Times New Roman", serif;}
		
p.p12{
 		font: 109%  "Times New Roman", serif;}
		
p.address{
		text-indent: 4.5em;
		font: 109% "Times New Roman", serif;
		color: black;}


/*general specifications for links -- when passing over them*/
a:hover {
		font-style: italic;
		letter-spacing: 5px;
		font-weight:bold;}

/*Setting border around image*/
		
img.border_order{
		border-width: 5px;
		border-style: solid;}

/*Design for the XML page*/

caption{	font-variant: small-caps;
		font-weight: bold;
		font-size: 300%}

WearingTable	{
			color: black}

MainHeader	{
		display: block;
		text-align: center;
		font-variant: small-caps;
		font-weight: bold;
		font-size: 300%;}

NameDeclaration, DescriptionDeclaration, SizeDeclaration, PriceDeclaration {
		display: block;
		margin-bottom: 10px}
		
AppleProduct	{
		display: block;
		margin-bottom: 30px;
		margin-left: 15px;}

NameDeclaration{
		margin-top: 40px}

Name, Description, Size, Price {font-weight: bold;}