*{margin:0;padding:0}
body{background:url(images/bg.jpg) no-repeat center top #131b20;font:13px Arial,Helvetica,sans-serif}
img{border:0}
.clear{clear:both}

/* Text */
p,ul,ol,li,table,th,td,input{color:#333}
p,li{line-height:17px}
p{margin-bottom:10px}
p strong{color:#222}
h2{font-size:20px;text-transform:uppercase;color:#111;margin-bottom:6px}
h3{font-size:16px;color:#111;margin-bottom:8px}
h4{font-size:14px;color:#111;margin-bottom:8px}
h5{font-size:12px;color:#111;margin-bottom:8px}

/* Links */
a:link{color:#0d5b93}
a:visited{color:#44647b}
a:hover{color:#3895d7}
a:active{color:#307aaf}

h2 a{text-decoration:none}
h2 a:link{color:#222}
h2 a:visited{color:#222}
h2 a:hover{color:#666}
h2 a:active{color:#222}

/* Table */
table td{padding:0 15px 10px 0;vertical-align:top}
table td img{border:1px solid #d1d1d1;padding:7px;background:#fff}

/* Wrapper */
.wrapper{width:960px;margin:0 auto;position:relative}

/* Header */
#header{background:url(images/bg-header.png) repeat-x;height:48px;margin-bottom:17px}
#header h1 a{display:block;background:url(images/logo.png) no-repeat;width:130px;height:48px;text-indent:-9999px;float:left}
#header h1 a:hover{opacity:0.8}

/* Navi */
#navContainer{float:left;width:600px;margin-left:40px}
#nav{list-style:none}
#nav li{display:inline}
#nav li a{display:block;float:left;font:bold 13px "Trebuchet MS",Arial,Helvetica,sans-serif;color:#fff;text-transform:uppercase;text-decoration:none;padding:18px 10px 12px 10px;letter-spacing:0.5px;margin-right:10px}
#nav li a:hover{color:#bee4ff}

/* Lang */
#lang{list-style:none;position:absolute;top:7px;right:0}
#lang li{float:left}
#lang li a{display:block;width:32px;height:33px;text-indent:-9999px;outline:none}
#lang li a:hover{opacity:0.7}
#lang li a:active{opacity:0.5}
#lang li.fi a{background:url(images/flag-fi.png) no-repeat}
#lang li.en a{background:url(images/flag-en.png) no-repeat}
#lang li.se a{background:url(images/flag-se.png) no-repeat}
#lang li.ru a{background:url(images/flag-ru.png) no-repeat}

/* Content */
#content{margin-bottom:20px}

/* Buttons */
a.more{text-transform:uppercase;border:1px solid #999;-moz-box-shadow:0px 0px 5px #999;-webkit-box-shadow:0px 0px 5px #999;padding:4px 20px 3px 20px;-moz-border-radius:11px;-webkit-border-radius:11px;color:#333;text-decoration:none;font-size:12px;background:url(images/bg-button.png) repeat-x left bottom #fff;color:#000}
a.more:hover{color:#666}
a.more:active{-moz-box-shadow:0px 0px 1px #aaa;-webkit-box-shadow:0px 0px 1px #aaa;border-color:#888;outline:none}

/* Frontpage */
.box{background:#fff;padding:6px 6px 3px 6px;-moz-box-shadow:0px 0px 13px #000;-webkit-box-shadow:0px 0px 13px #000;margin-bottom:8px}

/* Spotlight */
#spotlight{width:948px;height:325px;overflow:hidden}

/* Headline */
#headline{background:url(images/bg-headline.png) repeat-x #529dd1;-moz-box-shadow:0px 0px 13px;padding:38px 0 0 35px;height:84px;margin-bottom:8px}
#headline h1,
#headline h2{font-size:40px;color:#fff;text-shadow:0px 0px 10px #000}

/* Inner elements */
#inner-headline{}
#inner-text{padding:20px}

/* Info bar */
.info{padding:20px 20px 12px 20px}
.info .col{width:430px;float:left}
.info .col1{margin-right:30px}

/* Areas */
.areas .area{width:444px;float:left;min-height:182px;padding:12px 20px 12px 12px;background:url(images/bg-box.png) repeat-x #fff bottom left}
.areas .area1,
.areas .area3,
.areas .area5{margin-right:8px}
.areas .area h2{font-size:13px;margin-top:7px}

.areas .areaimg{float:left;}
.areas .areaimg img{border:1px solid #d1d1d1;padding:7px;background:#fff}
.areas .areatxt{margin-left:205px}

.areas p{margin-bottom:15px}

/* Columns */
.cols2 .col1{width:496px;float:left}
.cols2 .col2{float:right}
.cols2 .text{padding:10px 15px}

/* Footer */
#footer{clear:both;background:url(images/bg-footer.png) repeat-x;height:110px;padding-top:24px}
#footer .col{float:left}
#footer .col1{width:200px}
#footer .col2{width:285px;padding-top:18px}
#footer .col3{width:225px;padding-right:10px}
#footer .col4{width:225px;padding-top:18px}
#footer p,
#footer h3,
#footer li,
#footer a{color:#fff;text-decoration:none}
#footer a:hover{color:#cbeaff}
#footer h3{text-transform:uppercase;font-size:13px;margin:0 0 2px 0}
#footer ul{padding-left:14px}
