@CHARSET "UTF-8";

body {

}

.onelinespacing {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 1.5em; /* must related with global font's height value */
}

/********************************************************************************
 *				     WEB TITLE                                  *
 ********************************************************************************/

#headerwrapper{
}

#header {
    width: 200px;
    height: 60px;
    margin-top: 0px;
    padding: 10px;
    background: #c06 url('../img/immanuel80SGPIwhite.png') -10px 15px no-repeat;
}

#header span {
    display: none;
}

#header.idtitle {
    color: white;
    font: 16px/1.5 Impact, Charcoal, sans-serif;
}

.weblogo {
}

/********************************************************************************
 *                               TOP NAVIGATION                                 *
 ********************************************************************************/
/* to wrap the menu navigation */
#topmenu {
    margin-top: 40px;
    margin-bottom: 30px;
    padding-bottom: 2px;
    text-align: right;
}

#topmenu1,
#topmenu10,
#topmenu11,
#topmenu12,
#topmenu13,
#topmenu19 {
    margin-left: 20px;
}

#topmenu1 a, #topmenu1 a:link,
#topmenu10 a, #topmenu10 a:link,
#topmenu11 a, #topmenu11 a:link,
#topmenu12 a, #topmenu12 a:link,
#topmenu13 a, #topmenu13 a:link,
#topmenu19 a, #topmenu19 a:link {

}

#topmenu1 a:hover, #topmenu1 a:focus,
#topmenu10 a:hover, #topmenu10 a:focus,
#topmenu11 a:hover, #topmenu11 a:focus,
#topmenu12 a:hover, #topmenu12 a:focus,
#topmenu13 a:hover, #topmenu13 a:focus,
#topmenu19 a:hover, #topmenu19 a:focus {

}

#topmenu1 a:active,
#topmenu10 a:active,
#topmenu11 a:active,
#topmenu12 a:active,
#topmenu13 a:active,
#topmenu19 a:active{

}

.topmenu {
    font-weight: bold;
}

.topmenu a, .topmenu a:link {
    color: purple;
    text-decoration: none;
}

.topmenu a:visited {
    color: purple;
}

.topmenu a:hover, .topmenu a:focus {
    color: black;
    border-bottom: 5px solid black;
}

.topmenu.active a {
    color: black;
    border-bottom: 5px solid black;
}

.topmenutext {
    position: relative;
}

/********************************************************************************
 *                           END OF TOP NAVIGATION                              *
 ********************************************************************************/

/*
 * LEFT NAVIGATION
*/
.leftmenuwrapper {
    margin-top: -15px;
}

.leftmenuouter, .leftmenusearchouter {
    z-index: 200;
}

.leftmenurow {
    position: relative;
    display: block;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
    text-decoration: none;
    text-indent: 8px;
    letter-spacing: 2px;
    margin-bottom: -1px;
    margin-left: 0;
    z-index: 200;
}

.leftmenurow a, .leftmenurow a:link {
    color: #000;
    text-decoration: none;
    display: block;
}

.leftmenurow a:visited {
}

.leftmenurow a:hover, .leftmenurow a:focus {
    color: #fff;
    background-color: #000;
}

.leftmenuparent {
    /*    background-color: green;*/
}

.leftmenuhere {
    background-color: #fff;
}

.leftmenuraquo {
    position: absolute;
    right: 0;
}

.leftmenulast {
}

.leftmenuinnerrow {
    border: 1px #ccc solid;
    border-top: none;
}

.leftmenuparent .leftmenuinnerrow { display: none; }

.leftmenuparent:hover .leftmenuinnerrow {
    display:block;
    position:absolute;
    top: -1px;
    left:140px;
    width:140px;
    z-index: 100;
    background: url('../img/bgtransparentwhite1x1.png') repeat;
}

/*
 * LEFT LOGO
*/

#pageimage {
    /*position: relative;*/
    display: block;
    height: 120px;
    width: 140px;
    margin-top: 15px;
    background: #fff url('../img/immanuel140x120.png') no-repeat top center;
    border: 1px #A0A0A0 solid;
}

#pageimage img {
    /*    padding: -1px;
        margin-left: -1px;*/
}
#logomenu {
    position: relative;
    display: block;
    margin-top: 15px;
}

#logomenu a, #logomenu a:link {
    border-bottom: none;
}

#logomenu a, #logomenu a:link {
    border-style: none;
}

#logomenu span {
    display: none;
}

.cortslogo {
    position: relative;
    display: block;
    height: 75px;
    width: 140px;
    background: url('../img/corts2_140.png') no-repeat top center;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.erfgoedlogo {
    position: relative;
    display: block;
    height: 28px;
    width: 140px;
    background: url('../img/erfgoed140.png') no-repeat top center;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.zlogo {
    position: relative;
    display: block;
    height: 66px;
    width: 140px;
    background: url('../img/zlogo.png') no-repeat top center;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}

.anrilogo {
    position: relative;
    display: block;
    height: 78px;
    width: 140px;
    background: url('../img/Logo_ANRI_140.jpg') no-repeat top center;
    margin-top: 20px;
    margin-bottom: 20px;
    text-align: center;
}
/********************************************************************************
 *				    CONTENT					*
 ********************************************************************************/
#contentwrapper{
    position: relative;
}

#contenttitle {
    font: 28px/1.5 Impact,fantasy;
    margin-top: 1em;
    line-height: 1em;
}

#content {
    /*    padding: 10px;
        border: 1px #ccc solid;*/
    background-color: #fff;
    z-index: 1;
}

/* a: roles
Order:a, a:link {}
      a:visited {}
      a:hover, a:focus {}
      a:active {}
Note: Pseudo-class names are not case-sensitive.
*/

#content a, #content a:link, #content a:visited {
    color: #c06;
    /*text-decoration: none;*/
}
#content a:hover, #content a:focus {
    color: #000;
    text-decoration: none;
}
#content a:active {}

.introtext {
    color: #888;
    font-style: italic;
    margin-bottom: 20px;
}

.periodization_ditto_pageTitle a,
.periodization_ditto_pageTitle a:link,
.periodization_ditto_pageTitle a:visited,
.church_ditto_pageTitle a,
.church_ditto_pageTitle a:link,
.church_ditto_pageTitle a:visited {
    color: #c06;
    text-decoration: none;
}
#content a:hover, #content a:focus {
    color: #000;
}
#content a:active {}


/*******************************************************************************
*                             OVERRIDE FONTS                                   *
*******************************************************************************/
h1 {
    font: 20px/1.5 Impact,fantasy;
}
h2 {
    font: 18px/1.5 Impact,fantasy;
    margin-bottom: 0;
}
h3 {
    margin-top: 0.5em;
    margin-bottom: 0;
}

/*******************************************************************************
 *                          BREADCRUMBS CLASSES                     		*
 *******************************************************************************/

.B_crumbBox a, .B_crumbBox a:link, .B_crumbBox a:visited {
    font-style: italic;
    color: #ff9900;
    text-decoration: none;
    /*    border-bottom: 1px #888 dotted;*/
}
.B_crumbBox a:hover, .B_crumbBox a:focus {
    color: #000;
    border-bottom: 1px #000 solid;
}
.B_crumbBox a:active {}


/********************************************************************************
 *				    DITTO CLASSES				*
 ********************************************************************************/

.church_ditto {
    position: relative;
}

.church_ditto_pageTitle {
    position: relative;
    font: 30px/1.5 Lucida, Sans-serif;
    font-weight: bold;
}

.church_ditto_introText {
    position: relative;
}

/* PERIODIZATION */

.periodization_ditto {
    position: relative;
    /*border: 1px #ccc dotted;*/
    margin-bottom: 20px;
}

.periodization_ditto_pageTitle {
    position: relative;
    font: 20px/1.5 Lucida, Sans-serif;
    font-weight: bold;
    border-bottom: 2px #000 solid;
    display: block;
}

.periodization_ditto_pageTitle a,
.periodization_ditto_pageTitle a:link,
.periodization_ditto_pageTitle a:visited {

}

.periodization_ditto_introText {
    position: relative;
}

/* HISTODOC */
/*template:
<span class="histodoc_ditto">
    <span class="histodoc_ditto_pageImage"><a href="[~[+id+]~]">[+pageimage+]</a></span>
    <span class="histodoc_ditto_info">
        <span class="histodoc_ditto_pageTitle"><a href="[~[+id+]~]">[+pagetitle+]</a></span><br />
        <span class="histodoc_ditto_introText">[+introtext+]</span>
    </span>
</span>
<div class="onelinespacing">&nbsp;</div>
*/

.histodoc_ditto {
}

.histodoc_ditto_pageImage{
    /*position: relative;*/
    float: left;
}

.histodoc_ditto_pageImage img {
    width: 130px;
    height: 110px;
    padding: 5px;
    border: 1px solid #ccc;
}

.histodoc_ditto_info{
    /*position: relative;*/
    float: left;
    padding-left: 10px;
}

.histodoc_ditto_pageTitle {
    font: 20px/1.5 Impact,fantasy;
    vertical-align: top;
}

.histodoc_ditto_pageTitle a,
.histodoc_ditto_pageTitle a:link,
.histodoc_ditto_pageTitle a:visited {
    text-decoration: none;
}

.histodoc_ditto_introText {
    font-style: italic;
    vertical-align: text-top;
}

/* GALLERY-DITTO */
/*template:
<span class="gallery_ditto">
    <span class="gallery_ditto_pageImage"><a href="[~[+id+]~]">[!easy2?gid=`[+galleryid+]` &limit=`1` &tpl=`assets/modules/easy2/templates/sgpi_gallery_ditto.htm`!]</a></span>
    <span class="gallery_ditto_info">
        <span class="gallery_ditto_pageTitle"><a href="[~[+id+]~]">[+pagetitle+]</a></span><br />
        <span class="gallery_ditto_introText">[+introtext+]</span>
    </span>
</span>
<div class="onelinespacing">&nbsp;</div>
*/

.gallery_ditto {
}

.gallery_ditto_pageImage{
    /*position: relative;*/
    float: left;
}

.gallery_ditto_pageImage img {
    /*
        width: 130px;
        height: 110px;
        padding: 5px;
        border: 1px solid #ccc;
    */
}

.gallery_ditto_info{
    /*position: relative;*/
    float: left;
    padding-left: 10px;
    margin-top: 20px;
}

.gallery_ditto_pageTitle {
    font: 20px/1.5 Impact,fantasy;
    vertical-align: top;
}

.gallery_ditto_pageTitle a,
.gallery_ditto_pageTitle a:link,
.gallery_ditto_pageTitle a:visited {
    text-decoration: none;
}

.gallery_ditto_introText {
    font-style: italic;
    vertical-align: text-top;
}


/* PUBLICATION-DITTO */
/*template:
<span class="publication_ditto">
    <span class="publication_ditto_pageImage"><a href="[~[+id+]~]"><img src="[+frontcover+]" alt="" width="50%" /></a></span>
    <span class="publication_ditto_info">
        <span class="publication_ditto_pageTitle"><a href="[~[+id+]~]">[+pagetitle+]</a></span><br />
        <span class="publication_ditto_introText">[+introtext+]</span>
    </span>
</span>
<div class="onelinespacing">&nbsp;</div>
*/

.publication_ditto {
}

.publication_ditto_pageImage {
    /*position: relative;*/
    float: left;
}

.publication_ditto_pageImage img {
    max-width: 380px;
    max-height: 200px;
    padding: 5px;
    border: 1px solid #ccc;
}

.publication_detail_pageImage {
    float: left;
}

.publication_detail_pageImage img {
    max-width: 300px;
    margin: 5px;
    padding: 5px;
    border: 1px solid #ccc;
}

.publication_ditto_info {
    /*position: relative;*/
    float: left;
    padding-left: 10px;
    margin-top: 20px;
}

.publication_ditto_pageTitle {
    font: 20px/1.5 Impact,fantasy;
    vertical-align: top;
}

.publication_ditto_pageTitle a,
.publication_ditto_pageTitle a:link,
.publication_ditto_pageTitle a:visited {
    text-decoration: none;
}

.publication_ditto_introText {
    font-style: italic;
    vertical-align: text-top;
}

/* Search Terms Highlighting
------------------------------------------------------------------------------- */
.AS_ajax_highlight {
    background-color: #ffb;
    padding: 2px;
    margin: -3px;
    border: 1px solid #dd3;
    color: #000;
}

.searchTerms {
    color: #eee;
}

.searchTerms .AS_ajax_highlight {
    margin: 0 0 0 3px;
}

a.ajaxSearch_removeHighlight,
a.ajaxSearch_removeHighlight:visited { 
    display: block;
    float: left;
    margin: 6px 0 0;
    padding: 1px 2px 2px;
    color: #888;
}

a.ajaxSearch_removeHighlight:hover {
    background-color: #888;
    color: #222;
}

.bottomline {
    border-bottom: 1px #ccc dotted;
}

.upperline {
    border-top: 1px #ccc dotted;
}


.footer {
    margin-top: 15px;
    text-align: right;
}

.footertext {
    color: #ccc;
    font-size: 11px;
    /*    border-top: 1px solid #ddd;
        border-bottom: 1px solid #ccc;*/
}

.footertext a, .footertext a:link, .footertext a:visited {
    color: #ccc;
    text-decoration: none;
}

.footertext a:hover, .footertext a:focus {
    color: #000;
}

.footertext a:active {
    color: #ccc;
}

/*
Sticky Footer Solution
by Steve Hatcher
http://stever.ca
http://www.cssstickyfooter.com
*/

* {margin:0;padding:0;}

/* must declare 0 margins on everything, also for main layout components use padding, not
vertical margins (top and bottom) to add spacing, else those margins get added to total height
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

#bodywrapper {padding-bottom: 50px;}  /* must be same height as the footer */

#footer {
    position: relative;
    margin-top: -51px; /* negative value of footer height */ /* + border 1px */
    height: 50px;
    clear:both;
    /*    border-top: 1px solid red;*/
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
                 display: block;
                 height: 0;
                 clear: both;
                 visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */