html {
  height:100.1%;
  font-size:62.5%;
}
body {
  margin:0;
  padding:0;
  font:normal 1.3em "Trebuchet MS", Arial, Helvetica, sans-serif;
  color:#868080;
  background:url(../images/mappe_tile.gif);
}
img {
  border:0;
}
form {
  margin:0;
}
p {
  margin:0 0 1em 0;
}
a {
  color:#24249D;
}
br {
  line-height:1em;
  clear:left;
}
hr {
  border-top:1px solid #D2D3D8;
  border-bottom:1px solid #FFFFFF;
  border-left:none;
  border-right:none;
  margin-top:42px;
  margin-bottom:40px;
}
h1 {
  font-size:1.2em;
  margin:0 0 1em 0;
}
h2 {
  font-size:1.0em;
  margin:0 0 1em 0;
}
h3 {
  font-size:1.0em;
  margin:0;
}
ul {
  margin-top:0;
  margin-bottom:1em;
  list-style-image:url(../images/icon_list.gif);
}



/* ********** Mappe ********** */
.outer {
  position:relative;
  width:890px;
  top:25px;
  left:50%;
  margin-left:-445px;
  padding-bottom:100px;
}
.inner {
  position:relative;
  min-height:1000px;
  padding:0px 32px;
  background:url(../images/mappe_ctr.gif) #F4F6FC;
}

.top {
  position:absolute;
  top:0;
}
.btm {
  position:absolute;
  bottom:0;
}
.lft {
  left:0;
}
.rgt {
  right:0;
}




/* ********** Navigation ********** */
.navi {
  position:absolute;
  width:602px;
  height:58px;
  top:37px;
  right:50%;
  margin-right:-381px;
  overflow:hidden;
  z-index:4;
  background:url(../images/navi_bg.gif) top no-repeat;
}
.navi a {
  display:block;
  float:left;
  width:86px;
  height:42px;
  padding-top:16px;
  font:normal 0.9em Courier New, Courier;
  text-align:center;
  text-decoration:none;
  color:#555050;
}
.navi a:hover {
  text-decoration:underline;
}
.navi a.active {
  background:url(../images/navi_hov.gif);
}




/* ********** Startseite ********** */
.start {
  position:relative;
  height:305px;
  padding:260px 120px 0 120px;
  background:url(../images/deckblatt.jpg) top left no-repeat;
}
/*
.start p {
  display:block;
  float:left;
  width:175px;
  margin-right:30px;
}
*/
.kaffee {
  position:relative;
  float:left;
}
.postit {
  margin-left:340px;
  margin-top:-30px;
}
.ring {
  margin-top:60px;
}
.fleck {
  margin-left:15px;
  margin-top:75px;
}
.stift {
  margin-left:350px;
  margin-top:40px;
}



/* ********** Leistungen ********** */
#postit1, #postit2 {
  position:absolute;
  cursor:pointer;
}
#postit1 {
  margin-top:-7px;
  margin-left:137px;
  z-index:4;
}
#postit2 {
  margin-top:-10px;
  margin-left:286px;
  z-index:2;
}

#text1, #text2 {
  position:absolute;
  width:480px;
  height:690px;
  padding:55px 45px 30px 55px;
  overflow:hidden;
  background:url(../images/leistung-papier-ctr.png) top repeat-y;
}
#text1 {
  margin-top:50px;
  margin-left:78px;
  z-index:3;
}
#text2 {
  margin-top:44px;
  margin-left:170px;
  z-index:1;
}

.text_top, .text_btm {
  display:block;
  position:absolute;
  left:0;
}
.text_top {
  top:0;
}
.text_btm {
  bottom:0;
}

.klecks {
  margin-top:40px;
  margin-left:530px;
}



/* ********** Team ********** */
.team {
  padding:10px 75px 60px 75px;
}
.polaroid {
  position:relative;
  float:left;
}
.vorstellung {
  position:relative;
  margin-left:265px;
}



/* ********** Referenzen ********** */
.referenz {
  padding:20px 75px;
  text-align:right;
}
.info {
  position:relative;
  width:230px;
  float:left;
  text-align:left;
}
.link {
  margin-left:3px;
}
.image {
  padding:8px;
  background:url(../images/referenz.gif);
}
.preload {
  display:none;
}
.zoom {
  cursor:url(../images/zoom1.cur), pointer;
}
.oben {
  margin-bottom:20px;
}



/* ********** Blog ********** */
.blog {
  position:relative;
  float:left;
  width:450px;
  padding:20px 50px 50px 75px;
  overflow:hidden;
}
.next, .prev, .seite {
  margin:0 4px;
}
.limiter {
  text-align:right;
  margin-right:-4px;
}
.small {
  font: normal 0.8em Arial, Helvetica, sans-serif;
}
p.small {
  padding-top:0.6em;
  clear:left;
}
li.small {
  margin-top:1em;
}
.right {
  text-align:right;
}
.bold {
  font-weight:bold;
}
.italic {
  font-style:italic;
}
.deleted {
  text-decoration:line-through;
}
.marked {
  padding:0 2px;
  margin:0 -1px;
  color:#993C79;
  background:#FCA5E6;
}
.code {
  width:438px;
  padding:5px;
  font:normal 0.9em Courier New, Courier;
}
.textblock {
  width:418px;
  padding:15px;
  font:normal 1.1em/1.3em Times New Roman;
}
.code, .textblock {
  overflow:hidden;
  border:1px solid #D2D3D8;
  color:#767070;
  background:#FCFCFF;
}
.linie {
  margin-top:1.3em;
  margin-bottom:0;
}
.klein {
  display:block;
  float:left;
  margin:4px 20px 3px 0;
}
.gross {
  margin:4px 0 3px 0;
}



/* ********** Blognav ********** */
.blognav {
  position:relative;
  float:left;
  width:180px;
  padding-top:25px;
}
.blognav .search {
  margin-bottom:3em;
}
.blognav .field {
  width:134px;
}
.blognav .button {
  width:40px;
}
.blognav label {
  cursor:pointer;
}
.blognav li {
  margin-left:-25px;
}



/* ********** Kommentare ********** */
.kommentar {
  position:relative;
  margin-bottom:50px;
  width:450px;
  color:#666060;
  font:normal 1em Courier New, Courier;
  line-height:18px;
  background:url(../images/kommentar-ctr.gif);
}
.letzter {
  margin-bottom:16px;
}
.monospace {
  overflow:hidden;
  padding-left:58px;
  padding-right:10px;
}
.monospace br {
  line-height:18px;
}
.nachricht {
  width:442px;
}
.nachricht label, .nachricht input, .nachricht textarea {
  display:block;
}
.nachricht label {
  font-size:0.9em;
}
.nachricht input, .nachricht textarea {
  margin-bottom:6px;
}
.nachricht .feld {
  width:240px;
}
.nachricht textarea {
  width:100%;
}
.nachricht .email {
  display:none;
}



/* ********** Kontakt ********** */
.absenden {
  display:block;
  position:relative;
  margin-top:-40px;
  left:520px;
}
.mail {
  position:relative;
  margin-top:10px;
  left:120px;
  width:455px;
  height:210px;
  padding-top:90px;
  padding-left:25px;
  background:url(../images/briefumschlag.jpg) left top no-repeat;
}
.mail label, .mail .input, .mail textarea {
  display:block;
  float:left;
  margin-bottom:10px;
  border:0;
  background:transparent;
  font:normal 0.9em Courier New, Courier;
  color:#333333;
}
.mail label {
  font:normal 0.9em Arial, Hevetica, sans-serif;
  text-transform:uppercase;
  padding-top:2px;
  width:4.3em;
  color:#A6A0A0;
}
.mail .input {
  width:200px;
  border-left:1px solid #B6B0B0;
  border-bottom:1px solid #B6B0B0;
}
.mail textarea {
  width:320px;
  height:120px;
  border:1px solid #B6B0B0;
}
.mail .button {
  position:absolute;
  left:285px;
  top:27px;
  width:162px;
  height:86px;
  border:none;
  cursor:hand;
  background:url(../images/briefmarke_1.jpg);
}
.mail .button:hover {
  background:url(../images/briefmarke_2.jpg);
}
.warnung {
  position:absolute;
  left:170px;
  top:35px;
}
.kontakt {
  position:relative;
  padding-left:123px;
  padding-top:40px;
  width:530px;
}
.ausfuellen {
  margin-left:200px;
  margin-top:10px;
}
.tinte {
  margin-left:550px;
  margin-top:-60px;
}



/* ********** Impressum ********** */
.vcard {
  position:absolute;
  left:32px;
  top:50px;
  z-index:3;
}
.impressum {
  position:relative;
  left:207px;
  margin-top:-84px;
  width:450px;
  color:#666060;
  font:normal 1em Courier New, Courier;
  line-height:18px;
  background:url(../images/impressum-ctr.gif);
}
.hinweis {
  position:relative;
  padding:40px 120px 80px 120px;
}
.noscript {
  margin-bottom:-1px;
}
#keks {
  position:absolute;
  top:250px;
  left:570px;
  width:138px;
  height:138px;
  background:url(../images/keks.png);
  z-index:6;
}
* html #keks {
  background:none;
  filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/keks.png', sizingMethod='scale');
}