﻿/*
    General
*/

html
{
    overflow-y:scroll;
}

body 
{
    margin:0;
    background-color:#fff;
    font-family:Arial, Verdana;
    font-size:11px;
    color:#474847;
}

input, select
{
    font-family:Arial, Verdana;
    font-size:11px;
    color:#474847; 
}

.hidden 
{
    display:none;
}

img 
{
    border:0;
}

.float-left 
{
    float:left;
}

.float-right 
{
    float:right;
}

a 
{
    color:#4c8ea2;
    text-decoration:none;
}

a:visited
{
    color:#4c8ea2;
}

a:hover 
{
    color:#ff4b05;
}

a.selected
{
    color:#ff4b05;
}

label 
{
    display:block;
    padding:4px 0;
}

h1 
{
    font-size:17px;
}

h2 
{
    font-size:13px;
}

h4 
{
    font-size:11px;
}

p 
{
    line-height:14px;
}

span.light 
{
    color:#939493;
}

ul
{
    margin:0px 5px 10px 18px;
    padding:0;
}

ol
{
    margin:0px 5px 10px 23px;
    padding:0;
}

ul.bracket-list 
{
    list-style-type:none;
    margin:0;
    padding:0;
}

ul.bracket-list li
{
    float:left;
    background:url(/Layout/Setra/img/bg-bracket-list-item.gif) 0px 2px no-repeat;
    padding:0px 8px;
}

ul.bracket-list li.first 
{
    background-image:none;
    padding-left:0px;
}

ul.bracket-list li.selected 
{
    color:#ff4b05;
}

ul.press 
{
    list-style-type:none;
    margin:0;
    padding:0;
}

ul.press li
{
    padding:0 0 0px 0;
    margin:0;
}

ul.press li a 
{
    font-weight:bold;
}

ul.press li p 
{
    padding:0;
    margin:0;
}

h3 
{
    color:#ff4b05;
    font-size:13px;
    font-weight:normal;
}

div.clear 
{
    clear:both;
    font-size:1px;
    height:1px;
    overflow:hidden;
    margin:0;
    padding:0;
}

br.clear 
{
    clear:both;
}

/*
    Specific
*/

#document
{
    width:900px;
    margin:0 auto;
}

#document #left-column,
#document #right-column,
#document #middle-column,
#document #middle-and-right-column
{
    padding-bottom:20px;
}

#document #head 
{
    position:relative;
    background:url(/Layout/Setra/img/bg-head-1px.gif) bottom left repeat-x;
    height:73px;
}

#document #head #logo 
{
    position:absolute;
    top:19px;
    left:0px;
    background:url(/Layout/Setra/img/logo.gif) top left no-repeat;
    width:160px;
    height:40px;
}
#document #head #logo a 
{
    display:block;
    width:100%;
    height:100%;
}

#document #head ul#main-navigation
{
    position:absolute;
    top:45px;
    left:200px;
    list-style-type:none;
    margin:0;
    padding:0;
}

#document #head ul#main-navigation li 
{
    float:left;
    padding:0 14px 0 0;
    font-size:13px;
}

#document #head ul#main-navigation li.selected a
{
    color:#ff4b05;
}

#document #head #head-right 
{
    position:absolute;
    top:16px;
    left:722px;
    width:178px;
    height:50px;
}

#document #head #head-right ul.bracket-list 
{
    float:right;
    list-style-type:none;
    padding:0;
}

#document #head #head-right ul.bracket-list,
#document #head #head-right p.login 
{
    margin:0 0 8px 0;
}

#document #head #head-right ul.bracket-list li.last 
{
    padding-right:0;
}

#document #head #head-right ul.bracket-list li.selected a,
#document #head #head-right ul.bracket-list li
{
    color:#ff4b05;
}

#document #head #head-right input 
{
    float:right;
    border:1px solid #c0c1c0;
    width:151px;
    padding:2px 7px;
    color:#aaabaa;
}

#document #sub-head 
{
    height:30px;
    overflow:visible;
    line-height:28px;
}

#document #sub-head a.login 
{
    float:right;
}

#document #left-column
{
    width:183px;
    float:left;
    overflow:visible;
    padding-top:18px;
    margin:0 17px 0 0;
}

#document #left-column h3 
{
    padding:0 0 6px 0;
    margin:0;
}

#document #left-column p.archive 
{
    padding:0;
    margin:0;
}

#document #left-column #find-us
{
    height:105px;
    margin-top:25px;
    margin-bottom:5px;
}

#document #left-column #find-us a
{
    display:block;
    width:100%;
    height:62px;
    padding:43px 0 0 0;
    background:url(/Layout/Setra/img/world-map.jpg) top left no-repeat;
    font-weight:bold;
}

#document #left-column div.delimiter
{
    background:url(/Layout/Setra/img/bg-head-1px.gif) top left repeat-x;
    height:1px;
    font-size:1px;
    margin:10px 0;
}

#document #left-column #sub-navigation-wrapper ul 
{
    list-style-type:none;
    margin:0;
    padding:0;
}

#document #left-column #sub-navigation-wrapper ul ul 
{
    margin-top:4px;
}

#document #left-column #sub-navigation-wrapper ul li 
{
    font-size:13px;
    padding:2px 0 4px 0;
}

#document #left-column #sub-navigation-wrapper ul li li 
{
    font-size:11px;
    padding:4px 0 0px 13px;
}

#document #left-column h3.sub-navigation-head 
{
    margin:0 0 6px 0;
}

#document #left-column #sub-navigation-wrapper ul li a.selected
{
    color:#ff4b05;
}

#document #left-column img 
{
    margin:0 0 10px 0;
}

#document #left-column p
{
    padding:0 0 13px 0;
    margin:0;
}

#document #middle-column
{
    width:500px;
    float:left;
    overflow:visible;
}

#document #middle-and-right-column 
{
    width:700px;
    float:left;
    overflow:visible;
}

#document #middle-column img.float-left 
{
    margin:0 20px 20px 0;
}

#document #middle-column img.float-right
{
    margin:0 0 20px 20px;
}

#document #middle-and-right-column p,
#document #middle-column p 
{
    padding:0 13px 13px 0px;
    margin:0;
}

#document #middle-column h1
{
    margin:0;
    padding:8px 0 10px 0px;
    line-height:35px;
}

#document #middle-column h2 
{
    margin:0 0 7px 0;
    padding:0;
    line-height:16px;
}

#document #middle-column h4
{
    padding:0;
    margin:0 0 4px 0;
}

#document #middle-column #middle-column-left 
{
    float:left;
}
#document #middle-column #middle-column-right
{
    float:left;
}

body.first-page #document #middle-column h3 
{
    margin-bottom:7px;
    margin-top:0px;
}

body.first-page #document #middle-column p 
{
    padding-left:0;
    padding-right:0;
}

body.first-page #document #middle-column div.empty-spacing 
{
    height:20px;
}

#document #middle-column ul.pager 
{
    list-style-type:none;
    margin:0;
    padding:0;
}

#document #middle-column ul.pager li
{
    float:left;
    font-weight:bold;
    padding:2px 8px 0 0;
}
#document #middle-column ul.pager li.current 
{
    color:#ff4b05;
}

body.sitemap #document #middle-column ul
{
    margin:13px 13px 0 0;
    list-style-type:none;
    padding:0;
}

body.sitemap #document #middle-column ul ul 
{
    margin:0;
    padding:0;
}

body.sitemap #document #middle-column ul li 
{
    padding:7px 0 0px 0;
    font-weight:bold;
}

body.sitemap #document #middle-column ul li li 
{
    padding-left:35px;
}

#document #middle-column ul.listing 
{
    list-style-type:none;
    margin:0;
    padding:0;
}

#document #middle-column ul.listing li
{
    padding:0 0 14px 0;
    margin:0;
}

#document #middle-column ul.listing li a 
{
    font-weight:bold;
}

#document #middle-column ul.listing li p 
{
    padding:0;
    margin:0;
}

#document #middle-column ul.press 
{
    list-style-type:none;
    margin:0;
    padding:0;
}

#document #middle-column ul.press p
{
    padding-left:0;
    padding-bottom:0;
}

#document #middle-column img.personal-card 
{
    float:left;
    margin:20px 25px 0 0;
}

#document #middle-column ul.personal-card 
{
    list-style-type:none;
    margin:0;
    padding:0;
}

#document #middle-column ul.personal-card li 
{
    padding:4px 0 10px 0;
}

#document #middle-column .search-button 
{
    margin-left:10px;
}

#document #middle-column .search-hints ul 
{
    list-style-type:none;
    margin:0;
    padding:0;
}

#document #middle-column .search-hints ul li
{
    padding:0 0 10px 0;
}

#document #middle-column h3.search-result-headline 
{
    font-weight:bold;
    font-size:11px;
    margin-top:18px;
}

#document #middle-column ul.search-results 
{
    list-style-type:none;
    margin:0;
    padding:0;
}

#document #middle-column ul.search-results li 
{
    padding:0 0 5px 0;
}

#document #middle-column table.search-person td.text div,
#document #middle-column table.search-retailer td.text div
{
    width:110px;
}

#document #middle-column table.search-person td,
#document #middle-column table.search-retailer td 
{
    padding:0 0 7px 0;
}

#document #middle-column table.search-person td input.text,
#document #middle-column table.search-retailer td input.text 
{
    width:165px;
}

#document #middle-column table.search-person input.search-button,
#document #middle-column table.search-retailer input.search-button 
{
    margin:10px 0 10px 0;
}

#document #middle-column table.search-person select 
{
    width: 150px;
    margin-right: 10px;
}

#document #middle-column ul.search-retailer-result 
{
    list-style-type:none;
    margin:0;
    padding:0;
}

#document #middle-column ul.search-retailer-result li
{
    padding:0 0 18px 0;
}

#document #middle-column div.checkbox 
{
    margin:0 0 12px 0;
}

#document #middle-column div.checkbox label
{
    float:left;
    padding:0px 0 0 6px;
    margin:0;
}

#document #middle-column div.checkbox input
{
    display:block;
    float:left;
    padding:0 0 0 0;
    margin:0;
}

#document #middle-column ul.search-results-persons 
{
    list-style-type:none;
    margin:0;
    padding:0;
}

#document #middle-column ul.search-results-persons li
{
    background:url(/Layout/Setra/img/icon-human.gif) no-repeat 0px 1px;
    padding:1px 0 0 18px;
    font-weight:bold;
}

#document #middle-column ul.press li
{
    padding:0 0 14px 0;
    margin:0;
}

#document #middle-column #organisation-image
{
    width:500px;
    height:236px;
    position:relative;
}

#document #middle-column #organisation-image .organisation-image-hover 
{
    position:absolute;
    width:88px;
    height:42px;
    display:block;
    background-image:url(/Layout/Setra/img/1p_transparent.gif);
}

#document #middle-column #organisation-image .organisation-image-hover a 
{
    display:block;
    height:100%;
    width:100%;
}

#document #middle-column #organisation-image #organisation-image-vd 
{
    top:0px;
    left:207px;
}

#document #middle-column #organisation-image #organisation-image-fou
{
    top:59px;
    left:103px;
}

#document #middle-column #organisation-image #organisation-image-kommunikation 
{
    top:59px;
    left:309px;
}

#document #middle-column #organisation-image #organisation-image-ekonomi 
{
    top:118px;
    left:103px;
}

#document #middle-column #organisation-image #organisation-image-marknad 
{
    top:194px;
    left:0px;
}

#document #middle-column #organisation-image #organisation-image-produktion 
{
    top:194px;
    left:103px;
}

#document #middle-column #organisation-image #organisation-image-ravara 
{
    top:194px;
    left:206px;
}

#document #middle-column #organisation-image #organisation-image-skivor
{
    top:194px;
    left:309px;
}

#document #middle-column #organisation-image #organisation-image-byggsystem
{
    top:194px;
    left:412px;
}

#document #right-column 
{
    width:170px;
    float:left;
    overflow:visible;
    padding-left:30px;
}

.first-page #document #right-column 
{
    width:200px;
    padding-left:0px;
}

#document #right-column img 
{
    margin:0 0 10px 0;
}

.first-page #document #right-column img 
{
    margin-left:30px;
}

.first-page #document #right-column p img 
{
    margin-left:0;
}

#document #right-column ul
{
    list-style-type:none;
    margin:0;
    padding:0;
}

#document #right-column p
{
    padding:0 0 13px 0;
    margin:0;
}

.first-page #document #right-column p
{
    padding-left:30px;
}

#document #right-column h3 
{
    padding:0 0 6px 0;
    margin:0;
}

body.first-page #document #right-column h3
{
    background:url(/Layout/Setra/img/bg-fp-listhead.gif) top left repeat-x;
    height:17px;
    padding-bottom:3px;
    padding-left:30px;
    padding-top:18px;
    margin:0;
    overflow:hidden;
}

#document #right-column ul.related-link 
{
    margin:0 0 10px 0;
    padding:2px 0 6px 0;
    list-style-type:none; 
}

.first-page #document #right-column ul.related-link 
{
    margin-left:30px;
    margin-bottom:14px;
}

#document #right-column ul.related-link li
{
    padding:0 0 0 0;
    margin:0;
}

#document #left-column ul.related-link li a,
#document #right-column ul.related-link li a 
{
    font-weight:bold;
}

#document #right-column ul.toolbox 
{
    margin-bottom:10px;
    margin-top:19px;
    list-style-type:none;
}

.first-page #document #right-column ul.toolbox 
{
    margin-left:30px;
}

#document ul.toolbox li 
{
    padding:1px 0 2px 22px;
    font-weight:bold;
}

#document #right-column ul.toolbox li.send-link 
{
    background:url(/Layout/Setra/img/icon-email.gif) top left no-repeat;
}

#document ul.toolbox li.print 
{
    background:url(/Layout/Setra/img/icon-print.gif) top left no-repeat;
}

#document #middle-and-right-column p.last-updated,
#document #middle-column p.last-updated 
{
    margin-top:15px
}

#foot 
{
    padding:12px 0 14px 0;
    background:url(/Layout/Setra/img/bg-head-1px.gif) top left repeat-x;
    color:#7b7c7b;
}

#foot p
{
    float:right;
    padding:0;
    margin:0;
}

@media print
{
    #sub-head,
    #left-column,
    #foot,
    #head 
    {
        display:none;
    }
    
    #document 
    {
        width:750px;
        overflow:visible;
    }
}


body.first-page #document #left-column .column-component
{
	padding-top:15px;
}

body.first-page #document #left-column ul.related-link
{
	list-style-type:none; 
	margin-left:0;
	padding-left:0;
}

ul.contacts { margin: 0; padding: 0; margin-bottom: 20px; list-style: none; }
ul.contacts li { margin: 0; padding: 0; font-weight: normal; }
ul.contacts li div.left,
ul.contacts li div.right { float: left; width: 200px; }
ul.contacts li div.avatar { float: left; width: 60px; }
ul.contacts li.separator { border-bottom: dashed 1px #aaabaa; margin-bottom: 10px; margin-top:5px; }
.QueryField { border: solid 1px #aaa; width: 300px; }