/* Imports 
----------------------------------------------- */
@import url( /style/basis.css );


/* Body
----------------------------------------------- */

body {
font-family: arial, sans-serif;
font-size: 11px; /* was 0.7em; */
margin: 10px 0 0;
padding: 0;
background: #ff6e00;
}

a:link, a:visited { color: black; }
a:hover { color: #ff6e00; }

div#uberwrapper {
  margin: 0 auto;
  width: 792px;
  border: 0px dotted green;
  background: url(/pics/bg.orange.gif) 50% 10px repeat-y;
  }

div#header {
  height: 146px;
  background: url(/pics/header.home.gif) 0 0 no-repeat;
  border: 0px dotted red;
  }

.active_top {
  border-color: #c7ea80;
  background: url(/pics/navtopic.green.gif) 0 0 repeat-x;
  }


div#contentbody {
  margin: 5px 21px 0 0;
  padding: 5px 0;
  border: 0px solid blue;
  background: url(/pics/sidenav.green.gif) 21px top repeat-y;
  }

/* Home
----------------------------------------------- */

div#home_nieuws, div#home_nieuws {
  }

div.home_nieuws_datum, div.home_agenda_datum {
  color: #999;
  }

div.home_nieuws_titel, div.home_agenda_titel {
  font-weight: bold;
  }

/* Common
----------------------------------------------- */

#nav_inloggen {
  visibility: hidden;
  }

h1 {
  margin: 0 0 0.5em 0;
  padding: 0;
  font-size: 1.2em;
}

h2 {
  margin: 1em 0;
  padding: 0;
  font-size: 1em;
}

h3 {
  margin: 1em 0;
  padding: 0;
  font-size: 1em;
  border-bottom: 1px solid #000;
}

h4 {
  margin: 2em 0 1em;
  padding: 0;
  font-size: 1em;
}

h4.groen { color: #8fd400; }
h4.oranje{ color: #ff6e00; }
h4.rood { color: #e00034; }
h4.blauw { color: #008b95; }

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

#content a:hover {
  text-decoration: underline;
  color: #FF6E00;
  }

img.imgleft {
  float: left;
  padding: 2px 12px 3px 0;
  }

img.imgright {
  float: right;
  padding: 2px 0 3px 12px;
  }

table.projecten {
  width: 100%;
  }

table.projecten td {
  width: 50%;
  }

p {
  margin: 0 0 1em 0;
  line-height: 1.5em;
  }

strong.oranje {
  color: #FF6E00;
  }

hr {
  color: #FF6E00;
  height: 1px;
  }

/* Navigation
----------------------------------------------- */

/* Links inside the menu */

li.nav_overons a, li.nav_overons a:visited { color: #FF6E00; }
li.nav_watdoenwe a, li.nav_watdoenwe a:visited { color: #008B95; }
li.nav_steunons a, li.nav_steunons a:visited { color: #E00034; }
li.nav_actueel a, li.nav_actueel a:visited { color: #8FD400; }
li.nav_contact a, li.nav_contact a:visited { color: #FF6E00; }

/*
.menulist li li.nav_overons { border-color: #FF6E00; }
.menulist li li.nav_watdoenwe { border-color: #008B95; }
.menulist li li.nav_steunons { border-color: #E00034; }
.menulist li li.nav_actueel { border-color: #8FD400; }
.menulist li li.nav_contact { border-color: #FF6E00; }
*/

li li.nav_overons a:hover, li li.nav_overons a:focus { background: #FF6E00; }
li li.nav_watdoenwe a:hover, li li.nav_watdoenwe a:focus { background: #008B95; }
li li.nav_steunons a:hover, li li.nav_steunons a:focus { background: #E00034; }
li li.nav_actueel a:hover, li li.nav_actueel a:focus { background: #8FD400; }
li li.nav_contact a:hover, li li.nav_contact a:focus { background: #FF6E00; }

/*
.menulist a#topnav_waarom {
  color: #FFF;
  background: orange;
  }
*/

a.topnav,
a.topnav:hover { color: #000; }

div#breadcrum {
  margin: 0 0 1em 0;
  color: #666;
  }

div#breadcrum a:link, 
div#breadcrum a:active,
div#breadcrum a:visited { color: #666; }

div#breadcrum a:hover { color: #FF6E00; }

/* Projecten
----------------------------------------------- */

table#project_summary {
  float: left;
  }

table#project_summary th {
  text-align: left;
  color: #FF6E00;
  }

table#project_summary tr.totalen td {
  font-weight: bold;
  border-top: 1px solid #FF6E00;
  }

table.projectdata {
  margin: 1em 0;
  }

table.projectdata td.description {
  font-weight: bold;
  color: #FF6E00;
  }

table.projectdata td.subinfo {
  width: 60px;
  vertical-align: top;
  }


/* Download formulier
----------------------------------------------- */

form.download input.dl-txt { width: 200px; }
form.download textarea.dl-txt { width: 200px; overflow:hidden; }
form.download input.dl-btn { width: 100px; }

p.error { color: red; }

span.underline {
  text-decoration: underline;
}

strong {
  font-weight: bold;
}

em {
  font-style: italic;
}/* Body
----------------------------------------------- */

div#header {
  background: url(/pics/header.steunons.gif) 0 0 no-repeat;
  }

.active_top {
  border-color: #f0809a;
  background: url(/pics/navtopic.red.gif) 0 0 repeat-x;
  }


div#contentbody {
  background: url(/pics/sidenav.red.gif) 21px top repeat-y;
  }