/* Clear browser defaults */
*
{
    padding:        0px;
    margin:         0px;
}

/* Website defaults */
body 
{
	margin-left:    auto;
	margin-right:   auto;
	padding:        0px;
    font-family:    Verdana, Arial, Sans-Serif;
    font-size:      .7em;
/*    background:     #DEE7B6; */
}

h1 {
	width: 100%;
	font-size: 1.0em;
	font-weight: bold;
	color: #7b7a04;
	background-color: #DEE7B6;
	margin-bottom: 4px;
}

h2 {
	width: 100%;
	font-size: 1.0em;
	color: #7b7a04;
	background-color: #DEE7B6;
	margin-bottom: 4px;
}

#content 
{
    margin:         0px auto;
    padding:        0px;
    width:          996px;
    border:         0px solid;
/*    background:     #DEE7B6; */
}

#header 
{
    margin:         0px auto;
    padding:        0px;
    width:          996px;
    border:         0px solid;
/*    background:     #DEE7B6; */
}

#footer {
    clear: both;  
	position: fixed; 
	bottom: 0px;
	height: 32px;
	width: 996px;
	margin-left:    auto;
	margin-right:   auto;
	z-index: 998;
	background-color: white;
	text-align: center;
}

#main 
{
    border-style: solid;
    border-color: inherit;
    border-width: 0px;
    float:          left; 
        width:          660px;
        margin:         4px 4px 36px 4px;
        padding:        4px 4px 36px 4px;
        background:     white;
        font-size:      .9em;
    height: 12px;
}

.prev 
{
    float:          left; 
    width:          660px;
    margin:         2px 4px 2px 4px;
    padding:        4px;
    border:         0px solid;
    background:     lightyellow;
    font-size:      .9em;
}

#leftcol 
{
    float:          left;
    padding:        4px 4px 32px 4px;
    margin-top:     4px;
    margin-bottom:  32px;
    width:          150px;
    height:         100%;
    border:         0px solid;
    background:     #DEE7B6;
}

#rightcol 
{
    float:          right;
    padding:        4px 4px 32px 4px;
    margin-bottom:  32px;
    width:          150px;
    height:         100%;
    border:         0px solid;
    background:     white;
}

#centercol 
{
    float:          left;
    padding:        4px 4px 32px 4px;
    margin-bottom:  32px;
    width:          314px;
    height:         100%;
    border:         0px solid;
    background:     white;
}

div.midcol 
{
    float:          left;
    padding:        4px 4px 8px 4px;
    margin:         4px;
    width:          314px;
    height:         100%;
    border:         0px solid;
    background:     white;
}

div.nyartikel 
{
    float:          left;
    padding:        4px 4px 12px 4px;
    width:          312px;
    border:         1px solid #7b7a04;
    background:     lightyellow;
}

div.artikel 
{
    float:          left;
    padding:        4px 4px 12px 4px;
    width:          312px;
    border:         1px solid #7b7a04;
    background:     white;
}

div.notis 
{
    float:          left;
    padding:        4px 4px 12px 4px;
    width:          100%;
    background:     white;
}

.artikeldatum
{
    padding-top:    4px;
    margin-bottom:  0;
    padding-bottom: 0;
    width:          100%;
    text-align:     right;
    font-style:     italic;
}

.kalenderrad
{
    padding-top:    0px;
    margin-bottom:  0;
    width:          100%;
    padding-bottom: 0;
    text-align:     center;
    color:          #7b7a04;
    font-style:     italic;
    background:     lightyellow;

}

.cal_day_head 
{
    background:     #7b7a04;
    color:          #DEE7B6;
}

.cal_day 
{
    background:     white;
}

.cal_noday 
{
    background:     lightgrey;
}

.cal_day_current 
{
    background:     #DEE7B6;
}

img 
{
    border-width:   0px;
    border-style:   none;
    border-color:   inherit;
}

img.centered 
{
    display:        block;
    margin-left:    auto;
    margin-right:   auto;
}

img.left 
{
    float:          left;
    display:        block;
    margin:         4px 4px 4px 0px;
}

img.right 
{
    float:          right;
    display:        block;
    margin:         4px 0px 4px 4px;
}

a {
	text-decoration:underline; 
	color:          #7b7a04; 
}
	
a:hover 
{
    background:     #7b7a04;
    color:          #DEE7B6;
}

span.info:hover 
{
    background:     #7b7a04;
    color:          #DEE7B6;
}

h1           
{ 
    font-size:      1.5em; 
    font-weight:    bold 
}

tr.list:hover
{
    background-color:lightyellow;
}

tr.list
{
    background-color:White;
}


#footer ul {  /* lodrätt utrymme mellan listorna */
	margin:2px 0;
	}
	
#footer li {
	font-size:.8em; 
	display:inline; /* viktig CSS-kod – gör att listorna visas vågrätt */
	border-left:1px solid; /* skapar lodräta linjer till vänster om varje listpost */
	color: #7b7a04; /* anger färgen på de lodräta linjerna – länkarnas färg anges nedan */
	padding:0 4px 0 9px; /* vågrätt utrymme mellan länkar och lodräta linjer – krävdes olika värden för left och right för att centrera */
	}
	
#footer li:first-child {	 /* tar bort den vänstra kantlinjen på den första listposten – fungerar inte i IE */
	border-left:0px none;
	}
	
#footer ul li a {
	text-decoration:none; /* tar bort länkarnas understrykningar */
 	color: #7b7a04; /* länkfärg */
	}
	
#footer ul li a:hover {  /* ger länkarna understrykning när användaren pekar på dem */
	text-decoration:none; 
	color: #DEE7B6;
	}
	
#footer ul.fineprint li { /* färg för copyright och lodräta skiljelinjer på sista raden */
	color: #7b7a04;
	}
	
#footer ul.fineprint li a { /* måste uttryckligen ange färg för dessa – i annat fall ärver de vitt från div#footer li */
	color: #7b7a04;
	}
	
#footer ul.fineprint li a:hover { /* gör nedersta raden vit när användaren pekar på den */
	color: #DEE7B6;
	}

.content a {
	text-decoration:underline; 
	color:#7b7a04; 
	}
	
.content a:hover {
	color: #DEE7B6; 
	text-decoration:none;
	}

.content p {
    font-size: .8em;
    margin-top: 0;
    margin-bottom: .5em;
    padding-bottom: .5em;
}

p {
    margin-bottom: .5em;
    padding-bottom: .5em;
}