body{
background-color:#FFF;
font-family:Lucida Sans Unicode, Arial;
font-size:12px;
margin:0px 0px 0px 0px;
color:#555;
}

.content{
margin-left:10px;
background-color:#fff;
border-left:1px solid #eee;
padding:20px;
font-size:1.2em;margin-right:5px;
}

p {
padding:2px 2px 2px 2px;
}
a{
text-decoration:none;
}

a:hover{
text-decoration:underline;
}

.thebox{
width:100%;
position:relative;
background-color:#fff;
}
.logo{
color:#111;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
height:133px;
font-size:2.5em;
text-align:left;
background:url(../layoutimg/bakgrundshastar.jpg) no-repeat #FFF;
background-position: right bottom;
}

.logo a{
color:#000;
}


.navbarlist{
color:#111;
position:relative;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
background-color:#00b2eb;
height:2em;
}



.header  {
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	text-align:LEFT;
	font-size:1.4em;
	background-color:#00b2eb;
}

.header  ul {
	padding: 0;
	margin: 0;
	list-style: none;

}



.header li{
	/* float: left;*/  /* ta bort den här och undermenyerna slutar funka i opera och firefox , men färgen kommer tillbaka */
	float: left;
	position: relative;
	display:inline;
	padding:0px 10px 0px 10px;

}




.header li a{
	color:#000;
	text-decoration:none;
}
.header li a:hover{
	color:#00b2eb;
	background-color:#FFF;
	text-decoration:none;
}

.subuls{
	display: none;
	width: 20em;
	position: absolute;
	top: 1.2em;
	left: 0;
	background-color: white;
	border: 1px solid black;

}


.subuls li{
	width: 100%;
}

.subuls li a{
	text-decoration: none;
}

.subuls li a:hover{
	text-decoration: underline;
}

/*
#cssdropdown li>ul {
	Detta verkar inte stämma, och dessutom gör detta att det inte funkar i IE7
	DÅ lägger sig dropdown menyerna till höger och ned istället för under och ned.
	Det ger en konflikt mellan submenyn och main-menyn.

	 	to override top and left in browsers other than IE,
		which will position to the top right of the containing li, rather than bottom left

	top: auto;
	left: auto;
}
*/
#cssdropdown li:hover ul, li.over ul { /* lists nested under hovered list items */
	display: block;
}


.footer{
position:relative;
text-align:right;
font-size:1em;
color:#000;
background-color:#00b2eb;width:100%;

}
.footer a{
color:#000;
}
.side{
float:left;
margin:0px 20px 50px 10px;
font-size:1.05em;

}
.side a{
color:#555;
font-size:1.05em;
}

h2{
font-size:1.4em;
color:#888;
}

h4{
font-size:1.1em;
}

.rubrik_liten {
	FONT-WEIGHT: bold; FONT-SIZE: 14px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif
}
.rubrik_stor {
	FONT-WEIGHT: bold; FONT-SIZE: 18px; COLOR: #000000; FONT-STYLE: normal; FONT-FAMILY:  Arial, Helvetica, sans-serif
}