@import url("online.css");

/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

body {
margin:20px 0;
padding:0;
background:#F9FCEA;
font-family:Georgia, "Times New Roman", Times, serif;
color:#333333;
}

h1, h2, h3, h4, h5, h6 {
color:#991C2B;
margin:0;
padding:0;
}

ul {
margin-left:0;
padding-left:0;
list-style-position:inside;
}

a:hover {
text-decoration:none;
}

img {
border:none;
}

/* Header */

#header {
width:660px;
height:200px;
margin:0 auto;
}

/* Logo */

#logo {
float:left;
width:200px;
height:200px;
background:url(../images/img2.gif);
}

#logo * {
text-align:center;
text-decoration:none;
font-style:italic;
color:#FFFFFF;
}

#logo h2 {
padding:64px 0 0 0;
letter-spacing:-2px;
font-size:2.25em;
font-weight:lighter;
}

#logo h3 {
padding:.25em 0 0 0;
letter-spacing:-1px;
font-size:1em;
}

/* Menu */

#menu {
float:right;
width:450px;
height:200px;
background:url(../images/img-startsida1.jpg);
}

#menu ul {
margin:0;
padding:170px 0 0 0;
list-style:none;
}

#menu li {
display:inline;
}

#menu a {
display:block;
float:left;
padding:0 10px;
font-size:small;
font-weight:bold;
font-style:italic;
color:#FFFFFF;
}

/* Content */

#content {
width:660px;
margin:0 auto;
background:url(../images/img3.gif);
}

#colOne {
float:right;
width:450px;
}
#colOne h1	{
font-size:28px;
font-weight:lighter;
}
#colOne h2	{
font-size:22px;
font-weight:lighter;
margin-top:20px;
}
#colOne h3	{
font-size:16px;
font-weight:lighter;
}
#colOne p,
#colOne ul,
#colOne ol	{
font-size:13px;
margin-top:5px;
line-height:18px;
}
#colOne ul	{
list-style-position:outside;
margin-left:15px;
}
#colOne li	{
margin-left:0;
}

#colOne .top-head {
padding:30px 0 0 20px;
background:url(../images/img6.gif) no-repeat;
}

#colOne .content {
padding:0 20px;
}

#colTwo {
float:left;
width:200px;
}

#colTwo .top-head {
padding:10px 0 0 20px;
background:url(../images/img5.gif) no-repeat;
}

#colTwo .content {
padding:0 0 10px 0;
}
#colTwo .content h2 {
font-weight:lighter;
padding-left:14px;
}
#colTwo .content ul {
list-style-type:none;
margin:5px 0 10px 8px;
}
#colTwo .content ul a {
text-decoration:none;
}
#colTwo .content ul a:hover {
background-color:#F9FCEA;
color:#CC0000;
}

#extra {
height:10px;
background:url(../images/img7.gif);
}

/* Footer */

#footer {
width:660px;
margin:0 auto;
}

#footer p {
margin:0;
padding:1em 1em 0 0;
text-align:center;
font-size:12px;
}
.grey,
.grey a	{
color:#CCCCCC;
font-size:10px;
}

a, a:visited	{
color:#CC0000;
}
a:hover 	{
color:#ff0000;
}

/* zcribe styles - låt stå! */

.imgleftalign {
margin-right:20px; /* ändra till valfritt värde */
float:left;
}
.imgrightalign {
margin-left:20px; /* ändra till valfritt värde */
float:right
}
img {
border: 0px; /* för att nolla borders på länkade bilder */
}