html, body {
    margin:             0px;
    font-family:        "Verdana";
    font-size:          11px;
    color:              #004375;
    background-color:   #FFFFFF;
}

* {
    border:             none;
    margin:             0px;
    padding:            0px;
    vertical-align:     top;
}

a {
    color:              #004375;
}

a:hover {
    text-decoration:    none;
}

h1 {
    font-family:        "Times New Roman";
    letter-spacing:     3px;
    font-weight:        normal;
    font-size:          20px;
    margin-bottom:      5px;
    margin-top:         10px;
    margin-left:        10px;
}

h2 {
    font-family:        "Times New Roman";
    letter-spacing:     3px;
    font-weight:        normal;
    font-size:          24px;
    margin-bottom:      5px;
}

.clearBoth {
    clear:              both;
}

.weightBold {
    font-weight:        bold;
}

.lineHeight5 {
    line-height:        5px;
}

.lineHeight20 {
    line-height:        20px;
}

.fontSize10 {
    font-size:          10px;
}

.statValue {
    color:              #ef5d0e;
    font-weight:        bold;
}

.leftFloat {
    float:              left;
    padding-right:      5px;
}

.rightFloat {
    float:              right;
}

.displayNone {
    display:		none;
}

.tool-tip {
    background-color:   #FFFFFF;
    padding:            3px;
    font-size:          10px;
    width:              120px;
    margin-top:         0px !important;
    margin-top:         100px;
    margin-left:        0px !important;
    margin-left:        150px;
}

.loginError {
    font-size:          10px;
    color:              red;
    padding:            5px;
}

#maincontainer {
    position:           absolute;
    width:              1005px;
    height:             637px;
    margin-left:        -502px;
    left:               50%;
    z-index:            0;
    /*background-image:   url('../../gfx/bg.gif');*/
}

#content {
    position:           absolute;
    width:              1004px;
    height:             637px;
    z-index:            99;
    background:         none;
}

#header {
    position:           absolute;
    width:              1005px;
    height:             118px;
    background-image:   url('../../gfx/header_bg.gif');
    background-repeat:  repeat-x;
    background-position:    bottom;
    margin-top:         9px;
    z-index:            99;
}

#logo {
    float:              left;
    margin-left:        23px !important;
    margin-left:        23px;
    cursor:             pointer;
}

.logoHeader {
    width:              272px; 
    height:             118px;
    background-image:   url('../../gfx/logo.png');
}

#statistieken {
    float:              left;
    width:              266px;
    height:             97px;
    background-image:   url('../../gfx/statistieken_bg.gif');
    margin-top:         21px;
    margin-left:        104px !important;
    margin-left:        84px;
}

#login {
    float:              left;
    width:              292px;
    height:             97px;
    background-image:   url('../../gfx/inlog_bg.gif');
    margin-top:         21px;
    margin-left:        28px !important;
    margin-left:        28px;
}

.loginWelkom {
    margin-top:         10px;
    margin-left:        10px;
    font-weight:        bold;
}

.loginTable {
    width:              200px;
    margin-left:        10px !important;
    margin-left:        5px;
}

#login .loggedIn {
    width:              260px;
}

.loginTable th {
    text-align:         left;
    font-weight:        normal;
    
}

.tdSpan {
    font-weight:        normal;
    font-size:          10px;
}

.loginTable td, .loginTable th {
    padding-right:      5px !important;
    padding-right:      3px;
    padding-bottom:     7px !important;
    padding-bottom:     4px;
    font-size:          11px;
}

.loginTable input.inputField {
    border:             1px solid #bababa;
    width:              150px;
}

#spacer {
    position:           absolute;
    width:              1005px;
    height:             6px;
    line-height:        6px;
    background-image:   url('../../gfx/orange_bg.gif');
    background-repeat:  repeat-x;
    z-index:            99;
    top:                127px;
}

#menu {
    position:           absolute;
    width:              1005px;
    height:             54px !important;
    height:             69px;
    padding-top:        15px;
    background-image:   url('../../gfx/menu_bg.gif');
    top:                133px;
    z-index:            99;
}

#menuitems {
    width:              961px;
    margin-left:        23px;
    text-align:         center;
}

#menuitems a {
    display:            block;
    height:             20px;
    padding-bottom:     5px;
    float:              left;
    padding-left:       36px;
    padding-right:      36px;
    color:              #FFFFFF;
    font-family:        "Times New Roman";
    font-size:          18px;
    text-decoration:    none;
    border-right:       1px solid #FFFFFF;
}

#menuitems a.firstItem {
    border-left:        1px solid #FFFFFF;;
}

.menu_bottom {
    clear:              both;
    height:             1px;
    line-height:        1px;
    background-color:   #FFFFFF;
    width:              955px;
    margin-left:        23px;
}

.menu_bottom2 {
    width:              949px;
}

#nieuws {
    width:              280px !important;
    width:              282px;
    border:             1px solid #FFFFFF;
    border-top:         none;
    position:           absolute;
    z-index:            99;
    top:                196px;
    left:               24px;
}

#nieuws #nieuws_content {
    width:              260px !important;
    width:              280px;
    padding:            10px;
    display:            block;
}

#nieuws #nieuws_bottom {
    width:              280px;
}

.dots {
    width:              255px;
    height:             4px;
    background-image:   url('../../gfx/dots.gif');
    background-repeat:  repeat-x;
    margin-top:         20px;
    margin-bottom:      20px;
}

#gespot {
    position:           absolute;
    float:              left;
    width:              523px !important;
    width:              525px;
    border:             1px solid #FFFFFF;
    border-top:         none;
    z-index:            99;
    top:                196px;
    left:               383px;
}

#gespot #gespot_content {
    width:              503px !important;
    width:              523px;
    padding:            10px;
    display:            block;
}

#gespot #gespot_bottom {
    width:              522px;
}

#nieuwsArrow, #gespotArrow {
    margin-top:         1px;
    cursor:             pointer;
}

#navigatie {
    position:           absolute;
    width:              79px;
    height:             100px;
    background-image:   url('../../gfx/nav_bg.gif');
    z-index:            99;
    top:                196px;
    left:               908px;
}

#navTable {
    width:              44px;
    margin-top:         17px;
    margin-left:        17px;
}

#navTable td, #navTable th {
    font-size:          5px;
    cursor:             pointer;
}

#navTable .leftAlign {
    text-align:         left;
}

#navTable .rightAlign {
    text-align:         right;
}

#navTable .centerAlign {
    text-align:         center;
}

#navTable .bottomPadding4 {
    padding-bottom:     4px;
}

#navTable .topPadding4 {
    padding-top:        4px;
}

#navTable .navSpacer {
    height:             8px;
    line-height:        8px;
}

.transparent_bg {
    background-image:   url('../../gfx/transparent.png');
}

/*.transparentIE {
    position:                   relative;
    background-image:           url('../../gfx/transparent.png');
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://server03.i-design.nu/klanten/korhoenders/gfx/transparent.png', sizingMethod='scale');
    background-image:           none;
    background: transparent;
}*/

#contenttop1 {
    position:           absolute;
    width:              24px;
    border-bottom:      1px solid #FFFFFF;
    height:             12px;
    z-index:            99;
    top:                196px;
}

#contenttop2 {
    position:           absolute;
    width:              77px;
    border-bottom:      1px solid #FFFFFF;
    height:             12px;
    z-index:            99;
    top:                196px;
    left:               306px;
}

#contenttop3 {
    position:           absolute;
    width:              18px;
    border-bottom:      1px solid #FFFFFF;
    height:             12px;
    z-index:            99;
    top:                196px;
    left:               987px;
}

.centerDiv {
    border:             1px solid #FFFFFF; 
    padding:            10px;
}

.centerTable td, .centerTable th {
    width:              190px;
    font-size:          10px;
    text-align:         left;
    font-weight:        bold;
    color:              #909090;
    padding-right:      10px;
    vertical-align:     bottom;
}

.centerTable input.inputField {
    border:             1px solid #bababa;
    width:              150px;
    margin-top:         5px;
}

.centerTable td select.inputSelect {
    border:             1px solid #bababa;
    width:              150px;
    margin-top:         5px;
}

.centerTable input.inputFieldLarge {
    border:             1px solid #bababa;
    width:              100%;
    margin-top:         5px;
}

.centerTable input.inputFieldSmall {
    border:             1px solid #bababa;
    width:              50%;
    margin-top:         5px;
}

.centerTable input.inputFieldSmaller {
    border:             1px solid #bababa;
    width:              10%;
    margin-top:         5px;
}

.centerTable .button {
    text-align:         right;
    padding-right:      10px;
    padding-top:        10px;
    width:              100%;
}

.waarTable td {
    font-weight:        normal;
    color:              #004375;
    vertical-align:     top;
}

.aanmeldTable th {
    width:              150px;
}

.aanmeldTable td {
    width:              300px;
}

.aanmeldTable td.loginError {
    font-size:          10px;
    color:              red;
    padding:            5px;
}

.VoegToeLink {
    float:              left;
    color:              #004375;
    font-size:          11px;
    text-decoration:    underline;
    cursor:             pointer;
}

#VoegFotoToeHeader, #VoegFotoToe {
    display:            none;
}

.listTable {
    width:              100%;
}

.listTable th {
    width:              120px;
    text-align:         left;
}

.listTable td input, .listTable td textarea {
    border:             1px solid #bababa;
    width:              100%;
}

.listTable td input.contactButton {
    width:              109px;
    height:             19px;
}

#footer {
    position:           absolute;
    width:              1005px;
    height:             20px;
    margin-left:        -502px;
    left:               50%;
    top:                640px;
    text-align:         right;
}

/* Kalender */
.datePicker {
    position: absolute;
    /*top: -19px;*/
    
    background-color: #ffffff;
}
.datePicker table   {
    width: 200px;
    
    /*border-right: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;*/
}

.datePicker tbody    {
    /*border: 1px solid #d7d7d7;*/
}
.datePicker table th, .datePicker table td  {
    padding: 2px !important;
}
.datePicker table td    {
    border-left: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
    
    text-align: center;
    font-weight: bold;
    
    cursor: pointer;
}

.datePicker table td:hover  {
    text-decoration: underline;
}

.datePicker table th    {
    text-align: center !important;
}

.datePicker .date-picker-title  {
    font-weight: normal;
}
.datePicker .date-picker-selected-date  {
    /* lichtgrijs gekleurd vakje */
    color: #d3145a;
    background-color: #ebebeb;
    
    /* rode gekleurd vakje */
    /*background-color: #d3145a;
    color: #ffffff;*/
}
.datePicker .date-picker-today  {
    /*text-decoration: underline;*/
    /*color: #d3145a;*/
}
.datePicker .date-picker-day-header  {
    text-transform: lowercase;
    
    border-top: 1px solid #959595;
    border-left: 1px solid #959595;
    border-bottom: 1px solid #959595;
    
    background-color: #ebebeb;
}

.datePicker .prev-but,
.datePicker .next-but {
    display: block;
    
    width: 16px;
    height: 16px;
    
    /*background-image: url("../../gfx/date.png");
    background-repeat: no-repeat;*/
    
    color: #d3145a;
    
    cursor: pointer;
}

.datePicker .today-but    {
    cursor: pointer;
}

.date-picker-control img {
    /*padding-top:10px;
    line-height:    20px;*/
    margin-top:4px;
}