body {
 color: #000;
 font-family: Arial, sans-serif;
 margin: 0;
 padding: 0;
 background: url(../layout/bodybg2.png) #6699CC repeat;
 /*background-position: bottom;
 background-attachment: fixed;*/
 }
div#topBg {
 background: url(../layout/bodybg3.png) repeat-x;
}
div#layoutBg {
 width: 756px;
 background-color: #ffffff;
 margin: 0px auto 2% auto;
 /*Piilotetaan sivuston reunat ie5 ja ie4 selaimilta pienellä css hackilla*/
 b\order: 1px solid #2F5781;
}

div#print {
 width: 45px;
 background: transparent;
 border-top: 1px solid #D3D9DD;
 border-right: 1px solid #D3D9DD;
 border-left: 1px solid #D3D9DD;
 margin-left: 690px;
 padding-left: 7px;
 padding-top: 3px;
}

/*BBCODE*/
.floatright {
 float: right;
 margin: 0 0 10px 10px;
 border: 0px solid #666;
 padding: 1px;
}
.floatleft {
 float: left;
 margin: 2px 2px 0 0;
 border: 0px solid #666;
 padding: 1px;
}
.bbList {
 color: #666;
 margin: 0px;
 padding: 0.5em 20px 0px 60px;
 line-height: 12pt;
 font-size: 10pt;
 list-style-image: url('../layout/refDots.gif');
}

/*Navigointi*/


/*Keskusta*/

#container {
 background: #ffffff;
 color: #000;
 margin: 0px;
 padding: 0px;
 width: 756px;
}

/*Vasen reuna*/

#leftColumn {
 /*background: url('../layout/leftBg') repeat;*/
 float: left;
 margin: 0;
 padding: 30px 0 2em 0;
 width: 200px;
 border-right: 1px solid #F2F2F2;
}
#leftColumn h2 {
 margin: 0px 5px 0px 5px;
 padding: 5px 0 0 0px;
 color: #005699;
 font-size: 9pt;
 font-weight: bold;
 border-bottom: 1px solid #ddd;
}
#leftColumn h3 {
 margin: 0;
 padding: 0px 0 0 5px;
 color: #808080;
 font-size: 8pt;
 font-style: italic;
 font-weight: normal;
}
#leftColumn p {
 margin: 0;
 padding: 0.5em 1em;
 font-size: 8pt;
 color: #333333;
 line-height: 18px;
}

#leftColumn a { font-size: 8pt; color: #005699; line-height: 18px; text-decoration: none; }
#leftColumn a:hover {color: #7CAED5;}
#leftColumn a:active {color: #7CAED5;}

.leftTbl {
 margin: 5px 13px 5px 13px;
 border: 2px solid #dddddd;
 background: url('../layout/leftBg.jpg') repeat;
 
}

/*Oikea reuna*/

#rightColumn {
 background-image: url('../layout/blueStripe2.jpg');
 background-repeat: no-repeat;
 background-position: top right;
 background-color: #ffffff;
 font-size: 0.9em;
 margin: 0 0 0 0;
 padding: 0 0 2em 0; 
}

#rightColumn h3 {
 margin: 0;
 padding: 5px 0 5px 5px;
}
#rightColumn h1 {
 margin: 0 20px 12px 20px;
 padding: 15px 0 0 0;
 font-size: 10pt;
 color: #7A8C99;
 font-weight: bold;
 border-bottom: 2px solid #0074CC;
}
#rightColumn h2 {
 color: #808080;
 font-size: 8pt;
 text-decoration: none;
}
#rightColumn p {
 margin: 0px 0px 10px 0px;
 padding: 0.5em 20px 0px 20px;
 font-size: 8pt;
 color: #666;
 line-height: 20px;
 letter-spacing: 1pt;
}

#rightColumn a { margin: 0; color: #005699; line-height: 18px; text-decoration: none;}
#rightColumn a:hover {color: #7CAED5;}
#rightColumn a:active {color: #7CAED5;}

/*Alareuna*/

#footer {
 clear: both;
 font-size: 8pt;
 margin: 0;
 width: 756px;
}
#footer p {
 margin: 0;
 padding: 7px 10px 7px 13px;
 color: #B3B3B3;
}
#footerLeft {
 background: #fff;
 float: left;
 margin: 0;
 padding: 0 0 0 0;
 width: 200px;
 border-top: 1px solid #D3D9DD;
}
#footerCenter {
 background: #ffffff;
 float: left;
 width: 278px;
 text-align: center;
 border-top: 1px solid #D3D9DD; 
}
#footerRight {
 background: #ffffff;
 float: left;
 width: 278px;
 border-top: 1px solid #D3D9DD;
 text-align: right;
}
#footer a {
 color: #B3B3B3;
 text-decoration: none;
}

#footerB {
 clear: both;
 background: url('../layout/footerBg.png');
 width: 756px;
 height: 10px;
}

/*Muut*/
#flags {
 padding: 7px 10px 7px 0px; 
}
.info {
 border: 1px solid #808080;
 background: #90aff0;
 margin: 0.5em 20px 0px 20px;
 padding: 2px;
 color: #000;
 font-size: 9pt;
}

/*Tuotteet sivu*/

#products {
 margin: 0;
 padding: 0;
}

#products li {
 margin: 0px;
 padding-left: 17px;
}
#products ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

.productLink { color: #005699; font-size: 10pt; text-decoration: none; font-weight: bold;}
.productLink:hover { color: #7CAED5; font-size: 10pt; text-decoration: none; font-weight: bold;}
.productLink:active { color: #7CAED5; font-size: 10pt; text-decoration: none; font-weight: bold;}

.subLink { color: #7A8C99; font-size: 10pt; text-decoration: none; }
.subLink:hover { color: #7CAED5; font-size: 10pt; text-decoration: none; }
.subLink:active { color: #7CAED5; font-size: 10pt; text-decoration: none; }

.arrow {
 background: url('../layout/arrow.gif') no-repeat;
 background-position: left center;
}
.dotLine {
 border: 0px solid #000;
 width: 180px;
 height: 1px;
 background: url('../layout/blackDot.gif') repeat-x;
 margin: 10px 10px 0px 10px;
}
#productsImageMap {
 padding: 0px 20px 0px 20px;
}

/*Tuote-esittely sivu*/
span#techFont {
 font-size: 12pt;
 color: #CBCBCB;
 font-weight: bold;
 padding: 0.5em 20px 0px 20px;
 margin: 0px;
 border: 0px solid #000;
}
div#productText {
 font-size: 8pt;
 color: #808080;
 margin: 5px 13px 5px 13px;
}
.productTbl {
 font-size: 10pt;
 margin: 0px;
 padding: 0px;
 color: #666;
}
.productTbl th {
 background: #D4DCE8;
 color: #333;
 font-size: 9pt;
 margin: 0px;
 padding: 2px;
}
.productTbl td {
 padding: 2px 2px 2px 2px;
}
#productDiv {
 padding: 10px 20px 20px 20px;
}
.picMargin {
 margin: 5px 13px 5px 13px;
}
/*Referenssit sivu*/
div#refList {
 font-size: 90%;
 color: #333333;
}
#refList ul {
 list-style-image: url('../layout/refDots.gif');
}
#refList a {color: #005699; text-decoration: none; font-weight: bold; }
#refList a:hover { color: #7CAED5; text-decoration: none; font-weight: bold; }

/*Yhteystiedot sivu*/
.contact {
 font-size: 8pt;
 color: #555555;
 line-height: 18px;
 letter-spacing: 1pt;
 padding: 0.5em 20px 0px 20px;
}
.contact h2 {
 margin: 0px;
 padding: 0px;
 font-size: 100%;
 color: #808080;
 font-style: italic;
 font-weight: bold;
}
.face {
 border: 1px solid #7A8C99;
}
#drive a {color: #005699; font-size: 10pt; text-decoration: none; font-weight: bold; }
#drive a:hover { color: #7CAED5; text-decoration: none; font-weight: bold; }

/*Palaute sivu*/

#feedback {
 border: 0px solid #0000ff;
}
#feedback h3 {
 margin: 0px;
 padding: 0.5em 20px 0px 20px;
 font-family: arial, serif;
 font-size: 90%;
 color: #000;
 font-weight: bold;
}
#feedback p {
 margin: 0px 0px 0px 0px;
 padding: 0.5em 20px 0px 20px;
}
#feedInfo td {
 font-size: 10pt;
 color: #333;
}
#feedInfo {
 padding: 0px 20px 12px 20px;
}
#feedInfo p {
 padding: 0px 20px 12px 20px;
}
.important {
 color: #ff0000;
 font-weight: bold;
}
/*Messut sivu*/
.fairs h2 {
 margin: 0px 20px 0px 20px;
 padding: 0.5em 20px 0px 0px;
 font-family: arial, serif;
 font-size: 90%;
 color: #808080;
 font-weight: bold;
}
.fairs h4 {
 margin: 0px;
 padding: 0px 20px 0px 20px;
 font-family: Verdana, arial, serif;
 font-size: 70%;
 font-weight: normal;
 color: #808080;
}
.fairsLine {
 border-bottom: 1px dashed #808080;
 margin: 10px 20px 10px 20px;
}
#pageLink {
 padding: 20px 20px 0px 0px;
 color: #808080;
}
#pageLink a {
 font-family: arial, serif;
 font-size: 100%;
 color: #005699;
 text-decoration: none;
}

.esik_takas {
 padding: 20px;
}

.esik_takas a {
 color: #fff;
}