html, body { height: 100%; background: #f3f3f3; }
body { font: normal 12px Verdana, sans-serif; color:#000; background: #f3f3f3; }

/*h1 { font-size: 16px; font-weight: bold; } Not used*/
h1 { color: #002280; font-size: 16px; font-weight: bold; margin: 0 0 5px 0; text-decoration:none; }
h2 { color: #002280; font-size: 14px; font-weight: bold; margin: 0 0 5px 0; text-decoration:none; }
h3 { color: #002280; font-size: 12px; font-weight: bold; margin: 0 0 5px 0; text-decoration:none; }

h2 a, h3 a { color:inherit; text-decoration:inherit; }

ul{ margin-left:20px; list-style-position:inside; margin-bottom:1em;}
ul li{ list-style-type:disc;}
ol{ margin-left:20px; list-style-position:inside; margin-bottom:1em;}
ol li{ list-style-type:inherit; width:100%;}

p { margin-bottom:1em; }

hr{background-color:#CDCDCD;color:#CDCDCD; height:1px; border:0 none;}

/* text styling */
.grey{ color:#888888; }

/* Helpers */
.clear { clear: both; line-height: 0; font-size: 0; height: 0; }
.hidden { display: none;}
.float-left { float: left; }
.float-right { float: right; }

/* Framework */
.pageWrap { width: 948px; padding: 25px; margin: 13px auto; background: #fff; position: relative; border: 1px solid #cecece; }
.pageWrap .corner { width: 8px; height: 8px; position: absolute; background: url('gfx/gfx_pageWrapCorners.gif'); display: block; font-size: 0px; line-height: 0px; }
.pageWrap .corner.tl { background-position: top left; top: -1px; left: -1px; }
.pageWrap .corner.tr { background-position: top right; top: -1px; right: -1px; }
.pageWrap .corner.bl { background-position: bottom left; bottom: -1px; left: -1px; }
.pageWrap .corner.br { background-position: bottom right; bottom: -1px; right: -1px; }

/* Pageheader */
.pageHeader { position: relative; width: 948px; margin: 0 0 20px; }
	
	div.logo { float: left; width: 394px; height: 58px; display: block; margin: 0 0 15px 0;}
	div.kallanLogo { float: left; width: 394px; height: 72px; display: block; margin: 0 0 15px 0;}
	.memberIcon { width: 187px; height: 55px; position: absolute; bottom: 0; right: 0; }
	.searchWrapper input.searchButton, .searchWrapper a.searchButton { border:1px solid #888888; display:block; float:left; font-size:10px; height:13px; padding-left:7px; padding-top:2px; text-decoration:none; width:32px; color:#000; background-color:#bbb; }
	/*
width:40px; height:17px; padding-bottom:2px; font-size:10px;
*/
	
	/* Main menu */
	div.mainMenuWrapper { clear: both; display: block; }
	ul.mainMenu { list-style-type: none; display: block; margin:0px; float: left; clear: both; width: 100%; background: #fbfbfb url('gfx/bg_mainMenu.gif') repeat-x bottom; border: 1px solid #e8e8e8; border-left: none; border-right: none; }
	ul.mainMenu li { float: left; display: inline; width: auto;}
	ul.mainMenu li a { color: #000; text-decoration: none; font-weight: bold; line-height: 33px; background: url('gfx/gfx_itemBorder.gif') no-repeat right center; padding: 10px; }
	
	/* Top menu */
	ul.topMenu { float: right; padding: 1px 0 0 0; margin-left:0px;}
	ul.topMenu li { display: inline; width:auto; }
	ul.topMenu li a { background: url('gfx/gfx_ItemIcon.gif') no-repeat left center; padding: 0 0 0 15px; margin: 0 0 0 15px; color: #000; text-decoration: none; }
	
	/* Sub menu */
	.subMenu { float: left; width: 178px; margin: 0 23px 0 0; }
	.subMenu h2 { color: #000060; font-size: 16px; }
	.subMenu ul { margin-left:0px; }
	.subMenu ul li { float: left; display: block; clear: both; width: 178px; }
	.subMenu ul li a { background-color: #ffffff; color: #000; font-weight: bold; text-decoration: none; display: block; padding: 3px; border-bottom: 3px solid #fff;}
	.subMenu ul li.active a { background-color: #000060; color: #ffffff; }
	.subMenu ul li.active ul li a { background-color: #ffffff; background-image: url('gfx/gfx_subMenuIcon.gif'); background-repeat: no-repeat; background-position: left top; padding: 0 0 0 20px; color: #002280; }
	.subMenu ul li.active ul li.active a { background-color: #abb8dc; color: #002280;}
	.subMenu ul li.active ul li.active ul li a { background-color: #ffffff; background-image:none; padding-left:4px; margin-left:31px;}
	.subMenu ul li.active ul li.active ul li.active a { background-color: #dce3f6; color: #002280;}
	
	
	
	/* Search */
	.searchWrapper { float: right; }
	.searchWrapper input { float: left; border: 1px solid #969892; height: 15px; width: 114px; }
	.searchWrapper button { float: left; border: 1px solid #969892; cursor: pointer; font-size: 10px; height: 17px; padding: 0; text-transform: uppercase; }
	.SearchArea { margin-top:20px; }
	.AdvancedArea { margin-top:10px; }
	.ResultArea { margin-top:20px; }

/* Page content */
.pageContent { margin: 0 0 20px 0; /* overflow: auto;*/ }
	
	/* Breadcrumbs */
	.breadCrumbs { font: normal 10px Verdana, sans-serif; margin: 0 0 10px 0; }
	.breadCrumbs a { text-decoration: none; }
	
	.conceptImage { margin-bottom:1em; }
	
	.introduction { font-style:italic; }
	
	.smallContentColumn { width: 482px; float: left; }
	.smallContentColumn h1,
	.smallContentColumn h2 { margin: 0 0 10px 0; }
	.smallContentColumn .subPageHeader { margin: 0 0 10px 0; }
	.smallContentColumn .print { background: url('gfx/gfx_ItemIcon.gif') no-repeat left center; padding: 0 0 0 15px; margin-top:10px; text-decoration: none;  }
	.smallContentColumn a.readMore { display: block; width: 100%; clear: both; }
	
	.contentColumn { float: left; width: 738px; }
	.contentColumn .contentHeaderWrapper { position:relative; width: 738px; height: 258px; display: block; float: left; clear: both; background-color: #DDD; background-repeat: no-repeat; margin: 0 0 20px 0; }
	.contentColumn .contentHeaderWrapper .contentHeader { width: 235px; padding: 20px; height: 153px; margin: 33px 0 0 39px; position:absolute; }
	.contentColumn .contentHeaderWrapper .contentHeader h1 { font-family:Arial, sans-serif; }
	.contentColumn .contentHeaderWrapper .arrowLink { position:absolute; width:40px; height:37px; left:25px; top:18px; }
	.contentColumn .contentHeaderWrapper .arrowLink a { width:100%; height:100%; text-decoration:none; display:block;}
	
	/* Puffs on Källan */
	.smallContentColumn .puffWrapper { float: left; clear: both; display: block; width: 100% ;}
	.smallContentColumn .puffWrapper .puff { border: none; width: 155px; float: left; margin: 0 8px 0 0; padding:0;}
	.smallContentColumn .puffWrapper .puff.right { margin: 0; padding: 0; }
	.smallContentColumn .puffWrapper .puff h2 { width: 135px; height: 20px; background-color: #ee6205; background-repeat: no-repeat; padding: 80px 10px 0 10px; font: bold 12px Verdana, sans-serif; color: #fff; text-transform: uppercase; }
	
	/* Puffs */
	.puffWrapper { float: left; clear: both; display: block; width: 100% ;}
	.puffWrapper .puff { width: 219px; float: left; border-right: 1px solid #9c9c9c; margin: 0 19px 0 0; padding: 0 20px 0 0;}
	.puffWrapper .puff.noborder { border: none; margin: 0; padding: 0; }
	
	.puffWrapper .puff h2 { width: 199px; height: 24px; background-color: #ee6205; background-repeat: no-repeat; padding: 140px 10px 0 10px; font: bold 12px Verdana, sans-serif; color: #fff; text-transform: uppercase; }
	.puffWrapper .puff.heading2 h2 { }
	.puffWrapper .puff.heading3 h2 { }
	
	.puffWrapper .puff p { margin: 0 0 5px 0; }
	.puffWrapper .puff a.readMore { text-align: right; display: block; width: 100%; clear: both; text-align: right; font-weight: bold; text-decoration: none; color: #ee6205; }
	
	.sideColumn { width: 178px; float: right; margin: 0 0 0 0; }
	.sideColumn.wide { width: 240px; }
	.sideColumn .segment { border-bottom: 1px solid #9c9c9c; margin: 0 0 10px 0; }
	.sideColumn .segment.noborder { border: none; } 
	/*.sideColumn .segment .date { font-style: italic; font-size: 10px; display: block; }*/
	
	.sideColumn .segment.orange, .sideColumn .segment.orange h2 { color: #c15107; }
	.sideColumn .segment.green, .sideColumn .segment.green h2 { color: #22481c; }
	.sideColumn .segment.blue, .sideColumn .segment.blue h2 { color: #000060; }
	
	.sideColumn .segment.orange .calendarListItem a { color: #c15107; text-decoration:none; }
	.sideColumn .segment.green .calendarListItem a { color: #22481c; text-decoration:none; }
	.sideColumn .segment.blue .calendarListItem a { color: #000060; text-decoration:none; }
	
	.sideColumn h2 {font-size: 16px;}
	
	.sideColumn ul { margin: 0 0 10px 0; }
	.sideColumn ul { list-style-type:none;}
	.sideColumn ul li { list-style-type:none;}
	.sideColumn ul li a { background: url('gfx/gfx_listItem.gif') no-repeat left center; padding: 0 0 0 20px; text-decoration: none; }
	
	
	/*.sidecolumn*/ .boxed { position: relative; border: 1px solid #f00; background: #fbfbfb; border: 1px solid #cdcdcd; margin: 0 0 20px 0; }
	.boxed .segment { margin: 20px; }
	.pageWrap /*.sidecolumn*/ .corner { background-image: url('gfx/gfx_boxedCorners.gif'); }
	
	.sideColumn .contactInformation th { font-weight: bold; padding: 5px 5px 5px 0; }
	.sideColumn .contactInformation td { padding: 5px 0; }
	
	/* Calender */
	.date { font-style: italic; font-size: 10px; display: block; }
	.highlighted { font-weight:bold; }
	.calendarList { margin-top:25px; }
	.calenderListDay { margin-bottom:20px; }
	.calendarListItem { margin-bottom:10px; }
	.eventIcon { margin-left:5px; margin-right:5px; margin-bottom:2px; }
	
	
	/* Forum */
	.forumTable{ width:100%; }
	.forumTable .title{ width:50%; }
	.forumTable th.replies, .forumTable td.replies{	text-align: right; }
    .forumTable td.info{ width: 20%; }
    .forumTable th{	padding: 0 8px;}
    .forumTable tr.even td, .forumTable tr.uneven td{ padding: 4px 8px; }
    .forumTable tr.even td{	/*background-color: #abb8dc;*/}
    .forumTable tr.uneven td{ background-color: #dce3f6;}
    .forumTable .locked { background: url('gfx/iconLock.gif') no-repeat left center; padding-left:15px;}
    .info { font-style: italic; font-size: 10px; display: block; }
    
    /*** Blog ***/
    .blogItem { margin-bottom:15px; }
    .comments { margin-bottom:15px; }
    .comments li { margin-bottom:10px; }
    .captcha { margin-top:10px; }
    .bloggerImage { width: 240px; margin-bottom: 10px; }
	/* Tag cloud */
    ul.tagCloud
    {
        margin: 0;
        padding: 0;
    }

    ul.tagCloud li 
    {   
        display:inline;
        list-style: none;
        list-style-image: none;
        margin: 0 0.4em 0 0;
        vertical-align: baseline;
    }

    .sideColumn ul.tagCloud li a
    {
        background-image:none;
        padding:0;
    }

    ul.tagCloud h1,
    ul.tagCloud h2,
    ul.tagCloud h3,
    ul.tagCloud h4,
    ul.tagCloud h5,
    ul.tagCloud h6
    {
        display: inline;
        white-space: nowrap;
        margin: 0;
        padding: 0;
        font-family: Verdana, Helvetica, Sans-Serif;
        color:#0000FF;
    }
    ul.tagCloud h1 {
        font-size: 1.6em;
        font-weight: 900;
    }
    ul.tagCloud h2 {
        font-size: 1.3em;
        font-weight: 700;
    }
    ul.tagCloud h3 {
        font-size: 1.0em;
        font-weight: 500;
    }
    ul.tagCloud h4 {
        font-size: 0.9em;
        font-weight: 400;
    }
    ul.tagCloud h5 {
        font-size: 0.8em;
        font-weight: 200;
    }
    ul.tagCloud h6 {
        font-size: 0.7em;
        font-weight: 100;
    }
    /* Date archive */
    div.dateTree 
    {
        font-family: Verdana, Helvetica, Sans-Serif;
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
    div.dateTree ul
    {
        padding: 0;
        margin: 0;
        font-weight:bold;
    }

    div.dateTree ul ul
    {
        margin: 0 0 1em 0;
        font-weight:normal;
    }

    div.dateTree ul li
    {
        margin: 0;
        padding: 0;
        list-style: none;
        list-style-image: none;
    }
 
 /* Paging */
 .PagingContainer .SelectedPagingItem { text-decoration:none; font-weight:bold; }
 .PagingContainer .UnselectedPagingItem {}
    
/* Pagefooter */
.pageFooter { clear: both; text-align: center; padding: 15px; border-top: 1px solid #cdcdcd; margin-top:20px; font-family:Verdana, Sans-Serif; font-size:10px; }
.pageFooter a{ color:#000000; text-decoration:none;}