﻿*
{
    margin: 0;
    padding: 0;
    border: 0;
}

html
{
    background: #b6bbbf url('../../Images/bg.png') repeat-x;
    font-family: Tahoma, Sans-Serif;
    font-size: 8pt;
    color: #fff;
    overflow: auto;
}

a
{
    color: #fff;
    text-decoration: none;
}

body
{
}


/*************/
/*Main Master*/
/*************/

.wrapper
{
    position: relative;
    width: 990px;
    overflow: auto;
    margin: 0 auto;
    background-color: #757e86;
    min-height: 490px;
}

.shadow
{
    position: relative;
    width: 1004px;
    height: inherit;
    margin: 0 auto 0;
    background: transparent url('../../Images/ds-rechts.png') repeat-y;
    background-position: right top;
}

.bottomShadow
{
    width: 990px;
    height: 7px;
    margin: 0 auto;
    background: transparent url('../../Images/ds-onder.png') repeat-x;
}

.cornerShadow
{
    margin: -7px 0 0 100%;
    width: 7px;
    height: 7px;
    background: transparent url('../../Images/ds-hoekje.png') no-repeat;
}

.logoTop
{
    z-index: 1;
    position: absolute;
    left: 40px;
    height: 113px;
    width: 162px;
    background-image: url(../../Images/logo-gerard-koster.png);
    cursor: pointer;
}

.logoTop:hover
{
    background-image: url(../../Images/logo-gerard-koster-hover.png);
}

.menu
{
    background-color: #474e56;
    color: #c9c8c8;
    height: 60px;
}


.menuItems
{
    padding-top: 1.5em;
    float: right;
    width: 55%;
    letter-spacing: 2px;
    font-size: 10.5pt;
}

.menuLink
{
    color: #c9c8c8;
    text-decoration: none;
}

.menuLink:hover
{
    font-weight: bold;
    color: #fff;
}
.horizMenu
{
    float: left;
    position: relative;
    bottom: 8px;
    letter-spacing: 4px;
}
.horizMenu li
{
    list-style-type: none;
    display: inline;
    padding: 0;
    margin: 0;
}

.horizMenu object
{
    position: relative;
    top: 8px;
}

.leftColumn
{
    position: relative;
    width: 45%;
    float: left;
    margin-bottom: 15px;
}

.columnContentLeft
{
    margin: 10px 120px 10px 0;
}

.rightColumn
{
    position: relative;
    width: 55%;
    float: right;
    margin-bottom: 50px;
}

.columnContentRight
{
    margin: 10px 120px 10px 0;
    text-align: justify;
    line-height: 1.5em;
}

.footer
{
    width: 990px;
    margin: 0 auto 40px auto;
    color: #646b74;
    text-align: center;
    text-shadow: 0 1px 0 #FFFFFF;
}

.leftFooter
{
    position: relative;
    width: 50%;
    float: left;
    text-align: center;
}

.rightFooter
{
    position: relative;
    width: 50%;
    float: right;
    text-align: center;
}

.footer a
{
    color: #646b74;
}



/************/
/* Homepage */
/************/

.frontPage img
{
    display: block;
    margin: 0 auto;
}

/************/
/*About page*/
/************/

.repoussoir
{
    overflow: hidden;
    position: absolute;
    bottom: 0;
    left: -590px;
}

.firstLetter
{
    font-size: 40pt;
}

.firstLetter object
{
    position: relative;
    top: 18px;
    left: -5px;
}

.caption
{
    font-size: 10pt;
    padding-left: 0;
}

.caption object
{
    position: relative;
    top: 8px;
    left: -5px;
}


/***************************/
/*Agenda/Contact/Doorsturen*/
/***************************/

.table, .agendaTable
{
    width: 100%;
    margin-top: -15px;
}

.agendaTable td
{
    vertical-align: top;
    padding-top: 10px;
    text-align: left;
}

.tableTitle
{
    font-weight: bold;
    padding-top: 15px;
}

.tableLastRow
{
    padding-bottom: 15px;
}

.tablePaddingTop
{
    padding-top: 15px;
}

.singleRow
{
    padding: 15px 0 0;
}

.divider
{
    border-bottom: solid 1px #fff;
}

.divider2
{
    border-bottom: solid 1px #fff;
}

.inputTable
{
}

.contactContentPage
{
    width: 100%;
}

.inputGray
{
    background-color: #646b74;
    padding: 1px 0 2px 10px;
    border-bottom: solid 2px #757e86;
    border-top: solid 2px #757e86;
    width: 135px;
}

.inputAlignRight
{
    text-align: right;
    padding-bottom: 20px;
}

.inputBox
{
    background: #fff url(../../Images/invoerveld.png) no-repeat;
    height: 20px;
    width: 289px;
}

.inputTD
{
    width: 0;
}

.usermessage
{
    background: #fff url(../../Images/invoerveld-groot.png) no-repeat;
    overflow: auto;
}

.button, .button:hover
{
    padding-bottom: 3px;
    width: 122px;
    height: 27px;
    background: #fff url(../../Images/btn-normal.gif) no-repeat;
}

.button:hover
{
    background: #fff url(../../Images/btn-hover.gif) no-repeat;
}

.inputTable label
{
}

.inputTable label.error, .inputTable input.submit
{
    margin-left: -310px;
}
    
/*************/
/*  sitemap  */
/*************/

.sitemap li
{
    list-style-type: none;
    font-weight: bold;
}

.sitemap li li
{
    list-style-type: disc;
    margin-left: 20px;
    font-weight: normal;
}


/**************/
/*Gallery Page*/
/**************/

.gallery
{
    width: 910px;
    margin: 95px auto;
}

 
.gallery img { margin-bottom: 0px !important; }

.thumbs, .notAvailable
{
    height: 176px;
    width: 176px;
    margin: 0 2px 2px 0;
    filter: alpha(opacity=90);
    opacity: 0.9;
}

.thumbs:hover, .notAvailable:hover
{
    filter: alpha(opacity=100);
    opacity: 1;
}

.notAvailableChecked, .notAvailableChecked:hover
{
    filter: alpha(opacity=20);
    opacity: 0.2;
}


.checkers
{
    float: left;
    width: 14px;
    height: 14px;
    background: #fff url('../../Images/checkbox.png');
    margin-right: 5px;
    cursor: pointer;
}

.checkers2
{
    background: #fff url('../../Images/checkbox-aangevinkt.png');
    cursor: pointer;
}


/****************/
/* GalleryPage2 */
/****************/

.gallerySwitch
{
    margin-top: 150px;
    position: relative;
    width: 958px;
}

.menuSwitch
{
    display: none;
}

.logoTopSwitch
{
    display: none;
}

.largeImageView /*the container*/
{
    margin-bottom: 40px;
    background-color: Gray;
}

.theText
{
    display: inline-block;
    position: absolute;
    width: 144px;
    right: 0;
    /*top: 0;*/
}

.theImage
{    
    position: relative;
    display: inline-block;
    float: right;
    padding-bottom: 50px;
}


/****************/
/* GalleryPage3 */
/****************/

.imgPreview {
    width: 400px;
    margin: 120px 0 0 20px;
    }
