/* Stijl definities voor de web site EV650 */
        /*Auteursrechten: Stichting 650 jaar Edam-Volendam */
        /* Gehele of gedeeltelijke overname van de inhoud van deze web site */
        /* is strikt verboden zonder schriftelijke toestemming van de rechthebbende. */


/* Algemene stijldefinities */

html {
height:100%;
max-height:100%;
padding:0;
margin:0;
border:0;
/* hide overflow:hidden from IE5/Mac */
/* */
overflow: hidden;
/* */ }

html, body, container {
        margin: 0;
        padding: 0;
        border: none;
        text-align: center;
}

                /* background-color: #FFF8F8;  oorspronkelijk */
body {
        background-color: #3D4364;
        overflow: auto;
}

/* Beeldschermpartities */

#container
{        width:1005px;
           height: 610px;
           font-family: arial regular, arial, verdana, sans-serif;
           font-size:10pt;
           line-height: 16pt;
           background-color: #3D4364;
           text-align: center;
           overflow: hidden;
}

#subcontainer
{        width: 958px;
        height: 560px;
        position: relative;
        left: 5px;
        top:25px;
        background-color:#FFFFFF;
        overflow: hidden;
        text-align: center;
}

#header
{        width: 958px;
        height: 24px;
        margin-left: 0px;
        margin-top:0px;
        margin-bottom: 2px;
}

#main
{        width: 958px;
        height: 534px;
        margin: 0px;
        text-align: left;
        color: #000000;
}

#main_left
{        width: 300px;
        height: 534px;
        float: left;
        padding-left: 20px;
}

#logo_top
{        width: 200px;
        height: 80px;
        border: none;
}

#logos_bottom
{        width: 278px;
        height: 120px;
        position: absolute;
        top: 465px;
}

#top_photo
{        width: 158px;
        height: 106px;
        float: left;
}

#content_header
{        width: 438px;
        height: 28px;
        float: right;
        font-size: 16pt;
        font-style: italic;
        margin-top: 2px;
        color: #FFFFFF;
        padding-left: 20px;
        padding-right: 20px;
        padding-top: 6px;
        overflow: hidden;
}

#content_block
{        height: 372px;
        width: 616px;
    float: left;
        overflow: auto;
        overflow-x: hidden;
        overflow-y: auto;
        padding-top: 10px;
        padding-bottom: 10px;
        padding-left: 11px;
        padding-right: 11px;
}


/* menu stijlen */

#topmenu_home
{        width: 158px;
        height: 24px;
        float: left;
        font-size: 13pt;
        color: #FFFFFF;
        background-color: #3399CC;
        text-decoration: none;
        margin-bottom: 0px;
        margin-right: 2px;
}
#submenu_home
{        width: 260px;
        font-size: 9pt;
        color: #3399CC;
        text-decoration: none;
}

#topmenu_evenementen
{        width: 158px;
        height: 24px;
        float: left;
        font-size: 13pt;
        color: #FFFFFF;
        background-color: #CC6633;
        text-decoration: none;
        margin-bottom: 0px;
        margin-right: 2px;
}
#submenu_evenementen
{        width: 260px;
        font-size: 9pt;
        color: #CC6633;
        text-decoration: none;
}

#topmenu_historie
{        width: 158px;
        height: 24px;
        float: left;
        font-size: 13pt;
        color: #FFFFFF;
        background-color: #999999;
        text-decoration: none;
        margin-bottom: 0px;
        margin-right: 2px;
}
#submenu_historie
{        width: 260px;
        font-size: 9pt;
        color: #999999;
        text-decoration: none;
}

#topmenu_organisatie
{        width: 158px;
        height: 24px;
        float: left;
        font-size: 13pt;
        color: #FFFFFF;
        background-color: #CC6699;
        text-decoration: none;
        margin-bottom: 0px;
        margin-right: 2px;
}
#submenu_organisatie
{        width: 260px;
        font-size: 9pt;
        color: #CC6699;
        text-decoration: none;
}

#topmenu_contact
{        width: 158px;
        height: 24px;
        float: left;
        font-size: 13pt;
        color: #FFFFFF;
        background-color: #663366;
        text-decoration: none;
        margin-bottom: 0px;
        margin-right: 2px;
}
#submenu_contact
{        width: 260px;
        font-size: 9pt;
        color: #663366;
        text-decoration: none;
}

#topmenu_buitenland
{        width: 158px;
        height: 24px;
        float: left;
        background-color: #FFFFFF;
        text-decoration: none;
        margin: 0px;
    padding: 0px;
}

#topmenu_buitenland img {
    border: 0px;
    margin: 0px;
    padding: 0px;
    width: 24px;
    height: 20px;
}

#submenu_buitenland
{        width: 260px;
        font-size: 9pt;
        color: #066633;
        text-decoration: none;
}

/* content styles */

H1 {
        font-size:28pt;
        line-height: 34pt;
}
H2 {
        font-size:16pt;
}

H3 {
        font-size:12pt;
}

#fotolinks {
        float: left;
        font-size: 8pt;
        font-style: italic;
        line-height: 10pt;
        margin-right:10px;
        margin-bottom:10px;
}

#fotorechts {
        float: right;
        font-size: 8pt;
        font-style: italic;
        line-height: 10pt;
        margin-left:10px;
        margin-bottom:10px;
}

#wijsrechts {
        float: right;
        font-size: 10pt;
        margin-left: 10px;
}

#wijslinks {
        float: left;
        font-size: 10pt;
        margin-right: 10px;
}

#evtabel {
   border: 1px solid #066633;
}

#evtabel td {
   border: 1px solid #066633;
   padding: 1px 4px;
}

th.sortable,
th.sortable-text,
th.sortable-date,
th.sortable-numeric,
th.sortable-currency {
   cursor:pointer;
}

th.forwardSort {
   background:transparent url("Afbeeldingen/arrow-down.jpeg") no-repeat 100% 0;
}

th.reverseSort {
   background:transparent url("Afbeeldingen/up-down.jpeg") no-repeat 100% 0;
}

th.sort-active {
   color:#ff0000;
}

#Jaartal {
        font-weight: bold;
}

#Jaarkop {
        font-weight: bold;
}


#buurtmenu {
text-align: center;
}

#buurtmenu ul {
background-color: #CC6699;
width: 100%;
padding: 0;
margin: 0;
white-space: no-wrap;
}

#buurtmenu ul li {
display: inline;
}

#buurtmenu ul li a {
padding-left: 1em;
padding-right: 1em;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none;
color: white;
}

#buurtmenu ul li a:hover {
color: #999999;
}


/* Evenement stijlen: in de Calendarix database */


/* Print specs */

@media print {
    html, body, container, subcontainer {
            overflow: visible;
            }
    #main {
            height: 100%;
            overflow: visible;
            }
    #header, #main_left, #top_photo, #content_header {
            display: none;
            overflow: visible;
            }
    #content_block {
            height: 100%;
            width: 616px;
            background: #FFFFFF;
            margin: 0px;
            border: 0px;
            padding: 0px;
            overflow: visible;
            }
}