/** default **/
body {
  font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
  background-image: url(media/background.jpg);
  background-repeat: repeat-x;
  background-position: center bottom;
  background-color: #cbcbcb;
  margin: 50px 0px 0px 0px;
  padding: 0px;
}
body, div, span, blockquote, td, p, ol, form, input, select, option {
  color: #666666;
  font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
  font-size: 12px;
  text-decoration: none;
}
a {
  color: #58666B;
  font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: underline;
}
h1, h2 {
  background-image: url(images/icon_hl.gif);
  background-position: left center;
  background-repeat: no-repeat;
  color: #889399;
  font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
}
h3 {
  color: #5B6A71;
  font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
  font-size: 12px;
  font-weight: bold;
  padding-top: 10px;
  text-decoration: none;
}
h5 {
  color: #5B6A71;
  font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;
}


/** layout **/
div.page{
  width: 722px;
  margin: auto;
  padding: 0px 20px 0px 20px;
  
  /*
  background-image: url(images/bg_schatten.gif);
  background-repeat: no-repeat;*/
}




/** menü **/
div.menu{
  background-image: url(media/menu.png);
  background-repeat: no-repeat;
}
ul#menuMain{
  overflow: hidden;
  list-style: none;
  margin: 0px;
  padding: 0px;
}
  ul#menuMain li{
    display: block;
    float: left;
  }
  ul#menuMain li a{
    background-image: url(media/menu.png);
    background-repeat: no-repeat;
    height: 39px;
    display: block;
    float: left;
    
    /*font-size: 5px;*/
    text-align: right;
    color: #fefefe;
  }
  /*
  ul#menuMain li a span{
    display: none;
  }
  */
  ul#menuMain li.menHome a, ul#menuMain li.actHome a{
    width: 76px;
    background-position: 0px 0px;
  }
  ul#menuMain li.menHome a:hover, ul#menuMain li.actHome a{
    background-position: 0px -39px;
  }
  ul#menuMain li.menProjekte a, ul#menuMain li.actProjekte a{
    width: 111px;
    background-position: 111px 0px;
  }
  ul#menuMain li.menProjekte a:hover, ul#menuMain li.actProjekte a{
    background-position: -76px -39px;
  }
  ul#menuMain li.menPortfolio a, ul#menuMain li.actPortfolio a{
    width: 113px;
    background-position: 113px 0px;
  }
  ul#menuMain li.menPortfolio a:hover, ul#menuMain li.actPortfolio a{
    background-position: -187px -39px;
  }
  ul#menuMain li.menImpressum a, ul#menuMain li.actImpressum a{
    width: 126px;
    background-position: 126px 0px;
  }
  ul#menuMain li.menImpressum a:hover, ul#menuMain li.actImpressum a{
    background-position: -300px -39px;
  }



div#Header{
  border-left: 1px solid #bcc6c8;
  border-right: 1px solid #bcc6c8;
  border-bottom: 1px solid #bcc6c8;
}

div.body{
  margin-top: 2px;
  border-top: 1px solid #bcc6c8;
  border-left: 1px solid #bcc6c8;
  border-right: 1px solid #bcc6c8;
  overflow: hidden;
  background-color: #ffffff;
  background-image: url(media/frameBackground.jpg);
  background-repeat: repeat-x;
  padding: 10px 10px 10px 10px;
  min-height: 200px;
}

  div.sidebar{
    float: left;
    width: 200px;
  }
  div.content{
    float: left;
    padding: 8px 0px 0px 0px;
    width: 500px;
    /*
    background-image: url(media/cornerLT.gif);
    background-repeat: no-repeat;
    */
  }
  
div.box{
  background-color: #ffffff;
  padding: 1px 10px 5px 10px;
  border-right: 1px solid #bcc6c8;
  border-left: 1px solid #bcc6c8;
  overflow: hidden;
}


/** footer **/
div.footer{
  background-image: url(media/footer_logo.jpg);
  background-repeat: no-repeat;
  height: 186px;
  width: 722px;
  margin: auto;
}





div.navigation h3{
  margin: 0px;
}
div.navigation ul {
  margin-left: 0px;
  padding: 0px;
  list-style-type: none;
}
div.navigation ul li{
  padding-bottom: 2px;
}
div.navigation ul li.act a{
  font-weight: bold;
}
div.navigation li a{
  font-weight: normal;
  text-decoration: none;
  padding-left: 8px;
}
div.navigation li a:hover{
  background-image: url(media/nav_arrow.gif);
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding-left: 8px;
}