BODY {
  margin: 0px;
  padding: 0px;
}

* {
  font-family: Century Gothic, Arial, Verdana;
  font-size: 14px;
  color: #333;
  letter-spacing: -1px;
}

#main {
  margin: auto;
  width: 900px;
  margin-top: 50px;
}
#top {
  background-image: url("../images/layout_top.gif");
  background-position: top left;
  background-repeat: no-repeat;
  margin: 0px;
  height: 50px;
}
#middle {
  padding: 20px 30px 0px 30px;
  margin: 0px;
  height: 520px;
  background-image: url("../images/layout_middle.gif");
  background-position: top left;
  background-repeat: repeat-y;
  /*
  border-left: solid 1px #868689;
  border-right: solid 1px #868689;
  */
}
#bottom {
  background-image: url("../images/layout_bottom.gif");
  background-position: top left;
  background-repeat: no-repeat;
  margin: 0px;
  height: 30px;
}



#content {
  margin: 0px;
  width: 840px;
  height: 500px;
  background-color: #E9E9E9;
}

#content #links{
  float:left;
  width: 420px;
  height: 500px;
  background-position: top left;
  background-repeat: no-repeat;
}
#content #rechts{
  float:right;
  width: 420px;
  height: 500px;
  background-position: top left;
  background-repeat: no-repeat;
}


#menu {
  margin-right: 30px !important; /* Für moderne Browser */
  margin-right: 15px; /* Für IE <7 */
  float: right;
}
#menu a {
  display: block;
  float: left;
  font-size: 18px;
  font-weight: 100;
  margin-left: 10px;
  margin-top: 25px;
  text-decoration: none;
}
#menu a:hover, #menu a.current {
  color: #FF8000;
  /*color: #efefef;
  background-color: #333; */
}



#content #rechts .scrollable,  #content #links .scrollable{
  margin: 0px;
  padding: 0px;
  width: 420px;
  height: 500px;
  overflow: auto;
}
#content #rechts DIV.inhalt {
  margin: 30px 30px 30px 50px;
}
#content #links DIV.inhalt {
  margin: 30px 30px 30px 30px;
}



H1 {
  font-size: 30px;
  margin-top: 0px;
  margin-bottom: 0px;
  font-weight: 100;
}
H2 {
  font-size: 18px;
  font-weight: 100;
  text-align: right;
  margin-top: 0px;
  padding: 1px 5px;
  /*background-color: #444;*/
  color: #444;
  border-bottom: solid 1px #868689;
}
  
small {
  font-size: 0.8em;
}

.portfolio UL LI a {
  text-decoration: none;
}
.portfolio UL LI a:hover {
  text-decoration: underline;
}





FORM {
  margin: 0px;
}

INPUT.contact, TEXTAREA.contact {
  padding: 10px;
  /*background-color: #CCCCCC;*/
  background-color: #F0F0F0;
  /*border: solid 1px #999999;*/
  border: solid 1px #E1E1E1;
}


DIV.clear {
    clear: both;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 0;
    font-size: 1px;
}

#indic {
  margin-left: 30px;
  margin-top: 5px;
  font-family: Verdana;
  font-size: 10px;
  display: none;
}