@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("webwereld.nl") {

/* Poging tot Webwereld nieuwe stijl (v.a. 27-01-2009)
   beter leesbaar te maken. Hatsikidee, de groetjes van JanW. */

/* Color My WebWereld - Groen als Gras. */

/* Preventie van 'leuke' advertenties, zie verder:
   http://blog.webwereld.nl/2008/04/07/microsoft-radical-advertentie/ */

body, #content {
background-image: none !important ;
background-color: #fff ! important;
}

/* Geen grijze links, AUB. */
#webwereld ul li div.desc div a, #webwereld ul li div.desc table th a, #webwereld ul li div.desc table td a, body a {
color: #060 !important;
}
/* Links krijgen een (duidelijker) hover effect. */
#webwereld ul li div.desc div a:hover, #webwereld ul li div.desc table th a:hover, #webwereld ul li div.desc table td a:hover, body a:hover {
background-color: transparent !important;
color: #c00 !important;
text-decoration: none !important;
}

/* Geef de links in artikelen een donkergroene kleur. */
p a
{color: #060 !important;
}

/* Correctie met bepaalde links als gevolg van bovenstaande aanpassingen. */
a.moreNews, div#otherNews a.button, ul#copyRight li a, a:hover.moreNews, div#otherNews a:hover.button, ul#footerLinks li a, ul#footerLinks li a:hover {
color: #fff !important;
}

/* Deze zaken kleurden groen mee met de bovenstaande aanpassing,
   dus dat doen we maar even niet. Rood is mooi, maar dit niet. */
#mainArticle p a, #subArticle div.firstColumn div.articleText a, #subArticle div.secondColumn div.articleText a, ul#articleListIntro p a,#category_last-item div.articleText a, div.newsSumItem p a {
color: #000 !important;
}
/* Ook dit werd groen. Ook dit willen we niet. */
#accountPanel p a {
color: #fff !important;
}

/* De allerste achterste achtergrond donkerder groen. 
   (Goh, wat allitereerd dat lekker...) */
#canvas {
background-color: #030 !important;
}

/* Alle zaken die ook donkergroen werden, weer even wit maken (leesbaarheid). */
#topBanner, #category_last-item div.articleText, .articleListContainer, div#article, div.blogIntro, #mainColumn, .articleListContainer div.secondColumn {
background-color: #fff !important;
}

/* Restyling topbanner en menubalken, brengt meer evenwicht in de lay-out. */
#topBanner {
width: 954px !important;
left: 18px !important;
top: 42px !important;
height: 108px !important;
}
ul#mainMenu, ul#subMenu {
width: 954px !important;
left: 18px !important;
}

/* Een lichtergroen accentje, hier & daar. Altijd leuk. Speels. Dolletjes. */
ul#tags, ul#categorie, ul#breadCrumb, #commentButton, ul#colophon, #webwereld ul li div.desc, div#poll form {
background-color: #cfc !important;
background-image: none !important;
}

/* Dit zijn links die iets te grijs waren. Donkergroen dan maar weeer. */
#latestComments h3 a, #accountPanel h3 a, .articleComment h2 span, div#latestComments ul li h4 span {
color: #363 !important;
}

/* Groene accentjes */
#webwereld ul li h5 {
background-color: #a9d0b7 !important;
background-image: none !important;
}

/* Ter voorkoming van teveel blauwe teksten; donkkergroen */
#rightColumn h3, #articleTools h3, .inlineVideoPanel h3, div#latestComments h3, div#relatedContent h3, div#newsList h3, #accountPanel h3, div#otherNews h3, #sponsoredLinks h3, #articleForm h3, div#popularNews h3, #category_last-item h3, #hot_topics h3, div#poll h3, div.firstColumn h3, #blogForm h3, #articleList h3, #hot_topics ul.hotTopicListCat li h5, div#article h1 {
color: #030 !important;
}

/* Blauwe achtergronden donkergroen maken. */
ul#footerLinks li, ul#footerLinks, #accountPanel, div.status, #newsLetterSubscription {
background-color: #696 !important;
background-image:  none !important;
}
ul#footerLinks li {
border-right: 1px solid #6c6 !important;
border-left: 1px solid #363 !important;
}

/* Licht kleur-accent in de reacties, dat breekt zo mooi de witte pracht. */
.articleComment .articleBody {
background-color: #fdfef1 !important;
background-image: none !important;
}

/* Tintje lichtgeel in het tekstveld voor het reageren. */
#articleForm form textarea {
background-color: #fdfef1 !important;
border: 1px solid #ccc !important;
}

/* OK en Cancel knoppen bij het bewerken van je reactie duidelijker maken. */
.editor_ok_button {
cursor: pointer !important;
padding: 4px !important;
font-weight: bold !important;
background-color: #b5edc8 !important;
background-image: none !important;
}
.editor_cancel_link, .editor_cancel_link a {
color: #000 !important;
background-color: #eee !important;
margin-left: 8px !important;
padding: 4px !important;
border: 1px solid #999 !important;
text-decoration: none !important;
}
ul.articleFooter li {
font-size: x-small !important;
}

li.rating, li.comment {
width: 70px !important;
}

}