/*GLOBAL OPTIONS*/
html{
font-size:100.1%;
}
body{
font:64% Verdana, Arial, Helvetica, sans-serif;
margin:0;
background:url(./bg-header-border.gif) repeat-x 0 109px;
}
form{
display:inline;
padding:0;
margin:0;
}
fieldset{
margin:0;
padding:0;
display:block;
border-style:none;
}
tr{ vertical-align: top;
}
a{
text-decoration:none;
color:#00595a;
}
a:hover{text-decoration:underline;}
img{border-style:none;}
/*text to image replacment*/
.logo a, .main-nav li a.home, .sub-column .lock, .btn-back-to-top a, .action-menu a{
display:block;
overflow:hidden;
text-indent:-9999px;
}
/*MAIN CONTAINER*/
#main{
margin:0 auto;
width:984px;
position:relative;
padding-top:109px;
}
/*HEADER*/
#header{
height:109px;
position:absolute;
left:0;
top:0;
width:100%;
}
/*logo*/
.logo{
margin:0;
position:absolute;
top:19px;
left:0;
background:url(./logo.gif) no-repeat;
width:149px;
height:45px;
}
.logo a{
height:100%;
width:100%;
}
/*main-nav*/
.main-nav{
padding:0 0 0 10px;
margin:0;
list-style:none;
position:absolute;
left:0;
top:77px;
z-index:10;
}
.main-nav li{
float:left;
background:url(./bull-red-dot.gif) no-repeat 3px 16px;
font-size:12px;
color:#3b3b3b;
padding:0 0 0 11px;
margin:0 0 0 -10px;
}
.main-nav li a{color:#3b3b3b;}
.main-nav li:first-child{
padding:0 7px 0 0;
background:none;
margin:0;
}
.main-nav li a.home{
width:25px;
height:23px;
margin:3px 0 0;
background:url(./ico-home.gif) no-repeat;
}
.main-nav li .nav-sifr{
float:left;
padding-top:7px;
font-size:11px;
text-transform:uppercase;
}
.main-nav li strong{
float:left;
position:relative;
padding:4px 19px 1px 8px;
}
* html .main-nav li strong{padding:4px 15px 2px 8px;}
.main-nav li:hover,
.main-nav li.hover{position:relative;}
.main-nav li:hover strong,
.main-nav li.hover strong{
z-index:150;
background:url(./bg-drop-nav-active.png) no-repeat;
}
.main-nav li:hover .drop-down,
.main-nav li.hover .drop-down{display:block;}
.bg-holder{
float:left;
height:36px;
width:6px;
}
.main-nav li:hover .bg-holder,
.main-nav li.hover .bg-holder{background:url(./bg-drop-nav-right.png) no-repeat;}
.drop-down{
width:593px;
display:none;
position:absolute;
left:11px;
z-index:10;
top:28px;
background:url(./bg-drop.png) no-repeat;
padding:4px 8px 0 0;
color:#000;
font-size:10px;
}
.drop-left{
right:-3px;
left:auto;
}
.drop-down strong{display:block;}
.drop-inner{
background:#f9f8f2;
min-height:284px;
border:1px solid #bdbdbd;
border-top-color:#878787;
position:relative;
}
* html .drop-inner{height:284px;}
.box-holder{
padding:20px;
overflow:hidden;
}
.main-nav li .drop-inner strong,
.main-nav li.hover .drop-inner strong{
background:none;
float:none;
padding:0;
font-size:11px;
}
.main-nav li .drop-inner span,
.main-nav li.hover .drop-inner span{
float:none;
background:none;
}
.drop-box{
float:left;
width:148px;
padding:0 20px 0 0;
color:#000;
}
.drop-box ul{
margin:0;
padding:10px 0 0;
list-style:none;
}
.drop-box ul li{
float:none;
background:none;
font-size:10px;
line-height:14px;
color:#000;
}
.drop-box strong,
.form-holder strong{
display:block;
font-size:11px;
margin:0 0 7px;
}
.drop-box span{
font-size:10px;
margin:5px 0 15px;
display:block;
}
.main-nav .search-form input.i-text{
width:130px;
background:#fff;
float:left;
}
.main-nav .search-form a{
float:left;
color:#fff;
}
.form-holder{
float:right;
position:relative;
width:190px;
}
.form-holder .search-form{position:static;}
.main-nav li .colored li{
padding:0 0 0 12px;
margin:0;
}
.colored li.color1{background:url(./bullet2.gif) no-repeat 0 5px;}
.colored li.color2{background:url(./bullet3.gif) no-repeat 0 5px;}
.colored li.color3{background:url(./bullet4.gif) no-repeat 0 5px;}
.colored li.color4{background:url(./bullet5.gif) no-repeat 0 5px;}
.colored li.color5{background:url(./bullet6.gif) no-repeat 0 5px;}
.colored li.color6{background:url(./bullet7.gif) no-repeat 0 5px;}
.btm-list{
position:absolute;
bottom:0;
width:550px;
overflow:hidden;
padding:12px 0;
border-top:1px solid #bababa;
}
.btm-list ul{
margin:0;
padding:0;
list-style:none;
width:100%;
overflow:hidden;
}
.btm-list li{
padding:0 20px 0 0;
margin:0;
}
.btm-list .btm-nav li,
.btm-list .btm-nav li:first-child{
float:none;
display:inline;
padding:0 0 0 3px;
background:url(./sep1.gif) no-repeat 0 67%;
}
.btm-list .btm-nav li:first-child{background:none;}
.btm-list li:first-child{padding:0 20px 0 0;}
.btm-list li a,
.btm-list .drop-box a,
.drop-box em a{
color:#00595a;
font-size:10px;
}
/*top-menu-holder*/
.top-menu-holder{
padding:0;
margin:0;
list-style:none;
position:absolute;
right:0;
top:19px;
}
.top-menu-holder strong{
color:#070707;
font-size:10px;
font-weight:normal;
padding-right:2px;
}
.top-menu-holder ul{
padding:0;
margin:0;
list-style:none;
display:inline;
}
.top-menu-holder ul.top-menu{padding-left:8px;}
.top-menu-holder ul.top-menu li{
padding-left:6px;
background:url(./img-top-menu-separator.gif) no-repeat 2px 67%;
font-size:10px;
display:inline;
}
.top-menu-holder ul.top-menu li:first-child{
padding-left:0;
background:none;
}
.top-menu-holder ul.top-menu li a{color:#0e5a5b;}
/*search-form*/
.search-form{
position:absolute;
top:29px;
right:0;
width: 220px;
}
.search-form input.i-text{
float:left;
border:1px solid #8c8a85;
border-top:1px solid #6f6d66;
padding:0;
width:160px;
height:13px;
padding-left:15px;
background:url(./ico-search.gif) no-repeat 1px 1px #fff;
margin-right:5px;
font:10px Verdana, Arial, Helvetica, sans-serif;
}
.search-form button{
border: none;
padding: 0;
background: none;
cursor: pointer;
float:left;
margin-top:-2px;
width:30px;
padding:1px 3px 0 0;
line-height:17px;
background:url(./btn-search.gif) no-repeat;
color:#fff;
text-align:center;
font-size:10px;
font-weight:bold;
}
/*CONTAINER*/
#container{
width:980px;
overflow:hidden;
padding-top:19px;
position:relative;
}
#container p{
margin:0 0 11px;
font-size:1em;
line-height:14px;
color:#242424;
}
/*welcome-area*/
.welcome-area{
width:100%;
overflow:hidden;
padding-bottom:30px;
}
/*img-holder*/
.welcome-area .img-holder{
float:right;
/* border:1px solid #b40027; */
}
.welcome-area .img-holder2{
float:right;
/* border:1px solid #ebe8da; */
}
.welcome-area img{display:block;}
/*welcome-box*/
.welcome-box{
overflow:hidden;
height:1%;
padding-right:25px;
}
.welcome-box h1{
color:#474747;
font-size:22px;
text-align:center;
text-transform:uppercase;
margin:7px 0 17px;
font-weight:normal;
}
.welcome-box h1.extra-big{font-size:30px;}
.sub-title{
color:#454545;
font-size:12px;
font-style:italic;
display:block;
margin-bottom:14px;
}
/*sub-column*/
/*columns-area*/
.columns-area{
width:110%;
overflow:hidden;
}
.columns-area h2{
font-size:17px;
line-height:17px;
padding-top:7px;
letter-spacing:-1px;
font-weight:normal;
margin:0 0 19px;
text-align:center;
color:#474747;
text-transform:uppercase;
}
.columns-area h2.red{color:#b40027;}
/*login-area*/
.login-area{
float:left;
width:212px;
padding:0 30px 0 0;
margin:0 0 0 10px;
display:inline;
background:url(./ico-key2.gif) no-repeat 2px 8px;
}
.login-area label{
display:block;
font-size:10px;
line-height:20px;
color:#070707;
}
.login-area .i-text{
border:1px solid #c33352;
padding:1px 5px;
width:198px;
height:14px;
font:11px Verdana, Arial, Helvetica, sans-serif;
display:block;
margin-bottom:3px;
}
/*btn-login*/
.login-area .btn-login{
display:block;
width:100%;
overflow:hidden;
padding:10px 0 5px;
}
.login-area .btn-login a{
float:right;
width:79px;
line-height:18px;
text-align:center;
color:#fff;
font-size:10px;
font-weight:bold;
background:url(./btn-login.gif) no-repeat;
}
/*.login-area .login-menu*/
.login-area .login-menu{
padding:0;
margin:0;
list-style:none;
font-size:10px;
line-height:20px;
}
/*sub-column*/
.sub-column{
float:left;
width:230px;
margin-right:20px;
position:relative;
}
.sub-column .lock{
position:absolute;
right:0;
bottom:10px;
width:13px;
height:16px;
background:url(./btn-lock.gif) no-repeat;
display:block;
}
/*calendar*/
.calendar{
background:#f9f8f2;
border:1px solid #dcdcdc;
height:1%;
overflow:hidden;
}
.calendar h2{
background:#ebe8da url(./ico-calendar.gif) no-repeat 10px 10px;
padding:13px 0;
border:1px solid #efede1;
border-width:1px 1px 0;
margin-bottom:14px;
}
/*calendar-list*/
.calendar-list{
padding:0 10px 13px;
margin:0;
list-style:none;
}
.calendar-list li{
height:1%;
overflow:hidden;
padding-left:8px;
background:url(./bull-gray-dor.gif) no-repeat 0 8px;
line-height:18px;
color:#242424;
vertical-align:top;
}
.calendar-list li strong{
padding:0 70px 0 0;
display:block;
}
.calendar-list li span{
text-align:right;
margin-top:-18px;
display:block;
}
/*info-box*/
.info-box{
background:#eee;
border:1px solid #ebebeb;
text-align:center;
margin-bottom:20px;
padding-bottom:10px;
height:1%;
}
.info-box-image{
background:#eee;
/* border:1px solid #ebebeb;*/
text-align:center;
margin-bottom:20px;
padding-bottom:0px;
height:160px;
}
.info-box-imagebottom{
background:#eee;
/* border:1px solid #ebebeb;*/
text-align:center;
margin-bottom:20px;
padding-bottom:0px;
height:91px;
}
.info-box h2{
line-height:37px;
background:url(./bg-title-border1.gif) no-repeat 50% 100%;
}
.info-box h2.gray{background-image:url(./bg-title-border2.gif);}
.info-box .blue-link{
color:#00a3dc;
font-size:14px;
line-height:18px;
text-transform:uppercase;
}
.info-box .blue-link2{
color:#00a3dc;
font-size:21px;
line-height:25px;
}
.place-holder{min-height:140px;}
.place-holder2{min-height:110px;}
/*footer-holder*/
.footer-holder{
border-top:1px solid #ccc;
overflow:hidden;
width:100%;
padding:7px 0 85px;
}
/*FOOTER*/
#footer{
margin:0 auto;
width:986px;
overflow:hidden;
font-size:9px;
line-height:14px;
color:#323232;
}
#footer p{margin:0;}
#footer h4{
margin:0;
font-size:9px;
text-transform:uppercase;
font-weight:normal;
}
#footer .mail-list{
font-size:9px;
line-height:14px;
padding:0;
margin:0;
list-style:none;
}
#footer .addr{
float:left;
width:249px;
}
#footer .phone{
float:left;
width:220px;
}
#footer .email{
float:left;
width:165px;
}
#footer .business-hours{
float:left;
width:169px;
}
#footer .about{
float:left;
width:180px;
text-transform:uppercase;
padding:15px 0 0;
}
/*sIFR*/
.sIFR-flash{
visibility:visible !important;
margin:0;
}
.sIFR-replaced{visibility:visible !important;}
span.sIFR-alternate{
position:absolute;
left:0;
top:0;
width:0;
height:0;
display:block;
overflow:hidden;
}
.sIFR-flash + div[adblocktab=true]{display:none !important;}
/*inner-page*/
.inner-page #container{
padding-top:10px;
}
/*sidebar1*/
.sidebox{
background:#fbfaf4;
border:1px solid #c1c1c1;
overflow:hidden;
height:1%;
padding:9px;
margin-bottom:9px;
}
.hbox{min-height:310px;}
* html .hbox
{height:510px;}
.hbox-search{
min-height:100px;
font-family:Verdana, Geneva, sans-serif;
font-size: 12px;
color:#070707;}
/*sidebar1*/
.sidebar1{
float:left;
width:232px;
}
/*sun-nav */
.sun-nav{
padding:8px 0 15px 21px;
margin:0 0 9px;
background:#fbfaf4 url(./bg-sub-nav.gif) no-repeat 0 100%;
text-transform:uppercase;
border:1px solid #c1c1c1;
min-height:221px;
}
* html .sun-nav{height:221px;}
.sun-nav li{
margin-bottom: 10px;
}
.sun-nav ul{
padding:0;
margin:0;
list-style:none;
2line-height:24px;
font-size:12px;
}
.sun-nav ul ul{
padding:0 0 0 16px;
margin:0;
list-style:none;
}
.sun-nav a{
color:#3b3b3b;
text-decoration:none !important;
}
.sun-nav a:hover, .sun-nav a.active{color:#000;}
/*content-spacer1*/
.content-spacer1{height:83px;}
.content-spacer2{height:105px;}
/*content*/
.content{
float:left;
padding:12px 0 30px 30px;
width:460px;
}
.content h1{
margin:0 0 13px;
font-weight:normal;
color:#474747;
font-size:22px;
text-align:center;
text-transform:uppercase;
letter-spacing:-1px;
}
/*btn-back-to-top*/
.btn-back-to-top{
display:block;
width:100%;
overflow:hidden;
}
.btn-back-to-top a{
float:right;
width:12px;
height:18px;
background:url(./btn-back-to-top.gif) no-repeat;
float:right;
}
/*action-menu*/
.action-menu{
padding:0;
margin:0;
list-style:none;
position:absolute;
bottom:15px;
left:660px;
width:85px;
}
.action-menu li{
float:left;
padding-right:8px;
}
.action-menu a{height:21px;}
.action-menu a.add-to-favorites{
background:url(./ico-favorites.gif) no-repeat;
width:22px;
}
.action-menu a.mail{
background:url(./ico-mail.gif) no-repeat;
width:18px;
}
.action-menu a.print{
background:url(./ico-print.gif) no-repeat;
width:17px;
}
/*sidebar1*/
.sidebar2{
float:right;
width:232px;
padding-bottom:5px;
}
.sidebar2 h2{
margin:0;
padding:6px 0 0;
font-size:20px;
font-weight:normal;
text-transform:uppercase;
text-align:center;
letter-spacing:-1px;
}
/*mail-form*/
.mail-form{
padding-top:40px;
overflow:hidden;
width:100%;
}
.question-form{padding:7px 0 0;}
.mail-form label{
font-size:1em;
color:#070707;
display:block;
font-size: 11px;
line-height:16px;
margin-bottom: 4px;
text-transform: none;
}
.mail-form textarea, .mail-form .i-text{
border:1px solid #bababa;
background:#fff;
padding:3px;
width:204px;
height:15px;
font:10px Verdana, Arial, Helvetica, sans-serif;
text-transform:uppercase;
display:block;
position:relative;
margin-bottom:7px;
}
.mail-form textarea{
height:139px;
overflow:auto;
}
.question-form textarea{
width:456px;
margin:0 0 16px;
}
.question-form .i-text{margin:0 0 10px;}
.mail-form .holder{
display:block;
overflow:hidden;
width:100%;
}
.question-form .holder{margin:-27px 0 0;}
.mail-form .btn-submit{
float:right;
width:66px;
line-height:18px;
background:url(./btn-skicka.gif) no-repeat;
text-align:center;
color:#fff;
text-decoration:none;
text-transform:uppercase;
font-size:10px;
font-weight:bold;
}
/*headline*/
.headline{
width:100%;
overflow:hidden;
line-height:30px;
}
.headline .top-menu-holder{
float:right;
position:static;
line-height:20px;
padding:7px 0 0;
}
.loggin-box{
display:inline;
padding-left:5px;
font-size:10px;
}
.loggin-box a{
background:url(./ico-key2.gif) no-repeat 0 50%;
padding:5px 0 5px 28px;
position:relative;
text-transform:uppercase;
}
/*breadcrumbs*/
.breadcrumbs{
float:left;
font-size:10px;
}
.breadcrumbs ul{
padding:0;
margin:0;
list-style:none;
display:inline;
}
.breadcrumbs ul li{
display:inline;
padding-left:19px;
background:url(./bull-black-dot.gif) no-repeat 4px 50%;
}
.breadcrumbs ul li:first-child{
padding-left:0;
background:none;
}
.breadcrumbs a{
color:#000;
text-transform:uppercase;
}
/*tel*/
.tel{
display:block;
margin-bottom:5px;
}
.activity{
padding:19px 0 30px 20px;
width:480px;
}
.activity h1{
padding:0 0 0 95px;
text-align:left;
}
#container .sub-heading{
font-style:italic;
font-size:1.2em;
line-height:16px;
}
.cont-img{padding:7px 0 18px;}
.cont-img img{
border:1px solid #bababa;
display:block;
}
.classigo{
padding:12px 0 30px 17px;
width:480px;
}
.classigo h1{font-size:24px;}
.cont-list{
margin:0 0 10px;
padding:5px 0 0;
list-style:none;
}
.cont-list li{
background:url(./bullet1.gif) no-repeat 0 50%;
padding:0 0 0 12px;
color:#242424;
line-height:18px;
font-size: 1em;
}
/*content-left-photo*/
.content-left-photo, .content-photo{
border: 1px solid #c4c4c4;
display: block;
margin: 0 0 18px -10px;
}
.content-left-photo {
float: left;
margin: 0 18px 0 -11px;
display: inline;
position: relative;
}
/*content cite*/
.content cite {
display: block;
font-size: 1.2em;
line-height: 16px;
color: #242424;
padding: 40px 0 20px;
}
.content h2 {
margin: 0;
font-size: 20px;
color: #242424;
font-weight: normal;
}
.content h3 {
margin: 0;
font-size: 18px;
color: #242424;
font-weight: normal;
}
#container .content h4 {
margin: 0;
font-size: 14px;
color: #242424;
font-weight: bold;
}
.content h5 {
margin: 0;
font-size: 12px;
color: #242424;
font-weight: bold;
}
.content h6 {
margin: 0;
font-size: 10px;
color: #242424;
font-weight: bold;
}
/*man-list*/
.man-list {
padding: 0;
margin: 0;
list-style: none;
}
.man-list li {
width: 100%;
overflow: hidden;
margin-top: 5px;
}
.man-list li .img-holder {
float: left;
border: 1px solid #c4c4c4;
margin-right: 12px;
}
.man-list li .img-holder img {display: block;}
.man-list strong {
color: #070707;
font-size: 10px;
line-height: 14px;
font-weight: normal;
}
.man-list .desc {
overflow: hidden;
height: 1%;
}
.man-list .desc div {min-height: 90px;}
.man-list .pdf-link,.man-list .xls-link,.man-list .xlst-link,.man-list .doc-link,.man-list .docx-link,.man-list .rtf-link,.man-list .ppt-link {
padding-right: 35px;
background: url(./ico-pdf2.gif) no-repeat 100% 100%;
display: block;
text-align: right;
}
.man-list .xls-link {
background: url(./ico-excel2.gif) no-repeat 100% 100%;
}
.man-list .xlst-link {
background: url(./ico-excel2.gif) no-repeat 100% 100%;
}
.man-list .doc-link {
background: url(./ico-word2.gif) no-repeat 100% 100%;
}
.man-list .docx-link {
background: url(./ico-word2.gif) no-repeat 100% 100%;
}
.man-list .rtf-link {
background: url(./ico-word2.gif) no-repeat 100% 100%;
}
.man-list .ppt-link {
background: url(./ico-powerpoint2.gif) no-repeat 100% 100%;
}
.holder{
width:100%;
overflow:hidden;
}