body,html {

	padding: 0; /* behövs alltid!! */

	margin-top: 20px; /* sidans marginaler */

	background-color: #00CCFF;

	text-align: center;  /* centrerar layouten 1 - för äldre webläsare  */

	font: 95% Verdana, sans-serif;

	color: #2a93ca;

}



h1, h2, h3 { 

	font-family: Verdana, sans-serif;

	color: #2a93ca; 

	background-color: inherit;

	letter-spacing: 1px;

	margin-top: 4px;

	margin-bottom: 20px;

}



h1 { font-size: 2.5em; }



h2 { font-size: 1.5em; }



h3 { font-size: 1.33em; }



h4 { 

	font-size: 1.16em; 

	font-family: Verdana, sans-serif;

	color: #2a93ca; 

	background-color: inherit;

	letter-spacing: 1px;

	margin-bottom: 5px;

}



h5 {

	margin-bottom: 5px;

}



a img { border: none; }



p {

	text-align: left;

	margin: 0 0 15px 0;

	font-size: 1em;

	line-height: 140%; 

	background-color: #FFFFFF;

	color: #000000;

}



div#wrapper {

	width: 875px;  /* flytande: procent */			

	border: 1px solid black;						

	margin: 0 auto;  /* centrerar layouten 2 */

	padding: 10px 10px 10px 10px;

	text-align: left;   /* centrerar layouten 3 - justerar tillbaka innehållet åt vänster */

	background: #FFFFFF url() repeat; 

	color: #2a93ca;

	background-attachment: fixed;

}



div#header {

	height: 50px;

	border-bottom: 1px solid black;

	padding: 5px;

	margin-right: 10px;

	margin-left: 10px;

	margin-bottom: 5px;

	background:#fff url(bild/swefolkpic.GIF) no-repeat left top;

	color: #000000;

	text-align: left;

}



/* flaggmeny topp */

div#menu  {

    width: 100%;

	font-size: 90%;

	margin-bottom: 10px;

	margin-left: 10px;

	float: left;

}


div#menu a {

	margin-right: 10px;

}



/* kolumn till vanster */

div#navcontainer-left {

	float: left;

	width: 150px;

	margin-left: 5px;

	padding-right: 10px;

	background-color: #FFFFFF;

	color: #2a93ca;

}



/* meny till vanster */

.menyboxa a:link, .menyboxa a:visited, .menyboxa a:active, .menyboxa a:hover {

	font-family: Verdana, sans-serif;

	font-size: 17px;

	font-weight: bold;

	color: #2a93ca;

	background-color: #FFFFFF;

	text-decoration: none;

	line-height: 30px;

}



div#dropmenudiv {

	position:absolute;

	background-color: #FFFFFF;

	color: #000000;

	border:1px solid black;

	font:normal 12px Verdana, sans-serif;

	line-height:18px;

	z-index:100;

}



div#dropmenudiv a:link, #dropmenudiv a:visited, #dropmenudiv a:active {

	width: 100%;

	display: block;

	text-indent: 3px;

	border-bottom: 1px solid black;

	padding: 5px 0;

	background-color: #FFFFFF;

	color: #000000;

	text-decoration: none;

	font-weight: bold;

}



/*hover background color*/

div#dropmenudiv a:hover{ 

	background-color: #00CCFF;

	color: #000000;

}



div#statusmenu {

	color:#2a93ca; 

	border-top: 1px dashed #000;

	padding-top: 10px;

	border-bottom: 1px dashed #000;

}



.statusmenua {

	font-size: 12px;

	font-weight: bold;

	color:#2a93ca;

}



.statusmenua a:link, #statusmenu a:visited, #statusmenu a:active, #statusmenu a:hover {

	font-weight: normal;

	text-decoration: none;

	color:#2a93ca; 

}



div#statcounter {

	padding-top: 10px;

	padding-left: 5px;
	
	padding-bottom: 5px;
	
	border-bottom: 1px dashed #000;

}

div#fb-root {
	
	float: left;
	
	width: 140px;

}


/* kolumn till hoger */

div#navcontainer-right {

	float: right;

	width: 170px;

	margin: 0;

	padding: 0 10px 10px 10px;

	background:#fff;

	font-size: 12px;

	color: #000000;
	
}



/* newsbox */

div#newsbox {

	width: 90%;

	height: 150px;

	overflow: auto;

	border-style: groove;

	font-family: Verdana, sans-serif;

	margin-bottom: 20px;

	color: #000000;

	background-color: #FFFFFF; 

}



/* Google search */

.googlesearch {

	border-top: 1px dashed #000;

	padding: 10px 0 10px 0;

	border-bottom: 1px dashed #000;

}



.googlesearch h3 {

	margin-left: 10px;

}



.googlesearch td {

	height: 32%; 

	border: 0; 

	text-align: left;

}



div#fb-root {
	
	padding-top: 10px;
	
	padding-bottom: 10px;
		
}


/* lankbox */

div#linkbox {

	padding-top: 10px;

	padding-left: 5px;
	
	padding-bottom: 10px;
	
	border-bottom: 1px dashed #000;

}



/*kolumn mitten */

div#innehall {

	width: 455px;

	float: left;

	margin-right: 10px;

	margin-left: 10px;

	margin-top: 0px;

	margin-bottom: 5px;

}



div#innehall a:link, #innehall a:visited, #innehall a:hover { 

	color: #2a93ca; 

	background-color: inherit; 

	font-size: 1em; 

	text-decoration: none;

	font-weight: normal;	

}



div#innehall a img { border: none; }



.justify {

	margin: 0 0 15px 0;

	font-size: 1em;

	line-height: 140%; 

	background-color: #FFFFFF;

	color: #000000;

}



div#lankar {

	width: 49%;

	float: left;

	margin-right: 10px;

	margin-left: 10px;

	margin-bottom: 30px;

}



.lankar a:link, .lankar a:visited, .lankar a:hover { 

	color: #2a93ca; 

	background-color: inherit; 

	font-size: 12px; 

	text-decoration: none;

	line-height: 15px;

	margin-left: 20px;

}



.indrag {

	padding-left: 20px;

}



div#report {

	width: 49%;

	text-align: center;

	margin-top: 20px;

	margin-right: 10px;

	margin-left: 10px;

}



div#report a:link, #report a:hover, #report a:visited, #report a:active {
	
	text-decoration: none;
	
	font-weight: bold;
	
	font-size: 12px;
	
	color: #F00;
}



div#chatbox {
	
	float: right;
	
	margin-bottom: 20px;
	
}



div#footer {			

	border-top: 1px solid black;

	margin-left: 10px;

	margin-right: 10px;

	clear: both;

}



div#footer p {
	
	margin: 0;

	line-height: 10px;

	font-size: 10px;

	voice-family:inherit;

	text-align:center;

	background-color: #FFFFFF;

	color:#000;

	padding:5px;

}



div#footer a:link, #footer a:visited, #footer a:active {

	background-color: #FFFFFF;

	color:#2a93ca; 

	font-size: 10px;

	border: 0;

	font-weight: normal;

	text-decoration: none;

}



div#footer a:hover{}