/**
 *  Extended stylesheet for Albert Schweitzer Ziekenhuis: subsite 'kinderen'
 *  ===============================================================
 *  $Revision: 1.1.2.2.2.3 $
 *  ===============================================================
 *
 *  global styleguide:
 *
 *  colors {
 *    white          : #ffffff;
 *    black          : #141414;
 *    red            : #f00;
 *    light purple   : #fcc;
 *    lighter purple : #ffefef;
 *  }
 */

/* links */
a, a:link { color: #f00; }
a:hover { color: #2f031f; }

/* headers */
h1, h2, h3, h4, h5, h6 { color: #f00; }

input, select, textarea { border-color: #f00; }
    input:hover, textarea:hover { border-color: #2f031f; }
    input:focus, textarea:focus { border-color: #2f031f; }

fieldset { border-color: #f00; }
    fieldset legend { background-color: #f00; }

label { color: #f00; }
    label:hover { color: #2f031f; }

/* describes the default page layout */
html, body { background-color: #ffefef; }
body { color: #141414; background-image: url(/images/kinderen/bg.gif); border-color: #ffefef; }
#body { }
#container { }
#mainnav { padding-bottom: 85px; min-height: 220px; height: 220px !important; background-color: #f00; }
/* this exception is just for the kids-style, but there is only one ie6-style */
html>body #mainnav { height: auto !important; }
#mainnav ul li a { background-image: url(/images/kinderen/arrow_right_menu.gif); }
#mainnav ul li a:hover, #mainnav ul li a.active { color: #fcc; background-image: url(/images/kinderen/arrow_right_menu_over.gif); }
#mainnav h3 { color: white; }
#mainnav h3 a { color: white; border-bottom-color: white; }
#mainnav h3 a:hover { color: #ffefef; border-bottom-color: #ffefef; }
#footer { }

#fontsize span:hover, #fontsize span.active { color: #f00; border-color: #f00; background-color: #ffefef; }
.inline-sections dt { background-color: #ffefef; }
.block h2 a { color: #f00; }
.menu_default li a { background-image: url(/images/kinderen/arrow_right.gif); }
.menu_default li a:hover { background-image: url(/images/kinderen/arrow_right_over.gif); }
.menu_rich li a { color: #f00; }
.menu_rich li { border-color: #f00; background-color: #c09db1; }
.menu_rich li img { border-color: #ffefef; }
.menu_rich span { background: url(/images/kinderen/arrow_right.gif) 100% 50% no-repeat #ffefef; }
.menu_rich a:hover span { color: #2f031f; background-image: url(/images/kinderen/arrow_right_over.gif); }
dl.alphabetical dt { color: #141414; }
dl.alphabetical dd a { background-image: url(/images/kinderen/arrow_right.gif); }
dl.alphabetical dd a:hover { background-image: url(/images/kinderen/arrow_right_over.gif); }
p.top { background-color: #ffefef; }
#alphabet .letter a:hover { background-color: #ffefef; }
ul.default li a { background-image: url(/images/kinderen/arrow_right.gif); }
ul.default li a:hover, ul.news li a:hover { background-image: url(/images/kinderen/arrow_right_over.gif); }
ul.news li { background-image: url(/images/kinderen/arrow_right.gif); }
ul.news li span { color: #f00; }
dl.group dt a { background-image: url(/images/kinderen/arrow_down.gif); }
dl.group dt a:hover { background-image: url(/images/kinderen/arrow_down_over.gif); }
.group_rich dt { background-color: #ffefef;  }
.group_rich dd { border-bottom-color: #ffefef; }
.linkbox_default, .linkbox_rich, .linkbox_video { border-color: #f00; }
.linkbox_default li { background-color: #ffefef; background-image: url(/images/kinderen/arrow_right.gif); }
.linkbox_rich h2 { background-color: #ffefef; }
.linkbox_rich span { background-image: url(/images/kinderen/arrow_right.gif); }
.linkbox_rich a:hover span { background-image: url(/images/kinderen/arrow_right_over.gif); }
.linkbox_video li { border-bottom-color: #ffefef; }
.imgbox { border-color: #f00; background-color: #c09db1; }
.imgbox p { color: #f00; background-color: #ffefef; }
.address dt, .address dd { color: #f00; }
.basicform dl input, .basicform dl textarea, .basicform dl select { color: #2f031f; }
.basicform dl dt { color: #2f031f; }
.basicform dl dd { color: #2f031f; }
.errors { color: #f00; }
#resultsinfo { background-color: #ffefef; }
#resultsinfo h2, #resultsinfo p { color: #2f031f; }
.highlight { background-color: #ffefef; }
.forum, .topic, .pollarchive { border-color: #ffefef; }
.forum thead th, .topic thead th, .pollarchive thead th { color: #f00; background-color: #ffefef; }
.forum tbody th, .forum tbody td, .pollarchive tbody th, .pollarchive tbody td { border-right-color: #ffefef; }
.forum tr, .topic tr, .pollarchive tr { border-bottom-color: #ffefef; }
.forum a, .pollarchive a { color: #f00; border-color: #f00; }
.post th { border-right-color: #ffefef; }
.even { background-color: #c09db1; }
.first { background-color: #c09db1; border-color: #ffefef; }
.locked, .locked a { color: #ffefef; border-color: #ffefef; background-color: #ffefef; }
.pollresult { background-color: #ffefef; }
.pollresult div { border-color: #f00; background-color: #c09db1; }
ul.sitemap li { background-image: url(/images/kinderen/arrow_right.gif); }
.chapters li a { background-image: url(/images/kinderen/arrow_right.gif); }
.chapters li a:hover { background-image: url(/images/kinderen/arrow_right_over.gif); }
.navbox { background-color: #ffefef; }
.more a { background-image: url(/images/kinderen/arrow_right.gif); }
.more a:hover { background-image: url(/images/kinderen/arrow_right_over.gif); }
.button { background: url(/images/kinderen/arrow_right_menu.gif) 90% 50% no-repeat #f00; }
.button:hover { color: #2f031f !important; background-color: #c09db1; background-image: url(/images/kinderen/arrow_right_menu_over.gif); }

.back { background-image: url(/images/kinderen/arrow_left.gif); }
.back:hover { background-image: url(/images/kinderen/arrow_left_over.gif); }
.req { color: #f00; background-color: #ffefef; }
.err { color: #f00; }
.notice { background-color: #ffefef; color: #f00; }
.chosen { color: #f00; }

/**
 * Kinderen-style specific
 */
#kids-logo { position: relative; float: left; margin: -85px 0 0 2px; width: 183px; height: 145px; background: transparent url(/images/kinderen/albert_helene.png) no-repeat left top; }
html>body #kids-logo { margin-left: 5px; }

.homeblock-kinderen { float: left; margin-right: 10px; width: 172px; height: 170px; background-color: #f00; }
    html>body .homeblock-kinderen { margin-right: 20px; height: auto; min-height: 170px; }
    .homeblock-kinderen .imgbox { float: none; margin: 0; padding: 1px; border: 0; background: none; }
    .homeblock-kinderen h2 { border-top: 1px solid white; background-color: transparent; background-repeat: no-repeat; background-position: 10px 0; }
        .homeblock-kinderen h2 a { display: block; width: 100%; height: 100%; }
        .homeblock-kinderen h2 span { visibility: hidden; }