/* Stylesheet voor Mooren-Wesselink.nl. (c) Geert van der Heide. Alle rechten voorbehouden. */


/* ---------- Stijlen: Algemeen ---------- */

html, body {
  height: 100%;
}

body {
  margin: 0px;
  padding: 0px;
  background: #000000;
  font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
  font-size: 12px;
  line-height: 18px;
  color: #555555;
  background: #a7e4eb url(/interface/images/body_bg.gif) repeat-x left top;
}

a { color: #e46d0d; outline: none; }
a:hover { color: #00818e; }
img { display: block; }
a img {	border: none; }

.clearfix {
  clear: both;
  height: 0;
  line-height: 0;
  overflow: hidden;
}

#wrapper {
  width: 100%;
  background: url(/interface/images/wrapper_bg.gif) no-repeat center top;
}

#site {
  width: 990px;
  margin: 0px auto;
  background: #ffffff url(/interface/images/site_bg.gif) repeat-y center top;
}

#site #site_inner {
  position: relative;
  min-height: 500px;
  padding: 27px 30px 0px 30px;
  background: url(/interface/images/site_inner_bg.gif) no-repeat center top;
}


/* ---------- Stijlen: Top ---------- */

#site #top {
  height: 243px;
  position: relative;
  margin-bottom: 22px;
}

#top #logo {
  position: absolute;
  left: 0px;
  top: 0px;
  display: block;
  width: 296px;
  height: 188px;
  overflow: hidden;
  text-indent: -9001px;
  background: url(/interface/images/logo.gif) no-repeat;
}

#top #topfoto {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 616px;
  height: 188px;
  overflow: hidden;
  margin: 0px;
  padding: 0px;
  list-style: none;
  background: url(/interface/images/topfoto_bg.gif) no-repeat;
}

#top #nav {
  position: absolute;
  left: 0px;
  bottom: 0px;
  margin: 0px;
  padding: 0px 13px;
  width: 904px;
  height: 37px;
  list-style: none;
  background: url(/interface/images/nav_bg.gif) no-repeat;
}

#top #nav li {
  float: left;
  height: 37px;
  margin: 0px;
  padding: 0px;
}

#top #nav li a {
  display: block;
  height: 37px;
  overflow: hidden;
  text-indent: -9001px;
  background-position: center top;
  background-repeat: no-repeat;
}

#top #nav li a:hover { background-position: center center; }

#top #nav li.active a,
#top #nav li.active a:hover { background-position: center bottom; }

#top #nav #nav_item1 a { width: 71px; background-image: url(/interface/images/nav_item1.gif); }
#top #nav #nav_item2 a { width: 69px; background-image: url(/interface/images/nav_item2.gif); }
#top #nav #nav_item3 a { width: 156px; background-image: url(/interface/images/nav_item3.gif); }
#top #nav #nav_item4 a { width: 82px; background-image: url(/interface/images/nav_item4.gif); }
#top #nav #nav_item5 a { width: 98px; background-image: url(/interface/images/nav_item5.gif); }
#top #nav #nav_item6 a { width: 94px; background-image: url(/interface/images/nav_item6.gif); }
#top #nav #nav_item7 a { width: 109px; background-image: url(/interface/images/nav_item7.gif); }
#top #nav #nav_item8 a { width: 70px; background-image: url(/interface/images/nav_item8.gif); }
#top #nav #nav_item9 a { width: 70px; background-image: url(/interface/images/nav_item9.gif); }
#top #nav #nav_item10 a { width: 85px; background-image: url(/interface/images/nav_item10.gif); }


/* ---------- Stijlen: Main en Content ---------- */

#site #main {
  width: 100%;
  padding-bottom: 10px;
  overflow: hidden;
}

#main #content {
  float: left;
  width: 720px;
}

#main h1,
#main #content_inner_left h2,
#main #content_inner_right h2 {
  margin: 0px 0px 5px 0px;
  padding: 3px 0px;
  font-size: 19px;
  line-height: 26px;
  color: #00818e;
  background-repeat: no-repeat;
  text-indent: -9001px;
  overflow: hidden;
}

#main h2,
#main #content_inner_left h3,
#main #content_inner_right h3 {
  margin: 0px 0px 5px 0px;
  padding: 0px;
  font-size: 18px;
  line-height: 22px;
  font-weight: normal;
  color: #00818e;
}

#main h2 {
	margin-bottom: 8px;
}

#main h3,
#main h4,
#main h5,
#main h6 {
  margin: 0px 0px 3px 0px;
  padding: 0px;
  font-size: 13px;
  line-height: normal;
  color: #00818e;
}

#main p {
  margin: 0px 0px 18px 0px;
  padding: 0px;
}

#main ul {
  margin: 0px 0px 18px 0px;
  padding: 0px;
  list-style: none;
}

#main li {
  margin: 0px 0px 10px 0px;
  padding: 0px 0px 0px 18px;
  background: url(/interface/images/bullet.gif) no-repeat left 5px;
}

#main li ul {
  margin-bottom: 5px;
}

#main sup {
  font-size: 7px;
}

#main .knop {
  float: right;
  background: url(/interface/images/btn_algemeen_bg.gif) no-repeat;
  font-weight: bold;
  line-height: 18px;
  height: 24px;
  color: #ffffff;
  text-decoration: none;
  margin-right: 2px;
}

#main .knop:hover {
  text-decoration: underline;
  background-position: left bottom;
}

#main .knop span {
  float: left;
  height: 18px;
  background: url(/interface/images/btn_algemeen_inner_bg.gif) no-repeat right top;
  cursor: pointer;
  padding: 3px 13px;
  margin-right: -2px;
  position: relative;
}

#main .knop:hover span {
  background-position: right bottom;
}

#main .afbeelding_groot { 
	border: 1px solid #D2D2D2;
  padding: 3px;
  margin-bottom: 15px;
}

#main .afbeelding_rechts { 
	float: right;
  clear: right;
	border: 1px solid #D2D2D2;
  padding: 3px;
  margin: 0px 0px 10px 10px;
}

#main .tekst_links { 
	float: left;
  clear: left;
	width: 48%;
}

#main .tekst_rechts { 
	float: right;
  clear: right;
	width: 48%;
}

#main .tekst_links p,
#main .tekst_rechts p { 
	margin-bottom: 8px;
}


/* ---------- Stijlen: Sidebar (sponsors, handige links) ---------- */

#main #sidebar {
  float: right;
  width: 190px;
}

#main #sidebar #sponsors {
  margin-bottom: 9px;
  padding-bottom: 1px;
  overflow: hidden;
  width: 190px;
}

#main #sidebar #sponsors .sponsorbox {
  margin-bottom: 10px;
  background: url(/interface/images/sponsorbox_bg.gif) no-repeat left bottom;
}

#main #sidebar #sponsors .sponsorbox .inner {
  width: 164px;
  padding: 13px;
  overflow: hidden;
  background: url(/interface/images/sponsorbox_inner_bg.gif) no-repeat;
}

#main #sidebar #sponsors .sponsorbox .sponsor,
#main #sidebar #sponsors .sponsorbox .hoofdsponsor {
  display: block;
}

#main #sidebar #sponsors .sponsorbox .sponsor {
  margin-bottom: 15px;
}

#main #sidebar #linkbox {
  background: #c3eff4 url(/interface/images/linkbox_bg.gif) no-repeat;
}

#main #sidebar #linkbox .inner {
  padding: 13px;
  background: url(/interface/images/linkbox_inner_bg.gif) no-repeat left bottom;
}

#main #sidebar #linkbox h3 {
  margin-bottom: 4px;
  font-size: 15px;
  font-weight: bold;
  color: #e46d0d;
}

#main #sidebar #linkbox a {
  color: #00818e;
}

#main #sidebar #linkbox a:hover {
  color: #e46d0d;
}

#main #sidebar #linkbox .meer {
  color: #e46d0d;
  font-weight: bold;
}

#main #sidebar #linkbox ul {
  margin: 0px;
}

#main #sidebar #linkbox li {
	margin-bottom: 5px;
  padding-left: 10px;
  background: url(/interface/images/bullet_links.gif) no-repeat left 10px;
}

#main #sidebar #linkbox .statsbuttons {
	margin-top: 8px;
}


/* ---------- Stijlen: Home ---------- */

#main #content_inner_left {
  float: left;
  width: 460px;
}

#main #content_inner_right {
  float: right;
  width: 240px;
}


/* ---------- Stijlen: Home - Nieuws previews ---------- */

#main #actueelbox_wrapper {
  margin-bottom: 20px;
}

#main #actueelbox_wrapper h2 {
  background-image: url(/interface/images/titel_actuele_uitslagen.gif);
}

#main #actueelbox {
  background: url(/interface/images/actueelbox_bg.gif) no-repeat left bottom;
}

#main #actueelbox #actueelbox_inner {
  padding: 17px 17px 1px 17px;
  background: url(/interface/images/actueelbox_inner_bg.gif) no-repeat left top;
}

#main #nieuwspreviews h2 {
  background-image: url(/interface/images/titel_nieuws_en_verslagen.gif);
}

#main .nieuws_item {
  margin-bottom: 20px;
  width: 100%;
  overflow: hidden;
}

#main .nieuws_item .thumb {
  float: left;
  width: 120px;
  height: 120px;
  margin-right: 15px;
  padding: 3px;
  border: 1px solid #d2d2d2;
}

#main .nieuws_item .info {
  color: #8a8a8a;
}

#main .nieuws_item .info a {
  font-weight: bold;
}

#main .nieuws_item h3 a {
  color: #00818e;
  text-decoration: none;
}

#main #nieuwspreviews #knoppenbalk {
  padding: 6px;
  min-height: 24px;
  background: url(/interface/images/knoppenbalk_bg.gif);
}

#main #nieuwspreviews #knoppenbalk_inner {
  float: right;
}

#main #nieuwspreviews #knoppenbalk_inner .knop {
  float: left;
  margin-left: 10px;
}


/* ---------- Stijlen: Home - Agenda previews ---------- */

#main #agendapreviews_wrapper {
  margin-bottom: 20px;
}

#main #agendapreviews_wrapper h2 {
  background-image: url(/interface/images/titel_agenda.gif);
}

#main #agendapreviews {
  background: #c3eff4 url(/interface/images/agenda_bg.gif) no-repeat left bottom;
}

#main #agendapreviews_inner {
  padding: 13px;
  width: 214px;
  overflow: hidden;
  background: url(/interface/images/agenda_inner_bg.gif) no-repeat left top;
}

#main a.agenda_item {
  display: block;
  width: 100%;
  margin-bottom: 9px;
  overflow: hidden;
  text-decoration: none;
  color: #00818e;
  line-height: 17px;
}

#main a.agenda_item span {
  display: block;
  cursor: pointer;
}

#main .agenda_item .datum {
  float: left;
  width: 64px;
  height: 31px;
  padding: 7px 3px 6px 3px;
  line-height: 15px;
  background: url(/interface/images/datum_home_bg.gif);
  font-weight: bold;
  color: #e46d0d;
}

#main a.agenda_item_eerste .datum {
  background: url(/interface/images/datum_home_eerste_bg.gif);
}

#main .agenda_item .datum .start,
#main .agenda_item .datum .eind {
  float: left;
  width: 30px;
  height: 31px;
  text-align: center;
}

#main .agenda_item .datum .eind {
  float: right;
}

#main a.agenda_item .info {
  float: right;
  width: 137px;
  margin-top: 5px;
}

#main a.agenda_item .titel {
  font-weight: bold;
}

#main a.agenda_item:hover .titel {
  color: #e46d0d;
  text-decoration: underline;
}


/* ---------- Stijlen: Home - Banners (gastenboek en foto's) ---------- */

#main .banner_rechts {
  display: block;
  height: 115px;
  text-indent: -9001px;
  overflow: hidden;
  margin-bottom: 20px;
}

#main #banner_world_tour {
  background: url(/interface/images/banner_world_tour.gif);
}

#main #banner_gastenboek {
  background: url(/interface/images/banner_gastenboek.gif);
}

#main #banner_fotos {
  width: 247px;
  margin-left: -7px;
  background: url(/interface/images/banner_fotos.gif);
  position: relative;
}


/* ---------- Stijlen: Titels vervolgpagina's ---------- */

#titel_team { background-image: url(/interface/images/titel_team.gif); }
#titel_agenda_resultaten { background-image: url(/interface/images/titel_agenda_en_resultaten.gif); }
#titel_nieuwsoverzicht { background-image: url(/interface/images/titel_nieuwsoverzicht.gif); }
#titel_verslagen { background-image: url(/interface/images/titel_verslagen.gif); }
#titel_sponsors { background-image: url(/interface/images/titel_sponsors.gif); }
#titel_gastenboek { background-image: url(/interface/images/titel_gastenboek.gif); }
#titel_fotos { background-image: url(/interface/images/titel_fotos.gif); }
#titel_links { background-image: url(/interface/images/titel_links.gif); }
#titel_contact { background-image: url(/interface/images/titel_contact.gif); }


/* ---------- Stijlen: Agenda- en Resultatenoverzicht ---------- */

#main #overzicht_agenda {
	width: 100%;
}

#main #overzicht_agenda td,
#main #overzicht_agenda th {
	padding: 5px 3px;
	border-bottom: 1px solid #9de2e9;
}

#main #overzicht_agenda th {
	text-align: left;
}

#main #overzicht_agenda th.cel_datum {
	text-align: center;
}

#main #overzicht_agenda .agenda_item .datum {
	float: none;
  display: block;
  background: url(/interface/images/datum_bg.gif);
}

#main #overzicht_agenda .cel_datum { width: 75px; }
#main #overzicht_agenda .cel_titel { width: 300px; font-weight: bold; }
#main #overzicht_agenda .cel_locatie { width: 185px; }
#main #overzicht_agenda .cel_plaatsing { width: 65px; text-align: center; }
#main #overzicht_agenda .cel_resultaat { width: 65px; text-align: center; }

#main #map {
	width: 718px;
  height: 300px;
  border: 1px solid #aaaaaa;
  margin-bottom: 15px;
}
#main #map_klein {
	width: 400px;
  height: 200px;
  border: 1px solid #aaaaaa;
  margin-bottom: 5px;
}

/* ---------- Stijlen: Nieuws- en Verslagenoverzicht ---------- */

#main #overzicht_nieuws_verslagen .nieuws_item {
  margin-bottom: 12px;
	padding-bottom: 12px;
  border-bottom: 1px solid #a7e4eb;
}

#main #overzicht_nieuws_verslagen .item_oud {
	padding: 7px 0px;
  margin: 0px;
}

#main #overzicht_nieuws_verslagen .item_oud .info {
	float: left;
  width: 128px;
  margin-right: 15px;
}

#main #overzicht_nieuws_verslagen .item_oud h3 {
	float: left;
  width: 577px;
}

#main #overzicht_nieuws_verslagen .item_oud h3 a:hover {
	color: #e46d0d;
}

/*----------Stijlen: Gastenboek ---------------*/
.gastenboek { 
  font-family: Verdana;
  color: #000000;
  font-size: 11px;
  background-color: #EFF4FF;
  border: 1px solid navy;
}

.gastenboek td {
  border-bottom: 1px solid navy;
}

select {
  background-color: #ffffff; 
  border: 1px solid navy; 
  color: #E00000; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px;
} 

input { 
  background-color: #C8D7FF; 
  border: 1px solid navy; 
  color: black; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px; } 

.button { 
  background-color: #C8D7FF; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 10px;
  color: black; 
  border: 1px solid navy; 
  margin: 0px;
  padding: 2px;
  padding-bottom: 1px;
}

.input-wit {
  background-color:#FFFFFF;
}

.ubb-smileys {
  border: 0px;
	background-color: #EFF4FF;
}

.ubb-smileys td {
  border-width: 0px;
  font-size: 11px;
}

/* ---------- Stijlen: Foto-albums ---------- */

#main .foto_albums img {
	display: inline;
}


/* ---------- Stijlen: Links ---------- */

#main .overzicht_links li {
  margin: 0px 0px 12px 0px;
}


/* ---------- Stijlen: Contactpagina ---------- */

#main .contactformulier .formulier_regel {
	overflow: hidden;
  width: 100%;
  clear: both;
  margin-bottom: 10px;
}

#main .contactformulier .regel_links {
	float: left;
  width: 340px;
  clear: none;
}

#main .contactformulier .regel_rechts {
	float: right;
  width: 340px;
  clear: none;
}

#main .contactformulier label {
	display: block;
  margin-bottom: 3px;
  font-weight: bold;
  color: #00818e;
}

#main .contactformulier label span {
	color: #999999;
  font-weight: normal;
}

#main .contactformulier input.text,
#main .contactformulier textarea {
  width: 708px;
  padding: 4px;
  border: 1px solid #1fa3b0;
  font-family: "Trebuchet MS", Helvetica, Jamrul, sans-serif;
  font-size: 12px;
  background: url(/interface/images/input_bg.gif);
}

#main .contactformulier .regel_links input.text,
#main .contactformulier .regel_rechts input.text {
  width: 328px;
}

#main .contactformulier textarea {
	height: 170px;
}

#main .contactformulier #btn_submit {
	display: none;
}

#main .foutmelding {
	padding: 12px 10px 12px 52px;
  border: 1px solid #ecd32c;
  color: #b27900;
  font-weight: bold;
  line-height: 16px;
  background: #fbf6bc url(../images/foutmelding_bg.gif) no-repeat 10px 4px;
}


/* ---------- Stijlen: Footer ---------- */

#footer {
  width: 930px;
  margin: 0px -30px 0px -30px;
  padding: 20px 30px;
  height: 37px;
  background: url(/interface/images/footer_bg.gif);
  position: relative;
  color: #00707b;
}

#footer a { color: #00707b; }
#footer a:hover { color: #e46d0d; }

#footer #colofon {
  float: left;
  width: 615px;
}

#footer #footerlinks {
  float: right;
  width: 246px;
  list-style: none;
  margin: 0px;
  padding: 0px;
}

#footer #footerlinks li {
  float: left;
  margin-left: 20px;
}

#footer #footerlinks li a {
  float: left;
  padding-left: 16px;
  background-repeat: no-repeat;
  background-position: left 4px;
}

#footer #footerlinks li a:hover {
  background-position: left -16px;
}

#footer #footerlinks li #btn_home { background-image: url(/interface/images/footerbtn_home_bg.gif); }
#footer #footerlinks li #btn_naarboven { background-image: url(/interface/images/footerbtn_naarboven_bg.gif); }
#footer #footerlinks li #btn_contact { background-image: url(/interface/images/footerbtn_contact_bg.gif); }