/*
   Main elements
*/


html {
    height              :   100%;
    background          :   white;
}


body {
    height              :   100%;
    margin              :   0;
    padding             :   0;
    background          :   white;
    /*
       Centering body childs has to be done for
       IE, because it doesn't center elements
       with left and right margins on 'auto'.
       To stop descendants from inheriting this,
       some elements will need a value of 'left'
       for text-align now.
    */
    text-align          :   center;
}


html>body {
    /*
       We use XHTML, therefore we want to apply the
       background color to the html element. Because
       Internet Explorer does not like that, we
       define it on both html and body, and remove it
       on body with a rule that's not understood by
       Internet Explorer.
    */
    background          :   none;
    text-align          :   left;
}


#page {
    width               :   900px;
    height              :   100%;
    min-height          :   100%;
    margin              :   0 auto 0 auto;
    text-align          :   left;
}


body>#page {
    /*
       Remove the text-align:left rule for capable
       browsers, because it only resets alignment for
       Internet Explorer (see rules for the 'body'
       element).
       Also, in capable browsers we use a combination
       of min-height (previous rule) and height, but
       we have to hide this for Internet Explorer.
    */
    height              :   auto;
    text-align          :   inherit;
}


/*
   Header section
*/


#header {
    position            :   relative;
}


#tva {
    position            :   absolute;
    z-index             :   5;
    right               :   0;
    margin              :   0;
    padding             :   0;
    background          :   url("/images/front_end/tva-active.png") -1000px -1000px no-repeat;
}


#tva a {
    display             :   block;
    width               :   141px;
    height              :   107px;
    background          :   url("/images/front_end/tva.png") right center no-repeat;
}


#tva a:hover {
    background          :   url("/images/front_end/tva-active.png") right center no-repeat;
}


#tva a span {
    display : none;
}


#home {
    position            :   absolute;
    left                :   0;
    top                 :   48px;
    width               :   284px;
    height              :   210px;
    margin              :   0;
    border-bottom       :   solid 6px #e6e6e6;
}


#home a {
    display             :   block;
    width               :   284px;
    height              :   210px;
    background          :   url("/images/front_end/home.png") center center no-repeat;
}


#home a span {
    display             :   none;
}


#menu {
    position            :   absolute;
    left                :   308px;
    top                 :   48px;
    width               :   284px;
    height              :   210px;
    border-bottom       :   solid 6px #e6e6e6;
}


#submenu {
    position            :   absolute;
    left                :   616px;
    top                 :   48px;
    width               :   284px;
    height              :   210px;
    border-bottom       :   solid 6px #e6e6e6;
}


/*
   Other sections
*/


h1 {
    float               :   left;
    width               :   284px;
    margin              :   290px 0 0 0;
    padding             :   0;
}


#content {
    float               :   left;
    width               :   439px;
    margin              :   282px 153px 0 24px;
}


#footer {
    position            :   relative;
    clear               :   both;
    width               :   900px;
}


/*
   Menu
*/


#menu ul,
#submenu ul {
    position            :   absolute;
    bottom              :   0;
    margin              :   0 0 25px 0;
    padding             :   0;
    list-style-type     :   none;
}


#menu li,
#submenu li {
    padding             :   0;
    background          :   none;
}


#menu a,
#submenu a {
    display             :   block;
    width               :   284px;
}


/*
   Footer
*/


#organisatie,
#sponsors {
    position            :   absolute;
    padding-top         :   2px;
    border-top          :   solid 6px #e6e6e6;
}


/*#organisatie {
    width               :   472px;
}


#sponsors {
    left                :   496px;
    top                 :   0;
    width               :   404px;
}*/


#organisatie {
    width               :   472px;
}


#sponsors {
    left                :   496px;
    top                 :   0;
    width               :   404px;
}


#organisatie-links,
#sponsors-links {
    margin              :   0;
    padding             :   0;
    list-style-type     :   none;
}


#organisatie-links li,
#sponsors-links li {
    float               :   left;
    padding             :   0;
    background-position :  -4000px -4000px;
    background-repeat   :   no-repeat;
}


#organisatie-links a,
#sponsors-links a {
    display             :   block;
    height              :   80px;
    margin              :   45px 5px 20px 5px;
    background          :   center center no-repeat;
}


#aias a {
    width               :   166px;
    background-image    :   url("/images/front_end/aias.png");
}


#regioplan a {
    width               :   172px;
    background-image    :   url("/images/front_end/regioplan.png");
}


#lemma a {
    width               :   108px;
    background-image    :   url("/images/front_end/lemma.png");
}


#tva-bottom a {
    width               :   104px;
    background-image    :   url("/images/front_end/tva-bottom.png");
}

#CBS a {
    width               :   240px;
    background-image    :   url("/images/front_end/CBS.jpg");
}


#szw a {
    width               :   132px;
    margin-left         :   30px;
    background-image    :   url("/images/front_end/szw.png");
}


#ser a {
    width               :   138px;
    margin-right        :   0;
    background-image    :   url("/images/front_end/ser.png");
}


#aias,
#aias a:hover {
    background-image    :   url("/images/front_end/aias-active.png");
}


#regioplan,
#regioplan a:hover {
    background-image    :   url("/images/front_end/regioplan-active.png");
}


#lemma,
#lemma a:hover {
    background-image    :   url("/images/front_end/lemma-active.png");
}


#tva-bottom,
#tva-bottom a:hover {
    background-image    :   url("/images/front_end/tva-bottom-active.png");
}

#CBS,
#CBS a:hover {
    background-image    :   url("/images/front_end/CBS-active.jpg");
}

#szw,
#szw a:hover {
    background-image    :   url("/images/front_end/szw-active.png");
}


#ser,
#ser a:hover {
    background-image    :   url("/images/front_end/ser-active.png");
}


#organisatie-links a span,
#sponsors-links a span {
    display             :   none;
}


/*
   Content
*/


ul {
    list-style-type     :   none;
    margin-left         :  -13px;
    padding-left        :   0;
}


ul li {
    padding-left        :   13px;
    background          :   url("/images/front_end/bullet.png") left top no-repeat;
}


blockquote {
    margin-left         :  -13px;
    background          :   url("/images/front_end/quote.png") left top no-repeat;
}


blockquote p {
    margin-left         :   13px;
}


hr {
    height              :   1px;
    margin-left         :  -25px;
    margin-right        :  -25px;
    border              :   none;
    border-bottom       :   solid 1px #e6e6e6;
    text-align          :   center;
}


pre {
    margin-left         :  -25px;
    margin-right        :  -25px;
    padding             :   15px 25px 15px 25px;
    border-top          :   1px solid #e6e6e6;
    border-bottom       :   1px solid #e6e6e6;
    background-color    :   #f2f2f2;
}


dl {
    margin-left         :  -25px;
    margin-right        :  -25px;
}


dt {
    padding             :   0 25px 0 25px;
    border-bottom       :   1px solid #e6e6e6;
    background          :   url("/images/front_end/toggle.png") left top no-repeat;
}


dt.active strong,
dt:hover strong {
    color               :   black;
}


dt.active {
    background          :   url("/images/front_end/toggle-active.png") left top no-repeat;
}


dd {
    margin-left         :   0;
    padding             :   15px 25px 15px 25px;
    background-color    :   #f2f2f2;
}


dl.toggle dt {
    cursor              :   pointer;
}


dl.toggle dd {
    display             :   none;
}


a.pdf {
    display             :   block;
    margin-top          :   14px;
    padding-left        :   20px;
    background          :   url("/images/front_end/pdf.png") left center no-repeat;
}


.wide {
    margin-left         :  -308px;
}

#errorExplanation {
  border: 2px solid red;
  margin-bottom: 10px;
  padding: 0 10px;
}

#errorExplanation ul li {
  margin-left: 20px;
}

ul.evaluatie li a {
  font-size: 12px;
  color: #303030;
}

a.black {
  color: #303030;
}

table.evaluatie {
  margin-top: 20px;
}

table.evaluatie tr td a {
  color: 303030;
  font-size: 12px;
}

p#login {
  margin-top: 20px;
}

p#login label {
  display: block;
  float: left;
  width: 100px;
}

p#login input {
  width: 200px;
  margin-bottom: 5px;
}

table#review {
  width: 400px;
}

table#review tr td {
  padding-right: 10px;
  padding-bottom: 10px;
  vertical-align: top;
  font-size: 12px;
}

table#review tr td p {
  margin-top: 0;
}

table#review tr td textarea {
  font-family         :   Helvetica, Arial, sans-serif;
  font-size: 12px;
}

span.checkbox {
	display: block;
	float: left;
	width: 30px;
	padding-bottom: 10px;
}