* {
  padding: 0px;
  margin: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  -webkit-overflow-scrolling: touch;
  outline-color: #FF9396; }

html, body {
  text-align: center;
  height: 100%;
  font-size: 12px;
  color: #4F131A;
  background: url("../images/top_bg.png") repeat-x 50% 0px; }

fieldset, img {
  border: 0px; }

.checkbox {
  width: 20px;
  margin: 6px; }

.wrapper {
  position: relative;
  width: 987px;
  text-align: left;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -72px; }

a {
  color: #4F131A;
  text-decoration: underline; }

a:hover {
  color: #A10505;
  text-decoration: none; }

table thead tr th {
  text-align: center; }

table th.right, table td.right {
  text-align: right; }

table th.left, table td.left {
  text-align: left !important; }

.ad-970x250 {
  margin: 10px auto;
  text-align: center; }

/* Header */
#header {
  position: relative;
  width: 987px;
  height: 126px;
  background: url("../images/header_bg.png") no-repeat 0px 0px; }

.headerlogo {
  width: 300px;
  height: 68px; }

.headerlogo a {
  width: 300px;
  height: 68px;
  display: block; }

.headerlogo h1 {
  font-size: 10px;
  margin: 0;
  padding: 0; }

.headerlogo span {
  display: none; }

#topmenu {
  position: absolute;
  top: 63px;
  left: 0px;
  width: 979px;
  height: 55px;
  background: url("../images/topmenu_bg.png") no-repeat 0px 0px;
  padding: 8px 0px 0px 8px; }

#topmenu li {
  height: 47px;
  line-height: 47px;
  float: left;
  list-style-type: none;
  padding: 0px 17px;
  font-weight: bold;
  font-size: 13px;
  border-right: 1px solid #FFD3D5;
  border-left: 1px solid #FFFFFF; }

#topmenu li.first {
  border-left: 0px; }

#topmenu li.last {
  border-right: 0px;
  padding: 0px 12px; }

#topmenu #act {
  position: relative;
  border-right: #FFAFB1;
  background: url("../images/topmenu_act.png") repeat-x 0px 0px; }

#topmenu #act img.act_arrow {
  position: absolute;
  left: 50%;
  margin-left: -6px;
  top: 47px; }

#topmenu li a {
  font-size: 13px;
  font-weight: bold;
  text-decoration: none; }

#topmenu li a:hover {
  text-decoration: underline; }

#topmenu #act a {
  color: #A10505; }

#topmenu li input.keyword {
  background: #FFFFFF;
  width: 165px;
  border: 1px solid #FFC7C9;
  border-right: 1px solid #FF9396;
  border-bottom: 1px solid #FF9396;
  padding: 4px 4px 4px 4px;
  margin-right: 4px; }

#topmenu li input.submit {
  background: #ffc0c0;
  width: 70px;
  border: 1px solid #FFC7C9;
  border-right: 1px solid #FF9396;
  border-bottom: 1px solid #FF9396;
  padding: 3px 4px 3px 4px;
  font-weight: bold; }

/* Sidebar */
#sidebar {
  float: left;
  width: 221px;
  margin-right: 10px; }

#sidebar div.sidebar ul.sidebar {
  padding: 0; }

#sidebar div.sidebar ul#userpanel {
  padding: 8px 0px 0px 8px; }

#sidebar div.sidebar ul.sidebar li {
  height: 25px;
  line-height: 25px;
  list-style-type: none;
  padding: 0px 0px 0px 13px;
  width: 192px; }

#sidebar div.sidebar ul.sidebar {
  background: #ffe1e2;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #fff;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); }

#sidebar div.sidebar ul.sidebar li.kop {
  width: 100%;
  height: 42px;
  line-height: 42px;
  padding: 0px 0px 0px 14px;
  font-weight: bold;
  background: #ffc7c9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffc7c9 0%, #ffdcdc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffc7c9 0%, #ffdcdc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffc7c9 0%, #ffdcdc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc7c9', endColorstr='#ffdcdc',GradientType=0 );
  /* IE6-9 */
  border: 1px dotted #fff; }

#sidebar div.sidebar ul.sidebar li.kop:before {
  display: inline-block;
  width: 11px;
  height: 10px;
  margin-top: 2px;
  margin-right: 4px;
  content: " ";
  background: url(../images/header_title_heart.png) no-repeat 0px 0px; }

#sidebar div.sidebar ul.sidebar li.txt {
  height: auto;
  line-height: 18px; }

dl.inloggen {
  padding: 10px 0px 0px 0px;
  clear: both;
  width: 179px; }

dl.inloggen dt {
  height: 30px;
  width: 82px;
  float: left;
  line-height: 26px; }

dl.inloggen dd {
  height: 30px;
  width: 97px;
  float: left; }

dl.inloggen input {
  background: #FFFFFF;
  width: 87px;
  border: 1px solid #FFC7C9;
  border-right: 1px solid #FF9396;
  border-bottom: 1px solid #FF9396;
  padding: 4px 4px 4px 4px; }

input.submit {
  padding: 1px; }

div.sidebar_top {
  width: 221px;
  height: 8px; }

div.sidebar_bottom {
  width: 221px;
  height: 15px; }

/* Content */
#content {
  z-index: 1;
  position: relative;
  width: 987px;
  clear: both; }

#inhoud {
  float: right;
  width: 755px;
  position: relative; }

#inhoud div.gedicht_sidebar {
  float: right;
  width: 160px;
  background: #FFECEC;
  border-left: 1px solid #FFE1E2;
  border-bottom: 1px solid #FFE1E2;
  margin: 2px 11px 2px 25px;
  padding: 10px 10px 0px 10px; }

div.gedicht_sidebar p {
  margin: 3px 0px 10px 0px;
  line-height: 18px; }

div.gedicht_sidebar span.small {
  font-size: 11px;
  color: #A7898C;
  font-style: italic; }

div.gedicht_sidebar ul.stemmen {
  margin: -5px 0px 5px 0px;
  height: 15px; }

div.gedicht_sidebar ul.stemmen li {
  list-style-type: none;
  width: 16px;
  height: 15px;
  float: left; }

div.gedicht_sidebar ul.stemmen li.vol {
  background: url("../images/ster_vol.png") no-repeat 0px 0px; }

div.gedicht_sidebar ul.stemmen li.leeg {
  background: url("../images/ster_leeg.png") no-repeat 0px 0px; }

div.gedicht_sidebar ul.tags {
  margin: -5px 0px 7px 0px; }

div.gedicht_sidebar ul.tags li {
  list-style-type: none;
  background: url("../images/list_heart.gif") no-repeat 2px 5px;
  padding: 0px 0px 0px 20px;
  line-height: 20px; }

div.top_banner {
  width: 763px;
  padding: 11px 0px 8px 0px;
  text-align: center; }

div.skyscraper {
  position: absolute;
  top: 0;
  right: 0px;
  width: 120px;
  height: 622px;
  padding: 0;
  border-radius: 5px;
  border: 1px solid #fff;
  background: #fff;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); }

div.skyscraper_sub {
  z-index: 2;
  position: absolute;
  right: 0;
  padding: 0;
  margin: 0;
  top: 0;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #fff;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); }

div.vak {
  width: 610px;
  padding: 0;
  border: 1px solid #fff;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  background: #fff; }

div.vak_spec {
  width: 610px;
  padding: 0;
  border-radius: 5px;
  border: 1px solid #fff;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
  background: #fff; }

div.vak_spec > .pager {
  margin-top: 10px; }

div.vak h2, div.vak_spec h2 {
  width: 100%;
  height: 40px;
  line-height: 40px;
  font-size: 13px;
  font-weight: bold;
  padding: 0px 0px 0px 14px;
  overflow: hidden;
  background: #ffc7c9;
  /* Old browsers */
  background: -moz-linear-gradient(top, #ffc7c9 0%, #ffdcdc 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(top, #ffc7c9 0%, #ffdcdc 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, #ffc7c9 0%, #ffdcdc 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffc7c9', endColorstr='#ffdcdc',GradientType=0 );
  /* IE6-9 */
  border: 1px dotted #fff; }

div.vak h2:before, div.vak_spec h2:before {
  display: inline-block;
  width: 11px;
  height: 10px;
  margin-top: 2px;
  margin-right: 4px;
  content: " ";
  background: url(../images/header_title_heart.png) no-repeat 0px 0px; }

div.vak h2 a, div.vak_spec h2 a {
  font-size: 13px;
  font-weight: bold;
  text-decoration: none; }

div.vak div.inh, div.vak_spec div.inh {
  padding: 20px; }

div.vak div.inh h3, div.vak_spec div.inh h3 {
  font-size: 16px;
  font-weight: bold;
  margin: -3px 0px 8px 0px; }

div.vak div.inh p, div.vak_spec div.inh p {
  line-height: 18px;
  margin: 3px 0px 20px 0px; }

div.vak div.inh ul, div.vak_spec div.inh ul {
  margin: 0px 0px 0px 30px; }

div.vak div.inh ul li, div.vak_spec div.inh ul li {
  line-height: 23px; }

div.vak_bottom {
  width: 618px;
  height: 13px; }

div.vak_dubbel {
  width: 617px;
  background: url("../images/contentvak_top.png") no-repeat 0px 0px;
  padding: 0px;
  clear: both; }

div.vakklein_l, div.vakklein_r {
  width: 307px; }

div.vakklein_l {
  float: left; }

div.vakklein_r {
  float: right; }

div.vak_dubbel h2 {
  width: 100%;
  height: 42px;
  line-height: 42px;
  font-size: 13px;
  font-weight: bold;
  padding: 8px 0px 0px 44px;
  background: url("../images/contentklein_top.png") no-repeat 0px 0px; }

div.vakklein_bottom {
  width: 307px;
  height: 13px;
  background: #FFFFFF url("../images/contentklein_bottom.png") no-repeat 0px 0px; }

div.vak_dubbel div.inh {
  width: 100%;
  padding: 2px 0px 1px 11px;
  background: url("../images/contentklein_bg.png") repeat-y 0px 0px; }

div.vak_dubbel div.inh table {
  width: 286px !important;
  height: 209px !important;
  clear: both; }

div.vak_dubbel div.inh dl dt, div.vak_dubbel div.inh dl dd {
  border: 1px solid #FFD9DA;
  border-right: 1px solid #FFC4C5;
  border-bottom: 1px solid #FFC4C5;
  margin: 0px 1px 1px 0px;
  float: left;
  line-height: 32px;
  background: #fff6f6 url("../images/tabel_bg.png") repeat-x 0px 0px; }

div.vak_dubbel div.inh dl dt {
  width: 199px;
  padding: 0px 0px 0px 12px; }

div.vak_dubbel div.inh dl dd {
  width: 69px;
  text-align: center; }

div.vak_dubbel div.inh dl dd.long {
  width: 85px;
  height: 32px;
  text-align: center; }

div.vak_dubbel div.inh dl dt.short {
  width: 183px;
  padding: 0px 0px 0px 12px; }

div.vak_dubbel div.inh .kop {
  font-weight: bold;
  background: url("../images/tabeltop_bg.png") repeat-x 0px 0px; }

dl.reageren {
  padding: 10px 0px 0px 0px;
  width: 410px;
  margin: 0px 0px 15px 0px;
  clear: both; }

dl.reageren dt {
  height: 30px;
  width: 110px;
  float: left;
  line-height: 26px; }

dl.reageren dd {
  height: 30px;
  width: 300px;
  float: left; }

dl.reageren dd.textarea {
  height: 100px; }

dl.reageren dt.textarea {
  height: 100px; }

dl.reageren.long dt {
  width: 200px; }

dl.reageren.long {
  width: 500px; }

dl.reageren input {
  background: #FFFFFF;
  width: 140px;
  border: 1px solid #FFC7C9;
  border-right: 1px solid #FF9396;
  border-bottom: 1px solid #FF9396;
  padding: 4px 4px 4px 4px; }

dl.reageren textarea {
  background: #FFFFFF;
  width: 280px;
  height: 90px;
  border: 1px solid #FFC7C9;
  border-right: 1px solid #FF9396;
  border-bottom: 1px solid #FF9396;
  padding: 4px 4px 4px 4px; }

dl.reageren select {
  background: #FFFFFF;
  width: 200px;
  border: 1px solid #FFC7C9;
  border-right: 1px solid #FF9396;
  border-bottom: 1px solid #FF9396;
  padding: 4px; }

table {
  width: 100% !important; }

table td, table th {
  padding: 10px;
  border: 1px solid #FFD9DA;
  border-right: 1px solid #FFC4C5;
  border-bottom: 1px solid #FFC4C5;
  margin: 0px 1px 1px 0px;
  background: #fff6f6 url("../images/tabel_bg.png") repeat-x 0px 0px; }

br.clear {
  clear: both; }

div.clear {
  height: 10px;
  clear: both;
  line-height: 10px;
  background: #000000; }

div.reactie {
  border: 1px solid #FFC8CA;
  background: url("../images/reactie_bg.png") repeat-x 0px 0px;
  position: relative;
  margin: 15px 8px 20px 0px;
  padding: 12px 10px 0px 10px; }

div.reactie p {
  padding: 3px 0px 5px 0px; }

img.tekstwolk_arrow {
  position: absolute;
  top: -7px;
  left: 12px;
  width: 12px;
  height: 7px; }

span.datumtijd {
  font-size: 11px;
  color: #A7898C; }

div.hr {
  height: 1px;
  line-height: 1px;
  border-top: 1px solid #FFC8CA;
  margin: 20px 8px 13px 0px; }

div.reclame {
  height: 250px;
  position: relative; }

div.reclame div.blok_links {
  position: absolute;
  left: 8px;
  top: 0px;
  width: 300px;
  height: 250px; }

div.reclame div.blok_rechts {
  position: absolute;
  left: 310px;
  top: 0px;
  width: 300px;
  height: 250px; }

/* Footer */
#footer {
  position: relative;
  text-align: center;
  height: 72px;
  padding: 0px 0px 0px 0px;
  background: url("../images/bottom_bg.png") repeat-x 0px 0px; }

#footer div.footer {
  position: relative;
  margin: 0 auto;
  width: 987px;
  height: 72px;
  background: url("../images/footer_bg.png") no-repeat 0px 0px; }

div.footer span.copyright {
  position: absolute;
  line-height: 18px;
  left: 18px;
  top: 14px; }

div.footer span.ontwikkeling {
  position: absolute;
  line-height: 18px;
  left: 18px;
  top: 32px;
  color: #D65464; }

div.footer span.ontwikkeling a {
  color: #D65464; }

div.footer ul.quicklinks {
  position: absolute;
  right: 5px;
  top: 14px;
  height: 18px; }

div.footer ul.quicklinks li {
  height: 18px;
  line-height: 18px;
  float: right;
  padding: 0px 15px 0px 0px;
  list-style-type: none; }

div.footer span.privacy {
  position: absolute;
  line-height: 18px;
  right: 20px;
  top: 32px;
  color: #D65464; }

div.footer span.privacy a {
  color: #D65464; }

#footer div.footer span, #footer div.footer span a, #footer div.footer ul li, #footer div.footer ul li a {
  font-size: 11px; }

.push {
  height: 122px; }

/* Extra Css */
.inh ul.two-rows {
  width: 500px; }

.inh .two-rows li {
  float: left;
  width: 250px; }

form.login button {
  float: right; }

.category_poem {
  width: 274px;
  float: left;
  padding: 30px 10px;
  border: 1px solid #ffe3e3;
  background: #fff url("../images/poem-bg.png") no-repeat 260px 10px;
  overflow: hidden; }

.category_poem .rating-wrapper {
  float: right;
  width: 85px;
  margin-right: 0px;
  margin-top: -3px; }

.bg {
  background: #FFF9F9 url("../images/poem-bg.png") no-repeat 260px 10px; }

.category_poem span.title {
  font-size: 14px;
  font-weight: bold; }

.category_poem p {
  font-size: 11px;
  line-height: 11px; }

button.submit {
  padding: 10px 20px !important;
  background: #FF9396;
  border-radius: 5px;
  box-shadow: 0px 4px 0 #cd6767, 0 5px 10px rgba(0, 0, 0, 0.35);
  border: none;
  margin: 10px 0px;
  transition: all 0.2s ease-in-out;
  font-weight: bold;
  outline: none; }

button.submit:active {
  box-shadow: 0 2px 0 #cd6767, 0 2px 4px rgba(0, 0, 0, 0.25);
  transform: translateY(2px); }

dl.category {
  padding: 2px 0px 1px 3px;
  width: 600px;
  clear: both; }

dl.category dt, dl.category dd {
  border: 1px solid #FFD9DA;
  border-right: 1px solid #FFC4C5;
  border-bottom: 1px solid #FFC4C5;
  margin: 0px 1px 1px 0px;
  float: left;
  line-height: 32px;
  background: #fff6f6 url("../images/tabel_bg.png") repeat-x 0px 0px; }

dl.category dt {
  width: 407px;
  padding: 0px 0px 0px 12px; }

dl.category dd.long {
  width: 100px;
  text-align: center;
  height: 32px; }

dl.category dd {
  width: 69px;
  text-align: center; }

dl.category .kop {
  font-weight: bold;
  background: url("../images/tabeltop_bg.png") repeat-x 0px 0px; }

dl.category dd.pages {
  width: 40px;
  text-align: center; }

dl.category dd.pages_first {
  width: 121px;
  text-align: center;
  font-weight: bold; }

.ster_leeg {
  margin: 0;
  padding: 0;
  height: 16px;
  background: url("../images/star_leeg_transparant.png") repeat-x;
  width: 78px;
  display: inline-block; }

.ster_vol {
  margin: 0;
  padding: 0;
  height: 16px;
  background: url("../images/star_vol_transparant.png") repeat-x; }

.category .ster_leeg {
  margin: 8px 10px; }

.gedicht_sidebar .ster_leeg {
  margin: 0px;
  margin-top: -10px;
  height: 18px; }

.gedicht_sidebar .ster_vol {
  height: 18px; }

.report {
  font-size: 11px;
  float: right;
  color: #A7898C;
  text-decoration: none; }

div.error {
  padding: 6px;
  padding-left: 28px;
  border: 1px solid #ff9396;
  line-height: 18px;
  background: #FFD4D5 url("../images/icons/cross.png") no-repeat 5px 5px; }

div.success {
  padding: 6px;
  padding-left: 28px;
  border: 1px solid #62D143;
  line-height: 18px;
  background: #BBFFA8 url("../images/icons/tick.png") no-repeat 5px 5px; }

div.warning {
  padding: 6px;
  padding-left: 28px;
  border: 1px solid #fdde33;
  line-height: 18px;
  background: #fffb89 url("../images/icons/error.png") no-repeat 5px 5px; }

.messages {
  margin: 0px;
  padding: 0px;
  margin-right: 10px; }

.messages div.error {
  margin: 10px; }

.messages div.success {
  margin: 10px; }

.search {
  background: #FFFFFF;
  width: 200px;
  border: 1px solid #FFC7C9;
  border-right: 1px solid #FF9396;
  border-bottom: 1px solid #FF9396;
  padding: 4px 4px 4px 4px;
  margin-right: 10px; }

/* Tagcloud style */
.tagcloud {
  margin: 5px;
  text-align: center;
  line-height: 28px; }

.tagcloud span {
  display: inline;
  font-weight: 700;
  margin: 0 2px;
  padding: 0; }

.tagcloud .s1 a {
  font-size: 28px;
  font-weight: 700; }

.tagcloud .s2 a {
  font-size: 23px;
  padding-bottom: 2px;
  font-weight: 700; }

.tagcloud .s3 a {
  font-size: 20px;
  padding-bottom: 2px;
  font-weight: 700; }

.tagcloud .s4 a {
  font-size: 17px;
  padding-bottom: 4px;
  font-weight: 700; }

.tagcloud .s5 a {
  font-size: 14px;
  padding-bottom: 5px;
  font-weight: 700; }

.tagcloud .s6 a {
  font-size: 12px;
  padding-bottom: 6px;
  font-weight: 700; }

.tagcloud a {
  color: #D22427;
  text-decoration: underline; }

.tagcloud a:hover {
  color: #A10505;
  font-weight: 700;
  text-decoration: none; }

/* NEWEST :) */
.profile-container {
  width: 100%;
  border: 1px solid #ff6161;
  margin-top: 7px; }

.profile-container .tabs {
  padding: 10px 10px 0px 10px;
  overflow: hidden;
  background: #ff6161; }

.profile-container .content {
  clear: both;
  padding: 10px;
  overflow: hidden; }

.profile-container .content textarea {
  border: 1px solid #FF9396; }

.profile-container .content form .submit {
  float: right; }

.profile-button {
  float: left;
  text-align: center;
  padding: 10px 15px;
  background-color: #ff6161;
  border-bottom-width: 0px;
  margin: 0; }

.profile-button.active {
  background: white;
  color: #ff6161;
  margin-top: 1px; }

.profile-button a {
  text-decoration: none !important; }

.profile-button.active a {
  color: #ff6161; }

.profile-button a, .last-button a {
  color: #fff;
  text-decoration: none; }

.active {
  background-color: #f23e3e;
  border-bottom: 0px; }

.active a {
  color: #fff;
  text-decoration: underline; }

/* Horoscoop */
.mm_table_horoscope {
  width: 400px; }

html,
body {
  height: 100%; }

.visible-xs {
  display: none !important; }

.cookiebar {
  display: none; }

dd.terms {
  margin-top: 20px !important; }

dl.reageren dd.terms label > input {
  float: left;
  width: auto !important; }

.pager {
  text-align: center;
  overflow: hidden;
  width: 100%; }

.pager > ul {
  display: inline-block; }

.pager > span {
  padding: 10px 15px;
  display: inline-block; }

.pager ul li {
  display: inline-block;
  border: 1px solid #FFD9DA;
  border-right: 1px solid #FFC4C5;
  border-bottom: 1px solid #FFC4C5;
  margin: 0px 1px 1px 0px;
  background: #fff6f6 url("../images/tabel_bg.png") repeat-x 0px 0px;
  padding: 10px 15px; }

.stats {
  padding: 10px; }

.stats table tbody tr td {
  text-align: center; }

.stats h3 {
  font-size: 16px;
  padding: 10px; }

.category-info {
  box-sizing: border-box; }
  .category-info:after {
    content: "";
    display: table;
    clear: both; }
  .category-info .column-left, .category-info .column-right {
    float: left;
    padding: 15px;
    box-sizing: border-box; }
  .category-info .column-left {
    width: 70%; }
  .category-info .column-right {
    width: 30%; }
  .category-info .sterren {
    float: left;
    display: block; }
  .category-info .ster_leeg {
    width: 78px;
    float: left;
    margin-right: 10px;
    display: block; }
  .category-info .rating-average {
    height: 16px;
    line-height: 17px;
    width: 60px;
    display: block;
    float: left; }
  .category-info h4 {
    margin-bottom: 5px; }

@media only screen and (max-width: 768px) {
  .category-info .column-left, .category-info .column-right {
    width: 100%; } }
@media only screen and (max-width: 1010px) {
  .hidden-xs {
    display: none !important; }

  .visible-xs {
    display: block !important; }

  .ad {
    text-align: center;
    display: block;
    margin: 10px auto;
    overflow: hidden;
    clear: both; }

  *,
  *:before,
  *:after {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box; }

  body {
    padding: 0;
    margin: 0; }

  html,
  body,
  .container,
  .scroller {
    height: 100%; }

  html,
  body {
    background: none !important; }

  .wrapper {
    width: 100%;
    float: left;
    margin: 0px;
    background: url(../../static/images/top_bg.png) repeat-x 50% 0px; }

  .tagcloud {
    float: left;
    width: 100%;
    margin: 0px; }

  div.vak_bottom {
    display: none;
    background: none; }

  .inh ul.two-rows {
    float: left;
    width: 100%; }

  div.vak_dubbel div.inh table {
    width: 100% !important; }

  .inh div {
    /* width: 100% !important; */ }

  dl.reageren {
    width: 100%; }

  dl.reageren dd,
  dl.reageren dt {
    width: 100% !important;
    height: auto !important; }

  dl.reageren input {
    width: 100% !important; }

  dl.reageren input.checkbox {
    width: auto !important; }

  dl.reageren textarea {
    width: 100% !important; }

  dl.reageren select {
    width: 100% !important; }

  #inhoud div.reclame {
    float: left;
    width: 100%; }

  #inhoud div.reclame .blok-links,
  #inhoud div.reclame .blok_rechts {
    position: relative;
    left: 0px;
    height: auto;
    float: left;
    width: 100% !important; }

  #header,
  #content {
    float: left;
    width: 100%;
    height: auto; }

  .headerlogo {
    width: 100%; }

  #content {
    padding: 0 15px; }

  #sidebar {
    float: left;
    width: 100%;
    height: auto;
    background: none; }

  #sidebar div.sidebar ul#inloggen {
    padding: 0px;
    margin-bottom: 30px; }

  dl.inloggen dt {
    width: 30%; }

  dl.inloggen dd {
    width: 70%; }

  dl.inloggen input {
    width: 100%; }

  #sidebar div.sidebar ul.sidebar#inloggen li.txt {
    padding-right: 13px; }

  #sidebar div.sidebar ul.sidebar li.kop {
    padding: 0 0 0 15px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb8ba+1,fff2f2+100 */
    background: #ffb8ba;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffb8ba 1%, #fff2f2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffb8ba 1%, #fff2f2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffb8ba 1%, #fff2f2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb8ba', endColorstr='#fff2f2', GradientType=0);
    /* IE6-9 */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px; }

  #sidebar div.sidebar ul.sidebar {
    padding: 0px;
    margin-bottom: 30px; }

  #sidebar div.sidebar ul.sidebar li {
    width: 100%;
    height: auto !important; }

  ul.sidebar input.submit {
    width: 100%;
    float: left;
    padding: 8px 10px;
    margin: 15px 0; }

  dl.inloggen {
    width: 100%; }

  div.vak_spec {
    padding: 0px; }

  div.vak div.inh,
  div.vak_spec div.inh {
    padding: 15px;
    float: left;
    width: 100%; }

  #inhoud div.inhoud_sub {
    background: none; }

  .inh .two-rows li {
    width: 100%; }

  #inhoud {
    background: none;
    float: left;
    width: 100%; }

  #inhoud div.vak_spec {
    float: left;
    width: 100%; }

  #footer {
    float: left;
    width: 100%;
    height: auto;
    background: none;
    margin: 20px 0;
    padding: 0 15px; }

  #footer div.footer {
    float: left;
    width: 100%;
    height: auto;
    background: none;
    text-align: center; }

  div.footer span.copyright {
    float: left;
    width: 100%;
    position: relative;
    left: initial;
    top: initial;
    margin: 5px 0; }

  div.footer ul.quicklinks {
    float: left;
    width: 100%;
    position: relative;
    left: initial;
    top: initial;
    height: auto;
    margin: 5px 0; }

  div.footer ul.quicklinks li {
    display: inline-block;
    float: initial;
    padding: 0 5px; }

  div.footer span.privacy {
    float: left;
    width: 100%;
    position: relative;
    right: initial;
    top: initial;
    margin: 5px 0; }

  #sidebar {
    float: left;
    width: 100%; }

  div.top_banner {
    width: 100%;
    float: left;
    padding: 0px; }

  #sidebar div.sidebar {
    background: none; }

  div.vak_dubbel div.inh {
    float: left;
    width: 100%;
    background: none;
    padding: 0px;
    margin-top: 15px; }

  div.sidebar_top,
  div.sidebar_bottom {
    display: none; }

  div.vakklein_bottom {
    display: none; }

  div.vak_dubbel h2 {
    float: left;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb8ba+1,fff2f2+100 */
    background: #ffb8ba;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffb8ba 1%, #fff2f2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffb8ba 1%, #fff2f2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffb8ba 1%, #fff2f2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb8ba', endColorstr='#fff2f2', GradientType=0);
    /* IE6-9 */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0 15px;
    margin-top: 30px; }

  div.vak_dubbel {
    float: left;
    width: 100%;
    background: none; }

  div.vak_dubbel div.vakklein_l,
  div.vak_dubbel div.vakklein_r {
    float: left;
    width: 100%; }

  div.vak {
    float: left;
    width: 100%;
    background: none;
    padding: 0px; }

  div.vak h2,
  div.vak_spec h2 {
    float: left;
    width: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffb8ba+1,fff2f2+100 */
    background: #ffb8ba;
    /* Old browsers */
    background: -moz-linear-gradient(top, #ffb8ba 1%, #fff2f2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #ffb8ba 1%, #fff2f2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #ffb8ba 1%, #fff2f2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb8ba', endColorstr='#fff2f2', GradientType=0);
    /* IE6-9 */
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding: 0 15px; }

  #sidebar div.sidebar ul.sidebar li.kop {
    width: 100%;
    height: auto; }

  #topmenu {
    display: none; }

  div.skyscraper_sub {
    float: left;
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    background: none; }

  .category_poem {
    width: 100%; }

  #inhoud div.gedicht_sidebar {
    float: left;
    width: 100%;
    margin: 15px 0; }

  /* Burger Menu */
  .burger-menu {
    float: left;
    position: relative;
    z-index: 100;
    width: 100%;
    border: 1px solid #dedcd8;
    color: #063b56;
    line-height: 39px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 1px;
    text-align: center;
    margin-bottom: 15px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,ecebe8+100 */
    background: #fbfbfb;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fbfbfb 0%, #ecebe8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #ecebe8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fbfbfb 0%, #ecebe8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#ecebe8', GradientType=0);
    /* IE6-9 */ }

  .burger-menu.blue {
    background: #0096e3;
    border: 1px solid #0080c1;
    color: white; }

  .burger-menu.blue a {
    color: white; }

  .burger-menu.blue a:hover {
    color: white; }

  .burger-menu.blue ul {
    background: #0096e3;
    border-top: 1px solid #0080c1; }

  .burger-menu.orange {
    background: #ffbf00;
    border: 1px solid #dea600;
    color: white; }

  .burger-menu.orange a {
    color: white; }

  .burger-menu.orange a:hover {
    color: white; }

  .burger-menu.orange ul {
    background: #ffbf00;
    border-top: 1px solid #dea600; }

  .burger-menu.green {
    background: #96b402;
    border: 1px solid #789000;
    color: white; }

  .burger-menu.green a {
    color: white; }

  .burger-menu.green a:hover {
    color: white; }

  .burger-menu.green ul {
    background: #96b402;
    border-top: 1px solid #789000; }

  .burger-menu.pink {
    background: #ff1b71;
    border: 1px solid #d40b57;
    color: white; }

  .burger-menu.pink a {
    color: white; }

  .burger-menu.pink a:hover {
    color: white; }

  .burger-menu.pink ul {
    background: #ff1b71;
    border-top: 1px solid #d40b57; }

  .burger-menu.bars-menu {
    text-align: left; }

  .burger-menu.bars-menu a {
    padding: 0 15px; }

  .burger-menu.bars-menu .fa {
    position: relative;
    top: 12px;
    float: right; }

  .burger-menu a {
    color: #063b56;
    text-decoration: none;
    font-weight: bold;
    display: block; }

  .burger-menu a .fa {
    position: relative;
    font-size: 17px;
    top: 1px;
    margin-right: 2px; }

  .burger-menu .menu-wrapper {
    display: none;
    float: left;
    width: 100%;
    clear: both; }

  .burger-menu ul {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fbfbfb+0,ecebe8+100 */
    background: #fbfbfb;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fbfbfb 0%, #ecebe8 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #ecebe8 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #fbfbfb 0%, #ecebe8 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#ecebe8', GradientType=0);
    /* IE6-9 */
    border-top: 1px solid #dedcd8; }

  .burger-menu ul li {
    color: #063b56;
    height: 39px;
    line-height: 39px;
    text-align: left;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 1px;
    list-style: none; }

  .burger-menu ul li a {
    display: block;
    padding: 0 0 0 15px;
    background: none; }

  dl.category {
    display: block;
    width: 100% !important; }

  dl.category dt, dl.category dd {
    display: block;
    width: 100% !important; }

  div.vak_dubbel div.inh dl {
    width: 100% !important; }

  dl.reageren.long {
    width: 100% !important; }

  form .submit {
    float: right; }

  table.responsive thead, table.responsive tfoot {
    display: none; }

  table.responsive tbody, table.responsive tbody tr {
    display: block; }

  table.responsive tbody tr {
    margin-bottom: 5px; }

  table.responsive tbody td, table.responsive tbody th {
    display: block;
    vertical-align: middle;
    text-align: right; }

  table.responsive tbody td[data-title]:before {
    content: attr(data-title);
    float: left;
    font-size: inherit;
    font-weight: bold;
    color: black; }

  .profile-container .tabs {
    padding: 10px !important; }

  .profile-button {
    border-radius: 5px;
    margin: 5px !important; }

  .stats {
    width: 100% !important;
    float: none !important; }

  .stats table tbody tr td {
    text-align: center; }

  div.reclame {
    height: auto !important;
    overflow: hidden !important; }

  div.reclame div.blok_links, div.reclame div.blok_rechts {
    position: relative !important;
    width: 100% !important;
    left: auto !important;
    top: auto !important;
    margin: 10px 0px !important;
    padding: 0 !important;
    text-align: center !important;
    height: auto !important; } }
*,
*:after,
*::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.scroller {
  overflow-y: auto; }

.scroller,
.scroller-inner {
  position: relative; }

.container {
  position: relative;
  overflow: hidden; }

.menu-trigger {
  position: relative;
  padding-left: 60px;
  font-size: 0.9em; }

.menu-trigger:before {
  content: '';
  position: absolute;
  top: 2px;
  left: 0;
  width: 40px;
  height: 6px;
  background: #fff;
  box-shadow: 0 6px #34495e, 0 12px #fff, 0 18px #34495e, 0 24px #fff; }

.mp-pusher {
  position: relative;
  left: 0;
  height: 100%;
  perspective: 1000px; }

.mp-menu {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 300px;
  height: 100%;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

.mp-menu .search {
  width: 100%;
  border: 0;
  padding: 10px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box; }

.mp-menu .search form {
  padding: 0px;
  position: relative;
  border: 1px solid #ccc;
  border-radius: 3px;
  overflow: hidden; }

.mp-menu .search form .keyword {
  width: 100%;
  padding: 15px 100px 15px 15px;
  font-size: 14px;
  border: 0; }

.mp-menu .search form .submit {
  position: absolute;
  right: 0px;
  top: 0px;
  float: none !important;
  padding: 10px 15px;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  color: #9b4e4e;
  outline: none;
  font-weight: bold;
  background: #FF9396;
  box-shadow: 0px 4px 0 #cd6767;
  -webkit-box-shadow: 0px 4px 0 #cd6767;
  border: none;
  transition: all 0.2s ease-in-out;
  margin: 4px !important; }

.mp-menu .search form .submit:active {
  box-shadow: 0 2px 0 #cd6767;
  transform: translateY(2px); }

.mp-level {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #fff;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

/* overlays for pusher and for level that gets covered */
.mp-pusher::after,
.mp-level::after,
.mp-level::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  opacity: 0; }

.mp-pusher::after,
.mp-level::after {
  background: rgba(0, 0, 0, 0.3);
  -webkit-transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
  transition: opacity 0.3s, width 0.1s 0.3s, height 0.1s 0.3s;
  z-index: 2; }

.mp-level::after {
  z-index: -1; }

.mp-pusher.mp-pushed::after,
.mp-level.mp-level-overlay::after {
  width: 100%;
  height: 100%;
  opacity: 1;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s; }

.mp-level.mp-level-overlay {
  cursor: pointer; }

.mp-level.mp-level-overlay.mp-level::before {
  width: 100%;
  height: 100%;
  background: transparent;
  opacity: 1; }

.mp-pusher,
.mp-level {
  -webkit-transition: -webkit-transform 0.5s;
  transition: transform 0.5s; }

/* overlap */
.mp-overlap .mp-level.mp-level-open {
  box-shadow: 1px 0 2px rgba(0, 0, 0, 0.2);
  -webkit-transform: translate3d(-40px, 0, 0);
  transform: translate3d(-40px, 0, 0); }

.mp-level-open {
  overflow: auto; }

/* First level */
.mp-menu > .mp-level,
.mp-menu > .mp-level.mp-level-open,
.mp-menu.mp-overlap > .mp-level,
.mp-menu.mp-overlap > .mp-level.mp-level-open {
  box-shadow: none;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* cover */
.mp-cover .mp-level.mp-level-open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.mp-cover .mp-level.mp-level-open > ul > li > .mp-level:not(.mp-level-open) {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0); }

/* content style */
.mp-menu ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.mp-menu h3 {
  margin: 0;
  padding: 1em;
  color: rgba(0, 0, 0, 0.4);
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.1);
  font-weight: 300;
  font-size: 2em; }

.mp-menu.mp-overlap h2::before {
  position: absolute;
  top: 0;
  right: 0;
  margin-right: 8px;
  font-size: 75%;
  line-height: 1.8;
  opacity: 0;
  -webkit-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: opacity 0.3s, -webkit-transform 0.1s 0.3s;
  transition: opacity 0.3s, transform 0.1s 0.3s; }

.mp-menu.mp-cover h3 {
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 1em; }

.mp-overlap .mp-level.mp-level-overlay > h2::before {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s; }

.mp-menu ul li > a {
  display: block;
  padding: 0.7em 1em 0.7em 1.8em;
  outline: none;
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2);
  text-shadow: 0 0 1px rgba(255, 255, 255, 0.1);
  font-size: 14px;
  color: black;
  -webkit-transition: background 0.3s, box-shadow 0.3s;
  transition: background 0.3s, box-shadow 0.3s;
  text-decoration: none; }

.mp-menu ul li::before {
  position: absolute;
  left: 10px;
  z-index: -1;
  color: rgba(0, 0, 0, 0.2);
  line-height: 3.5; }

.mp-level > ul > li:first-child > a {
  box-shadow: inset 0 -1px rgba(0, 0, 0, 0.2), inset 0 1px rgba(0, 0, 0, 0.2); }

.mp-menu ul li a:hover,
.mp-level > ul > li:first-child > a:hover {
  background: rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px transparent; }

.mp-menu .mp-level.mp-level-overlay > ul > li > a,
.mp-level.mp-level-overlay > ul > li:first-child > a {
  box-shadow: inset 0 -1px transparent; }

.mp-level > ul > li:first-child > a:hover,
.mp-level.mp-level-overlay > ul > li:first-child > a {
  box-shadow: inset 0 -1px transparent, inset 0 1px transparent; }

/* seems like Chrome 34.0.1847.131 needs the second shadow otherwise the transition breaks */
.mp-back {
  position: relative;
  display: block;
  padding: 1em;
  outline: none;
  background: rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px rgba(0, 0, 0, 0.1);
  color: black;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  font-size: 0.8em;
  -webkit-transition: background 0.3s;
  transition: background 0.3s; }

.mp-menu .mp-level.mp-level-overlay > .mp-back,
.mp-menu .mp-level.mp-level-overlay > .mp-back::after {
  background: transparent;
  box-shadow: none;
  color: transparent; }

/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
/* We'll show the first level only */
.no-csstransforms3d .mp-pusher,
.no-js .mp-pusher {
  padding-left: 300px; }

.no-csstransforms3d .mp-menu .mp-level,
.no-js .mp-menu .mp-level {
  display: none; }

.no-csstransforms3d .mp-menu > .mp-level,
.no-js .mp-menu > .mp-level {
  display: block; }

#privacy-cookie-page h1, #privacy-cookie-page h2, #privacy-cookie-page h3, #privacy-cookie-page h4 {
  background-image: none;
  padding: 0; }

#privacy-cookie-page h1 {
  font-size: 24px; }

#privacy-cookie-page h2 {
  font-size: 22px; }

#privacy-cookie-page h3 {
  font-size: 20px; }

#privacy-cookie-page h4 {
  font-size: 18px; }

.cmp-blur {
  filter: blur(5px); }

#cmp-wrapper {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  color: #555; }

#cmp-backdrop {
  background: rgba(0, 0, 0, 0.006); }

.cmp-button-custom {
  color: #bf071c; }

.cmp-button-custom:hover {
  color: #a60618; }

.cmp-button-accept {
  color: #bf071c;
  border-color: #bf071c; }

.cmp-button-accept:hover {
  color: #a60618;
  border-color: #a60618; }

.cmp-button-agree {
  background-color: #bf071c; }

.cmp-button-agree:hover {
  background-color: #a60618; }

#cmp-modal {
  background-color: #f0f0f0; }

#cmp-modal ul.cmp-consent-options li {
  box-shadow: 0 0 5px rgba(191, 7, 28, 0); }

#cmp-modal ul.cmp-consent-options li:before {
  background-color: #79b579; }

#cmp-modal ul.cmp-consent-options li:first-child:before {
  background-color: #58d058; }

#cmp-modal ul.cmp-consent-options li:last-child:before {
  background-color: #999; }

#cmp-modal ul.cmp-consent-options li:hover {
  border-color: #aaa;
  box-shadow: 0 0 5px rgba(170, 170, 170, 0.3); }

#cmp-modal h3 {
  color: #bf071c; }

#cmp-modal a:link,
#cmp-modal a:active,
#cmp-modal a:visited {
  color: #bf071c; }

#cmp-page-config h4:after {
  color: #bf071c;
  border-color: #bf071c #bf071c transparent transparent; }

.cmp-checkbox {
  background-color: #ddd; }

.cmp-checkbox:hover {
  background-color: #d5d5d5; }

.cmp-checkbox.checked {
  background-color: #bf071c; }

.cmp-checkbox:hover.checked {
  background-color: #b0061a; }

/*# sourceMappingURL=cmp.css.map */

/*# sourceMappingURL=style.css.map */