html {
  overflow:auto;
}

body {
  font-size:12px;
  font-family:"skolar-1", Georgia, serif;
  line-height:1.5;
  position:absolute;
  top:0;
  left:0;
  bottom:0;
  right:10px;
  overflow-y:scroll;
  overflow-x:hidden;
}

a:focus { outline:none; }

::-webkit-scrollbar {
  width:6px;
  height:6px;
}

::-webkit-scrollbar-button:start:decrement,
::-webkit-scrollbar-button:end:increment {
  display:block;
  height:9px;
}

::-webkit-scrollbar-button:vertical:increment {
  background-color:#fff;
}

::-webkit-scrollbar-track-piece {
  background-color:#F0EAEA;
  -webkit-border-radius:3px;
}

::-webkit-scrollbar-thumb:vertical {
  height:50px;
  background-color:#ead2d2;
  -webkit-border-radius:3px;
}

::-webkit-scrollbar-thumb:horizontal {
  width:50px;
  background-color:#ccc;
  -webkit-border-radius:3px;
}

@media only screen and (max-device-width:480px) {
  body { 
    overflow:auto;
    top:auto;
    left:auto;
    bottom:auto;
    right:auto;
    position:relative;
  }
}

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

a:hover {
  color:#d43333;
}

a.vcard {
  background:url(vcard.jpg) left 1px no-repeat;
  padding:1px 0 1px 25px;
}

a.navigation {
  font-size:18px;
  display:block;
  margin-left:81px;
  -webkit-text-stroke:1px transparent;
}

p, ul {
  color:#333;
  margin-bottom:1.5em;
}

#container {
  width:910px;
  overflow:hidden;
  margin:54px auto;
}

#left {
  width:290px;
  float:left;
  margin-top:7px;
}

#right {
  float:left;
  margin-left:10px;
  width:590px;
}

#left h1,
#left h2 {
  float:left;
  width:80px;
  text-align:right;
  font-style:italic;
  padding-right:10px;
}

#left p,
#left ul {
  float:left;
  margin-left:100px;
  width:190px;
}

#left p.first {
  margin-left:10px;
}

h1, h1 a {
  height:12px;
  overflow:hidden;
}

h1 a {
  display:block;
  width:56px;
  text-indent:9999px;
  background:url(abloom.jpg) left top no-repeat;
  float:right;
  position:relative;
  top:1px;
}

#impressum h2 {
  text-indent:9999px;
  background:url(impressum.jpg) right top no-repeat;
  height:18px;
  position:relative;
  top:-2px;
  margin-right:5px;
  width:75px;
}

#impressum p {
  font-size:10px;
  color:#666;
}

.article {
  width:490px;
  margin-left:90px;
  margin-bottom:36px;
}

.article h2 {
  font-size:18px;
  margin-bottom:0.55em;
  -webkit-text-stroke:1px transparent;
}

.article em {
  font-style:italic;
}

.article p {
  font-size:14px;
  margin-bottom:1em;
}

.article p.meta {
  font-size:12px;
  font-style:italic;
  color:#666;
}

.article img {
  border:5px solid #f0eaea;
  margin-bottom:1em;
  position:relative;
  left:-5px;
}

#gradient {
  width:90%;
  bottom:0;
  left:0;
  position:fixed;
  background:-webkit-gradient(linear, 0 0, 0 40, from(rgba(255,255,255,0)), to(rgba(255,255,255,1)));
  background:-moz-linear-gradient(top, rgba(255,255,255,0), rgba(255,255,255,1));
  height:60px;
}

ul li div.contact { display:none; }