/* main body */
BODY { background: #FFFFFF url(/images/mate_logo3.png) no-repeat fixed 40% 20px; 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 { left:30px; top:10px; width:92.5%; height:130px;}
div#left { position:absolute; top:187px; width:165px; left:30px;}
div#content{
  background: transparent;
  margin-top:20px;
  margin-left:235px;
  margin-right:82px;
}

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

div#banner {
  position:absolute;
  top:25px;
  right:175px;
  left:165px;
  height:65px;
  color:transparent;
  background: url(/images/cmcc.png) no-repeat 
}

div#banner h1 {
  font-size:1px;
  font-weight:bold;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  color:transparent;
  background: transparent;
}

div#navi { 
  position: absolute;
  left:30px;
  right:80px;
  top:100px;
  background: transparent url(/images/shade_orange.png);
  height:14px;
}

div#subnavi {
  position: absolute;
  top:118px;
  left:30px;
  right:80px;
  height:14px;
  background: transparent url(/images/shade3.png);
  color:#505050;
}

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

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: url(/images/shade3.png);
  width:5px;
}

.bcshort_altcolor {
  /* normally orange */
  position: absolute;
  margin-top:4px;
  height:49px;
  background: url(/images/shade_orange.png);
  width:5px;
}

.bclong {
  position: absolute;
  margin-top:4px;
  height:62px;
  background:url(/images/shade3.png);
  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.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: transparent url(/images/shade_orange.png);
  text-align:left;
  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: #A1B9CF;
  border-style: dashed;
  border-width: 1.5px;
  font-size:0.8em;
  background: transparent url(/images/shade3.png);
  padding:8px;
  overflow:hidden;
  margin-bottom:20px;
}
div#jabberbox { margin-bottom:20px;  }
div#jabberbox i { color:#505050; }

.teaserbox {
  position:relative;
  margin-top:20px;
  background: transparent url(/images/shade3.png);
  height:100%;
  margin-bottom:20px;
}

.contenthead {
  background: transparent url(/images/shade_orange.png);
  font-size:16px;
  font-weight:bold;
  padding:3px;
  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: transparent url(/images/shade3.png);
border-style:dashed;
border-color:#A1B9CF;
}

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

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