/*----------BASIC ELEMENTS----------*/

body {
margin-top: 20px;
font-family: Arial, sans-serif;
font-size: 13px;
text-align: justify;
line-height: 19px;
color: #444444;
}

p {
margin-bottom: 10px;
}

table {
border-collapse: collapse;
border-spacing: 0px 0px;
padding: 0px;
margin: 0px;
}

td {
vertical-align: top;
padding: 0;
margin: 0;
}

ul 
{
list-style: square;
text-align: left;
}


h1 {
font-family: Arial, sans-serif;
font-size: 17px;
font-weight: bold; 
margin-top: 0px;
margin-bottom: 15px;
color: #636468;
text-align: left;
}

h2 {
font-family: Arial, sans-serif;
font-size: 15px;
font-weight: bold;
margin-top: 25px;
margin-bottom: 20px;
color: #636468;
text-align: left;
}
/*SOLUTIONS->Private and Small Business-> ASAN Benefits*/
h3 {
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
margin-top: 25px;
margin-bottom: 15px;
}
h4 {

font-family: Arial, sans-serif;
font-size: 12px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 15px;
color: #004A8D;
}

h5 {

font-family: Arial, sans-serif;
font-size: 12px;
font-weight: normal;
margin-top: 0px;
margin-bottom: 12px;
color: #00000;
}

h4.pdf {
float: left;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
background: url(images/pdf_icon.gif) no-repeat;
padding-top: 16px;
height: 0px;
width: 17px;
\height: 16px;
he\ight: 0px;
overflow: hidden; 
}


img {
border: none;
}

img.alignbottom {
padding-right: 5px;
padding-top: 3px;
}


img.alignright {
float: right;
/*padding-top: 10px;*/
padding-left: 15px;
padding-bottom: 10px;
}

img.alignleft {
float: left;
padding-top: 10px;
padding-right: 15px;
padding-bottom: 10px;
}

hr.hrnewstop {
margin-bottom: 18px;
}

a:link {
text-decoration: underline;
color: #004A8D;
}

a:visited {
text-decoration: underline;
color: #004A8D;
}

a:hover {
text-decoration: underline;
color: #9d9d9d;
}

/*----------HEADER DIVS----------*/
/*home, extranet, contact us, english, finnis navigation gifs align right*/

#header {
background: url(header/header04.jpg) no-repeat;
margin: auto;
width: 776px;
height: 104px;
border-bottom: 2px solid #DADADA;
}
#header img {
padding: 0px;
}

#home a {
display: block; 
height: 104px;
width: 200px;
}
/*company, products, solutions, partners, news, contact*/
#navicontainer {
background: url(navigation/nav1.gif) repeat-x;
border-left: 1px solid #636468;
border-bottom: 1px solid #636468;
border-right: 1px solid #636468;
margin: auto;
width: 774px;
height: 19px;
margin-bottom: 45px;
}

.navi, .naviselected {
float: left;
}
#navicontainer .navi a, #navicontainer .naviselected a   {
display: block;
padding-left: 8px;
padding-right: 8px;
font-size: 10px;
text-decoration: none;
color: #636468;
}

#navicontainer .navi a:hover {
background: url(navigation/nav2.gif) repeat-x;
}

#navicontainer .naviselected {
background: url(navigation/nav2.gif) repeat-x;
}

#naviright {
background: url(navigation/nav3.gif) repeat-x;
margin-left: 515px;
border-left: 10px solid #D00027;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 0px;
text-align: right;
}

#naviright a {
padding-left: 11px;
padding-right: 11px;
padding-bottom: 0px;
font-size: 10px;
vertical-align: middle;
text-decoration: none;
color: #ffffff;
}

/*----------CONTENT AREA----------*/

/*content area*/
#contentarea {

margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
width: 760px;
/*background-color: grey;*/
}

/*----------INDEX PAGE----------*/

/*index content*/
#indexcontent {
float: left;
width: 510px;
margin: 0px;
/*background-color: red;*/
}

/*image inside text*/
img.productoverview {
float: left;
margin-left: 0px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 10px;
padding: 0px;
}

/*----------INDEX COMPANY NEWS----------*/

/*index content news*/
#indexnews {
margin: 0px;
padding-left: 530px;
/*background-color: yellow;*/
}

/*company news datum*/
#indexnews .datum, .datum {
font-size: 11px;
font-weight: bold;
letter-spacing: 1px;
color: #004A8D;
float: left; 
}

#indexnews .readmore, .readmore {
text-align: right;
margin-left: 80px;
}

/*company news bodytext*/
#indexnews .pcompanynews, .pcompanynews {
font-size: 11px;
line-height: 15px;
margin-top: 15px;
margin-bottom: 15px;
}
/*----------ADDNAV----------*/
/*additional navigation*/
#addnav {
float: left;
width: 165px;
margin: 0px;
padding: 0px;
border: 0px;
font-size: 10px;
background-color: #ffffff;
}
#addnav a {
color: #636468;
font-size: 11px;
text-decoration: none;
padding-top: 2px;
padding-bottom: 2px;
padding-left: 10px;
display: block;
}
#addnav a:hover {
background-color: #E9EAED;
/*border-left: 2px solid #B9B9B9;*/
}

.selected {
background-color: #E9EAED;
/*border-left: 2px solid #B9B9B9;*/

}
#addnav .category {
height: 21px;
width: 95px;
text-align: center; 
}
#addnav .categorylong {
height: 21px;
width: 104px;
vertical-align: middle;
text-align: center;
}
#addnav .category a {
background: url(addnav/addnav1.gif) no-repeat;
background-position: bottom left;
font-size: 10px;
padding-left: 0px;
}
#addnav .categorylong a {
background: url(addnav/addnav3.gif) no-repeat;
background-position: bottom left;
font-size: 10px;
padding-left: 0px;
}

#addnav .category a:hover {
background: url(addnav/addnav2.gif) no-repeat;
background-position: bottom left;
}

#addnav .categorylong a:hover {
background: url(addnav/addnav4.gif) no-repeat;
background-position: bottom left;
}
#addnav .firstitem {
background-color: #ffffff; 
}

#addnav .firstitem a {
border: 1px solid #B9B9B9;
}

#addnav .item {
border-bottom: 1px solid #B9B9B9;
border-right: 1px solid #B9B9B9;
border-left: 1px solid #B9B9B9;
}

#addnav .itemtwo {
/*background-color: #EBEBEB;*/
/*border-bottom: 1px solid #B9B9B9;*/
border-right: 1px solid #B9B9B9;
border-left: 1px solid #B9B9B9;
}

#addnav .itemthree {

/*background-color: #EBEBEB;*/

border-bottom: 1px solid #B9B9B9;

border-right: 1px solid #B9B9B9;

border-left: 1px solid #B9B9B9;

}
#addnav .itemtwo a, #addnav .itemthree a {
/*background-color: #F6F6F6;*/
font-size: 10px;
line-height: 16px;
padding-top: 0px;
padding-bottom: 0px;
padding-left: 25px;
}

#addnav .itemtwo a:hover, #addnav .itemthree a:hover {
background-color: #E9EAED;
/*border-left: 2px solid #B9B9B9;*/
}

/*----------CONTENT----------*/

/*content with one column*/
#contentone {
padding-left: 205px;
padding-right: 40px;
}

/*content with two columns*/
#contenttwo {
padding-left: 205px;
}

#contenttwoinfobox {
float: right;
width: 165px;
padding-left: 40px;
}

#contentoneequal{
float: right;
width: 227px;
padding-left: 40px;
padding-top: 20px;
}

/*----------CORPORATE CONTENT----------*/

.infobox {
float: right;
width: 165px;	
margin-top: 0px;
padding-top: 5px;
padding-bottom: 5px;
margin-left: 10px;
padding-left: 20px;
border-left: 1px solid #B9B9B9;
/*background-color: aqua;*/
}

.infoboxcorp {
border-right: 1px solid #B9B9B9;
padding-right: 20px;
/*background-color: aqua;*/
}


.infoboxxlpr {
float: right;
width: 220px;
margin-top: 0px;
padding-top: 5px;
padding-bottom: 10px;
margin-left: 10px;
padding-left: 20px;
border-left: 1px solid #B9B9B9;

/*background-color: aqua;*/
}

.infobox p, .infoboxxlpr p {
clear: both;
margin: 0px;
padding: 0px;
}

.infobox img, .infoboxxlpr img {
margin-top: 0px;
margin-bottom: 5px;
padding: 0px;
}


/*----------PRODUCT NEWS----------*/

.datum {
font-family: Arial, sans-serif;
font-size: 13px;
font-weight: bold;
letter-spacing: 1px;
line-height: 13px;
color: #004A8D;


}

.newssubject {
font-family: Arial, sans-serif;
font-size: 13px;
margin-left: 5px;
font-weight: bold;
line-height: 13px;
color: #636468;

}

/*----------NEWS----------*/

/*news content p bodytext*/
p.newsbolddate {
font-size: 14px;
font-weight: bold; 
letter-spacing: 1px;
color: #004A8D;
margin-top: 0px;
}

/*news content p bodytext*/
p.newsboldtext {
font-weight: bold;
margin-top: 0px;
margin-bottom: 30px;
}

/* Additional information*/
p.newsaddinfo {
font-weight: bold;
margin-top: 30px;
}

/*image inside 19.8.2003 news text*/
img.newstextimg {
float: right;
margin-left: 15px;
margin-right: 0px;
margin-top: 3px;
margin-bottom: 15px;
padding: 0px;
}

#next {
position: static;
margin-left: 0px;
margin-top: -16px;
margin-right: 0px;
margin-bottom: 0px;
text-align: right;
width: 204px;
height: 100%;
}

/*----------CONTACT----------*/

.contactsright {
float: right;
width: 220px;
margin-top: 5px;

}

.contactsright p {

margin-bottom: 10px;
}

/*----------TECHNICAL DATA & FEATURES----------*/

table.techdata {
font-family: Arial, sans-serif;
font-size: 11px;
text-align: left;
line-height: 16px;
letter-spacing: 1px;
color: #444444;
border-collapse: collapse;
border: 1px solid #636468;
width: 100%;
}

table.techdata td {
border: 1px solid #636468;
padding: 1px;
padding-left: 5px;
}

table.moreinfo {
font-family: Arial, sans-serif;
font-size: 12px;
text-align: left;
line-height: 16px;
letter-spacing: 0px;
color: #444444;
border-collapse: collapse;
border: 0px;
padding: 3px;
width: 220px;
}

table.moreinfo td {
border: 0px;
vertical-align: middle;
text-align: left;
padding: 3px;
padding-left: 5px;
}



table.techdata td.greytd {
font-family: Arial, sans-serif;
font-size: 11px;
text-align: left;
line-height: 16px;
letter-spacing: 1px;
color: #444444;
border: 1px solid #636468;
background-color: #E8E8E8;
padding: 1px;
padding-left: 5px;
}

table.techdata td.image {
font-family: Arial, sans-serif;
font-size: 11px;
text-align: center;
line-height: 16px;
letter-spacing: 1px;
color: #444444;
border: 1px solid #636468;
background-color: #E8E8E8;
padding: 1px;
padding-left: 5px;
}

table.techdata td.imagewhite {
font-family: Arial, sans-serif;
font-size: 11px;
text-align: center;
line-height: 16px;
letter-spacing: 1px;
color: #444444;
border: 1px solid #636468;
background-color: #ffffff;
padding: 1px;
padding-left: 5px;
}

/*----------FOOTER----------*/

#empty               {
clear: both;
width: 780px;
height: 30px;
margin-top: 0px;
margin-right: auto; 
margin-bottom: 0px;
margin-left: auto;
padding: 0px;
/*background-color: pink;*/
}

/*footer area*/
#footer {
clear: both;
margin-top: 0px;
margin-right: auto;
margin-bottom: 60px;
margin-left: auto;
padding: 0px;
width: 780px;
height: 44px;
background-image: url(corner.gif);
background-repeat: no-repeat;
background-position: left bottom;
background-color: #004A8D;
}


/*footer bodytext*/
p.footer {
font-size: 10px;
text-align: right;
color: #83A1D5;
padding-top: 6px;
padding-right: 18px;
/*background-color: black; */
}

/*footer länk*/
a:link.footer {
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration: none;
color: #83A1D5;
}

/*footer länk*/
a:visited.footer {
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration: none;
color: #83A1D5;
}

/*footer länk*/
a:hover.footer {
font-family: Arial, sans-serif;
font-size: 10px;
font-weight: normal;
text-decoration: underline;
color: #83A1D5;
}