* {
  padding:0;
  margin:0;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size:inherit;
  font-family:inherit;
  color:inherit;
}

/* HTML5 SHIV */

header,nav,article,footer,section,aside,figure,figcaption{
  display:block
}

html {
  font-size:100%;
  background:#F7FAF3 url(../bilder/body.bg.gif) top left;
}

body {
  font-size:0.9em;
  line-height:150%;
  color:#333;
  font-family:calibri,helvetica,arial,sans-serif;
  padding:1em 1em;
}

a,
img {
  outline:0;
}

img {
  border:0;
}

hr {
  border:0;
  border-top:0.2em solid #ccc;
  margin-bottom:1em;
}

.flr {
  float:right;
}

.tac {
  text-align:center;
}

.tar {
  text-align:right;
}

.oh {
  overflow:hidden;
}

#pruefstempel {
  -webkit-transform:rotate(-45deg);
  -moz-transform:rotate(-45deg);
  -ms-transform:rotate(-45deg);
  -o-transform:rotate(-45deg);
  transform:rotate(-45deg);
  max-width:10%;
  position:absolute;
  right:-1.5em;
  top:-1.5em;
  display:none;
  opacity:0.3;
}

#content {
  background:rgba(255,255,255,0.85);
  box-shadow:0 0 0.5em #666;
  /*position:relative;
  overflow:hidden;
  */
}

#content-container {
  padding:1.5em;
}

#content h1 {
  box-shadow:0 0 0.2em #aaa;
}

#content img.fullwidth,
#content h1 img {
  max-width:100%;
  width:100%;
  display:block;
}

#content img.shadow {
  border-radius:1em;
  box-shadow:0 0 0.2em #aaa;

}


#content p {
  margin-bottom:1em;
}

#content .screenshot {
  border:0.4em solid #fff;
  box-shadow:0 0 0.2em #aaa;
  max-width:100%;
  max-height:10em;
}

#content .teaser-box {
  background-color:#E0F3CA;
  border:0.2em solid #C7DAB3;
  padding:1.5em;
  margin-bottom:1em;
  box-shadow:0 0 0.1em #666, inset 0 0 0.1em #ccc;
  position:relative;
  overflow:hidden;
}

#content .teaser-box hr {
  border-color:#C7DAB3;
  margin-bottom:0.7em;
}

#content .teaser-box h3:last-child {
  margin-bottom:0;
}

#content .teaser-box h3 {
  color:#34521D;
  font-weight:normal;
}

#content .teaser-box h3 span {
  color:#618447;
}

#content h3 {
  font-size:1.3em;
  margin-bottom:0.7em;
}

#content h2 {
  font-size:1.8em;
  margin-bottom:0.7em;
}

#content dt h3 {
  margin-bottom:0;
}

#content .button {
  position:relative;
  display:inline-block;
  cursor:pointer;
  background:#ddd;
  color:#000;
  border:0.1em solid #ccc;
  border-radius:0.2em;
  text-shadow:0 0.05em 0 rgba(255,255,255,0.8);
  padding:0.825em 1.5em;
  line-height:150%;
  text-decoration:none;
  box-shadow:inset 0 0 0.2em #fff, inset 0 0.5em 0.5em rgba(255,255,255,0.8), 0 0.05em 0.1em rgba(0,0,0,0.2);
  font-weight:bold;
  overflow:visible
  text-align:center;
}

#content .button:hover {
  border-color:#8FCBED;
  background-color:#CEE9F8;
  color:#000;
}

#content .button:active,
#content .button:focus {
  border-color:#A5D4EF;
  background-color:#EFF6F9;
  color:#00A3FF;
  top:0.1em;
}

#content .button.big {
  font-size:1.2em;
}

#content dl {
  margin-bottom:1em;
  background-color:#EEF4E7;
  border:0.2em solid #C7DAB3;
  box-shadow:0 0 0.1em #666, inset 0 0 0.1em #ccc;
  overflow:hidden;
}

#content dt {
  box-shadow:0 0 0.2em #888,inset 0 0 2em rgba(255,255,255,0.7);
  background-color:#E0F3CA;
  padding:1em;
  font-weight:bold;
}

#content dt.inactive {
  background:#eee;
  color:#777;
}

#content dd {
  padding:1em;
}

#content table {
}

#content table tr th:first-child,
#content table tr td:first-child {
  padding-right:1em;
}

#content th {
  text-align:left;
  padding:0.3em 1em;
  width:1px;
  white-space:nowrap;
  background:rgba(0,0,0,0.02);
  box-shadow:inset 0 0 1em rgba(0, 0, 0, 0.05);
}

#content th.big {
  background:rgba(0,0,0,0.04);
  font-size:1.3em;
  padding-left:0.5em;
  line-height:200%;
  color:#4F5547;
}

#content td {
  padding:0.3em 1em;
  box-shadow:inset 0 0 1em rgba(0, 0, 0, 0.05);
}

#content tr:nth-child(odd) td {
  background:rgba(0,0,0,0.02);
}

#content table textarea {
  width:100%;
  min-height:6em;
}

#content select,
#content input[type=text],
#content input[type=password],
#content textarea {
  padding:0.4em 0.5em;
  border-radius:0.2em;
  background:#fdfdfd;
  border:0.05em solid #A5A8A2;
  box-shadow:inset 0 0 0.3em rgba(0, 0, 0, 0.2);
}

#content select {
}

#content img.torte {
  border:0.4em solid #fff;
  box-shadow:0 0 0.2em #aaa;
  max-width:100%;
}

#content dl h3 {
  margin-bottom:0;
}

#content .teaser-list {
  list-style-type:none;
  overflow:hidden;
  margin-bottom:1em;
  background:#fff;
  padding:0.5em 1em;
  box-shadow:0 0 0.3em #888;
}

#content .teaser-list li {
  float:left;
  font-size:1.5em;
  line-height:170%;
  width:48%;
  color:#3E4B39;
  font-style:italic;
  font-weight:bold;
}

#content .teaser-list li img {
  height:1.3em;
  vertical-align:middle;
}

#content .logo {
  margin:0 0 1em 1em;
  max-width:20%;
}

#content .logo img {
  max-width:100%;
}


#footer {
  font-size:0.825em;
  color:#222;
  padding:1em 2em;
  background:#30312D;
  color:#DCDED6;
  box-shadow:0 0 0.5em #666;
}

@media only screen and (min-width: 480px) {
  #pruefstempel {
    max-width:15%;
    display:block;
  }
}

@media only screen and (min-width: 961px) {
  body {
    font-size:1.1em;
    line-height:150%;
    overflow-y:scroll;
  }
  #content-container {
    padding:2em;
  }
  #footer,
  #content {
    width:960px;
    margin-left:auto;
    margin-right:auto;
  }

  #pruefstempel {
    max-width:150px;
  }


}