body 
{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-top:0px;
	font-size:70%;
	text-align:left;
}

html 
{
	height:100%;

} 
br, hr {
	clear:both;
}
img {
	border:0;
}
a 
{	
	text-decoration: none;
}

h1, h2, h3, h4
{

}
h1 
{
	font-size:160%;
	font-weight: bold;
}
h2 
{
	font-size:130%;
	font-weight:bold;
	margin-bottom:0.2em;
}
h3
{
	font-size:110%;
	font-weight:bold;
	margin-bottom:0.2em;
}
h4
{
	font-size:100%;
	font-weight:bold;
	margin-bottom:0.2em;
}
p
{
	margin: 0 0 1em 0;
}
input, select
{
	font-size:95%;
}
p.mainintro 
{
	font-weight:bold;
}
.ingress
{
	font-weight:bold;
}
/* Här vill man formattera formulärfälten så textrutorna kommer under varann: */
.formtext
{
	display: block;
}
.formtextarea
{
	display: block;
}
.formbutton
{
}
/*------------------- Framework: ------------*/

div.mainbody a
{
	text-decoration:underline;
}

div#containerdiv
{
	width:960px;
	height:100%;
	margin:auto auto auto auto;
}
div#pagediv
{
	width:960px;
	height:100%;
}
div#headerdiv
{
	width:926px;
	/*height:120px;*/
	font-size:0px;
}
div#topdiv
{
	width:926px;
	height:26px;
}
div#footerdiv
{
	float:left;
}
div#maincontainerdiv
{
	padding:0 5px 20px 2px;
}
div#contentdiv
{
	float:left;
	margin-left:40px;
}
div#leftdiv
{
	margin-left:0px;
	text-align:left;
	float:left;
	height:100%;
	width:190px;
}
div#rightdiv
{
    margin-left: 0px;
    float:left;
    height: 100%;
    width: 190px;
}
/*------------------- End Framework: ------------*/

/* Header */
/* 216x120 */
div.headerlogo
{
}
/* 709x120 */
div.headerimg
{
	margin-left:1px;
}
div#HeaderSeparator
{
	float:left;
	width:1px;
}
/* End Header */

/* Action Menu Top */
#action-menu-top
{
    padding-top: 10px;
}
    #action-menu-list
    {
        list-style-type: none;
        font-size: 11px; 
        float: right; 
        margin-right: 10px;
    }
       #action-menu-list li
        {
            float: left; 
            margin-left: 15px;
        }
        #action-menu-list li a,
        #action-menu-list li a:visited
        {
            color: #000;
        }
        #action-menu-list li a:hover
        {
            text-decoration: underline;
        }
/* End Action Menu Top */

/* TopList */
div#toplist
{
	height:28px;
	width:926px;
	background-color: #99B941
}
/* TopDate */
div#topdate
{
	float:left;
	margin:0 1px 0 0;
	padding:8px 0 7px 41px;
	width:175px;
}
/* End TopDate */

/* Top Menu */
ul.topmenu
{
	float:left;
	margin-left:10px;	
	list-style-type:none;
	padding:8px 0 7px 13px;
	margin:0;
}
ul.topmenu li
{
	display:inline;
	margin-right:9px;
	padding:3px 0 0px 0px;	
	height:10px;
}
ul.topmenu li a
{
	font-weight:bold;
	margin-right:9px;	
 	vertical-align:0px;
}

div#topsearch
{
	padding:4px 8px 0px 0px;
	margin:0px;
	float: right;
}
div#topinput input 
{ 
	vertical-align: middle; 
	width: 140px;
}
div#topinput
{
	float: left;
	padding:0 5px 0 0;
	font-size:95%;
	
}
div#topbutton
{
	height:20px;
	float: left;
	margin:0;
}

div#topmenushadow
{
	height:4px;
	float:left;
	width:926px;
	font-size:0px;
}
div#topmenubreadcrumb
{
	font-size:110%;
	font-weight:bold;
	width:913px;
	float:left;
	padding: 3px 2px 3px 12px;
}
/* End Top Menu */
/* End TopList */



/*---------------------------------------*/

img.leftalign
{
	float: left;
	EditMenuName: Left-aligned;
}
img.centeralign
{	/* FUNKAR EJ! */
	text-align: center;
}
img.rightalign
{
	float: right;
	EditMenuName: Right-aligned;
}

div#container {
	text-align:left;
	margin:auto;
	max-width:950px;
	min-width:700px;
	min-height:450px;
}
div#header {
	background-image:url(../img/topborder.gif);
	background-repeat:repeat-x;
	background-position:top left;
	padding: 12px 0 0 20px;
	border-bottom:solid 3px #ddd;
	margin: 0 0 4px 0;
	min-height:80px;
}
a.logo {
	padding:0;
	margin:0;
	width:210px;
	float:left;
}
/* Empty row */
* html div.e100
{
	float:left;
	width:100%;
	font-size:0px;
}
/* Right puff */
div.rightpuff
{
	width:187px;
}
div.puff
{
	width:187px;
}
div.puff h1
{
	margin-left:12px;
	font-size:100%;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0;
	padding:0;
}
div.pufftop
{	
	height:4px;
}
div.puffbottom
{
	height:4px;
	font-size:0px; /* IE fix */
}
div.puffcontent
{
	margin-left:12px;
}
div.puffcontent ul
{
	list-style: none;
	padding:0;
	margin:0;
}
div.puffcontent ul li
{
    display:inline;  /* IE fix, removes the space under a list item */
}
div.puffcontent ul li a
{
	list-style: none;
    display: block;
    padding:0 0 0 14px;
    MARGIN-TOP:0;
    margin-bottom:4px;
    margin-left:0;
    margin-right:0;
    TEXT-DECORATION: none;
}
div.puffcontent ul li a:hover 
{
	text-decoration: underline;
}
#puffcalendar ul li a
{
    padding:0 0 0 0px;
}
/* End Right Puff */
/* Left Menu */
div.menu
{
	padding-left:12px;
	width:185px;
}
div.menuheader
{
	font-size:100%;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0;
	padding:0;
}
div#menuheader
{
	margin-left:17px;
	width:80%;
}
div.menutop
{	
	height:6px;
}
div.menubottom
{
	height:6px;
	font-size:0px; /* IE Fix */
}
.selectedmenuitem
{
	font-weight:bold;
	list-style: none;
    display: block;
    padding:0 0 0 32px;
    margin: 0 0 6px 0;
	text-decoration: none;
}
#menucontainer ul
{
	position:relative;
	list-style: none;
	padding:0;
	margin:0;
}
#menucontainer ul li
{
    display:inline;  /* IE fix, removes the space under a list item */
}
#menucontainer ul li a
{
	list-style: none;
    display: block;
    padding:0 0 0 32px;
    margin: 0 0 6px 0;
	text-decoration: none;
}
#menucontainer li a:hover 
{
	text-decoration: underline;
}
/* End Left Menu */

/* Favorites */
div.favoriteheader
{
	font-size:100%;
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0;
	padding:0;
}
div#favoriteheader
{
	margin-left:17px;
	width:80%;
}
#favoritecontainer ul
{
	list-style: none;
	padding:0;
	margin:0;
}
#favoritecontainer ul li
{
    /*display:inline;   IE fix, removes the space under a list item 
}
#favoritecontainer ul li a
{*/
	list-style: none;
    display: inline-block;
    padding:0 0 0 32px;
    margin: 0 0 6px 0;
	text-decoration: none;
	BACKGROUND-POSITION: 17px 6px;
    BACKGROUND-REPEAT: no-repeat;
    BACKGROUND-COLOR: transparent;
}
#favoritecontainer li a:hover 
{
	text-decoration: underline;
}
/* End Favorites */

/* Vote */
div.voteitem
{
	width:13px;
	height:10px;
	float:left;
}
/* End Vote*/

/* News */
div#newslist
{
	border: solid 1px #000000;
}
#firstnews
{
	float:left;
	background-repeat:no-repeat;
	margin:0 0 0px 0;
	padding:0 0 -4px 0;
}
div.firstnews h2
{
	font-size:160%;
}
div.firstnewsextra h2
{
	font-size:220%;
}
div#newslistunder
{
	padding: 10px 0 0 0;
	float:left;
}
div#newslistunder_header
{
	/*float:left;*/
	clear: left;
}
div#newslistunder_container ul li
{
	list-style: none;
    display: block;
    padding: 0 0 0 0;
    margin: 0 0 6px -38px;
	text-decoration: none;	
}
/* End News */

/* Calendar */
div.calendar
{
	width:656px;
}
div.calendar h2
{
	font-size:100%;
	font-weight:bold;
	margin-bottom:0.2em;
}
div.calendarevent h2
{
	font-size:100%;
}
div.calendaritem a
{
	text-decoration:underline;
}
div.searchtop
{
	height:8px;
	font-size:0px; /* IE fix */
}
div.searchbottom
{
	height:8px;
}
/* End Calendar */

/* Pagecontent */
div#pagebottom
{
	margin-top:10px;
	background-image:url(/images/pageseparator.gif);
	background-repeat:no-repeat;
	padding-bottom:1px;
	clear:both;
}
div#centerdiv
{
	float:left;
	height:100%;
	width:440px;
}
div#rightdiv
{
	float:left;
	height:100%;
	margin-left:38px;
	width:187px;
}
div.middlerightdiv
{
	width: 647px;
}
/* footer */
address 
{
	padding-top:10px;
	padding-left:5px;
	font-style:normal;
}
div#footer
{	
	height:6px;
	width:922px;
	margin-top:5px;
	margin-bottom:10px;
}
/* End footer */
/* Search */
div.searcher
{
	width:656px;
}
div.searchitem
{
	float:left;
	width:100%;
	padding:5px 8px 5px 8px;
}
div.searchitem a
{
	text-decoration:underline;
}
/* end search */
.height1
{
	clear:both;
	margin:auto;
	height:1px;
	float:left;
}
.w50p 
{
	width: 50%;
}
.w25p 
{
	width: 25%;
}
.w20p
{
	width: 20%;
}
.w15p
{
	width: 15%;
}
.w30p 
{
	width: 30%;
}
.w70p 
{
	width: 70%;
}

.w40p 
{
	width: 40%;
}
.w45p 
{
	width: 47%;
}
.w60p 
{
	width: 60%;
}
.w100p 
{
	width: 100%;
}
.ml12
{
	margin-left:12px;
}
.pr8
{
	padding-right:8px;
}
.pl8
{
	padding-left:8px;
}
.pt3
{
	padding-top:3px;
}
.pt5
{
	padding-top:5px;
}.pb1
{
	padding-bottom:1px;
}
.pb2
{
	padding-bottom:2px;
}
.pb3
{
	padding-bottom:3px;
}
.pb4
{
	padding-bottom:5px;
}
.pb5
{
	padding-bottom:5px;
}
.pb10
{
	font-size:0px;
	padding-bottom:10px;
}
.pb15
{
	padding-bottom:15px;
}
.font0
{
	font-size:0px;
}
.right 
{
	float:right;
}
.center
{	   
	float:left;
	margin-left: 15px;
}
.left
{
	float:left;
}
.clear
{
	clear:both;
}
.clearfix
{
    clear: both;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
}
.bottom 
{
	vertical-align:bottom;
}
.button 
{
	margin-bottom:0;
}
.date
{
	font-weight:bold;
}
.auraltext 
{ 
    position: absolute; 
    left: -900px; 
    overflow: hidden; 
    width: 0; 
    font-size:1px; 
    color:#fff; 
    background-color:#ccc;
}
.bold
{
	font-weight:bold;
}
ul.alphabetlist
{
	padding:0;
	margin:1em 0 2em 0;
	display:block;
	clear:both;
}
ul.alphabetlist li 
{
	float:left;
	list-style-type:none;
	padding: 3px 5px 3px 0;
	margin:0;	
	vertical-align:top;	

}
ul.alphabetlist li a
{	
	display:block;
	margin:0;
	text-decoration:none;
}
tr.ItemRow td
{
	cursor: default;
	border-top:	solid 1px #ECEFF3;
}

tr.ItemRowSelected td
{
	cursor: default;
	border-top:	solid 1px #ECEFF3;
	border-bottom:	solid 1px #ECEFF3;
	background-color: #ECEFF3;
}


