/* ### general ### */
* {
  padding: 0px;
  margin: 0px; }

html, body {
  font-family: Arial;
  font-size: 12px;
  color: #8c806e; }

input, select, textarea {
  font-family: Helvetica, Arial, Verdana;
  font-size: 12px;
  color: #8c806e; }

body {
  background: #e0dfdc url("../images/bg.jpg") left top repeat-x; }

img {
  border: 0px;
  display: block; }

a, input {
  outline: none; }

img.smilie {
  display: inline; }

h1, h2, h3 {
  font-weight: bold; }

h2 {
  margin-top: 0px; }

/* ### global classes ### */
.clear {
  clear: both;
  height: 0px;
  overflow: hidden; }

.checkbox {
  width: 19px;
  height: 25px;
  margin-top: -7px;
  display: block;
  float: left;
  background: url("../images/checkbox.gif") no-repeat; }

span.select {
  padding: 0px 0px 0 0px;
  position: absolute;
  font-size: 14px;
  color: #3c3c3c;
  font-weight: bold;
  left: 0px;
  top: 42px;
  width: 215px;
  height: 26px;
  background: url("../images/select6.jpg") no-repeat; }

.pager {
  margin: 0; }

/* ### wrapper ### */
#wrapper {
  position: relative;
  display: block;
  width: 100%;
  min-height: 100%; }

/* ### main container ### */
.container {
  max-width: 1000px; }

.container-fluid {
  padding: 0; }

.container-fluid > .navbar-header {
  margin: 0px; }

.container-fluid > .navbar-collapse {
  margin: 0px; }

#mainCntr {
  margin: 0 auto;
  width: 1000px; }

/* ### header container ### */
header h1 {
  margin: 0px !important; }

/* ### navbar ### */
.navbar-default {
  box-sizing: content-box;
  min-height: 41px;
  margin: 0 auto;
  max-width: 1000px;
  border: 1px solid #2b323b;
  background: #255467;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI1NTQ2NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYjNmNGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: -moz-linear-gradient(top, #255467 0%, #1b3f4d 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #255467), color-stop(100%, #1b3f4d));
  background: -webkit-linear-gradient(top, #255467 0%, #1b3f4d 100%);
  background: -o-linear-gradient(top, #255467 0%, #1b3f4d 100%);
  background: -ms-linear-gradient(top, #255467 0%, #1b3f4d 100%);
  background: linear-gradient(to bottom, #255467 0%, #1b3f4d 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#255467', endColorstr='#1b3f4d', GradientType=0); }

.navbar-default li {
  line-height: 41px;
  font-family: Helvetica, Arial, Verdana; }

.navbar-default a {
  box-sizing: content-box !important;
  height: 41px;
  line-height: 41px !important;
  padding: 0 15px !important;
  color: #fff !important;
  font-size: 13px; }

.navbar-default a:hover, .navbar-default li.active a {
  height: 39px;
  line-height: 39px !important;
  padding: 0px 14px !important;
  border: 1px solid #fe6950;
  background: #ff9785;
  background: -moz-linear-gradient(top, #ff9785 0%, #fe7d67 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff9785), color-stop(100%, #fe7d67));
  background: -webkit-linear-gradient(top, #ff9785 0%, #fe7d67 100%);
  background: -o-linear-gradient(top, #ff9785 0%, #fe7d67 100%);
  background: -ms-linear-gradient(top, #ff9785 0%, #fe7d67 100%);
  background: linear-gradient(to bottom, #ff9785 0%, #fe7d67 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9785', endColorstr='#fe7d67', GradientType=0); }

.navbar {
  min-height: 41px;
  border-radius: 0px; }

.navbar-collapse {
  min-height: 41px;
  padding: 0; }

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
  border-color: #2b323b; }

.navbar-form {
  margin: 0px; }

.navbar-form .form-control {
  box-sizing: content-box;
  width: 222px;
  height: 16px;
  margin-top: 4px;
  border: 1px solid #3a6475;
  border-radius: 0px; }

.navbar-form .btn-default {
  margin: 4px 0 0 8px;
  width: 26px;
  cursor: pointer;
  height: 30px;
  border: 0;
  border-radius: 0px;
  background: url("../images/sprites.png") -430px -120px no-repeat; }

.navbar-form .form-group {
  float: left; }

.navbar-toggle {
  margin: 2px 3px 0 0;
  border: none;
  background: #fff; }

/* ### menu box ### */
.menuBox {
  position: absolute;
  top: 180px;
  left: 0px;
  height: 41px;
  width: 1000px;
  background: url("../images/sprites.png") left bottom no-repeat; }

.menuBox ul {
  list-style: none; }

.menuBox li {
  float: left;
  line-height: 39px;
  font-family: Helvetica, Arial, Verdana; }

.menuBox a {
  padding-left: 17px;
  display: block;
  text-decoration: none;
  color: #fff;
  font-size: 13px; }

.menuBox a:hover, .menuBox li.selected a {
  background: url("../images/menu-left.png") left top no-repeat; }

.menuBox span {
  padding-right: 15px;
  display: block; }

.menuBox a:hover span, .menuBox li.selected a span {
  background: url("../images/menu-right.png") right top no-repeat; }

/* ### login box ### */
.loginBox {
  float: right;
  box-sizing: content-box;
  min-width: 218px;
  max-width: 460px;
  min-height: 108px;
  margin-top: 13px;
  background: #faf6e6;
  border: 1px solid #d8d0ae;
  border-bottom: none; }

.loginBox fieldset {
  padding: 5px 0 0 10px;
  border: 0;
  font-family: Helvetica, Arial, Verdana; }

.loginBox h3 {
  margin: 0px !important;
  color: #fe6950;
  font-size: 13px;
  line-height: 24px;
  font-weight: normal; }

.loginBox h4 {
  margin: 0 0 4px 0 !important;
  color: #65645f;
  font-size: 11px;
  color: #65645f;
  line-height: 12px;
  font-weight: normal; }

.loginBox h4 a {
  color: #fe6950; }

.loginBox p {
  margin: 0px !important;
  padding-top: 8px;
  width: 100%;
  overflow: hidden; }

.loginBox input.text1 {
  box-sizing: content-box;
  padding: 4px 5px 5px 10px;
  margin-right: 7px;
  height: 21px;
  float: left;
  color: #65645f;
  font-size: 12px;
  line-height: 21px;
  border: 1px solid #dfdfc8;
  background: #fff; }

.loginBox input.button {
  width: 82px;
  cursor: pointer;
  height: 30px;
  border: 0;
  color: #65645f;
  font-size: 13px;
  background: url("../images/sprites.png") -342px top no-repeat; }

.loginBox input.button:hover {
  background: url("../images/sprites.png") -342px -30px no-repeat; }

.loginBox label {
  font-weight: normal; }

.nav li.linkLogin {
  display: none; }

/* ### user menu box ### */
.userMenu, .adminMenu {
  position: absolute;
  top: 25px;
  right: 0px;
  width: 460px;
  height: 100px;
  background: #faf6e6;
  border: 1px solid #d8d0ae;
  border-bottom: none;
  padding: 3px 10px; }

.userMenu ul, .adminMenu ul {
  width: 135px;
  list-style: square;
  float: left;
  margin-top: 4px;
  margin-left: 15px;
  color: #fe6950; }

.userMenu ul li, .adminMenu ul li {
  width: 135px;
  line-height: 20px; }

.userMenu ul li a, .adminMenu ul li a, .menuSwitch a {
  text-decoration: none;
  color: #1d4352;
  font-size: 12px; }

.userMenu ul li a:hover, .adminMenu ul li a:hover, .menuSwitch a:hover {
  text-decoration: underline;
  color: #fe6950; }

.menuSwitch {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 100px;
  height: 15px;
  line-height: 15px;
  background: #faf6e6;
  border: 1px solid #d8d0ae;
  border-top: 0px;
  padding: 5px 10px;
  overflow: hidden;
  text-align: center; }

/* ### search box ### */
.searchBox {
  position: absolute;
  top: 180px;
  right: 0px;
  width: 430px; }

.searchBox fieldset {
  border: 0;
  float: right; }

.searchBox label {
  padding-right: 7px;
  line-height: 32px;
  float: left;
  font-family: Helvetica, Arial, Verdana;
  color: #fff;
  font-size: 12px; }

.searchBox input.text1 {
  box-sizing: content-box;
  padding: 6px 12px 6px 12px;
  font-size: 13px;
  line-height: 20px;
  float: left;
  font-family: Helvetica, Arial, Verdana;
  font-style: italic;
  width: 200px;
  height: 20px;
  border: 0;
  background: url("../images/sprites.png") -156px -119px no-repeat; }

.searchBox input.text2 {
  box-sizing: content-box;
  color: #1d4352;
  padding: 6px 12px 6px 12px;
  font-size: 13px;
  line-height: 20px;
  float: left;
  font-family: Helvetica, Arial, Verdana;
  width: 200px;
  height: 20px;
  border: 0;
  background: url("../images/sprites.png") -156px -119px no-repeat; }

.searchBox input.button {
  margin: 0 16px 0 11px;
  float: left;
  width: 26px;
  cursor: pointer;
  height: 30px;
  border: 0;
  background: url("../images/sprites.png") -430px -120px no-repeat; }

.searchBox input.submit {
  background: #fff;
  color: #1d4352;
  height: 25px;
  padding: 4px;
  font-size: 13px;
  line-height: 20px;
  float: left;
  font-family: Helvetica, Arial, Verdana;
  border: 0;
  margin: 0px 10px; }

/* ### content container ### */
#contentCntr {
  width: 1002px;
  float: left;
  background: url("../images/content-bg.png") repeat-y;
  padding-bottom: 15px; }

/* ### sidebar left ### */
#sidebarLeft {
  float: none;
  display: table-cell;
  vertical-align: top;
  margin-top: 0px;
  padding-left: 0px;
  background: #fbf8eb; }

/* ### gedichten box ### */
.gedichtenBox {
  margin-left: -2px;
  width: 210px;
  overflow: hidden;
  margin-top: -5px; }

.gedichtenBox h3 {
  padding: 0 0 0 27px;
  margin-bottom: 2px;
  width: 168px;
  line-height: 52px;
  height: 65px;
  color: #fff;
  font-size: 16px;
  font-family: Georgia;
  background: url("../images/left-top.png") no-repeat; }

/* ### favorite box ### */
.favoriteBox {
  margin-left: -2px;
  width: 210px;
  overflow: hidden;
  margin-top: 5px; }

.favoriteBox h3 {
  padding: 0 0 0 27px;
  margin-bottom: 2px;
  width: 178px;
  line-height: 52px;
  height: 65px;
  color: #fff;
  font-size: 16px;
  font-family: Georgia;
  background: url("../images/left-top-large.png") no-repeat; }

/* ### link box ### */
.linkBox {
  padding: 0px 0 0 12px;
  overflow: hidden;
  margin-top: -15px; }

.linkBox ul {
  padding-top: 0px;
  width: 100%;
  overflow: hidden; }

.linkBox li {
  padding-left: 10px;
  font-family: Arial;
  list-style: none; }

.linkBox a {
  text-decoration: none;
  display: block;
  color: #65645f;
  font-size: 13px;
  line-height: 26px; }

.linkBox li:hover a, .linkBox li.active a {
  color: #fe6950; }

.linkBox li:hover, .linkBox li.active {
  background: url("../images/dot1.png") left center no-repeat; }

/* ### break ### */
#break {
  margin: 0px auto 0px auto;
  width: 1000px;
  background: url("../images/footer-top.png") no-repeat;
  height: 64px;
  display: none; }

/* ### center container ### */
#rowContent {
  display: table;
  background: #fff; }

#contentRight {
  float: none;
  display: table-cell;
  vertical-align: top;
  background: #fff; }

/*#centerCntr { padding: 0px 0 20px 0; overflow: hidden; width: 1002px; background: url('../images/footer-bg.png') repeat-y; }*/
/* ### laatste box ### */
.laatsteBox h3 {
  color: #fe6950;
  font-size: 14px;
  font-family: Georgia; }

.laatsteBox ul {
  padding-top: 3px;
  width: 100%;
  float: left;
  overflow: hidden; }

.laatsteBox li {
  color: #65645f;
  font-weight: bold;
  font-size: 13px;
  line-height: 27px;
  list-style: none;
  float: left;
  width: 100%; }

.laatsteBox span {
  padding-right: 11px;
  font-weight: normal; }

.laatsteBox a {
  margin-top: 10px;
  color: #65645f;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none; }

.laatsteBox a:hover {
  text-decoration: underline; }

/* ### nieuws box ### */
.nieuwsBox h3 {
  padding-bottom: 7px;
  color: #fe6950;
  font-size: 14px;
  font-family: Georgia; }

.nieuwsBox ul {
  list-style: none; }

.nieuwsBox li {
  padding-bottom: 20px; }

.nieuwsBox li h4 {
  padding-bottom: 7px;
  line-height: 13px;
  color: #65645f;
  font-size: 13px; }

.nieuwsBox li p {
  color: #65645f;
  line-height: 24px;
  font-size: 13px; }

.nieuwsBox a {
  margin-top: 10px;
  display: block;
  float: left;
  color: #65645f;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none; }

.nieuwsBox a:hover {
  text-decoration: underline; }

.nieuwsBox h4 a {
  float: none;
  display: inline; }

/* ### boeken box ### */
.boekenBox {
  padding: 0 35px 0 0px;
  margin-top: -37px;
  width: 218px;
  float: right; }

.boekenBox h3 {
  padding-bottom: 18px;
  color: #fe6950;
  font-family: Georgia;
  font-size: 18px; }

.boekenBox .book {
  padding-bottom: 29px;
  overflow: hidden; }

.boekenBox .book.last {
  padding-bottom: 0px; }

.boekenBox img {
  float: left;
  margin-right: 17px; }

.boekenBox h6 {
  font-size: 11px;
  color: #65645f; }

.boekenBox span.door {
  padding-bottom: 15px;
  display: block;
  font-size: 11px;
  font-style: italic;
  color: #607585; }

.boekenBox span.paper {
  display: block;
  color: #fe6950;
  font-size: 11px; }

.boekenBox span.price {
  width: 150px;
  color: #fe6950;
  font-size: 11px;
  overflow: hidden; }

/* ### right container ### */
#rightCntr {
  float: right;
  width: 776px; }

#rightCntr #left {
  width: 470px;
  float: left; }

#rightCntr #right {
  width: 268px;
  float: right; }

/* ### np box ### */
.npBox {
  padding: 23px 0 3px 0;
  float: left; }

.npBox span {
  display: block;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  color: #607585;
  float: left; }

.npBox ul {
  list-style: none;
  float: left; }

.npBox li {
  float: left;
  line-height: 14px; }

.npBox li a {
  padding: 0 5px 0 2px;
  font-size: 12px;
  color: #1d4352;
  text-decoration: none; }

.npBox li {
  font-size: 12px;
  padding-left: 5px;
  color: #1d4352;
  font-weight: bold;
  background: none !important; }

.npBox li a:hover {
  color: #fe6950; }

.npBox .frame {
  margin: -6px 30px 0 0;
  width: auto;
  float: right; }

/* ### slape box ### */
.slapeBox {
  padding: 25px 33px 20px 0;
  width: 714px;
  text-align: center;
  float: right; }

.slapeBox h3 {
  padding-bottom: 27px;
  font-size: 18px;
  color: #fe6950; }

.slapeBox p {
  padding-bottom: 25px;
  line-height: 24px;
  color: #65645f;
  font-size: 14px; }

/* ### vote box ### */
.voteBox {
  margin-right: 23px;
  overflow: hidden;
  float: right;
  border-top: 1px solid #e4e3da;
  border-bottom: 1px solid #e4e3da; }

.voteBox .left {
  padding: 10px 0 20px 22px;
  width: 312px;
  float: left;
  border-right: 1px solid #e4e3da; }

.voteBox .right {
  padding: 10px 0 20px 61px;
  width: 343px;
  float: right; }

.voteBox h3 {
  padding-bottom: 10px;
  color: #fe6950;
  font-size: 16px;
  font-family: Georgia; }

.voteBox ul {
  list-style: none; }

.voteBox li {
  overflow: hidden;
  line-height: 23px; }

.voteBox li span {
  width: 169px;
  color: #235062;
  font-size: 13px;
  font-weight: bold;
  float: left; }

.voteBox li ul.vote {
  padding-top: 6px;
  list-style: none;
  overflow: hidden; }

.voteBox li ul.vote li {
  float: left; }

.voteBox li ul.vote li a {
  width: 13px;
  height: 12px;
  display: block;
  background: url("../images/sprites.png") right -212px no-repeat; }

.voteBox li ul.vote li a:hover, .voteBox li ul.vote li.active a {
  background: url("../images/sprites.png") right -225px no-repeat; }

/* ### welkom box ### */
.welkomBox {
  padding-bottom: 11px;
  width: 100%;
  overflow: hidden;
  margin-top: 0px; }

.welkomBox h2 {
  padding-bottom: 4px;
  color: #fe6950;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: Georgia;
  margin-top: 0px; }

.welkomBox p {
  padding-bottom: 10px;
  color: #1d4352;
  font-size: 13px;
  line-height: 23px; }

.welkomBox a {
  color: #1d4352;
  text-decoration: underline; }

/* ### scroll box ### */
.scrollBox {
  padding: 11px 0 19px 0;
  width: 100%;
  overflow: hidden;
  border-top: #95aeb9 solid 1px;
  border-bottom: #95aeb9 solid 1px; }

.scrollBox .frame {
  padding-top: 13px;
  margin-bottom: 0px;
  position: relative;
  height: 115px;
  overflow: hidden;
  width: 100%;
  max-width: 473px;
  text-align: center;
  background: url("../images/sprites.png") left -320px no-repeat; }

.scrollBox span {
  color: #65645f;
  font-size: 11px;
  font-family: Helvetica, Arial, Verdana; }

.scrollBox a.title {
  display: block;
  padding-top: 3px;
  font-weight: bold;
  font-size: 17px;
  font-family: Helvetica, Arial, Verdana;
  line-height: 24px;
  color: #65645f;
  text-decoration: none; }

.scrollBox h3.top {
  padding-bottom: 6px;
  color: #fe6950;
  font-size: 16px;
  font-family: Georgia;
  line-height: 16px;
  padding-top: 0px;
  font-weight: bold; }

.scrollBox p {
  padding-top: 1px;
  color: #65645f;
  font-size: 14px;
  line-height: 24px;
  margin: 0px auto;
  overflow: hidden; }

.scrollBox a.bx-next, .scrollBox a.bx-prev {
  outline: none;
  position: absolute;
  display: block;
  text-indent: -9999px;
  top: 51px;
  left: 14px;
  width: 13px;
  height: 19px;
  background: url("../images/sprites.png") -368px -76px no-repeat; }

.scrollBox a.bx-prev:hover {
  background: url("../images/sprites.png") -368px -95px no-repeat; }

.scrollBox a.bx-next {
  left: 444px;
  background: url("../images/sprites.png") -387px -76px no-repeat; }

.scrollBox a.bx-next:hover {
  background: url("../images/sprites.png") -387px -95px no-repeat; }

.scrollBox a.name, .scrollBox span.name {
  float: left;
  color: #65645f;
  font-size: 11px;
  font-weight: normal;
  font-family: Helvetica, Arial, Verdana;
  margin-left: 8px;
  margin-top: -5px;
  text-decoration: none; }

/* ### maand box ### */
.maandBox {
  padding-top: 14px;
  overflow: hidden;
  border-bottom: #95aeb9 solid 1px; }

.maandBox h3 {
  margin: 0;
  padding-bottom: 10px;
  color: #fe6950;
  font-family: Georgia;
  font-size: 16px;
  float: left; }

.maandBox span.first {
  margin: -4px 11px 0 0;
  float: right;
  width: 87px;
  height: 30px;
  position: relative; }

.maandBox span.first span.select {
  box-sizing: content-box;
  padding: 9px 0px 9px 10px;
  font-size: 12px;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 77px;
  height: 12px;
  color: #65645f;
  font-weight: normal;
  border: none;
  background: url("../images/sprites.png") right -101px no-repeat; }

.maandBox span.first select {
  width: 87px;
  height: 30px; }

.maandBox fieldset {
  border: 0; }

.maandBox .second {
  padding-left: 3px;
  width: 182px;
  float: left; }

.maandBox .third {
  float: left;
  width: 161px; }

.maandBox .forth {
  width: 110px;
  float: left; }

.maandBox ul {
  width: 100%;
  float: left;
  overflow: hidden; }

.maandBox li {
  width: 100%;
  list-style: none;
  float: left;
  color: #1d4352;
  font-size: 12px;
  line-height: 30px; }

.maandBox span {
  float: left;
  display: block;
  width: 72px;
  font-weight: bold; }

.maandBox a {
  color: #1d4352;
  text-decoration: none; }

.maandBox a:hover {
  text-decoration: underline; }

/* ### tag box ### */
.tagBox .tags {
  padding: 12px 7px 8px 7px;
  margin-top: 10px;
  text-align: center;
  overflow: hidden;
  background: #faf6e6; }

.tagBox.large .tags {
  max-width: 734px; }

.tagBox a.s1 {
  font-size: 27px; }

.tagBox a.s2 {
  font-size: 23px; }

.tagBox a.s3 {
  font-size: 19px; }

.tagBox a.s4 {
  font-size: 16px; }

.tagBox a.s5 {
  font-size: 14px; }

.tagBox a.s6 {
  font-size: 12px; }

.tagBox a {
  text-decoration: none;
  line-height: 26px;
  padding-left: 5px;
  padding-right: 5px;
  color: #1d4352;
  font-weight: bold;
  display: inline-block; }

.tagBox a:hover {
  text-decoration: underline; }

.tagBox h3 {
  padding-top: 13px;
  color: #fe6950;
  font-family: Georgia;
  font-size: 16px; }

/* ### zelf box ### */
.zelfBox {
  padding: 0px 0 31px 0;
  overflow: hidden; }

.zelfBox h3 {
  color: #fe6950;
  font-size: 28px;
  line-height: 35px;
  text-align: center;
  font-family: Georgia; }

.zelfBox a.Registeren {
  margin: 0 auto;
  color: #fff;
  font-size: 13px;
  width: 156px;
  line-height: 35px;
  height: 35px;
  text-decoration: none;
  display: block;
  text-align: center;
  background: url("../images/sprites.png") right top no-repeat; }

.zelfBox a.Registeren:hover {
  background: url("../images/sprites.png") right -35px no-repeat; }

/* ### facebook box ### */
.facebookBox * {
  width: 100%; }

/* ### topgedichten box ### */
.topgedichtenBox {
  padding: 27px 0 0 15px;
  width: 238px; }

.topgedichtenBox h3 {
  color: #fe6950;
  font-size: 18px;
  line-height: 35px;
  font-family: Georgia; }

.topgedichtenBox ul {
  width: 100%;
  float: left;
  overflow: hidden; }

.topgedichtenBox li {
  color: #65645f;
  font-weight: bold;
  font-size: 13px;
  line-height: 25px;
  list-style: none;
  float: left;
  width: 100%; }

.topgedichtenBox span {
  font-weight: normal; }

.topgedichtenBox a {
  margin-top: 10px;
  color: #65645f;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none; }

.topgedichtenBox a:hover {
  text-decoration: underline; }

/* ### item box ### */
.itemBox {
  padding: 4px 0 0 0;
  margin: 7px 0 0 0px;
  border-top: #e2e0d7 solid 1px;
  border-bottom: #e2e0d7 solid 1px; }

.itemBox .left {
  max-width: 543px;
  float: left; }

.itemBox .right {
  width: 174px;
  float: right;
  padding-bottom: 25px; }

.itemBox a.pre {
  padding-left: 17px;
  margin-left: 2px;
  font-weight: bold;
  color: #c9c7c1;
  text-decoration: none;
  font-size: 13px;
  line-height: 24px;
  float: left;
  background: url("../images/sprites.png") 1px -461px no-repeat; }

.itemBox a.pre:hover {
  color: #65645f;
  background: url("../images/sprites.png") 1px -481px no-repeat; }

.itemBox a.next {
  padding-right: 17px;
  font-weight: bold;
  margin: 0px 13px 0 0;
  color: #c9c7c1;
  text-decoration: none;
  float: right;
  font-size: 13px;
  line-height: 24px;
  background: url("../images/sprites.png") right -479px no-repeat; }

.itemBox a.next:hover {
  color: #65645f;
  background: url("../images/sprites.png") right -462px no-repeat; }

.itemBox h1 {
  padding: 10px 25px 21px 0;
  color: #fe6950;
  font-size: 18px;
  line-height: 24px;
  font-family: Georgia; }

.itemBox p {
  padding: 5px 25px 20px 0;
  color: #65645f;
  font-size: 14px;
  line-height: 24px; }

.itemBox .poetright h4 {
  padding: 15px 0 0 0;
  color: #fe6950;
  font-size: 14px;
  line-height: 20px;
  font-weight: bold;
  margin-bottom: 0px; }

.itemBox .poetright p {
  padding-bottom: 6px;
  font-size: 14px;
  line-height: 17px; }

.itemBox .poetright p a {
  color: #65645f;
  text-decoration: none; }

.itemBox .poetright p a:hover {
  color: #fe6950;
  text-decoration: underline; }

.itemBox .poetright span.votes {
  display: block;
  margin-top: 8px; }

.itemBox ul {
  width: 100%;
  overflow: hidden; }

.itemBox li {
  list-style: none;
  float: left; }

.itemBox ul.logo {
  padding: 13px 0 2px 0;
  width: 165px;
  margin-left: -5px; }

.itemBox ul.logo li {
  padding: 0px 1px 0 2px; }

.itemBox span.tag {
  box-sizing: content-box;
  padding-left: 11px;
  padding-right: 15px;
  margin: 7px 0 0 4px;
  width: 115px;
  overflow: hidden;
  height: 27px;
  line-height: 27px;
  display: block;
  color: #efefef;
  font-size: 12px;
  background: url("../images/sprites.png") -484px -124px no-repeat; }

.itemBox span.tag a {
  color: #efefef;
  text-decoration: none; }

.itemBox span.tag a:hover {
  text-decoration: underline; }

/* ### reacties box ### */
.reactiesBox {
  padding: 9px 0 0 0px;
  margin: 15px 0 0 0px;
  max-width: 740px;
  overflow: hidden;
  border-top: #e2e0d7 solid 1px; }

.reactiesBox h3 {
  padding-bottom: 12px;
  color: #fe6950;
  font-size: 16px;
  line-height: 24px;
  font-family: Georgia; }

.reactiesBox ul {
  width: 100%;
  float: left;
  overflow: hidden; }

.reactiesBox li {
  padding-bottom: 5px;
  width: 100%;
  margin-bottom: 25px;
  float: left;
  list-style: none;
  border-bottom: #e2e0d7 solid 1px; }

.reactiesBox li.last {
  margin-bottom: 0; }

.reactiesBox p {
  padding-bottom: 4px;
  color: #1d4352;
  font-size: 13px;
  line-height: 21px; }

.reactiesBox h4 {
  font-size: 12px;
  color: #607585;
  line-height: 21px;
  font-style: italic; }

.reactiesBox h4 a {
  color: #607585; }

.reactiesBox span {
  font-weight: normal; }

.reactiesBox .reportLinks {
  float: right;
  margin-top: -17px; }

.reactiesBox a.report {
  color: #607585;
  text-decoration: none; }

.reactiesBox a:hover.report {
  text-decoration: underline; }

/* ### reageren box ### */
.reagerenBox {
  padding-top: 11px;
  max-width: 636px; }

.reagerenBox h3 {
  color: #fe6950;
  font-size: 16px;
  line-height: 24px;
  font-family: Georgia; }

.reagerenBox fieldset, .pageBox fieldset {
  border: 0;
  margin-top: 10px; }

.reagerenBox p, .pageBox p {
  padding-bottom: 11px;
  overflow: hidden; }

.reagerenBox label, .pageBox label {
  padding-top: 7px;
  width: 140px;
  float: left;
  color: #65645f;
  font-family: Helvetica, Arial, Verdana;
  line-height: 15px; }

.pageBox fieldset.admin label {
  width: 260px; }

.reagerenBox input, .pageBox input {
  box-sizing: content-box;
  padding: 5px 5px 5px 5px;
  width: 146px;
  line-height: 20px;
  height: 20px;
  float: left;
  border: 1px solid #c9d7de; }

.reagerenBox textarea, .pageBox textarea {
  padding: 5px 5px 5px 5px;
  width: 457px;
  height: 102px;
  resize: none;
  float: left;
  border: 1px solid #c9d7de; }

.pageBox textarea.large {
  padding: 5px 5px 5px 5px;
  width: 457px;
  height: 287px;
  resize: none;
  float: left;
  border: 0;
  border: 1px solid #c9d7de; }

.reagerenBox textarea.blue, .pageBox textarea.blue {
  color: #1d4352;
  padding: 5px 5px 5px 5px;
  width: 457px;
  height: 102px;
  resize: none;
  float: left;
  border: 1px solid #c9d7de; }

.reagerenBox p.sec, .pageBox p.sec {
  padding-left: 150px; }

.reagerenBox .check, .pageBox .check {
  margin-right: 3px;
  width: 16px;
  height: 16px;
  float: left;
  background: none; }

.reagerenBox span, .pageBox span {
  color: #65645f;
  font-family: Helvetica, Arial, Verdana;
  float: left; }

.reagerenBox .button.button, .pageBox .button.button {
  margin-left: 140px;
  color: #695f2e;
  font-size: 13px;
  font-family: Helvetica, Arial, Verdana;
  cursor: pointer;
  width: 156px;
  height: 35px;
  border: 0;
  float: left;
  background: url("../images/sprites.png") right -281px no-repeat;
  margin-top: 10px; }

.reagerenBox .button.button:hover, .pageBox .button.button:hover {
  background: url("../images/sprites.png") right -316px no-repeat; }

.reagerenBox p.wilt {
  padding-top: 20px;
  color: #65645f;
  font-weight: normal; }

.reagerenBox .checkbox, .pageBox .checkbox {
  margin: 0px 6px 0px 0;
  width: 19px;
  height: 25px;
  display: block;
  float: left;
  background: url("../images/checkbox.png") no-repeat; }

.reagerenBox a {
  color: #607585; }

.searchAction button.button {
  color: #695f2e;
  font-size: 13px;
  font-family: Helvetica, Arial, Verdana;
  cursor: pointer;
  width: 156px;
  height: 35px;
  border: 0;
  background: url("../images/sprites.png") right -281px no-repeat;
  margin-top: 10px; }

.searchAction button.button:hover {
  background: url("../images/sprites.png") right -316px no-repeat; }

/* ### footer container ### */
#footerTop {
  background: #fff;
  padding-bottom: 20px; }

footer {
  background: #fff; }

/*#footerCntr { padding: 0px 35px 20px 15px; overflow: hidden; width: 951px; background: #fdfdfb; width: 1002px; background: url('../images/footer-bg.png') repeat-y; }
#footerCntr #footermid { padding: 6px 0px 0px 0px; overflow: hidden; width: 950px; border-top: 1px solid #e1e0d9; background: #fdfdfb;  }*/
/* ### copy box ### */
.copyBox span {
  display: block; }

.copyBox ul {
  list-style: none; }

.copyBox li {
  padding: 0 8px 0 7px;
  line-height: 16px;
  color: #65645f;
  font-size: 11px; }

.copyBox li a {
  color: #65645f;
  font-size: 11px;
  text-decoration: none; }

.copyBox li a:hover {
  text-decoration: underline; }

/* ### icon box ### */
.iconBox ul {
  padding: 80px 36px 20px 0;
  list-style: none;
  float: left; }

.iconBox li {
  padding-left: 20px;
  float: left; }

.iconBox li a {
  height: 19px;
  display: block;
  text-indent: -9999px; }

.iconBox li.twitter a {
  width: 25px;
  background: url("../images/sprites.png") right -131px no-repeat; }

.iconBox li.fb a {
  width: 19px;
  background: url("../images/sprites.png") right -150px no-repeat; }

.iconBox li.google a {
  width: 22px;
  background: url("../images/sprites.png") right -170px no-repeat; }

.iconBox li.pinterest a {
  width: 22px;
  background: url("../images/sprites.png") -978px -131px no-repeat; }

.iconBox img {
  padding-top: 70px;
  float: right; }

/* NEW STUFF */
.catBox {
  padding: 16px 0 29px 0px; }

.catBox h3 {
  padding-bottom: 5px;
  color: #fe6950;
  font-size: 16px;
  line-height: 24px;
  font-family: Georgia; }

.catBox ul {
  list-style: none;
  margin-right: 0px;
  margin-bottom: 0px; }

.catBox ul li {
  line-height: 25px;
  float: none; }

.catBox a {
  color: #1d4352; }

.catBox a:hover {
  color: #fe6950; }

.catBox .right {
  float: right;
  position: relative; }

.catBox .left {
  float: left; }

.catBox.small {
  padding: 14px 0 14px 5px;
  border-bottom: #95aeb9 solid 1px;
  font-size: 100%; }

.categoryBox {
  padding: 16px 0 5px 0px; }

.categoryBox h2 {
  padding-bottom: 5px;
  color: #fe6950;
  font-size: 18px;
  line-height: 24px;
  font-family: Georgia; }

.categoryBox h3 {
  padding-bottom: 5px;
  color: #fe6950;
  font-size: 16px;
  line-height: 24px;
  font-family: Georgia; }

.categoryBox ul {
  list-style: none;
  width: 50%;
  float: left;
  margin-right: 0px;
  padding: 0 0 0 15px; }

.categoryBox ul li {
  float: none;
  line-height: 25px; }

.categoryBox ul li:hover {
  background: #FAF6e6; }

.categoryBox ul li a {
  text-decoration: underline;
  color: #1d4352;
  width: 100%;
  display: block;
  line-height: 20px;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  overflow: hidden;
  height: 20px; }

.categoryBox ul li a:hover {
  color: #fe6950;
  text-decoration: none; }

.categoryBox a.s0 {
  background: url(../images/stars0.png) no-repeat right; }

.categoryBox a.s1 {
  background: url(../images/stars1.png) no-repeat right; }

.categoryBox a.s2 {
  background: url(../images/stars2.png) no-repeat right; }

.categoryBox a.s3 {
  background: url(../images/stars3.png) no-repeat right; }

.categoryBox a.s4 {
  background: url(../images/stars4.png) no-repeat right; }

.categoryBox a.s5 {
  background: url(../images/stars5.png) no-repeat right; }

.categoryBox.related {
  border-top: 1px solid #e2e0d7;
  padding-bottom: 10px;
  margin-bottom: 10px;
  max-width: 740px;
  padding-top: 10px; }

.categoryBox.related ul {
  max-width: 370px; }

.pages {
  text-align: center;
  padding: 7px 12px;
  line-height: 25px;
  background: #FAF6e6;
  border: 1px solid #DFDFC8;
  font-size: 13px;
  color: #1d4352;
  margin-bottom: 8px;
  margin-top: 8px; }

.pages a, .pages span {
  padding: 7px 10px;
  margin-left: 2px;
  line-height: 25px;
  margin-right: 2px;
  font-size: 15px;
  color: #1d4352;
  float: none; }

.pages a {
  text-decoration: underline; }

.pages a:hover {
  color: #fe6950; }

.categoryBox .info {
  float: right;
  margin-top: -23px;
  margin-right: 10px; }

.categoryBox .info span {
  color: #fe6950; }

.categoryBox .sort, .pageBox .sort {
  padding: 7px 12px;
  line-height: 25px;
  margin-right: 10px;
  background: #FAF6e6;
  border: 1px solid #DFDFC8;
  font-size: 13px;
  color: #1d4352;
  margin-bottom: 8px; }

.categoryBox .sort a, .pageBox .sort a {
  text-decoration: underline;
  color: #1d4352;
  margin-left: 4px;
  margin-right: 4px; }

.categoryBox .sort a:hover, .pageBox .sort a:hover {
  color: #fe6950; }

.pageBox .sort.letter a {
  margin-left: 3px;
  margin-right: 3px; }

.searchAction {
  text-align: center;
  padding: 10px;
  margin: 7px 0 0 0px;
  width: 720px;
  line-height: 25px;
  background: #FAF6e6;
  font-size: 13px;
  color: #1d4352; }

.searchAction a {
  color: #1d4352; }

.poetright {
  padding-bottom: 15px;
  background: #fbf8eb; }

.leftUserBox {
  border-right: 1px solid #d8d0ae; }

/* Votes */
.sterren {
  background: url("../images/sprites.png") right -257px no-repeat;
  height: 19px;
  width: 105px;
  position: relative;
  margin: 0;
  padding: 0;
  margin-top: 3px; }

.sterbalk {
  position: absolute;
  background: #FAF5E6 url("../images/sprites.png") right -238px no-repeat;
  height: 19px;
  z-index: 19; }

ul#rating {
  position: absolute;
  z-index: 20;
  margin: 0;
  padding: 0; }

ul#rating li {
  width: 21px;
  height: 19px;
  display: block;
  float: left; }

ul#rating li a {
  display: block;
  width: 21px;
  height: 19px; }

/* Normal box */
.pageBox {
  padding-bottom: 11px;
  margin-top: 10px; }

.pageBox h1, .pageBox h2, .pageBox h3, .pageBox h4 {
  padding-bottom: 10px 0;
  color: #fe6950;
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  font-family: Georgia; }

.pageBox h1 {
  font-size: 28px; }

.pageBox h2 {
  font-size: 24px; }

.pageBox h3 {
  font-size: 20px; }

.pageBox h4 {
  font-size: 16px; }

.pageBox p {
  padding-bottom: 0px;
  padding-top: 10px;
  color: #1d4352;
  font-size: 13px;
  line-height: 23px; }

.pageBox a {
  color: #1d4352;
  text-decoration: underline; }

.pageBox .short {
  width: 500px; }

.pageBox ul {
  list-style: square;
  margin-left: 25px; }

.pageBox ul.nav-tabs {
  margin-left: 0px; }

.pageBox ul.nav-tabs li.active a {
  color: #fe6950; }

.pageBox ul li {
  color: #1d4352;
  line-height: 23px; }

.pageBox ol {
  margin-left: 25px; }

.pageBox ol li {
  color: #1d4352;
  line-height: 23px; }

.pageBox fieldset h3 {
  margin-bottom: -10px; }

.pageBox fieldset p {
  line-height: 17px; }

.pageBox fieldset p.lineh {
  line-height: 23px; }

.pageBox input.blue {
  box-sizing: content-box;
  color: #1d4352;
  padding: 5px 5px 5px 5px;
  width: 196px;
  line-height: 20px;
  height: 20px;
  float: left;
  border: 0;
  border: 1px solid #c9d7de; }

.pageBox select {
  padding-top: 6px;
  border: 1px solid #DFDFC8; }

.pageBox select.blue {
  padding-top: 6px;
  border: 1px solid #c9d7de;
  color: #1d4352;
  width: 206px; }

.pageBox option {
  padding: 3px;
  padding-right: 20px; }

.pageBox label.blue {
  color: #1d4352;
  font-weight: bold; }

.pageBox a.alpha {
  font-size: 16px;
  margin: 0px 12px 0px 0px;
  display: inline-block;
  font-weight: bold;
  text-decoration: none; }

.pageBox a.alpha:hover {
  text-decoration: underline; }

.pageBox .description p {
  padding-top: 0px;
  padding-bottom: 10px; }

.pageBox .partners li {
  float: left;
  width: 235px; }

.pageBox .partners li a {
  text-decoration: underline; }

hr {
  border: 0px;
  height: 1px;
  color: #d8d0ae;
  background-color: #d8d0ae; }

table.poems {
  width: 100%;
  margin-bottom: 10px;
  border: 1px solid #DFDFC8;
  border-collapse: collapse; }

table.poems th {
  text-align: left;
  color: #fe6950;
  background: #FAF6e6;
  padding: 8px;
  border-bottom: 1px solid #DFDFC8; }

table.poems th.last, table.poems td.last {
  border-right: 1px solid #DFDFC8; }

table.poems th.first, table.poems td.first {
  border-left: 1px solid #DFDFC8; }

table.poems tr.odd td {
  background: #FCFAF4; }

table.poems td {
  color: #1d4352;
  padding: 5px 8px;
  border-top: 1px solid #DFDFC8;
  border-bottom: 1px solid #DFDFC8; }

table.noicons td {
  padding: 8px; }

table.tab {
  border-left: 1px solid #DFDFC8;
  border-right: 1px solid #DFDFC8;
  border-collapse: collapse; }

table.tab td {
  padding: 10px;
  text-align: center;
  background: #FAF6e6;
  border-top: 1px solid #DFDFC8;
  border-bottom: 1px solid #DFDFC8; }

table.tab td.active {
  padding: 10px;
  text-align: center;
  background: #fff;
  border-left: 1px solid #DFDFC8;
  border-right: 1px solid #DFDFC8;
  border-bottom: 0px; }

table.tab td.active a {
  color: #fe6950;
  text-decoration: none; }

table.tab td.content {
  background: #fff;
  border-top: 0px;
  text-align: left;
  padding: 0px 15px 15px; }

ul.notices {
  list-style: none;
  margin: 0px;
  padding: 0px; }

ul.notices li {
  line-height: 15px;
  padding: 8px; }

ul.notices li.odd {
  background: #FAF6e6; }

ul.notices li.even {
  background: #fff; }

ul.months {
  float: left;
  width: 235px;
  list-style: none;
  margin-left: 0px; }

ul.months span a {
  display: block;
  width: 180px; }

ul.months li {
  line-height: 25px; }

.months_odd {
  background: #FAF6e6;
  padding: 10px;
  border: 1px solid #DFDFC8; }

.months_even {
  background: #fff;
  padding: 10px; }

.avatar {
  width: 100px;
  height: 100px;
  border: 1px solid #000;
  padding: 1px;
  background: #fff;
  margin: 17px; }

.pageBox .submit {
  margin: 5px;
  display: inline;
  background: #1d4352;
  padding: 5px;
  height: auto;
  width: 200px;
  border: 1px solid #1d4352;
  color: #fff; }

/* Errors */
.error {
  background: #FFE8E5;
  border: 1px solid #fe6950;
  color: #FC4F35; }

.success {
  background: #c8eecc;
  border: 1px solid #199528;
  color: #499451; }

.warning {
  background: #c9d7de;
  border: 1px solid #1d4352;
  color: #1d4352; }

.error, .success, .warning {
  line-height: 150%;
  margin: 5px 0px;
  padding: 8px; }

.error ul, .success ul, .warning ul {
  list-style: square;
  margin-left: 25px; }

.error ul li {
  color: #FC4F35; }

.success ul li {
  color: #499451; }

.warning ul li {
  color: #1d4352; }

/* Graphs */
.space {
  display: block;
  height: 19px; }

.flot-graph {
  display: inline-block;
  padding: 0;
  line-height: normal; }

.flot-graph .xAxis {
  line-height: 7px; }

.flot-graph .legend {
  line-height: 12px; }

.flot-graph .legend table {
  border: 0;
  width: auto; }

.flot-graph .legend table td {
  border: 0;
  padding: 2px 0 0 5px;
  line-height: 18px;
  white-space: nowrap;
  width: auto; }

#tooltip {
  background-color: #fe6950;
  padding: 0 8px;
  color: #FFFFFF;
  font-size: 11px;
  line-height: 25px;
  height: 25px; }

#lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
  opacity: 0.85;
  display: none; }

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-weight: normal; }

#lightbox img {
  width: auto;
  height: auto; }

#lightbox a img {
  border: none; }

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px; }

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-container {
  padding: 10px; }

.lb-loader {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0; }

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10; }

.lb-container > .nav {
  left: 0; }

.lb-nav a {
  outline: none; }

.lb-prev, .lb-next {
  width: 49%;
  height: 100%;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  /* Trick IE into showing hover */
  display: block; }

.lb-prev {
  left: 0;
  float: left; }

.lb-next {
  right: 0;
  float: right; }

.lb-prev:hover {
  background: url(../images/prev.png) left 48% no-repeat; }

.lb-next:hover {
  background: url(../images/next.png) right 48% no-repeat; }

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -ms-border-bottom-left-radius: 4px;
  -o-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -ms-border-bottom-right-radius: 4px;
  -o-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px; }

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both; }

.lb-data {
  padding: 0 10px;
  color: #bbbbbb; }

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em; }

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em; }

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 11px; }

.lb-data .lb-close {
  width: 35px;
  float: right;
  padding-bottom: 0.7em;
  outline: none; }

.lb-data .lb-close:hover {
  cursor: pointer; }

#headerTitle h1 {
  text-indent: -9999px;
  height: 1px; }

a.categoryShow {
  margin: 10px;
  font-size: 15px;
  cursor: pointer;
  font-weight: bold;
  line-height: 41px !important; }

a.categoryShow:hover {
  background: none;
  border: none;
  margin: 10px;
  line-height: 41px !important;
  padding: 0px 15px !important; }

.book-cover-wrapper {
    float: left; width: 220px; text-align: center; margin: 0 20px 20px 0;
}

.bookInfo {
    position: relative;
    padding-bottom: 50px;
}

.bookInfo .btn-order {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: inline-block;
}

.bookInfo .btn-order img {
    position: relative !important;
    margin: 0 !important;
}

#bookPrice {
    position: absolute; right: 20px; font-size: 24px; font-weight: bold; bottom: 60px; color: #fe6950; font-family: Georgia;
}

/* Media queries */
@media screen and (min-width: 991px) {
  #break {
    display: none; }

  .container {
    width: 970px !important; } }
@media screen and (min-width: 1020px) {
  #break {
    display: block; }

  .container {
    width: 1000px !important; } }
@media screen and (max-width: 992px) {
  .pageBox {
    width: 100% !important; }

  .categoryBox {
    width: 100% !important; }

  .poemBox {
    width: 100% !important; }

  .reagerenBox textarea, .pageBox textarea {
    width: 286px; }

  .categoryBox .info {
    float: none;
    margin-top: -10px; }

  #searchPoet {
    margin-left: 15px !important; }

  #loginAdvantagebox {
    float: none !important;
    margin-left: 0px !important;
    margin-bottom: 20px; }

  .reagerenBox p.sec, .pageBox p.sec {
    padding-left: 0px; }

  .reagerenBox .button.button, .pageBox .button.button {
    margin-left: 0px; }

  .navbar-form .form-control {
    width: 168px; }

  #headerTitle h1 a, .loginBox {
    float: none; }

  .navbar-text {
    float: none;
    margin: 15px 0; }

  .navbar-collapse.collapse.in {
    display: block !important; }

  .collapsing {
    overflow: hidden !important; }

  .linkBox li {
    width: 190px; }

  .linkBox li:hover, .linkBox li.active {
    background: none; }

  .infoBox {
    margin-left: 0px !important; }

  .bookBox .bookItem {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0px !important;
    padding-left: 0px !important;
    border-left: none !important;
    border-bottom: 1px solid #d8d0ae; }

  .bookBox hr {
    height: 0; }

  #bookPrice {
    position: relative !important;
    margin: 0px 0px 20px 0px !important; }

  button.btnUserSearch {
    margin-left: 4px !important;
    margin-top: 0px !important; }

  .userFacebook {
    display: none; }

  .leftUserBox {
    border-right: none; }

  .adminMenu {
    position: relative;
    width: auto;
    height: 100px; }

  table.poems {
    width: auto !important; }

  .hideAllMobile {
    display: none; } }
/* Media queries */
@media screen and (min-width: 768px) {
  #break {
    display: none; }

  .container {
    width: 100% !important; } }
@media (max-width: 830px) {
  #searchPoet {
    margin-left: 0px !important; }

  .categoryBox ul {
    width: 100%;
    margin-bottom: 0px; }

  #sidebarRight {
    display: none; }

  #cse-search-box .button {
    margin-top: 4px !important;
    margin-left: 0px !important; }

  .adminMenu {
    height: 220px; }

  #poetSelector {
    margin-top: 10px !important;
    text-align: left !important; }

  #poetSelector select {
    width: 290px !important;
    margin-right: 0px !important;
    margin-left: 0px !important; }

  .btnFindRhymewords {
    margin-top: 4px !important;
    margin-left: 140px !important; } }
@media (max-width: 767px) {
  #rowContent {
    display: block; }

  #sidebarLeft {
    display: block; }

  #contentRight {
    display: block; }

  #headerLoggedin {
    display: none; }

  .nav li.linkLogin {
    display: block; }

  .navbar-nav {
    margin: 7.5px 0px; }

  .container-fluid {
    position: relative; }

  .navbar-form {
    display: none; }

  .hideMobile {
    display: none; }

  .reagerenBox textarea.blue, .pageBox textarea.blue {
    width: 286px; }

  .iconBox ul {
    float: left;
    padding: 0; }

  .iconBox li.twitter {
    padding-left: 8px; }

  .iconBox img {
    float: left;
    margin-bottom: 20px; }

  .scrollBox .frame {
    background: #faf6e5; }

  .scrollBox a.title {
    font-size: 14px; }

  .scrollBox p {
    font-size: 12px; }

  .pageBox input.blue {
    width: 120px; }

  .pageBox textarea.large {
    width: 290px; }

  .pageBox .tab td {
    width: 100%; }

  .newmsgBox textarea {
    width: 158px !important; }

  .poems tr.odd th {
    width: auto !important; }

  .linkBox li {
    width: 230px; }

  .linkBox li {
    float: left; }

  #poemCats {
    display: none;
    margin-top: 10px; }

  #userLinks {
    display: none;
    margin-top: 0px; } }
.categoryBox ul li {
  display: block;
  padding: 3px 0px; }

.banner-home-middle {
  margin: 10px; }

@media (min-width: 992px) {
  .banner-home-top, .banner-home-bottom {
    width: 728px;
    margin: 10px; }

  .banner-home-wide {
    display: none; }

  .banner-home-middle {
    width: 336px;
    height: 280px; }

  .banner-category-middle {
    width: 735px;
    height: 300px; }

  .banner-poem-top {
    width: 100%;
    height: 280px; } }
@media (max-width: 992px) {
  .banner-home-top, .banner-home-bottom {
    width: 728px;
    margin: 10px;
    display: none; }

  .banner-home-wide {
    width: -moz-calc(100% - 20px);
    width: -webkit-calc(100% - 20px);
    width: calc(100% - 20px);
    margin: 10px; }

  .banner-home-middle {
    width: 336px;
    height: 280px; }

  .banner-category-middle {
    width: 336px;
    height: 280px; }

  .banner-poem-top {
    width: 100%;
    height: 280px; } }
@media (max-width: 768px) {
  .banner-category-middle {
    width: 336px;
    height: 280px; } }
@media (max-width: 400px) {
    
    .btn-order {
        position: relative !important;
        margin: 20px 0 !important;
        display: inline-block !important;
    }

    .btn-order img {
        margin: 0 !important;
        position: relative !important;
    }

    .book-cover-wrapper {
        float: none !important;
        width: 100% !important;
        margin: 0 0 20px 0;
    }

  .banner-home-middle {
    width: 300px;
    height: 250px;
    margin-left: -5px; }

  .banner-category-middle {
    width: 300px;
    height: 250px;
    margin-left: -5px; } }
.gsc-control-cse .gsc-table-result {
  border-collapse: separate; }

/** CMP style **/
.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: #fe6950; }

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

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

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

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

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

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

#cmp-modal ul.cmp-consent-options li {
  box-shadow: 0 0 5px rgba(254, 105, 80, 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: #fe6950; }

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

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

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

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

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

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

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

.goedkoopnl-sinterklaas-notice {
    background: transparent url(../images/sinterklaas-icon.png) no-repeat 15px center;
    padding: 15px 15px 15px 90px;
    border: 1px solid #eee;
    box-shadow: 0px 2px 2px rgba(0,0,0,.3);
    border-radius: 5px;
    background-color: #fbf8ea;
    margin-bottom: 20px;
    min-height: 120px;
}

.goedkoopnl-sinterklaas-notice p {
    padding: 0;
    margin: 0;
}