/* Layout
 * ------
 * Using a negative margin technique, adapted from ZEN. The page is loaded by this order:
 *
 * 1. Header
 * 2. Content
 * 3. Navigation menus
 * 4. Sidebar Left
 * 5. Sideabr Right */
/* remove 'auto' and the width to switch to a fluid width */
/* line 15, ../sass/layout.sass */
/* line 17, ../sass/responsive.scss */
#page {
  width: 980px;
  margin: 0 auto;
}

/* Layout rules. (Disclaimer: do not change if you're not sure you know what you're doing.) */
/* line 20, ../sass/layout.sass */
/* line 23, ../sass/responsive.scss */
#content {
  float: left;
  width: 100%;
  margin-right: -100%;
  padding: 0;
}

/* line 26, ../sass/layout.sass */
/* line 30, ../sass/responsive.scss */
.sidebar {
  float: left;
}

/* line 29, ../sass/layout.sass */
/* line 34, ../sass/responsive.scss */
#sidebar-second {
  float: right;
}

/* line 32, ../sass/layout.sass */
/* line 38, ../sass/responsive.scss */
#footer {
  float: none;
  clear: both;
}

/* Layout Helpers */
/* line 37, ../sass/layout.sass */
/* line 44, ../sass/responsive.scss */
#header,
#footer,
.mission,
.breadcrumb,
.node {
  clear: both;
}

/* Sidebars width
 * --------------
 * Changing the width of the sidebars is dead easy, just change the
 * values below corresponding to the sidebar you want to modify.
 * Make sure you keep negative values as negative values.
 * For example, if I want to increase the width of the left sidebar
 * to 300px, I would have to change each '190' to '300'. */
/* line 55, ../sass/layout.sass */
/* line 59, ../sass/responsive.scss */
.two-sidebars .center,
.sidebar-first .center {
  margin-left: 185px;
}

/* line 59, ../sass/layout.sass */
/* line 64, ../sass/responsive.scss */
#sidebar-first {
  width: 190px;
  margin-right: -190px;
}

/* line 65, ../sass/layout.sass */
/* line 69, ../sass/responsive.scss */
.two-sidebars .center,
.sidebar-second .center {
  margin-right: 200px;
}

/* line 69, ../sass/layout.sass */
/* line 74, ../sass/responsive.scss */
#sidebar-second {
  width: 200px;
}

/* Columns Inner
 * -------------
 * You can change the padding inside the columns without changing the
 * width of them by just usinbg the INNER div of each column */
/* line 76, ../sass/layout.sass */
/* line 82, ../sass/responsive.scss */
.inner {
  padding: 0;
}

/* Navigation styles
 * -----------------
 * The navigation is loaded after the content, so we need to make space
 * for it, equal to its height, so if you change the height of the navigation,
 * remember to adapt the margin top of the content and sidebars. */
/* line 84, ../sass/layout.sass */
/* line 91, ../sass/responsive.scss */
#navigation {
  float: left;
  margin-left: 0;
  margin-right: -100%;
  padding: 0;
  width: 100%;
  height: 40px;
}

/* line 94, ../sass/layout.sass */
/* line 100, ../sass/responsive.scss */
.with-navigation #content,
.with-navigation .sidebar {
  margin-top: 40px;
}

@font-face {
  font-family: 'metaplusbold';
  src: url("../fonts/metaplus-bold-webfont.eot");
  src: url("../fonts/metaplus-bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/metaplus-bold-webfont.woff") format("woff"), url("../fonts/metaplus-bold-webfont.ttf") format("truetype"), url("../fonts/metaplus-bold-webfont.svg#metaplusbold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'metaplusroman';
  src: url("../fonts/metaplus-roman-webfont.eot");
  src: url("../fonts/metaplus-roman-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/metaplus-roman-webfont.woff") format("woff"), url("../fonts/metaplus-roman-webfont.ttf") format("truetype"), url("../fonts/metaplus-roman-webfont.svg#metaplusroman") format("svg");
  font-weight: normal;
  font-style: normal;
}
/* line 129, ../sass/responsive.scss */
html {
  overflow-y: scroll;
}

/* Font styles. */
/* line 2, ../sass/style.sass */
/* line 135, ../sass/responsive.scss */
body {
  margin: 0;
  /* Setting up font size, leading and font family
   * http://www.markboulton.co.uk/journal/comments/five-simple-steps-to-better-typography */
  /*
  font: 13px/1.5em "Helvetica Neue", helvetica, Arial, sans-serif;
  */
  font: 9pt "metaplusroman";
  letter-spacing: 0.03em;
  position: relative;
}

/* Links */
/* line 11, ../sass/style.sass */
/* line 150, ../sass/responsive.scss */
a, a:link, a:visited {
  color: black;
  text-decoration: none;
}

/* line 155, ../sass/responsive.scss */
body a:hover, body a:active, body a.active {
  font-weight: normal;
  font-family: "metaplusbold";
}

/* line 160, ../sass/responsive.scss */
.chrome a:hover, .chrome a:active, .chrome a.active {
  font-weight: bold;
  font-family: "metaplusroman";
}

/* Titles. */
/* line 21, ../sass/style.sass */
/* line 167, ../sass/responsive.scss */
#site-name {
  font-size: 2.2em;
  line-height: 1.3em;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0;
}

/* line 28, ../sass/style.sass */
/* line 175, ../sass/responsive.scss */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.3em;
}

/* line 31, ../sass/style.sass */
/*
h1 {
  font-size: 2.2em;
  font-weight: 300;
  padding: 0 0 0.5em;
  margin: 0; }
*/
/* line 37, ../sass/style.sass */
/* line 187, ../sass/responsive.scss */
h2 {
  font-size: 1.8em;
  font-weight: 300;
  margin-bottom: 0.75em;
}

/* line 42, ../sass/style.sass */
/* line 193, ../sass/responsive.scss */
h3 {
  font-size: 1.4em;
  margin-bottom: 1em;
}

/* line 46, ../sass/style.sass */
/* line 198, ../sass/responsive.scss */
h4 {
  font-size: 1.2em;
  margin-bottom: 0.8em;
}

/* line 50, ../sass/style.sass */
/* line 203, ../sass/responsive.scss */
h5 {
  font-size: 1.1em;
  font-weight: 600;
  margin-bottom: 0;
}

/* line 55, ../sass/style.sass */
/* line 209, ../sass/responsive.scss */
h6 {
  font-size: 1em;
  font-weight: bold;
}

/* Paragraph styles. */
/* line 60, ../sass/style.sass */
/*
p {
  margin: 0 0 1em 0; }
*/
/* List styles. */
/* line 64, ../sass/style.sass */
/* line 221, ../sass/responsive.scss */
ul, ol {
  margin-left: 0;
  padding-left: 2em;
}

/* Table styles. */
/* line 69, ../sass/style.sass */
/* line 227, ../sass/responsive.scss */
table {
  width: 99%;
}

/* line 74, ../sass/style.sass */
/* line 232, ../sass/responsive.scss */
tr.even td,
tr.odd td {
  padding: 10px 5px;
}

/* line 77, ../sass/style.sass */
/* line 237, ../sass/responsive.scss */
tr.odd {
  background-color: white;
}

/* line 240, ../sass/responsive.scss */
table, thead, tr, td {
  border: none;
}

/* Code. */
/* line 81, ../sass/style.sass */
/* line 246, ../sass/responsive.scss */
pre, code, tt {
  font: 1em "andale mono", "lucida console", monospace;
  line-height: 1.5;
}

/* line 85, ../sass/style.sass */
/* line 251, ../sass/responsive.scss */
pre {
  background-color: #efefef;
  display: block;
  padding: 5px;
  margin: 5px 0;
  border: 1px solid #aaaaaa;
}

/* List styles. */
/* line 93, ../sass/style.sass */
/* line 260, ../sass/responsive.scss */
ul {
  list-style-type: disc;
}

/* line 95, ../sass/style.sass */
/* line 263, ../sass/responsive.scss */
ul ul {
  list-style-type: circle;
}

/* line 97, ../sass/style.sass */
/* line 266, ../sass/responsive.scss */
ul ul ul {
  list-style-type: square;
}

/* line 99, ../sass/style.sass */
/* line 269, ../sass/responsive.scss */
ul ul ul ul {
  list-style-type: circle;
}

/* line 102, ../sass/style.sass */
/* line 273, ../sass/responsive.scss */
ol {
  list-style-type: decimal;
}

/* line 104, ../sass/style.sass */
/* line 276, ../sass/responsive.scss */
ol ol {
  list-style-type: lower-alpha;
}

/* line 106, ../sass/style.sass */
/* line 279, ../sass/responsive.scss */
ol ol ol {
  list-style-type: decimal;
}

/* Abbreviation. */
/* line 110, ../sass/style.sass */
/* line 284, ../sass/responsive.scss */
abbr {
  border-bottom: 1px dotted #666666;
  cursor: help;
  white-space: nowrap;
}

/* UI improvments. */
/* line 116, ../sass/style.sass */
/* line 291, ../sass/responsive.scss */
#edit-title {
  font-size: 24px;
  width: 99%;
}

/* line 120, ../sass/style.sass */
/* line 296, ../sass/responsive.scss */
#system-themes-form img {
  width: 100px;
}

/* line 123, ../sass/style.sass */
/* line 300, ../sass/responsive.scss */
.form-item .description {
  font-style: italic;
  line-height: 1.2em;
  font-size: 0.8em;
  margin-top: 5px;
  color: #777777;
}

/* line 130, ../sass/style.sass */
/* line 308, ../sass/responsive.scss */
#edit-delete {
  color: #cc0000;
}

/* Console, style from slate theme. */
/* line 134, ../sass/style.sass */
/* line 313, ../sass/responsive.scss */
div.messages {
  padding: 9px;
  margin: 1em 0;
  color: #003366;
  background: #bbddff;
  border: 1px solid #aaccee;
}

/* line 141, ../sass/style.sass */
/* line 321, ../sass/responsive.scss */
div.warning {
  color: #884400;
  background: #ffee66;
  border-color: #eedd55;
}

/* line 146, ../sass/style.sass */
/* line 327, ../sass/responsive.scss */
div.error {
  color: white;
  background: #ee6633;
  border-color: #dd5522;
}

/* line 151, ../sass/style.sass */
/* line 333, ../sass/responsive.scss */
div.status {
  color: #336600;
  background: #ccff88;
  border-color: #bbee77;
}

/* line 338, ../sass/responsive.scss */
h1 {
  font: 10pt "metaplusroman";
  font-weight: bold;
}

/* line 343, ../sass/responsive.scss */
h2 {
  font: 10pt "metaplusroman";
  font-weight: bold;
}

/* line 348, ../sass/responsive.scss */
#content {
  margin-left: 40px;
  width: 840px;
}

/* line 353, ../sass/responsive.scss */
.with-navigation div#content {
  margin-top: 0;
}

/* line 357, ../sass/responsive.scss */
#block-block-1 p {
  margin: 0;
}

/* line 361, ../sass/responsive.scss */
hr {
  border: none;
  height: 1px;
  background-color: black;
  margin-top: 5px;
  margin-bottom: 5px;
}

/* line 369, ../sass/responsive.scss */
#main {
  background-image: url("../images/main-back.png");
  background-repeat: repeat-y;
}

/* main menu */
/* line 376, ../sass/responsive.scss */
#block-system-main-menu ul.menu {
  list-style-type: none;
  font-size: 10pt;
}

/* line 380, ../sass/responsive.scss */
#block-system-main-menu ul.menu li {
  list-style-image: none;
  list-style-type: none;
}

/* line 385, ../sass/responsive.scss */
#block-system-main-menu ul.menu li {
  padding: 0px 0 15px 0;
}

/* second level menu */
/* line 391, ../sass/responsive.scss */
#block-system-main-menu ul.menu ul {
  padding: 2px 0 0 0;
}

/* line 395, ../sass/responsive.scss */
#block-system-main-menu ul.menu ul li {
  padding: 0 0 2px 0;
}

/* line 400, ../sass/responsive.scss */
#block-system-main-menu ul.menu li a {
  color: black;
}

/* menu bold */
/* line 406, ../sass/responsive.scss */
.chrome #block-system-main-menu ul.menu li a.active {
  font-family: "metaplusroman";
  font-weight: bold;
}

/* line 410, ../sass/responsive.scss */
#block-system-main-menu ul.menu li a.active {
  font-family: "metaplusbold";
  font-weight: normal;
}

/* line 415, ../sass/responsive.scss */
.chrome body.node-type-office-item #block-system-main-menu ul.menu li.mid-340 a {
  font-family: "metaplusroman";
  font-weight: bold;
}

/* line 419, ../sass/responsive.scss */
body.node-type-office-item #block-system-main-menu ul.menu li.mid-340 a {
  font-family: "metaplusbold";
  font-weight: normal;
}

/* line 424, ../sass/responsive.scss */
.chrome body.node-type-pers-item #block-system-main-menu ul.menu li.mid-343 a {
  font-family: "metaplusroman";
  font-weight: bold;
}

/* line 428, ../sass/responsive.scss */
body.node-type-pers-item #block-system-main-menu ul.menu li.mid-343 a {
  font-family: "metaplusbold";
  font-weight: normal;
}

/* line 433, ../sass/responsive.scss */
.chrome body.node-type-project #block-system-main-menu ul.menu li.mid-344 > a {
  font-family: "metaplusroman";
  font-weight: bold;
}

/* line 437, ../sass/responsive.scss */
body.node-type-project #block-system-main-menu ul.menu li.mid-344 > a {
  font-family: "metaplusbold";
  font-weight: normal;
}

/* line 442, ../sass/responsive.scss */
.chrome body.node-type-team-item #block-system-main-menu ul.menu li.mid-341 a {
  font-family: "metaplusroman";
  font-weight: bold;
}

/* line 446, ../sass/responsive.scss */
body.node-type-team-item #block-system-main-menu ul.menu li.mid-341 a {
  font-family: "metaplusbold";
  font-weight: normal;
}

/* prop */
/* line 453, ../sass/responsive.scss */
div#block-system-main-menu {
  padding-left: 9px;
  width: 150px;
  height: 500px;
  float: left;
}

/* office menu */
/* line 462, ../sass/responsive.scss */
.view-office-items .views-field {
  font-size: 10pt;
  padding-bottom: 14px;
  text-transform: uppercase;
}

/* line 468, ../sass/responsive.scss */
.view-team-items .views-field {
  font-size: 10pt;
  padding-bottom: 14px;
  text-transform: uppercase;
}

/* line 473, ../sass/responsive.scss */
.view-team-items .views-field .views-field-field-title-suffix {
  text-transform: lowercase;
}

/* line 476, ../sass/responsive.scss */
.view-pers-items .views-field {
  font-size: 10pt;
  padding-bottom: 14px;
  text-transform: uppercase;
}

/*
.view-office-items .field-content a{
  color: black;
}
.view-office-items .field-content a.active{
  font-weight: bold;
}
*/
/*left footer */
/* line 494, ../sass/responsive.scss */
#block-block-2 {
  width: 200px;
  float: left;
}

/* right footer */
/* line 501, ../sass/responsive.scss */
#footer-right {
  width: 180px;
  height: 250px;
}

/* line 506, ../sass/responsive.scss */
#block-block-3 {
  width: 180px;
  float: right;
}

/* line 511, ../sass/responsive.scss */
body.page-nieuws #footer-right {
  background-image: url("../images/footer-right-nieuws.png");
}

/* line 514, ../sass/responsive.scss */
body.node-type-office-item #footer-right {
  background-image: url("../images/footer-right-office.png");
}

/* line 517, ../sass/responsive.scss */
body.node-type-team-item #footer-right {
  background-image: url("../images/footer-right-team.png");
}

/* line 520, ../sass/responsive.scss */
body.page-projecten #footer-right {
  background-image: url("../images/footer-right-project.png");
}

/* line 523, ../sass/responsive.scss */
body.node-type-project #footer-right {
  background-image: url("../images/footer-right-project.png");
}

/* line 526, ../sass/responsive.scss */
body.node-type-pers-item #footer-right {
  background-image: url("../images/footer-right-pers.png");
}

/* line 529, ../sass/responsive.scss */
body.node-type-contact-item #footer-right {
  background-image: url("../images/footer-right-contact.png");
}

/* line 532, ../sass/responsive.scss */
body.page-user-login #footer-right {
  background-image: url("../images/footer-right-contact.png");
}

/* header TDWTF */
/* line 538, ../sass/responsive.scss */
#header-region {
  margin-bottom: -5px;
}

/* line 542, ../sass/responsive.scss */
#main {
  padding-top: 5px;
}

/* logo */
/* line 548, ../sass/responsive.scss */
#block-block-1 {
  width: 250px;
  float: left;
}

/* right header*/
/* line 555, ../sass/responsive.scss */
#block-block-4 {
  width: 250px;
  float: right;
}

/* line 560, ../sass/responsive.scss */
#header-right {
  width: 250px;
  height: 180px;
}

/* line 566, ../sass/responsive.scss */
body.page-nieuws #header-right {
  background-image: url("../images/header-right-nieuws.png");
}

/* line 569, ../sass/responsive.scss */
body.node-type-office-item #header-right {
  background-image: url("../images/header-right-office.png");
}

/* line 572, ../sass/responsive.scss */
body.node-type-team-item #header-right {
  background-image: url("../images/header-right-team.png");
}

/* line 575, ../sass/responsive.scss */
body.page-projecten #header-right {
  background-image: url("../images/header-right-project.png");
}

/* line 578, ../sass/responsive.scss */
body.node-type-project #header-right {
  background-image: url("../images/header-right-project.png");
}

/* line 581, ../sass/responsive.scss */
body.node-type-pers-item #header-right {
  background-image: url("../images/header-right-pers.png");
}

/* line 584, ../sass/responsive.scss */
body.node-type-contact-item #header-right {
  background-image: url("../images/header-right-contact.png");
}

/* line 587, ../sass/responsive.scss */
body.page-user-login #header-right {
  background-image: url("../images/header-right-contact.png");
}

/* NIEUWS */
/* line 593, ../sass/responsive.scss */
body.page-nieuws #content {
  width: 480px;
}

/* line 597, ../sass/responsive.scss */
body.page-nieuws .views-row {
  padding-bottom: 15px;
  border-bottom: 1px solid black;
  margin-bottom: 15px;
}

/* line 602, ../sass/responsive.scss */
body.page-nieuws .views-row-last {
  border: none;
}

/* line 605, ../sass/responsive.scss */
body.page-nieuws .views-field-title {
  font-size: 9pt;
  font-face: "metaplusbold";
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 612, ../sass/responsive.scss */
body.page-nieuws .views-field-field-body-extra {
  font-size: 7.5pt;
  color: gray;
  margin-top: 15px;
  /* margin-bottom: 10px; */
}

/* line 618, ../sass/responsive.scss */
body.page-nieuws .views-field-field-body-extra a {
  font-size: 7.5pt;
  color: gray;
  margin-top: 15px;
  /* margin-bottom: 10px; */
}

/* line 624, ../sass/responsive.scss */
body.page-nieuws .views-field-field-foto {
  margin-top: 25px;
}

/* OFFICE items */
/* line 631, ../sass/responsive.scss */
body.node-type-office-item #content-header h1 {
  float: right;
  width: 300px;
  padding-top: 15px;
  padding-bottom: 5px;
  margin-right: 4px;
}

/* line 639, ../sass/responsive.scss */
body.node-type-office-item #content-header {
  padding-bottom: 10px;
}

/* line 643, ../sass/responsive.scss */
body.node-type-office-item #block-views-office_items-block {
  float: left;
  width: 299px;
}

/* line 647, ../sass/responsive.scss */
body.node-type-office-item #block-system-main {
  float: right;
  width: 300px;
  border-top: 1px solid black;
  padding-top: 5px;
  margin-right: 4px;
}

/* TEAM items */
/* line 658, ../sass/responsive.scss */
body.node-type-team-item #content-header h1 {
  float: right;
  width: 300px;
  padding-top: 15px;
  padding-bottom: 5px;
  margin-right: 4px;
}

/* line 666, ../sass/responsive.scss */
body.node-type-team-item #content-header {
  padding-bottom: 10px;
}

/* line 670, ../sass/responsive.scss */
body.node-type-team-item #block-views-team_items-block {
  float: left;
  width: 299px;
}

/* line 674, ../sass/responsive.scss */
body.node-type-team-item .node-team-item {
  float: left;
  max-width: 354px;
}

/* line 678, ../sass/responsive.scss */
body.node-type-team-item #block-views-team_items-block.clearfix:after {
  clear: none;
}

/* line 681, ../sass/responsive.scss */
body.node-type-team-item #block-system-main {
  float: right;
  width: 300px;
  border-top: 1px solid black;
  padding-top: 5px;
  margin-right: 4px;
}

/* line 689, ../sass/responsive.scss */
#block-views-team_items-block .views-row {
  padding-bottom: 14px;
}

/* line 692, ../sass/responsive.scss */
#block-views-team_items-block .views-field-title {
  display: inline;
}

/* line 695, ../sass/responsive.scss */
#block-views-team_items-block .views-field-field-title-suffix {
  display: inline;
}

/* line 698, ../sass/responsive.scss */
#block-views-team_items-block .views-field-field-title-suffix {
  color: #666666;
}

/* line 701, ../sass/responsive.scss */
#block-views-team_items-block .views-field-field-title-suffix:hover {
  color: #666666;
  font: 10pt "metaplusroman";
}

/* line 705, ../sass/responsive.scss */
#block-views-team_items-block .views-field-field-space {
  display: inline;
}

/* line 708, ../sass/responsive.scss */
#block-views-team_items-block .views-field-field-space .space {
  display: block;
  width: 200px;
  height: 1em;
}

/* line 714, ../sass/responsive.scss */
body.node-type-office-item #content-header {
  padding-bottom: 10px;
}

/* line 718, ../sass/responsive.scss */
body.node-type-office-item #block-views-office_items-block {
  float: left;
  width: 299px;
}

/* line 722, ../sass/responsive.scss */
body.node-type-office-item #block-system-main {
  float: right;
  width: 300px;
  border-top: 1px solid black;
  padding-top: 5px;
  margin-right: 4px;
}

/* TEAM items */
/* line 733, ../sass/responsive.scss */
body.node-type-team-item #content-header h1 {
  float: right;
  width: 300px;
  padding-top: 15px;
  padding-bottom: 5px;
  margin-right: 4px;
}

/* line 741, ../sass/responsive.scss */
body.node-type-team-item #content-header {
  padding-bottom: 10px;
}

/* line 745, ../sass/responsive.scss */
body.node-type-team-item #block-views-team_items-block {
  float: left;
  width: 299px;
}

/* line 749, ../sass/responsive.scss */
body.node-type-team-item #block-system-main {
  float: right;
  width: 300px;
  border-top: 1px solid black;
  padding-top: 5px;
  margin-right: 4px;
}

/* line 757, ../sass/responsive.scss */
#block-views-team_items-block .views-row {
  padding-bottom: 14px;
}

/* line 760, ../sass/responsive.scss */
#block-views-team_items-block .views-field-title {
  display: inline;
}

/* line 763, ../sass/responsive.scss */
#block-views-team_items-block .views-field-field-title-suffix {
  display: inline;
}

/* line 766, ../sass/responsive.scss */
#block-views-team_items-block .views-field-field-title-suffix {
  color: #666666;
}

/* line 769, ../sass/responsive.scss */
#block-views-team_items-block .views-field-field-title-suffix:hover {
  color: #666666;
  font: 10pt "metaplusroman";
}

/* line 773, ../sass/responsive.scss */
#block-views-team_items-block .views-field-field-space {
  display: inline;
}

/* line 776, ../sass/responsive.scss */
#block-views-team_items-block .views-field-field-space .space {
  display: block;
  width: 200px;
  height: 1em;
}

/* line 781, ../sass/responsive.scss */
body.node-type-team-item .field-name-body table,
body.node-type-team-item .field-name-body tbody,
body.node-type-office-item .field-name-body table,
body.node-type-office-item .field-name-body tbody,
body.node-type-pers-item .field-name-body table,
body.node-type-pers-item .field-name-body tbody,
body.node-type-project .field-name-field-body-rechts table,
body.node-type-project .field-name-field-body-rechts tbody {
  border: none;
}

/* line 792, ../sass/responsive.scss */
body.node-type-team-item .field-name-body tr,
body.node-type-office-item .field-name-body tr,
body.node-type-project .field-name-field-body-rechts tr,
body.node-type-pers-item .field-name-body tr {
  border-bottom: 1px solid black;
}

/* line 798, ../sass/responsive.scss */
body.node-type-team-item .field-name-body td,
body.node-type-office-item .field-name-body td,
body.node-type-project .field-name-field-body-rechts td,
body.node-type-pers-item .field-name-body td {
  vertical-align: top;
  padding: 5px 0 5px 0;
}

/* line 805, ../sass/responsive.scss */
body.node-type-project .field-name-field-body-rechts tr:first-child td {
  padding-top: 0px;
}

/* PERS items */
/* line 813, ../sass/responsive.scss */
body.node-type-pers-item #content-header h1 {
  float: right;
  width: 300px;
  padding-top: 15px;
  padding-bottom: 5px;
  margin-right: 4px;
}

/* line 821, ../sass/responsive.scss */
body.node-type-pers-item #content-header {
  padding-bottom: 10px;
}

/* line 825, ../sass/responsive.scss */
body.node-type-pers-item #block-views-pers_items-block {
  float: left;
  width: 299px;
}

/* line 829, ../sass/responsive.scss */
body.node-type-pers-item #block-system-main {
  float: right;
  width: 300px;
  border-top: 1px solid black;
  padding-top: 5px;
  margin-right: 4px;
}

/* CONTACT items */
/* line 839, ../sass/responsive.scss */
body.node-type-contact-item #content-header h1 {
  padding-top: 15px;
  padding-bottom: 15px;
}

/* PROJECTEN */
/* line 847, ../sass/responsive.scss */
.view-projecten .views-row {
  padding-right: 30px;
  padding-bottom: 20px;
  position: relative;
}

/* line 852, ../sass/responsive.scss */
.view-projecten .views-field-field-overzicht-foto .field-content {
  height: 110px;
  width: 130px;
  background: url("../images/project.png");
  text-align: center;
  vertical-align: middle;
  display: table-cell;
}

/* line 860, ../sass/responsive.scss */
.view-projecten .views-field-title {
  font-size: 8pt;
  width: 130px;
  overflow: hidden;
  height: 36px;
}

/* line 866, ../sass/responsive.scss */
.view-projecten .views-field-title a {
  font-weight: bold;
}

/* line 869, ../sass/responsive.scss */
.view-projecten .views-field-subtitle {
  font-size: 8pt;
  width: 130px;
  overflow: hidden;
  height: 28px;
  font-weight: normal;
}

/* line 876, ../sass/responsive.scss */
.view-projecten .views-field-title a:hover {
  font-family: "metaplusroman";
  /* font-weight: normal; */
  color: #444444;
}

/* line 881, ../sass/responsive.scss */
.view-projecten .views-row {
  width: 130px;
  height: 150px;
  float: left;
}

/* PROJECT */
/* line 889, ../sass/responsive.scss */
.node-project .field-name-body {
  width: 300px;
  float: left;
}

/* line 893, ../sass/responsive.scss */
.node-project .field-name-field-body-rechts {
  width: 300px;
  float: right;
}

/* line 897, ../sass/responsive.scss */
.field-name-field-fotos {
  height: 300px;
}

/* line 900, ../sass/responsive.scss */
.field-name-field-fotos {
  position: relative;
}

/* line 903, ../sass/responsive.scss */
.field-name-field-fotos .field-item {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 650px;
  height: 277px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: url("../images/tile.png");
}

/* line 915, ../sass/responsive.scss */
#project-foto-index {
  position: absolute;
  left: 590px;
  top: 262px;
  width: 35px;
  height: 15px;
  background: white;
  font-size: 8pt;
  text-align: center;
}

/* line 925, ../sass/responsive.scss */
#project-button-left {
  position: absolute;
  left: 565px;
  top: 262px;
  cursor: hand;
  cursor: pointer;
}

/* line 932, ../sass/responsive.scss */
#project-button-right {
  position: absolute;
  left: 625px;
  top: 262px;
  cursor: hand;
  cursor: pointer;
}

/* line 939, ../sass/responsive.scss */
#project-button-fancybox {
  position: absolute;
  left: 625px;
  top: 0px;
  cursor: hand;
  cursor: pointer;
}

/* line 947, ../sass/responsive.scss */
body.node-type-project #content-header h1 {
  display: none;
}

/* line 951, ../sass/responsive.scss */
.field-name-field-tag {
  font-weight: bold;
  font-size: 12pt;
  text-transform: uppercase;
  padding-bottom: 20px;
}

/* line 958, ../sass/responsive.scss */
.project-title {
  font-weight: bold;
}

/* login */
/* line 964, ../sass/responsive.scss */
.login-wrapper input {
  border: none;
  background-color: #E4E5E6;
}

/* line 969, ../sass/responsive.scss */
.page-user-login h2 {
  margin-top: 15px;
}

/* line 972, ../sass/responsive.scss */
#footer {
  position: relative;
}

/* line 975, ../sass/responsive.scss */
#block-block-12 {
  position: absolute;
  right: -17px;
  top: 170px;
}

/* line 980, ../sass/responsive.scss */
img.file-icon {
  display: none;
}

/* line 983, ../sass/responsive.scss */
span.file a {
  font-size: 7.5pt;
  color: gray;
}

/* line 987, ../sass/responsive.scss */
body .node {
  clear: none;
}

/* line 997, ../sass/responsive.scss */
.node-type-team-item h1.title, .node-type-office-item h1.title, .node-type-pers-item h1.title {
  display: none;
}

/* line 1004, ../sass/responsive.scss */
.node-team-item,
.node-office-item,
.node-pers-item {
  max-width: 340px;
  float: left;
}

/* line 1011, ../sass/responsive.scss */
body img {
  max-width: 100%;
  height: auto;
}

@media screen and (max-width: 920px) {
  /* line 1017, ../sass/responsive.scss */
  body #block-block-4, body #block-block-3, body #block-block-2 {
    display: none;
  }
  /* line 1020, ../sass/responsive.scss */
  body #block-block-1 {
    width: 150px;
  }
  /* line 1023, ../sass/responsive.scss */
  body #page {
    max-width: 980px;
    width: 100%;
  }
  /* line 1028, ../sass/responsive.scss */
  body.page-nieuws #content {
    max-width: 480px;
    width: auto;
  }
  /* line 1033, ../sass/responsive.scss */
  body #content {
    width: 100%;
    margin: 2em 0 0;
  }
  /* line 1038, ../sass/responsive.scss */
  body #main {
    background-image: none;
  }
  /* line 1041, ../sass/responsive.scss */
  body #content-inner {
    margin: 0;
    padding: 0 4em;
  }
  /* line 1045, ../sass/responsive.scss */
  body #content-inner img {
    max-width: 100%;
  }
  /* line 1049, ../sass/responsive.scss */
  body #header {
    line-height: 0;
  }
  /* line 1052, ../sass/responsive.scss */
  body #main {
    clear: both;
    padding: 0;
  }
  /* line 1056, ../sass/responsive.scss */
  body .project-title {
    margin-top: 2em;
    display: block;
  }
  /* line 1060, ../sass/responsive.scss */
  body .field-name-field-fotos {
    text-align: center;
  }
  /* line 1062, ../sass/responsive.scss */
  body .field-name-field-fotos > div {
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    display: inline-block;
  }
  /* line 1068, ../sass/responsive.scss */
  body .field-name-field-fotos .field-items {
    display: block;
  }
  /* line 1071, ../sass/responsive.scss */
  body .field-name-field-fotos .field-item {
    width: auto;
    max-width: 650px;
    display: block;
    position: relative !important;
  }
}
/* line 1081, ../sass/responsive.scss */
.mean-bar {
  background: black;
}