html {height: 100%;}

body {
	font-size: 62.5%;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	margin: 0;
	padding: 0;
	background: url(../img/molnbgtop.jpg) no-repeat center top;
	background-color: #f5f2e7;
	height: 100%;
	}
	
h1 {
	font-size: 4em;
	font-family: times, "Times New Roman";
	letter-spacing: 2px;
	color: #D3BB8E;
	/*color: #ECE5B9;*/
	}

h2 {
	font-size: 1.3em;
	margin: 0px;
	color: #AE6621;
	/*color: #988b80;*/
	}

h3 {
	font-size: 1.7em;
	color: #494949;
	padding: 2px 0px 4px 5px;
	}
	
h4 {
	font-size: 1.1em;
	color:#494949;
	margin: 5px 0px 0px 2px;
	}
	
p {
	font-size: 1.1em;
	margin-top: 0px;
	color: #000;
	}
	
b, strong{color: #e00000;}

ul {margin: 0px;}

img {border: 0px;}

hr {margin-bottom: 20px;}
	
a {border: 0px;}
a:link { color: #A60000; text-decoration: underline; font-weight: bold;}
a:visited { color: #A60000; text-decoration: underline; font-weight: bold; }
a:active { color: #A60000; text-decoration: underline; font-weight: bold; }
a:hover { color: #A60000; text-decoration: none; font-weight: bold; }

#outerframe {
	position: relative;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	bottom: 0px;
	overflow: hidden;	
	background: url(../img/molnbgbottom.jpg) repeat-y center;	}
	
#frame {
	width: 800px;
	height: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-left: 50px;
	padding-right: 50px;
	float: left;
	background: url(../img/molnbgtop.jpg) no-repeat center top;	}
	
.h1hide {
	position: relative;
	top: 0px;
	text-indent: -9999px;}

	
/* Meny
----------------------------------------------------------------*/	
.meny {
	position: relative;
	top: 215px;
	height: 31px;
	width: 800px;
	padding: 0px;
	background: url(../img/meny_bg.gif) repeat-x;
	list-style-type: none;
	float: left;
	}

.meny li {
	float: left;
	}		

.meny li a:link { color: #fff; text-decoration: none}
.meny li a:visited { color: #fff; text-decoration: none}

.meny li a{
	display: block;
	float: left;
	padding: 7px 15px 8px 15px;
	margin: 0px;
	font-family: sans-serif;
	font-size: 1.3em;
	font-weight: bold;
	color: #fff;
	border-right: 1px solid #232323;
	}
	
.meny li a:hover {
	background: url(../img/meny_bg_active.gif);
	text-decoration: none;
	}
	
.meny li.current a{
	background: url(../img/meny_bg_active.gif);	}
	
	

/* Vänsterspalt
----------------------------------------------------------------*/
.maincontents {
	position: relative;
	top: 220px;
	width: 480px;
	padding: 0px 50px 250px 10px;
	float: left;
	border-right: 1px dotted;
	}
	
.maincontents ul{font-size: 1.1em; line-height: 130%;}

.linje {
	border-bottom: 1px dotted black;
	margin: 20px;}
	
.byline {
	font-style: italic;
	margin-bottom: 20px;
	}
	
.artikelbild {
	float: left;
	width: 200px;
	height: 210px;
	margin-right: 7px;
	}
	
.styrelsen {font-size: 1.1em;}
.styrelsen strong {color: #515151;}
.styrelsen dd {margin-left: 15px;}
	

/* Bildspel
----------------------------------------------------------------*/
.bildspelarea {
	position: relative;
	top: 220px;
	width: 790px;
	padding: 0px 0px 250px 10px;
	float: left;
	}
	
.acrobattext {
	font-style: italic;
	margin-left: 20px;
	}
	
.inledningstext {
	width: 500px;
	height: 800px;
	margin-top: 30px;
	float: left;
	}
	
.bildspelslista {
	list-style-type: decimal;
	}
	
.bildspelslista li{
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 10px;
	color: #A60000;
	}
	
.bildspelbanner {
	border: 0px;
	margin-bottom: 20px;
	}
	

/* Galleri
----------------------------------------------------------------*/	
.galleri {
	width: 500px;
	height: 120%;
	}

.galleri img {
	margin-right: 5px;
	margin-bottom: 5px;
	}
	
.galleri h4 {margin-top: 20px; margin-bottom: 5px;}

/* Högerspalt
----------------------------------------------------------------*/	
#right {
	position: relative;
	top: 220px;
	padding-left: 15px;
	width: 240px;
	height: 1200px;
	float: right;
	}

.aktuellt {
	width: 220px;
	height: auto;
	margin-bottom: 10px;
	padding: 0px 10px 0px 10px ;
	float: right;
	line-height: 150%;
	}
	
.datum {
	margin-bottom: 3px;
	font-style: italic;
	}
	
/* Sparbankelogo
----------------------------------------------------------------*/
#sparbankenlogo {
	width: 220px;
	height: 50px;
	padding: 10px;
	float: right;
	}

/* Kalender
----------------------------------------------------------------*/
#sidokalender {
	width: 220px;
	padding: 10px;
	float: right;
	line-height: 150%;		
	}

#sidokalender b{color: #e00000;}
#sidokalender h3{font-size: 1.4em; margin-top: 0px; padding: 5px;}

/*#kalender dt {
	display: inline;
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 10px;
	padding: 2px;
	clear: left;
	}

#kalender dt.mm {
	background: url(../img/kalender_red.gif) no-repeat center;
	width: 47px;
	height: 47px;
	text-align: center;
	font-family:'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	line-height: 12px;
	}
	
#kalender dt.om {
	background: url(../img/kalender_blue.gif) no-repeat center;
	width: 47px;
	height: 47px;
	text-align: center;
	font-family:'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	line-height: 12px;
	}	

#kalender dd {
	border-bottom: 1px dotted;
	padding-bottom: 7px;
	margin-top: 4px;
	margin-bottom: 15px;
	}*/
	
.kalender{
	list-style-type: none;
	padding: 0px;
	margin-top: 35px;
	}

.kalender li {
	height: 80px;
	margin-bottom: 25px;
	border-bottom: 1px dotted;
	}


	
/* Datum
----------------------------------------------------------------*/
.kalendersymbol {
	position: relative;
	top: -10px;
	width: 47px;
	height: 32px;
	margin-right: 10px;
	margin-bottom: 30px;
	text-align: center;
	font-family:'Trebuchet MS',Verdana,Arial,Helvetica,sans-serif;
	line-height: 14px;
	color: #4D4D4D;
	float: left;
	}
	
.red {background: url(../img/kalender_red.gif) no-repeat center top;}

.blue {background: url(../img/kalender_blue.gif) no-repeat center top;}

.green {background: url(../img/kalender_green.gif) no-repeat center top;}

.date {
	padding-top: 14px;
	}

.month {
	font-size: 1em;
	}
	
.day {
	position: relative;
	font-size: 1.7em;
	font-weight: bold;
	}	
	
/* Länksida
----------------------------------------------------------------*/
#anchorlink {
	padding: 0px;
	margin-bottom: 30px;
	list-style-type: none;
	float: left;
	}

#anchorlink li {
	float: left;
	margin-left: 10px;
	background: url(../img/pil.gif) no-repeat right;
	}		

#anchorlink li a{
	display: block;
	float: left;
	padding: 5px 15px 5px 0px;
	margin: 0px;
	}
		
.link-block {
	float: left;
	width: 200px;
	margin-bottom: 30px;
	margin-right: 30px;
	
	}
.link-block ul {
	margin-top: 5px;
	padding-left: 0px;
	list-style-type: none;
	}

.link-block a {
	display: block;
	width: auto;
	padding: 6px;
	background: #656565;
	border-top: 1px dotted white;
}

.link-block > ul li:first-child a {
	border-top: none;	
}

.nyrad {
	clear: left;
}
	
.link-block a:link{color: white;}
.link-block a:visited{color: #E5D5CD;}
.link-block a:hover{color: white; background-color: #A60000; text-decoration: none;}
/*.link-block a:hover{color: #6C2722; background-color: #8F8373; text-decoration: none;}*/
	
.undertext {
	clear: left;
	}