/* NOTE! language specific settings now reside in lang_*.css files, each titled "DP Languagename CSS template", and are included using a CSS import clause in the style template header. */

/* common items --------------------------------- */

body {background: url(/images/body_bg.gif) repeat-x #ffffff; color: #000000; margin: 0px; padding: 0px; font-family: verdana, arial, sans-serif; font-size: 70%;}
span.hide {display: none;}
div.clear {clear: both; visibility: hidden; height: 0px;}
div#wrapper {width: 100%; text-align: center;}
div#main {width: 859px; margin: 0px auto; text-align: left; position: relative;}


/* header --------------------------------------- */

div#header {width: 859px; height: 114px; position: relative; margin: 0px; padding: 0px;}
div#header h1 {margin: 0px; padding: 0px; background: url(/images/logo.gif) no-repeat transparent; position: absolute; left: 26px; top: 34px; width: 223px; height: 52px;}
p#language {position: absolute; width: 410px; height: 22px; margin: 0px; padding: 0px; right: 153px; top: 18px;}
p#language span.spacer {display: none;}
p#language a {display: block; position: absolute; top: 0px; height: 22px;}
a#lang_eng {left: 0px; width: 47px; background: url(/images/lang_eng.gif) no-repeat transparent; background-position: 5px 6px;}
a#lang_ger {left: 65px; width: 53px; background: url(/images/lang_ger.gif) no-repeat transparent; background-position: 5px 6px;}
a#lang_fin {left: 137px; width: 45px; background: url(/images/lang_fin.gif) no-repeat transparent; background-position: 5px 6px;}
a#lang_swe {left: 196px; width: 53px; background: url(/images/lang_swe.gif) no-repeat transparent; background-position: 5px 6px;}
a#lang_pol {left: 265px; width: 40px; background: url(/images/lang_pol.gif) no-repeat transparent; background-position: 5px 6px;}
a#lang_cze {left: 318px; width: 40px; background: url(/images/lang_cze.gif) no-repeat transparent; background-position: 5px 5px;}
a#lang_rus {left: 368px; width: 50px; background: url(/images/lang_rus.gif) no-repeat transparent; background-position: 5px 5px;}
form#search {position: absolute; margin: 0px; padding: 0px; right: 153px; top: 47px;}
input#searchTerm {position: absolute; top: 0px; right: 51px; border: 1px solid #c0c0c0; height: 16px; width: 100px; font-size: 11px; }
input#searchSubmit {position: absolute; top: 0px; right: 0px; background: #E4E4E4; border: 1px solid #c0c0c0; color: #7f7f7f; font-size: 9px; height: 20px; width: 50px; padding: 0px; margin-left: 1px;}

div#auxButtons {width: 120px; height: 60px; position: absolute; top: 15px; right: 14px; border-left: 1px solid #e5e5e5;}
div#auxButtons a:link, div#auxButtons a:visited, div#auxButtons a:active, div#auxButtons a:hover {width: 105px; height: 15px; position: absolute; left: 20px; display: block;}

a#auxDownloads {top: 9px;}
a#auxHowtobuy {top: 35px;}
a#auxRequestPresentation {top: 61px;}


/* main menu ------------------------------------ */

div#mainMenu {margin: 0px 0px 2px 0px; padding: 0px 0px 2px 0px; position: relative; height: 25px; width: 859px; border-bottom: 1px solid #c7c7c7;}
div#mainMenu a:link,div#mainMenu a:active,div#mainMenu a:visited,div#mainMenu a:hover, div#mainMenu span {display: block; position: absolute; height: 25px; top: 0px; border: none; padding: 0px;}
div#mainMenu span.hide {display: none;}


/* front page items ----------------------------- */

div#fpBanner {width: 859px; height: 236px; padding: 0px 0px 2px 0px; margin: 0px; border-bottom: 1px solid #c7c7c7;}
div#fpBanner a {display: block; width: 859px; height: 236px; }
div#fpBody {width: 859px; background: url(/images/fp_contentborders.gif) repeat-y transparent; position: relative; border-bottom: 1px solid #c7c7c7; padding: 0px;}
div#fpBody * {margin-top: 0px;}
div#fpBody p {color: #808080;}
div#fpBody h1 {display: none;}
div#fpBody ul {padding-left: 0px; margin-left: -3px; list-style: none; position: relative;}
div#fpBody li {margin-bottom: 10px; background: url(/images/arrow_level1.gif) no-repeat transparent; background-position: 0px 0.5em; padding-left: 12px;}
div#fpMid li {margin-bottom: 3px; margin-left: 4px;}
div#fpBody ul a:link, div#fpBody ul a:visited, div#fpBody p.more a:link, div#fpBody p.more a:visited {text-decoration: none; color: #007AB9;}
div#fpBody ul a:hover, div#fpBody p.more a:hover {text-decoration: underline;}
div#fpBody ul a span.date {color: #808080; font-size: 90%;}
div#fpBody p.more {margin-bottom: 0px; text-align: right;}
div#fpLeft,div#fpMid,div#fpRight {width: 243px; padding: 49px 21px 21px 22px; position: relative; float: left; clear: none;}
div#fpLeft a.hl, div#fpMid a.hl, div#fpRight a.hl {position: absolute; display: block; width: 248px; height: 29px; left: 3px; top: 2px;}


/* title bar and crumbtrail---------------------- */

div#title {width: 859px; height: 32px; background: url(/images/titlebox_bg.gif) repeat-x #83AA1C; position: relative;}
div#title hr {display: none;}
span#title_left, span#title_right {display: block; position: absolute; top: 0px; width: 4px; height: 32px; margin: 0px; padding: 0px;}
span#title_left {left: 0px; background: url(/images/titlebox_left.gif) no-repeat transparent;}
span#title_right {right: 0px; background: url(/images/titlebox_right.gif) no-repeat transparent;}
div#title h2 {position: absolute; right: 22px; top: 8px; margin: 0px; padding: 0px; width: 160px; height: 25px;}

div#title span.crumbTrail {display: block; position: absolute; left: 20px; top: 8px; font-size: 11px; color: #AFCB51;}
div#title a.crumbTrail:link, div#title a.crumbTrail:visited, div#title a.crumbTrail:active {color: #ffffff; text-decoration: none;}
div#title a.crumbTrail:hover {color: #ffffff; text-decoration: underline;}


/* content columns ------------------------------ */

div#bodyBg {z-index: 1; width: 616px; height: 147px; margin: 0px; padding: 0px; position: absolute; left: 0px; top: 176px; background: url(/images/body_halftone.gif) no-repeat transparent;}
div#body {z-index: 10; width: 859px; background: url(/images/body_contentborders.gif) repeat-y transparent; position: relative; border-bottom: 1px solid #c7c7c7;}
div#subMenu {width: 222px; position: relative; float: left; clear: none;}
div#text {width: 548px; margin-left: 224px; padding: 10px 42px 32px 42px;}
div#bodyPlain {z-index: 10; width: 857px; position: relative; border-bottom: 1px solid #c7c7c7; border-right: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7;}
div#bodyPlain div#text {width: auto; margin: 0px; padding-left: 32px;}


div#subMenu ul {margin: 36px 18px 36px 20px; list-style: none; height: 1%; padding-left: 10px;}
div#subMenu ul li {line-height: 1.5em; background: url(/images/arrow_level1.gif) no-repeat transparent; background-position: 0px 0.6em; padding-left: 12px; font-size: 120%; margin-bottom: 3px;}
div#subMenu ul ul {margin: 0.2em 0; padding-left: 0px;}
div#subMenu ul ul li {line-height: 1.5em; background: url(/images/arrow_level2.gif) no-repeat transparent; background-position: 0px 0.6em; font-size: 80%; margin-bottom: 0px;}
div#subMenu ul li.highlight {font-weight: normal;}
div#subMenu ul li.highlight ul {font-weight: normal;}
div#subMenu ul li.active {background: url(/images/arrow_active.gif) no-repeat transparent; background-position: 0px 0.6em;}
div#subMenu ul ul li.active {background: url(/images/arrow_active.gif) no-repeat transparent; background-position: 0px 0.6em;}
div#subMenu ul ul ul li {font-size: 100%;}

div#subMenu a {text-decoration: none;}
div#subMenu a:hover {text-decoration: underline; color: #78A11B;}
div#subMenu ul a {color: #007AB9;}
div#subMenu ul ul a {color: #666666;}


/* content styles ------------------------------- */

h1, h2, h3, h4, h5, h6, p, ul, ol {margin: 1em 0; padding: 0px; line-height: 1.4em;}

h1, h2 {font-family: arial, verdana, sans-serif;}
h1 {font-size: 180%; font-weight: normal; color: #78A11B;}
h2 {font-size: 140%; font-weight: bold; color: #004872;}
h3 {font-size: 140%; color: #ff6633; }
h4,h5,h6 {font-size: 100%; font-weight: bold;}


p {margin: 1.3em 0;}

a {text-decoration: underline;}
a:link {color: #007AB9;}
a:visited {color: #666666;}
a:active {color: #FF6600;}
a:hover {color: #78A11B;}

/* Original table colors:
table {border-right: 1px solid #78A11B; border-bottom: 1px solid #78A11B;}
table caption {padding: 4px 5px; color: #78A11B;}
table td, table th {border-left: 1px solid #78A11B; border-top: 1px solid #78A11B; padding: 3px 5px;}
table td *, table th * {margin-top: 0px; margin-bottom: 0px;}
table th {text-align: left;}
table tr.header td, table tr.header th {background: #eeeeee;}
table.versions tr.header td {background: none; padding: 1px;}
table.versions tr.header td.blank {background: #F3F7EA; border-top: 1px solid #e3e7da; border-left: 1px solid #e3e7da;}
table.versions td.check p {text-align: center; font-weight: bold; color: #007AB9;}
table.versions td.check img {vertical-align: middle;}
*/

/* New color tryout (Tuomas): */
table {border-right: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7;}
table caption {padding: 4px 5px;}
 table td, table th {border-left: 1px solid #d7d7d7; border-top: 1px solid #d7d7d7; padding: 3px 5px;}
table td *, table th * {margin-top: 0px; margin-bottom: 0px;}
table th {text-align: left;}
table tr.header td, table tr.header th {background: #f0f0f0; color: #004872; font-weight: bold;}
table.versions tr.header td {background: none; padding: 1px;}
table.versions tr.header td.blank {background: #F3F7EA; border-top: 1px solid #e3e7da; border-left: 1px solid #e3e7da;}
table.versions td.check p {text-align: center; font-weight: bold; color: #007AB9;}
table.versions td.check img {vertical-align: middle;}



table.keyfacts {width: 200px; float: right; margin: 0px 0px 10px 10px; font-size: 90%;}

h2.newsTitle {background: url(/images/small_bg.gif) repeat-x transparent; padding: 10px 15px 0px 15px}
div.newsBody {padding: 0px 15px 2px 15px;}
h2 span.date {font-size: 70%; font-weight: normal;}
span.editNews {font-weight: normal;}
p.newsTools {text-align: right; margin-top: -5px; margin-bottom: 4px;}
span.readMore {}

div.pagination {text-align: right; padding-top: 10px; margin-top: 8px;}

.green { color: #78A11B;}
.grey { color: #666666;}


/* footer --------------------------------------- */

div#footer {width: 859px; height: 70px; position: relative;}
div#footer hr {display: none;}
p#copyright {width: 158px; height: 10px; background: url(/images/copyright.gif) no-repeat transparent; position: absolute; left: 12px; top: 15px; margin: 0px; padding: 0px;}
p#quickLinks {width: 160px; height: 26px; position: absolute; right: 0px; top: 8px; margin: 0px; padding: 0px;}

a#siteMap {height: 26px; position: absolute; top: 0px;}
a#contactUs {height: 26px; position: absolute; top: 0px;}



/* extra tricks --------------------------------- */


/* miscellaneous IE-fixes \*/
* html div#text h1 {margin-top: 35px;}
* html div#text {margin-right: -3px;}
/* end fix */

.wide_table {width: 300px; }
.blue {
	font-weight: bold; color: #004872;
}

.blue_small {
	color: #004872;
}
.orange {
	font-size: 140%; color: #ff6633;
}

.orange_small {
	color: #78A11B;
}

.leftpic {
	padding-right: 10px;
	border: 0px;
	float: left;
	text-align: center;
}
.gray_background {
	border: 0px;
	background: url(/uploads/vM/CX/vMCX_O6f0U3bhCb6YntJ0Q/gray_background.jpg) no-repeat;
	height: 40px;
	color: #004872;
	font-weight: bold;
	text-align: center;
}

ul {padding-left: 0px; margin-left: -3px; list-style: none; position: relative;}
 li {background: url(/images/arrow_level1.gif) no-repeat transparent; background-position: 0px 0.5em; padding-left: 12px; margin-bottom: 3px; margin-left: 4px;}
 ul a:link,  ul a:visited {text-decoration: none; color: #007AB9;}
 ul a:hover {text-decoration: underline;}
 ul a span.date {color: #808080; font-size: 90%;}

 
/*ul, ol {padding-left: 24px;}
ul ul, ul ol, ol ul, ol ol {margin: 0.2em 0;}
ul li, ol li {margin: 0px; padding: 0px;}

*/

.noborder, table.noborder, table.noborder td, table.noborder th {border: 0px;}
               
table.rightbanner {
	border: none;
	float: right;
	margin-left: 40px;
}

div.staffpictures {
	padding: 4px; 
}

.checkoutbar {
	font-family: arial;
	font-size: 10;
	text-align: center;
}

.checkoutbar_selected {
	text-align: center;
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
}