@import url(reset.css);

body {
  background: #fff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000;
  line-height: 16px;
}
img { border:0; }
p, ul, ol, table, h2, h3, h4, h5, h6 {
  margin: 0;
  margin-bottom: 16px;
}
.padded p { margin-bottom:5px; }
ul, ol { padding-left: 1.33em; }

ul { list-style: disc; }

ol { list-style: decimal; }

strong, b { font-weight: bold; }

em, i { font-style: italic; }

h2 { font-size: 12px; font-weight: bold; }
h3 { font-size: 11px; font-weight: bold; }
h4 { font-size: 10px; font-weight: bold; }

#container {
  position: absolute;
  width: 811px;
  height: 532px;
  margin-left: -413px;
  margin-top: -70px;
  top: 15%;
  left: 50%;
  background: #fff url(../img/bg_container.gif) no-repeat left top;
}

#header {
  background: #fff url(../img/logo.gif) no-repeat right top;
  height: 159px;
  position: relative;
}

.tpl_opmaat #header {
  background-image: url(../img/OpMaat_kleur_100px.gif);
  background-position: right center;
}

#header #switch, #header #switch2 {
  position: absolute;
  display: block;
  top: 118px;
  left: 24px;
  height: 25px;
  text-indent: -9999px;
  background-position: left top;
  background-repeat: no-repeat;
}

#header #switch2 {
  background-image: url(../img/link-opmaat.gif);
  width: 63px;
  left: 190px;
}

.tpl_metrum #header #switch {
  width: 164px;
  background-image: url(../img/link-ipm.gif);
}

.tpl_ipm #header #switch, .tpl_opmaat #header #switch {
  width: 63px;
  background-image: url(../img/link-metrum.gif);
}

#header h1 {
  text-indent: -9999px;
  height: 159px;
  background: transparent url(../img/h1-metrum.gif) no-repeat top left;
}

.tpl_ipm #header h1 {
  background-image: url(../img/h1-ipm.gif);
}

.tpl_opmaat #header h1 {
  background-image: url(../img/h1-opmaat.gif);
}

#nav {
  float: left;
  width: 170px;
  height: 349px;
  overflow: hidden;
  position: relative;
  font-weight: bold;
}

#nav ul { margin: 0; padding: 0; /*list-style: none;*/ }

#nav li.current {
  background: transparent url(../img/nav-active.gif) no-repeat left top;
}

#nav ul ul li.current {
	background-position: left center;
}

#nav li.active ul {
  display: block;
}

#nav a {
  display: block;
  padding: 3px 6px;
  color: #4a4c4f;
  text-decoration: none;
  line-height: 14px;
  margin-left: 24px;
}

#nav ul ul a { background-color: #7e878f; }

#nav ul ul li {
  padding: 0;
}

#container #nav ul ul ul { display: none; }

#nav ul ul a {
  color: black;
  line-height: 14px;
  padding: 4px 5px;
}

#nav a:hover { color: black; }

#nav ul ul { display: none; }

#nav form {
  margin-left: 32px;
  position: absolute;
  bottom: 6px;
}

#nav form label {
  display: none;
}

#nav #i_search {
  background-color: #DBDFE2;
  color: #000;
  width: 90px;
  font-size: 11px;
}

#i_vraag { width:169px; margin-left:90px; }

#intro, #overlink {
  position: absolute;
  left: 50%;
  top: 50%;
  padding-bottom: 161px;
  margin-left: -380px;
  margin-top: -257px;
  width: 760px;
  height: 348px;
}

#overlink {
  text-indent: -9999px;
}

#intro {
  background: transparent url(../img/intro_bottom.jpg) no-repeat left bottom;
}

#intro h1 {
  display: block;
  width: 100%;
  height: 117px;
  padding-top: 231px;
  background: transparent url(../img/intro_top.jpg) no-repeat left top;
}

#intro h1 a {
  width: 100%;
  height: 117px;
  display: block;
  text-indent: -9999px;
}

#content {
  float: right;
  padding: 10px;
  width: 289px;
  height: 329px;
  overflow: auto;
}

#visual {
  width: 316px;
  margin-left: 177px;
  height: 349px;
}

#ticker {
  clear: both;
  float: left;
  width: 317px;
  height: 24px;
  margin-left: 177px;
}

#content a { color: #000; }

#content .result h3, #content .result p { margin: 0; }

#content .result { display: block; text-decoration: none; margin-bottom: 16px; }

.default-form label {
  display: block;
  width: 80px;
  float: left;
  margin-right: 10px;
  text-align: left;
}

.default-form p.text input {
  width: 170px;
}

.readmore { white-space: nowrap; }

.project, .event {
  background: transparent url(/img/hoekjeverder.gif) no-repeat right bottom;
  display: block;
  text-decoration: none;
  padding-right: 20px;
}

.event { background-position: right bottom; }

.event .readmore span { text-decoration: underline; }

.project p, .project h3, .event p, .event h3 { margin: 0; padding: 0; }

.project p, .event p { margin-bottom: 16px; }

h3 a { text-decoration: none; }

.hook img, .nieuwsbrieven img, .vacatures img , .routes img { border:none; padding-left: 10px; }

table.nieuwsbrieven, table.vacatures, table.routes , table.publicaties { width: 100%; }
.nieuwsbrieven td, .vacatures td, .routes td, .publicaties td { vertical-align:bottom; padding-bottom: 16px; }

.cleared { clear: both; width: 100%; }

.result { padding-right: 20px; background: transparent url(/img/hoekjeverder.gif) no-repeat right bottom; }