@font-face {
    font-family: 'KPNSans';
    src: url("font/KPNsans5_.woff");
    src: url("font/KPNsans5_.ttf");
}
@font-face {
    font-family: 'KPNAccent';
    src: url("font/KPN Accent Light.woff");
    src: url("font/KPN Accent Light.ttf");    
}

html
{
	height:100%;
	padding:0;
	margin:0;
	border:0;
	overflow:hidden;
	font-family: KPNSans;
	font-size:14px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: auto; 
/* */
}

table
{
	font-size:14px;
}
body
{
	height:100%;
	max-height:100%;
	overflow:hidden;
	padding:0;
	margin:0;
	border:0;
}

/*h1
{
	font-size:24px;
	font-weight:bold;
	text-decoration:none;
	color:Black;
}
*/

h1
{
	font-size:24px;
	font-weight:normal;
	text-decoration:none;
	font-family:KPNAccent;
	color:#009900;
}


h2
{
	font-size:14px;
	font-weight:bolder;
	text-decoration:none;
	color:Black;
}
h3
{
	font-size:14px;
	font-weight:normal;
	text-decoration:underline;
	color:Black;
}

caption
{
	border:solid 1px #234a76;
	background-color:#869cb4;
	font-weight:bold;
}

ul
{
	list-style-image:url(images/arrow-blue.gif);
}

a
{
color:#333333;
border-color:#f3f3f3;
}

.content
{
	position: absolute;
	top:10px;
	bottom:10px;
	left:10px;
	right:10px;
	padding:5px;
	background-color:White;
}

* html .content
{
	top:0;
	left:0;
	right:0;
	bottom:0;
	height:100%;
	max-height:100%;
	width:100%;
	overflow:auto;
	position:absolute;
	z-index:3;
	border-top: 10px solid #fff;
	border-bottom:20px solid #fff;
	border-left:10px solid #fff;
}

.header
{
	position:absolute;
	margin:0;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:100px;
	z-index:5;
	overflow:hidden;
	background-color:#234a76;
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#869cb4,endColorStr=#234a76);
	border-bottom: solid 1px black;
}

.title
{
	color:White;
	text-align:center;
	font-size:48px;
	vertical-align:bottom;
	filter:progid:DXImageTransform.Microsoft.DropShadow(Color=#234a76,OffX=5,OffY=5);
}
.division
{
	color:#869cb4;
	text-align:right;
	font-size:24px;
	vertical-align:top;
}

.slogan
{
	padding-left:100px;
	color:White;
	text-align:center;
	vertical-align:top;
	font-size:24px;
	filter:progid:DXImageTransform.Microsoft.DropShadow(Color=#234a76,OffX=5,OffY=5);
}

/*.footer
{
	position: absolute;
	margin:0;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	height:20px;
	z-index:5;
	overflow:hidden;
	background-color:#234a76;
	border-top: solid 1px black;
	filter:progid:DXImageTransform.Microsoft.Gradient(gradientType=1,startColorStr=#869cb4,endColorStr=#234a76);
	text-align:center;
	color:White;
	font-size:11px;
	
	
}*/

.footer
{
	position: fixed;
	margin:0;
	bottom:0;
	left:0;
	display:block;
	width:100%;
	height:20px;
	z-index:5;
	overflow:hidden;
	background-color:#234a76;
	border-top: solid 1px #666666;
    background: #333333; /*#234a76; #446688; /* For browsers that do not support gradients */
    /* For Safari 5.1 to 6.0 */
    /* background: -webkit-linear-gradient(left,#19D24A,#1A702E,#1A702E,#1A702E,#216DAF); */
     background: -webkit-linear-gradient(left,#444444,#444444,#444444,#666666,#888888); 
     /* For Opera 11.1 to 12.0 */
   /*  background: -o-linear-gradient(left,#19D24A,#1A702E,#1A702E,#1A702E,#216DAF); */
     background: -o-linear-gradient(left,#444444,#444444,#444444,#666666,#888888); 
    /* For Fx 3.6 to 15 */
   /*  background: -moz-linear-gradient(left,#19D24A,#1A702E,#1A702E,#1A702E,#216DAF); */
     background: -moz-linear-gradient(left,#444444,#444444,#444444,#666666,#888888); 
     /* Standard syntax */
   /*  background: linear-gradient(to right, #19D24A,#1A702E,#1A702E,#1A702E,#216DAF); */
     background: linear-gradient(to right, #444444,#444444,#444444,#666666,#888888); 

	text-align:center;
	color:white;
	font-size:11px;
	
	
}

.menu
{
	position:absolute;
	left:0;
	top:100px;
	bottom:20px;
	width:150px;
	z-index:4;
	overflow:auto;
	background-color:#869cb4;
}
* html .menu 
{
	height:100%;
	top:0px;
	bottom:0px;
	border-top:100px solid #fff;
	border-bottom:20px solid #fff;
}

.menu a
{
	display:block;
	margin:0px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:3px;
	padding-right:2px;
	width:150px;
	border-style:solid;
	border-width:1px;
	text-decoration:none;
	text-align:left;
	line-height:25px;
	color:#FFFFFF;
	background-color: #5A7798;
	border-color: #869CB4 #234A76 #234A76 #869CB4;
}

.menu a:hover
{
	padding-top:3px;
	padding-bottom:1px;
	padding-left:4px;
	padding-right:1px;
	background-color: #44658A;
	border-color: #234A76 #869CB4 #869CB4 #234A76;
}
.menu p
{
	font-weight:bold;
	display:block;
	margin:0px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:3px;
	padding-right:2px;
	width:150px;
	border-style:solid;
	border-width:1px;
	text-decoration:none;
	text-align:left;
	line-height:25px;
	color:#000000;
	background-color:#FDB813;
	border-color: #FECC56 #875F01 #875F01 #FECC56;
}

.ProductHeader
{
	border-width:1px;
	border-style:solid;
	border-color:#234a76;
}

.price
{
	font-size:24px;
	font-weight:bold;
	color:#234a76;
}	

#map_canvas { height: 100% }