/***
 * Het Muziektheater - print stylesheet
 * 
 * Author: Fabrique Communication and Design - DRA
 * Date: December 2009
 */


.navigation,
.toc,
.singular,
form,
.content-page .secondary,
.guestinfo-page .secondary,
.routeplanner-options {
  display: none;
  
}


div:after,
.clearfix:after {
  clear: both;
  display: block;
  visibility: hidden;
  height: 0;
  overflow: hidden;
  content: ".";
}

img { border: 0; }


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



/* fonts */
@font-face {
  font-family: "MTA";
  src: url("MTANormaal.otf");
}
/* end - elements */


* html, body {
  margin: 0;
  padding: 0;
  color: #fff;
  font-family: "Arial", sans-serif;
  font-size: 75%;
}

h1 {
  margin: 0 80px 0.175em 0;
  padding: 30px 4px 0 0;
  font-size: 200%;
  font-family: "MTA","Arial",sans-serif;
  letter-spacing: -0.075em;
  line-height: 70%;
}

h2 {
  margin: 0 80px 0.175em 0;
  padding: 30px 4px 0 0;
  font-size: 150%;
  font-family: "MTA","Arial",sans-serif;
  letter-spacing: -0.075em;
  line-height: 70%;
}

p { max-width: 42em; }

dt, dd {
  margin: 0;
  padding: 0;
}
dt { font-weight: bold; }
dd { margin: 0 0 0.5em 0; }

td {
  vertical-align: top;
}

.home-page .brandlogo { margin-bottom: 2em; }

.event-ratings { margin: 0 0 1em 0; }
.event-ratings p { margin: 0; }
.event-date { color: #0141ff; }
.event { clear: both; }
.event h2 {
  margin-top: 0;
  padding-top: 4pt;
}

.home-page #andere-evenementen .event-description,
.home-page #andere-evenementen img,
.archive-page .event-description,
.archive-page img {
  margin: 1em 0;
  float: left;
}
.home-page #andere-evenementen img,
.archive-page img {
  clear: left;
}
.home-page #andere-evenementen .event-description,
.archive-page .event-description {
  margin-left: 10px;
}
.archive-page .article-header { clear: both; }
.archive-page h1 {
  margin-top: 0;
  padding-top: 0;
}
.content-page h1,
.guestinfo-page h1 {
  font-size: 150%;
  text-transform: uppercase;
}
.content-page h2,
.guestinfo-page h2 {
  font-size: 125%;
}
.guestinfo-page .subarticle {
  clear: both;
}
.guestinfo-page .subarticle h2 {
  margin-bottom: 0.5em;
}
.guestinfo-page .subarticle img,
.guestinfo-page .subarticle p {
  margin-bottom: 1em;
  float: left;
}
.guestinfo-page .subarticle img {
  clear: left;
}
.guestinfo-page .subarticle p {
  margin: 0 0 0 10px;
  width: 400px;
}






/* red */
body.theme-red .tertiary .event-date,
body.theme-red .main-event .event-date,
body.theme-red .event .event-date,
body.theme-red .content-page .article h1 {
  color: #e81111;
}


/* blue */
body.theme-blue .tertiary .event-date,
body.theme-blue .main-event .event-date,
body.theme-blue .event .event-date,
body.theme-blue .content-page .article h1 {
  color: #0141ff;
}


/* yellow */
body.theme-yellow .tertiary .event-date,
body.theme-yellow .main-event .event-date,
body.theme-yellow .event .event-date,
body.theme-yellow .content-page .article h1 {
  color: #e8b811;
}


/* green */
body.theme-green .tertiary .event-date,
body.theme-green .main-event .event-date,
body.theme-green .event .event-date,
body.theme-green .content-page .article h1 {
  color: #3a810b;
}


/* purple */
body.theme-purple .tertiary .event-date,
body.theme-purple .main-event .event-date,
body.theme-purple .event .event-date,
body.theme-purple .content-page .article h1 {
  color: #782aaf;
}

/* orange */
body.theme-orange .tertiary .event-date,
body.theme-orange .main-event .event-date,
body.theme-orange .event .event-date,
body.theme-orange .content-page .article h1 {
  color: #954910;
}