/* main body */
BODY { background-color:#FFFFFF; font-family:Verdana,"Lucida Sans",Arial, Helvetica, sans-serif; }

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 { 
	width:100%;
	height:130px;
}
div#left { position:absolute; top:187px; width:165px; left:30px;}
div#content{
  border-color:#E4E4E4;
  margin-top:20px;
  margin-left:235px;
  margin-right:82px;
}

div#content A {
    font-weight: bold;
}

div#banner {
  position:absolute;
  background-color:#B1B1B1;
  top:25px;
  right:175px;
  left:165px;
  height:65px;
  color:#242424;
}
/* IE Hack - I hate this f*cking browser */
* html div#banner {
	width:60%;
	w\idth:65%;
}

div#banner h1 {
  font-size:2em;
  font-weight:bold;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  color:#FFFFFF;
}

div#banner h1 a { color: #FFFFFF; }
div#banner h1 a:hover { color: #FFFFFF; }
div#banner h1 a:active { color: #FFFFFF; }
div#banner h1 a:visited { color: #FFFFFF; }

div#navi { 
  position: absolute;
  left:30px;
  right:80px;
  top:100px;
  background-color:#B1B1B1;
  height:14px;
}

* html div#navi {
  width:90%;
}


div#subnavi {
  position: absolute;
  top:118px;
  left:30px;
  right:80px;
  height:14px;
  background-color:#E4E4E4;
  color:#505050;
}

*  html div#subnavi {
	width:90%;
}

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

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

div#navi, div#subnavi, div#subnavigo {
  font-weight:bold;
  text-align:center;
  padding:2px;
  font-size:12px;
  margin-right:0px;
}

div #barcode {
  vertical-align: top;
  position: absolute;
  left:30px;
  top:20px;
  height:71px;
  width:140px;
}

.bcshort {
  position: absolute;
  margin-top:4px;
  height:49px;
  background: #E4E4E4;
  width:5px;
}

.bcshort_altcolor {
  /* normally orange */
  position: absolute;
  margin-top:4px;
  height:49px;
  background: #b1b1b1;
  width:5px;
}

.bclong {
  position: absolute;
  margin-top:4px;
  height:62px;
  background: #E4E4E4;
  width:5px;
}

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

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

div#precontactbox, div#precontentbox, div#prejabberbox, div#prerssbox, div#preportscanbox, div#presearchbox  { 
  /* position:relative; */
  width:145px;
  font-size:0.8em;
  background-color:#B1B1B1;
  background-image:url(/images/bg_grey_r.png);
  background-repeat:no-repeat;
  text-align:left;
  padding:3px;
  padding-left:17px;
  font-weight:bold;
  margin-top:30px;
}

div#contactbox, div#rssbox, div#contentbox, div#portscanbox, div#jabberbox, div#searchbox {
  position:relative;
  width:146px;
  border-color: #A1B9CF;
  border-style: dashed;
  border-width: 1.5px;
  font-size:0.8em;
  background-color:#E4E4E4;
  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:#E4E4E4;
  height:100%;
  margin-bottom:20px;
}

.contenthead {
  background-image:url(/images/bg_grey_r.png);
  background-color:#B1B1B1;
  background-repeat:no-repeat;
  font-size:16px;
  font-weight:bold;
  padding:3px;
  padding-left:15px;
  color:#505050;
}


.contentborder {  border-color: #A1B9CF; border-width:1.5px; border-style:dashed; }
.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.5px;
background-color:#E4E4E4;
border-style:dashed;
border-color:#A1B9CF;
}

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

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