html * { margin: 0; padding: 0; }
body { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; background: #fff; text-align: center; }

/* coming soon stijlen */
body-cs { margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: .8em; background: #e3efff url("/img/stijlen/v1/bg-body.jpg") 0 0 repeat-x; text-align: center; }
#coming-soon { width: 500px; background: transparent url("/img/stijlen/v1/cs.gif") 0 0 no-repeat; margin: 40px auto; text-align: left; }
#binnenkort-tekst { padding-top: 200px; width: 500px; margin: 0 0 30px 60px; }
#binnenkort-tekst h1 { font-size: 1.5em; color: #f00; padding: 0 0 8px 0; border-bottom: 1px solid #fff; }
#binnenkort-tekst h2 { font-size: 1.2em; color: #385b87; padding: 0; margin-top: 10px; }
#binnenkort-tekst p { font-size: 1em; color: #4977ae; margin: 5px 0; }
#binnenkort-tekst p a { text-decoration: underline; color: #f00; }
#binnenkort-tekst ul { margin: 10px; color: #385b87; }
#binnenkort-tekst li { margin-left: 20px; list-style: outside square; margin: 10px 0;}

/* algemene stijlen */
h1 { font-size: 1.8em; }
a { color: #039; text-decoration: none; }
a:hover { color: #f00; }

#container { position: absolute; width: 1000px; left: 0; top: 0; margin: 0 auto; }
/* #hdr { height: 202px; background: transparent url("/img/stijlen/v1/bg-hdr.jpg") 0 100% no-repeat; } */
#hdr { height: 140px; background: transparent url("/img/stijlen/v1/bg-hdr.jpg") 0 0 no-repeat; }

/* menustijlen */
#container-mnu { width: 1000px; height: 31px; margin: -32px 0 0 0; text-align: right; background: transparent url("/img/stijlen/v1/bg-container-mnu.gif") 0 30px repeat-x; }
#mnu { float: right; display: block; width: 488px; height: 31px; margin: 0; padding: 0; background: transparent; text-align: left; }
/* 488 */
#mnu ul { margin: 0 auto; }
#mnu li { list-style: none; padding: 0; margin: 0; float: left; }
#mnu a { text-decoration: none; }
#mnu span { display: none; }
#mnu-home { display: block; background: transparent url("/img/stijlen/v1/mnu_home_nf.jpg") 0 0 no-repeat; width: 122px; height: 31px; }
#mnu-home-actief { display: block; background: transparent url("/img/stijlen/v1/mnu_home_f.jpg") 0 0 no-repeat; width: 122px; height: 31px; }
#mnu-home:hover { background: transparent url("/img/stijlen/v1/mnu_home_h.jpg") 0 0 no-repeat; }
#mnu-over { display: block; background: transparent url("/img/stijlen/v1/mnu_over_nf.jpg") 0 0 no-repeat; width: 122px; height: 31px; }
#mnu-over-actief { display: block; background: transparent url("/img/stijlen/v1/mnu_over_f.jpg") 0 0 no-repeat; width: 122px; height: 31px; }
#mnu-over:hover { background: transparent url("/img/stijlen/v1/mnu_over_h.jpg") 0 0 no-repeat; }
#mnu-contact { display: block; background: transparent url("/img/stijlen/v1/mnu_contact_nf.jpg") 0 0 no-repeat; width: 122px; height: 31px; }
#mnu-contact-actief { display: block; background: transparent url("/img/stijlen/v1/mnu_contact_f.jpg") 0 0 no-repeat; width: 122px; height: 31px; }
#mnu-contact:hover { background: transparent url("/img/stijlen/v1/mnu_contact_h.jpg") 0 0 no-repeat; }
#mnu-kaart { display: block; background: transparent url("/img/stijlen/v1/mnu_kaart_nf.jpg") 0 0 no-repeat; width: 122px; height: 31px; }
#mnu-kaart-actief { display: block; background: transparent url("/img/stijlen/v1/mnu_kaart_f.jpg") 0 0 no-repeat; width: 122px; height: 31px; }
#mnu-kaart:hover { background: transparent url("/img/stijlen/v1/mnu_kaart_h.jpg") 0 0 no-repeat; }
#mnu-lijst { display: block; background: transparent url("/img/stijlen/v1/mnu_lijst_nf.jpg") 0 0 no-repeat; width: 122px; height: 31px; }
#mnu-lijst-actief { display: block; background: transparent url("/img/stijlen/v1/mnu_lijst_f.jpg") 0 0 no-repeat; width: 122px; height: 31px; }
#mnu-lijst:hover { background: transparent url("/img/stijlen/v1/mnu_lijst_h.jpg") 0 0 no-repeat; }

#container-content { display: block; width: 1000px; min-height: 100px; background: #fff;  border-bottom: 1px solid #accfff; text-align: left; }
#kolom-breed { display: block; width: 600px; float: left; }
#kolom-smal { display: block; width: 390px; float: left; margin-left: 10px; }
#kolom-breed .inhoud { margin: 20px 20px 30px 40px; line-height: 200%; }
#kolom-breed .inhoud p { margin-bottom: 20px; }
#kolom-smal .inhoud { margin: 20px 0 30px 20px; line-height: 200%; }

/* sidebar stijlen */
.item-sidebar { display: block; background: #e8f2ff; padding: 0; margin-bottom: 15px; clear: both; }
.item-sidebar p { padding: 8px; }
.item-sidebar p a { font-weight: bold; }
.item-sidebar img { margin: 8px; }
.item-sidebar-hdr { display: block; text-align: left; background: #6c0; color: #fff; font-size: 1.2em; font-weight: 700; border-bottom: 1px solid #fff; padding-left: 8px; }
.in-en-uitklappen { float: right; margin: 5px 5px 0 0; }
.in-en-uitklappen img { margin: 0 2px 0 0; padding: 0; }

.item-sidebar-content h3 { margin-left: 8px; color: #f00; }
.item-sidebar-content img { float: right; }
#laatst-toegevoegd-in-kaart, #alle-uitjes-in-kaart { text-align: right; }

#sbi_5 { background: #e8f2ff; text-align: center; padding-top: 17px; padding-bottom: 17px; }

#zoek-uitje p { text-align: right; }
#zoek-uitje-sleutelwoord { background: #fff; border: 1px solid #fff; width: 350px; margin: 10px 5px 0 5px; padding: 2px; }
#zoek-uitje-start { color: #039; font-weight: bold; background: transparent; border: none; }
#zoek-uitje-start:hover { color: #f00; } 
.highlight-term { color: #fff; background: #6c0; padding-left: 2px; padding-right: 2px; }

#filter-uitje p { text-align: right; }
#filter-uitje-categorie, #filter-uitje-regio { border: 1px solid #fff; width: 355px; margin: 10px 5px 0 5px; padding: 2px; }
#filter-uitje-start { color: #039; font-weight: bold; background: transparent; border: none; }
#filter-uitje-start:hover { color: #f00; } 

#tagcloud { display: block; width: 100%; background: #fff; text-align: center; margin: 10px 0; padding: 10px 0; }

/* welkom stijlen */
#welkom h1 { color: #f00; }

/* de kaart stijlen */
#op-de-kaart h1 { color: #f00; }
#op-de-kaart h2 { color: #039; margin: 10px 0; }

/* evenement stijlen */
#ohp-evenement { background: #e8f2ff; margin-bottom: 15px; }
#ohp-evenement .ohp-evenement-datum { font-weight: bold; color: #039; }
#ohp-evenement #ohp-evenement-kop { display: block; background: #6c0; color: #fff; }
#ohp-evenement #ohp-evenement-kop h2 { margin: 2px 5px; font-size: 1.1em; }
#ohp-evenement p { padding: 10px; font-size: .85em; }
#ohp-evenement p img { float: left; margin: 0 5px 0 0; }

/* lijstview stijlen */
#container-lijstview-intro h1 { color: #f00; }
#container-lijstview-intro h2 { color: #039; font-size: 1.2em; }

#container-sorteren { height: 25px; font-size: .85em; clear: both; }
#container-sorteerop { float: left; width: 65%; }
#container-opaf { float: right;  width: 35%; text-align: right; }
.actieve-sortering { color: #6c0; }

.lijstview-item-even { border-top: 1px solid #eee; background: #fff; margin: 0; padding: 0; }
.lijstview-item-oneven { border-top: 1px solid #eee; background: #fff; margin: 0; padding: 0; }

.lijstview-item-even p, .lijstview-item-oneven p { margin: 0; padding: 3px 8px; }

.meer-info-lijstview { margin: 0; padding: 5px; border-top: 1px solid #fff; }

/* eerst - background: #e8f2ff; */
.lijstview-item-even .meer-info-lijstview { background: #fff; }
.lijstview-item-oneven .meer-info-lijstview { background: #fff; }

.lijstview-item-even h3, .lijstview-item-oneven h3 { font-size: 1.6em; padding: 10px 8px 3px 8px; margin: 0; }
.details-van-dit-uitje { font-size: .7em; font-style: normal; color: #f00; }

.uitje-nr { display: none; background: #6c0; color: #fff; margin: 0; padding: 4px 8px; border: 1px solid #6c0; float:right; font-size: .85em; }
.loc { margin: 0; padding: 0; font-size: .9em; font-weight: 700; }
.beschrijving { margin: 0; padding: 0; }
.img-uitje-lijstview { float: right; margin: 10px 10px 10px 15px; padding: 3px; background: #fff; } 
.naw-lijstview { font-family: tahoma, sans-serif; letter-spacing: 1px; text-align: left; color: #f00; }

#container-bladzijden-uittips { width: 520px; height: 40px; border: none; clear: both; text-align: center; margin: 0 0 10px 0; }
#container-bladzijden-uittips .bladzijde-uittips { font-size: .9em; display: block; float: left; margin: 2px 2px; padding: 1px 5px 3px 5px; border: 1px solid #4977ae; background: #eee; color: #039; text-align: center; text-decoration: none; }
#container-bladzijden-uittips .bladzijde-uittips:hover { border: 1px solid #f00; background: #f00; color: #fff; }
#container-bladzijden-uittips .bladzijde-uittips-actief { font-size: .9em; display: block; float: left; margin: 2px 2px; padding: 1px 5px 3px 5px; border: 1px solid #f00; background: #fff; color: #f00; text-align: center; text-decoration: none; }
#bladzijde-uittips-vorige, .bladzijde-uittips-puntjes { display: block; float: left; margin: 2px 1px; padding: 1px 5px 3px 5px; background: #fff; color: #f00; text-align: center; text-decoration: none; }
#bladzijde-uittips-vorige, #bladzijde-uittips-volgende { font-size: .85em; display: block; float: left; margin: 2px 1px; padding: 1px 5px 3px 5px; border: 1px solid #4977ae; background: #eee; color: #039; text-align: center; text-decoration: none; }
#bladzijde-uittips-vorige:hover, #bladzijde-uittips-volgende:hover { border: 1px solid #f00; background: #f00; color: #fff; }
#bladzijde-uittips-vorige-inactief, #bladzijde-uittips-volgende-inactief { font-size: .85em; display: block; float: left; margin: 2px 1px; padding: 1px 5px 3px 5px; border: 1px solid #ccc; background: #fff; color: #666; text-align: center; text-decoration: none; }

/* uitjes details stijlen */
#details-uitje { }
#details-uitje #container-terug-naar-lijst { text-align: right; }
/* #details-uitje h1 { color: #4b78af; font-size: 1.7em; margin-bottom: 5px; } */
#details-uitje h1 { display: inline; color: #f00; font-size: 1.1em; margin-bottom: 5px; }
#details-uitje img { float: left; margin: 10px 25px 10px 0 }
#details-uitje span { font-weight: bold; }

#details-uitje-praktisch { margin: 20px 0; padding: 20px; background: #e8f2ff; }
#details-uitje-praktisch span { font-weight: bold; color: #6c0; }
#details-uitje-praktisch ul { margin: 5px 0 10px 0; }
#details-uitje-praktisch ul li { list-style: outside square; margin-left: 15px; color: #f30; } /* #4b78af */
#details-in-kaart { text-align: left; }

#details-uitje-praktisch #lijst-meer-hotels { display: none; }
#details-uitje-praktisch #lijst-hotels li, #details-uitje-praktisch #lijst-meer-hotels li { color: #000; }

#container-email-uitje { display: none; }
#input-email-uitje { width: 250px; border: 1px solid #e8f2ff; padding: 3px; }

.hdr-waardering { font-size: 1.2em; color: #6c0; }
.txt-waardering { clear: both; }
.hoe-gewaardeerd-actief { display: block; float: left; width: 8px; height: 8px; background: #6c0; margin-right: 3px; }
.hoe-gewaardeerd-inactief { display: block; float: left; width: 8px; height: 8px; background: #ccc; margin-right: 3px; }
#container-nieuw-commentaar { padding: 10px; background: #e8f2ff; }

#tbl-commentaar { width: 500px; }
#tbl-commentaar td { width: 50%; }

#container-nieuw-commentaar #nick, #container-nieuw-commentaar #commentaar { border: 1px solid #e8f2ff; padding: 3px; }
#container-nieuw-commentaar #nick { width: 250px; }
#container-nieuw-commentaar #commentaar { width: 500px; height: 200px; }
#container-nieuw-commentaar #nick { font-size: 1em; }
#container-nieuw-commentaar #commentaar { font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Sans-serif; font-size: 1em; }
.waardering { display: block; float: left; width: 12px; height: 12px; background: #ccc; margin-right: 3px; }
#btn-commentaar-opslaan { background: #f00; color: #fff; border: 2px solid #f00; margin: 0 1px 0 0; }
#code-of-conduct { font-size: .85em; margin: 5px 0 10px 0; padding: 10px 0; }

/* registratie stijlen */
#container-registreren {}
#container-registreren img { margin-bottom: 25px; }
#tbl-registreren { width: 500px; }
#tbl-registreren td { width: 50%; }
#tbl-registreren #cel-bevestig-registratie { padding: 5px 0 15px 0; }
.hdr-registreren { font-size: 1.2em; color: #6c0; }
#btn-registreren { background: #f00; color: #fff; border: 2px solid #f00; margin: 10px 1px 0 0; padding: 3px; }
#gebruikersnaam, #wachtwoord, #bevestig_wachtwoord, #bevestig_email { width: 275px; padding: 4px; border: 1px solid #ccc; }

#bdy-registratie { }
#container-registratie { width: 500px; margin: 20px auto; text-align: left; }
#container-registratie h1 { font-size: 1.2em; color: #6c0; margin-bottom: 10px; }
#container-payoff { height: 140px; background: transparent url("/img/mailing/ohp-payoff.jpg") 0 0 no-repeat; }
.container-stippellijn { height: 40px; background: transparent url("/img/mailing/stippellijn.gif") 0 50% no-repeat; } 
#registratie-ftr { font-size: .85em; color: #039; }
#registratie-ftr a { text-decoration: underline; }

/* over ohp stijlen */
#info-over h1 { color: #f00; }
#info-over h2 { font-size: 1.1em; color: #4b78af; margin: 10px 0; }
#info-over ul { margin-bottom: 15px; }
#info-over ul li { list-style: outside square; margin-left: 15px; }

/* kleine lettertjes ohp stijlen */
#info-kleine-lettertjes h1 { color: #f00; }
#info-kleine-lettertjes h2 { color: #4b78af; margin: 10px 0; }
#info-kleine-lettertjes ul { margin-bottom: 15px; }
#info-kleine-lettertjes ul li { list-style: outside square; margin-left: 15px; }

/*footer stijlen */
#ftr { display: block; width: 1000px; background: transparent; color: #000; padding: 20px 0; margin: 10px 0 20px 0; }

#ftr #ftr-links, #ftr #ftr-rechts { width: 495px; float: left; text-align: left; margin-bottom: 20px; }
#ftr #ftr-links h3, #ftr #ftr-rechts h3 { color: #666; font-size: 1em; margin: 5px 5px 10px 45px; }
#ftr #ftr-links p, #ftr #ftr-rechts p { color: #4a77ae; font-size: .9em; line-height: 150%; margin-left: 45px; }
#ftr #linken-naar-ohp, #ftr #en-verder { margin-left: 45px; }
#ftr #linken-naar-ohp li, #ftr #en-verder li{ color: #999; list-style: none; margin-right: 5px; margin-bottom: 5px; }
#ftr #linken-naar-ohp li a, #ftr #en-verder li a{ color: #999; }
#ftr #linken-naar-ohp li a:hover, #ftr #en-verder li a:hover { color: #f00; }
#ftr #ftr-concept { clear: both; display: block; width: 1000px; color: #999; padding-top: 30px; font-size: .9em; } /* border-top: 1px solid #accfff; */
#ftr #ftr-concept a { color: #999; }
#ftr #ftr-concept a:hover { color: #f00; }
#ftr #bezoekers-online { color: #fff; }

.ingeklapt { background: #e8f2ff url("/img/stijlen/v1/ico-uitklappen.gif") 50% 50% no-repeat; }
.uitgeklapt { background: #e8f2ff url("/img/stijlen/v1/ico-inklappen.gif") 50% 50% no-repeat; }

#content-info { text-align: left; margin: 20px 10px 20px 40px; padding: 110px 0 0 0; background: transparent url("/img/stijlen/v1/bg-container-info.gif") 0 0 no-repeat; }
#content-info h2 { font-size: 1.3em; color: #f00; }
#content-info p { line-height: 150%; margin-bottom: 10px; }
#tt { display: block; visibility: hidden; text-align: left; background: #fff url("/img/kaart/ico-tooltip.gif") 3px 3px no-repeat; color: #f00; padding: 2px 5px 2px 25px; margin: 0 0 0 0; width: 200px; overflow: hidden; opacity: .8; filter: alpha(opacity=80); }
#opties-regio, #opties-categorie, #opties-overig { padding: 5px; font-size: .95em; }
#opties-categorie img, #opties-overig img { margin-right: 8px; }
#opties-regio input, #opties-categorie input, #opties-overig input { height: 14px; width: 14px; margin-top: 5px; }
#opties-regio input { margin-left: 18px; }
#kop-regio, #kop-categorie, #kop-kaart-opties { display: block; font-weight: bold; }
#meer-lezen-bijdragen { text-align: right; }
#meer-lezen-bijdragen a { font-weight: bold; }

/* label marker stijlen */
.container-marker-weer { color: #c00; font-size: .85em; text-align: center; width: 60px; font-weight: bold; }
.container-marker-weer span { font-size: 1.5em; font-weight: bold; color: #fff; padding-top: 5px; }

/* gmap infowindow stijlen */
#ohp-infowindow { display: block; width: 360px; font-size: .95em; text-align: left; margin-bottom: 20px; }
#ohp-max-infowindow { text-align: left; padding: 40px 30px 40px 20px; margin-right: 20px; }
#ohp-infowindow h2, #ohp-max-infowindow h2 { color: #f00; border-bottom: 1px solid #eee; margin-top: 20px; padding-bottom: 6px; margin-bottom: 5px; font-size: 1.4em; font-weight: 800; }
#ohp-infowindow h3, #ohp-max-infowindow h3 { font-size: 1.1em; color: #4977ae; }
#ohp-infowindow p, #ohp-max-infowindow p { line-height: 150%; color: #4977ae; }
#meer-info, #minder-info { border-top: 1px solid #eee; text-align: right; margin: 10px 0; padding: 10px 0; }
#container-gads { text-align: left; }
#gads { width: 500px; height: 100px; border: none; overflow: hidden; }

#iw-img { width: 360px; height: 160px; background: transparent url("/img/kaart/iw-generiek-ohp.jpg") 50% 50% no-repeat; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 10px; }
#iw-info { line-height: 150%; margin-bottom: 10px; padding-bottom: 10px; }

#iw-img-max { height: 160px; background: transparent url("/img/kaart/iw-generiek-ohp.jpg") 50% 50% no-repeat; padding-bottom: 20px; border-bottom: 1px solid #eee; margin-bottom: 10px; }
#iw-info-max { line-height: 150%; margin-bottom: 10px; padding-bottom: 10px; }
.img-uitje { float: right; margin: 10px 0 10px 20px; padding: 6px; background: transparent; border: 1px solid #eee; }

#lijst-provincies li { margin-left: 15px; list-style: outside square; color: #4977ae; }

/* gmap routebeschrijving stijlen */
#container-routebeschrijving { display: none; visibility: hidden; position: absolute; left: 12px; top: 12px; z-index: 1022; width: 420px; border: 1px solid #fff; background: #fff; text-align: left; margin: 0; }
#nav-routebeschrijving { display: block; width: 420px; height: 10px; clear: both; margin: 0; color: #09c; text-align: right; font-size: .9em; }
#routebeschrijving { margin-top: 8px; overflow: scroll; }
/* #routebeschrijving * { font-size: .95em; clear: both; } */

#routebeschrijving h2 { font-size: 1.1em; color: #f00; margin: 0 5px 5px 15px; }
#routebeschrijving #route-samenvatting { margin: 5px 15px 0 20px; padding: 10px 5px 10px 10px; color: #fff; background: #f00; }
#routebeschrijving ul { margin: 0 10px 10px 10px; padding: 5px; }
#routebeschrijving .li-route { display: block; padding: 8px; margin: 0 0 1px 5px; background: #e8f2ff; font-size: .9em; color: #4a77ae; list-style: none; }
#routebeschrijving .print-route { text-align: right; color: #f00; margin: 10px 15px 0 15px; }
#sluit-routebeschrijving { display: block; width: 16px; height: 16px; border: none; text-decoration: none; background: transparent url("/img/ico-sluit-gdir.gif") 0 0 no-repeat; float: right; }

#mail-container { display: block; background: transparent; margin: 8px 8px 5px 0; }
#mail-container input { font-size: .9em; padding: 4px 2px; margin: 0; border: 1px solid #f00; width: 99%; }
#acties-mail-route { text-align: right; }
#acties-mail-route a { color: #fff; margin-left: 10px; }
#resultaat-mail-route { display: block; padding: 3px 0; display: block; width: 300px; }

#container-route-van { margin: 5px 0; }
.container-route-van-verborgen { display: none; }
.container-route-van-zichtbaar { display: block; }
.route-label { margin: 0; padding: 0; color: #4977ae; }
#route-straat, #route-nr, #route-plaats { border: 1px solid #4977ae; font-size: .95em; padding: 3px 1px; margin-right: 2px; color: #4977ae; }
#route-straat { width: 170px; }
#route-nr { width: 40px; }
#route-plaats { width: 120px; }
#toon-route { border: 2px solid #4977ae; background: #4977ae; color: #fff; font-weight: bold; padding: auto 5px; text-align: center; } 
#melding-route { background: #f4f4f4; color: #4977ae; margin: 5px 0; padding: 5px 3px; display: none; }

#container-kaart-sidebar { background: #fff; width: 90%; margin-top: 25px; }

#menu-sidebar { height: 30px; background: #fff; margin: 25px 0 0 0; }
#menu-sidebar-inzoomen, #menu-sidebar-meedoen { float: left; height: 30px; width: 45%; text-align: left;  font-weight: bold; cursor: pointer; }

.mnu-sb-actief { color: #3c0; background: #fff; border-left: 1px solid #95c2ff; border-top: 1px solid #95c2ff; border-right: 1px solid #95c2ff; border-bottom: none; padding-top: 8px; }
.mnu-sb-inactief { color: #fff; background: #95c2ff; border-top: 8px solid #fff; border-bottom: 1px solid #95c2ff; }

#menu-sidebar-intro p, #menu-sidebar-inzoomen p, #menu-sidebar-meedoen p { padding: 5px 20px 5px 15px; }

#intro-uitjes, #inzoomen-uitjes { padding: 8px; }

#container-provincies { text-align: left; margin: 5px 10px 10px 40px; padding: 0; }
#inzoomen-uitjes { display: block;  padding: 5px 8px; }
#zelf-meedoen, #hoe-werkt-het { display: none; padding: 5px 8px; }
.div-kaartinfo-zichtbaar { display: block; }
.div-kaartinfo-verborgen { display: none; }

#container-gads { margin-top: 10px; padding-top: 20px; text-align: center; }
#gads-336x280-miw { position: absolute; z-index: 1021; top: 10px; left: 10px; display: none; }

/* contactformulier stijlen */
.contact-fout { display: block; width: 500px; font-weight: 500; border: 2px solid #f00; margin: 15px 0 25px 0; padding: 20px; background: #fff; }
.contact-verstuurd { display: block; width: 500px; font-weight: 500; border: 2px solid #4a77ae; margin: 15px 0 25px 0; padding: 20px; background: #fff; }

#intro-contact { margin: 0 0 20px 10px; }
#intro-contact h1 { color: #f00; }
#intro-contact h2 { font-size: 1.1em; color: #4b78af; }

#intro-contact ul { margin: 5px 0 20px 0; }
#intro-contact ul li { list-style: outside square; margin-left: 15px; } /* #4b78af */
#intro-contact ul ul { margin: 5px 0; }

#intro-contact h1, #intro-contact p { margin: 0; padding: 0 20px 0 0; }
#hdr-contact { font-size: 2em; color: #0bbaff; }

#tbl-contact { width: 520px; margin: 10px; }
#tbl-contact td { width: 275px; font-size: .9em; padding: 4px 4px 4px 8px; margin: 0; }
.frm-label { background: #f0f0f0; width: 275px; vertical-align: top; }
.frm-veld { background: #eee; width: 275px; }
.frm-veld input, .frm-veld textarea { border: 1px solid #f0f0f0; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Sans-serif; font-size: 1em; }
.frm-veld textarea { font-size: 1em; }
#tbl-contact #kopie { border: 0px; }
#naam, #ref, #email, #bericht { width: 275px; padding: 4px; border: 1px solid #ccc; }
#tekst-contact { margin-left: -20px; border: 1px solid #f0f; }

#cel-versturen { text-align: right; }
#frm-versturen { text-align: right; }

#verstuur-contactformulier { background: #f00; color: #fff; border: 2px solid #f00; margin: 0 10px 0 0; float: right; }
#goReact { background: #f00; color: #fff; border: 2px solid #f00; margin: 0 1px 0 0; }

/* stijlen uitje toevoegen */
#bekijk-instructie, #verberg-instructie { color: #f00; }
#verberg-instructie { display: none; }
#map-uitje-toevoegen { width: 530px; height: 560px; border: 1px solid #3c0; }
#flv { display: none; }

#uitje-toevoegen h1 { color: #f00; }
#uitje-toevoegen h2 { color: #039; margin: 10px 0; }
#uitje-toevoegen ul { margin: 15px 0; padding: 0; }
#uitje-toevoegen li { list-style: outside square; margin-left: 15px; font-size: .85em; }

#iw-uitje-toevoegen { display: block; width: 350px; min-height: 250px; padding: 10px; font-size: .85em; line-height: 120%; }
#n_uitje_titel, #n_uitje_cat, #n_uitje_beschrijving, #n_uitje_naam, #n_uitje_titel, #n_uitje_url { padding: 2px; margin-top: 2px; font-size: 1em; }
#n_uitje_titel { width: 250px; }
#n_uitje_beschrijving { width: 250px; height: 200px; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Sans-serif; }
#n_uitje_naam { width: 250px; }
#n_uitje_cat { width: 255px; }
#n_uitje_url { width: 250px; }
#knoppen, #n_uitje_opslaan { margin: 5px; text-align: right; }
.lbl { vertical-align: top; text-align: left; }

/* beeldmateriaal stijlen */
#beeld-lijst-intro, #beeld-kaart-intro, #beeld-uitje-toevoegen-intro { float: right; margin: 0 0 5px 15px; }

/* ext infowindows stijlen */
#ohp_info_window { width: 550px; text-align: left; font-size: .9em; }
#ohp_info_window_contents { text-align: left; background: #fff; }
#iw_container { clear: both; overflow: auto; height: 550px; margin: 10px 2px 10px 10px; }
#ohp_info_window_contents #iw_container h2 { color: #f00; border-bottom: 1px solid #eee; margin-top: 20px; padding-bottom: 6px; margin-bottom: 5px; font-size: 1.4em; font-weight: 800; margin-right: 10px; }
#ohp_info_window_contents #iw_container h3 { font-size: 1.1em; color: #4977ae; margin-right: 10px; }
#ohp_info_window_contents #iw_container p { line-height: 150%; color: #4977ae; margin-right: 10px; }
#gads-iw { width: 490px; height: 100px; border: none; overflow: hidden; }


#ohp_info_window_tl { width: 14px; height: 14px; background: url("/img/kaart/ohp_iw_tl.png") top left no-repeat transparent; }
* html #ohp_info_window_tl { background-image:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/kaart/ohp_iw_tl.png", sizingMethod="crop"); }
#ohp_info_window_t { background: url("/img/kaart/ohp_iw_t.png") top left repeat-x transparent; }
#ohp_info_window_tr { width: 14px; height: 14px; background: url("/img/kaart/ohp_iw_tr.png") top left no-repeat transparent; }
* html #ohp_info_window_tr { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/kaart/ohp_iw_tr.png", sizingMethod="crop"); }
#ohp_info_window_l { width: 3px; background: url("/img/kaart/ohp_iw_l.png") top left repeat-y transparent; }
#ohp_info_window_r { width: 3px; background: url("/img/kaart/ohp_iw_r.png") top right repeat-y transparent; }
#ohp_info_window_bl { width: 14px; height: 14px; background: url("/img/kaart/ohp_iw_bl.png") top left no-repeat transparent; }
* html #ohp_info_window_bl { background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/kaart/ohp_iw_bl.png", sizingMethod="crop"); }
#ohp_info_window_b { background: url("/img/kaart/ohp_iw_b.png") top left repeat-x transparent; }
#ohp_info_window_br { width: 14px; height: 14px; background: url("/img/kaart/ohp_iw_br.png") top left no-repeat transparent; }
* html #ohp_info_window_br { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/kaart/ohp_iw_br.png", sizingMethod="crop"); }
#ohp_info_window_close { width: 20px; height: 20px; background: url("/img/kaart/ohp_iw_close.png") top left no-repeat transparent; cursor: pointer; }
* html #ohp_info_window_close { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/kaart/ohp_iw_close.png", sizingMethod="crop"); }
#ohp_info_window_beak { width: 27px; height: 37px; background: url("/img/kaart/ohp_iw_beak.png") top left no-repeat transparent; }
* html #ohp_info_window_beak { background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/kaart/ohp_iw_beak.png", sizingMethod="crop"); }
#iw-inhoud { width: 420px; text-align: left; margin: 10px auto; padding: 0; clear: both; height: 500px; overflow: auto; }
#foto-iw-idb { width: 380px; margin: 0 0 10px 0; }
#hdr-iw-idb { font-size: 1.1em; color: #00a9fe; margin: 0; padding: 0; }
#iw-inhoud p { padding-right: 10px; }