body, html  {
	background-color: #000000;
	background-image: url(gui/images/backgr_strip.jpg);
	background-repeat: repeat-x;
	margin: 0px;
}
a:active{
	color: #CCCCCC;
	text-decoration: underline;
}
a:link{
	color: #FFFFFF;
	text-decoration: underline;
}
a:visited{
	color: #CCCCCC;
	text-decoration: underline;
}
a:hover{
	color: #CCCCCC;
	text-decoration: underline;
}
a.copyright:link{
	color: #ffffff;
	text-decoration: underline;
	}
a.copyright:active{
	color: #bebebe;
	text-decoration: underline;
	}
a:copyright:visited{
	color: #999999;
	text-decoration: none;
	}
a:copyright:hover{
	color: #bebebe;
	text-decoration: underline;
}
#maincontainer {
	position: relative;
	margin: 0px auto;
	
	height: 100%; /* For IE */
	width: 982px;
	background-color: #390013;
	background-image: url(gui/images/backgr_main.jpg);
	background-repeat: no-repeat;
	
}
#wave {
	background-image: url(gui/images/wave.gif);
	background-repeat: no-repeat;
	height: 401px;
	width: 2100px;
	z-index: -100;
}

#logo {
	height: 77px;
	width: 243px;
	position: relative;
	float: left;
	margin-left: 8px;
}
#menu {
	position: relative;
	height: 77px;
	width: 725px;
	float: left;
	
}
#sidnamn {
	float: left;
	height: 46px;
	width: 967px;
	background-color: #000000;
	position: relative;
	margin-top: 15px;
	margin-left: 8px;
}
#middlecontainer {
	float: left;
	height: 448px;
	width: 670px;
	margin-right: 8px;
	margin-left: 8px;
	position: relative;
	margin-bottom: 8px;
}
#textscroll {
	float: left;
	height: 440px;
	width: 660px;
	position: relative;
	overflow: auto;
}

#textcontainer {
	float: left;
	height: 100%;
	width: 600px;
	position: relative;
	padding-left: 27px;
}
#picturecontainer {
	float: left;
	height: 448px;
	width: 289px;
	position: relative;
	margin-bottom: 8px;
}
#leftpictop {
	float: left;
	height: 220px;
	width: 289px;
	margin-bottom: 8px;
	position: relative;
}
#leftpicbottom {
	float: left;
	height: 220px;
	width: 289px;
	position: relative;
}
#news {
	height: 496px;
	width: 373px;
	position: relative;
	float: left;
	margin-top: 15px;
	margin-right: 8px;
	margin-bottom: 8px;
	margin-left: 8px;
}
#nyhetrubrik {
	height: 46px;
	width: 373px;
	position: relative;
}
#pictures {
	float: left;
	height: 496px;
	width: 587px;
	position: relative;
	margin-top: 14px;
}

#nyhetcontainer {
	height: 389px;
	width: 373px;
	margin-top: 8px;
	margin-bottom: 8px;
	background-repeat: no-repeat;
	position: relative;
	overflow: auto;
}
#nyhetscroll {
	height: 330px;
	width: 313px;
	margin-left: 30px;
	margin-top: 30px;
	overflow: auto;
}

#nyhetsarkiv {
	height: 45px;
	width: 373px;
	position: relative;
}
#nyhettext {
	height: 100%;
	width: 280px;
	position: relative;
}
#bigbild {
	height: 268px;
	width: 587px;
	position: relative;
	margin-bottom: 8px;
}
#indexubildleft {
	float: left;
	height: 220px;
	width: 289px;
	margin-right: 8px;
}
#indexubildright {
	height: 220px;
	width: 289px;
	float: left;
}
#puffcontainer {
	height: 151px;
	width: 967px;
	position: relative;
	float: left;
	margin-left: 8px;
}
#puffleft {
	height: 140px;
	width: 322px;
	float: left;
	background-image: url(gui/images/puff_left.jpg);
	background-repeat: no-repeat;
}
#pufflefttext {
	height: 100px;
	width: 322px;
	position: relative;
	margin-top: 30px;
}

#puffmiddle {
	background-image: url(gui/images/puff_middle.jpg);
	float: left;
	height: 140px;
	width: 322px;
	position: relative;
	background-repeat: no-repeat;
}
#puffmiddletext {
	height: 100px;
	width: 322px;
	margin-top: 30px;
	position: relative;
}

#puffright {
	float: left;
	height: 140px;
	width: 323px;
	position: relative;
	background-image: url(gui/images/puff_right.jpg);
	background-repeat: no-repeat;
}
#puffrighttext {
	height: 100px;
	width: 322px;
	margin-top: 30px;
	position: relative;
}
.puffrubrik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 21px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: -1px;
	line-height: 24px;
}

a.puffrubrik:link{
	color: #ffffff;
	text-decoration: none;
	}
a.puffrubrik:active{
	color: #bebebe;
	text-decoration: none;
	}
a.puffrubrik:visited{
	color: #ffffff;
	text-decoration: none;
	}
a.puffrubrik:hover{
	color: #bebebe;
	text-decoration: none;
}

.puffbrodtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFFFFF;
	line-height: 16px;
	font-weight: normal;
}

a.puffbrodtext:link{
	color: #ffffff;
	text-decoration: none;
	}
a.puffbrodtext:active{
	color: #bebebe;
	text-decoration: none;
	}
a.puffbrodtext:visited{
	color: #ffffff;
	text-decoration: none;
	}
a.puffbrodtext:hover{
	color: #bebebe;
	text-decoration: none;
}

#copyright {
	float: left;
	height: 50px;
	width: 967px;
	position: relative;
	margin-left: 8px;
	margin-top: 0px;
}



.newsrubrik {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #333333;
	font-weight: bold;
}
.newsrubrikwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

.brodtext {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
}
.brodtextwhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #FFFFFF;
}

.datum {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 16px;
	color: #CCCCCC;
}
#copyright {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	color: #FFFFFF;
	text-align: center;
}








#nav-example { 
	background:url("gui/images/menu.jpg") no-repeat; 
	width:725px; 
	height:77px; 
	margin:0;
	padding:0; 
	}

#nav-example span {
	display: none;
	}

#nav-example li, #nav-example a {
	height:77px; 
	display:block; 
	}

#nav-example li {
	float:left; 
	list-style:none; 
	display:inline; 
	}

#nav-example-01 {
	width: 102px; 
	}
#nav-example-02 {width: 89px;}
#nav-example-03 {width: 89px;}
#nav-example-04 {width: 89px;}
#nav-example-05 {width: 89px;}
#nav-example-06 {width: 89px;}
#nav-example-07 {width: 89px;}
#nav-example-08 {width: 89px;}


#nav-example-01 a:hover {background:url("gui/images/menu.jpg")  -0px -77px no-repeat; }
#nav-example-02 a:hover {background:url("gui/images/menu.jpg") -102px -77px no-repeat; }
#nav-example-03 a:hover {background:url("gui/images/menu.jpg") -191px -77px no-repeat; }
#nav-example-04 a:hover {background:url("gui/images/menu.jpg") -280px -77px no-repeat; }
#nav-example-05 a:hover {background:url("gui/images/menu.jpg") -369px -77px no-repeat; }
#nav-example-06 a:hover {background:url("gui/images/menu.jpg") -458px -77px no-repeat; }
#nav-example-07 a:hover {background:url("gui/images/menu.jpg") -547px -77px no-repeat; }
#nav-example-08 a:hover {background:url("gui/images/menu.jpg") -636px -77px no-repeat; }