html {
	height: 100%;
	margin: 0;
	padding: 0;
}

body {
	background: #c40f2f url(img/background.gif) no-repeat;
	background-position: center;
	color: #fff;
	font-family: Verdana, sans-serif;
	font-size: small;
	/*height: 100%;*/
	margin: 5px 0 0 0;
	padding: 0;
	text-align: center;
}

a {
	text-decoration: none;
}

h1, h2, h3, h4, h5, h6, p, ol, ul {
	margin:0;
}

h2 {
	margin:8px 0;
	font-size:large;
}

p{
	margin-top:10px;
}

div#content {
	background: #fff;
	border: #c40f2f solid 2px;  /*Den inre rutan med röd ram*/
	color: #000;
	height: 380px;
	padding: 1px 1px 1px 1em; 
}

div#frame{
	position: absolute; 
	border: #fff solid 1px;	 /*Den yttre vita ramen*/
	height: 386px; width: 590px;
	left: 50%; top: 50%;	/*Centrerar rutan*/
	margin: -207px 0 0 -293px;  /*Ser till så att den hamnar helt i mitten*/
	text-align: left;
}

h1 {
	position: absolute;
	height: 60px; width: 258px;
	top: 100%;
	right: 0;
	margin: 3px 0 0;  /*margin-top: 3px*/
}

img#katarina{
	float: right;
}

img#image2{
	position:absolute;
	right:3px;
	top:61px;

}

p#copyright {
	position: absolute;
	bottom: 20px;
	color: #fff;
	font-size: x-small;
	margin: 0;
	right: 20px;
}

p#copyright a {
	color: #fff;
	border-bottom: #fff dotted 1px;
}

ul#navigation {
	position: absolute;
	bottom: 100%; /*Placerar navigationen strax ovanför sin förälder: frame. Man räknar från förälderns inre nedersta del. Hade vi använt top hade det varit uppe istället*/
	left: 3px;
	list-style: none;
	margin: 0;
	padding: 7px 0;
}

ul#navigation a {
	color: #fff;
	display: block;
	padding: 0;
	text-decoration: none;
}

ul#navigation li {
	float: left;
	margin: 0 15px 0 0;
}

li img{
	border:0;
}

a:link, a:visited, a:hover, a:active {
	color:#c40f2f ;
}

p.galleri {
	padding-left:27px;
	padding-top:20px;
}

p#paging  {
	padding-top:10px;
	text-align:center;
}

#content p{ margin: 0 0 0.5em; }

.nyhet {
	font-weight:bold;
	font-size:smaller;
}

.nyhetsinfo { font-weight:normal; }