* { line-height: 1.4em; }
body { background: #f7ffe0; /* #ffaa22; */ color: #777777;
  margin: 0; padding: 0;
}

:link { color: #4444aa; /* 771028 */; }
:visited { color: #8844bb; /* 400a20 */; }
:link:hover, :visited:hover { background-color: #fafafa; }

.topmatter { border-bottom: solid 0.3em #980101; margin: 0.3em 0 1em 0;
  font: normal 90% italic serif; height: 1.4em;
}
.topmatter .langlink, .topmatter .helplink {
   float: right; margin: 0 1em 0 1em;
}
.topmatter strong  {
   margin: -0.6em 1em 0 1em; padding: 0 1ex;
   font-weight: normal;
}
.topmatter strong a:after { content: " \2013 " attr(title); }
.topmatter :link, .topmatter :visited { text-decoration: none; }

div.main { /* border: solid 1px black; */
  width: 75%; max-width: 60em;  float: left;
  padding-left: 4%;
}
.navigation, .navigation * { line-height: 1.2em; }
div.navigation { border-left: solid 0.1em #980101;
  font: normal 90% sans-serif;
  width: 19%;  float: right;
  margin: 0 0 2em 0; padding: 0;
}
.navigation ul { margin: 0 0 1ex 0; padding: 0; }
.navigation li { display: block; margin: 0; padding: 0 0 0 0.8em;
  background-image: url(img/smalltop.png);
  background-position: 0 0;  background-repeat: no-repeat;
}
.navigation li.label { font-weight: bold; padding: 0 0 0 0.2em; background-image: none; }
.navigation :link, .navigation :visited { text-decoration: none; }
.navigation li:hover, .navigation li:hover * { background: #ffffff; }
.navigation li:hover :link, .navigation li:hover :visited { text-decoration: underline; }
.navigation hr, hr.mainend { display: none; }

.trailer { clear: right; }
.trailer address { clear: left;  margin: 1em auto auto 0;
  padding: 0 1% 0 4%;
  width: 75%; max-width: 61em;
  border-top: solid 1px #777777;
  text-align: right;
}
.trailer hr, .trailer .separator { display: none; }
.vbutton { display: block; float: right; clear: right; 
  margin: 1ex;  padding: 0 0.4em;
  border-width: 1px; border-style: solid none;  border-color: #eecccc;
  font: normal 90%/1em sans-serif;
}
.vbutton:link, .vbutton:visited { text-decoration: none; color: #eecccc; }
.vbutton:hover { background: #eecccc; color: #e8e8e8; }
.vbutton * { border: none; }

.sidebar, .sidebar * { line-height: 1.2em; }
.sidebar { float: right; padding-left: 1em; width: 200px;
  font-size: 90%; color: #554422;
  background: #f7ffe0 url(img/sidebarbord.png) 4% 100% no-repeat;
}
.sidebar h3 { margin: 0; padding: 0; }
.sidebar img { border: 0; }
.sidebar hr { display: none; }
.right { float: right; margin-left: 1em; }

div.box { clear: right; }
div.box h3 { float: left; font: bold 100% sans-serif; margin: 0;
  padding-right: 1em;
}
div.box h3 :link, div.box h3 :visited { text-decoration: none; }
div.box p { margin-left: 20%; }

/* - - projektikoner - - */
@media screen {
 .box > a { display: block; float: right; clear: right; margin: -3px -2px -2px 0.2em; }
 .box#alexmud > a { width:78px; height:61px; background:url(img/t-alexmud.png)}
 .box#arla > a    { width:80px; height:41px; background:url(img/t-arla.png)}
 .box#hackerbladet > a{width:72px;height:69px;background:url(img/t-hackerbladet.png)}
 .box#ktelnet > a { width:80px; height:70px; background:url(img/t-ktelnet.png)}
 .box#lekstugan > a {width:88px;height:73px; background:url(img/t-lekstugan.png)}
 .box#monotone > a {width:65px;height:72px; background:url(img/t-monotone.png)}
 .box#openbsd > a {width: 80px; height:64px; background:url(img/t-openbsd.png)}
 .box#openssl > a {width: 92px; height:40px; background:url(img/t-openssl.png)}
 .box#parrot > a { width:104px; height:56px; background:url(img/t-parrot.png); margin-top: -8px; }
 .box#pptout > a { width: 82px; height:60px; background:url(img/t-pptout.png)}
 .box#yxa > a    { width: 68px; height:83px; background:url(img/t-yxa.png)}
}

p { text-align: justify; margin: 0.2em 0 0.8em 0; }

h1 { margin: 1em 0 0 0; color: #222222;}
h2, h3 { margin: 1.2em 0 0 0; color: #444444; }
h4, h5, h6 { margin: 0.8em 0 0 0; color: #666666; }
h1 { font: italic normal 2.8em/1em gentium, serif; }
h2 { font: italic normal 2em/1em gentium, serif;
  border-bottom: solid 1px #980101;
}
p.ingress { color: #444444;
 font: italic normal 1.2em/1.2em serif;
 margin: 0.6em 2em 1.4em 1em; padding: 0;  text-align: left;
}

.stackenhome h1 { font: italic normal 10em/1em gentium, serif;
  padding: 1ex 0 0 0; margin: 0 0 0 0; color: #fafafa;
/*  overflow: hidden; z-index: 0; */
}
.stackenhome p.ingress {
 font: italic normal 1.6em/1.2em gentium, serif;
 margin: -2.8em 1em 0 3em; padding: 0;  text-align: left;
/* overflow: hidden; z-index: 1; */
}


th, td { vertical-align: top; text-align: left; }

dl dt { margin: 0.4em 0 0 0;  padding: 0; }
dl dd { margin: 0 0 0.2em 2em;  padding: 0; }


/** Form input **/
input, textarea { background-color: #ffff66; border-width: 1px; }



table { border-collapse: collapse; margin: 1em auto 1em 0; }
table * { line-height: 1.2em; }
table tr { margin: 0; padding: 0; }
td, th { margin: 0; padding: 0.2em; }
.listing .odd { background-color: #e8e8e8; color: black; }
.listing .even { background-color: #fafafa; color: black; }
.listing .header th, .listing .header td { border-bottom: solid 1px #aaaaaa; }
.listing .footer th, .listing .footer td { border-top: solid 1px #aaaaaa; }
.listing td {  font-family: sans-serif; font-size: 90%; }
.listing th { font-family: sans-serif; font-size: 90%; font-weight: bold}
td.num, th.num { text-align: right; }

.warning * { color: #FF0000; }
.barcontainer { border-left: solid 1px #aaaaaa; margin: 0; padding: 0;
  vertical-align: middle;
}

.bar { display: block; text-align: right; float: left; border: solid #888888; border-width: 1px 1px 1px 0; font: 70% sans-serif; }
.bar { background-image: url(img/bar.png); background-repeat: repeat-x; }
.used          { background-color: #ffff00; color: black; }
.warning .used { background-color: #ff3344; color: black; }
.free          { background-color: #77ff55; color: black; }
/* Ugly workaround for msie: Skip the (semi-transparant) image */
* html .used          { background: #ffff44; color: black; }
* html .warning .used { background: #ff3344; color: black; }
* html .free          { background: #99ff77; color: black; }