body {
padding: 0;
margin: 0;
background: #fff;
font-family: "Trebuchet MS", Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
color: #000;
line-height: 20px;
}

h2 {
font-size: 20px;
font-weight: bold;
padding: 0;
margin: 0;
}

.clear {
clear: both;
}

a:link, a:active, a:visited {
color: #A9BE2A;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #000;
text-decoration: underline;
}

ul {
padding: 0;
margin: 12px 0 12px 16px;
list-style: square;
}

#main {
width: 760px;
margin-left: auto;
margin-right: auto;
margin-top: 50px;
}

#leftbox {
float: left;
width: 219px;
}

a.email:link, 
a.email:active, 
a.email:visited {
display: block;
height: 68px;
width: 219px;
background: url(/bilder/email.gif) top left no-repeat;
}

a.email:hover {
background-position: 0 -68px;
}

#topbox {
float: left;
width: 512px;
}

a.foretaget:link, 
a.foretaget:active, 
a.foretaget:visited {
display: block;
height: 82px;
width: 117px;
background: url(/bilder/foretaget.gif) top left no-repeat;
float: left;
}

a.foretaget:hover,
body.foretaget a.foretaget:link,
body.foretaget a.foretaget:visited,
body.foretaget a.foretaget:active,
body.foretaget a.foretaget:hover {
background-position: 0 -82px;
}

a.referenser:link, 
a.referenser:active, 
a.referenser:visited {
display: block;
height: 82px;
width: 135px;
background: url(/bilder/referenser.gif) top left no-repeat;
float: left;
}

a.referenser:hover,
body.referenser a.referenser:link,
body.referenser a.referenser:visited,
body.referenser a.referenser:active,
body.referenser a.referenser:hover {
background-position: 0 -82px;
}

a.losningar:link, 
a.losningar:active, 
a.losningar:visited {
display: block;
height: 82px;
width: 120px;
background: url(/bilder/losningar.gif) top left no-repeat;
float: left;
}

a.losningar:hover,
body.losningar a.losningar:link,
body.losningar a.losningar:visited,
body.losningar a.losningar:active,
body.losningar a.losningar:hover {
background-position: 0 -82px;
}

a.kundlogin:link, 
a.kundlogin:active, 
a.kundlogin:visited, 
a.kundlogin:hover {
display: block;
height: 82px;
width: 140px;
background: url(/bilder/kundlogin.gif) top left no-repeat;
float: left;
}

#contentbox {
float: left;
width: 397px;
margin: 28px 0 0 8px;
padding: 0 15px 0 0;
border-right: 1px dashed #E6E6E6;
}

#contentbox img {
border: 1px solid #000;
margin: 0 0 6px 0;
}

* html #contentbox {
width: 406px;
}

#rightbox {
float: left;
margin: 28px 0 0 8px;
}
	
#rightbox ul {
padding: 0;
margin: 0 0 0 22px;
list-style: square;
}

#rightbox li {
font-weight: bold;
font-size: 16px;
color: #A7A7A7;
margin-top: 10px;
}

#rightbox li.active {
color: #FF0000;
}

#rightbox a:link, #rightbox a:active, #rightbox a:visited {
color: #A7A7A7;
text-decoration: none;
}

#rightbox a:hover, 
#rightbox a.active:link, 
#rightbox a.active:active, 
#rightbox a.active:visited, 
#rightbox a.active:hover {
color: #000;
text-decoration: none;
}

#footer {
clear: both;
}

body.referenser ul {
color: #AAA;
}

p.referensbild {
color: #888;
text-align: center;
}
