body {
  background-color: #efece0;
  color: #464c45;
  font-size: 100%;
  font-family: "Futura-medium", Helvetica, Verdana, Arial, sans-serif;
}

A:link {text-decoration: none; color: #000000;}
A:visited {text-decoration: none; color: #000000;}
A:active {text-decoration: none; color: #000000;}
A:hover {text-decoration: none; color: #000000;}

@font-face {
  font-family: 'Futura-medium';
  src: url('futura.ttf') format('truetype');
}
/*
@font-face {
  font-family: 'Gill Sans Light';
  src: url('gill.ttf') format('truetype');
}
*/
#page-wrapper {
  position: relative;
}

#tt_page {
  position: absolute;
  top: 0px;
  left: 0px;
  
  margin-left: 40px;
  margin-top: 20px;
}

#tt_page img, embed, object, video {
  max-width: 100%;
}


#tt_header {
  position: absolute;
  top: 0px;
  left: 640px;
}

#tt_menu {
  position: absolute;
  top: 62px;
  left: 0px;
  
  width: 620px;
  height: 35px;
}

#tt_menu ul {
  padding-left: 0px;
}

#tt_menu li {
  background-color: #60a556;
  display: inline;
  padding: 7px 10px 5px 10px;
  border-radius: 5px 5px 0px 0px;
  border-bottom: 5px solid #515b4f;
  list-style: none;
  margin-right: 5px;
}

#tt_menu li.active, li.hover {
  border-bottom: 5px solid #11350a;
}

#tt_menu a {
  color: #11350a;
  font-weight: bold;
  font-size: 1em;
  font-family: "Futura-medium", Helvetica, Verdana, Arial, sans-serif;
}

#tt_menu li.selected {
  border-bottom: 4px solid #11350a;
}

/* === COLUMNS === */

#tt_col_1 {
  position: absolute;
  width: 620px;
  top: 127px;
  margin: 0px;
  padding: 0px;
}

#tt_col_2 {
  position: absolute;
  width: 300px;
  top: 127px;
  left: 640px;
  margin: 0px;
  padding: 0px;
}

/* === REGIONS === */

#tt_region1 div.content {
  background-color: #f7f5ef;
  margin: 0px;
  padding: 0px;
}

#tt_region1 h3, h4 {
  margin-left: 10px;
  margin-bottom: 5px;
}

#tt_region1 p {
  margin-left: 10px;
  margin-right: 10px;
}

.content .views-row {
  margin-bottom: 20px;
}

.region .block h2 {
  background-color: #98c18c;
  height: 32px;
  margin: 0px;
  padding: 8px 0px 0px 10px;
  color: #11350a;
  font-weight: bold;
  font-size: 1em;
  font-family: "Futura-medium", Helvetica, Verdana, Arial, sans-serif;
}

.tt_content_block {
  overflow: auto;
}

/* === INITIATIEF OVERZICHT INITIATIEFPAGINA === */

div.tt_initiatieven_initiatief_blok {
  position: relative;
  width: 620px;
  height: 195px;
}

div.tt_initiatieven_initiatief_blok_titel {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #dddddd;
  width: 613px;
  padding: 5px 0px 0px 7px;
  height: 25px;
  font-size: 0.8em;
}

div.tt_initiatieven_initiatief_blok_foto {
  position: absolute;
  top: 30px;
  left: 0px;
  width: 220px;
  height: 165px;
}

div.tt_initiatieven_initiatief_blok_foto img {
  display: block;
}

div.tt_initiatieven_initiatief_blok_tekst {
  background-color: white;
  position: absolute;
  top: 30px;
  left: 220px;
  width: 390px;
  height: 155px;
  padding: 5px;
  font-size: 0.8em;
}


/* === INITIATIEF OVERZICHT VOORPAGINA === */

div.view-content table {
  display: block;
}

td.tt-voorpagina-initiatieven-overzicht-container {
  padding: 6px 1px 0px 6px;
}


div.tt_voorpagina_initiatief_blok {
  position: relative;
  width: 300px;
  height: 105px;
}

div.tt_voorpagina_initiatief_blok_titel {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #dddddd;
  width: 293px;
  padding: 5px 0px 0px 7px;
  height: 25px;
  font-size: 0.8em;
}

div.tt_voorpagina_initiatief_blok_foto {
  position: absolute;
  top: 30px;
  left: 0px;
  width: 100px;
  height: 75px;
}

div.tt_voorpagina_initiatief_blok_foto img {
  display: block;
}

div.tt_voorpagina_initiatief_blok_tekst {
  background-color: white;
  position: absolute;
  top: 30px;
  left: 100px;
  width: 190px;
  height: 65px;
  padding: 5px;
  font-size: 0.8em;
}

/* === CALENDAR UPCOMING === */

/* this div contains the entire upcoming event calendar on the front page*/
div#block-views-upcoming-events-block {
  background-color: #f7f5ef;
  height: 280px;
  margin-bottom: 20px;
}

.view-upcoming-events {
  font-size: 0.8em;
  padding: 10px;
}

.view-upcoming-events .view-footer p {
	margin: 0px;
}

.calendar_date {
  color: black;
  background-color: white;
  border: 1px solid #555555;
  border-radius: 10px;
  width: 60px;
  height: 50px;
  font: bold 1.75em sans;
  padding: 0px;
  margin: 0px;
  text-align: center;
  text-shadow: 2px 2px #aaaaaa;
}

.calendar_date h1 {
  color: white;
  background-color: #800000;
  font: normal .357em Futura-medium, sans;
  height: 14px;
  padding: 2px 0px 0px 0px;
  margin: 0px;
  text-align: center;
  border-radius: 8px 8px 0px 0px;
  text-shadow: none;
}



/* === HIGHLIGHTED === */

.views-slideshow-cycle-main-frame, .views-slideshow-cycle-main-frame-row {
  width: 620px;
}

/* needed to make sure the slideshow does not cover the other content */
#tt_highlighted {
  width: 620px;
  height: 300px;
  margin-bottom: 20px;
}

.view-highlighted-slideshow .views-row {
  position: relative;
}

.view-highlighted-slideshow img {
  display: block;
}


div#tt_highlighted_node_title {
  position: absolute;
  bottom: 0px;
  left: 0px;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgb(255, 255, 255);
  /* RGBa with 0.6 opacity */
  background: rgba(255, 255, 255, 0.9);
  /* For IE 5.5 - 7*/
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff);
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff)";
  padding: 10px;
  border-radius: 0px 5px 0px 0px;
  font-size: .75em;
}

div#tt_highlighted_node_text_bg {
  background-color: #f7f5ef;
  opacity: .90;
  filter:alpha(opacity=90);
  -moz-opacity:0.9;
  -khtml-opacity: 0.9;

  position: absolute;
  border-radius: 15px 0px 0px 0px;
  bottom: 0px;
  right: 0px;
  width: 300px;
  height: 180px;
  margin: 0px;
  padding: 0px;
  overflow: hidden;
}

div#tt_highlighted_node_text {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 300px;
  height: 180px;
}

div#tt_highlighted_node_text p {
  color: black;
  margin: 15px;
  line-height: 1.3em;
}

div#tt_highlighted_node_text a {
  position: absolute;
  bottom: 10px;
  right: 10px;
  font-variant: small-caps;
}