/*======================================
      WELCOME TO THE STYLESHEET
--------------------------------------      
======================================*/
html {
     overflow-y: scroll;
}


* {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-family: Arial,Helvetica,sans-serif;
    text-decoration: none;
}
body {
    margin-top: 0;
    background: url(../img/bg.gif) center repeat-y #b0bbcc;
}
/**************************************/
/*           FONT-SETTINGS            */
/**************************************/
h1 {
    font-size: 20px;
    padding: 0;
    margin: 10px 0px 15px 0px;
    color: #000069;
    clear: both;
}
h2 {
    font-size: 18px;
    margin: 5px 0px 5px 0px;
    padding: 0;
    color: #000069;    
    line-height: 1.4;
}
h3 {
    font-size: 16px;
    padding: 0;
    margin: 0px 0px 5px 0px;
    color: #000069;
}
h4 {
    font-size: 14px;
    padding: 0;
    margin: 0px 0px 5px 0px;
    color: #000069;
}
h5 {
    font-size: 12px;
    padding: 0;
    margin: 0px 0px 5px 0px;
    font-weight: bold;
    color: #000069;
}
h6 {
    font-size: 12px;
    padding: 0;
    margin: 0px 0px 5px 0px;
    font-style: italic;
    color: #000069;
}
p {
    line-height:1.5;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}
a {
    color: #000069;
}
hr {
    border: #ccc 1px solid;
}
/**************************************\
|------------COLOR SCHEME--------------|
|--------------------------------------|
- black    #000
- white    #fff
\**************************************/
.bg_white {
    background-color: #fff;
}
.bg_red {
    background-color: #ff0000;
}
.bg_blue {
    background-color: #000080;
}
.bg_beige {
    background-color: #F3ECDE;
}
.bg_darkbeige {
    background-color: #DDCFBD;
}

.font_white {
  color: #fff;
}
/**************************************/
/*              GLOBALS               */
/**************************************/
.csc-textpic-caption {
    padding-top: 5px;
    font-style: italic;
}

/**************************************/
/*              HEADER                */
/**************************************/
#wrap_header {
    width: 100%;
    height: 100px;
    margin: auto;
    /*background: url(http://www.mattsson.se/uploads/pics/top_image_50years.jpg) right no-repeat;*/
}
#top_logo {
    width: 650px;
    height: 80px;
    float: left;
    margin-top: 10px;
    margin-left: 40px;
}
#top_image {
}

#bottom {
    margin-top: 20px;
}

/**************************************/
/*             NAVIGATION             */
/**************************************/
/*
#top_menu {
    width: 100%;
    height: 38px;
    background: #000080;
    color: #fff;
}

#top_menu li {
    display: inline;
    list-style-type: none;
}

#top_menu a {
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#top_menu ul{
    margin-left: 0;
    padding-left: 10px;
    padding-top: 10px;
}*/
#lang_menu {
    float: right;
    padding-top: 20px;
}
#lang_menu li{
    display: inline;
    list-style-type: none;
    background: none;
}
#top_menu ul{
    float: left; 
    margin-left: 0;
    padding-left: 0;
    width: 100%;
    font-size: 12px;
    background: #000069;
    padding-top: 2px;
    padding-bottom: 3px;
    font-weight: bold;

}
#top_menu li{
    display: inline;
}
#top_menu ul a {
    float: left; 
    text-decoration: none;
    padding: 0.3em 2em;
}

#top_menu a:link {
    color: #fff;
}
#top_menu a:visited {
    color: #fff;
}
#top_menu a:hover {
}
#top_menu a#current{
    color: #fff;
}

.submenu ul {
    margin-left: 0;
}
.submenu li {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 4px;
}
.submenu a {
    text-decoration: none;
    color: #000069;
    font-size: 12px;
}
.submenu a:link {
}
.submenu a:visited {

}
.submenu a:hover {
    color: #ccc;
}
.submenu a#current{
}

/**************************************/
/*            MAIN CONTENT            */
/**************************************/
#content_root {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    margin: 20px 0px 0px 0px;
}
.column_left {
    width: 230px;
    float:left;
}
.column_right {
    width: 730px;
    float:left;
}


.box_header {
    background: #a8b3c7;
    height: 24px;
    overflow: hidden;
    border-top: 1px solid #a8b3c7;
    border-right: 1px solid #a8b3c7;
    border-left: 1px solid #a8b3c7;
}

.box_header h1 {
    padding: 3px 0 0 10px;
    margin: 0;
    font-size: 14px;
    color: #fff;
}
.box_body {
    float: left;
    width: 178px;
    padding: 10px;
    background: #fff;
    border-right: 1px solid #a8b3c7;
    border-left: 1px solid #a8b3c7;
    border-bottom: 1px solid #a8b3c7;
    margin-bottom: 10px;
    height: auto !important;
}
.box_body ul, .box_body ul {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
}

.fce_employees_list {
    clear: both;
    margin-bottom: 10px;
    border-bottom: 1px solid #ccc;
}

/**************************************/
/*               FOOTER               */
/**************************************/
p.contact_info {
    font-size: 11px;
    color: #000;
}
.bottom_contact {
    text-align: center;
    border-top: 1px #ccc solid;
    padding-top: 10px;
}

.bottom_contact p.bodytext {
    font-size: 11px;
    color: #000;
}

/**************************************/
/*               EXTENTIONS               */
/**************************************/

/* -----------------------------------------------------------------------------------------
    - TT_NEWS - Starts here
    - TT_News Latest
   ---------------------------------------------------------------------------------------*/
.news-latest-container {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    display: inline;
}
.news-latest-item {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    display: inline;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #CCCCCC;
}
.news-latest-date {
    float: left;
    width: 100%;
    clear: both;
    font-size: 12px;
    line-height: 1.8;
    margin-bottom: 10px;
}
.news-latest-morelink {
    float: left;
    width: 100%;
    clear: both;
    padding: 2px 0px;
}
.news-latest-item h2 {
    float: left;
    width: 100%;
    font-size: 13px;
    padding: 0;
    margin: 0;
    line-height: 15px;
}
.news-latest-item a {
    float: left;
    width: 100%;
    font-size: 12px;
    padding: 0px 0px 2px 0px;
    margin: 0;
    text-decoration: none;
    color: #000080;
}
.news-latest-item p {
    float: left;
    padding: 0;
    margin: 0;
}
.news-latest-gotoarchive {
    float: left;
    width: 100%;
    font-size: 12px;
    padding: 2px 0px;
    text-decoration: underline;
}

/* -----------------------------------------------------------------------------------------
    - TT_News List 1
   ---------------------------------------------------------------------------------------*/
.news-list-container {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    display: inline;
}
.news-list-item {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    display: inline;
    margin: 0px 0px 10px 0px;
    border-bottom: 1px solid #CCCCCC;
}
.news-list-date {
    float: left;
    width: 100%;
    clear: both;
    font-size: 12px;
    line-height: 1.5;
}
.news-list-image {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    display: none;
}
.news-list-morelink {
    float: left;
    width: 100%;
    clear: both;
    padding: 2px 0px 15px 0px;
}
.news-list-item h2 {
    float: left;
    width: 100%;
    font-size: 13px;
    padding: 0;
    margin: 0;
}
.news-list-item a {
    float: left;
    width: 100%;
    font-size: 12px;
    padding: 0px 0px 2px 0px;
    margin: 0;
    text-decoration: none;
    color: #000080;
}
/* -----------------------------------------------------------------------------------------
    - TT_News Single 1
   ---------------------------------------------------------------------------------------*/
.news-single-item {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    display: inline;
}
.news-single-date {
    float: left;
    width: 100%;
    clear: both;
    font-size: 12px;
}
.news-single-img {
    float: left;
    width: 100%;
    height: auto !important;
    height: 100%;
    padding: 10px 0px;
    clear: both;
}
.news-single-linkscontainer {
    float: left;
    width: 100%;
    clear: both;
}
.news-single-backlink {
    float: left;
    width: 100%;
    font-size: 12px;
    padding: 0px 0px 2px 0px;
    margin: 0;
    text-decoration: none;
    color: #000080;
}
.news-single-item p{
    margin: 0px 0px 10px 0px;
}
.news-single-item h2 {
    font-size: 12px;
    color: #000;
    font-weight: normal;
    font-style: italic;
}
/* -----------------------------------------------------------------------------------------
    - Slideshow
    - Margin on the first page
   ---------------------------------------------------------------------------------------*/
.slideshow456 {
    float: left;
    margin-bottom: 10px;
    clear: both;
}

a.pdf, a.doc, a.mail, a.powerpoint {
    padding:2px 0px 2px 20px; margin:-2px 0; background-repeat: no-repeat; background-position: left center;
}
a.doc {
    background-image: url(../img/icons/doc.png); 
}
a.pdf {
    background-image: url(../img/icons/pdf.png);
}
a.mail {
    background-image: url(../img/icons/email.png);
}
a.powerpoint {
    background-image: url(../img/icons/powerpoint.png);
}

.tx-kiwislider-pi1 ul.navigation li {
  margin-right: 4px;
}
.tx-kiwislider-pi1 {
  width: 750px;
}
.tx-kiwislider-pi1 .scroll {
    height: 350px;
    width: 750px;
}
.tx-kiwislider-pi1 .scrollContainer div.panel {
    height: 310px;
    padding: 20px;
    width: 710px;
}
.scrollContainer div.panel {
    height: 310px;
    padding: 20px;
    width: 710px;
}
ul.navigation li {
    border: 0;
    float: left;
    margin: 0px 5px 0 0;
    padding: 0;
}
ul.navigation a {
    background: none;
    font-size: 12px;
}

.contenttable-1 td {
    padding: 5px;
}

/*
 * POWER MAIL settings
 */
span.powermail_mandatory {
    color: red;
}
input.validation-failed, textarea.validation-failed {
    background-image: url("/typo3conf/ext/powermail/img/icon_exclamation.gif");
    background-position: 98% 1px;
    background-repeat: no-repeat;
}
div.powermail_mandatory_js {
    color: red;
    margin: 3px 0 15px 200px;
}
fieldset.tx-powermail-pi1_fieldset {
    border: 0;
    background: none;
    padding: 0 0 0 5px;
    border-left: 0px dashed #ccc;
}
fieldset.tx-powermail-pi1_fieldset legend {
    color: black;
    font-weight: bold;
    display: none;
}
fieldset.tx-powermail-pi1_fieldset label {
    clear: both;
    display: block;
    float: left;
    font-weight: bold;
    width: 85%
}
fieldset.tx-powermail-pi1_fieldset input.powermail_text, fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea, fieldset.tx-powermail-pi1_fieldset select.powermail_select {
    /*width: 90%;*/
    font-size: 12px;
    padding: 2px;
    margin: 5px 0;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
    margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
    margin: 10px 0;
}
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
    font-weight: bold;
    margin: 0px 0 10px 0px;
    padding: 5px;
    border: 1px solid #ccc;
}
p.tx_powermail_pi1_fieldwrap_html_checkbox_title, p.tx_powermail_pi1_fieldwrap_html_radio_title {
    font-weight: bold;
    margin: 0;
    padding: 0;
}
div.countryzone {
    margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a, div.tx_powermail_pi1_fieldwrap_html p a {
    cursor: help;
    text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn, div.tx_powermail_pi1_fieldwrap_html p a dfn {
    display: none;
    text-decoration: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn, div.tx_powermail_pi1_fieldwrap_html p a:hover dfn {
    color: black;
    display: block;
    font-size: 0.8em;
    padding: 5px;
    position: absolute;
    text-decoration: none;
    width: 100%;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
    padding: 2px 2px 0;
}
fieldset.tx-powermail-pi1_fieldset div.even {
}
td.powermail_all_td {
    padding: 3px 10px 3px 0;
}
td.powermail_all p.bodytext {
    margin: 0;
}


/*
 * Org mail form
 */
.csc-mailform-field input {
    background: #fff;
    border: 1px solid #ccc;
}

.csc-mailform-field label {
    clear: both;
    margin-top: 10px;
    margin-bottom: 0px;
    display: block;
    font-weight: bold;
}

.csc-mailform-field input.csc-mailform-submit {
    background: #0055a4;
    border: 1px solid #ccc;
    color: #fff;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

h1 sup {
    vertical-align: top;
}

p sup {
    font-size: 10px;
    vertical-align: top;
}