/* Variables */

/*
   Replace all occurrences of:
   #373737 (text color)
   #6f9400 (green text color)
   #454545 (list dot color)
   #dadada (outline color)
   #b8b8b8 (date color)
   #888888 (right menu date color)
   #f1f1f1 (box color)
   #e3e3e3 (blurb line)
   #f3f3f3 (blurb fill)
*/


/* --- General --- */

html, body { height: 100%; }

body {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 11px;
   color: #373737;

   width: 940px;
   
   margin: 0;
   /*margin-top: 10px;*/
   margin-left: auto;
   margin-right: auto;
}

a { color: #373737; text-decoration: none; }
a:hover { color: #373737; text-decoration: underline; }
a:visited { color: #373737; }

img { border: 0; }

input  {
   font-size: 11px;
}

.list { line-height: 18px; }
.listDot {
   font-size: 11px;
   color: #454545;
   padding-right: 10px;
}

.hidden {
   display: none;
}



/* --- Text styles --- */

.menuHeader {
   color: #6f9400;
   font-size: 16px;
}
h1 {
   /* Reset built-in margin and padding */
   margin: 0; padding: 0;
   
   color: #008860;
   font-size: 16px;
   font-weight:bold;
}
h2 {
   /* Reset built-in margin and padding */
   margin: 0; padding: 0;
   
   margin-top: 20px;
   margin-bottom: 6px;
   
   color: #6f9400;
   font-size: 16px;
   font-weight: normal;
}
h3 {
   /* Reset built-in margin and padding */
   margin: 0; padding: 0;
   
   margin-top: 8px;
   
   font-size: 12px;
   font-weight: bold;
   text-transform: uppercase;
}

.date {
   font-size: 10px;
   color: #b8b8b8;
}

.bodyText {
   font-size: 12px;
   line-height: 15px;

   margin-top: 7px;
   vertical-align: top;
}
.bodyText p {
   margin: 0;
   margin-top: 7px;
}
.bodyText img { vertical-align: top; }
.bodyText a { color: #6f9400; }



/* --- Tables --- */

.bodyText .table {
   border: 0 !important;
}
.bodyText tr { border: 0; padding: 0; }
.bodyText td { empty-cells:hide; border: 0; background-color: #f6f6f6; padding: 4px; }



/* --- Blurb --- */

.blurb {
   float: left;
   
   margin-bottom: 20px;
   /*border-bottom: 1px solid #e3e3e3;*/
}
.blurbWrapper1 .blurb { width: 713px; margin-left: 0; }
.blurbWrapper .blurb, .blurbWrapper2 .blurb {
   width: 342px;
   height: 142px;
   margin-left: 29px;
   
   background: url(img/blurb/blurb.png) 0 0 no-repeat;
}
.blurbWrapper3 .blurb { width: 217px; margin-left: 31px; }
.first { margin-left: 0 !important; } /* Reset left margin for leftmost blurb */
.blurbHeading {
   font-size: 16px;
   text-transform: uppercase;
   color: #ff8100;
   
   padding-top: 14px;
   padding-left: 14px;
   padding-bottom: 20px;
   padding-right: 12px;
   /*border-bottom: 1px solid #e3e3e3;*/
}
.blurbHeading .firstWord { font-weight: bold; }
.blurbBody {
   /*height: 70px;*/
   
   font-size: 12px;
   color: #373737;
   
   padding-left: 14px;
   padding-bottom: 14px;
   padding-right: 12px;
   /*border-bottom: 10px solid #f3f3f3;*/
}
.blurbReadMore { color: #b8b8b8; font-weight: bold; font-size: 11px; }
.blurb p { margin-top: 10px; margin-bottom: 0; }
.blurb a:hover { text-decoration: none; }
.noTopMargin { margin-top: 0 !important; }



/* --- Main content --- */

#mainWrapper {
   padding-top: 20px;
}

.mainStart {
   clear: left;
   float: left;

   /* Total width: 2 + 714 + 30 = 746 */
   width: 714px;
   padding-left: 2px;
   padding-right: 30px;
}
.mainCenter {
   float: left;

   /* Total width: 25 + 513 + 30 = 568 px */
   width: 513px;
   padding-left: 25px;
   padding-right: 30px;
}
.mainRight {
   float: left;

   /* Total width: 25 + 735 + 2 = 762 px */
   width: 735px;
   padding-left: 25px;
   padding-right: 2px;
}

.leftMenu {
   clear: left;
   float: left;

   /* Total width: 2 + 160 + 15 + 1 = 178 px */
   width: 160px;
   padding-left: 2px;
   padding-right: 15px;

   border-right: 1px solid #dadada;
}
.leftMenu .lineSep {
   width: 154px;
   height: 1px;

   margin-top: 7px;
   margin-bottom: 8px;

   background: url(img/left-menu/line-sep.png) 0 0 no-repeat;
}
.leftMenu .selectedItem { font-weight: bold; color: #373737; }

.leftNav {}
.leftNav ul {
   margin: 0;
   padding: 0;
   list-style-type: none;
}
.leftNav ul ul li {
   background: url(img/left-menu/line-sep.png) 0 100% no-repeat;
   
   padding-top: 8px;
   padding-bottom: 8px;
}
.leftNav ul ul ul li {
   background: none;
   /*padding-left: 10px;*/
   
   padding-top: 8px;
   padding-bottom: 2px;
}
.leftNav ul ul ul li a { color: #848484; }
.leftNav ul ul ul ul li {
   padding-top: 8px;
   padding-bottom: 2px;
}
/*.leftNav ul ul ul li .selectedItem a { color: #373737; }*/
.leftNav ul ul ul { padding-left: 14px; } /* First child indent */
.leftNav ul ul ul ul { padding-left: 14px; } /* Second child indent */

.leftNav .selectedItem a { color: #373737; } /* Makes every parent in the */
.leftNav .expandedItem a { color: #373737; } /* currently selected path black */

.leftNav div { padding-left: 10px; }
.leftNav .parent { background: url(img/left-menu/parent.png) 0 4px no-repeat; }
.leftNav .parentExpanded { background: url(img/left-menu/expanded.png) 0 5px no-repeat; }
.leftNav .selectedItemparent { background: url(img/left-menu/expanded.png) 0 5px no-repeat; font-weight: bold; }


.rightMenu {
   float: left;

   /* Total width: 194 px */
   width: 194px;
}
.rightMenu .date { color: #888888; }
.rightMenu .sep { margin-top: 12px; height: 0; width: 1px; }
.rightMenu .itemWrapper { margin-top: 10px; }
.rightMenu .list { margin-top: 10px; }
.rightMenu .selectedItem { font-weight: bold; }

.menuBox {
   width: 166px;
   padding-left: 16px;
   padding-right: 12px;

   padding-top: 2px;
   padding-bottom: 6px;
   
   background-color: #f1f1f1;
}
.menuBoxTop {
   width: 194px;
   height: 14px;
   /* Increased height and changed background position to avoid IE6 issue */
   background: url(img/right-menu/box-top.png) 0 4px no-repeat;
}
.menuBoxBottom {
   width: 194px;
   height: 10px;
   margin-bottom: 14px;
   
   background: url(img/right-menu/box-bottom.png) 0 0 no-repeat;
}



/* --- News section --- */

.bodyText .abstract {
   font-weight: bold;
}

.readMore { font-size: 11px; }

.firstNews { clear: both; margin-bottom: 30px; }
.bottomNewsWrapper { clear: both; }
.secondNews, .thirdNews { width: 241px; }
.secondNews { float: left; margin-right: 31px; }
.thirdNews { float: left; }

.mainStart .secondNews,
.mainStart .thirdNews {
   width: 341px;
}

.firstNews img,
.secondNews img,
.thirdNews img {
   float: right;
   margin: 0 0 20px 10px;
}
.secondNews h1, .thirdNews h1 { font-size: 16px; }
.firstNews h1 a, .secondNews h1 a, .thirdNews h1 a { color: #6f9400; }
.firstNews h1 a:hover, .secondNews h1 a:hover, .thirdNews h1 a:hover { text-decoration: none; }



/* --- Menu section (above image header) --- */

#logoLink {
   position: absolute;
   width: 264px;
   height: 75px;
}

#menu {
   background: url(img/nsk_logo.png) 0 10px no-repeat;

   height: 130px; /* Also change #mainMenu margin-top and #loginMenu margin-top accordingly */
   height: 110px;
   padding-top: 10px;
}
#menu a { color: #6f9400; }

#menu.stiftelsen { background: url(img/stiftelsen_logo1.png) 0 20px no-repeat; }
#menu.stiftelsen #logoLink {
   margin-top: 10px;
   position: absolute;
   /*width: 211px;
   height: 45px;*/
   width: 149px;
   height: 53px;
}

#menu.stiftelsen { height: 90px; }
.stiftelsen #mainMenu { margin-top: 74px; }
.stiftelsen #loginMenu { margin-top: 13px; }


/* --- Top menu (search) --- */

#topMenu {
   font-size: 12px;

   height: 24px;
   float: right;
}
#topMenu div { float: left; }
#topMenu .menuItem {
   padding-top: 3px;
   margin-left: 10px;
   margin-right: 6px;
}
#txtSearch { width: 140px; }
#btnSearch { margin-left: 3px; width: 60px; }
.shadeSep {
   font-size: 12px;
   color: #dadada;
   margin-left: 10px;
}



/* --- Main menu --- */

#mainMenu {
   font-size: 11px;
   text-transform: uppercase;

   float: left;
   width: 620px;

   /* Max height to use: 106px */
   height: 14px;
   margin-top: 90px; /* Also change #menu height accordingly */
   margin-top: 70px;
}
#mainMenu a {
   display: block;
   float: left;
   margin-right: 19px;

   /*letter-spacing: 1px;*/
}



/* --- Login menu --- */

#loginMenu {
   float: right;
   width: 319px;

   /* Total height to use: 106px */
   margin-top: 53px; /* Also change #menu height accordingly */
   margin-top: 33px;
   height: 53px;

   background: url(img/login-menu/shade.png) 0 100% no-repeat;
}
#loginMenuContracted {
   cursor: pointer;

   padding-top: 20px;
   padding-bottom: 19px;

   color: #6f9400;
   /*color: #f18100;
   font-weight: bold;*/
   text-align: center;
}
#loginMenuContracted span {
   font-size: 16px;
   /*text-transform: uppercase;*/
   color: #ff8100;
}
#loginMenuContracted.hover { background: url(img/login-menu/shade-hover.png) 0 0 no-repeat; }
#loginMenuExpanded {
   position: absolute;
   z-index: 1000;
   /*display: none;*/

   /* BG size: 379 × 184 px */
   width: 299px;
   padding-left: 20px;
   height: 137px; /*height: 167px;*/
   padding-top: 17px;

   background: url(img/login-menu/shade-expanded.png) 0 0 no-repeat;
}
#loginMenuClose {
   position: absolute;
   z-index: 9000;

   cursor: pointer;
   
   width: 299px;
   height: 33px;
   background: red;

   width: 24px;
   height: 24px;
   margin-top: -3px;
   margin-left: 261px;

   background: url(img/login-menu/close.png) 0 0 no-repeat;
}
#loginMenuClose.hover { background-image: url(img/login-menu/close-hover.png); }
#loginMenuExpanded .list {
   margin-top: 30px;
   margin-left: 15px;
   line-height: 20px;
}
#loginMenuExpanded a {
   color: #373737;
   text-transform: uppercase;
   font-size: 11px;
}


/* --- Header (image and breadcrumb) --- */

#header a { color: #6f9400; }
.headerImage {
   width: 936px;
   height: 120px;
   padding: 1px;
   margin-bottom: 3px;

   text-align: right;

   background: url(img/header/images/1.png) 1px 1px no-repeat;
   border: 1px solid #cdcdcd;
}
#headerBottom {
   padding-left: 2px;
   padding-right: 2px;

   height: 16px;
}
#breadcrumb { float: left; }
#breadcrumb a { font-weight: normal; }
#headerPrint { float: right; }
#headerPrint img {
   display: block;
   float: left;
   margin-right: 4px;
}



/* --- Footer --- */

#footer {
   clear: both;
   
   padding-top: 4px;
   width: 940px;
   padding-bottom: 12px;

   color: #b8b8b8;
   text-align: center;
}
#footer a { color: #b8b8b8; }
#footer .sep {
   height: 20px; /* Visible distance from element above */
   margin-bottom: 4px;

   border-bottom: 1px solid #e9e9e9;
}
#footer .left { float: left; }
#footer .right { text-align: right; }



/* --- Contacts --- */

.contactBox {
   border-bottom: 1px solid #dadada;
   width: 300px;
   height: 130px;
   float: left;
   margin: 10px 10px 10px 10px;
   padding: 0px 0px 0px 10px;
   clear: left;
}

.contactBox img {
   float:left;
   margin-right:20px;
}
.contactBody {
   font-size: 11px;
}
.contactBody a { color: #6f9400 !important; }
.contactAreas { margin-top: 10px; margin-bottom: 10px; }
.contactAreas a { font-size: 11px; color: #6f9400; margin-left: 10px; }



/* --- Site map --- */

.siteMap .leftIndent { padding-left: 15px; }
.siteMap ul {
   margin: 0;
   padding: 0;
   
   width: 225px;
   
   list-style-type: none;
   background-image: none;
}
.siteMap ul ul {
   /* Level 1 wrapper */
   background: url(img/site-map/box-bottom.png) 0 100% no-repeat;
   padding-bottom: 10px;
}
.siteMap ul ul ul { width: 210px; }
.siteMap ul ul ul ul { width: 195px; }
.siteMap ul ul ul ul ul { width: 180px; }

.siteMap ul ul ul { background: none; padding-bottom: 0; } /* No background for non-top level list */
.siteMap li {
   margin: 0;
   padding: 0;
   margin-top: 20px;
   
   padding-top: 12px;
   
   background: #f1f1f1 url(img/site-map/box-top.png) 0 0 no-repeat;
}
.siteMap li ul li {
   /* Level 2 */
   margin: 0;
   padding: 0;
   
   padding-top: 6px;
   
   background: #f1f1f1;
}
.siteMap li ul li ul li {
   /* Level 3 */
   margin: 0;
   padding: 0;
   
   padding-top: 6px;
   padding-left: 15px;
   
   background: #f1f1f1;
}
.siteMap li ul li ul li ul li {
   /* Level 4 */
   margin: 0;
   padding: 0;
   
   padding-top: 6px;
   padding-left: 15px;
   
   background: #f1f1f1;
}

.siteMap ul ul li { }
.siteMap ul ul ul li {
   padding-left: 10px;
   
   padding-top: 8px;
   padding-bottom: 2px;
}

.siteMap li a {
   /* Level 1 */
   font-size: 16px;
   color: #6f9400;
}
.siteMap li li a {
   /* Level 2 */
   font-size: 11px;
   color: #373737;
}
.siteMap li li li a {
   /* Level 3 */
   color: #848484;
}
.pageMap {
   float: left;
   margin-left: 10px;
   margin-right: 10px;
   width:225px;
}



/* --- Search result --- */

.searchResult { margin-top: 10px; margin-bottom: 10px; padding-bottom: 8px; border-bottom: 1px solid #e3e3e3; }
.searchHit { margin-top: 8px; }
.searchHit a { font-weight: normal; font-weight: bold; color: #6f9400; }
.hightlight { background-color: yellow; color: red; font-weight: bold; }
.searchResultBody { font-size: 11px; }



/* --- Calendar --- */

#calendar .readMore { color: #b8b8b8 }
.calendarList {
   margin-top: 12px;
   padding-top: 8px;
   /*border-top: 1px solid #dadada;*/
}
.calendarListItem {
   font-size: 12px;   
   margin-top: 10px;
}
.calendarBody {
   padding-left: 10px;
   border-left: 10px solid #f3f3f3;
   margin-bottom: 25px;
}
a.calItemHeading {
   color: #6f9400;
   font-size: 16px;
}



/* --- ImagePreview --- */

#preview
{            
    position: absolute;
    border: 1px solid #ccc;
    width:500px;           
    background: #333;
    padding: 5px;
    display: none;
    color: #fff;
}
#preview img
{
     width:500px;
     margin-bottom:10px;
}

img.preview
{
     width:500px;
     margin-bottom:10px;
}

/* Contacts */

.listlink, .listlink1 { float: left; padding-right: 4px; }
.listlink1 { color: #3f6400 !important; }

.contactImage { width: 100px; height: 125px; }


/* --- Mäklarwebb --- */

.objektLista {
   margin-top: 20px;
}
.snabbfakta img {
   width: 90px;
}
.snabbfakta .itemWrapper .menuHeader { margin-top: 22px; }
.snabbfakta .list { line-height: 10px; }

.fastBeskBild {
   float: left;
   padding: 10px;
}
.fastBeskBild .date { margin-top: 3px; }



/* --- XForms --- */

.xForm {
   margin-top: 20px;
   margin-bottom: 20px;
   
   font-size: 11px;
}
.xForm td { background: none !important; }





.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}



.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: green;
	color: white;
}

/* image gallery */

#mediabox
{
   position: relative;
   background: #f1f1f1;
   border: 1px solid #dadada;

   margin-top: 15px;
   margin-bottom: 5px;
   margin-right: 10px;
   padding: 10px;
   padding-bottom: 0;
   min-width: 480px;

   /*clear: left;*/
}
.mediaitembox
{
	display: inline;
   /*position: relative;*/
   float:left;
   border:1px solid #bbbbbb;
   background: white;

   padding: 8px;
   margin: 10px;

   /*overflow: hidden;*/
}