body {
  background:#000;
  font-family: "Trebuchet MS", trebuchet, verdana, arial, sans-serif;
  font-size: 14px;
  color:#fff;  
  padding:0px;
  margin:0px;
  text-align:center;
}
a:link {
  color:#ff0000;
  text-decoration:none;
  }
a:visited {
  color:#666;
  text-decoration:none;
  }
a:hover {
  color:#ff0000;
  text-decoration:none;
  }
a img {
  border-width:0;
  }
h1 {
  text-align:center;
  color:#666;
  font-size:100%:
}
#inhalt { 	
  text-align: left;
  vertical-align: middle;	
  margin: 0px auto;
  padding: 0px;
  width: 800px;
  background-color: #000;
  border: 1px dashed #1F1F1F;
}

#head {
  width:800px;
  height:140px;
  padding-top:10px;
  color:#ededed;
  background: url('http://www.metodes.com/img/head.jpg') no-repeat top center #000;
  border:none;
  z-index:2;
}


#head img {
  float:left;
  width:96px;
  padding-top:0px;
}
#head img.float {
  padding-left:35px;
}

#controler {
display:none;
}
#controler.back {
  top:40px;
  left:0px;
}
#controler.forward {
  top:40px;
  left:130px;
}
#controler img {
  width:31px;
}

#menu {
  width:600px;
  height:120px;
  border:none;
  padding-top:0px;
  margin-left:250px;
  float:left;
  line-height:0em;
  position:absolute;
  display:block;
  z-index:3;
}
#menu img {
  float:left;
  width:96px;
  border:none;
  padding:0px;
  vertical-align:top;
}
#menu a {
  color:#999;
  font-size:90%;
  float:left;
  width:100px;
  border:none;
  margin-left:10px;
  margin-right:10px;
  padding:0px;
  text-align:center;
  vertical-align:top;
}
#menu a:hover {
  color:#fff;
}

#content {
  width:800px;
  margin-top:10px;
  position:absolute;
  z-index:1;
}
#content hr {
  border:1px solid #292929;
}

#flashobject {
  width:800px;
  height:100px;
  padding-top:25px;
  padding-bottom:20px;
  text-align:center;
  background:#000;
}
#services {
  width:790px;
  height:118px;
  padding-left:20px;
  display:block;
  clear:both;
}
#services img {
  width:118px;
  float:left;
  margin-left:4px;
}
#services img:hover {
  width:132px;
}
#servicestitle {
  cursor: pointer;
  display:block;
  width:800px;
  background:url('http://www.metodes.com/img/acco.jpg') no-repeat center top #000;
}
#input {
  background: transparent 
  url("http://www.metodes.com/img/htpostbutton.jpg") no-repeat top center;  
  width:500px;
  height:30px;
  color:#000;
  text-align:left;
  cursor: pointer;
  padding-left:50px;
  line-height:1.2em;
  font-size:120%;
  line-height:2em;
  border-bottom:1px solid #555;
}
#input:hover {
  border-bottom:1px solid #222;
  color:#fff;
}
#input2 {
  background: transparent 
  url("http://www.metodes.com/img/htpostbutton.jpg") no-repeat top center;  
  width:500px;
  height:30px;
  color:#fff;
  text-align:left;
  padding-left:50px;
  line-height:2em;
  font-size:120%;
  border-bottom:1px solid #555;
}

#sidebar {
  width:160px;
  float:left;
  text-align:left;
  padding:0px;
  padding-top:10px;
  padding-left:5px;
  color:#fff;
  font-size:70%;
  background:url('http://www.metodes.com/img/side.jpg') no-repeat center top;
  border:none;
  position:static;
  line-height:1em;
}
#sidebar img {
  width:36px;
  padding-left:8px;
}
#sidebar img.special {
  width:36px;
  float:left;
  padding:0px;
}
#sidebar a {
  color:#ededed;
  float:left;
  padding-left:25px;
  padding-right:20px;
  padding:0px;
  text-align:center;
  vertical-align:top;
  }
#sidebar a:hover {
  color:#FF5721;
}
#sidebar hr {
  border:1px dotted #555555;
}
#sideinput {
  padding:0px;
  padding-left:30px;
  widht:100%;
  height:20px;
  font-size:120%;
  line-height:1.8em;
  background:url('http://www.metodes.com/img/sideh1.jpg') no-repeat center top;
  cursor: pointer;
}
#side1 {
  padding:0px;
}
#side2 {
  padding:0px;
}
#side2 img {
  width:60px;
}
#sidebarbox {
  background:url('http://www.metodes.com/img/sidebarbox.jpg') no-repeat top center #000;
  height:230px;
  float:center;
  padding:10px;
  border:none;
}

#main {
  background:url('http://www.metodes.com/img/main.jpg') no-repeat top right #000;
  padding-top:20px;
  padding-left:230px;
  padding-bottom:140px;
}
#post {
  padding:20px;
  padding-top:40px;
  color:#CCCCCC;
  background:url("http://www.metodes.com/img/post.jpg") no-repeat top center #151515;
  border-bottom:1px solid #111;
  text-align:justify;
}
#post img {
  float:left;
  margin:5px;
  padding:0px;
}
#comments {
  
}
#previous {
  padding-top:20px;
  text-align:center;
}
#previous h3 {
  font-size:130%;
}
#previous a {
  padding:6px;
  text-align:center;
  line-height:1.8em;
  color:#fff;
  font-size:110%;
}
#previous a:hover {
  color:#FF5721;
  background:#111;
  border:1px solid #292929;
}
#footer {
  width:800px;
  height:25px;
  color:#fff;
  position:static;
  background:url('http://www.metodes.com/img/footer.jpg') no-repeat bottom center #000;
  text-align:left;
  float:center;
  margin:0;
  padding-top:25px;
  padding-left:30px;
  padding-bottom:10px;
  line-height:1em;
  font-size:90%;
}
#footer a {
  color:#ededed;
}
#footer img {
  width:12px;
  float:left;
  padding-left:5px;
  padding-right:5px;
}

.posthidden {display:none}
.postshown {display:inline}