/* Reset styles (see http://meyerweb.com/eric/tools/css/reset/index.html) */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
sub {
  vertical-align: sub;
  font-size:85%;
}
sup {
  vertical-align: super;
  font-size:85%;
}
small {
  font-size:85%;
}


/* Allow Footer at end of page in standard mode */
html, body {
  height:100%;
}

body {
  font-family: 'Open Sans', Helvetica, Arial, sans-serif;
  font-size: 15px;
  line-height: 167%;
  background-color:#49484c;
}

h1 {
  font-family: 'Lobster', arial, serif;
  font-weight: normal;
  font-size:70pt;

  padding:0.7em 0px;
  line-height: 120%;
  
  color:#555;
  text-shadow: 1px 1px 3px #eee, -2px -2px 4px black;
}
h2 {
  padding:0.7em 0px 0.7em;
  font-weight: 600;
}
p {
  padding:0px 0px 1ex 0px;
}
a,
a:visited,
a:active {
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}

#footer a,
#footer a:visited,
#footer a:active {
  color:#ddd;
}

#footer a:hover,
#footer a:focus {
  color:#999;
}

#content a,
#content a:visited,
#content a:active {
  color:#777;
}

#content a:hover,
#content a:focus {
  color:#888;
}

#shadow-tr {
  background:url(shadow-tr.png) no-repeat scroll top right transparent;
  position:absolute;
  right:0px;
  top:0px;
  width:512px;
  height:512px;
}

#shadow-tl {
  background:url(shadow-tl.png) no-repeat scroll top left transparent;
  position:absolute;
  left:0px;
  top:0px;
  width:512px;
  height:512px;
}

#content-wrapper {
  background-image:url(bg-content.png);
  background-color:#ddd;
  min-height:100%;
  height:auto !important;
  height:100%;
  margin:0 auto -3em;
}

#content {
  position:relative;
  background-repeat:no-repeat;
  background-position:top center;
  margin:0px auto;
  width:35em;
  max-width:90%;
  color:#333;
  text-shadow:1px 1px 0px #eee;
}

#content > .last-child {
  padding-bottom:3em;
}

#footer-wrapper {
  background-image:url(bg-body.png);
  background-repeat:repeat-x;
  text-shadow:1px 1px #000;
  height:3em;
  color:#bbb;
  text-align:center;
}
#footer {
  font-size:80%;
  position:relative;
  z-index:100;
  background-image:url(bg-footer.png);
  background-repeat:repeat-x;
  padding-top:0.9em;
}

#popups {
  display:none;
}

#trademarksMedozine,
#trademarksMacoun {
   cursor:pointer;
}

.bubble-content-trademarksMedozine,
.bubble-content-trademarksMacoun {
   font-size: 80%;
   line-height: 135%;
   color: white;
   text-shadow: none;
   width: 20em;
}

.bubble-content-impressum {
  font-size: 15px;
  line-height: 135%;
}

.multicolumn {
  overflow: hidden;
  width: 100%;
  padding-top:3em;
}

.multicolumn .column {
  width:45%;
}
.multicolumn .column-left {
  float:left;
}
.multicolumn .column-right {
  float:right;
}