* {
  margin: 0;
  padding: 0;
}

body {
  background: #000;
  color: #999;
  font: 12px Arial, Verdana, sans-serif;
  padding-top: 50px;
}

li {
  list-style: none;
}

/* links **********************************************************************/

a {
  text-decoration: none;
  color: #999;
}

a:focus {
  outline: none;
}

a:hover,
a.current {
  color: #f93a0e;
}

a.submit {
  font-size: 19px;
}

/* headlines ******************************************************************/

h1 {
  margin: 25px 0 0 180px;
}

h1 a {
  display: block;
  width: 119px;
  height: 46px;
  background: url(../images/logo.png) no-repeat;
  text-indent: -10000px;
}

.is-gallery h1 a {
  width: 55px;
}

h2 {
  text-align: right;
  width: 120px;
  font-size: 19px;
  color: #f93a0e;
  float: left;
  padding: 0 30px 0 0;
}

.is-gallery h2 {
  position: absolute;
  text-align: left;
  top: 85px;
  font-size: 22px;
  left: 245px;
  width: 320px;
}

/* navigation *****************************************************************/

#nav {
  float: left;
  width: 140px;
  text-align: right;
  font-size: 19px;
  margin: 30px 0 0 160px;
}

#nav ul {
  margin: 0 0 20px 0;
}

#nav .title {
  color: #ccc;
}

#nav a {
  color: #7e7e7e;
  padding: 0 0 0 10px;
}

#nav a:hover {
  background: url(../images/dot.png) no-repeat left center;
}

/* content ********************************************************************/

#content {
  float: left;
  margin: 30px 0 0 30px;
}

#content.clients,
#content.contact,
#content.download,
#content.errorpage {
  margin-left: 180px;
  width: 720px;
}

#content.gallery {
  margin: 0 auto;
  margin-top: 30px;
  margin-right: 100px;
  margin-left: 100px;
  float: none;
  font-size: 18px;
}

.col {
  float: left;
  font-size: 15px;
  width: 190px;
  line-height: 18px;
}

.col.long {
  width: 380px;
}

.col.very-long {
  width: 570px;
}

#back-to-menu {
  text-align: right;
  margin: 50px 0 30px 150px;
  border-bottom: solid 1px #ccc;
  font-size: 16px;
  padding: 0 0 10px 0;
}

.text {
  border: solid 2px #7e7e7e;
  background: #000;
  width: 250px;
  color: #7e7e7e;
  padding: 2px;
  margin: 0 20px 0 0;
}

li.input {
  margin: 25px 0 0 0;
}

.bullet li {
  list-style: disc inside;
}

/* teaser *********************************************************************/

#teaser-pics {
  position: relative;
}

#teaser-pics li {
  position: absolute;
  z-index: 1;
  display: none;
}

#teaser-pics li.first-teaser {
  display: list-item;
}

li.current {
  z-index: 2;
}

/* gallery ********************************************************************/

.gallery {
  text-align: center;
}

.gallery-pictures {
  margin-bottom: 30px;
  height: 600px;
  position: relative;
}

.gallery-categories,
.gallery-pagination {
  display: inline;
}

.gallery-categories li,
.gallery-pagination li {
  padding-right: 7px;
  display: inline;
}

.gallery-categories {
  margin-right: 25px;
}

.gallery-pictures li {
  display: none;
  position: absolute;
  bottom: 0;
  width: 100%;
}

li.active {
  display: block;
}

/* misc ***********************************************************************/

.clear {
  clear: left;
}

.hl-margin {
  height: 30px;
  width: 10px;
}

.black {
  color: #000;
}

.grey {
  color: #7e7e7e;
}

.error {
  color: #f93a0e;
}