/* CSS Document */
/******************************************************* Layout ***************/
html, body {
  margin: 0; padding: 0;
}
html {
}
body {
  text-align: center;
}
#page {
  margin-top: 25px;
}
#top {
  width: 650px;
  margin: auto;
  text-align: left;
  padding-bottom: 1em;
}
#middle {
  clear:both;
  text-align: left;
}
#bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
#content {
  width: 650px;
  margin: auto;
}
/******************************************************* Colors & Fonts *******/
body {
  background-color: #000;  
  color: #333;
  font-family: 'Trebuchet MS', 'Geneva CE', lucida, sans-serif;
  font-size: .8em;
  line-height: 1.5em;
}
#middle {
  height: 450px;
  background: url(data/images/page-background.jpg) no-repeat 50% 50%;
  border-top: 4px solid #FFF;
}
#content {
  color: #FFF;
  height: 450px;
  overflow: auto;
}
#content-in {
  padding: 1em;
}







#footer {
  background:#0C75B6 url(data/images/footer-bkg.gif) repeat-x scroll center top;
  color:#FFFFFF;
  height:50px;
  padding:1em;
  text-align:center;
}






#heading h1 {
  margin: 0;
}
#heading h1 span {
  display: none;
}
#heading h1 {
  width: 195px;
  height: 45px;
  background: #FFF url(data/images/logotype-2.jpg) no-repeat 0 0;
  float:left;
}




#menu {
  height: 45px;
  float: right;
  margin-top: 0;
}
#menu ul {
  margin: 0;
  padding: 0;
  position: relative;
  top: 20px;
}
#menu ul li {
  list-style: none url();
  margin: 0;
  margin-left: 2em;
  padding: 0;
  float:left;
}
#menu ul li a {
  display: block;
}
#menu ul li a span {
  display: none; 
}
#menu ul li#menu-home a {
  height: 15px;
  width: 45px;
  background: url(data/images/menu/home.jpg) no-repeat 0 0;
}
#menu ul li#menu-home a:hover {
  background-position: -45px 0;
}
#menu ul li#menu-reference a {
  height: 15px;
  width: 83px;
  background: url(data/images/menu/reference.jpg) no-repeat 0 0;
}
#menu ul li#menu-reference a:hover {
  background-position: -83px 0;
}
#menu ul li#menu-kontakt a {
  height: 15px;
  width: 65px;
  background: url(data/images/menu/kontakt.jpg) no-repeat 0 0;
}
#menu ul li#menu-kontakt a:hover {
  background-position: -65px 0;
}


/**************************************************** global elements *********/
.cl {
  clear:both;
  height: 1px;
  margin-top: -1px;
  visibility:hidden;
}