body, html {
 	text-align: center;
 	margin: 0px;
  	padding: 0px;
  	line-height: 1em;
  	background-color: #323235;
  	height: 100%;
  	width: 100%;
}

#sida{
  	background-color: #c5d9f5;
  	margin-left: auto;
  	margin-right: auto;
  	width: 960px;
}

#sida img {
  	display: block;
}

#logga{
	background-image: url("../grafik/delar/topp.gif");
	background-repeat: no-repeat;
	position: relative;
	width: 960px;
	height: 128px;
	white-space: normal;
  	font-size: 0px;
	line-height: 1em;
	padding: 0px;
	margin-left: auto;
 	margin-right: auto;
}

#update{
	position: relative;
	font: 10px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #343437;
	top: 110px;
	text-align: right;
	padding-right: 40px;
}

#admin{
	position: relative;
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #800000;
	top: 0px;
	text-align: right;
	padding-right: 40px;
}

#gralist{
	background-image: url("../grafik/delar/gralist.gif");
	background-repeat: no-repeat;
	position: relative;
	width: 960px;
	height: 5px;
	white-space: normal;
  	font-size: 0px;
	line-height: 1em;
	padding: 0px;
	margin-left: auto;
 	margin-right: auto;
}

#logga img {
  	display: block;
}

a img{
	border: none;
}

#container {
	width: 960px;  
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

#leftcolumn {
  	float: left;
  	padding: 6px 10px 10px 10px;
  	width: 215px;
}

#leftcolumn img{
  	display: inline;
}

#submeny{
  	background-image: url("../grafik/delar/ruta1.gif");
	background-repeat: no-repeat;
	position: relative;
	width: 215px;
	height: 297px;
	padding: 0px;
	margin-bottom: 10px;
}

#submenyrubrik{
  	font: 15px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #fff;
  	padding-top: 45px;
  	padding-left: 20px;
}

#submenylinks{
  	position: relative;
  	top: 35px;
  	left: 20px;
}	

#submenylinks ul{
  	list-style-type: none;
  	margin: 0px;
  	padding: 0px;
}

#submenylinks li{
  	padding-bottom: 15px;
}

#submenylinks a{
  	font: 11px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #fff;
  	text-decoration: none;
}

#submenylinks a:hover{
  	font: 11px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #c5d9f5;
}

#film{
	background-image: url("../grafik/delar/ruta2.gif");
	background-repeat: no-repeat;
	position: relative;
	width: 215px;
	height: 145px;
	padding: 0px;
	margin: 0px;
	margin-bottom: 10px;
}

#sefilm{
	position: relative;
	top: 122px;
	left: 20px;
	font: 10px Trebuchet ms, Verdana, Helvetica, Arial, sans-serif; color: #fff;
}

#sefilm a:link, #sefilm a:visited, #sefilm a:active{
	font: 11px Trebuchet ms, Verdana, Helvetica, Arial, sans-serif; color: #fff;
	text-decoration: none;
	display: inline;
}

#sefilm a:hover{
	font: 11px Trebuchet ms, Verdana, Helvetica, Arial, sans-serif; color: #c5d9f5;
}



#moviepopup {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
background-image: url("../grafik/delar/transparent.png");
background-repeat: repeat;
/background-color: #000;
z-index: 100;
padding: 0px;
margin: 0px;
/filter: alpha(opacity = 50);/* internet explorer       */ 
}


#movie{
	position: absolute;
	width: 400px;
	left: 50%;
	margin-left: -200px;
	/margin-left: 0px;
	/left: 30%;
	top: 170px;
	z-index: 200;
}

#flashcontent{
	position: relative;
	z-index: 1;
}



#karta{
	background-image: url("../grafik/delar/karta.gif");
	background-repeat: no-repeat;
	position: relative;
	width: 215px;
	height: 211px;
	padding: 0px;
}

#kartatext{
	position: relative;
	top: 22px;
	left: 20px;
	font: 10px Trebuchet ms, Verdana, Helvetica, Arial, sans-serif; color: #000;
	line-height: 12pt;
	font-weight: bold;
}

#content {
  	position: relative;
  	top: 6px;
  	background-image: url("../grafik/delar/contenttop.gif");
  	background-repeat: no-repeat;
  	background-color: #fff;
    width: 490px;
  	min-height: 480px;
  	height:auto !important;
  	height: 480px;
  	float: left;
  	padding-bottom: 20px;
  	z-index: 50;
}

#bild{
  	padding-left: 5px;
	  padding-top: 5px;
}

#rubrik{
	font: 15px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #000;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 20px;
	padding-right: 20px;
}

#punkter{
  	margin-left: 20px;
  	margin-top: 20px;
}

#ingress{
	font: 11px Trebuchet ms, Verdana, Helvetica, Arial, sans-serif; color: #000;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 18px;
	padding-right: 20px;
}

#text{
	font: 11px Trebuchet ms, Verdana, Helvetica, Arial, sans-serif; color: #000;
	margin-left: 20px;
	margin-top: 18px;
	padding-right: 20px;
}

#text a{
	font: 11px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #0e3471;
	text-decoration: none;
}

#text a:hover{
	font: 11px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #1157bb;
}

.bold{
	font: 11px Trebuchet ms, Verdana, Helvetica, Arial, sans-serif; color: #000;
	font-weight: bold;
}

#refbilder{
	padding-top: 5px;
	padding-left: 5px;
}

#refbilder a {
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #800000;
	text-decoration: none;
}

#refbilder a:hover {
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #ff0000;

}

#refbilder td {
 padding-left: 25px;
 padding-bottom: 30px;
}

#laggtillref {
  padding-left: 25px;
}

#laggtillref a {
  font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #800000;
	text-decoration: none;
}

#laggtillref a:hover {
  font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #ff0000;
}

#rightcolumn {
  	float: right;
  	padding: 6px 10px 0px 10px;
  	width: 215px;
}

#kontakt{
	background-image: url("../grafik/delar/ruta4.gif");
	background-repeat: no-repeat;
	position: relative;
	width: 215px;
	height: 145px;
}

#kontakt a{
	font: 10px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #0e3471;
	text-decoration: none;
}

#kontakt a:hover{
	font: 10px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #1157bb;
}

#kontakt2{
	background-image: url("../grafik/delar/ruta4.gif");
	background-repeat: no-repeat;
	position: relative;
	width: 215px;
	height: 145px;
	margin-top: 10px;
}

#kontakt2 a{
	font: 10px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #0e3471;
	text-decoration: none;
}

#kontakt2 a:hover{
	font: 10px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #1157bb;
}

#kontakttext{
	position: relative;
	top: 10px;
	left: 20px;
	font: 10px Trebuchet ms, Verdana, Helvetica, Arial, sans-serif; color: #000;
	line-height: 12pt;
	font-weight: bold;
}

#kontakttext img{
	margin-bottom: 8px;
	margin-left: 20px;
}

#ivabruta{
	background-image: url("../grafik/delar/ivabruta.gif");
	background-repeat: no-repeat;
	position: relative;
	width: 215px;
	height: 145px;
	margin-top: 10px;
}

#ivablink{
	position: relative;
	top: 115px;
	left: 20px;
}

#ivablink img{
	display: inline;
}

#ivablink a{
	font: 11px Trebuchet ms, Verdana, Helvetica, Arial, sans-serif; color: #323235;
	text-decoration: none;
}

#ivablink a:hover{
	font: 11px Trebuchet ms, Verdana, Helvetica, Arial, sans-serif; color: #aaa;
}

#rutarightcolumn{
  	background-image: url("../grafik/delar/ruta3.gif");
  background-repeat: no-repeat;
	position: relative;
	width: 215px;
	height: 297px;
}

#rubrikrutarightcolumn{
  	font: 15px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #343437;
  	font-weight: bold;
  	padding-top: 20px;
  	padding-left: 20px;
  	padding-right: 20px;
  	height: 60px;
}

#textrutarightcolumn{
  	padding-left: 35px;
  	padding-top: 20px;
  	padding-right: 10px;
  	font: 9pt Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #343437;
}

#textrutarightcolumn ul{
  	margin: 0px;
  	padding: 0px;
}

#textrutarightcolumn li{
  	line-height: 25px; 
}

#foot {
  	padding-top: 5px;
  	text-align: center;
  	clear: both;
  	margin: 0px;
}

#newuser{
	position: relative;
	top: 20px;
	left: 20px;
	width: 305px;
	font: 10px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #343437;
}

#newuser input{
	font: 10px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #343437;
}

#login{
	position: relative;
	top: 20px;
	left: 20px;
	width: 250px;
	font: 10px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #343437;
}

#login input{
	font: 10px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #343437;
}

#loginbtn{
	position: relative;
	text-align: right;
}

#noscript{
	font: 10px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #ff0000;
}

#redigera{
	position: relative;
	padding-left: 400px;
	padding-top: 20px;
}

#redigera a{
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #800000;
	text-decoration: none;
}

#redigera a:hover{
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #ff0000;
}

#redigera_form{
	position: relative;
	top: 20px;
	left: 20px;
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #343437;
}

#redigerarubrik input{
	font: 15px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #000;
	font-weight: bold;
}

#redigeraingress textarea{
	font: 11px Trebuchet ms, Verdana, Helvetica, Arial, sans-serif; color: #000;
	font-weight: bold;
}

#redigeratext textarea{
	font: 11px Trebuchet ms, Verdana, Helvetica, Arial, sans-serif; color: #000;
}

#infobildupload{
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #ff0000;
}

#infotext{
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #666;
}

#redigerarightlist{
	position: relative;
	padding-left: 150px;
	top: 0px;
	margin: 0px;
}

#redigerarightlist a{
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #800000;
	text-decoration: none;
}

#redigerarightlist a:hover{
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #ff0000;
}

#redigeralist_form{
	position: relative;
	top: 20px;
	left: 20px;
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #343437;
	padding-bottom: 120px;
}

#redigeralist_form ul input{
	font: 11px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #343437;
}

#redigeralist_form ul{
	padding-left: 0px;
}

#redigeralistrubrik input{
	font: 15px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #343437;
  	font-weight: bold;
}

#ledning_head{
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #343437;
	font-weight: bold;
	margin-top: 30px;
	margin-bottom: 15px;
}

#ledning{
	margin-left: 20px;
	margin-top: 20px;
	padding-right: 20px;
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #343437;
}

#ledningnamn{
	font-weight: bold;
}

#ledningtitel{
	font-style: italic;
	padding-bottom: 2px;
}

#ledningmail a{
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #0e3471;
	text-decoration: none;
}

#ledningmail a:hover{
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #1157bb;
}

#ledningtel{
	padding-bottom: 20px;
}

#redigeraledning a{
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #800000;
	text-decoration: none;
}

#redigeraledning a:hover{
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #ff0000;
}

#bildspelImages img{
	margin-left: 5px;
}

#bildspelImages a{
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #800000;
	text-decoration: none;
	margin-left: 5px;
}

#bildspelImages a:hover{
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #ff0000;
}

#redigerabilds a{
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #800000;
	text-decoration: none;
	margin-left: 5px;
}

#redigerabilds a:hover{
	font: 12px Trebuchet ms, Helvetica, Verdana, Arial, sans-serif; color: #ff0000;
}