/* generieke stijlen */
body { color: #1695a3; background: #fff url("/img/stijlen/achtergrond-footer-v1.0.png") 50% 100% no-repeat; margin: 0; padding: 0; text-align: center; font-family: Georgia, "Times New Roman", Times, serif; font-size: .9em; }
h1 { font-size: 2em; color: #225378; margin-top: 20px; }
h2 { font-size: 1.2em; color: #eb7f00; margin-bottom: 0; padding-bottom: 0; }

p { line-height: 130%; }
a { color: #225378; }
a:hover { color: #eb7f00; text-decoration: none; }
ul, li { margin: 0; padding: 0 }
li { list-style: outside square; margin-left: 20px; padding: 10px 5px; line-height: 130%; }

#banner { display: block; margin: 0; padding: 0; width: 100%; height: 325px; background: #acf0f2; text-align: center; border-bottom: 5px solid #1695a3; }
#container { width: 900px; text-align: left; margin: 10px auto; padding: 30px 0 0 0; }
#container ul { width: 70%; }
#footer { display: block; clear: both; width: 100%; background: transparent; height: 250px; color: #fff; margin: 30px 0 0 0; padding: 0; text-align: center; }
#content-footer { display: block; padding: 50px 20px 20px 20px; color: #fff; font-family: Geneva, Arial, Helvetica, sans-serif; }
#content-footer h2 { font-size: 1.8em; color: #fff; }
#content-footer p { font-size: .9em; }
#content-footer a { color: #fff; text-decoration: none; }
#content-footer a:hover { color: #fff; text-decoration: underline; }

/* menu stijlen */
#container-menu { display: block; width: 100%; height: 21px; margin: 0; padding: 0; background: #acf0f2 url("/img/stijlen/achtergrond-container-menu-v1.0.png") 0 -18px repeat-x; border-top: 15px solid #f3ffe2; }
#menu { display: block; width: 1000px; height: 21px; margin: 0 auto; padding: 0; text-align: left; background: transparent url("/img/stijlen/achtergrond-banner-bliksemschicht-v1.0.png") 0 0 no-repeat; text-align: right; }
#menu ul { margin: 0; float: right; }
#menu li { list-style: none; padding: 0; margin: 0; float: left; }
#menu a { text-decoration: none; }
#menu span { display: none; }
#mnu-over { display: block; background: transparent url("/img/stijlen/mnu_ukko_over_nf.gif") 0 0 no-repeat; width: 102px; height: 21px; }
#mnu-over:hover { background: transparent url("/img/stijlen/mnu_ukko_over_f.gif") 0 0 no-repeat; }
#mnu-over-actief { display: block; background: transparent url("/img/stijlen/mnu_ukko_over_a.gif") 0 0 no-repeat; width: 102px; height: 21px; }
#mnu-contact { display: block; background: transparent url("/img/stijlen/mnu_ukko_contact_nf.gif") 0 0 no-repeat; width: 102px; height: 21px; }
#mnu-contact:hover { background: transparent url("/img/stijlen/mnu_ukko_contact_f.gif") 0 0 no-repeat; }
#mnu-contact-actief { display: block; background: transparent url("/img/stijlen/mnu_ukko_contact_a.gif") 0 0 no-repeat; width: 102px; height: 21px; }

/* paging stijlen */
#container-bladzijden { width: 800px; height: 40px; border: none; clear: both; text-align: center; margin: 0 0 10px 0; }
#container-bladzijden .bladzijde { 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 .bladzijde:hover { border: 1px solid #f00; background: #f00; color: #fff; }
#container-bladzijden .bladzijde-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-vorige, .bladzijde-puntjes { display: block; float: left; margin: 2px 1px; padding: 1px 5px 3px 5px; background: #fff; color: #f00; text-align: center; text-decoration: none; }
#bladzijde-vorige, #bladzijde-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-volgende:hover { border: 1px solid #f00; background: #f00; color: #fff; }
#bladzijde-vorige-inactief, #bladzijde-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; }

/* tagcloud stijlen */
#tagcloud { display: block; background: #fff; text-align: center; margin: 0; padding: 20px; }
#tagcloud a { color: #eb7f00; }
#tagcloud a:hover { color: #225378; text-decoration: none; }
#container-preview { position: absolute; display: none; background: #fff; border: 1px solid #acf0f2; width: 350px; min-height: 90px; margin-top: 20px; padding: 5px; text-align: left; }
#container-preview h2 { font-family: Geneva, Arial, Helvetica, sans-serif; color: #1795a3; font-size: 1.4em; padding-top: 5px; }
#container-preview #sluit-container-preview { float: right; width: 20px; height: 20px; margin: 3px; background: transparent url("/img/ico/ico-sluit.gif") 50% 50% no-repeat; }
#container-preview #thumbnail-cat { float: left; margin: 5px 20px 5px 5px; padding: 3px; border: #eee; width: 80px; height: 80px; }

/* totaal aantal kleurplaten stijlen */
#container-aantal-kleurplaten { display: block; width: 1000px; height: 350px; margin: 0 auto 0 auto; padding-top: 5px; background: transparent url("/img/stijlen/logo-ukko-v1.0.png") 0 0 no-repeat; text-align: right; }
#aantal-kleurplaten { float: right; text-align: center; width: 400px; margin: 30px auto 0 auto; padding-left: 400px; font-family: Geneva, Arial, Helvetica, sans-serif; color: #1795a3; font-size: 1.8em; }
#aantal-kleurplaten #hoeveel { font-size: 2.2em; color: #225378; font-weight: bold; }

/* kleurplaten stijlen */
#container-kleurenthumbs { clear: both; margin: 10px 0 40px 0; }
#thumb-img-categorie { margin: 10px 10px 5px 0; float: left; }
#kleuren-extra { display: block; text-align: right; clear: both; padding: 20px 0; }
.thumbs-kleurplaten { display: block; text-decoration: none; background: #fff; border: 1px solid #acf0f2; margin: 25px 25px 0 0; float: left; }
.thumbs-kleurplaten:hover { border: 1px solid #1695a3; }
.thumbs { padding: 5px; border: none; }

.container-kleurplaten-categorie { display: block; width: 400px; float: left; background: #fff; border-bottom: 1px solid #f0f0f0; }
.kleurplaten-categorie { display: block; width: 375px; height: 90px; border: none; padding: 10px 10px 10px 0; margin: 0; float: left; text-decoration: none; }
.kleurplaten-categorie h2 { width: 80%; }
.kleurplaten-categorie:hover { color: #1695a3; }
.kleurplaten-categorie:hover h2 { color: #225378; }
.kleurplaten-categorie p { margin-top: 0; }

#container-kleurplaten-tag { width: 800px; min-height: 200px; clear: both; margin: 10px 0 20px 0; }
#container-kleurplaten-tag>h2 { color: #1695a3; }

.container-kleurplaten-tag { display: block; width: 400px; float: left; background: #fff; border-bottom: 1px solid #f0f0f0; }
.kleurplaten-tag { display: block; width: 375px; height: 90px; border: none; padding: 5px 10px 2px 3px; margin: 0 0 0 0; float: left; text-decoration: none; }
.kleurplaten-tag h2 { width: 80%; }
.kleurplaten-tag:hover { border-left: none; color: #1695a3; }
.kleurplaten-tag:hover h2 { color: #225378; }
.kleurplaten-tag p { margin-top: 0; }

.gelabeld-als { color: #1695a3; }
.container-links-tag { padding: 3px 0; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: .75em; }

/* zoek stijlen */
#container-zoek-kleurplaat { text-align: center; margin: 20px 0 0 0; }
#zoek-kleurplaat-sleutelwoord { font-size: .9em; border: 3px solid #225378; background: #fff; padding: 2px 5px; margin-right: 5px; color: #1695a3; width: 320px; }
#zoek-kleurplaat-start { width: 40px; height: 40px; background: transparent url("/img/ico/ico-zoek.gif") 50% 50% no-repeat; font-size: .9em; border:none; color: #225378; padding: 2px 5px; }
#zoek-kleurplaat-start span { display: none; }

/* contactformulier stijlen */
.contact-fout { display: block; width: 700px; font-weight: 500; border: 2px solid #c00; margin: 15px 0 25px 10px; padding: 20px; background: #fff; }
.contact-verstuurd { display: block; width: 700px; 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: #225378; }
#intro-contact h2 { font-size: 1.1em; color: #4b78af; }

#intro-contact h1, #intro-contact h2 { margin: 0; padding: 0 20px 0 0; }
#intro-contact p { padding: 5px 20px 5px 0 }

#hdr-contact { font-size: 2em; color: #225378; }

#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: #1695a3; color: #fff; border: 2px solid #1695a3; margin: 0 10px 0 10px; float: left; }

/* google adsense stijlen */
#container-gads-alle-kleurplaten { text-align: center; margin: 10px 0; padding-top: 15px; padding-bottom: 15px; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.container-gads-728x90 { display: block; width: 800px; height: 100px; float: left; text-align: center; margin: 30px 0 0 0; padding: 10px 0 0 0; border: 1px solid #f0f0f0; }

/* 404 stijlen */
#body-404 { background: #fff url("/img/stijlen/achtergrond-404.jpg") 50% 0 no-repeat; text-align: center; margin: 0; padding: 0; }
#container-404 { width: 600px; margin: 240px auto; padding: 20px 20px 5px 20px; text-align: left; }

/* overiges stijlen */
.ga-terug { display: block; text-align: left; clear: both; padding: 20px 0; }
.ga-terug a { }