/* left and right side */
html,body {
  background-repeat:x;
  background-position:0px 0px;
  background-attachment:fixed;
  behavior:url(csshover.htc);
  margin:0px;
  padding:0px;
  height:100%;
  color:black;
  font-family:Arial, Helvetica;
  font-size:12px;
}

a:active {
  color:#cccccc;
}

h2 {
  font-size:1.2em;
  font-weight:bold;
}

#container {
  height: auto !important;
  min-height: 100%;
  width:900px;
  margin: 0 auto;
  position:relative;
  border: 0 solid #000000;
  border-width: 0 1px;
  padding:0;
}

#top {
  width:900px;
  height:90px;
  z-index:99;
  padding:0;
  margin:0;
}

div#navigation {
  width:900px;
  font-weight:bold;
  padding:0;
  margin:0;
  height:20px; /* FP */
  z-index:99;
  border:0px solid #000000;
  border-width:1px 0;
}

#border {
  border-bottom: 1px solid #000000;
  background-repeat:x;
  width:900px;
  height:100px;
  margin:0;
  padding:0;
  z-index:90;
}

#language {
  position:relative;
  top:80px;
  left:5px;
  z-index:95;
}

#main_container {
  width: 900px;
}

#left {
  width:275px;
  border:1px solid gray;
  float:left;
  margin-right:10px;
  padding:2px 5px;
}

#content_container {
  float:left;
  height: auto !important; /* voor moderne browsers */
  height: 100%; /* voor IE */
  padding:0 15px 25px 15px;
}

#content_container,
#right {
}

#title {
  background-color:#ffffff;
}

#home #content {
  width:415px;
}

#content {
  background-color:white;
  color:black;
  width:715px;
  float:left;
  display:inline;
}


#right{
  color:white;
  padding:13px 2px 3px 5px;
  width:148px;
  float:right;
}

#right ul,
#right ol {
  list-style-type: none;
  padding-left: 5px;
}

#break {
  clear:both;
}


#footer {
  position:fixed;
  bottom:0px;
  color:#ffffff;
  width:900px;
  height:20px;
  padding:0px 0px 0px 0;
  text-align:center;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  z-index:99;
}

#footer p {
  position:relative;
  top:-8px;
  padding-left:0px;
  font-family:Arial, Helvetica;
  font-weight:normal;
  letter-spacing: 1px;
}

#footer a:link {
  color:white;
} 

#footer a:visited {
  color:white; 
}

/**  news **/
.bordered {
  border:1px solid gray;
  padding:3px;
  margin-bottom:5px;
}


.news-latest-item {
  margin-bottom:8px;
  border-top:1px dashed #808080;
}

.news-latest-item .news-header {
  background-color:#f0f0f0;
  padding:1px 2px;
}

.news-latest-item h3 {
  display:inline;
}
.news-latest-item h3 a {
  text-decoration:none;
}

.news-latest-item .news-latest-date {
  font-size:80%;
  display:block;
  float:right;
}

.news-latest-item .clear {
  clear:both;
}

.news-latest-image img,
.news-single-img img {
  float:left;
  margin: 1px 3px 3px 1px;
  border: 1px solid #aaa;
  padding:1px;
}

.news-latest-item .news-latest-subheader p {
  display:inline;
}

.mailform {
  position:relative;
}

.mailform .mandatory{
  position:relative;
  top:6px;
  padding:0 2px 0 2px;
  font-size:1.7em;
  font-weight:bold;
  line-height:1em; 
}

#home .mailform .field{
  height:40px;
}
.mailform .field{
  height:30px;
}

.mailform_left {
  float:left;
  padding-right:10px;
  padding-top:5px;
}

.mailform_left label{
  float:left;
  width:110px;
}

.mailform_right{
  padding-top:10px;
}
.mailform_right label{
  float:left;
  width:125px;
}

.mailform_wide {
  clear:both;
  text-align:center;
}

.mailform_ok {
  background-color:white;
  color:black;
}

/** and now for something completely different: the navigation! **/
div#navigation ul {
  margin:0;
  padding:0;
  font-family:Arial, Helvetica;
  font-size:11px;
  font-style:normal;
  font-color:white;
  opacity:.97;
}

div#navigation li {
  padding:0 21px 0 5px;
  position:relative;
  list-style:none;
  margin:0;
  float:left;
  line-height:0.4em;
  z-index:999;
}

div#navigation li:hover {
  background-color:black;

}

div#navigation li.submenu {
}

div#navigation li a {
  display:block;
  color:white;
  text-decoration:none;
  padding:0.25em 0.25em 0.25em 0.5em;
  margin:5px 0 5px 0;
}

div#navigation ul.level2 {
  display:none;
  position:absolute;
  top:1.8em;
  left:0px;
  border-top:1px solid black;
  z-index:1001;
}

div#navigation ul li:hover ul.level2 {
  display:block;
}

div#navigation ul.level2 li {
  float:none;
  border:1px solid black;
  border-top:0;
  white-space: nowrap;
  padding-top:4px;
  padding-bottom:4px;
}

div#navigation ul.level2 li a {
  margin:0;
  display:block;
}

.csc-mailform-field label {
  width:120px;
  display:block;
  float:left;
  text-align:right;
  padding-right:3px;
}

.csc-mailform-radio fieldset label {
  width:90%;
  float:none;
  text-align:left;
  height:2em;
}

.csc-mailform-radio fieldset input {
  padding-top:3px;
  display:inline;
  float:left;
  height:1.2em;
}