body.en {
color: #cccccc;
font-size: 11px; 
line-height: 13px;
letter-spacing:1px; 
background-color:#3f4f69; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
background-repeat: no-repeat; 
background-position: top center; 
background-attachment:fixed; 
background-image: url(http://www.hoyor.net/images/bgEn.gif);
}

body.sv {
margin: 0 auto;
scroll: auto;
color: #cccccc;
font-size: 11px; 
line-height: 13px;
letter-spacing:1px; 
background-color:#3f4f69; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
background-repeat: no-repeat; 
background-position: top center; 
background-attachment:fixed; 
background-image: url(http://www.hoyor.net/images/bgSv.gif);
}

/* content  */

.top {
width: 800px;
height: 55px;
position: absolute;
margin-left: -390px;
left: 50%;
top: 0px;
background-image: url(http://www.hoyor.net/images/top.gif);
background-repeat: no-repeat; 
background-position: top center; 
background-attachment: absolute; 
border: 0px;
}

.topSv {
width: 800px;
height: 55px;
position: absolute;
margin-left: -390px;
left: 50%;
top: 0px;
background-image: url(http://www.hoyor.net/images/topSv.gif);
background-repeat: no-repeat; 
background-position: top center; 
background-attachment: absolute; 
border: 0px;
}

.topEn {
width: 800px;
height: 55px;
position: absolute;
margin-left: -390px;
left: 50%;
top: 0px;
background-image: url(http://www.hoyor.net/images/topEn.gif);
background-repeat: no-repeat; 
background-position: top center; 
background-attachment: absolute; 
border: 0px;
}

/*.topFr {
width: 800px;
height: 55px;
position: absolute;
margin-left: -390px;
left: 50%;
top: 0px;
background-image: url(http://www.hoyor.net/images/topFr.png);
background-repeat: no-repeat; 
background-position: top center; 
background-attachment: absolute; 
border: 0px;
}*/

.content_menu {
width: 130px;
height: 280px;
position: absolute;
margin-left: -390px;
left: 50%;
top: 85px;
padding-right: 5px;
padding-left: 5px;
padding-top: 0px;
border: 0px solid #999999;
/*overflow-x: hidden;
overflow-y: auto;*/
}

.menu_box {
width: 120px;
padding: 2px;
margin-bottom: 5px;
background-color: transparent;
border: 1px solid #394a65;
}

.details { 
position: absolute; 
background-color: #2d3e58; 
/*layer-background-color: #2d3e58; */
top: 42px; 
width: 498px;
border-left: 1px solid #394a65; 
border-top: 1px solid #394a65; 
border-bottom: 1px solid #394a65;
border-right: 1px solid #394a65; 
padding: 5px;
}

.content_header {
width: 510px;
height: 30px;
position: absolute;
margin-left: -225px;
left: 50%;
top: 55px;
padding-right: 5px;
padding-left: 0px;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 1px solid #394a65;
overflow: block;
}

.content_sub_header {
width: 510px;
height: 20px;
position: absolute;
margin-left: -225px;
left: 50%;
top: 80px;
padding-right: 5px;
padding-left: 0px;
padding-bottom: 0px;
padding-top: 15px;
overflow: visible;
}

.content_middle {
width: 510px;
/* height: 465px; */
position: absolute;
margin-left: -225px;
left: 50%;
top: 115px;
padding-right: 0px;
padding-left: 0px;
padding-top: 10px;
padding-bottom: 20px;
/* overflow-x: hidden;
overflow-y: auto; */
}

.content_right {
width: 50px;
position: absolute;
margin-left: 330px;
left: 50%;
top: 85px;
padding-right: 5px;
padding-left: 0px;
padding-top: 0px;
border: 0px dotted #999999;
}

#col_left {
vertical-align: top;
text-align: justify;
width: 230px; 
padding-right: 10px; 
padding-left: 0px;
}

#col_right {
vertical-align: top;
text-align: justify;
width: 270px; 
float: right; 
padding-right: 0px; 
padding-left: 10px;
}

#care_left {
vertical-align: top;
text-align: justify;
width: 70px; 
padding-right: 0px; 
padding-left: 0px;
}

#care_right {
vertical-align: top;
text-align: justify;
float: right; 
padding-right: 10px; 
padding-left: 0px;
}

/* text */

h1 { 
font-family: Optima, Verdana, "Footlight MT", sans-serif; 
font-size: 1.5em; 
letter-spacing: 0.1em; 
font-weight: 100;
}

h2 { font-family: Optima,"Trebuchet MS", Verdana, sans-serif; }
h3 { font-family: Optima,"Trebuchet MS", Verdana, sans-serif; }
h4 { font-family: Optima,"Trebuchet MS", Verdana, sans-serif; }
h5 { font-family: Optima,"Trebuchet MS", Verdana, sans-serif; }
h6 { font-family: Optima,"Trebuchet MS", Verdana, sans-serif; }

p {
color: #cccccc; 
font-size: 11px; 
line-height: 13px;
letter-spacing:1px; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif;
text-align: justify;
}

pre {
color: #cccccc; 
font-size: 11px; 
line-height: 13px;
letter-spacing:1px; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif;
text-align: justify;
width: 510px;
padding: 2px;
white-space: pre-wrap;       /* css-3 */
white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
}

.brodtext {
color: #cccccc; 
font-size: 11px; 
line-height: 13px;
letter-spacing:1px; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif;
text-align: justify;
}

.header { 
font-family: Optima, Verdana, "Trebuchet MS", sans-serif; 
font-size: 1.5em; 
/* font-style: oblique;
text-transform: uppercase; */
color: #cccccc; 
letter-spacing: 0.1em; 
overflow: visible;
}

/*.header:after {
content: "<br />";
display: block;
}*/

.subheader { 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
font-size: 1.3em; 
color: #cccccc; 
letter-spacing: 0.1em; 
margin-top: 5px;
margin-bottom: 5px;
}

.small { 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
font-size: 9px; 
font-style: normal;
line-height: 1.2em;
color: #cccccc; 
letter-spacing: 1px; 
}

.forfattare { 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
font-size: 9px; 
font-style: normal;
color: #cccccc; 
letter-spacing: 1px; 
}

.info { 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
font-size: 10px; 
font-style: normal;
color: #cccccc; 
line-height: 10px;
letter-spacing: 1px; 
text-align: left;
}

.bokstav { 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
font-size: 2em; 
font-style: bold;
text-transform: uppercase; 
color: #394a65; 
letter-spacing: 0.1em; 
width: 50px;
height: 50px;
padding-top: 25px;
}

a { 
text-decoration: none; 
color: #999999; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
font-style: oblique;
font-size: 11px; 
line-height: 13px;
letter-spacing:1px; 

}
a:hover { 
text-decoration: none; 
color: #ffffff; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
font-style: oblique;
font-size: 11px; 
line-height: 13px;
letter-spacing:1px; 
}

a.artmenu { 
text-decoration: none; 
color: #999999; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
font-size: 11px; 
letter-spacing: 1px;
font-style: oblique;
padding-right: 3px;
}

a.artmenu:hover { 
text-decoration: none; 
color: #ffffff; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
font-size: 11px; 
letter-spacing: 1px;
font-style: oblique;
padding-right: 3px;
}

a.small { 
text-decoration: none; 
color: #999999; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
font-size: 10px; 
letter-spacing: 1px;
font-style: oblique;
padding-right: 3px;

}
a.small:hover { 
text-decoration: none; 
color: #ffffff; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
font-size: 10px; 
letter-spacing: 1px;
font-style: oblique;
padding-right: 3px;
}

a.border {
border: 1px solid #394a65;
margin: 0px;
padding: 3px;
text-decoration: none; 
color: #999999; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
font-style: oblique;
font-size: 11px; 
line-height: 13px;
letter-spacing:1px;
}

a.border {
border: 1px solid #394a65;
margin: 0px;
padding: 3px;
text-decoration: none; 
color: #cccccc; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
font-style: oblique;
font-size: 11px; 
line-height: 13px;
letter-spacing:1px;
}

/* images */

.invisible { 
text-decoration: none; 
color: #394a65; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif; 
font-size: 11px; 
letter-spacing: 1px;
font-style: oblique;
padding-right: 3px;

}

img {
border: none;
}

img.thumb {
border: 3px solid #394a65;
margin: 4px;
padding: 0px;
}

.linje {
/*color: transparent; */
border-bottom: 1px solid #394a65;
margin-top: 5px;
margin-bottom: 10px;
}

.ram {
border: 1px solid #394a65;
margin: 0px;
padding: 3px;
}

.artbild {
border: 1px solid #999999;
margin: 0px;
padding: 0px;
}

.meny {
width: 120px;
border: 1px solid #394a65;
margin: 0px;
padding: 2px;
background-color: transparent;
}

/* forms */

input { 
background-color: #2d3e58; 
border-bottom: #394a65 1px solid; 
border-left: #394a65 1px solid; 
border-right: #394a65 1px solid; 
border-top: #394a65 1px solid; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif;  
font-size: 11px; 
color: #ffffff;
}

select { 
background-color: #2d3e58; 
border-bottom: #394a65 1px solid; 
border-left: #394a65 1px solid; 
border-right: #394a65 1px solid; 
border-top: #394a65 1px solid; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif;  
font-size: 11px; 
color: #ffffff;
}

textarea { 
background-color: #2d3e58; 
border-bottom: #394a65 1px solid; 
border-left: #394a65 1px solid; 
border-right: #394a65 1px solid; 
border-top: #394a65 1px solid; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif;  
font-size: 11px; 
color: #ffffff;
}


/* other */

.scrollbox { 
text-align: left;  
height: 465px; 
width: 500px; 
padding-right: 5px;
overflow: auto;
background-color: transparent;
}

.design {
position: absolute; 
left: 5px; 
bottom: 5px; 
height: 40px; 
width: 85px; 
padding: 0px; 
background-color:transparent;
overflow: hidden;
}

.validate { 
position: absolute; 
right: 0px; 
bottom: 5px; 
height: 60px; 
width: 85px; 
padding: 0px; 
background-color:transparent;
overflow: hidden;
}

fieldset { 
width: 490px; 
border: 1px solid #999999;  
padding-left: 25px; 
padding-right: 10px; 
padding-top: 10px; 
padding-bottom: 5px; 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif;  
font-size: 11px; 
}

legend { 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif;  
color: #cccccc; 
font-size: 1.2em;
}

p.author { 
font-family: Optima,"Trebuchet MS", Verdana, sans-serif;  
font-style: oblique;
color: #cccccc; 
font-size: 1.2em;
}

/*p.author:before { 
content: " - | ";
}

p.author:after { 
content: " | - ";
}*/

#sitemap {
margin-left: 0px; 
padding-left: 0px; 
list-style: none;
line-height: 15px;
}

#sitemap li {
padding-left: 15px; 
background: url("../images/sitemaparrow.gif") no-repeat left top;
line-height: 15px;
}

#subsitemap {
list-style: none;
line-height: 15px;
}

#subsitemap li {
padding-left: 15px; 
background: url("../images/sitemaparrow.gif") no-repeat left top;
line-height: 15px;
}