@charset "utf-8";
/* CSS Document */

body {
	font: Verdana, Arial, Helvetica, sans-serif;
	background: #3f3c30;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element-/taggväljare ~~ */
ul, ol, dl { /* På grund av skillnader mellan webbläsare är det bäst att nollställa utfyllnad (padding) och marginal (margin) i listor. För att få det konsekvent kan du ange värdena du vill ha antingen här eller i listobjekten (LI, DT, DD) som de innehåller. Kom ihåg att det du gör här överlappar till navigeringslistan om du inte skriver en mer specifik väljare. */
	padding: 0;
	margin: 0;
}
h1, h2, h4, h5, h6{
	margin-top: 10;	 /* om du tar bort toppmarginalen kringgår du ett problem där marginaler kan försvinna från sin innehålls-div. Bottenmarginalen som finns kvar håller den undan från efterföljande element. */
	padding-right: 15px;
	padding-left: 15px; /* om du lägger till utfyllnaden på sidorna av elementen i divarna, i stället för i divarna själva, slipper du all rutmodellsmatematik. Du kan även som alternativ metod använda en kapslad div med utfyllnad på sidorna. */
}

h3 {
	font-family: Verdana;
	font-size: 14px;
	line-height: 12px;
	padding-right: 15px;
	padding-left: 15px;
	color: #c60909;
}
a img { /* den här väljaren tar bort den blå kanten som visas i vissa webbläsare runt en bild när den omges av en länk */
	border: none;
}

p { font-family: Verdana; font-size: 11px; line-height: 12px; padding-right: 5px; padding-left: 10px; color: #000;}
p1{ font-family: Verdana; font-size: 11px; line-height: 12px; padding-right: 5px; padding-left: 10px; color: #000; background-color: #CCC49F;}


/* ~~ Formateringen av webbplatsens länkar måste förbli i den här ordningen – inklusive gruppen av väljare som skapar hover-effekten. ~~ */
a:link {
	color: #42413C;
	text-decoration: none; /* såvida du inte formaterar dina länkar så att de ser extremt unika ut, är det bäst att använda understrykning för snabb visuell igenkänning */
}
a:visited {
	/*color: #6E6C64;*/
	text-decoration: none;
}
a:hover, a:active, a:focus { /* den här gruppen väljare ger den som använder tangentbord samma hover-upplevelse som den som använder mus. */
	text-decoration: none;
	background: #CCC49F;
}

/* ~~ Den här behållaren med fast bredd omger alla övriga divar ~~ */
.container {
	width: 960px;
	background: #FFFFFF;
	margin: 0 auto; /* det automatiska värdet på sidorna, tillsammans med bredden, centrerar layouten */
	padding: 10;
}

/* ~~  */
.header {
	background: #fff;
}

/* ~~ Det här är kolumnerna för layouten. ~~ 

*/
.sidebar1 {
	float: left;
	width: 180px;
	background: #d5d1be;
	padding-bottom: 0px;
	height: 540px;
}
.sidebar1s {
	float: left;
	width: 180px;
	background: #d5d1be;
	padding-bottom: 0px;
	height: 770px;
}
.sidebar1styr {
	float: left;
	width: 180px;
	background: #d5d1be;
	padding-bottom: 0px;
	height: 1100px;
}
.sidebargall {
	float: left;
	width: 180px;
	background: #d5d1be;
	padding-bottom: 0px;
	height: 560px;
}
.sidebarlink {
	float: left;
	width: 180px;
	background: #d5d1be;
	padding-bottom: 0px;
	height: 900px;
}
.sidebar1sm {
	float: left;
	width: 180px;
	background: #d5d1be;
	padding-bottom: 0px;
	height: 1500px;
}
.content {

	padding: 10px 0;
	width: 600px;
	float: left;
	background: #e1ddca;
	height: 520px;
}
.contenteng {

	padding: 10px 0;
	width: 600px;
	float: left;
	background: #e1ddca;
	height: auto;
}
.content2 {

	padding: 10px 0;
	width: 780px;
	float: left;
	background: #e1ddca;
	height: auto;
}
.contentlink {

	padding: 10px 0;
	width: 600px;
	float: left;
	background: #e1ddca;
	height: 900px;
}
.contenttsa {
	padding: 10px 0;
	width: 600px;
	float: left;
	background: #e1ddca;
	height: auto;
}
.sidebar2 {
	float: left;
	width: 180px;
	height: 540px;
	background: #d5d1be;
	padding: 0px 0;
}
.sidebar2styr {
	float: left;
	width: 180px;
	height: 1100px;
	background: #d5d1be;
	padding: 0px 0;
}
.sidebar2sm {
	float: left;
	width: 180px;
	height: 1500px;
	background: #d5d1be;
	padding: 0px 0;
}
.sidebar2s {
	float: left;
	width: 180px;
	height: 770px;
	background: #d5d1be;
	padding: 0px 0;
}

.sidebar2link{
	float: left;
	width: 180px;
	height: 900px;
	background: #d5d1be;
	padding: 0px 0;
}
/* ~~ Den här grupperade väljaren anger listorna i innehållsområdet ~~ */
.content ul, .content ol {
	padding: 0 15px 15px 40px; /* den här utfyllnaden (padding) speglar utfyllnaden åt höger i rubrikerna och styckelinjen ovan. Utfyllnad placerades längst ned för att få mellanrum mellan andra element i listorna och till vänster för att skapa indraget. Detta kan du anpassa efter egna önskemål. */

}
.main {
	padding: 0 15px 15px 40px;
	float: left;
	width: 180px;
	background: #EADCAE;
	padding: 50px 0;}
/* ~~ Navigeringslistformaten (kan tas bort om du väljer att använda en fördefinierad flytande popup-meny som Spry) ~~ */
ul.nav p{
	color: #000;
	font: Verdana, Arial, Helvetica, sans-serif;
	list-style: none; 
	border-top: 0px solid #EADCAE; 
	margin-bottom: 15px; 
	font-weight: bold;
}

ul.nav li {
	border-bottom: 1px solid #ddd; /* det här skapar knappavståndet */
}
ul.nav a, ul.nav a:visited { 
	padding: 1px 1px 1px 1px;
	display: block; 
	width: 160px;  
	text-decoration: none;
	background: ##EADCAE;
}
ul.medlem a, ul.medlem a:visited { 
	padding: 1px 1px 1px 1px;
	display: block; 
	width: 500px; 
	text-decoration: none;
	background: ##EADCAE;
}
ul.medlem a:hover, ul.medlem a:active, ul.medlem a:focus { 
	padding: 1px 1px 1px 1px;
	display: block; 
	width: 500px; 
	text-decoration: none;
	background: #EADCAE;
}
ul.medlem p{
	color: #000;
	font: Verdana, Arial, Helvetica, sans-serif;
	list-style: none; 
	border-top: 0px solid #EADCAE; 
	margin-bottom: 15px;
	font-weight: bold;}
.udda{

	background-color: #e1ddca;
	}
.jamn{

		background-color: #EADCAE;
	}
/* ~~ Sidfotsformaten ~~ */
.footer {
	height: 120px;
	padding: 5px 0;
	background: #CCC49F;
	position: relative;/* det här aktiverar IE6 hasLayout att rensa ordentligt */
	clear: both;
}

/* ~~ Olika float/clear-klasser ~~ */
.fltrt {  /* den här klassen kan du använda för att låta ett element flyta åt höger på sidan. Det flytande elementet måste komma före elementet som det ska ligga bredvid på sidan. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* den här klassen kan du använda för att låta ett element flyta åt vänster på sidan. Det flytande elementet måste komma före elementet som det ska ligga bredvid på sidan. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* den här klassen kan du placera på en <br /> eller tom div som sista element efter den sista flytande diven (i behållaren, .container) om sidfoten tas bort ur behållaren */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}