html { overflow-y:scroll; }
body {
  background-color:#fefefe;
  color:black;
  height:100%;
  font-family:Verdana, sans-serif;
}
a {
  text-decoration:none;
  color:#999999;
}
a:hover { color:#333333; }
h1, h1 a {
  font-size:4.0em;
  font-family:'Times-Roman', 'Times', 'Times New Roman', serif;
  font-style:normal;
  font-weight:400;
  color:#000000;
}
h2 {
  margin-top:0em;
  font-size:1.2em;
}
.sitewidth { width:960px; }
.center { margin:0 auto; }
#header {
  height:100px;
  z-index:100;
  width:100%;
  position:relative;
}
.clearfloat {
  clear:both;
  display:block;
}
ul {
  padding:0px;
  margin:0px;
}
.subtitle {
  position:absolute;
  top:169px;
  font-size:0.75em;
}
.subtitle p {
  font-family:'Times-Roman', 'Times', 'Times New Roman', serif;
  font-style:normal;
  font-size:1.0em;
  margin:0px;
}
#navigation {
  position:relative;
  box-sizing:border-box;
  float:left;
  top:-100px;
  z-index:100;
  padding-right:30px;
  padding-left:30px;
  padding-bottom:4px;
  background-color:#fefefe;
  margin:0px;
  margin-right:12px;
  width:188px;
  min-height:400px;
}
#navigation h1 {
  margin-top:100px;
  margin-bottom:50px;
}
ul.nav {
  padding:0px;
  margin:0px;
}
ul.nav > li {
  display:block;
  margin-bottom:8px;
  padding-bottom:2px;
}
ul.nav > li > a { font-size:0.8em; }
ul.nav li { color:#999999; }
.nav li a:hover { color:#333333; }
ul.dropdownlist {
  margin-top:6px;
  padding-left:16px;
}
ul.dropdownlist li {
  display:block;
  font-size:11px;
  margin-bottom:6px;
  border:none;
}
ul.dropdownlist li a { color:#999999; }
ul.dropdownlist li a.link-current, ul.dropdownlist li a.link-active { color:#000000; }
.link-current, .link-active { color:#000000; }
li.new.category {
  background-color:#999999;
  padding:4px;
  color:white;
}
li.new.category a { color:white; }
li.new.category:hover {
  background-color:#333333;
  padding:4px;
  color:white;
}
li.new.category a:hover { color:white; }
.dropdownlist.hide-inactive { display:none; }
.link-current+ul, .link-active+ul { display:block !important; }
.link-active + .dropdownlist { display:block; }
#content {
  float:left;
  position:relative;
  top:125px;
  margin-left:10px;
  width:600px;
}
.box-list {
  float:left;
  width:720px;
}
.box-list > .hanya-editable {
  box-sizing:border-box;
  float:left;
  padding:0px;
  margin:0px;
}
.box {
  float:left;
  height:179px;
  margin-left:10px;
  margin-bottom:10px;
  opacity:1;
}
.box:nth-child(3n + 1) { margin-left:0px; }
.box.new {
  margin-left:8px;
  margin-bottom:18px;
}
.box:hover { opacity:1; }
.box-content {
  position:relative;
  width:230px;
  overflow:hidden;
}
.box-content.unpublished { opacity:.5; }
.box-content.unpublished:hover { opacity:0.8; }
.box .image {
  width:100%;
  height:160px;
  margin-bottom:3px;
  overflow:hidden;
}
.box img { width:100%; }
.box .title {
  position:relative;
  font-size:11px;
}
.box .status {
  position:absolute;
  color:#ff0000;
  background-color:black;
  width:100%;
  text-align:center;
  top:68px;
  transform:rotate(20deg);
  -ms-transform:rotate(20deg);
  -webkit-transform:rotate(20deg);
  font-size:1.5em;
}
.box .show-on-frontpage {
  position:absolute;
  width:100%;
  text-align:center;
  top:50px;
  color:black;
  font-size:1.5em;
}
.item { position:relative; }
.item img {
  max-height:100%;
  max-width:100%;
}
.slide .image {
  width:600px;
  height:500px;
  overflow:hidden;
}
.backgroundslideshow {
  overflow:hidden;
  position:absolute !important;
  z-index:0;
  width:100%;
  height:100%;
}
.backgroundslideshow a { z-index:1; }
.backgroundslideshow .image {
  width:100%;
  height:100%;
}
.backgroundslideshow img {
  width:100%;
  height:100%;
}
.project .image_big {
  width:600px;
  position:relative;
  margin-bottom:6px;
}
.projectsite img { width:600px; }
.project .text {
  margin-top:12px;
  margin-bottom:5px;
}
.slide .title {
  position:absolute;
  font-size:0.8em;
  padding:3px 0 0 0;
  bottom:0px;
  color:#999999;
  background-color:#ffffff;
  width:100%;
}
.box.new > .hanya-createable {
  display:block;
  text-align:center;
  box-sizing:border-box;
  border:1px solid black;
  width:230px;
  min-height:200px;
}
.project h2 {
  font-size:0.8em;
  color:#333333;
  font-weight:normal;
  margin:0.7em 0;
  display:block;
}
.project .grey { color:#999999; }
.project .description {
  font-size:0.8em;
  color:#999999;
  width:600px;
}
.project .description p { padding-bottom:8px !important; }
.project .copyright {
  width:600px;
  text-align:right;
  margin-top:10px;
  margin-bottom:23px;
  font-size:0.7em;
  color:#999999;
}
.project .image_description {
  font-size:0.8em;
  min-height:1.0em;
  margin-bottom:15px;
  color:#999999;
}
.project .anfrage {
  margin-bottom:10px;
  margin-top:4px;
  color:#999999;
  float:right;
  font-size:0.8em;
  text-decoration:underline;
}
.mail { width:462px; }
.mail form { margin-top:20px; }
.mail {
  color:#999999;
  font-size:0.8em;
  width:450px;
}
.mail label {
  position:relative;
  display:inline-block;
  width:140px;
}
.mail input, .mail textarea {
  display:inline-block;
  width:290px;
  max-width:290px;
}
.mail textarea { height:100px; }
.mail input.button {
  width:100px;
  height:19px;
  position:relative;
  right:6px;
  float:right;
  margin-bottom:20px;
  margin-right:3px;
}
.mail .info { color:#999999; }
.profil_text {
  color:#999999;
  font-size:0.8em;
}
.profil_picture {
  margin-bottom:20px;
  width:450px;
  overflow:hidden;
}
.profil_picture img { max-width:320px; }
.profil h2, .mail h2 {
  font-weight:normal;
  font-size:13px;
  color:black;
}
.impressum h2 { margin-top:0; }
.contact { margin-bottom:60px; }
.contact .adress {
  font-size:0.8em;
  line-height:1.5em;
  color:#999999;
}
#slideshow {
  display:none;
  position:relative;
  margin-bottom:10px;
}
.slidesjs-navigation { margin-top:5px; }
a.slidesjs-next, a.slidesjs-previous {
  background-image:url(/assets/icons/btns-next-prev.png);
  background-repeat:no-repeat;
  background-size:18px 24px;
  display:block;
  width:9px;
  height:12px;
  overflow:hidden;
  text-indent:-9999px;
  top:0px;
  margin-right:5px;
  z-index:100;
  float:left;
}
a.slidesjs-next {
  margin-right:0px;
  background-position:-9px -12px;
}
a:hover.slidesjs-next { background-position:-9px 0px; }
a.slidesjs-previous { background-position:0 -12px; }
a:hover.slidesjs-previous { background-position:0 0; }
a.slidesjs-play {
  width:15px;
  background-position:-25px 0;
}
a:hover.slidesjs-play { background-position:-25px -18px; }
a.slidesjs-stop {
  width:18px;
  background-position:-41px 0;
}
a:hover.slidesjs-stop { background-position:-41px -18px; }
.slidesjs-pagination {
  z-index:101;
  margin:5px 0 0;
  float:right;
  list-style:none;
}
.slidesjs-pagination li {
  float:left;
  margin:0 1px;
}
.slidesjs-pagination li a {
  display:block;
  width:12px;
  height:0;
  padding-top:12px;
  background-image:url(/assets/icons/pagination_points.png);
  background-position:0 0;
  background-size:100%;
  float:left;
  overflow:hidden;
}
.slidesjs-pagination li a.active, .slidesjs-pagination li a:hover.active { background-position:0 -48px; }
.slidesjs-pagination li a:hover { background-position:0 -24px; }
#slides a:link, #slides a:visited { color:#333333; }
#slides a:hover, #slides a:active { color:#9e2020; }
.navbar { overflow:hidden; }