* {
  padding: 0px;
  margin: 0px;
}


body {
  margin: 0px auto;
  padding: 0px;
  font-family: Verdana, Arial, Helvetica;
  font-size: 11px;
  font-weight: lighter;
  line-height: 17px;
  color: #5e5e5e;
}

p {
  margin-bottom: 15px;
  text-align: justify;
}

h1 {
  margin: 0px;
  padding: 0px;
  margin-bottom: 15px;
  color: #95c33c;
  font: 23px Verdana;
}

h2  {
  margin: 0px;
  padding: 0px;
  margin-bottom: 15px;
  color: #454646;
  font: 16px Verdana;
}

h3  {
  margin-left: 50px;
  padding: 0px;
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
  color: #454646;
  font: 14px/39px Verdana;
}

h4
{
  padding: 0px;
  display: block;
  font-weight: bold;
  margin-bottom: 15px;
  color: #454646;
  font: 14px/25px Verdana;
}

/* top - navigatie */

#top-menu-wrapper {
  width: 930px;
  padding-right: 30px;
  height: 35px;
  padding-top: 10px;
  margin: 0px auto;
  margin-top: 0px;
  text-align: center;
  background: url(../images/top-back.png) 0% 0% no-repeat;
}

/* top - navigatie */
#top-menu-wrapper ul { height: 15px; list-style-type: none; padding: 0px;}
#top-menu-wrapper ul li {  height:20px; float: right; list-style: none;  list-style-type: none; border-left: 1px dotted #999;}
#top-menu-wrapper ul li.last { border-right: 1px dotted #999;}
#top-menu-wrapper ul li a { font: 12px/20px verdana; color:#333; cursor: pointer; padding-left: 20px; padding-right: 20px; text-align: center; text-decoration: none; display: block; }
#top-menu-wrapper ul li:hover a,
#top-menu-wrapper ul li a:hover { text-decoration: none; background: #e4e4e4;}

/* navigatie */
#menu-wrapper
{
  width: 100%;
  background: #dbdbdb;
  height: 30px;
  margin-top: 20px;
  text-align: center;
}

/* navigatie - niveau 1 */
#menu-wrapper ul { width: 960px; height: 30px; margin: 0 auto; list-style-type: none; padding: 0px;}
#menu-wrapper ul li { position:relative; height:30px; display:block; float:left; width:240px; text-transform: uppercase; list-style: none;  list-style-type: none;}
#menu-wrapper ul li a { font: 25px/40px Chalet; color:#fff; display:block; cursor: pointer; text-align: center; text-decoration: none; height: 30px; }
#menu-wrapper ul li:hover a,
#menu-wrapper ul li a:hover { }

/* navigatie - niveau 2 */
#menu-wrapper ul li ul { position:relative; top:0px; display:none; width:240px; z-index:2; list-style-type: none; margin: 0px; padding: 0px; }
#menu-wrapper ul li:hover ul { display:block; }
#menu-wrapper ul li ul li { clear:both; width:240px; }
#menu-wrapper ul li:hover ul li a,
#menu-wrapper ul li ul li a { width:240px; display:block; font-weight:normal;  font: 15px/30px Chalet !important; }
#menu-wrapper ul li ul li:hover a,
#menu-wrapper ul li ul li a:hover { color:#fff; }

.groen, .groen ul li a {background: #a9d064;}
.oranje, .oranje ul li a {background: #fda94f;}
.blauw, .blauw ul li a {background: #90cfe9;}
.rood, .rood ul li a {background: #f15850;}

.groen:hover, .groen ul li a:hover  {background: #94c43d;}
.oranje:hover, .oranje ul li a:hover {background: #fd9423;}
.blauw:hover, .blauw ul li a:hover {background: #74c3e4;}
.rood:hover, .rood ul li a:hover {background: #ee2e24;}

#header-wrapper {
  width: 100%;
  background-repeat:no-repeat;
  background-position: top center;
  height: 325px;
  margin-top: 0px;
  padding-top: 10px;
  text-align: center;
  border-bottom: 0px solid #fff;
  border-top: 0px solid #fff;
}

.logo-wrapper {
  height: 67px;
  width: 100%;
  background: url(../images/logo-bg.png) bottom left repeat-x;
  padding-top: 203px;
}

.logo {
  width: 960px;
  text-align: left;
  margin: 0 auto;
}

.logo img {
  border: 0px;
}


#content-wrapper {
  width: 920px;
  background: white;
  min-height: 400px;
  text-align: left;
  border: 0px solid #dadada;
  margin: 20px auto;
  padding-left: 20px;
  padding-right: 20px;
}

#content-wrapper table tr td {
  border: 1px solid gray;
}

#content-wrapper #fields table tr td {
  border: 0px;
}

#content-wrapper ul {
  margin-left: 30px;
  margin-bottom: 20px;
}


.right

{
border: 0px solid gray;
width: 447px;
float: right;
}

.left

{
border: 0px solid green;
float: left;
width: 447px;

}

/* 3 - 1 Columns */

.right-narrow
{
width: 208px;
float: right;
/*background: red;*/
}

.left-wide
{
float: left;
width: 690px;

}

.images-left
{
  float: left;
  display: block;

}

.images-right
{
  float: left;
  display: block;
}

#note {
    color: red;
    margin-bottom: 10px;
}


.notification_ok {
  color: green !important;
}


table.rooster
{
  width: 447px;
  background-color: #eee;
}

table.rooster tr td
{
   height: 45px;
   width: 40px;
   border: 0px solid gray !important;
   text-align: center;
}

table.rooster tr:hover
{
  background-color: #dbdbdb;
  border-bottom: 1px solid gray;
}

table.rooster tr:hover
{
  border-bottom: 1px solid gray;
}

td.dagen  {
  margin: 0px;
  padding: 0px;
  margin-bottom: 15px;
  color: white;
  font: 15px Verdana;
  text-align: center;
  background-color: #94c43d;
}

td.tijd
{
  margin: 0px;
  padding: 0px;
  margin-bottom: 15px;
  color: #454646;
  font-weight: bold;
  font: 11px Verdana;
  text-align: center;
}

table.prijslijst {
  width: 690px;
  border: 0px;
}

table.prijslijst tr td {
  border: 0px !important;
  padding: 15px;
}

table.prijslijst tr.gray {
  background: #e4e4e4;
}

strong {
  font-weight: bold;
}