/* Site-specifieke layout van advertenties in ads.applinet.nl */
div.ipd {
border-bottom-color: #d2ceb5;
font-family: "Trebuchet MS", Arial, sans-serif;
}
div.ipd div.titel {
letter-spacing: 0em;
background-image: url(/static/img/ipd-arrows.gif);
}
div.ipd div.titel a:link, div.ipd div.titel a:visited {
color: #171411;
}
div.ipd div.titel a:hover, div.ipd div.titel a:active {
color: #A69D6A;
}
div.ipd div.payoff a:link, div.ipd div.payoff a:visited {
color: #fd8602;
}
div.ipd div.payoff a:hover, div.ipd div.payoff a:active{
color: #FEAD54;
}
td.left img#academy-aanmeldknop {
margin-left: 0px;
margin-top: 8px;
margin-bottom: 8px;
}
td.left div.academy-promotie {
margin-top: 12px;
margin-bottom: 18px;
}
td.left div.academy-promotie p {
font-family: "Trebuchet MS", Arial, sans-serif;
font-size: 10px;
line-height: 14px;
margin-top: 4px;
margin-bottom: 4px;
}
td.left div.academy-promotie h1 {
font-size: 11px;
letter-spacing: 0.1em;
margin-bottom: 4px;
}
td.left div.academy-promotie span.brand {
}
/* Inschrijfformulier Lancelots Academy (PloneFormGen) */
div.field {
margin-top: 10px;
}
div.formControls {
margin-top: 10px;
}
span.fieldRequired {
color: #A69D6A;
text-transform: lowercase;
font-size: 0.8em;
}
div.formHelp
{
margin-top: 4px;
margin-bottom: 4px;
color: #A69D6A;
}
label {
font-weight: bold;
}
/*
* Het label per optie heeft in PloneFormGen 1.1-rc3 helaas geen class of id.
* Zie http://plone.org/products/ploneformgen/issues/82
* we gebruiken een 'adjacent sibbling selector' als workaround.
*/
input + label
{
font-weight: normal;
}
/* Bijvoorbeeld het PDF-icoon in het Academy-portlet. */
img.file_icoon
{
margin-left: 5px;
}
/*
* Unfortunately, the contained div with the error message has no class:
* http://plone.org/products/ploneformmailer/issues/20
*/
div.error div, #formmailer div.portalMessage {
color: red;
font-weight: bold;
}
.screenmenot {
/* Some minor content that should only be printed. */
display: none;
}
/* De tabel met de hoofdstructuur van de inhoud en portlets in 2 of 3 kolommen. */
#kolommen {
z-index: 1;
width: 100% !important;
border-collapse: collapse;
border-spacing: 0;
margin: 0px;
}
/* Linker kolom, die vrijwel altijd aanwezig is, met een icoon, de Adsense-ads en "Gerelateerd". */
td.left{
margin: 0px;
padding: 0px;
width: 166px;
border: 0px solid #000000;
vertical-align: top;
}
td.left div.kolomPadding {
padding-top: 0em;
padding-right: 0em;
padding-bottom: 1em;
padding-left: 0em;
}
td.content {
margin: 0 !important;
vertical-align: top;
padding: 0;
border: 0px solid #000000;
}
td.content div.kolomPadding {
padding-left: 0em;
padding-top: 0em;
padding-right: 0em;
padding-bottom: 0em;
margin-top: 23px; /* Was 4px */
margin-left: 19px;
margin-right: 20px;
margin-bottom: 0px;
}
/* De optionele rechter kolom met nieuwsberichten, de nagigatieboom bij een training. */
td.right {
margin: 0px;
padding: 0px;
width: 200px;
border: 0px solid #000;
vertical-align: top;
}
td.right div.kolomPadding {
padding-top: 52px;
padding-right: 0px;
padding-bottom: 1em;
padding-left: 0px;
margin: 0px;
}
#schild {
position: absolute;
left: 185px;
top: 98px;
width: 22px;
border: 0px solid #000000;
z-index: 2;
}
/*
* td.right dl.portlet is de inhoudsopgave (plone navtree)
* td.right div.portlet zijn de smalle portlets op de homepage (graal en nieuws)
* td.right div.portlet_breed zijn bredere porlets met textblobs, zoals "Jou op het lijf geschreven" bij de academy
*/
td.right dl.portlet, td.right div.portlet_breed {
width: 200px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}
td.right dl.portlet {
padding: 40px 0px 15px 26px;
width: 174px;
font-size: 0.95em;
background-image: url(/static/img/inhoud.jpg);
background-repeat: no-repeat;
background-color: #F8F8F4;
margin: 100px 0px 12px 0px;
}
td.right dl#portlet-navigation-tree {
padding-top: 50px;
}
td.right dl.portlet dt a {
margin-top: 0px;
margin-bottom: 5px;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 0.95em;
color: #000000;
text-decoration: none;
}
td.right dl.portlet dd {
margin: 0px;
padding: 0px;
}
td.right dl.portlet dd a {
text-decoration: none;
font-family: Verdana, Arial, sans-serif;
font-size: 0.95em;
color: #000000;
}
td.right dl.portlet a.navTreeCurrentItem {
color: #D2CEB5;
}
td.right dl.portlet dd a:hover {
color: #FD8602;
}
td.right ul {
list-style-type: none;
list-style-image: none;
margin: 4px 2px 4px 8px;
padding: 0px;
}
td.right li {
background-image: none;
margin: 0px 2px 2px 0px;
padding: 0px;
}
td.right ul.navTreeLevel0 {
margin-left: 0px;
}
td.right ul.navTreeLevel1 {
}
td.right ul.navTreeLevel2 {
}
td.right ul.navTreeLevel3 {
}
td.right ul.navTreeLevel4 {
}
td.right ul.navTreeLevel5 {
}
td.right ul.navTreeLevel6 {
}
td.right div.portlet_breed {
line-height: 14px;
}
td.right div.portlet_breed h1 {
font-size: 11px;
font-weight: bold;
background-image: url(/static/img/portlet_breed_h1.jpg);
background-repeat: no-repeat;
padding-left: 30px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D2CEB5;
padding-bottom: 7px;
height: 26px;
margin-bottom: 7px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D2CEB5;
padding-top: 6px;
background-position: 0px 8px;
}
td.right div.portlet_breed h2 {
font-size: 11px;
margin-top: 7px;
margin-bottom: 0px;
}
td.right div.portlet_breed p {
font-size: 11px;
color: #766F54;
margin-top: 0px;
}
/* main.css */
/*colors:
orange dark: #FD8602 voor teksten
orange light: #FF9900
orange peach: #FFAF37
grey: #D2CEB5 voor o.a.
grey: #A69D6A voor teksten
green: #766F54
*/
body {
margin: 0px;
padding-top: 0px;
padding-left: 0px;
padding-right: 0px;
padding-bottom: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 76%;
color: #000000;
background-image: url(/static/img/backgr.jpg);
background-repeat: repeat-x;
background-color: white;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
margin-top: 7px;
margin-bottom: 0px;
}
/* Kupu nest in een blockquote altijd een p */
blockquote p {
margin: 0px;
}
h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.6em;
color: #FD8602;
letter-spacing: 0.1em;
font-weight: normal;
margin-top: 15px;
}
div.portlet h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FD8602;
letter-spacing: 0px;
font-weight: bold;
padding-top: 3px;
padding-bottom: 3px;
margin-top: 0px;
margin-bottom: 1px
}
h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #000000;
font-weight: bold;
margin-bottom: 0px;
}
h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #A69D6A;
font-weight: bold;
margin-bottom: 0px;
}
ul {
list-style-type: none;
margin-top: 0px;
margin-right: 0px;
margin-left: 0px;
padding-left: 0px;
}
ul ul{
list-style-type: none;
margin-left: 20px;
}
ol {
list-style-type: decimal;
margin-left: 25px;
margin-top: 0px;
padding: 0px;
}
ol ol{
list-style-type: lower-alpha;
margin-left: 27px;
}
ul li {
background-image: url(/static/img/bullet1.gif);
padding-left: 20px;
margin-top: 5px;
background-repeat: no-repeat;
background-position: 0px 2px;
}
ul ul li {
background-image: url(/static/img/bullet2.gif);
}
ol li {
padding-left: 0px;
margin-top: 7px;
margin-bottom: 2px;
margin-left: 0px;
background-repeat: no-repeat;
background-position: 0px 6px;
}
a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #D2CEB5;
}
a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #A69D6A;
}
a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #000000;
}
a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #FD8602;
}
a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #A69D6A;
}
hr {
height: 0;
border: none;
border-bottom: 1px solid #d2ceb5;
margin-bottom: 0px;
}
/*
* Blockquote is een alinea 1 niveau inspringen in de tekstverwerker Kupu.
* Met div.kader kun je een kader maken waar de redacteur in Kupu geen last van heeft.
* Er kan bijvoorbeeld een hele tabel in staan.
*/
div.kader, blockquote {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #000000;
border: 1px solid #D2CEB5;
padding: 14px 10px 10px;
margin-left: 0px;
margin-right: 0px;
margin-top: 12px;
margin-bottom: 12px;
background-image: url(/static/img/blockquote.jpg);
background-repeat: repeat-x;
}
p.actie, p.schrijfactie, p.training, p.forum
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
color: #000000;
border: 1px solid #454134;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 12px;
}
p.actie, p.schrijfactie {
padding: 47px 10px 10px;
margin-top: 12px;
background-image: url(/static/img/zetaantotactie.gif);
background-repeat: repeat-x;
background-color: #E4E1D2;
}
p.forum {
background-image: url(/static/img/zetaantotforum.gif);
background-repeat: no-repeat;
margin-top: 12px;
padding: 47px 10px 10px;
background-color: #E4E1D2;
}
p.training {
margin-top: 5px;
background-image: url(/static/img/zetaantottraining.gif);
background-repeat: repeat-x;
padding: 18px 10px 10px 60px;
min-height: 55px;
}
/* Oud. Overlapte niet mooi met blockquote.
p.kaderRechtsZwevend {
position: relative;
left: 6px;
width: 180px;
float: right;
border: 1px solid #D2CEB5;
margin-left: 8px;
margin-bottom: 8px;
background-image: url(/static/img/block-backgr.jpg);
background-repeat: no-repeat;
background-color: white;
font-size: 0.9em;
padding-top: 32px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
*/
p.kaderRechtsZwevend {
width: 180px;
float: right;
border: 1px solid #3E3A2D;
margin-left: 8px;
margin-bottom: 8px;
background-image: url(/static/img/block-backgr-dark.jpg);
background-repeat: no-repeat;
font-size: 0.9em;
padding-top: 38px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
line-height: 14px;
background-color: #3E3A2D;
color: #FFFFFF;
}
p.kaderRechtsZwevend strong, p.kaderRechtsZwevend b {
color: #FF9900;
}
p.kaderRechtsZwevend a:link {
color: #C9C6AB;
}
p.kaderRechtsZwevend a:visited {
color: #FFFFFF;
}
p.kaderRechtsZwevend a:hover {
color: #FD8602;
}
p.kaderrechtsZwevend a:active {
color: #C9C6AB;
}
/*
* Een speciale vormgeving voor de ul-lijst onder "Aanbevolen websites".
* In plaats van de standaard pijl, wordt het linksymbooltje als opsommingsteken
* gebruikt. We gebruiken dit niet omdat:
* 1. Er geen praktische oplossing is om deze style toe te kennen in de tekstverwerker.
* 2. Het waarschijnlijk minder mooi wordt dan gedacht, omdat de links zelf in de tekst
* ook dat symbooltje krijgen.
ul.urllink {
list-style-type: disc;
list-style-image: url(/static/img/urllink.gif);
list-style-position: outside;
margin-left: 24px;
}
Wordt niet gebruikt.
*/
/* Externe link */
span.link-external {
background: url(/static/img/urllink.gif) no-repeat 0px 2px;
padding-left: 19px;
}
/* left.css */
div.icon {
padding-top: 18px;
padding-bottom: 18px;
padding-left: 6px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D2CEB5 /*grey*/;
margin-bottom: 10px;
}
div.academy {
padding-top: 18px;
padding-bottom: 2px;
padding-left: 0px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D2CEB5 /*grey*/;
margin-bottom: 20px;
}
div.onder-body {
margin-top: 8px;
margin-bottom: 24px;
}
div.adsense {
padding-top: 10px;
padding-bottom: 10px;
padding-left: 6px;
}
/* Adsense-ads in het forum */
div.banner {
margin-top: 10px;
margin-bottom: 2px;
background-color: #f7f5f2;
}
div.banner#KolomLinksNaastContent {
margin-left: 25px;
margin-right: 0px;
margin-top: 45px;
}
div.related {
width: 125px;
border: 1px solid #D2CEB5;
margin-top: 30px;
margin-bottom: 30px;
margin-left: 13px;
background-image: url(/static/img/related.jpg);
background-repeat: no-repeat;
font-size: 11px;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.related h4 {
margin-bottom: 15px;
margin-top: 0px;
margin-left: 45px;
margin-right: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1.0em;
color: #000000;
font-weight: bold;
}
div.related div.related-link
{
margin-top: 9px;
}
div.related-link a:link
{
color: #000000;
}
div.related-link a:visited {
color: #000000;
}
div.related-link a:hover
{
color: #FD8602 !important;
}
div.related-link a:active
{
color: #000000;
}
/* top.css */
/* stijlen voor menubalk: zoek, home, menu */
td.zoek {
background-image: url("/static/img/menu-backgr.jpg");
background-repeat: no-repeat;
height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FD8602;
text-decoration: none;
padding-left: 13px;
}
td.zoek a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
font-weight: bold;
text-decoration: none;
}
td.zoek a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FD8602;
font-weight: bold;
text-decoration: none;
}
td.zoek a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FD8602;
font-weight: bold;
text-decoration: none;
}
td.zoek a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
font-weight: bold;
color: #FFAF37 !important;
text-decoration: none;
}
td.zoek a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FD8602;
font-weight: bold;
text-decoration: none;
}
/* Was #zoekveld. 'q' is de naam in gegenereerde code van Google cse, voor het zoekvak linksboven. */
#q {
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 10px;
font-size: 10px;
color: #000000;
width: 118px; // origineel voor Google zoekvak: 100
}
form {
margin: 0px;
}
/* ------------------------ home ------------------------ */
span.home {
height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #A69D6A;
text-decoration: none;
}
span.home a{
margin-right: 4px;
margin-left: 30px;
}
span.home a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #A69D6A;
text-decoration: none;
}
span.home a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #A69D6A;
text-decoration: none;
}
span.home a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FD8602 !important;
text-decoration: none;
}
span.home a:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #A69D6A;
text-decoration: none;
}
/* ------------------------ menu ------------------------ */
span.menu {
height: 20px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none;
margin-left: 2px;
margin-right: 0px;
}
span.menu a{
margin-left: 9px;
margin-right: 0px;
}
span.menu a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
span.menu a:visited{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
span.menu a:hover{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #FD8602 !important;
text-decoration: none;
}
span.menu a:active{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #000000;
text-decoration: none;
}
td.lijnonder {
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D2CEB5;
}
td.header {
background-image: url(/static/img/top.jpg);
background-repeat: no-repeat;
background-position: right;
height: 107px;
}
/* breadcrumbs.css */
/*colors:
orange dark: #FD8602 voor teksten
orange light: #FF9900
grey: #D2CEB5 voor o.a.
grey: #A69D6A voor teksten
*/
#breadcrumbs-you-are-here {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #A69D6A;
margin-bottom: 30px;
padding-bottom: 30px;
}
#portal-breadcrumbs, #bodemContent {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
#portal-breadcrumbs a:link, #bodemContent a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
#portal-breadcrumbs a:visited, #bodemContent a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
#portal-breadcrumbs a:hover, #bodemContent a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #A69D6A;
}
#portal-breadcrumbs a:active, #bodemContent a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
/* image-left is een class die Kupu aanbrengt. */
img.image-left {
float: left;
clear: both;
margin-left: 0px;
margin-top: 8px;
margin-right: 8px;
margin-bottom: 8px;
border: 0;
}
/* image-right is een class die Kupu aanbrengt. */
img.image-right {
float: right;
clear: both;
margin-left: 8px;
margin-top: 8px;
margin-right: 0px;
margin-bottom: 8px;
border: 0;
}
/* image-inline is een class die Kupu aanbrengt. */
img.image-inline {
float: none;
margin-top: 8px;
margin-bottom: 8px;
border: 0;
}
a img {
border-style: none;
}
table.plain th, table.plain td
{
vertical-align: top;
padding: 4px;
}
table.grid
{
border-spacing: 0;
border-collapse: collapse;
margin-right: 40px;
margin-top: 8px;
margin-bottom: 8px;
}
table.grid td, table.grid th
{
border-width: 1px;
border-style: solid;
border-color: #D2CEB5;
padding: 10px;
vertical-align: top;
}
table.grid th
{
font-weight: bold;
text-align: left;
}
#bodem {
margin-left: 188px;
display: block;
clear: both;
}
div.portlet {
margin-right: 0px;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
}
td.left div.portlet {
margin-left: 13px;
}
td.right div.portlet {
margin-left: 0px;
}
div.portlet h1.graal {
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D2CEB5;
margin-bottom: 0px;
margin-right: 0px;
width: 100%;
}
div.graal {
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
vertical-align: top;
padding-top: 0px;
padding-bottom: 0px;
padding-right: 0px;
padding-left: 0px;
background-color: #FFFFFF;
background-image: url(/static/img/graal.gif);
background-repeat: no-repeat;
height: 92px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D2CEB5;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #D2CEB5;
}
div.graal p {
padding-right: 40px; /* Links van de graal blijven. */
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: 10px;
margin-top: 6px;
margin-left: 8px;
margin-bottom: 4px;
margin-right: 0px;
}
#zoekgraal {
font-family: Verdana, Arial, Helvetica, sans-serif;
height: 13px;
font-size: 10px;
color: #000000;
width: 114px;
margin-top: 2px;
margin-left: 8px;
margin-bottom: 0px;
margin-right: 0px;
}
div.graal a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #000000;
font-weight: bold;
text-decoration: none;
}
div.graal a:link{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FD8602;
font-weight: bold;
text-decoration: none;
}
div.graal a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FD8602;
font-weight: bold;
text-decoration: none;
}
div.graal a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
font-weight: bold;
color: #FFAF37 !important;
text-decoration: none;
}
div.graal a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
color: #FD8602;
font-weight: bold;
text-decoration: none;
}
div.nieuws {
margin-top: 0px;
}
div.nieuws h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #A69D6A;
font-weight: normal;
margin-top: 2px;
margin-bottom: 0px;
padding-top: 7px;
padding-bottom: 6px;
border-top-width: 1px;
border-top-style: solid;
border-top-color: #D2CEB5;
vertical-align: top;
}
div.nieuwsitem {
margin-bottom: 12px;
}
div.nieuws p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
margin-right: 5px;
margin-top: 1px;
margin-bottom: 1px;
}
div.nieuws a:link {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
div.nieuws a:visited {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
div.nieuws a:hover {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #FD8602 !important;
}
div.nieuws a:active {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #000000;
}
div.listing
{
margin-bottom: 20px;
}
div.listing div.kop
{
margin-bottom: 4px;
margin-top: 12px;
}
div.listing p.description
{
margin-top: 4px;
margin-right: 40px;
position: relative;
left: 27px;
}
/* ---------------- 4 boxen op homepage tip nieuws aanbieding spotlight ---------------- */
div.container{
clear: both;
margin-top: 0px;
width: 620px;
}
div.container div{
float: left;
width: 180px;
margin-right: 16px;
padding-right: 0;
padding-left: 0;
background-repeat: no-repeat;
padding-top: 18px;
margin-top: 10px;
}
div.container div img.symb{
float: right;
margin-right: 12px;
margin-left: 0px;
margin-bottom: 0px;
}
div.container h1{
font-size: 11px;
font-weight: bold;
color: #000000;
margin-left: 20px;
margin-bottom: 0px;
margin-top: 1px;
letter-spacing: 0em;
}
div.container h1 a:visited, div.container h1 a:active, div.container h1 a:link {
color: #000000;
text-decoration: none;
}
div.container h1 div.container h1 a:active, div.container h1 a:hover {
color: #FD8602;
text-decoration: none;
}
div.container p{
padding-bottom: 5px;
font-size: 9px;
color: #958C6A;
background-image: url(/static/img/p_arrow.gif);
background-position: right bottom;
background-repeat: no-repeat;
margin-right: 40px;
margin-left: 20px;
margin-top: 0px;
margin-bottom: 5px;
}
div.container div ul{
padding-bottom: 15px;
font-size: 9px;
clear: both;
padding-left: 0px;
margin-left: 0px;
padding-right: 5px;
}
div.container div ul li{
padding-left: 20px;
margin-left: 25px;
margin-top: 0px;
background-position: 0px 0px;
}
div.container img{
border-top: 0;
margin-left: 20px;
margin-bottom: 5px;
}
div.container a:link, div.container a:visited{
color: #958C6A;
text-decoration: none;
}
div.container a:hover, div.container a:active{
color: #FD8602;
text-decoration: none;
}
/* ------------- 3 boxen op een rij: achtergronden------------- */
div.box1{
background-image: url(/static/img/backgr_box1.jpg);
}
div.box2{
background-image: url(/static/img/backgr_box2.jpg);
background-repeat: no-repeat;
}
div.box3{
background-image: url(/static/img/backgr_box3.jpg);
background-repeat: no-repeat;
margin-right: 0px
}
div.box1 ul{
background-image: url(/static/img/backgr_box1ul.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
div.box2 ul{
background-image: url(/static/img/backgr_box2ul.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}
div.box3 ul{
background-image: url(/static/img/backgr_box3ul.jpg);
background-repeat: no-repeat;
background-position: left bottom;
}