/* css by cmsservices.be */

/* checked browsers IE6, IE7, IE8, FF3, CHR3 */

/* === body layout === */

* {
  margin: 0;           /* global settings */
  padding: 0;
}

html {
   overflow: -moz-scrollbars-vertical;   /* always show scrollbar in FF */
   overflow-y: scroll;                   /* always show scrollbar in IE */
   overflow-x: hidden;                   /* never show horizontal scrollbar - bugfix "overflow-y:scroll;" for IE8 */
}

html, body {
  height: 100%;        /* puts footer at bottom of short pages */
}

body {
  color: #333;
  font: 11px Verdana, sans-serif;
  background-color: #eeeeee;
}

/* === Rich Text Editor (RTE) (and default layout) === */

h1 {                                            /* also for titles of elements */
  font-weight: bold;
  font-size: 1.2em;
  font-face: Verdana, sans-serif;
  margin-bottom: 20px;
}

h2 {
  font-weight: bold;
  font-size: 1em;
  font-face: Verdana, sans-serif;
  color: #777;
  margin-bottom: 20px;
}

h3 {
  font-weight: bold;
  font-size: 0.9em;
  font-face: Verdana, sans-serif;
  color: #777;
  margin-bottom: 20px;
}

p {
  line-height: 1.5em;
  margin-bottom: 20px;
}

td {vertical-align: top;}

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }

ul, ol {
  line-height: 1.5em;
  margin-bottom: 20px;
  padding-left: 20px;
}

ul ul, ol ol {                    /* no vertical space at bottom of nested lists */
  margin-bottom: 0px;
  padding-left: 20px;
}

hr {
  margin-bottom: 20px;
  color: #000;
  background-color: #000;
  height: 1px;
  border-width: 0;
}

a {
  color: #3333CC;
  text-decoration: none;
}

a:hover {
  color: #3333CC;
  text-decoration: underline;
}

/* === page layout === */

#container-page {
  margin: 0 auto;               /* center page in window */
  width: 750px;                 /* fixed width of the page */
  background-color: #ffffff;
  background-image: url(images/bg_page.jpg);
  text-align: left;
  position: relative;           /* in order to use "absolute" pos. in child divs - in this case not in use*/
  min-height: 100%;             /* puts footer at bottom of short pages */
  height: auto !important;      /* puts footer at bottom of short pages */
  height: 100%;                 /* puts footer at bottom of short pages */
  background-position: top;
  background-repeat: repeat-x
}

#topmargin {                    /* margin above header */
  height: 0px;
  background-color: #ffffff;    /* same BG as body */
}

/* === header layout === */

#container-header {             /* no inline content in this container - everything is floating */
  position: relative;           /* in order to use "absolute" pos. in child divs */
  height: 60px;                 /* fixed height of the header */
  background: #999;             /* container-header only used for bg-color or -image */
  background-image: url(images/header_tijdlijn.jpg);    /* remove or replace image name */
}

#logo {
  position: absolute;           /* only possible if parent is "relative" pos. */
  top: 10px;
  left: 10px;
  height: 40px;
  width: 230px;
  color: #aaaaaa;
  text-indent: -9999px;         /* hide content DIV#logo */
  overflow: hidden;             /* hide content DIV#logo */
}

#logo a {                       /* making the full DIV#logo clickable */
  width:100%;
  height:100%;
  display:block;
}

#nav-h {
  position: absolute;
  top: 30px;
  left: 280px;
  height: 30px;
  width: 470px;
  color: #ffffff;
  padding: 0;
  line-height: 30px;
}

#nav-h ul {
  list-style: none;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px;
  line-height: 30px;
}

#nav-h li {
  display: inline;
  font-weight: bold;
}

#nav-h a, #nav-h a:link, #nav-h a:visited {
       float: left;
       margin: 0 8px 0 0;

  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #F5F5F5;
  background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #B3B3B3;
  border-image: none;
  border-radius: 8px 8px 0 0;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
  color: #333333;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  line-height: 20px;
  padding: 4px 12px;
  text-align: center;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;

}

#nav-h a:hover, #nav-h a:active {
  color: #ffffff;
  background-color: #666;
  text-decoration: underline;
}

#nav-h a.cur, #nav-h a:link.cur, #nav-h a:visited.cur {
  color: #000000;
  background-color: #ddd;
  text-decoration: none;
}

#nav-h a:hover.cur, #nav-h a:active.cur {
  color: #000000;
  background-color: #ddd;
  text-decoration: none;
}

/* === content layout === */

#container-content {
  padding: 0;
  padding-bottom: 40px;           /* height of footer to prevent overlap with footer */
}

#container-content:after {        /* push footer down out of the window at bottom of long pages in new browsers */
  clear: both;                    /* don't change */
  display: block;
  font: 1px/0px serif;
  content: ".";
  height: 0;
  visibility: hidden;
}

#left {                            /* content-box model */
  padding: 40px 0 20px 0;          /* true_width = width + margin + padding + border */
  width: 150px;
  float: left;                     /* make room for "div#main" and "div#right" & liquid to push footer down at bottom of long pages */
}

#leftbox {
  margin: 0px 10px 20px 10px;
  background-color: #ffffff;
}

#main {                             /* content-box model */
  width: 550px;                     /* true_width = width + margin + padding + border */
  float: left;                      /* make room for "div#right" & liquid to push footer down at bottom of long pages */
  padding: 40px 30px 20px 20px;
  overflow: hidden;
}

#content {
  padding: 0px;
}

#content td img {                   /* fix to get rid of vertical spaces between images in a table */
  display: block;;
}

/* === footer layout === */

#container-footer {
  clear: both;                            /* clear liquid to push footer down at bottom of long pages */
  width: 100%;
  background: #cccccc;
  position: absolute;                     /* puts footer at bottom of short pages */
  bottom: 0 !important;                   /* puts footer at bottom of short pages */
  bottom: -1px;                           /* puts footer at bottom of short pages */
  height: 40px;
}

#container-footer p {
  line-height: 40px;
  margin-bottom: 0px;
}

#footer-left {
  padding: 0 1em;
  line-height: 40px;                     /* same as container-footer height */
  float: left;
  text-align:left;
}

#footer-center {
  padding: 0 1em;
  line-height: 40px;                     /* same as container-footer hight */

  height: 40px;                          /* same as container-footer hight */
  text-align: center;
}

#footer-right {
  padding: 0 1em;
  line-height: 40px;                    /* same as container-footer hight */
  float:  right;
  text-align: right;
}


#container-footer a, #container-footer a:link, #container-footer a:visited {}

#container-footer a:hover, #container-footer a:active {
  color: #ffffff;
}

/* === contact form === */

.csc-mailform, .csc-mailform-radio, .csc-mailform-check, .csc-mailform-radio fieldset {
        border: 0px;
}

.csc-mailform-field {
        margin: 5px 0px 5px 0px; 
}

.csc-mailform-field label {
	display: block;            /* block float the labels to left column, set a width */
	float: left; 
	width: 50px;
	padding-right: 10px; 
	margin: 5px 0 0;          /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	clear: left;
}

textarea {
   font-family:arial,sans-serif
}

input#mailformformtype_mail {
margin-left: 150px;
}

p.verplicht {
margin-left: 150px;
}

.csc-mailform-radio label {
	display: inline;  /* block float the labels to left column, set a width */
	float: none; 
	width: 50px; 
	padding-right: 10px; 
	margin: 5px 0 0 6px; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	clear: none;
}

.csc-mailform-radio legend {
        display: none;
}