/* pageheader top image */
#top-image-container
{
    float: left;
    margin-bottom: 15px;
    overflow: hidden;
}

/* left menu */
.menuitem, .menuitem_wc, .menuitem_wc_expanded
{
    background-position: left center;
    background-repeat: no-repeat;
    padding-left: 14px;
}

.menuitem
{
    background-image: url('../images/menuarrow_clear.gif' );
}

.menuitem_wc
{
    background-image: url( '../images/menuarrow_rightw.gif' );
}

.menuitem_wc_expanded
{
    background-image: url( '../images/menuarrow_down_orange.gif' );
}

/* and startpage news items */
.startpage_newslink, .startpage_newslink:hover
{
    width: 150px;
    display: block;
    background-position: right bottom;
    background-repeat: no-repeat;
    padding-right: 25px;
}

.startpage_newslink
{
    background-image: url( '../images/arrow.gif' );
}

.startpage_newslink:hover
{
    background-image: url( '../images/arrow_orange.gif' );
}

/* search */
.hidden
{
    display: none;
}

/* sitemap */
#sitemap
{
    margin: 5px 18px 20px 20px;
    font-family: Arial, Helvetica, Sans-Serif;
}

#sitemap h1
{
    margin-bottom: 10px;
}

#sitemap a
{
    color: #000;
    text-decoration: none;
}

#sitemap a:hover
{
    color: #c75b12;
    text-decoration: underline;
}

.sitemap_table a
{
    color: #000;
}

.sitmap_rootlink
{
    font-weight: bold;
    color: #000;
}

.sitmap_link
{
    font-weight: bold;
    color: #000;
}

/* news listing */

#NewsListing
{
    float: left;
}

#NewsListing a
{
    color: #000;
}

#NewsListing a:hover
{
    color: #c75b12;
}

.PagingContainer
{
    clear: both;
}

.SelectedPagingItem
{
    color: #c75b12;
}

.NewsListingItem
{
    line-height: 17px;
    margin-bottom: 25px;
}

.NewsLink
{
    float: left;
    font-family: Arial;
    font-weight: bold;
    background-image: url( '../images/arrow.gif' );
    background-position: left 3px;
    background-repeat: no-repeat;
    padding-left: 20px;
}

.NewsLink:hover
{
    background-image: url( '../images/arrow_orange.gif' );
    font-family: Arial;
    font-weight: bold;
}

.datelistingtext
{
    font-family: Arial;
    color: #606060;
    font-size: 0.9em;
}

.categorylistingtext
{
    font-family: Arial;
    color: #606060;
    font-size: 0.9em;
    text-transform: uppercase;
}

.rightcolumn_newslist
{
    margin-top: 10px;
    float: left;
    width: 172px;
}

.rightcolumn_newslist p
{
    display: block;
    margin-top: 3px;
}

/* and startpage news items */
.rightcolumn_newslink, .rightcolumn_newslink:hover
{
    width: 170px;
    display: block;
    background-position: right bottom;
    background-repeat: no-repeat;
    padding: 0 25px 0 20px;
    text-transform: uppercase;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
}

.rightcolumn_newslink
{
    background-image: url( '../images/arrow.gif' );
}

.rightcolumn_newslink:hover
{
    background-image: url( '../images/arrow_orange.gif' );
}

/* contact list*/
/* --- Contacts ---*/
.areaselector
{
    margin-top: 1em;
}

.areaselector_description
{
    padding-bottom: 1em;
}

.areaselector_header
{
    font-weight: bold;
    padding-bottom: 0.2em;
}

.areaselector_control
{
    width: 200px;
}

.contactlist
{
    font-size: 0.8em;
    margin-top: 1em;
    float: left;
}

.contactlist_header
{
    padding: 2em 0 0.2em 0;
    font-size: 13px;
    font-family: Arial;
    font-weight: bold;
    border-bottom: #dbddde 2px dotted;
    width: 100%;
    float: left;
}

.contact_item
{
    clear: left; /*border-bottom: solid 1px #666666;*/
    float: left;
    width: 390px;
    margin: 0.5em 0 1em 0;
    padding: 0.5em 0 0.5em 0;
    page-break-inside: avoid;
}

.contact_image
{
    float: left;
    padding-right: 1em;
}

.contact_image img
{
    width: 100px;
}

.contact_title
{
    margin-bottom: 0.5em;
    font-size: 1.2em;
    clear: both;
}

.contact_name
{
    margin-bottom: 0.5em;
    font-size: 1.2em;
    font-weight: bold;
}

.contact_comment
{
    margin: 1em 0 1em 0.1em;
    font-size: 1.2em;
    font-style: italic;
    float: left;
}

.contact_row
{
}

.contact_label
{
    font-size: 1.2em;
    padding: 0.2em;
    width: 4.5em;
    float: left;
}

.contact_value
{
    font-size: 1.2em;
    padding: 0.2em;
    overflow: hidden;
}

.contact_value a
{
    text-decoration: underline;
}

.centered
{
    text-align: center;
}

/* #text_and_right_content a{color: #c75b12;}
#text_and_right_content a:hover{text-decoration:underline;}
*/

#text a
{
    color: #000000;
    text-decoration: underline;
}

#text a:hover
{
    color: #c75b12;
    text-decoration: underline;
}
#text_and_right_content A
{
    text-decoration: underline;
}

#text p
{
    margin: 0px 0px 14px 0px;
}
#text h1
{
    margin-bottom: 10px;
}
#text h2
{
    margin-bottom: 10px;
}
#text ul, ol
{
    margin-bottom: 10px;
    margin-top: -14px;
}
#text_and_right
{
    float: left;
    width: 620px;
    min-height: 449px; /*padding: 25px 20px 20px 20px;*/
    border-left: 2px dotted #dbddde;
}
#text_and_right_content
{
    margin: 25px 0px 20px 20px;
    overflow: hidden;
}

/* --- Tables --- */
.AlternateRow
{
    background-color: #dbddde;
}
.Keyword
{
    font-family: Arial, Sans-Serif;
    background-color: #dbddde;
    font-weight: bold;
}
.Label
{
    font-family: Arial, Sans-Serif;
    font-weight: bold;
}
.fullwidthtable td
{
    font-family: Verdana, Sans-Serif;
    margin: 0px;
    padding: 2px 2px 5px 6px;
}
.fullwidthtable td
{
    border-bottom: solid 1px #dbddde;
}
.fullwidthtable th
{
    font-family: Arial, Sans-Serif;
    padding: 4px 2px 2px 6px;
    border-bottom: solid 3px #dbddde;
    vertical-align: top;
}
.fullwidthtable
{
    border-collapse: collapse;
    border: solid 3px #dbddde;
    width: 100%;
}

#sitemap td /* -- Fix sitemap breaking -- */
{
    padding: 0px;
}

.ssgtable
{
    border: solid 3px #dbddde;
    font-family: Verdana, Sans-Serif;
}
.ssgtable tr
{
}
.ssgtable td
{
    margin: 0px;
    padding: 2px 2px 5px 6px;
}
.filler
{
    background-color: #dbddde;
    height: 2px;
}


/* --- Forms --- */
.InputArea
{
    background-color: #dbddde;
    padding: 8px;
    width: 100%;
}
Table
{
    border-collapse: collapse;
    font-family: Verdana, Sans-Serif;
}
td
{
    padding: 2px;
    vertical-align: top;
}

input, textarea, select
{
    border: solid 1px #dbddde;
}

.button
{
    border: solid 1px black;
    background-color: White;
    margin: 1em;
}
.InputField
{
    float: left;
    margin: 0em 1em 0em 1em;
    white-space: nowrap;
}

.transparent
{
    background-color: Transparent;
}

/* --- Search --- */
#SearchArea
{
    background-color: #dbddde;
    padding: 8px;
    vertical-align: top;
}
/* --- sorting --- */
.sortimage, .sortimage_active
{
    margin-left: 0.3em;
    vertical-align: bottom;
}

.sortimage_active
{
    background-color: #666;
}

.sortlink
{
}

/* DIVtabell i StandardDetail.ascx */

.Celldiv
{
    float: left;
    display: inline;
    padding-right: 4px;
}
.Rowdiv
{
    display: block;
    clear: both;
    padding: 0px 4px 0px 6px;
    margin: 4px 0px 4px 0px;
}
.Tablediv
{
    border: solid 3px #dbddde;
    font-family: Verdana, Sans-Serif;
    display: block;
    clear: both;
    overflow: hidden;
}
.puff a
{
    color: #000000;
    text-decoration: underline;
}
.puff a:hover
{
    color: #c75b12;
    text-decoration: underline;
}
.puff h3
{
    text-decoration: none;
    line-height: 1.2em;
}
.none
{
    border-collapse: collapse;
    border: 0px;
    padding: 0px;
    margin: 0px;
}
/* fix for xforms messages not showing up due tp top-margin:-14px on ordunary ol,ul  */

#xform ul, ol
{
    margin-top: 10px;
}

/* SSG Cart and the like */

.pricetag
{
    float: left;
    border: solid 1px #ccc;
    padding: 4px 4px 8px 4px;
    margin-right: 4px;
    margin-bottom: 4px;
    display: block;
}
.articlename
{
    font-family: Arial;
    font-weight: bold;
    display: block;
    margin-top: 4px;
    margin-bottom: 4px;
}
.articleprice
{
    font-weight: bold;
    display: block;
    margin-top: 4px;
    margin-bottom: 4px;
}

.up_alert
{
    border: dotted 2px red;
    display: block;
    padding: 5px;
}
#userCart
{
    float: right;
}
#cartText
{
    width: auto;
    padding: 4px;
}
.shaded
{
    background-color: #eee;
}
.alert
{
    border: solid 2px red;
    display: block;
    padding: 3px;
    margin: 12px 0px 12px 0px;
}

.treeview, .treeview ul
{
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    list-style: none;
}

.treeview ul
{
    background-color: white;
    margin: 4px 0px 0px 0px !important;
}

.treeview .hitarea, .hitarea
{
    background: url(/images/treeview/treeview-default.gif) -64px -25px no-repeat;
    height: 16px;
    width: 16px;
    margin: 0px 0px 0px -16px;
    float: left;
    cursor: pointer;
}
/* fix for IE6 */
* html .hitarea
{
    display: inline;
    float: none;
}

.treeview li, .treeview ul
{
    margin: 0px 0px 0px 0px !important;
    padding: 3px 0pt 3px 16px;
    line-height: 1.4em;
}

ul.treeview
{
    margin-bottom: 0px !important;
    margin-top: 0px !important;
}

.treeview a.selected
{
    background-color: #eee;
}

#treecontrol
{
    margin: 1em 0;
    display: none;
}

.treeview .hover
{
    color: red;
    cursor: pointer;
}

.treeview li
{
    background: url(/images/treeview/treeview-default-line.gif) 0px 0px no-repeat;
}

.treeview li.collapsable, .treeview li.expandable
{
    background-position: 0px -176px;
}

.treeview .expandable-hitarea
{
    background-position: -80px -3px;
}

.treeview li.last
{
    background-position: 0px -1766px;
}
.treeview li.lastCollapsable, .treeview li.lastExpandable
{
    background-image: url(/images/treeview/treeview-default.gif);
}
.treeview li.lastCollapsable
{
    background-position: 0px -111px;
}
.treeview li.lastExpandable
{
    background-position: -32px -67px;
}

.treeview div.lastCollapsable-hitarea, .treeview div.lastExpandable-hitarea
{
    background-position: 0px;
}

.treeview-red li
{
    background-image: url(/images/treeview/treeview-red-line.gif);
}
.treeview-red .hitarea, .treeview-red li.lastCollapsable, .treeview-red li.lastExpandable
{
    background-image: url(/images/treeview/treeview-red.gif);
}

.treeview-black li
{
    background-image: url(/images/treeview/treeview-black-line.gif);
}
.treeview-black .hitarea, .treeview-black li.lastCollapsable, .treeview-black li.lastExpandable
{
    background-image: url(/images/treeview/treeview-black.gif);
}

.treeview-gray li
{
    background-image: url(/images/treeview/treeview-gray-line.gif);
}
.treeview-gray .hitarea, .treeview-gray li.lastCollapsable, .treeview-gray li.lastExpandable
{
    background-image: url(/images/treeview/treeview-gray.gif);
}

.treeview-famfamfam li
{
    background-image: url(/images/treeview/treeview-famfamfam-line.gif);
}
.treeview-famfamfam .hitarea, .treeview-famfamfam li.lastCollapsable, .treeview-famfamfam li.lastExpandable
{
    background-image: url(/images/treeview/treeview-famfamfam.gif);
}

.filetree li
{
    padding: 3px 0px 2px 16px;
}
.filetree span.folder, .filetree span.file
{
    padding: 1px 0px 1px 16px;
    display: block;
}
.filetree span.folder
{
    background: url(/images/treeview/folder.gif) 0px 0px no-repeat;
}
.filetree li.expandable span.folder
{
    background: url(/images/treeview/folder-closed.gif) 0px 0px no-repeat;
}
.filetree span.file
{
    background: url(/images/treeview/file.gif) 0px 0px no-repeat;
}

.checkbox-list
{
    clear: both;
    margin-left: 20px;
}
.checkbox-list input
{
    margin-left: -20px;
    float: left;
    border: none;
}

.checkbox-list-label
{
    padding: 1px 0px 0px 2px;
}

/* ------  LoginPage ------*/
.loginArea
{
    background-color: #dddddd;
    float: left;
}
.loginArea label
{
    float: left;
    width: 100px;
    margin: 10px 0px 0px 10px;
}
.loginArea input
{
    float: left;
    width: 200px;
    margin: 10px 0px 0px 10px;
}
#ButtonArea .loginbutton
{
    margin: 10px 0px 20px 120px;
    width: 100px;
    float: left;
}
.highlightMe:hover
{
    background-color: #eee;
}
/* Masterplan */

table.Masterplan
{
    border-collapse: collapse;
    font-family: Arial;
}
table.Masterplan th
{
    font-size: 1.2em;
    padding-left: 0em;
}
table.Masterplan td
{
    border-top: solid 1px #ccc;
}

div.MasterplanMonth
{
    display: inline;
    font-weight: bold;
    color: #666;
    text-transform: capitalize;
}
div.MasterplanDay
{
    font-weight: bold;
    width: 20px;
    text-align: center;
    color: #fff;
    background-color: #666;
    font-size: 0.8em;
}
div.MasterplanEventTitle
{
    padding: 0.2em 0em 0em 0.0em;
    font-family: Georgia;
}
div.MasterplanEvent
{
    margin-bottom: 1.2em;
}
div.MasterplanCurrentMonth
{
    color: #000;
    border-bottom: solid 3px #ccc;
    text-transform: uppercase;
}
.olSearchresult
{
    padding-left:1em;
}
.searchRank
{
    
    color:#666;
}
.searchResultDisplayText
{
    font-style:italic;
    color:#666;
}
.searchResultTitle
{
    font-weight:bold;
}
.noBorder input
{
    border:none !important;
}