@charset 'utf-8';

/**
 * @version 200901071327
 * @author  Rolf den Hartog - http://rolfdenhartog.nl/
 */

/*
    reset
*/
a, body, form, fieldset, h1, h2, h3, html,
img, input, li, p, table, td, textarea, th, tr, ul {
    border: 0px;
    font-family: arial, nimbus sans l, helvetica, sans-serif;
    font-size: 100%;
    margin: 0px;
    outline: none;
    padding: 0px;
}

/*
    main xhtml tags
*/
a:link, a:visited {
    color: #146698;
    font-weight: bold;
    text-decoration: underline;
}
a:hover, a:active {
    color: #fa5a3f;
    text-decoration: none;
}
body {
    background: #214f6a url('/assets/gfx/body-background.png') repeat-x top;
    color: #214f6a;
    font-size: 0.7em;
}
h1 {
    font-size: 140%;
    margin-bottom: 10px;
}
h2 {
    font-size: 120%;
    margin-bottom: 10px;
}
h3 {
    font-size: 100%;
    margin-bottom: 10px;
}
li {
    margin-left: 20px;
}
ol, ul {
    margin-bottom: 10px;
}

p {
    margin-bottom: 10px;
}

table {
    width: 100%;
    margin-bottom: 10px;
}
td, th {
    padding: 2px;
}

/**
 * all styles
 */
#wrapper {
    height: 540px;
    margin: 0px 20px 20px 20px;
    width: 630px;
}
#header {
    background: transparent url('/assets/img/radio-bar-logo-radio-aalsmeer-small.png') no-repeat right center;
    color: #fff;
    height: 40px;
    margin: 0px;
}
#header a:link, #header a:visited {
    color: #fff;
    display: block;
    padding: 15px 0px 5px 0px;
    text-decoration: none;
}

#column-left {
    background: #fff;
    float: left;
    height: 480px;
    margin: 0px;
    padding: 10px 5px 10px 10px;
    width: 375px;
}

#column-right h1 {
    background: #e9eff3 url('/assets/gfx/blue-h1-background.png') repeat-x bottom;
    color: #214f6a;
    margin: 0px;
    padding: 3px;
}
#column-right {
    background: #fff;
    float: left;
    height: 480px;
    overflow-y: auto;
    padding: 10px 10px 10px 5px;
    width: 225px;
}

/**
 * calendar table
 */

/**
 * table calendar
 */
.calendar h2 {
    margin: 10px 0px 0px 0px;
}
.calendar th {
    border-bottom: 1px dashed #214f6a;
}
.calendar td {
    height: 20px;
    text-align: center;
    width: 14%;
}
.calendar a {
    display: block;
}
.calendar .calendar-hover,
.calendar .calendar-active {
}
.calendar .calendar-active a {
}

/**
 * accordion styles
 */
.ui-accordion {
    overflow-y: none;
}
.ui-accordion-content {
    background: #e9eff3;
    height: 382px;
    overflow-y: auto;
    padding: 5px;
}
.ui-state-default {
    cursor: pointer;
}

/*
    other styles
*/
.clear-both {
    clear: both;
    margin: 0px;
    padding: 0px;
}
.color-gray {
    color: #ccc;
}
.display-none {
    display: none;
}
.text-align-center {
    text-align: center;
}