*
{
  margin: 0;
  padding: 0;
}

html
{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

body, input, select, textarea
{
  font-family: 'Droid Sans', Tahoma, san-serif;
}

body
{
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  color: #494949;
  font-size: 12px;
  font-weight: normal;
  line-height: 1.6em;
  letter-spacing: 0;
  word-spacing: 0;
  background-color: #C1D4EE;
}

/* ==================  N O S C R I P T  ================== */

noscript
{
  top: 20px;
  color: #C00;
  width: 918px;
  z-index: 9998;
  padding: 10px;
  display: block;
  font-size: 1em;
  text-align: center;
  position: absolute;
  margin: 0 auto 0 20px;
  border: 1px solid #F00;
  background-color: #FAA;
}

/* ==================  P R I N T  ================== */

.print
{
  display: none;
}

/* ==================  L I N K S  ================== */

a.hand,
img.hand,
a img.hand,
a:hover img.hand
{
	cursor: pointer;
}

a,
a:link,
a:active,
a:visited
{
  color: #959500;
  text-decoration: underline;
}

a:hover
{
  text-decoration: none;
}

a:focus
{
  outline: none;
}

/* ==================  I M A G E S  ================== */

img.imglinks_out
{
  margin: 10px 20px 10px -139px;
  float: left;
  border: 0;
}

/* ==================  P A G E  ================== */

#page
{
  margin: 0 auto 0 auto;
  padding: 0;
  width: 980px;
  font-size: 1em;
  position: relative;
  background-color: #FFF;
}

#header
{
  margin: 0;
  padding: 0;
  width: 980px;
  height: 221px;
  position: relative;
  background-color: transparent;
  background-image: url(images/header_bg_2011_herfst.jpg);
  background-position: left bottom;
  background-repeat: no-repeat;
}

#header h1
{
  top: 2px;
  left: 22px;
  margin: 0;
  padding: 0;
  width: 310px;
  height: 159px;
  display: block;
  position: absolute;
  background-color: transparent;
  background-image: url(images/naober_logo_geel.png);
  background-position: left top;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-indent: -9999px;
}

#header h2
{
  top: 15px;
  right: 25px;
  margin: 0;
  padding: 0;
  width: 598px;
  height: 20px;
  display: block;
  position: absolute;
  background-color: transparent;
  background-image: url(images/naober_ondertitel.gif);
  background-position: left top;
  background-repeat: no-repeat;
  white-space: nowrap;
  text-indent: -9999px;  
}

/* ==================  M E N U  ================== */

#menu
{
  left: 170px;
  top: 198px;
  margin: 0;
  padding: 0;
  width: 640px;
  height: 23px;
  display: block;
  z-index: 999;
  position: absolute;
  background-color: #FFF;
}

#menu ul
{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#menu ul li
{
  margin: 0;
  padding: 0;
  float: left;
  clear: none;
  display: table;
}

#menu ul li a
{
  margin: 0;
  padding: 0 26px 0 26px;
  height: 23px;
  color: #4F4F4F;
  font-size: 1em;
  display: inline-block;
  font-weight: bold;
  line-height: 23px;
  text-decoration: none;
  text-transform: uppercase;
  background-color: #FFF;
}

#menu ul li.first a
{
  padding-left: 40px;
}

#menu ul li.last a
{
  padding-right: 40px;
}

#menu ul li a:hover
{
  color: #FFF;
  text-shadow: #4F4F4F 1px 1px 2px;
  background-color: #BEBE0F;
}

#menu ul li ul
{
  margin: 0;
  padding: 0;
  background-color: #DEDE87;
  background-position: left top;
  background-repeat: no-repeat;
  z-index: 1000;
  position: absolute;
  display: none;
  -moz-box-shadow: 4px 4px 4px #AAA;
  -webkit-box-shadow: 4px 4px 4px #AAA;
  box-shadow: 4px 4px 4px #AAA;

}

#menu ul li:hover ul
{
  display: block;
}

#menu ul li ul li
{
  margin: 0;
  padding: 5px 0 0 0;
  float: none;
  clear: both;
}

#menu ul li ul li a
{
  margin: 0;
  padding: 3px 24px 3px 16px;
  width: 150px;
  height: auto;
  color: #494949;
  display: block;
  font-size: 0.95em;
  font-weight: normal;
  line-height: normal;
  text-transform: none;
  border-bottom: 1px solid #BEBE0F;
  background-color: transparent;
  background-image: none;
}

#menu ul li.first ul li a,
#menu ul li ul li.first a,
#menu ul li.last ul li.first a
{
  padding: 3px 24px 3px 16px;
  border-bottom: 1px solid #BEBE0F;
}

#menu ul li.last ul li a,
#menu ul li ul li.last a,
#menu ul li.first ul li.last a
{
  border: 0;
  padding: 3px 24px 11px 16px;
}

#menu ul li ul li a:hover
{
  color: #222;
  text-shadow: none;
  background-color: transparent;
  background-image: url(images/menu_sub_hover.gif);
  background-position: 7px 7px;
  background-repeat: no-repeat;
}

/* ==================  K O L O M M E N  ================== */

#kolommen
{
  margin: 0;
  padding: 0;
  width: 980px;
  display: table;
  background-color: #FFF;
}

#linkerkolom
{
  margin: 0;
  padding: 0 0 5px 0;
  width: 170px;
  display: table;
  float: left;
  clear: none;
  text-align: center;
  background-color: #8A9EB9;
}

#middenkolom
{
  margin: 0 20px 0 20px;
  padding: 10px 0 5px 0;
  width: 600px; /* 640 - 20 - 20 */
  display: table;
  float: left;
  clear: none;
  font-size: 1.1em;
  line-height: 1.6em;
  background-color: #FFF;
  background-position: left 33px;
  background-repeat: no-repeat;
}

#middenkolom_home
{
  margin: 0 9px 0 9px;
  padding: 10px 0 5px 0;
  width: 622px; /* 640 - 9 - 9 */
  display: table;
  float: left;
  clear: none;
  font-size: 1.1em;
  line-height: 1.6em;  
  background-color: #FFF;
}

#rechterkolom
{
  margin: 0;
  padding: 0 0 5px 0;
  width: 170px;
  display: table;
  float: left;
  clear: right;
  text-align: center;
  background-color: #B9C3D1;
}

/* ==================  I N H O U D - K O L O M M E N  ================== */

#content
{
  margin: 0;
  padding: 0 0 0 139px;
  width: 461px; /* 600 - 139 */
  display: block;
}

h1.longtitle
{
  margin: -60px 0 0 0;
  padding: 0;
  float: right;
  clear: none;
  color: #127DB0;
  font-size: 1.6em;
  font-weight: bold;
  line-height: normal;
  letter-spacing: 0;
}

/* ==================  C O V E R - B A N N E R S  ================== */

#cover
{
  margin: 10px 0 10px 10px;
  padding: 0;
  width: 150px;
}

/* ==================  N I E U W S B R I E F  ================== */

#nieuwsbrief
{
  margin: 0;
  padding: 0;
  width: 170px;
  display: block;
  text-align: left;
  background-color: #FFF;
}

#nieuwsbrief h3
{
  margin: 0 0 0 10px;
  padding: 12px 0 12px 0;
  width: 160px;
  display: block;
  color: #5C4153;
  font-size: 0.8125em;
  font-weight: bold;
  line-height: normal;
  text-align: left;
  text-transform: uppercase;
}

#nieuwsbrief table
{
  margin: 0 0 0 10px;
  padding: 0;
}

#nieuwsbrief table tbody tr td
{
  margin: 0;
  padding: 0;
  color: #5C4153;
  font-size: 0.9em;
  font-weight: normal;
  line-height: normal;
  text-align: left;
  vertical-align: top;
}

#nieuwsbrief input.nieuwsbrief_tekstveld
{
  margin: 0 0 5px 4px;
  padding: 3px 4px 3px 4px;
  width: 86px;
  color: #5C4153;
  font-size: 1em;
  font-weight: normal;
  line-height: normal;
  border: 1px solid #C7B5C6;
}

#nieuwsbrief input.nieuwsbrief_submitbutton
{
  margin: 0 0 11px 4px;
  padding: 3px 10px 3px 10px;
  color: #FFF;
  font-size: 1em;
  font-weight: normal;
  line-height: normal;
  background-color: #696969;
  border: 1px solid #696969;
}

/* ==================  D I T T O  ================== */

#ditto_list
{
  margin: 0 0 10px 10px;
  padding: 10px 0 0 0;
  width: 160px;
  display: block;
  text-align: left;
}

#ditto_list a,
#ditto_list a:link,
#ditto_list a:active,
#ditto_list a:visited
{
  margin: 0;
  padding: 4px 10px 4px 0;
  color: #FFF;
  display: block;
  font-size: 1.1em;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  background-image: none;
}

#ditto_list a:hover
{
  background-image: url(images/ditto_list_hover.gif);
  background-position: right center;
  background-repeat: no-repeat;
}

#ditto_list h3
{
  color: #FFF;
  letter-spacing: 0;
}

/* ==================  B R E A D C R U M B S  ================== */

#breadcrumbs
{
  margin: 0;
  padding: 0 0 95px 0;
}

#breadcrumbs_home
{
  margin: 0;
  padding: 0 0 10px 0;
}

#breadcrumbs a,
#breadcrumbs_home a
{
  color: #696969;
  text-decoration: none;
}

span.breadcrumbs_crumbBox
{
  margin: 0;
  padding: 0;
  height: 15px;
  color: #696969;
  display: block;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 15px;
}

span.breadcrumbs_crumbBox a,
span.breadcrumbs_firstCrumb a,
span.breadcrumbs_lastCrumb a
{
  margin: 0;
  padding: 0;
  color: #696969;
  font-size: 1em;
  font-weight: normal;
  line-height: 15px;
  text-decoration: none;
}

/* ==================  F O R M S  ================== */

form#EmailForm
{
  margin: 20px 0 0 0;
  padding: 0;
}

form#EmailForm table tr th,
form#EmailForm table tr td,
form#EmailForm table tbody tr th,
form#EmailForm table tbody tr td
{
  padding: 0 0 10px 0;
}

form#EmailForm table tr td hr,
form#EmailForm table tbody tr td hr
{
  margin: 5px 0 10px 0;
  border-bottom: 1px dotted #999;
}

input.text
{
  margin: 0;
  padding: 3px 4px 3px 4px;
  width: 400px;
  color: #696969;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 0.1px;
  background-color: #FFF;
  background-image: url(images/form_input_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  border: 1px solid #999;
}

input.bezorgenop
{
  margin: 0;
  padding: 3px 4px 3px 4px;
  width: 150px;
  color: #696969;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 0.1px;
  background-color: #FFF;
  background-image: url(images/form_input_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  border: 1px solid #999;
}

/* boekenservice */
input.bedrag
{
  margin: 0;
  padding: 3px 0 3px 0;
  width: 50px;
  color: #494949;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0;
  text-align: right;
  background-color: #FFF;
  background-image: none;
  border: 0;
}

/* boekenservice */
input.aantal
{
  margin: 0;
  padding: 3px 0 3px 0;
  width: 12px;
  color: #494949;
  font-size: 1em;
  font-weight: bold;
  letter-spacing: 0;
  background-color: #FFF;
  background-image: none;
  border: 0;
}

input.submitbutton
{
  border: 0;
  margin: 0;
  padding: 0;
  width: 101px;
  height: 26px;
  color: #FFF;
  font-size: 1.3em;
  font-weight: normal;
  line-height: normal;
  letter-spacing: 0;
  text-align: center;
  display: inline;
  background-color: #FFF;
  background-image: url(images/form_button.gif);
  background-position: left top;
  background-repeat: no-repeat;
}

select.select
{
  margin: 0;
  padding: 3px 4px 3px 4px;
  color: #696969;
  font-family: 'Droid Sans', Tahoma, san-serif;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 0.1px;
  background-color: #FFF;
  background-image: url(images/form_input_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  border: 1px solid #999;
}

input.invalidValue,
input.requiredValue,
select.invalidValue,
select.requiredValue
{
  border: 1px solid #F00;
}

label.invalidValue,
label.requiredValue
{
  border-bottom: 1px solid #F00;
}

input.radio,
input.checkbox
{
  margin: 3px 5px 0 0;
  padding: 0;
}

textarea
{
  margin: 0;
  padding: 3px 4px 3px 4px;
  width: 400px;
  height: 70px;
  color: #696969;
  font-size: 1em;
  font-weight: normal;
  letter-spacing: 0.1px;
  background-color: #FFF;
  background-image: url(images/form_textarea_bg.gif);
  background-position: left top;
  background-repeat: no-repeat;
  border: 1px solid #999;
}

div.errors
{
  margin: 10px 0 0 0;
  padding: 10px;
  color: #C00;
  font-size: 0.9em;
  font-weight: normal;
  border: 1px solid #F00;
  background-color: #FAA;
}

/* ==================  F O O T E R  ================== */

#footer
{
  margin: 0;
  padding: 0;
  width: 980px;
  height: 48px;
  display: block;
  color: #797979;
  font-size: 0.9em;
  line-height: 48px;
  text-align: center;
  text-indent: 10px;
  background-color: #FFF;
  background-image: url(images/footer_RAS_logo.gif);
  background-position: 37px center;
  background-repeat: no-repeat;
}

#footer a
{
  border: 0;
  margin: 0;
  padding: 0 2px 2px 2px;
  color: #797979;
  font-size: 1em;
  text-decoration: none;
}

#footer a:hover
{
  border-bottom: 1px dotted #999;
}