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

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

/*   Color My WebWereld - Blauw (FF4)
   - Nu met extra bling danzkij CSS3. -
     Wit is wit, maar wit leest niet lekker. */

/* Achtergrond donker maken. Met gradient effect. */
#canvas {
background-image: -moz-linear-gradient(
    center bottom,
    rgb(54,77,89) 34%,
    rgb(87,142,169) 80%
) !important;
}

/* Restyling: Menubar. */
/* Bovenbar */
div#header ul#mainMenu, div#header ul#mainMenu li a {
color: #fff !important;
text-decoration: none !important;
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important;
background-position: 0% 0% !important;
background-clip: content-box !important;
background-origin: border-box !important;
background-image: -moz-linear-gradient(
    center bottom,
    rgb(144,191,211) 34%,
    rgb(85,140,168) 80%
) !important;
}
/* Bovenbar - hover FX */
div#header ul#mainMenu li a:hover, ul#mainMenu li a.active, div#header ul#mainMenu li.menu_home a:hover, ul#mainMenu li.menu_home a.active {
background-position: 0% 0% !important;
background-clip: padding-box !important;
background-origin: border-box !important;
background-image: -moz-linear-gradient(
    center bottom,
    rgb(115,153,171) 34%,
    rgb(51,93,112) 80%
) !important;
}

/* Onderbar */
ul#subMenu {
border-bottom-right-radius: 8px !important;
border-bottom-left-radius: 8px !important;
background-image: -moz-linear-gradient(
    center bottom,
    rgb(209,209,209) 34%,
    rgb(252,252,252) 80%
) !important;
}
/* Zoekknop onderbar */
ul#subMenu li.search input.buttonSearch {
border-radius: 6px !important;
padding: 2px !important;
background-image: -moz-linear-gradient(
    center bottom,
    rgb(85,140,168) 34%,
    rgb(144,191,211) 80%
) !important;
}

/* Restyling Broodkruimels */
ul#breadCrumb {
padding: 4px !important;
margin: 4px 0px !important;
background-color: #cfecf9 !important;
border-top-right-radius: 8px !important;
border-bottom-right-radius: 8px !important;
}

/* Kleur van de letters van de headers. */
#rightColumn h3, #articleTools h3, .inlineVideoPanel h3, div#latestComments h3, div#relatedContent h3, div#newsList h3, div#googleAds 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, #relatedMultimediaWrapper h3, #pollsList h3, #whitepaperToplist h3, #computerworld_home h3, #hot_topics h4, #hot_topics h5, div.blogIntro h1, div#article h1, #articleList .new_listing h3, #latestComments .new_listing h3, #relatedContentLists li h5, div#relatedContent ul#relatedContentLists h5 {
font-weight: bold !important;
color: #2e506c !important;
}
/* Restyling diverse headers - grijze gradient achtergrond, met ronde hoeken. */
#rightColumn h3, #articleTools h3, .inlineVideoPanel h3, div#latestComments h3, div#relatedContent h3, div#newsList h3, div#googleAds 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, #relatedMultimediaWrapper h3, #pollsList h3, #whitepaperToplist h3, #computerworld_home h3, #articleList .new_listing h3, #latestComments .new_listing h3, #relatedContentLists li h5 {
background-color: #fff !important;
background-position: 0% 0% !important;
background-clip: padding-box !important;
background-origin: border-box !important;
border-top-right-radius: 8px !important;
border-top-left-radius: 8px !important;
background-image: -moz-linear-gradient(
    center bottom,
    rgb(252,252,252) 34%,
    rgb(209,209,209) 80%
) !important;
}

/* Restyling account paneel */
#accountPanel h3 {
border-top-right-radius: 8px !important;
border-top-left-radius: 8px !important;
background-image: -moz-linear-gradient(
    center bottom,
    rgb(252,252,252) 34%,
    rgb(209,209,209) 80%
) !important;
}

#accountPanel h3 {
box-shadow: inset 2px 2px 4px #666666 !important;
}
#accountPanel {
box-shadow: inset 2px 2px 4px #666666 !important;
border-radius: 8px !important;
background-image: -moz-linear-gradient(
    center bottom,
    rgb(85,140,168) 34%,
    rgb(144,191,211) 80%
) !important;
}
#accountPanel .status {
background-color: transparent !important;
}

/* Restyling Poll */
#pollwrapper h3 {
text-transform: uppercase !important;
}
#pollwrapper, #pollwrapper h3, #pollwrapper h4 {
color: #000 !important;
background: none transparent !important;
}
#pollwrapper {
border: 1px solid rgb(207,236,249) !important;
border-radius: 8px !important;
box-shadow: 4px 4px 6px !important;
background-image: -moz-linear-gradient(
    center bottom,
    rgb(207,236,249) 34%,
    rgb(240,247,250) 80%
) !important;
}

/* Meeste knoppen (zoeken, stem, tussenstand, etc.) in een andere kleur */
fieldset#newsletter input.newsLetterButton, #articleForm input.newsLetterButton, .bestelbtn, #phonesubmit, fieldset.profession input.button, fieldset.interest input.button, fieldset.privacy input.button, input.button  {
border-radius: 6px !important;
padding: 2px !important;
background-image: -moz-linear-gradient(
    center bottom,
    rgb(85,140,168) 34%,
    rgb(144,191,211) 80%
) !important;
}


/* Restyling 'Meest (...)' overzicht */
#summaryWrapper {
background-color: transparent !important;
}
.popularNewsCategory li {
background-color: #ddf1f9 !important;
}
#summaryWrapper ul .listHeader {
border: 1px solid #90bfd3 !important;
background-color: #90bfd3 !important;
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important;
}
#summaryWrapper ul .last  {
border-bottom-left-radius: 8px !important;
border-bottom-right-radius: 8px !important;
}


/* Restyling footer */
ul#footerLinks, ul#footerLinks li {
border-bottom: 0px !important;
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important;
background-image: -moz-linear-gradient(
    center bottom,
    rgb(85,140,168) 34%,
    rgb(144,191,211) 80%
) !important;
}
/* Footer/copyright restyling */
ul#copyRight {
border-bottom-left-radius: 8px !important;
border-bottom-right-radius: 8px !important;
background-image: -moz-linear-gradient(
    center bottom,
    rgb(144,191,211) 34%,
    rgb(85,140,168) 80%
) !important;
}

/* Artikelen, blogposts, reacties, etc. - zwarte letters; beter contrast, betere leesbaarheid. */
#articleText, .articleComment, .articleComment h2, div.blogText, p.date, div#latestComments ul li h4 span, div#jobList ul.jobListCategory li h4, div#securityMedia ul li h4, div#popularNews ul.popularNewsCategory li h4 {
color: #000 !important;
}

/* Vormgeving van de reacties. */
/* De reacties zelf: Kop, body en footer. */
/* Eerst even wat rommel opruimen. */
.articleComment {
background-image: none !important;
}
/* Kop van de reactie. */
.articleComment h2 {
border-top: 1px solid #6b95bf !important;
border-left: 1px solid #6b95bf !important;
border-right: 1px solid #6b95bf !important;
border-bottom: 1px solid #c8e4f4 !important;
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important;
background-image: -moz-linear-gradient(
    center bottom,
    rgb(200,228,244) 80%,
    rgb(255,255,255) 100%
) !important;
}
/* Inhoud van de reactie. */
.articleBody {
background-color: #fbfbfb !important;
border-left: 1px solid #6b95bf !important;
border-right: 1px solid #6b95bf !important;
}
/* Footer van de reactie. */
ul.articleFooter {
border-top: 0px !important;
border-left: 1px solid #6b95bf !important;
border-right: 1px solid #6b95bf !important;
border-bottom: 1px solid #6b95bf !important;
border-bottom-left-radius: 8px !important;
border-bottom-right-radius: 8px !important;
background-image: -moz-linear-gradient(
    center bottom,
    #c8e4f4 5%,
    #fbfbfb 15%
) !important;
}
/* Fix voor comment footer. */
li.footerEnd {
display: none !important;
visibility:  hidden !important;
border-right: 0px !important;
}

/* Vormgeving van citaat in comment */
.articleComment q {
background-color: #fefff0 !important;
border-radius: 8px !important;
box-shadow: 2px 2px 2px #333 !important;
}

/* Bewerken van je reactie - restyling. */
.inplace_field {
background-color: #fffbd9 !important;
padding: 4px !important;
border-radius: 8px !important;
}
ul.articleFooter li {
font-size: x-small !important;
}

/* Vormgeving van de reacties, WebWereld Blog. */
/* Kop van de Blogreactie */
.blogComment h2 {
padding-top: 4px !important;
color: #2e506c !important;
background-image: none !important;
border-top: 1px solid #6b95bf !important;
border-left: 1px solid #6b95bf !important;
border-right: 1px solid #6b95bf !important;
border-bottom: 1px solid #c8e4f4 !important;
border-top-left-radius: 8px !important;
border-top-right-radius: 8px !important;
background-image: -moz-linear-gradient(
    center bottom,
    rgb(200,228,244) 80%,
    rgb(255,255,255) 100%
) !important;
}
/* Inhoud van de Blogreactie. (Is al geregeld in de artikel reactie vormgeving.) */
.blogComment .articleBody {
}
/* Footer van de Blogreactie. */
.blogComment .footer {
margin-bottom: 4px !important;
border-top: 0px !important;
border-left: 1px solid #6b95bf !important;
border-right: 1px solid #6b95bf !important;
border-bottom: 1px solid #6b95bf !important;
border-bottom-left-radius: 8px !important;
border-bottom-right-radius: 8px !important;
background-image: -moz-linear-gradient(
    center bottom,
    #c8e4f4 10%,
    #fbfbfb 60%
) !important;
}


/* Reactieformulier restyling */
#articleForm {
margin-top: 4px !important;
}
#articleForm form textarea, #blogForm form textarea, .inplace_field  {
box-shadow: inset 2px 2px 4px #333 !important;
}

/* Links: Betere kleuren en duidelijkere activiteit */
a {
color: #2e506c !important;
text-decoration: underline !important;
}
a:hover {
color: #c00 !important;
text-decoration: none !important;
}

/* Links: Die net even anders moeten. */
/* Links van artikelen en blogposts. */
#mainArticle h2 a, #blogPanel h3 a, div.blogIntro h1 a {
font-weight: bold !important;
text-decoration: none !important;
}
/* Links in de onderbar en de footer zonder onderlijning. */
ul#subMenu li a, ul#footerLinks li a, ul#copyRight a {
text-decoration: none !important;
}
/* Witte links die wit moeten blijven. */
#accountPanel p a, ul#footerLinks li a, ul#copyRight a {
color: #fff !important;
}
/* Witte links krijgen wel een hover-effect mee. */
#accountPanel p a:hover, ul#footerLinks li a:hover, ul#copyRight a:hover {
color: #f00 !important;
text-decoration: none !important;
}

/* Andere pagina's bij de restyling betrekken. */
/* WebWereld sponsor pagina's 'Pro Zone' */
span.neomaxTag {
background-color: #578ea9 !important;
padding: 2px !important;
border-top-right-radius: 8px !important;
border-bottom-right-radius: 8px !important;
}
span.neomaxTag span {
color: #fff !important;
}
.neomaxVacation a, .neomaxVacation a:hover {
color: #fff !important;
}
.neomaxVacation a:hover {
text-decoration: none !important;
}

/*  */
div#popularNews ul.popularNewsCategory {
background-image: none !important;
}

/* Diverse fixes. */
/* 'Nieuwste banen' heeft lelijke vormgeving, even herstellen.
    En ook even een extra accent meegeven. */
#topbanen ul li, #jobs ul li, #pressreleases ul li, #whitepaperToplist ul li {
background-image: none !important;
}
#topbanen {
border-bottom-left-radius: 8px !important;
border-bottom-right-radius: 8px !important;
}
#topbanen, .jobicon {
background-color: #efeefc !important;
}
/* Fix voor headers van 'Laatste reacties' & 'Ander nieuws' */
#articleList .new_listing, #latestComments .new_listing, #relatedContentLists li {
background-image: none !important;
margin-top: 4px !important;
}
/* Fix voor bepaalde knoppen. */
div#pressreleases a.button, div#otherNews a.button, .btnText  {
color: #fff !important;
text-decoration: none !important;
}


}