.center {text-align: center}
    
body
{
background-color: #f3e8e6;
background-image: url("/images/sjo2.jpg");
#background-color: #d8bcce;
text-align: center;
margin-top: 1cm;
margin-left: 5%;
margin-right: 5%;
border-style: none;
border: none;
}

h1,h2,h3,hr
{
font-family: verdana, arial, "sansserif";
color: #feede3; 
}


p,table,li,address,th,td
{
font-family: verdana, arial, "sansserif";
margin-left: 0pt;
color: black;
font-size: 95%;
}

p.mainpage
{
font-family: verdana, arial, "sansserif";
margin-left: 0pt;
color: black;
font-size: 120%;
}




table
{
border-style: none;
border: none;
margin: -2px;
}

table.orderform
{
background-color: #313c71;
width: 56%;
font-size: 110%;
font-weight: bold;
color: #eec957; 
}

td.orderform:
{
background-color: #b44b38;
color: #eec957;
}

td.main
{
color: black;
font-size: 84%;
background-color: #8d88cb;
background-image: url("/images/sjo1.jpg");
height: 100%;
padding: 5%;
vertical-align: top;
border-style: none;
border: none;
}


td.content
{
color: black;
font-size: 110%;
background-color: #8d88cb;
height: 100%;
vertical-align: top;
border-style: none;
border: none;
}


td.menu
{
color: #feede3;
font-size: 84%;
background-color: #313c71;
background-image: url("/images/tre.jpg");
height: 100%;
vertical-align: top;
indent: 1cm;
padding: 10px;
border-style: none;
border: none;
}


td.topbar
{
color: black;
font-size: 70%;
background-image: url("/images/topbar2.jpg");
background-color: #edf0f9;
text-align: right;
height: 181px;
vertical-align: top;
border-style: none;
border: none;
}




    
ul
{
list-style: square;
}


p.meny
{
font-size: 90%;
color: black;
text-indent: 0cm;
}

p.logo
{
font-size: 80%;

color: black;
font-weight: bold;
font-style: italic;
}


table.smaller
{
font-size: 90%;
}


small
{font-size: 65%}


a:link    {color:#feede3; text-decoration: none; font-size: 110%; font-weight: bold;}
a:visited {color:#feede3; text-decoration: none; font-size: 110%; font-weight: bold;}
a:active  {color:#feede3; text-decoration: none; font-size: 110%; font-weight: bold;}
a:hover   {color:#feede3; text-decoration: none; font-size: 110%; font-weight: bold;}

a.topbar:link    {color:black; text-decoration: none; font-size: 110%; font-weight: bold;}
a.topbar:visited {color:black; text-decoration: none; font-size: 110%; font-weight: bold;}
a.topbar:active  {color:black; text-decoration: none; font-size: 110%; font-weight: bold;}
a.topbar:hover   {color:black; text-decoration: none; font-size: 110%; font-weight: bold;}

a.main:link    {color:LightYellow; text-decoration: none; font-size: 110%; }
a.main:visited {color:LightYellow; text-decoration: none; font-size: 110%; }
a.main:active  {color:LightYellow; text-decoration: none; font-size: 110%; }
a.main:hover   {color:LightYellow; text-decoration: none; font-size: 110%; }



a.meny {color: #feede3; text-decoration: none; font-size: 110%; font-weight: bold;}
a.meny:link    {color: #feede3; text-decoration: none; font-size: 110%; font-weight: bold;}
a.meny:visited {color: #feede3; text-decoration: none; font-size: 110%; font-weight: bold;}
a.meny:active  {color: #feede3; text-decoration: none; font-size: 110%; font-weight: bold;}
a.meny:hover   {color: #feede3; text-decoration: none; font-size: 110%; font-weight: bold;}

a.copy {color: DarkBlue; text-decoration: none;}
a.copy:link    {color: DarkBlue;text-decoration: none;}
a.copy:visited {color: DarkBlue;text-decoration: none;}
a.copy:active  {color:gray}
a.copy:hover   {color:DarkBlue}