/*
Theme Name: Beleefcomfort
Theme URI: http://www.beleefcomfort.nl/
Description: Wordpress thema gemaakt voor het Belevingscentrum van Wolter & Dros
Version: 1.0
Author: Multitask ICT bv
Author URI: http://multitaskict.nl/
*/


html, body {
  margin:0;
  padding:0;
  height:100%; /* needed for container min-height */
  color:#fff;
  width: 100%;
  overflow: hidden;
}
h1 span {
  display: none;
}
a {
  color: #A6E600; 
  text-decoration: underline;
}
.bg {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}
div#container {
  position:relative; /* needed for footer positioning*/
  margin:0 auto; /* center, not in IE5 */
  width:100%;
  height:auto !important; /* real browsers */
  height:100%; /* IE6: treaded as min-height*/
  min-height:100%;  /* real browsers */
}
#topbar {
  height: 16px;
  width:100%;
  top:0;
  background-color:#a6e600;
}
div#content {
  padding:1em 1em 5em; /* bottom padding for footer */
  width: 100%;
}
#content-block {
  position: absolute;
  top:50%;
  left: 50%;
  height: 450px;
  width: 900px;
  background-image:url(images/content_bg2.png);
  margin-top: -225px;/* negative half of the height */
  margin-left: -450px;
}
#content-block-bottom {
  clear: both;
  width: 100%;
}
#content #text {
  width: 537px;
  height: 400px;
  padding: 22px;
  float: left;
  overflow-y: hidden;
  overflow-y: auto;
  }
#content #nieuws {
  width: 856px;
  height: 406px;
  padding: 22px;
  float: left;
  overflow-x: hidden;
  overflow-y: auto;
  }
#text h1, #text p, #text h2, #nieuws h1, #nieuws p, #nieuws h2 {
  font-family: Arial, Helvetica, sans-serif;
  padding-bottom: 25px;
}
#text.metdankaan p {
  font-family: Arial, Helvetica, sans-serif;
  padding-bottom: 20px;
}
#text h1, #nieuws h1 {
  font-size: 24px;
}
#text h2, #nieuws h2 {
  font-size: 16px;
}
#text h1, #nieuws h1 {
  font-size: 24px;
}
#text p, #text li, #text ul, #text table, #text td, #nieuws p, #nieuws li, #nieuws ul, #nieuws table, #nieuws td {
  font-size: 12px;
  line-height: 16px;
}
#text ul, #nieuws ul {
  font-family: Arial, Helvetica, sans-serif;
  padding: 20px;
  padding-top: 0;
}
#text li, #nieuws li {
  list-style: outside disc;
  padding-bottom: 10px;
}
#content #photos {
  width: 275px;
  padding: 22px;
  padding-bottom: 0;
  float: left;
}
#photos img {
  margin-bottom: 22px;
}
#footer-block {
  height: 62px;
  background-color: #a6e600;
  position: absolute;
  bottom: 0;
  width: 100%;
}
#footer-block-content {
  display: block;
  width: 900px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 7px;
}
#footer-block-content h1 {
  display: block;
  width: 165px;
  height: 49px;
  background-image:url(images/belevingscentrum.gif);
}
#nav {
  height:auto;
  width: 900px;
  top:25px;
  left: 50%;
  margin-left: -450px;
  position:absolute;
}
#nav ul, #nav li {
  display: inline;
  list-style-type: none;
}
#nav a:link, #nav a:visited {
  display: block;
  float: left;
  height: 20px;
  width: 90px;
  margin: 0 5px 0px 0px;
  text-decoration: none;
  color: #999;
  border: none;
  outline: none;
}
#nav a:link#current, #nav a:visited#current, #nav a:hover {
  color: #000;
}
#nav a:hover.home, #nav a.home#current {
  background-image:url(images/menu/home_active.png);
}
#nav a.home {
  background-image:url(images/menu/home_inactive.png);
}
#nav a:hover.voorwie, #nav a.voorwie#current {
  background-image:url(images/menu/voorwie_active.png);
}
#nav a.voorwie {
  background-image:url(images/menu/voorwie_inactive.png);
}
#nav a:hover.nieuws, #nav a.nieuws#current {
  background-image:url(images/menu/nieuws_active.png);
}
#nav a.nieuws {
  background-image:url(images/menu/nieuws_inactive.png);
}
#nav a:hover.reserveer, #nav a.reserveer#current {
  background-image:url(images/menu/reserveer_active.png);
}
#nav a.reserveer {
  background-image:url(images/menu/reserveer_inactive.png);
}
#nav a:hover.participanten, #nav a.participanten#current {
  background-image:url(images/menu/metdankaan_active.png);
}
#nav a.participanten {
  background-image:url(images/menu/metdankaan_inactive.png);
}
#nav a:hover.contact, #nav a.contact#current {
  background-image:url(images/menu/contact_active.png);
}
#nav a.contact {
  background-image:url(images/menu/contact_inactive.png);
}
#nav a:hover.beleefhetzelf, #nav a.beleefhetzelf#current {
  background-image:url(images/menu/beleefhetzelf_active.png);
}
#nav a.beleefhetzelf {
  background-image:url(images/menu/beleefhetzelf_inactive.png);
}
#nav a:hover.metdankaan, #nav a.metdankaan#current {
  background-image:url(images/menu/metdankaan_active.png);
}
#nav a.metdankaan {
  background-image:url(images/menu/metdankaan_inactive.png);
}
#nav a:hover.belevingsbulletin, #nav a.belevingsbulletin#current {
  background-image:url(images/menu/belevingsbulletin_active.png);
}
#nav a.belevingsbulletin {
  background-image:url(images/menu/belevingsbulletin_inactive.png);
}
#nav a span {
  display: none;
}
#footernav {
  height:auto;
  width: 900px;
  bottom:80px;
  left: 50%;
  margin-left: -450px;
  position:absolute;
}
#footernav ul, #footernav li {
  display: inline;
  list-style-type: none;
}
#footernav a:link, #footernav a:visited {
  display: block;
  float: right;
  height: 20px;
  width: 90px;
  margin: 0 5px 0px 0px;
  text-decoration: none;
  color: #999;
  border: none;
  outline: none;
}
#footernav a:link#current, #footernav a:visited#current, #footernav a:hover {
  color: #000;
}
#footernav a:hover.wolterendros, #footernav a.wolterendros#current {
  background-image:url(images/menu/wolterendros_active.png);
}
#footernav a.wolterendros {
  background-image:url(images/menu/wolterendros_inactive.png);
}
#footernav a:hover.tbi, #footernav a.tbi#current {
  background-image:url(images/menu/tbi_active.png);
}
#footernav a.tbi {
  background-image:url(images/menu/tbi_inactive.png);
}
#footernav a:hover.links, #footernav a.links#current {
  background-image:url(images/menu/links_active.png);
}
#footernav a.links {
  background-image:url(images/menu/links_inactive.png);
}
#footernav a:hover.disclaimer, #footernav a.disclaimer#current {
  background-image:url(images/menu/disclaimer_active.png);
}
#footernav a.disclaimer {
  background-image:url(images/menu/disclaimer_inactive.png);
}
#footernav a span {
  display: none;
}
.wpcf7-validation-errors {
  color: #F00;
  font-weight: bold;
  padding-bottom: 30px;
}
body {
   scrollbar-face-color:#111;
   scrollbar-arrow-color:#888;
   scrollbar-track-color:#111;
   scrollbar-shadow-color:#888;
   scrollbar-highlight-color:#888;
   scrollbar-3dlight-color:#111;
   scrollbar-darkshadow-color:#888;
}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 1em 1em}
a img.alignleft {float:left; margin:0 1em 1em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.hentry {
  display: block;
  width: auto;
  clear: both;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

/***********************************
***************Forms****************
***********************************/
#reserveer {
  background-color: #333;
  overflow:auto;
  padding: 200px;
}
#reserveer #container{
  width: 600px;
  position:relative; /* needed for footer positioning*/
  margin:0 auto; /* center, not in IE5 */
  height:100%; /* IE6: treaded as min-height*/
  min-height:100%;  /* real browsers */
}
/* Form validatie styles */

input.validation-failed, textarea.validation-failed {
	line-height: 20px;
	border: 1px solid #FF3300;
	color : #FF3300;
}
input.validation-passed, textarea.validation-passed {
}

.validation-advice {
	clear: both;
	line-height: 20px;
	padding:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#FF0000;
}

.custom-advice {
	line-height: 20px;
	padding:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color:#FF0000;
}
label.error {
  color:#F00;
  float: left;
  clear: both;
  width: auto;
  min-width: 500px;
}
#AanvraagForm  li {
  list-style: none;
}
/***********************************
**        Beleef het Zelf         **
***********************************/
#content.beleefhetzelf #content-block {
  width: 900px;
  height: 494px;
  }
#text.beleefhetzelf h1 {
  float: left;
}
#text.beleefhetzelf #beleefmenu {
  float: left;
  margin-left: 100px;
  width: auto;
  height: auto;
  margin-top: 13px;
  }
#text.beleefhetzelf #beleefmenu img{
  margin-right: 12px;
  }
#text.beleefhetzelf {
  width: 900px !important;
  height: 494px !important;
  padding: 0px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  }
#text.beleefhetzelf h1, #text.beleefhetzelf h2, #text.beleefhetzelf p {
	padding: 10px;
	margin: 0px;
}
#text.beleefhetzelf h2 {
	clear: both;
}
#text.beleefhetzelf hr {
	clear: both;
	width: 100%;
	size: 0px;
	height: 0px;
	padding: 0;
	margin: 0;
}
.wpcf7 br {
	clear: left;
}
.wpcf7 input {
	height: 18px;
}
#BelevingsbulletinForm {
  float: right;
  width: 284px;
  height: 123px;
  background-image: url(images/belevingsbulletin_background.png);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-align:center;
  font-weight: bold;
  margin-right: 3px;
  padding: 10px;
  margin-left: 20px;
  margin-bottom: 20px;
}
#BelevingsbulletinForm label {
  font-size: 10px;
  text-align: left;
  padding-left: 14px;
}
#BelevingsbulletinForm input {
  font-size: 10px;
  text-align: left;
  padding: 3px;
}
#BelevingsbulletinForm label {
  width: 75px;
}
#BelevingsbulletinForm ul, #BelevingsbulletinForm ul li {
  list-style: none;
  padding: 0;
  margin: 0;
}
input#inschrijven {
  background-image: url(images/inschrijven.gif);
  cursor: pointer;
  height: 23px;
  width: 95px;
  border: none;
  float: right;
}
#contactform ul, #contactform li {
  list-style: none;
}