/* main body */
BODY {
    font-family: sans-serif;
    margin:20px 20px 0px 20px;
}

div#container {
    width:100%;
}

/* standard link style */
A:link { color: #505050; text-decoration:none }
A:hover { color: #242424 }
A:active { color: #858585 }
A:visited { color: #505050; text-decoration:none }

/* kinds of text */
.small { font-size:0.8em; }
.big { font-size:1.3em; }
.kode { font-family:Courier New,Courier; font-size:100%; color:#1F1F54; width:auto;}
.rsign { font-size:75%; color:#778899}
.llink { margin-bottom:14px; }
.sllink { margin-bottom:14px; }

/* navigation pane */
div#top { right:30px; top:10px; width:92.5%; height:130px;}
div#left { position:absolute; top:220px; width:165px; right:20px;}
div#content{
  border-color:#E4E4E4;
  margin-top:90px;
  margin-right:235px;
}

div#banner {
  position:absolute;
  background-color:#FFFFFF;
  word-spacing:2em;
}

div#banner h1 {
  font-size:1em;
  font-weight:bold;
  text-align:center;
  vertical-align:middle;
  margin-left: 290px;
  color:#000000;
}

div#navi { 
  position:absolute;
  top:190px;
  background-color:#FFFFFF;
  text-align:center;
}

div#subnavi {
  position:absolute;
  top:210px;
  background-color:#E4E4E4;
  color:#505050;
  text-align:right;
  padding:10px;
}

div#navi a:link, div#navi a:hover { color:#242424; }
div#subnavi a:link, div#subnavi a:hover { color:#242424; }
a.navigo { color:#0f040f; }
a.subnavigo { color:#040404; }

div#navi h1 { font-size:1.5em; }

div#navi, div#subnavi, div#subnavigo {
  font-weight:bold;
  border-style:solid;
  border-width:1.0px;
  right:23px;
  padding:1px;
  font-size:12px;
  margin-right:0px;
}

div #barcode {
  vertical-align:top;
  position:absolute;
  background-image:url(/images/chaos1.png);
  height:126px;
  width:256px;
  left:40px;
  top:10px; 
}
.bcshort {
  position: absolute;
  margin-top:0px;
  height:0px;
  background: transparent;
  width:0px;
}

.bcshort_altcolor {
  position: absolute;
  margin-top:0px;
  height:0px;
  background: transparent;
  width:0px;
}

.bclong {
  position: absolute;
  margin-top:0px;
  height:0px;
  background: transparent;
  width:0px;
}

.bctext {
  position: absolute;
  margin-top:0px;
  margin-left:0px;
  font-family: Arial;
  color: #FFFFFF;
  font-size: 70%;
}

div#logo {
  position:absolute;
  vertical-align:top;
  background-image:url(/images/chaosknoten.png);
  height:100px;
  width:140px;
  right:20px;
  top:20px; 
}

div#precontactbox, div#precontentbox, div#prejabberbox, div#prerssbox, div#preportscanbox, div#presearchbox  { 
  /* position:relative;
  width:160px; */
  font-size:0.8em;
  background-color:#FFFFFF;
  text-align:left;
  right:0px;
  padding:3px;
  font-weight:bold;
  margin-top:30px;
}

div#contactbox, div#rssbox, div#contentbox, div#portscanbox, div#jabberbox, div#searchbox {
  position:relative;
  width:146px;
  border-color: #000000;
  border-style: solid;
  border-width: 1.0px;
  font-size:0.7em;
  background-color:#FFFFFF;
  padding:8px;
  overflow:hidden;
  margin-bottom:20px;
}
div#jabberbox { margin-bottom:20px;  }
div#jabberbox i { color:#505050; }

.teaserbox {
  position:relative;
  margin-top:20px;
  background-color:#FFFFFF;
  height:100%;
  margin-bottom:20px;
}

.contenthead {
  background-color:#FFFFFF;
  font-size:16px;
  font-weight:bold;
  padding:3px;
  color:#505050;
}

.contentborder { margin-left:20px; border-color: #000000; border-width:1.0px; border-style:solid; }
.contenttext { font-size:0.9em; padding:4px; }
.contentsubhead { font-size:0.8em; padding:4px; }

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

div#footer{
margin-top:150px;
text-align:center;
vertical-align:middle;
height:auto;
padding:2px;
border-width:1.0px;
background-color:#FFFFFF;
border-style:solid;
border-color:#000000;
}

.subhead{
  font-size:16px;
  font-weight:bold;
}

img {
  float: left;
  margin: 5px;
}