html, body, div#maincontainer, div#bodycontainer, div#indexcontainer {
  height: 100%;
  margin-bottom: 10px;
}

body {
  margin: 5px auto 20px auto;
  text-align: center;
  font-family: Arial, Verdana;
  font-size: 12px;
  color: #555049;
  background: #DEFFFF url(/fileadmin/Crayenester/Images/achtergrond2.gif) no-repeat top center;
  _behavior: url(/fileadmin/Crayenester/Templates/csshover.htc); /* call hover behaviour file for IE */
}

ul {
  margin-left: -40px; /* Pull the margin back for NS4.7, Firefox etc. */
  padding-left: 0px;
}

ul li {
  margin-left: 40px; /* Push the list back in for non NS4.7, Firefox etc. */
}

a:link, a:visited {
  text-decoration: none;
  color: #000099;
}

h1 {
  font-size: 13px;
  font-weight: bold;
  padding-left: 10px;
  margin: 10px auto 0px auto;
}

h2, .csc-header h1 {
  font-size: 12px;
  font-weight: bold;
  padding-left: 10px;
  margin: 10px auto 0px auto;
}

p.bodytext{
  padding-left: 10px;
  padding-top: 0px;
  margin: 10px auto 0px auto;
}


div.textitembodyred a:link, div.textitembodyred a:visited {
  color: white;
}

a:hover {
  text-decoration: underline;
}

div#maincontainer {
  width: 920px;
  margin: 0 auto;
  text-align: left;
}

div#bodycontainer {
  float: left;
  width: 692px;

}

div#indexcontainer {
  width: 210px;
  float: left;
  margin-right: 18px;
  /* overflow: hidden; */
}

div#textcontainer {
  float: left;
  width: 425px;
  padding: auto 10px auto 10px;
  color: bue;
  height: 600px
  overflow: auto;
}

div#logo, div#index, div#indexfooter {
  width: 100%;
}

div#logo {
  Tbackground: url(/fileadmin/Crayenester/Images/steen_linksboven2.gif) no-repeat center 10px;
  height: 160px;
  padding-top: 5px;
}

div#index {
  margin-bottom: 50px;
}

div#indexfooter {
  height: 100%;
}

div.indexitem, indexitem {
  margin: -1px 0px 0px 0px;
  height: 23px;
  padding-top: 4px;
  padding-left: 30px;
  border: 1px solid red;
/*  background: url(/fileadmin/images/indexachtergrond.gif) #aaa093 no-repeat center; */
  background-color: #E6FFFF;
  color: #000099;
  font-size: 12px;
  width: 179px;
  _width: 205px;
}


LI:HOVER div.indexitem {
/*  background: url(/fileadmin/images/indexachtergrond2.gif) #aaa093 no-repeat left; */
}

div.indexitem2, indexitem2 {
  margin: -1px 0px 0px 0px;
  height: 23px;
  padding-top: 4px;
  padding-left: 30px;
  border: 1px solid red;
  background-color: #E6FFFF;
  color: #000099;
  font-size: 12px;
  width: 179px;
  _width: 205px;
}
ul ul LI:HOVER div.indexitem2 {
/*  background: url(/fileadmin/images/indexachtergrond3.gif) #d5d0cb no-repeat left; */
}
div.indexitem3, indexitem3 {
  margin: -1px 0px 0px 0px;
  height: 23px;
  padding-top: 4px;
  padding-left: 30px;
  border: 1px solid red;
  background-color: #E6FFFF;
  color: #000099;
  font-size: 12px;
  width: 179px;
  _width: 205px;
}

div.indexfirst {
  border-top: 1px solid red;
  margin-top: -1px;
}

ul ul ul LI:HOVER div.indexitem3 {
/*  background: url(/fileadmin/images/indexachtergrond3.gif) #e0e0e0 no-repeat left; */
}

/* Verticaal menu met foldout oplossing volgens Peter Nederlofs principe: csshover.htc is nodig voor IE */

div#index ul {
  list-style-type: none;
  list-style-position: outside;
  margin-top: 3px;
  _margin-top: -1px;
  text-align: left;
  width: 100%;
}

#index a {
  display: block;
}

#index li {
  position:relative;
}

#index ul ul {
  position: absolute;
  top: -2px;
  _top: 0px;
  left: 210px;
  _left: 205px;
  width: 205px;
}
#index ul ul ul {
  position: absolute;
  top: -2px;
  _top: 0px;
  left: 210;
  _left: 205px;
  width: 205px;
}

#index ul li {
  _float: left;
  _margin-left: 20px;
}

div#index ul ul, div#index ul li:hover ul ul {display: none;}
div#index ul li:hover ul, div#index ul ul li:hover ul {display: block;}
div#index ul ul ul, div#index ul ul li:hover ul ul {display: none;}
div#index ul ul li:hover ul, div#index ul ul ul li:hover ul {display: block;}

/* einde verticaal menu met foldout */


.indexitem A {
  color: #000099;
  font-size: 12px;
}

a.red {
  color: red;
}

div#pageheader {
  color: white;
  background: url(/fileadmin/Crayenester/Images/kop.gif) no-repeat center;
  width: 665px;
  _width: 680px;
  height: 130px;
  _height: 150px;
  padding: 10px;
  margin-bottom: 10px;
}

div#pageheadertop {
  width: 100%;
  text-align: justify;
  clear: both;
}

div#pagemenutop {
  float: right;
  margin-top: 1px;
  color: #000099;
  }
  
div#pagemenutop a {
  color: #000099;
  font-size: 11px;
  text-decoration: none;
}

div#pagemenutop a:hover {
  text-decoration: underline;
}

div#pageheadertop input {
  color: white;
  border-style: none;
  background-color: #aaa093;
  width: 140px;
  height: 16px;
  padding-left: 10px;
}

div#pageheaderbody {
  position: relative;
  top: 30px;
  font-family: Times;
  font-size: 42px;
  font-style: italic;
  width: 100%;
}

div#pageheaderbottomleft, div#pageheaderbottomright  {
  position: relative;
  top: 40px;
  height: 20px;
}

div#pageheaderbottomleft {
  float: left;
  font-size: 14px;
}

div#pageheaderbottomright  {
  float: right;
  font-size: 10px;
}

div#textcontainer {
  width: 690px;
  height: 615px;
  float: right;
  color: #000099;
}

div#textrow1, div#textrow2 {
  width: 690px;
  margin-bottom: 10px;
  margin: 0px;
}

div#textrow1 {
  /* height: 245px; */
}

div#textrow2 {
  clear: both;
  }

div#textrow1textitems {
  float: left;
  width: 455px;
  /* height: 245px; */
}

div#textrow1fotoitem {
  width: 225px;
  float: right; 
  overflow: hidden;
  margin-right: 5px;
}

div#textrow1textitemstopheader, div.textitemheader {
  color: white;
  font-weight: bold;
}

#textrow1textitemstopheader A {
  color: white;
  font-weight: bold;
  }

div#textrow1textitemstopheader {
  width: 425px;
  _width: 450px;
  min-height: 15px;
  background-color: red;
  padding: 2px 10px 2px 10px;
}

div#textrow1navbar {
  width: 685px;
  height: 17px;
  background-color: red;
}

#textrow1textitemstop ul {
  margin-left: -10px;
}

#textrow1textitemstop p.bodytext A {
  text-decoration: underline;
  font-weight: normal;
}

#textrow1textitemstop ol li A, #textrow1textitemstop ul li A {
  text-decoration: underline;
  font-weight: normal;
}

div#textrow1textitemstopbody {
  width: 445px;
  height: 25px;
  padding-right: 10px;
  padding-left: 20px;
  padding-top: 3px;
  margin-bottom : 5px;
}

div.textitemcontainerwide {
  float: left;
  width: 225px;
  _width: 224px;
  margin-right: 5px;
  height: 160px;	
}


div.textitemheaderwide {
  color: white;
  height: 15px;
  padding-left: 20px;
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #aaa093;
  width: 205px;
  _width: 220px;
}

.textitemcontainerwide ul {
  margin-left: -10px;
}

div.textitembodywide {
  height: 100%;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 3px;
  width: 100%;
}

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

.csc-mailform-field label {
	float: left;
	clear: both;
	}
	
.csc-mailform-field textarea {
	clear: both;
	}
	
.csc-mailform-field input, .csc-mailform-field select {
	display: block;
	margin-left: 130px;
	}
	
.csc-mailform-field input.csc-mailform-submit {
	margin-left: 130px;
	padding-left: 0px;
	}
	
.csc-mailform-field input.csc-mailform-check {
	margin-left: 250px;
	}