body {
height: 100%;
width: 99%;
background: #dde;
padding: 0;
margin: 0;
margin-bottom: 3em;
 font: 1em/1.7em arial, helvetica, sans-serif;
}

#content p.go {
 position: relative;
 margin-left: -0.5em;
}

.ipa {
font-family: SILDoulosUnicodeIPA, monospace;
}

.accent {
color: #00f;
}

#header {
 background: #dde;
 position: fixed;
 top: 0;
 left: 0;
 height:3em;
 width: 100%;
 padding: 0.1em;
 margin: 0;
 z-index: 10;
}

#header h1 {
 color: #000;
 font-family:  "lucida console", courier, monospace;
 font-weight: normal;
 margin: 0;
 padding: 0.2em;
}

#header a {
 text-decoration: none;
 color: #fff;
}

#header a:hover {
 color: #e30;
}



#nav {
margin: 0;
width: 8em;
height: 100%;
 z-index: 10;
 font-family: "lucida console", courier, monospace;
 text-transform: lowercase;
}

#nav ul {
 position: fixed;
 margin: 4.4em 0em 0em 0em;
 padding: 0;
 width: 8em;
}

#nav li {
margin: 0em;
 list-style-type: none;
}

#content a {
font-weight: bold;
text-decoration: none;
}

#nav a {
text-decoration: none;
font-size: small;
background: #ccc;
display: block;
margin: 0em;
padding: 0.4em;
color: #999;
line-height: 1.3em;
border-top: 0.1em solid black;
border-bottom: 0.1em solid black;

}

.footer {
font-size: 0.8em;
}

#nav a:hover {
color: #444;
background: #dde;
border-left: 0.5em solid #e30;
border-top: 0.1em solid #e30;
border-bottom: 0.1em solid #e30;
padding-left: 2em;
}

#nav a.active {
padding-left: 2em;
color: #555;
background: #dde;
border-left: 0.5em solid #00f;
border-top: 0.1em solid black;
border-bottom: 0.1em solid black;

}

#content a {
color: #e30;
}

#content a:hover {
color: #fff;
background: #e30;
}

.footer a:hover {
color: #fff;
background: #ccc;
}


#content {
font-family: "Trebuchet MS", arial, sans-serif;
font-size: 0.9em;
background: #fff;
 width: 70%;
position: absolute;
top: 4em;
margin: 0.7em 0em 0em 10em;
padding: 3em 8em 3em 4em;
border: 1px solid black;
line-height: 1.3em;
}

h1 {
 font-size: 1.5em;
}
#content h1 {

 color: #00f;
 margin-bottom: 2em;
 margin-left: -1em;
 font-family: "lucida console", courier, monospace;
 font-weight: normal;
 text-transform: lowercase;
}

#content h1:after, #content h2:after {
content: "/";
}

#content h2 {
 font-size: 1.5em;
 font-family: "lucida console", courier, monospace;
 color: #fff;
 font-weight: normal;
 background: #ccc;
 padding: 0.2em 1em 0.2em 1em;
 text-transform: lowercase;
 margin-left: -0.5em;
 margin-top: 2em;
 border-left: 0.2em solid #f00;
 border-top: 0.2em solid #00f;
}

#content h2.english {
 border-left: 0.2em solid #f00;
 border-top: 0.2em solid #00f;
}

#content h2.swedish {
 border-left: 0.2em solid #ff0;
 border-top: 0.2em solid #00f;
}



#content h3 {
color: #00f;
font-size: 1.2em;
font-weight: normal;
}