/*        CSS Ingyen       */
/* Sliced by Stijn Zanders */
/*      StijnZanders.nl    */

/* Algemeen */
* {
  margin:0;
  padding:0;
  outline:none;
}

p {
  font-family:Trebuchet MS;
  font-size:12px;
}

fieldset { border:none; }

a { text-decoration:none; color:#1d6dab; }
a:hover { text-decoration:underline; }
a img { border:0; }

label {
  width: 70px;
  float: left;
  font-family:Trebuchet MS;
  padding-top: 2px;
  font-size:11px;
}

html, body {
  height:100%;
  width:100%;
}
  
body {
  background-image:url('/images/body-bg.png');
  background-repeat:repeat-x;
  background-color:#010a32;
}

#spacer {
  width:822px;
  height:387px;
  margin:0 auto;
  background:url('/images/spacer-bg.png') center top no-repeat;
}
/* Algemeen */

/* Wrapper */
#wrapper {
  width:822px;
  margin:0 auto;
}

/* Top */
#top {
  width:822px;
}

h1 a {
  height:0;
  width:482px;
  margin-top:33px;
  padding-top:99px;
  overflow:hidden;
  background:url('/images/h1-bg.png') top left no-repeat;
  float:left;
}

#adds {
  height:42px;
  width:775px;
  padding:30px 0 0 47px;
  background:url('/images/adds-bg.png');
  float:left;
}
/* Top */

/* mid */
#mid {
  width:822px;
  float:left;
}

/* left */
#mid #left {
  width:196px;
  float:left;
}

#mid #left .box {
  width:196px;
  padding-top:27px;
  position:relative;
  background:url('/images/left-box-bg.png') top left no-repeat;
  float:left;
}

#mid #left .box .box-mid {
  width:134px;
  padding:0 31px;
  background:url('/images/left-box-mid-bg.png') repeat-y;
  float:left;
}

#mid #left .box .box-bottom {
  height:31px;
  width:196px;
  background:url('/images/left-box-bottom-bg.png');
  float:left;
}

#mid #left .box .box-mid h3 {
  font-family:Cooper black;
  padding-left:12px;
  width:136px;
  float:left;
}

#mid #left .box .box-mid h3 img {
  position:absolute;
  top:11px;
  float:left;
}

#mid #left .box .box-mid h3.white {
  position:absolute;
  top:14px;
  font-size: 21px;
  line-height: 23px;
  left: 30px;
  font-weight: bold;
  color: #fff;
  padding: 1px 12px 3px 12px;
  width:136px;
  float:left;
}

#mid #left .box .box-mid ul {
  float:left;
  padding:12px 0 0 0;
  list-style-type:none;
}

#mid #left .box .box-mid ul li a{
  display:block;
  height:20px;
  width:110px;
  padding:3px 0 0 23px;
  white-space: nowrap;
  overflow: hidden;
  
  font-family:Trebuchet MS;
  font-size:12px;
  
  background:url('/images/left-box-box-mid-ul-li-bg.png') top center no-repeat;
}

#mid #left .box .box-mid ul li img.del{
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 5px -2px -20px;
}

#mid #left .box .box-mid ul li.last { background:url('/images/left-box-box-mid-ul-li-bg.png') bottom center no-repeat; }
#mid #left .box .box-mid ul li a { color:#fff; }

#mid #left .box .box-mid ul li#adds2 {
  text-align:center;
  padding: 3px 14px 0 14px;
}

#mid #left .box .box-mid ul li#adds2 a {
  height:auto;
  width:148px;
  text-align:center;
  padding:3px 0 0 0;
}

#mid #left .box .box-mid ul li#adds2 a img { margin:5px 0; }
/* left */
/* right */
#mid #right {
  width:612px;
  float:left;
}

#mid #right .box {
  position:relative;
  width:612px;
  padding-top:25px;
  background:url('/images/right-box-bg.png') top no-repeat;
  float:left;
}

#mid #right .box .box-mid {
  width:612px;
  background:url('/images/right-box-box-mid-bg.png');
  float:left;
}

#mid #right .box .box-bottom {
  height:26px;
  width:612px;
  background:url('/images/right-box-bottom-bg.png');
  float:left;
}

#mid #right .box .box-mid h2, #mid #right .box .box-mid h3 {
  position:absolute;
  top:20px;
  left:25px;
  
  font-family:Cooper black;
  font-size:22px;
  font-weight:normal;
  color:#1e6eab;
  float:left;
}

#mid #right .box .box-mid h2.blue, #mid #right .box .box-mid h3.blue {
  position:absolute;
  top:14px;
  font-size: 28px;
  line-height: 32px;
  font-weight: bold;
  color: #1e6eab;
  width: 485px;
  height: 32px;
  padding: 3px 0 3px 0;
}

#mid #right .box .box-mid h5.blue {
  font-size: 20px;
  line-height: 24px;
  font-weight: bold;
  color: #1e6eab;
  padding: 3px 0 3px 0;
}

#mid #right .box .box-mid p.welkom {
  position:relative;
  width:402px;
  padding:20px 148px 0 25px;
  font-family:Trebuchet MS;
  font-size:12px;
  text-align:justify;
  float:left;
}

#mid #right .box .box-mid p img {
  position:absolute;
  right:0;
  /* top:20px; */
  top:-6px;
  float:left;
}

p.sorteer {
  width:572px;
  padding:0 40px 0 0;
  text-align:right;
  
  font-family:Trebuchet MS;
  font-size:12px;
  
  float:left;
}
p.sorteer select { margin-left:10px; }

/* overzicht */
#overzicht {
  width:548px;
  padding-bottom:10px;
  margin-left:22px;
  list-style-type:none;
  background:url(images/overzicht-li-bg.gif) bottom repeat-x;
  float:left;
}

#overzicht li {
  width:548px;
  margin-top:10px;
  padding-top:10px;
  background:url(images/overzicht-li-bg.gif) repeat-x top;
  float:left;
}

#overzicht li h4 {
  width:548px;
  
  line-height:25px;
  text-align:right;  
  font-family:Trebuchet MS;
  font-size:12px;
  font-weight:normal;
  color:#000;
  
  float:left;
}

#overzicht li h4 span {
  text-align:left;
  
  font-family:Trebuchet MS;
  font-size:18px;
  font-weight:normal;
  color:#1d6dab;
  
  float:left;
}

#overzicht li .mid {
  float:left;
  padding:10px 0 0 0;
}

#overzicht li .mid .left {
  height:74px;
  width:74px;
  padding:6px 15px 6px 6px;
  background:url(images/overzicht-mid-left-bg.gif) no-repeat;
  float:left;
}

#overzicht li .mid .right {
}

#overzicht li .mid .right p {
  font-family:Trebuchet MS;
  text-align:justify;
  font-size:12px;
}

#overzicht li .mid .right .bottom {
  width:453px;
  margin-top:10px;
  position:relative;
  font-family:Trebuchet MS;
  font-size:12px;
  
  float:left;
}

#overzicht li .mid .right .bottom a {
  color:#1d6dab;
  text-decoration:underline;
}

span.reacties {
  /* width:102px; */
  width: 98px;
  float:left;
}

span.waardering {
  /* width:165px; */
  width: 147px;
  float:left;
}

span.views {
  float:left;
}

#overzicht li .mid .right .bottom .lees-meer {
  height:0;
  width:83px;
  padding-top:26px;
  overflow:hidden;
  background:url(images/overzicht-lees-meer.gif);
  position:absolute;
  top:0;
  right:0;
  float:left;
}

#overzicht li.banner {
  padding-top: 14px;
  text-align:center;
}

#pagina {
  width:548px;
  padding:10px 0 0 22px;
  
  font-family:Trebuchet MS;
  font-size:12px;
  
  float:left;
}

#pagina a {
  color:#1d6dab;
  text-decoration:underline;
}
/* overzicht */
/* right */
/* mid */

/* footer */
#footer {
  clear: both;
  text-align:center;
  padding:10px 0 30px 50px;
  
  font-family:Trebuchet MS;
  font-size:11px;
  color:#538bba;
}

#footer a {
  color:#538bba;
  text-decoration:underline;
}
/* footer */

/* Wrapper */

/* detail */
.detail .text{
  width:549px;
  float:left;
}

.detail .text .left {
  width:400px;
  float:left;
}

.detail .text .left .image {
  width:144px;
  padding:0 6px 3px 6px;
  background:url('/images/detail-text-left-image-bg.gif') bottom no-repeat;
  clear: left;
  float:left;
}
.detail .text .left .preimage {
  width:144px;
  padding:0 6px 0 6px;
  background:url('/images/detail-text-left-image-bg.gif') top no-repeat;
  float:left;
  overflow: hidden;
  height: 6px;
}
.detail .text .left .right {
  width:234px;
  padding:0 0 0 10px;
  float:left;
}

.detail .text .left .right p{
  width:234px;
  padding:0 0 5px 0;
  
  font-family:Trebuchet MS;
  font-size:12px;
  text-align:justify;
  
  float:left;
}

div.waardering {
  clear: left;
}
.waardering {
  font-family:Trebuchet MS;
  font-size:12px;
}

.waardering input {
  display:block;
  margin-bottom:5px;
}
.waardering div {
  margin-top:10px;
  width:58px;
  float:left;
}

.waardering input#submit {
  margin-top:10px;
  float:left;
}

.detail .text .text-right, .detail .reacties .right {
  width:122px;
  overflow:hidden;
  padding:5px 3px 5px 10px;
  background-color:#d0e2f2;
  border:1px solid #8cb8dc;
  
  font-family:Trebuchet MS;
  font-size:12px;
  
  float:right;
}

.detail .text .text-right a, .detail .reacties .right  a{
  color:#1e6eab;
  text-decoration:underline;
}

.detail .text .text-right ul, .detail .reacties .right ul {
  float:left;
  list-style-type:none;
}

.detail .text .text-right ul li, .detail .reacties .right ul li {
  float:left;
  background:url(images/detail-ul-li-bg.gif) left top no-repeat !important;
  margin:3px 0 !important;
  padding:0 0 0 16px !important;
}

ul.nodots {
  list-style: none; 
  margin: 0 !important;
  padding: 0 !important;
}
ul.nodots li {
  font-family:Trebuchet MS;
  font-size:12px;
  background: transparent !important;
  margin: 2px 0 !important;
  padding: 0 !important;
}
ul.nodots li a {
  color: black;
}

.detail .text .text-right ul li a, .detail .reacties .right ul li a{
  width:109px;
  float:left;
}

.detail .text .text-right span {
  color:#ff4646;
}

.detail #banner {
  background:url(images/overzicht-li-bg.gif) repeat-x top;
  width:548px;
  margin-top:20px;
  padding-top:20px;
  padding-bottom: 14px;
  text-align:center;
  float:left;
}
/* reacties */
.detail .reacties {
  width:548px;
  padding-top:10px;
  background:url(images/overzicht-li-bg.gif) top repeat-x;
  float:left;
}

.detail .reacties .left {
  width:400px;
  float:left;
}

.detail .reacties .left ul {
  width:400px;
  list-style-type:none;
  float:left;
}

.detail .reacties .left ul li {
  width:400px !important;
  padding:10px 0 0 0 !important;
  margin:0 !important;
  background:none !important;
  
  font-family:Trebuchet MS;
  font-size:12px;
  
  float:left;
}

.detail .reacties .left ul li a {
  color:#1e6eab;
  text-decoration:underline;
}

.detail .reacties .left ul li p {
  width:400px;
  padding-bottom:10px;
  text-align:justify;
}

.detail .plaats-reactie {
  width:548px;
  padding-top:10px;
  margin-top:10px;
  background:url(images/overzicht-li-bg.gif) top repeat-x;
  
  font-family:Trebuchet MS;
  font-size:12px;
  
  float:left;
}

.detail .plaats-reactie div {
  position:relative;
  width:548px;
  padding:5px 0;
  float:left;
}

.detail .plaats-reactie div input {
  position:absolute;
  left:140px;
}

.detail .plaats-reactie div select {
  position:absolute;
  left:140px;
}

.detail .plaats-reactie div img {
  top:0;
  bottom:10px;
  left:300px;
  position:absolute;
}

.detail .plaats-reactie textarea {
  height:100px;
  margin:0 248px 10px 0;
  width:300px;
  float:left;
}
/* reacties */