body
	{
	background-color:#ffffff;
	color:#000000;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 1em;
	background-image: url(../bilder/loket2.jpg);
}
huvud {
	background-color: #c9d3d6;
	width: auto;
	margin-bottom: 15px;
	padding-left: 5px;
}
#mainArea {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #c9d3d6;
	border: 1px outset #C8D7C8;
}

#infoArea {
	float: left;
	width: 550px;
	margin-top: 10px;
	padding-right: 5px;
	margin-left: 10px;
	margin-bottom: 20px;
}

#infoBox {
	float: right;
	width: 120px;
	margin-top: 10px;
	font-size: 0.8em;
	margin-right: 5px;
}


#infoArea h2 {
	font-size: 1.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	margin: 0px;
}
#infoArea p {
	font-size: 0.9em;
	margin-top: 0px;
	padding-top: 0px;
}

#menyTop {
	width: auto;
	margin-bottom: 15px;
	padding-left: 10px;
	margin-right: auto;
	margin-left: 150px;
}

/* menyn */
#content{margin: 2em; padding: 0;}
#menyTop ul {margin: 0; padding: 5px 0 0 0; background: transparent; height: 1.5em;}
#menyTop li {display: block; float: left; padding: 0 1em 0 0; font: 70% Verdana, Geneva, sans-serif; color: #000000;}
.menycontent {
	display: block;
	padding: 0 0 0.5em 0;
	color: #000000;
	text-align: center;
	background-color: #D8E2D8;
}
a.meny, a.meny:visited {width: 8em; display: block; text-decoration:none;}
a.meny:hover {background: transparent;}
a#current .menycontent, a#current .r1, a#current .r2, a#current .r3, a#current .r4 {background: #ffffff; }
a#current .menycontent {border-bottom: none}
a.meny:hover .menycontent, a.meny:hover .r1, a.meny:hover .r2, a.meny:hover .r3, a.meny:hover .r4 {background:#a7b8bc;}

/* runda horn */
.roundtop {background: transparent;}
.r1 {
	margin: 0 5px;
	height: 1px;
	overflow: hidden;
	background-color: #D8E2D8;
}
.r2 {
	margin: 0 3px;
	height: 1px;
	overflow: hidden;
	background-color: #D8E2D8;
}
.r3 {
	margin: 0 2px;
	height: 1px;
	overflow: hidden;
	background-color: #D8E2D8;
}
.r4 {
	margin: 0 1px;
	height: 2px;
	overflow: hidden;
	background-color: #D8E2D8;
}
/*-----------------------------------------------*/
/*#menyLeft {
	float: left;
	width: 150px;
	margin-top: 10px;
	padding-left: 5px;
}
#menyLeft ul {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	color: #000000;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
*/
#menyLeft li {
	margin-bottom: 8px;
}
/* undermenyer i menyLeft */
#menyLeft{
	float: left;
	width: 150px;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 5px;
}
#meny
	{margin: 0; padding: 0; list-style-type: none;}
#meny a{
	display: block;
	margin: 0;
	padding: 0.3em;
	padding: 0.3em;
	text-decoration: none;
	height: 100%;
}
#meny  ul  {
	margin-left: 10px;
	list-style-type: disc;
	padding-left: 10px;
}
#meny ul li {
	list-style-type: disc;
	margin-left: 0px;
	padding-left: 0px;
}

#meny ul a{
	margin: 0;
	padding: 0.3em;
}	
#meny a:link{
	color: #000000;
}
#meny a:visited{
	color: #000000;
}
#meny a:hover{background: #999999;}
#meny a#current{font-weight: bold;}
#meny a#subcurrent{font-weight: bold;}

/*------------------------------------------------*/

.leftCol {
	float: left;
	width: 150px;
	padding-left: 5px;
}
.rightCol {
	float: left;
	margin-left: 75px;
	margin-top: 30px;
	width: auto;
}



.clear {
	clear: both;
}
#huvud .leftCol a, a:hover, a:visited {
	text-decoration: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}




/*
.meny a:link
	{text-decoration: none;
	font-family:Arial,sans-serif;
	font-size:12pt;
	color:#000000;}
.meny a:visited
	{text-decoration: none;
	font-family:Arial,sans-serif;
	font-size:12pt;
	color:#000000;}
.meny a:hover
	{text-decoration: underline;
	font-family:Arial,sans-serif;
	font-size:12pt;
	color:#000000;
	font-weight:bold;}
.meny a:active
	{text-decoration: underline;
	font-family:Arial,sans-serif;
	font-size:12pt;
	color:#CC0033;
	font-weight:bold;}


.menyM a:link
	{text-decoration: none;
	font-family:Arial,sans-serif;
	font-size:12pt;
	color:#000000;}
.menyM a:visited
	{text-decoration: underline;
	font-family:Arial,sans-serif;
	font-size:12pt;
	color:#000000;}
.menyM a:hover
	{text-decoration: underline;
	font-family:Arial,sans-serif;
	font-size:12pt;
	color:#FFFFCC;
	font-weight:bold;}
.menyM a:active
	{text-decoration: underline;
	font-family:Arial,sans-serif;
	font-size:12pt;
	font-weight:bold;
	color:#00000;}


a:link
	{text-decoration: none;
	color:#0000CC;}
a:visited
	{text-decoration: underline;
	color:#000000;}
a:hover
	{text-decoration: underline;
	color:#000000;}
a:active
	{text-decoration: underline;
	color:#CC0033;}


p,ul,td,li,th
	{font-family:Arial,sans-serif;
	font-size:12pt;
	color:#000000;
	}

p.titel
	{font-family:Arial,sans-serif;
	font-size:14pt;
	font-weight:bold;}

p.adress
	{font-family:Arial,sans-serif;
	font-size:10pt;}

*/
p.info
	{
	font-family:Arial,sans-serif;
	color:#3300CC;
	font-size:0.7em;
	padding-left: 5px;
}
/*
p.meny
	{font-family:Arial,sans-serif;
	color:#000000;
	font-size:10pt;}

.tabell
	{border-width:0px;
	background-color:#C0C0FF;
	color:#000000;}

.tabell2
	{border-width:1px;
	border-style:solid;
	border-color:#000000;
	background-color:#FDFDFD;
	color:#000000;}


#menyn1
	{margin-left:0.5cm;
	visibility:hidden;}
#menyn2
	{margin-left:0.5cm;
	visibility:hidden;}
#menyn3
	{margin-left:0.5cm;
	line-height:20px;
	visibility:hidden;}
#menyn4
	{margin-left:0.5cm;
	visibility:hidden;}
#menyn5
	{margin-left:0.5cm;
	visibility:hidden;}


td.top
	{font-family:Verdana,sans-serif;
	font-size:10pt;
	color:#FFFFFF;
	text-indent:1cm;}

.in
	{font-family:Verdana,sans-serif;
	font-size:12pt;
	color:#000000;
	text-indent:20px;
	margin-left:1cm;}
*/
#infoArea h1 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.5em;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	padding-top: 0px;
}
#infoArea ul {
	font-size: 0.9em;
	margin: 0px;
	padding-top: 0px;
}
#infoBox a, a:hover, a:visited {
	text-decoration: none;
	color: #000000;
	background-color: #c9d3d6;
	margin-top: 0px;
	padding-top: 0px;
}
#infoBox a:hover {
	color: #000000;
	text-decoration: underline;
	background-color: #c9d3d6;
	margin-top: 0px;
	padding-top: 0px;
}
#infoBox p {
	font-size: 0.8em;
	color: #000000;
	margin-top: 0px;
}
#infoArea li {
	margin-top: 0px;
	margin-bottom: 0.5em;
	padding: 0px;
}
.spalter {
	text-align: left;
	float: left;
	width: 30%;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.tabell {
	font-size: 0.9em;
	color: #000000;
	background-color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
.tabell p {
	font-size: 0.9px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0.3em;
	padding-bottom: 5px;
	padding-left: 0px;
}

.links {
	text-decoration: none;
}
.tabell2 {
	font-size: 0.9em;
	background-color: #c9d3d6;
}
.pmindre {
	font-size: 0.8em;
}
.indrag {
	font-size: 0.9px;
	text-indent: 20px;
}
#infoArea h3 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1em;
	font-weight: bold;
	padding: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}