﻿
html,body{
  margin:0;
  padding:0;
  border:0;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
body{
  background-color:#cc0000;
  min-width:850px;
  text-align:center;
  	color: #666;
	font-family: Calibri, Verdana, Arial, Tahoma, Helvetica, sans-serif;
	font-size: 16px;
	line-height:22px;
}

a:link, a:visited {
color: #0079bd;}

a:focus, a:hover, a:active {
color: #666;}

p{
	padding: 0 15px 20px 0;
	margin: 0;
	text-align: justify;
}

h1{
	font-size: 18px;
	color: #020e44;
	padding:0;
	margin:0 0 20px 0;
	border-bottom:2px solid #020e44;
	font-family: Calibri, Arial;
	letter-spacing: 7px;

}

h2{
	font-size: 16px;
	color: #020e44;
	padding:0;
	font-family: Calibri, Arial;
}

.h2{
	color:#666;
	padding:3px 0 0 0;
	margin:0;
	font-size: 16px;
}

ul{
	margin:0;
	padding-left:15px;
}

td{
	vertical-align: top;
}

table p{
	padding:0 6px 12px 6px;
	text-align: right;
	line-height:19px;
	color:#dee2e7;
}

.feature{
padding-left:25px;	
margin-bottom:3px;
color:#dee2e7;
}

.left{
	text-align: left;
	color: #020e44;
}

.table{
	color:#dee2e7;
	padding:3px 0 0 4px;
}

.nb{
	background-color: #cc0000;
}


.contact{
	color: #020e44;
}

table{
padding: 0;
}

label, option, select{
width:240px;
}

input, textarea{
	background-color: #dee2e7;
	border: 1px solid #a6b1bf;
}

.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0;
  margin-bottom:-1px;
}

.pdf {
vertical-align: middle;
margin-top: 5px; 	
}

* html .clear{height:auto;margin-bottom:0}
#fullheightcontainer{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:850px;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#wrapper{
  min-height:100%;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
  background-image: url(graphics/wrapper.gif);
  background-repeat: repeat-y;
  background-color: #fff;

}
#wrapp\65	r{
  height:auto;
}
/* \*/
* html #wrapper{
  height:100%;
}
/* Last style with height declaration hidden from Mac IE 5.x */
#outer{
  z-index:1;
  position:relative;
  margin-left:200px;
  width:650px;
  background-color:transparent;
/* \*/
  height:100%;
/* Last height declaration hidden from Mac IE 5.x */
}
#left{
  width:201px;
  float:left;
  display:inline;
  position:relative;
  margin-left:-200px;
   
}
*>html #left{width:200px;}
#container-left{
  width:188px;
   background-color:#020e44;
   padding:0 0 0 0;
}


#container-center{
  padding-top:20px
}

.main {
 background-image: url(graphics/copifax-home-page-logo.gif); 
 background-repeat: no-repeat; 
 background-position: top right;

}

/* \*/
* html #left{margin-right:-3px;}
/* Above style hidden from Mac IE */
#center{
  width:650px;
  float:right;
  display:inline;
/* \*/
  margin-left:-1px;
/* Hidden from IE-mac */
}
#clearheadercenter{
  height:387px;
  overflow:hidden;
}
#clearheaderleft{
  height:387px;
  overflow:hidden;
}
#clearfootercenter{
  height:160px;
  overflow:hidden;
}
#clearfooterleft{
  height:160px;
  overflow:hidden;
}
#footer{
  z-index:1;
  position:absolute;
  clear: both;
  width:850px;
  height:140px;
  overflow:hidden;
  margin-top:-140px;
}
#subfooter1{
  background-color:#020E44;
  text-align:center;
  height:30px;
}

#subfooter2{
  background-color:#fff;
  text-align:center;
  height:110px;
  background-image: url(graphics/KonicaMinoltaBottom.jpg);
  background-repeat: no-repeat;
}

#header{
  z-index:1;
  position:absolute;
  top:0;
  width:850px;
  height:387px;
  overflow:hidden;
}
#subheader1{
  background:#cc0000;
  text-align:center;
  height:25px;
}
#subheader2{
  background-color:#cc0000;
  background-image: url(graphics/TopBanner.jpg);
  text-align:center;
  height:291px;
}
#subheader3{
   background-color:#cc0000;
  text-align:center;
  height:41px;
  background-image: url(graphics/TopBanner2Achieving.jpg);
}
#subheader4{
height:29px;
line-height: 29px;
background-color: #0079bd;
text-align:center;
border-top:1px solid #cc0000;
border-right:0;
border-bottom:0;
border-left:1px solid #0aa1fb;
}

#navtop ul{
margin: 0;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
background-color: #0079bd;
}

* html #navtop ul{ /*IE only rule, reduce menu width*/
width: 99%;
}

#navtop .nb{
background-color: #f10301;
width: 141px;
}
#navtop ul, #navtop li{
display: inline;
float: left;
}

#navtop li a{
float: left;
color: black;
padding: 2px 9px 3px 9px;
text-decoration: none;
background: transparent url(menu-bg-over.gif) center right no-repeat;
}

#navtop li a:visited{
padding: 2px 9px 3px 9px;
color: black;
}

#navtop li a:hover{
padding: 2px 9px 3px 9px;
color: black;
background-color: #0AA1FB;
}

#navtop li a:active{
color: black;
background-color: #0AA1FB;
}


/* left navigation */

#navleft ul{
float: left;
margin: 1px 0 0 0;
padding: 0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight: bold;
width: 190px;
}

#navleft li{
display: block;
list-style:none;
margin-bottom: 1px;
/*	border:1px solid blue; */
height: 30px;
line-height:30px;
}

#navleft li a:link, #navleft li a:visited {
float: left;
width: 177px;
text-decoration: none;
text-decoration: none;
color: black;
background-color: #0079bd;
padding-left:10px;
/* background-color is op die regte oplek hier*/
margin-bottom: 1px;
height: 30px;
line-height:30px;
}

#navleft li a:focus, #navleft li a:hover, #navleft li a:active{
color: black;
background-color: #0AA1FB;
height: 30px;
line-height:30px;
}

/* for model indents  */
/* for indent it works!*/
/* use float left to get full line height*/
#navleft ul ul li a:link, #navleft ul ul li a:visited {
float: left;
width:90px;
margin-left: 10px;
height: 30px;
line-height:30px;
}

/* height is now right */
#navleft ul ul li a:focus, #navleft ul ul li a:hover, #navleft ul ul li a:active {
float: left;
width: 90px;
margin-left: 10px;
color: black;
background-color: #0AA1FB;
height: 30px;
line-height:30px;
}



#navleft .current a:link, #navleft .current a:visited{
color: #fff;

}

/* height is now right */
#navleft .current a:focus, #navleft .current a:hover, #navleft .current a:active{
color:#a6b1bf;

}

#gfx_bg_middle{
  top:0;
  position:absolute;
  height:100%;
  overflow:hidden;
  width:650px;
  margin-left:200px;
  background:transparent;
}
* html #gfx_bg_middle{
  display:none;
}


