html, body, #head_container {
min-height: 100%; /*Sets the min height to the
                        height of the viewport.*/
width: 100%;
height: 100%; /*Effectively, this is min height
                    for IE5+/Win, since IE wrongly expands
                    an element to enclose its content.
                    This mis-behavior screws up modern  
                    browsers*/
margin: 0;
padding: 0;
}

html>body #head_container {
height: auto; /*this undoes the IE hack, hiding it
               from IE using the child selector*/
}

#head_container {
position: absolute;
top: 0;
left: 0;
/*border: thin dotted #FF80FF;*/
}

#main {
height: 100%;
padding-bottom: 3em;   /*Keeps content above footer. Originally
                         used margin, but a bug in Opera7 seemed
                         to add spurious margin, pushing the
                         footer beyond the viewport even with
                         short content. */
/*border: thin solid #FF8000;*/
}

#footerwrap {
position: absolute;
bottom: 0;
width: 100%;
height: 300%;
/*border: thin dotted #0F0;*/
background-image: url(../images/.png);
background-repeat: repeat-x;
background-position: bottom;
z-index: -18;
}

#footer {
width: 100%;
min-width: 100%;
max-width: 100%;
/*border: thin solid #F00;*/
z-index: -17;
position: absolute;
bottom: 0;

background-repeat: no-repeat;
background-position: left bottom;
height: 212px;
margin-top: 0;
margin-right: auto;
margin-bottom: 0;
margin-left: auto;
    }

#container_margin-top {
z-index: 100;
margin-top: 2%;
}

#cloudback {
left: 0px;
top: 10%;
position: absolute;
/*border: thin dotted #0F0;*/
z-index: -17;
margin: 0px;
padding: 0px;
}

#top {
background-image: url(../images/Hälsingland-Runt_01-04.png);
background-repeat: no-repeat;
background-position: center;
height: 210px;
width: 720px;
/*border: thin solid #F00;*/
}

#content {
z-index: 101;
height: 99%;
/*border: thin solid #F00;*/
position: relative;
}

#content_bg_top {
background-image: url(../images/content_bg_top_520px.png);
background-repeat: no-repeat;
background-position: 77px bottom;
}

#content_bg_repeat {
background-image: url(../images/content_bg_repeat_520px.png);
margin-left: 77px;
}

#content_bg_bottom {
background-image: url(../images/content_bg_bottom_520px.png);
background-repeat: no-repeat;
background-position: 77px top;
height: 12px;
}

body,td,th {
font-family: Verdana, Geneva, sans-serif;
font-size: 12px;
}

a { color: #EBEBEB; text-decoration: none; }
a:visited 	{ color: #EBEBEB; }
a:hover 	{ color: #EFDB60; }
a:active 	{ color: #EFDB60; }

a img			{ border:2px #EBEBEB solid; }
a:visited img 	{ border:2px #EBEBEB solid; }
a:hover img		{ border:2px #EFDB60 solid; }
a:active img 	{ border:2px #EFDB60 solid; }

div.text {
font-family: Verdana, Geneva, sans-serif;
font-size: 11px;
color: #0D4D68;
/*border: medium dotted #FF8000;*/
text-align: left;
}

p {
text-align: left;
margin-top: 0.8em;
/*border: thin dashed #0FF;*/
}

span {
text-align: left;
margin-top: 0.8em;
/*border: thin dashed #0FF;*/
}

.title {
font-family:Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bolder;
}

.newstext {
width: 100%;
}

.news_date_mini {
font-size: 9px;
font-style: italic;
float: left;
}

.news_read_more {
font-size: 10px;
float: right;
margin-right: 10px;
}

hr#news_hr {
width: 100%;
color: #73AAC1;
}

#news_links a {
color: #EBEBEB;
text-decoration: none;
	}
#news_links a:visited{
	color: #EBEBEB;
}
#news_links a:hover{
	color: #EFDB60;
	}
#news_links a#current{
	color: #EFDB60;
	}

.LastEdit {
/*border: medium dotted #0F0;*/
position: absolute;
bottom: 0px;
}

#copy {
font-family: Verdana, Geneva, sans-serif;
font-size: 9px;
color: #EBEBEB;
padding-top: 5px;
}

#back {
bottom: 0px;
position: absolute;
}

#gallery { margin-left: 20px; }