html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    background: transparent;
}
body {
    line-height: 1;
    width:100%;
    height:100%;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
 
/* STYLED */
:focus {
    outline: none;
}
a:focus,
input:focus,
textarea:focus,
select:focus {
    outline: 1px dotted #a9aaad; /* or what you like it to be */
}
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
 
body {
    background-color: #ffffff; /* or what you like it to be */
    font-size: 62.5%;
    font-family: Arial, Helvetica, sans-serif; /* or what you like it to be */
    color: #333333; /* or what you like it to be */
}
ul ul, ol ol, table p {
    font-size: 100%;
}
 
/* Standard Lists */
#intro ul,
.vervolg ul,
.item_intro ul,
.product_text ul,
.lijstitem_intro ul {
    list-style-type: disc;
    margin-left: 1.5em;
}
#intro ol,
.vervolg ol,
.item_intro ol,
.product_text ol,
.lijstitem_intro ol {
    list-style-type: decimal;
    margin-left: 2em;
}
 
/* Helper Classes */
.rechts {
    float: right;
}
.links {
    float: left;
}

/* ==================================
=====================================
========== END OF RESET =============
=====================================
===================================== */

body {
    background-image:url(../images/internet/bg.gif);
    background-repeat:repeat-x;
    background-color:#ebebeb;
}

div#content a {
    color:#280f6d;
}

div#content a:hover {
    color:#280f6d;
}

#container {
    width:788px;
    margin:0 auto;
    background-color:#ffffff;
}

#topmenu {
    height:19px;
    width:788px;
    background-color:#280f6d;
    padding-top:2px;
}

#ppp {
    width:788px;
    height:268px;
    overflow:hidden;
    background-image:url();
    background-repeat:no-repeat;
    position:relative;
}

#logo {
    width:193px;
    height:117px;
    position:absolute;
    top:125px;
    left:35px;
}

#bluebar {
    width:788px;
    height:21px;
    background-color:#280f6d;
}

#contentcontainer {
    width:788px;
}

#leftcol {
    width:230px;
    float:left;
}

#contentwrapright {
    float:left;
    width:558px;
}

#content {
    width:368px;
    float:left;
    padding:10px;
    font-size:120%;
    line-height:140%;
}

#container div#content.contentwide {
    width:538px;
    overflow:hidden;
}

/* let op voor vervolg */
#container.vervolg_pony div#content.contentwide {
    width:500px;
    float:left;
    overflow:hidden;
}

#container.vervolg_pony div#content {
    padding-left:20px;
    width:358px;
    overflow:hidden;
}

/* kruimel en titel voor vervolg */
#container.vervolg_pony div#kruimel_titel {
    padding:10px 0 5px 10px;
    width:538px;
    background-color:#2e9bf6;
    color:#333333;
    font-size:150%;
    margin:5px 0 10px 10px;
    font-weight:normal;
    font-variant:small-caps;
}

/* kruimel en titel voor home */
#content div#kruimel_titel.home {
    padding:10px 0 10px 10px;
    width:355px;
    background-color:#280f6d;
    color:#ffffff;
    font-size:150%;
    margin:5px 0 10px 0;
    font-weight:normal;
    font-variant:small-caps;
}

#content.contentwide div#kruimel_titel.home {
    width:538px;
}

#rightcol {
    width:170px;
    float:left;
}

#container.vervolg_pony div#rightcol {
    position:relative;
    top:-10px;
}

#footer {
    width:788px;
    clear:both;
    background-color:#280e6f;
    color:#ffffff;
    font-size:110%;
    line-height:150%;
    overflow:hidden;
    margin-bottom:10px;
}

#footer a {
    text-decoration:underline;
}

#footer_1 {
    float:left;
    width:290px;
    padding:20px;
}

#footer_2 {
    float:left;
    width:105px;
    padding:20px;
}

#footer_3 {
    float:left;
    width:266px;
    padding:20px;
}

/* ==================================
=====================================
========== TOPMENU CSS ==============
=====================================
===================================== */

#topmenu ul {
    margin-left:15px;
}

#topmenu ul li {
    float:left;
    margin:3px 15px 0 0;
    padding:0px 15px 0 0;
    border-right:1px solid #ffffff;
}

#topmenu ul li.last {
    border-right:0;
}

#topmenu ul li a {
    color:#ffffff;
    font-size:110%;
    text-decoration:none;
    text-transform:uppercase;
    letter-spacing:1px;
}

#topmenu ul li a:hover {
    text-decoration:underline;
}

#topmenu form {
    float:right;
    margin-right:5px;
    width:160px;
}

#topmenu form fieldset legend {
    display:none;
}

#topmenu form fieldset input#search_trefwoord {
    background-color:transparent;
    border:1px solid #ffffff;
    padding-right:5px;
    padding-left:5px;
    color:#ffffff;
    text-align:right;
    width:105px;
    margin-top:0px;
    font-style:italic;
}

#topmenu form fieldset input.searchbox_submit {
    color:#ffffff;
    font-size:110%;
    font-weight:bold;
    border:0;
    background-color:transparent;
    text-transform: uppercase;
}


/* ==================================
=====================================
========== HOMEPAGE CSS =============
=====================================
===================================== */

#content div.homepage_item div.itempic {
    width:100px;
    height:100px;
    overflow:hidden;
    float:left;
    margin:3px 5px 3px 0;
}

#content div.homepage_item a.readmore {
    text-decoration:none;
    color:#290f70;
    font-weight:bold;
    font-size:90%;
}

#content div.homepage_item a.readmore:hover {
    text-decoration:underline;
}

#content div.homepage_item {
    line-height:155%;
    padding-right:10px;
    font-size:95%;
    font-weight:bold;
    clear:both;
    margin-bottom:15px;
}

#content div.homepage_item div a {
    color:#333333;
    text-decoration:underline;
}

div#homepage_intro {
    font-size:120%;
    line-height:150%;
    color:#343434;
    padding:15px;
}

div#homepage_intro img {
    float:left;
    margin-top:3px;
}

/* ==================================
=====================================
========== MAINMENU CSS =============
=====================================
===================================== */

div#cnavigation ul {
    list-style-type:none;
    width:230px;
    font-variant:small-caps
}

div#cnavigation ul li a {
    display:block;
    width:220px;
    height:25px;
    background-image:url(../images/internet/menu_blauw.gif);
    background-repeat:no-repeat;
    color:#333331;
    font-size:145%;
    font-weight:bold;
    padding:13px 0 0 10px;
    text-decoration:none;
}

div#cnavigation ul li.active a {
    color:#ffffff;
}

div#cnavigation ul li a:hover {
    text-decoration:none;
    color:#ffffff;
}

div#cnavigation ul li a.item_active {
}

div#cnavigation ul li ul {
    display:none;
    padding-bottom:10px;
}

div#cnavigation ul li.active ul {
    display:block;
    visibility:visible;
    background-color:#97cdfb;
    width:228px;
    position:relative;
}

div#cnavigation ul li ul li a:hover {
    text-decoration:underline;
    color:#000000;
}

/* COLORS - NAVIGATION */

div#cnavigation ul li.pos_1 a {
    background-image:url(../images/internet/menu_blauw.gif);
}

div#cnavigation ul li.pos_2 a {
    background-image:url(../images/internet/menu_groen.gif);
}

div#cnavigation ul li.pos_3 a {
    background-image:url(../images/internet/menu_geel.gif);
}

div#cnavigation ul li.pos_4 a {
    background-image:url(../images/internet/menu_oranje.gif);
}

div#cnavigation ul li.pos_5 a {
    background-image:url(../images/internet/menu_rood.gif);
}


/* REPEAT THE COLORS IF MORE ITEMS THEN THE DESIGN */

div#cnavigation ul li.pos_6 a {
    background-image:url(../images/internet/menu_blauw.gif);
}

div#cnavigation ul li.pos_7 a {
    background-image:url(../images/internet/menu_groen.gif);
}

div#cnavigation ul li.pos_8 a {
    background-image:url(../images/internet/menu_geel.gif);
}

div#cnavigation ul li.pos_9 a {
    background-image:url(../images/internet/menu_oranje.gif);
}

div#cnavigation ul li.pos_10 a {
    background-image:url(../images/internet/menu_rood.gif);
}


/* SUBMENU */

div#cnavigation ul.mainmenu li ul li a {
    padding-top:8px;
    padding-left:15px;
    background-image:none;
    font-size:110%;
    height:auto;
    line-height:140%;
    background-image:url(../images/internet/bullet_inactive.jpg);
    background-repeat:no-repeat;
    background-position:0 15px;
    margin-left:10px;
    padding-bottom:2px;
    width:200px;
    color:#333333;
}

div#cnavigation ul.mainmenu li ul li.active a {
    background-image:url(../images/internet/bullet_groot.gif);
    background-position:0 13px;
    color:#333333;
}

/* submenu colors */
div#cnavigation ul li.active.pos_1 ul {
    background-color:#97cdfb;
}

div#cnavigation ul li.active.pos_2 ul {
    background-color:#a0f898;
}

div#cnavigation ul li.active.pos_3 ul {
    background-color:#fcf695;
}

div#cnavigation ul li.active.pos_4 ul {
    background-color:#fcdd93;
}

div#cnavigation ul li.active.pos_5 ul {
    background-color:#fcad98;
}

div#cnavigation ul li.active.pos_6 ul {
    background-color:#97cdfb;
}

div#cnavigation ul li.active.pos_7 ul {
    background-color:#a0f898;
}

div#cnavigation ul li.active.pos_83 ul {
    background-color:#fcf695;
}

div#cnavigation ul li.active.pos_9 ul {
    background-color:#fcdd93;
}

div#cnavigation ul li.active.pos_10 ul {
    background-color:#fcad98;
}

/* ===================================
======================================
= KRUIMELSPOOR EN TITEL VOOR VERVOLG =
======================================
====================================== */

#contentwrapright div#kruimel_titel {
    background-color:#309cf6;
}

#contentwrapright div#kruimel_titel div#kruimelspoor {
    color:#343434;
    font-size:70%;
    margin-top:15px;
}

#contentwrapright div#kruimel_titel div#kruimelspoor a {
    color:#343434;
    text-decoration:none;
    font-size:110%;
    font-weight:bold;
}

#contentwrapright div#kruimel_titel div#kruimelspoor a:hover {
    text-decoration:underline;
}


#contentwrapright div#kruimel_titel h2 {
    color:#343434;
    font-weight:bold;
    font-variant:small-caps;
    font-size:120%;
}

/* KRUIMELSPOOR EN TITEL VOOR HOME */

#content div#kruimel_titel.home div#kruimelspoor {
    color:#333333;
    font-size:100%;
}

#content div#kruimel_titel.home div#kruimelspoor a {
    color:#333333;
}

#content div#kruimel_titel.home h2 {
    color:#ffffff;
    font-weight:bold;
    font-variant:small-caps;
    font-size:90%;
}

/* ===================================
======================================
========== ITEM LIJSTEN ==============
======================================
====================================== */

#content ul#itemlist li.item a.item_title {
    color:#000000;
}

#content ul#itemlist li.item a.item_title:hover {
    text-decoration:none;
    color:#270d70;
}

#content ul#itemlist li.item div.item_date {
    color:#000000;
    font-weight:bold;
}

#content ul#itemlist li.item div.item_intro a.meerinfo {
    color:#270d70;
    display:block;
    text-decoration:none;
}

#content ul#itemlist li.item div.item_intro a.meerinfo:hover {
    text-decoration:underline;
}

div#content ul#itemlist li.item div.item_intro {
}

div#content ul#itemlist li.item img.sim_default_toon_plaatje {
    margin-left:0;
    margin-top:5px;
}

/* LIJST ITEM STYLES */

#content ul.itemlist_bullet li.item {
    background-image:url(../images/internet/bullet_klein.gif);
    background-position:0 6px;
    background-color:#ffffff;
}


/* RIGHTMENU / SNELNAAR */

#rightcol div#snelnaar h2 {
    padding:10px 0 12px 10px;
    width:160px;
    background-color:#280f6d;
    color:#ffffff;
    font-size:150%;
    margin:15px 0 10px 0;
    font-weight:bold;
    font-variant:small-caps;
}

#rightcol div#snelnaar a {
    display:block;
    background-image:url(../images/internet/bg_arrow.jpg);
    background-repeat:no-repeat;
    background-position:0 5px;
    color:#333333;
    font-size:110%;
    line-height:130%;
    text-decoration:none;
    padding:0 10px 5px 15px;
    margin-left:10px;
    font-weight:bold;
}

#rightcol div#snelnaar a:hover {
    text-decoration:underline;
}

div#content ul li.item div a.meerinfo {
    font-size:92%;
}

div#content ul li.item a.item_title {
    color:#000000;
    display:block;
}

div#content ul li.item a.item_title:hover {
    color:#280f6d;
}

div#contentwrapright div.clear_both div div.item_container ul.itemlist_bullet li.item {
    font-size:125%;
    line-height:130%;
}

div#content a.archief {
    color:#270d70;
    font-weight:bold;
    font-size:85%;
    text-decoration:none;
    padding-top:10px;
    display:block;
    text-transform:lowercase;
}

div#content a.archief:hover {
    text-decoration:underline;
}

div#footer a {
    color:#ffffff;
    font-weight:bold;
    text-decoration:underline;
}

div#content div.downloads ul li.item {
    margin-bottom:0;
}

div#content iframe {
    height:400px;
}

div#content div#rubriek_total_wrap h6.rubriektitel {
        display:none;
}

#content div#rubrieken_wrap span.rubriek h6.rubriek img.but_klein, #content div#rubrieken_wrap span.rubriek_item h6.rubriek img.but_klein {
    display:none;
}

#content div#rubrieken_wrap span.rubriek h6.rubriek a.rubriek, #content div#rubrieken_wrap span.rubriek_item h6.rubriek a.rubriek {
    background-image:url(../images/internet/bullet_groot.gif);
    background-repeat:no-repeat;
    background-position:0 4px;
    display:block;
    padding-left:15px;
    color:#000000;
    text-decoration:none;
}

#content div#rubrieken_wrap span.rubriek h6.rubriek a.rubriek:hover, #content div#rubrieken_wrap span.rubriek_item h6.rubriek a.rubriek:hover {
    color:#280e6f;
}

div#content ul li div.lijstitem_intro a.meerinfo {
    display:block;
}

div #content ul.ul_lijst li.lijstitem_bullet a {
    color:#000000;
    text-decoration:none;
}

div #content ul.ul_lijst li.lijstitem_bullet a:hover {
    color:#290f70;
}

div#content ul.ul_lijst li div.lijstitem_intro a.meerinfo {
    color:#290f70;
}

div#content ul.ul_lijst li div.lijstitem_intro a.meerinfo:hover {
    text-decoration:underline;
    color:#290f70;
}