BODY {
 background: #DD9B60 repeat scroll;
 font-family: Arial, Verdana, Helvetica, sans-serif;
 color: #000000;
 font-size: 12px;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 10px;
 margin-right: 0px;
 scrollbar-face-color: #DD9B60;
 scrollbar-shadow-color: #DD9B60;
 scrollbar-highlight-color: #DD9B60;
 scrollbar-3dlight-color: #502A0C;
 scrollbar-darkshadow-color: #DD9B60;
 scrollbar-track-color: #DD9B60;
 scrollbar-arrow-color: #502A0C;
}

A {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 text-decoration: underline;
 color: #6C3102
}

A:link {
 color: #6C3102
}

A:visited {
 color: #6C3102
 text-decoration: none;
}

A:active {
 color: #6C3102
}

A:hover {
 text-decoration:  underline overline;
 color: #6C3102
}

/* Dolt meddelande i nya webläsare, som syns i äldre */
.hidden {
display: none;
}

.underskrift {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 font-style: italic;
 color: #FFFFFF
}

.title {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-weight: bold;
 font-style: normal;
 color: #FFFFFF;
 font-size: 17px;
}

H1 {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 19px;
 font-weight: bold;
 text-decoration: none;
 color: #FFFFFF
}

H2 {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 text-decoration: none;
 color: #FFFFFF
}

H3 {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 14px;
 font-weight: bold;
 text-decoration: none;
 color: #FFFFFF
}

H4 {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 13px;
 font-weight: bold;
 text-decoration: none;
 color: #FFFFFF
}

H5 {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 text-decoration: none;
 color: #FFFFFF
}
H2.date {
font-family: verdana, arial, sans-serif; 
font-size: 16px; 
color: #FFFFFF; 
margin-bottom: 10px;
font-weight: bold;
background: #954403;
text-decoration: none;
padding: 2px;
}

H3.title {
font-family: verdana, arial, sans-serif; 
font-size: 15px; 
color: #000000; 
font-weight: bold;
text-decoration: none;
}

B, P, TR, TABLE, DIV, OL, UL, LI, td {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 12px
}

.minim {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 text-decoration: underline;
 color: #F5ECBA;
 font-size: 10px;
 font-weight: bold;
}

A:link.minim {
 color: #F5ECBA;
}

A:visited.minim {
 color: #F5ECBA;
 text-decoration: none;
}

A:active.minim {
 color: #F5ECBA;
}

A:hover.minim {
 text-decoration:  underline overline;
 color: #F5ECBA;
}

.fet {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 text-decoration: underline;
 color: #F5ECBA;
 font-weight: bold;
}

A:link.fet {
 color: #F5ECBA;
}

A:visited.fet {
 color: #F5ECBA;
 text-decoration: none;
}

A:active.fet {
 color: #F5ECBA;
}

A:hover.fet {
 text-decoration:  underline overline;
 color: #F5ECBA;
}

/* Formulärfält */
select {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 background: #E7CAB2;
 font-size: 14px;
 font-weight: normal;
 color: #000000;
}
input {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 background: #E7CAB2;
 font-size: 14px;
 font-weight: normal;
 color: #000000;
}
textarea {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 background: #E7CAB2;
 font-size: 14px;
 font-weight: normal;
 color: #000000;
}
button {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 background: #E7CAB2;
 font-size: 14px;
 font-weight: normal;
 color: #000000;
}

#main {
position: absolute;
top: 10px;
left: 10px;
width: 600px;
padding-right: 2px;
}
.content {
padding: 0px 0px 5px 0px;
color: #000000;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 12px;
text-align: left;
overflow: hidden;
}

ul {
font-family: Arial, Verdana, Helvetica, sans-serif;
padding-left: 0px;
margin-left: 8px;
margin-bottom: 8px;
}
li.links {
 list-style: inside url(http://barnen.in-cyberspace.net/bilder/list.jpg);
 margin: 2px 0px 0px 0px;
 padding: 0px;
}
ul.links {
 margin: 0px 0px 0px 0px;
 padding: 0px;
}
#logo{
position: absolute;
top: 60px;
left: 330px;
}

H2.katarkiv {
font-family: verdana, arial, sans-serif; 
font-size: 16px; 
color: #FFFFFF; 
margin-bottom: 10px;
font-weight: bold;
background: #954403;
text-decoration: none;
}
.katarkiv {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: underline;
}

A:link.katarkiv {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: underline;
}

A:visited.katarkiv {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: none;
}

A:active.katarkiv {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #FF9933;
 text-decoration: underline;
}

A:hover.katarkiv {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 16px;
 font-weight: bold;
 color: #FFFFFF;
 text-decoration: underline overline;
}

.foton {
 width: 100px;
 padding: 5px;
}

.katkomment {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #954403;
 text-decoration: underline;
}

A:link.katkomment {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #954403;
 text-decoration: underline;
}

A:visited.katkomment {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #954403;
 text-decoration: none;
}

A:active.katkomment {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #FF9933;
 text-decoration: underline;
}

A:hover.katkomment {
 font-family: Arial, Verdana, Helvetica, sans-serif;
 font-size: 10px;
 font-weight: bold;
 color: #954403;
 text-decoration: underline overline;
}

div.foto {
 border : solid 1px black;
 background: #FFFFFF;
 text-align: center;
 margin: 2px;
 padding: 2px;
}

div.float {
 float : left;
 padding: 2px;
 margin:0px;
}

div.float p {
 text-align : left;
 padding-bottom: 2px;
}

div.spacer {
 clear : both;
}

.thumb {
 margin-left: 5px;
}

.subject {
 font-size: 10px;
 color : #000000;
}
/* För gästboken specifikt */
.topentry {
padding-left: 10px;
padding-right: 10px;
padding-top: 2px;
padding-bottom: 2px;
border-bottom: 1px solid #773C02;
background-color: #773C02;
color: #FFFFFF;
}
.entry {
border: 1px solid #773C02;
padding-bottom: 20px;
padding-right: 0px;
padding-left: 0px;
}
.addform {
padding-bottom: 20px;
padding-right: 0px;
padding-left: 0px;
}
.mainentry {
width: 520px;
padding-left: 10px;
padding-right: 0px;
padding-top: 5px;
padding-bottom: 10px;
}
.entryleft {
width: 100px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 5px;
float: left;
text-align: left;
color: #000000;
font-weight: bold;
margin-right: 10px;
margin-bottom: 10px;
border-right: 1px dotted #773C02;
border-bottom: 1px dotted #773C02;
font-size: 12px;
}
.entryright {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
text-align: left;
color: #000000;
}
.addleft {
width: 100px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top: 5px;
float: left;
text-align: left;
color: #000000;
font-weight: bold;
margin-right: 10px;
margin-bottom: 10px;
line-height: 22px;
}
.bar {
float: right;
padding: 10px;
background-color: transparent;
}