.main {font-family: Verdana, Arial, Helvetica ;
		font-size: 9pt; 
		color: #000000; 
		margin-top: 0.00in; 
		margin-right: 0.00in; 
		margin-left: 0.00in; 
		margin-width: 0.00in; 
		margin-bottom: 0.00in; 
		background-color: #404040;
		background-image: url("../img/background-img.jpg");
		background-repeat: no-repeat;
		background-position: top center;}
.header {font-family: Verdana, Arial, Helvetica;
		font-size: 10pt; 
		color: #ffffff;
		background-color: #006666;
		background-image: url("../img/bg-header.jpg");
		background-repeat: repeat}		
.content {font-family: Verdana, Arial, Helvetica;
		font-size: 9pt; 
		color: #363636; 
		background-color:#B8D7C7;
		background-image: url("../img/bg-watertopleft.jpg");
		background-repeat: no-repeat;
		background-position: top left;}
.footer {font-family: Verdana, Arial, Helvetica;
		font-size: 9pt; 
		color: #000000; 
		padding-top: 0.10in; 
		padding-right: 0.10in; 
		padding-left: 0.10in; 
		margin-width: 0.00in; 
		padding-bottom: 0.10in; 
		background-color: #C0C0C0;
		background-image: url("../img/bottom.jpg");
		background-repeat: no-repeat;
		background-position: top left;}	
p,li,ul,ol,td,tr,div {font-family: Verdana, Arial, Helvetica ;
		font-size: 10pt;
		color: #363636;}
		
li		{padding-bottom: 0.05in;}		
.highgate {font-family: Verdana, Arial, Helvetica; 
		font-size: 9px; 
		color: #eaeaea; 
		margin-top: 0.10in; 
		margin-right: 0.05in; 
		margin-left: 0.05in;}
.small {font-family: Verdana, Arial, Helvetica;
		 font-size: 11px;}

.smallvet {font-weight: bold;
		 font-size: 12px;}
.smallblack {font-family: Verdana, Arial, Helvetica; 
		font-size: 9px; 
		color: #000000;}
h1 {font-family: Arial, Verdana, Helvetica;
		font-size: 14pt;
		font-weight: bold;
		color: #121212;
		letter-spacing: 2 pt;}					
h2 {font-family: Arial, Verdana, Helvetica;
		font-size: 12pt;
		font-weight: bold;
		color: #121212;
		letter-spacing: 2 pt;}
h3 {font-family: Arial, Verdana, Helvetica;
		font-size: 11pt;
		font-weight: bold;
		color: #121212;
		letter-spacing: 1 pt;}
.titel {font-family: Arial, Helvetica, Verdana ;
		font-size: 12pt;
		color: #336633; 
		font-weight: bold;}						
.subtitel {font-family: Arial, Verdana, Helvetica;
		font-size: 11pt;
		font-weight: bold;
		font-style: italic;
		color: #336633;}
.indent {margin-top: 0.10in; 
		margin-right: 0.05in; 
		margin-left: 0.20in;}		
hr {color: #006633}
.border {background-color: #ffffff; 
		margin-top: 0.00in; 
		margin-right: 0.00in; 
		margin-left: 0.00in;		
		border-color: #0099cc;
		border-width: 2.00px;
		border-style: solid;}
td {vertical-align: top;}		
A:link {color: #006633;
		text-decoration: none;}
A:visited {color: #006633;
		text-decoration: none;}
A:hover {color: #ff6600; 
		text-decoration: underline;}
.5pct	{margin-left: 5%}
.10pct	{margin-left: 10%}
img.kader {border-width: thin;
		border-style: solid;
		border-color: #000000;}
/*This is where the magic happens!*/
div.box {
     /*Any properties you'd want the box to have.*/
     /*Would probably be position, dimension type stuff.*/
     /*Though personally I would have a div outside this
       to control the dimensions.*/
     border: 1px solid #006666;
     position: relative;
     width: 100%;
}
div.box_contents {
     background-color:#eaeaea; /* change to transparent or eaeaea for transparent background*/
     height: 100%;
     position: relative;
     width: 100%;
     z-index: 101;
}
div.box_background {
     background-color: white;
     height: 100%;
      filter:alpha(opacity=75); /* IE's opacity*/
     left: 0px;
     opacity: 0.65;
     position: absolute;
     top: 0px;
     width: 100%;
     z-index: 99;
}