html, body, ul, div, span, cite, blockquote, p, a, li, img, span, h1, h2, h3, h4 {
  margin: 0;
  padding: 0;
  border: none;
  background-color: #fff;
}

body {
  /*
    the default browser font-size is usually 16 px, so
    the value of "font-size: 62.5%;" gives default font size of 10 pixels;
    do not ever declare this in pixels

    line-height: height of each line inside an inline box; allows to add
    some spacing between the bottom of one line and the top of the one that
    follows it

    font-family examples:
    font-family: Verdana,Arial,sans-serif;
    font-family: "Times New Roman",Helvetica,serif;
    font-family: cursive,fantasy, monospace;

    font: font-style font-variant font-weight font-size/line-height font-family;
  */
/*  color: #000; */
  color: gray;
  font: normal normal normal 62.5% Verdana, Arial, sans-serif;
}

h1, h2, h3, h4 {
  font-size: 1em;
}


#everything {
  width: 920px;
  margin-left: auto;
  margin-right: auto;
  font-size: 1.3em; /* = 13 px */
}

.main_column {
  width: 860px;
  margin-left: auto;
  margin-right: auto;
}

.narrow_column {
  width: 520px;
  margin-left: auto;
  margin-right: auto;
}

.narrow_column_left {
  width: 520px;
  margin-left: 0;
  margin-right: auto;
}

.link_list {
  list-style-type: none;
  text-align: left;
  font-weight: bold;
}

.inline_list li {
  display: inline;
}

.inline_list li + li {
  padding-left: 1.2em;
}

a {
  color: gray;
  text-decoration: none;
  outline: none;
}

.black, .email, .selected, .people, a:hover, a:active, a:focus, .urauffuhrung,
.review_title, .photo-video-list h2, #page_title, .video_title, .contact h1, .contact h2,
.events_month, .event, .link_group_name {
  color: #000;
}

#bernardo a {
  display: block;
  width: 171px;
  height: 17px;
  text-decoration: none;
  outline: none;
  font-size: 1px;
  text-indent: -999em;
  background-image: url(/img/bernardo-blk.png);
}

#header, #navigation, #main, #performances_navigation_container, .video_title, .review,
.urauffuhrung, .places, .main_image, .comming_soon, p.paragraph, .person_jobs,
.photo-video-list h2, #contact_form, .contact p, .contact form,
.review_issuer_date, .review_title, .review_subtitle, .review_author,
#slideshow_navigation, .parts, .video_author, .video-description, #events_years_navigation,
.events_month, .event, .sponsors_list {
  margin-top: 1.2em; /* 1.2 em =~ 15,6 px, base is 13 px */
  margin-bottom: 1.2em;
}

blockquote.paragraph, #solid_slideshow_box, .link_group_name {
  margin-top: 1.2em;
  margin-bottom: 0.2em;
}

cite.paragraph {
  margin-top: 0.2em;
  margin-bottom: 1.2em;
  display: block;
  text-align: right;
  font-style: normal;
}

#page_title, .video_title, .contact h1, .contact h2, .pub_imgs_title {
  font-size: 1.1em;
}

#performances_navigation {
  margin: 0; /* it floats; below and over is 1.2em thanks the neighbours */
}

.urauffuhrung, .review_title, #page_title, .video_title, .pub_imgs_title,
.events_month, .event_type, .event_name {
  font-weight: bold;
}

.places, .people, .jobs {
  list-style-type: none;
}

div div.review + div.review, .photo-video-list, .contact, #signup-to-newsletter, #page_title {
  margin-top: 2.4em;
  margin-bottom: 2.4em;
}

#navigation {
  margin-top: 1.2em;
  margin-bottom: 2.4em;
}

.clear {
  clear: both;
}

.fleft {
  float: left;
}

.contact address {
  font-style: normal;
}

.paragraph {
  text-align: justify;
}

.person_note, .event_name {
  color: gray;
}

.photo-video-list ul ul {
  margin-left: 2.4em;
}

.right, .event_type {
  text-align: right;
}

#contact-name-container {
  position: relative;
}

#facebook-icon {
  position: absolute;
  right: 0;
  top: 0;
  display: block;   
  width: 77px;
  height: 61px;
  text-decoration: none;
  outline: none;
  font-size: 1px;  
  text-indent: -999em;
  background-image: url(/img/facebook.png);
}

.event_type {
  float: right;
}

.event_type {
  position: relative;
}

div.event_type span.event_type_help {
  display: none;
}

div.event_type:hover span.event_type_help {
  position: absolute;
  left: 0.7em;
  top: 0;
  z-index: 100;
  display: block;
}

.links {
  font-weight: normal;
}

.sponsors_list {
  list-style-type: none;
  font-size: 0.85em;
}

.logos_list {
  margin-bottom: 2.4em;
}