body,
button,
input,
select,
textarea {
  color: #2a2a2a;
  font: 12px Arial, Verdana, Tahoma, sans-serif;
}

body {
  line-height: 1.5;
}

a {
  color: #2a2a2a;
}

a:hover {
  color: #f87904 !important;
}

a img {
  border: 0;
}

body,
html {
  margin: 0;
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
ol,
ul {
  margin: 0 0 0.9em 0;
}

h1 {
  color: #58585a;
  font-size: 18px;
}

h2 {
  font-size: 16px;
}

h3 {
  font-size: 14px;
}

ol,
ul {
  padding: 0;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

button,
label[for] {
  cursor: pointer;
}

button {

}

button:hover {
}

legend {
  display: none;
}

input[type=password],
input[type=text],
select,
textarea {
  background: #fff;
  border: 1px solid #d6d6d7;
  color: #2a2a2a;
  height: 20px;
  line-height: 20px;
  padding: 0 3px;
  width: 392px;
}

select {
  height: auto;
}

textarea {
  height: 120px;
  overflow: auto;
}

textarea.large {
  height: 200px;
}

input[type=password]:focus,
input[type=text]:focus,
select:focus,
textarea:focus {
  border-color: #f7a11a;
}

input[type=radio] {
  margin-left: 0;
  margin-top: 0;
}

select {
  padding-bottom: 0;
  padding-right: 1px;
  width: 169px !important;
}

/*#BASIC#*/
#base {
  margin: auto;
  width: 940px;
}

#base #header {
  background: url(/img/base/header.png) repeat-y right;
  height: 90px;
  margin-bottom: 2px;
  position: relative;
}

#base #header ul {
  font-size: 11px;
  list-style: none;
  position: absolute;
  right: 10px;
  top: 10px;
}

#base #header ul > li {
  display: inline;
}

#base #logo {
  left: 15px;
  position: absolute;
  top: 15px;
}

#base #nav {
  background: #58585a;
  font-size: 14px;
  font-weight: bold;
  height: 30px;
  letter-spacing: -1px;
  list-style: none;
  margin-bottom: 2px;
}

#base #nav > li {
  background: url(/img/base/bullet.png) no-repeat 0 12px;
  float: left;
  height: 30px;
  line-height: 30px;
  margin-left: 12px;
  position: relative;
  z-index: 10; /* Hoger dan carrousel */
}


#base #nav > li:hover > a {
  color: #f87904;
}

#base #nav > li:hover ul {
  display: block;
}

#base #nav li {
  height: 30px;
  line-height: 30px;
}

#base #nav li a {
  color: #fff;
  height: 25px;
  margin-bottom: 2px;
  padding-left: 15px;
  text-decoration: none;
}

#base #nav li ul {
  background: #58585a;
  display: none;
  font-size: 12px;
  left: 0;
  letter-spacing: normal;
  list-style: none;
  position: absolute;
  top: 100%;
  width: 260px;
}

#base #main {
  background: url(/img/base/main.gif) repeat-y right;
}

#base #b-1 {
  float: left;
  margin-right: 2px;
  width: 688px;
}

#base #b-2 {
  float: left;
  width: 250px;
}

#base #b-2 img {
  border-bottom: 2px solid #fff;
}

#base #carrousel {
  height: 250px;
  position: relative;
  width: 688px;
}

#base #carrousel .img {
  height: 250px;
  left: 0;
  position: absolute;
  top: 0;
  width: 688px;
}

#carrousel .controls {
  bottom: 10px;
  left: 10px;
  list-style: none;
  position: absolute;
  z-index: 10;
}

#carrousel .controls a {
  background: #58585a;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  color: #fff;
  display: block;
  float: left;
  font: bold 14px Arial;
  height: 24px;
  line-height: 24px;
  margin-left: 2px;
  text-align: center;
  text-decoration: none;
  width: 24px;
}

#carrousel .controls a:hover {
  color: #fff !important;
}

#carrousel .controls a.activeSlide {
  background: #f87904;
}

#base #content-outer {
  background: url(/img/collage/collage-home.jpg) no-repeat bottom;
  min-height: 186px;
  padding: 10px 20px 90px 20px;
}

#base #content-outer.collage-2 {
  background-image: url(/img/collage/collage-2.jpg);
}

#base #content-outer.collage-3 {
  background-image: url(/img/collage/collage-3.jpg);
}

#base #content-outer.collage-4 {
  background-image: url(/img/collage/collage-4.jpg);
}

#base #intro-text {
  border-bottom: 2px solid #fff;
  color: #fff;
  font-size: 11px;
  height: 220px;
  padding: 15px;
  position: relative;
}

#base #intro-text a {
  color: #fff !important;
}

#base #intro-text.fluid {
	border: none;
	height: auto;
}

#base #b-1 > .inner {
  padding-right: 30px;
}

#base #content .intro {
  background: #efeff0;
  font-weight: bold;
  padding: 10px 20px;
}

#base #footer {
  background: #58585a;
  color: #fff;
  font-size: 11px;
  height: 45px;
  padding-top: 5px;
  position: relative;
  text-align: center;
}

#base #footer a {
  color: #fff;
}

#base #footer .sn {
  position: absolute;
  right: 10px;
  top: 16px;
}

#buttons {
  overflow: hidden;
}

#buttons img {
  display: block;
  float: left;
  margin-left: 11px;
}

#buttons img.first-item {
  margin-left: 0;
}

#faq {
  list-style: none;
}

#faq .q {
  background: #e9e9e9;
  font-size: 14px;
  font-weight: bold;
  padding: 5px;
}

#faq .a {
}

#klimaattabel {
  border: 1px solid #e3e4e5;
}

#klimaattabel caption {
  color: #808080;
  font-size: 11px;
}

#klimaattabel tbody th {
  padding-left: 3px;
  text-align: left;
  width: 200px;
}

#klimaattabel tbody td {
  padding: 3px 5px;
  text-align: center;
}

#klimaattabel tbody tr.row-1 {
  background: #fcbc82;
}

#algemene-voorwaarden {
  font-size: 0.85em;
}

#overons li {
  height: 160px;
  width: 311px;
}

#partners li {
  height: 185px;
}

#partners li .content {
  text-align: center;
}

#partners li .content a {
  display: block
}

.stel-je-voor {
  color: #888;
  font-style: italic;
  padding-left: 30px;
}

.customlist-2 {
  list-style: none;
  overflow: hidden;
}

.customlist-2 li {
  border: 1px solid #e3e4e5;
  float: left;
  height: 160px;
  margin: 0 14px 14px 0;
  padding: 2px;
  width: 311px;
}

.customlist-2 li.last {
  margin-right: 0;
}

.customlist-2  li .naam {
  background: #f87904;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding-left: 10px;
}

.customlist-2 li .content {
  padding: 0 10px;
}

/*CONTENT GERELATEERDE BLOKKEN (de .custom-image is 160px breed en heeft 20px margin-right)*/

.custom-image + div.text {
  float: left;
  width: 410px;
}

/* Globals */
.custom-list li {
  background: url(/img/base/basic-arrow-small.gif) no-repeat 0 6px;
  list-style: none;
  margin-bottom: 5px;
  padding-left: 10px;
}

.custom-list li a {
  color: #76767a;
  text-decoration: none;
}

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

.custom-list-plain li {
  margin-left: 2em;
}

.custom-form {
  background: #efeff0;
  padding: 3px 10px;
}

.custom-img {
  border: 1px solid #e3e4e5;
  display: block;
  float: left;
  padding: 2px;
}

.custom-imgs .custom-img {
  margin-right: 3px;
}

.kreet {
  border: none !important;
  bottom: 10px;
  position: absolute;
}

/* Wordt gebruikt in de .custom-list, maar ook in content blokken */
.more {
  background: none !important;
  text-align: right;
}

.more span {
  background: url(/img/base/basic-arrow-small.gif) no-repeat 0 6px;
  padding-left: 13px;
}

.error {
  border: 2px solid #f77d1a;
  padding: 10px;
}

.error img {
  vertical-align: middle;
}

.required {
  color: #f28713;
}

.custom-list li.more a {
  text-decoration: underline;
}

.custom-image {
  float: left;
  margin-right: 20px;
  position: relative;
  width: 160px;
}

.custom-image img {
  display: block;
}

.custom-image .overlay {
  background: #fff;
  filter: alpha(opacity=50);
  height: 100%;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: 0;
  width: 30px;
}

.faux-header {
  color: #f7a11a;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: -1px;
}

.inschrijf-info,
.styleblock {
  background: #efefef;
  border: 2px solid #f87904;
  margin-bottom: 1em;
  padding: 5px 15px;
}

.standout {
}

/* Global 'spacers' */
.grouping {
  overflow: hidden;
}

.spacing {
  margin-bottom: 15px !important;
}

.spacing-small {
  margin-bottom: 10px !important;
}

.spacing-large {
  margin-bottom: 3em;
}

.no-spacing {
  margin: 0 !important;
}

.kleine-lettertjes {
  color: #75797d;
  font-size: 9px;
  font-style: italic;
}

/* Styling voor de velden uit de formulieren */
.form-row {
  margin-bottom: 5px;
  overflow: hidden;
  position: relative;
}

.form-row .form-label {
  float: left;
  padding-right: 10px;
  width: 218px
}

.form-row .form-label > label {
}

.form-row .form-input {
  float: left;
  overflow: hidden;
  width: 400px;
}

.form-row .split-50 {
  float: left;
  width: 50%;
}

.form-row.checkitem input[type=checkbox],
.form-row.checkitem input[type=radio] {
  float: left;
  width: 20px;
}

.form-row.checkitem .extra {
  padding-left: 20px;
}

.form-row.checkitem label {
  float: left;
  width: 500px;
}

.form-row .errorimg {
  left: 205px;
  position: absolute;
  top: 3px;
}

.size-52 {
  width: 51px !important /* Minus padding en 1px border-left */
}

.size-30 {
  width: 20px !important /* Minus padding en 1px border-left */
}

.size-70 {
  width: 70px !important /* Minus padding en 1px border-left */
}

.size-111 {
  width: 106px !important/* Minus padding en 1px border-left */
}

.divide {
  margin-right: 7px;
}

.button-container {
  text-align: center;
}

.toelichting {
  font-size: 10px;
}

.stars {
  vertical-align: top;
}