/* Author:
bytes + bones, Klaus Affolter
© 2012
*/

html, body, body div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  -webkit-text-size-adjust:100%;
  -ms-text-size-adjust:100%;
}
:focus {
  outline:none;
}
body {
  margin:0px;
  padding:0px;
  text-align:center;
  background:#F2F1EF;
}
body, td {
  font:14px/18px arial, helvetica, verdana,sans-serif;
}
.konsole {
  position:relative;
  width:450px;
  margin-top:10px;
  margin-right:auto;
  margin-left:0px;
  display:block;
  text-align:left;
  z-index:2;
}

#bild1 {
  position:absolute;
  z-index:1;
  cursor:pointer;
}
#bild2 {
  position:absolute;
  z-index:2;
  display:none;
  cursor:pointer;
}
.playbuttcontainer {
  position:absolute;
  top:250px;
  left:10px;
  border:1px solid #000;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background:#fff;
  z-index:3;
  text-align:center;
}
#playbutt {
  cursor:pointer;
  font-weight:bold;
  width:60px;
  margin-left:auto;
  margin-right:auto;
  padding:4px;
}
#playbutt:hover {
  color:#a00;
}