html, body                          { width: 100%; height: 100%; }
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,
p,blockquote
{
  margin: 0;
  padding: 0;
}
*                                   { line-height: 160%; }
li, dd                              { margin-left: 5%; }
fieldset                            { padding: .5em; }


/* BASIC STYLES */
/* ################################################### */


html
{
  background: #1e5480;
}

body
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 0.75em;
  color: #11467e;
}

a, a:visited
{
  color: #0081c5;
  text-decoration: underline;
  outline: none;
}

a:hover, a:active
{
  text-decoration: none;
}

* html div
{
  /* behavior: url("styles/iepngfix.htc"); */
}


/* BLOCKS */
/* ################################################### */


#page
{
  position: relative;
  margin: 0px auto;
  width: 996px;
  text-align: left;
  min-height: 100%; 
  height: auto !important; 
  height: 100%; /* for IE */
  line-height: 100%;
  background: url(../img/voordelta/bg_html.jpg) repeat-y center top;
}

.mask
{
  height: 37px;
  background: url(../img/voordelta/header.jpg) no-repeat center top;
}

#container
{
  position: relative;
  width: 918px;
  padding: 20px 37px 160px 37px;
}

#container:after
{
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}

#header
{
  position: relative;
  z-index: 60;
  width: 918px;
  margin: 0 37px 0 37px;
  height: 369px;
  background: #ffffff;
}

#banner
{
  position: relative;
  display: block;
  height: 219px;
  background: url(../img/voordelta/banner1.jpg) no-repeat left top;
}

#payoff
{
  position: absolute;
  background: url(../img/voordelta/payoff.png) no-repeat left top;
  width: 529px;
  height: 103px;
  top: 75px;
}

#logoNatura
{
  position: absolute;
  background: url(../img/voordelta/logo_natura.jpg) no-repeat left top;
  width: 87px;
  height: 72px;
  left: 831px;
  top: 14px;
}

#logo
{
  position: relative;
  display: block;
  text-indent: -9999px;
  width: 173px;
  height: 90px;
  background: url(../img/voordelta/logo.jpg) no-repeat left 24px;
}

#logo a
{
  display: block;
  width: 173px;
  height: 63px;
  z-index: 0;
}

#container-footer
{
  width: 100%;
  position: absolute;
  bottom: 0 !important;
  bottom: -1px; /* for certain IE widths */
  height: 137px;
}

#footer
{
  height: 100px;
  margin: 0px auto;
  border-top: 1px solid #a8c9e0;
  margin: 0 37px 0 37px;
}

#footer .logo
{
  display: block; 
  float: left;
  width: 75px; 
  height: 60px;
  margin: 10px 20px 0 0;
}

#footer .logo span
{
  display: none;
}

#footer .disclaimer
{
  color: #8da6c1;
  float: right;
  margin: 46px 0 0 0;
}

#footer .disclaimer a
{
  color: #8da6c1;
}

#footer #logo1 { background: url(../img/voordelta/footerlogo1.jpg) no-repeat left top; }
#footer #logo2 { background: url(../img/voordelta/footerlogo2.jpg) no-repeat left top; }
#footer #logo3 { background: url(../img/voordelta/footerlogo3.jpg) no-repeat left top; width: 115px; }
#footer #logo4 { background: url(../img/voordelta/footerlogo4.jpg) no-repeat left top; }
#footer #logo5 { background: url(../img/voordelta/logo_rws_voordelta.jpg) no-repeat left top; width: 161px; }

#container-footer #mask
{
  position: relative;
  height: 37px;
  background: #1e5480 url(../img/voordelta/bg_bottom.jpg) no-repeat center top;
}

.indexpage #column1
{
  position: relative;
  float: left;
  width: 265px;
  margin: 0 30px 0 0;
}

.indexpage #column2
{
  position: relative;
  float: left;
  width: 335px;
}

.indexpage #column3
{
  position: relative;
  float: right;
  width: 260px;
}

.contentpage #column1
{

}

.breadcrumb
{
  color: #aad0eb;
  padding: 0 0 10px 0;
}

.breadcrumb a
{
  color: #aad0eb;
}

.breadcrumb span
{
  color: #639ec8;
}


/* PANELS */
/* ################################################### */


.panel,
.paragraph
{
  position: relative;
/*  padding: 10px 0 10px 0; */
     padding: 10px 0 10px 0;
/*  margin: 0 0 20px 0; */
  margin: 0 0 0px 0;
}

.panel blockquote
{
  margin: 10px 10px 10px 0;
  color: #1f5186;
}

.panelBorder
{
  border: 1px solid #bad4e7;
  padding: 10px 20px 20px 20px;
}

.panelBlue
{
  background: #63a4d4;
  padding: 10px 70px 20px 20px;
  margin-bottom: 20px;
  color: #FFFFFF;
}

.panelBlue a:link, a:visited, a:hover, a:active
{
color: #003366;
}

.panelGradient
{
  background: url(../img/voordelta/panel_gradient.jpg) no-repeat left bottom;
  padding: 10px 20px 20px 20px;
}

.panelBlue .folder
{
  position: absolute;
  width: 123px;
  height: 194px;
  right: -42px;
  bottom: -5px;
  background: url(../img/voordelta/folder.png) no-repeat left top;
}

.panelMap
{
  display: block;
  background: url(../img/voordelta/kaart.jpg) no-repeat right top;
  height: 223px;
  width: 100%;
}

.panelMap span
{
  display: none;
}

#zoeken
{
  padding: 0 0 20px 0;
  border-bottom: 1px solid #a8c9e0;
}

.wistudat ul
{
  margin: 0 0 25px 0;
}

.wistudat ul li
{
  display: block;
  margin: 0 0 10px 0;
  padding: 0 5px 6px 25px;
  min-height: 10px;
  _height: 10px;
  clear: both;
  color: #1e5480;
  font-weight: bold;
  background: url(../img/voordelta/listitem.gif) no-repeat 5px 5px;
}

.wistudat ul li a
{
  /*display: block;*/
  /*clear: both;*/
  color: #0081c5; /*#1e5480;*/
  /*padding: 0 0 5px 0;*/
  text-decoration: underline;
}

.wistudat ul li a:hover
{
  text-decoration: none;
}

.wistudat ul li:hover,
.wistudat ul li.active
{
  background: #f0f6fa url(../img/voordelta/listitem.gif) no-repeat 5px 5px;
}

.wistudat ul li .answer
{
  font-weight: normal;
  display: block;
  clear: both;
}

.links ul
{
  clear: both;
  display: block;
}

.links ul li
{
  display: block;
  margin: 0 0 0 0;
  padding: 0 5px 6px 25px;
  height: 10px;
  clear: both;
  color: #1e5480;
  font-weight: bold;
  background: url(../img/voordelta/listitem.gif) no-repeat 5px 5px;
}

.links ul li a
{
  float: left;
  display: block;
  width: 230px;  
  color: #1e5480;
  padding: 0 0 5px 0;
  text-decoration: none;
}

.links ul li a:hover
{
  text-decoration: underline;
}

.links ul li a.btOpenwebsite
{
  float: right;
  width: 140px;
  margin: 0;
  padding: 0;
}

.links ul li .text
{
  display: block;
  float: left;
  width: 460px;
  margin-left: 10px;
  padding: 0 40px 10px 0;
  font-weight: normal; 
}

.links ul li p
{
  margin: 0;
  padding: 0;
}

.contact ul
{
  background: none;
  display: block;
  margin: 0;
}

.contact ul li
{
  background: none;
  display: block;
  margin-left: 0;
  padding: 10px 0 0 0;
  clear: both;
  min-height: 100px;
  _height: 100px;
}

.contact li .logo
{
  width: 200px;
  float: left;
}

.contact li .text
{
  width: 340px;
  float: left;
  padding: 0 20px 0 0;
  border-right: 1px solid #a8c9e0;  
}

.contact li .naw1
{
  float: left;
  width: 140px;
  padding: 0 0 0 30px;
}

.contact li .naw2
{
  float: left;
  width: 140px;
}


/* BUTTONS */
/* ################################################### */


.bt
{
  display: block;
  height: 27px;
  margin: 7px 0 5px 0;
  width: 131px;
}

.bt span
{
  display: none;
}

.btMeerinformatie
{
  background: url(../img/voordelta/bt_meerinformatie.jpg) no-repeat top left;
}

.btZoeken
{
  background: url(../img/voordelta/bt_zoeken.jpg) no-repeat top left;
  float: left;
  margin: -2px 0 0 0;
}

.btOverzicht { background: url(../img/voordelta/bt_overzicht.jpg) no-repeat top left; }
.btLeesmeer { background: url(../img/voordelta/bt_leesmeer.jpg) no-repeat top left; }
.btVolgende { background: url(../img/voordelta/bt_volgende.jpg) no-repeat top left; }
.btVerder { background: url(../img/voordelta/bt_verder.jpg) no-repeat top left; }
.btOpenwebsite { background: url(../img/voordelta/bt_openwebsite.jpg) no-repeat top left; }
.btPdffolder { background: url(../img/voordelta/bt_pdffolder.jpg) no-repeat top left; }
.btPdfbeheerplan { background: url(../img/voordelta/bt_pdfbeheerplan.jpg) no-repeat top left; }
.btPdfgedragscode { background: url(../img/voordelta/bt_pdfgedragscode.jpg) no-repeat top left; }
.btPdfbeleidsplan { background: url(../img/voordelta/bt_pdfbeleidsplan.jpg) no-repeat top left; }
.btBekijkkaart { background: url(../img/voordelta/bt_bekijkkaart.jpg) no-repeat top left; }


/* NEWS */
/* ################################################### */



.news ul li
{
  position: relative;
  background: none;
  display: block;
  margin-left: 0;
  padding: 0;
  clear: both;
  min-height: 100px;
}

.news ul li .image
{
  position: relative;
  width: 135px;
  float: left;
}

.news ul li .image img
{
/*   width: 135px; */
}


.news ul li .message
{
  position: relative;
  color: #11467e;
  width: 740px;
  padding: 0 0 0 20px;
  float: left;
  min-height: 50px;
  _height: 50px;
}

.news ul li .line
{
  border-bottom: 1px solid #a8c9e0;
  float: right;
  width: 630px;
  height: 17px;
}

.news .btLeesmeer
{
  position: relative;
  float: right;
}

.news .title,
.newsarchive .title
{
  font-size: 1.2em;
  font-weight: normal;
  color: #639ec8;
}

.news .title span,
.newsarchive .title span
{
  color: #aad0eb;
}

.newsarchive .title
{
  padding: 0 0 0 20px;
  background: url(../img/voordelta/listitem.gif) no-repeat left 7px;
}

.newsarchive .title a
{
  text-decoration: none;
  color: #639ec8;
}

.newsarchive .title a:hover
{
  text-decoration: underline;
}

.fullnews
{
  width: 700px;
}



/* TYPOGRAPHY */
/* ################################################### */


h1
{
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.6em;
  font-weight: bold;
  margin: 0 0 5px 0;
  padding: 0;
}

h2
{
  font-size: 1.5em;
  font-weight: bold;
  color: #639ec8;
}

.panelBlue h2,
.panelBlue h3
{
  color: #FFFFFF;
}

h3
{
  font-size: 1.2em;
  font-weight: bold;
  color: #639ec8;
  margin: 0 0 10px 0;
}

.contact h3
{
  margin: 0;
}

.links h3
{
  position: relative;
  border-bottom: 1px solid #a8c9e0;
  clear: both;
}

.wistudat h4
{
  font-size: 1em;
}


/* FORM */
/* ################################################### */


form
{
  margin: 0;
  padding: 0;
  display: inline;
}

input, select, textarea
{
  font: 1.1em Arial, helvetica, sans-serif;
}

select
{
  min-width: 110px;
}

textarea
{
  line-height: 1.25;
}

label
{
  cursor: pointer;
}

ul
{
  margin: 15px 0 15px 0;
}

.paragraph li,
.panel li
{
  display: block;
  background: url(../img/voordelta/listitem.gif) no-repeat left 5px;
  padding: 0 0 0 15px;
  list-style: none;
}

.search .field
{
  float: left;
  width: 320px;
}

.search .field input
{
  width: 300px;
  border: none;
  background: #cfe5f5;
  padding: 3px;
  color: #11467E;
}


/* GLOBAL CLASSES */
/* ################################################### */


.red, .errors     { color: #B50C21; }
.black            { color: #000000; }
.grey             { color: #9499a5; }

.clear, 
.clearboth
{
  clear: both; 
}

.clearfix:after 
{
	 content: ".";
	 display: block;
	 clear: both;
	 visibility: hidden;
	 line-height: 0;
	 height: 0;
}
 
.clearfix 
{
 	display: inline-block;
}
 
html[xmlns] .clearfix 
{
 	display: block;
}
 
* html .clearfix
{
 	height: 1%;
}

.floatleft        { float: left; }
.floatright       { float: right; }

.textleft         { text-align: left; }
.textright        { text-align: right; }
.textcenter       { text-align: center; }
.textjustify      { text-align: justify; }
.bold             { font-weight: bold; }
.italic           { font-style: italic; }
.underline        { border-bottom: 1px solid; }
.highlight        { background: #ffc; }
.smallfont        { font-size: 0.85em; }

.imgleft          { float: left; margin: 4px 10px 4px 0; }
.imgright         { float: right; margin: 4px 0 4px 10px; }




.noborder         { border: none; }
.noborder input   { border: none !important; }

.nopadding        { padding: 0 !important; }
.noindent         { margin-left: 0; padding-left: 0; }
.nobullet         { list-style: none; list-style-image: none; }
.nowrap           { white-space: nowrap; }

.paddingleft      { padding-left: 15px; }

.obligatory       { color: #B50C21; font-weight: bolder; }

input.radiobutton,
input.checkbox { width: auto; }

#atk_debugging_div
{
  margin: 50px 0 0 40px;
  font-family: Courier, Arial;
  font-size: 14px;
  color: #FFFFFF;
}

/* FORM */

form#aanmeldform fieldset 
{
  border: none;
}

form#aanmeldform input.email
{
  width: 180px;
}

form#aanmeldform input[type=submit]
{
  margin-top: 15px;
  margin-left:0px;
  width:110px;
  height:25px;
  background:#154a80  no-repeat;
  text-align:center;
  line-height:31px;
  color:#ffffff;
  font-size:11px;
  font-weight:bold;  
}