* {
  padding: 0;
  margin: 0;
  font-smooth: always;
}

body {
  color: #000;
  font-size: 11px;
  font-family: "Courier New", Courier, monospace;
}

img {
  border: 0px !important;
}

h1 {
  font-size: 13px;
  font-weight: normal;
  padding: 0 0 10px 0;
  margin: 0;
}

a:link, a:visited, a:active {
  color: #000;
  text-decoration: none;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

div#site {
  width: 890px;
  margin: 50px auto;
}

div.underconstruction {
  position: absolute;
  width: 260px !important;
  height: 20px;
  top: 50%;
  left: 50%;
  margin: -135px 0px 0px -130px !important;
  background: url(../img/intro.jpg) no-repeat;
  text-align: center;
  padding-top: 250px;
}

div.intro {
  position: absolute;
  width: 260px !important;
  height: 260px;
  top: 50%;
  left: 50%;
  margin: -130px 0px 0px -130px !important;
  background: url(../img/intro.jpg) no-repeat;
}

div#header {
  width: 790px;
  margin: 0 0 0 100px;
  overflow: auto;
}

div#logo {
  float: left;
}

div#contact {
  float: right;
}

div#content {
  width: 790px;
  margin: 50px 0 0 100px;
  overflow: auto;
}

div.contact {
  width: 190px;
  line-height: 150%;
  float: left;
  margin: 0 10px 0 0;
}

div.grundsaetzlich {
  float: left;
  margin: 0 10px 0 0;
}

div.intern {
  float: left;
}

div.nav {
  padding: 90px 0 0 0;
  width: 290px;
  height: 98px;
  background: #F6F6F6;
  color: #000;
  text-align: center;
  border: 0;
  outline: 0;
}

div.element {
  width: 290px;
  margin: 10px 0 0 0;
}

div.thumb {
  width: 290px;
  height: 188px;
  margin: 0 0 5px 0;
}

a.img_thumb:link {
  display: block;
  width: 290px;
  height: 188px;
  opacity: 1;
  -webkit-transition: opacity .50s linear;
  -moz-transition: opacity .50s linear;
  -o-transition: opacity .50s linear;
  -ms-transition: opacity .50s linear;
  transition: opacity .50s linear;
}

a.img_thumb:hover {
  display: block;
  width: 290px;
  height: 188px;
  opacity: 0;
  -webkit-transition: opacity .50s linear;
  -moz-transition: opacity .50s linear;
  -o-transition: opacity .50s linear;
  -ms-transition: opacity .50s linear;
  transition: opacity .50s linear;
}


/*COLOURED PROJECT THUMBS BACKGROUNDS*/

.project {
  background: url(../work/thumb.png);
}

.grundsaetzlich_project {
  background: url(../work/grundsaetzlich/prolog/GRUNDSAETZLICH_PREVIEW.jpg);
}

.inter_light {
  background: url(../work/grundsaetzlich/inter_different_light/PREVIEW_interlight.jpg);
}

.pod {
  background: url(../work/grundsaetzlich/ipod_iphoto_itunes_7814/PREVIEW_IPOD_7814.jpg);
}

.tanzdas {
  background: url(../work/grundsaetzlich/tanzdas/PREVIEW_tanzdas.jpg);
}

.ilove {
  background: url(../work/grundsaetzlich/ilove/PREVIWE_HFBK.jpg);
}

.dokumentation {
  background: url(../work/grundsaetzlich/dokumentation_of_disorientation/preview.jpg);
}

.narziss {
  background: url(../work/grundsaetzlich/der_narziss_macht_den_sisyphos/PREVIEW_NARZISS_&_SISYPHOS02.jpg);
}

.conteance {
  background: url(../work/grundsaetzlich/contenance/PREVIEW_contenance.jpg);
}

.thebeast {
  background: url(../work/grundsaetzlich/the_beast_is_out_now/PREVIEW_THE_BEAST.jpg);
}

.inter-project {
  background: url(../work/inter/prolog/preview.jpg);
}

.revenge {
  background: url(../work/inter/revenge_of_the_hopeful_monster/preview.jpg);
}

.howwedo {
  background: url(../work/inter/howwedothings/PREVIEW.jpg);
}

.kilogram {
  background: url(../work/inter/kilogram_kisses_megabyte/PREVIEW_KILOGRAMM_KISSES.jpg);
}

.riskscapes {
  background: url(../work/inter/risk_scapes/PREVIEW_RISKSCAPES.jpg);
}

.baby {
  background: url(../work/inter/baby_please/PREVIEW_BABYPLEASE.jpg);
}

.paua {
  background: url(../work/inter/paua/PREVIEW_PAUA.jpg);
}

.thesentraeger {
  background: url(../work/inter/thesentraeger/PREVIEW_THESENTRAEGER.jpg);
}

.schoolofarts {
  background: url(../work/inter/school_of_arts/PREVIEW_school_of_arts.jpg);
}

.unikoeln {
  background: url(../work/inter/uni_koeln/PREVIEW_uni_koeln.jpg);
}