/* reset browser styles */

    html, body, div, span, applet, object, iframe,
    h1, h2, h3, h4, h5, h6, p, blockquote, pre,
    a, abbr, acronym, address, big, cite, code,
    del, dfn, em, font, img, ins, kbd, q, s, samp,
    small, strike, strong, sub, sup, tt, var,
    b, u, i, center,
    dl, dt, dd, ol, ul, li,
    fieldset, form, label, legend,
    table, caption, tbody, tfoot, thead, tr, th, td 
    {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}
    body {line-height: 1;}
    ol, ul {list-style: none;}
    blockquote, q {quotes: none;}
    blockquote:before, blockquote:after,
    q:before, q:after {content: '';content: none;}
    
    :focus {outline: 0;}
    
    ins {text-decoration: none;}
    del {text-decoration: line-through;}
    
    table {border-collapse: collapse;border-spacing: 0;}

/* General size of blocks */

    #container          {width: 985px;margin: 0 auto;}
    #header             {height: 139px;}
    #headerleft         {float:left;display:inline;}
    #supportivelinks    {height: 24px;width: 785px;}
    #logo               {width:765px;height:54px;}
    #navigation         {width:785px;height: 33px;}
    #subnavigation      {width:785px;height:22px;}
    #extralogos         {float:left;width:174px;height:139px;}
    #wrapper            {float: left;width:811px;}
    #contentwrapper     {margin: 0px 13px;}
    #content            {width:785px;background-color: #FFF;}
    #extra              {float:left;width:134px;padding: 0 20px;}
    #footermenu         {width: 746px;padding: 20px;margin: 0 13px;}
    #footer             {float: left;width: 785px;height: 50px;padding:0px 13px;background-color:#F3F3F5;}

/* General styles */

    body{background: top left repeat-x url(../img/belibali_bg_body.png) #F3F3F5;font-family: 'Trebuchet MS', sans-serif;font-size: 12px;color: #413E3E;}
    p{line-height: 1.5em;}
    h1{font-size: 16px;}
    h2{font-size: 14px;margin: 0 0 8px 0;}
    h3{line-height: 1.5em;}
    a{color: #413E3E;}
    a:hover{color: #DC8E05;}
    
    img.left{float: left;margin: 0 20px 0 0;}
    img.right{float: right;margin: 0 0 0 20px;}
    
    .clear{clear: both;}
                          
    .leesmeer{margin-top:1em;text-align: right;}
    .leesmeer a{text-decoration: none;}
    .leesmeer span  {padding:5px;display: block;float:left;}
    
    #spotlights .spotlight .spotlightdetails .leesmeer img{float: right;}
    #articles .leesmeer{padding:0 10px 20px 0;}

/* tables */

    table       { margin-bottom: 1.4em; width:100%; }
    th          { font-weight: bold; text-align:left;}
    th,td       { padding: 4px 10px 4px 5px;vertical-align: top; }

/* forms */

    form th,
    form td     {padding: 0px;}
    
    label       { font-weight: bold; }
    fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
    legend      { font-weight: bold; font-size:1.2em; }
    
    input[type=text], input[type=password],
    input.text, input.title, 
    textarea, select {background-color:#fff;border:1px solid #bbb; }
    
    input[type=text]:focus, input[type=password]:focus, 
    input.text:focus, input.title:focus, 
    textarea:focus, select:focus { border-color:#666; }
    
    input[type=text], input[type=password],
    input.text, input.title,
    textarea, select {margin:3px 0;width: 235px; padding:3px;}
    
    input.title   { font-size:1.5em; }
    textarea      { width: 235px; height: 220px; padding:3px; }
    
    input[type=checkbox], input[type=radio], 
    input.checkbox, input.radio { position:relative; top:.25em; }
    
    select {width: 243px;}
    /* formulieren van autoforms module */
    
    #autoform {width: 370px;float: left;}
    #autoform th {padding:3px 20px 3px 0px; }
    #autoform input.submit {float: right;margin: 10px 3px 0 0;}
    #formulierenfoto {width: 363px;float:right;}


/* shadows around the content en footermenu */

        /* shadows content and footermenu */
        
        #wrapper
        {
            background: transparent url(../img/belibali_bg_shadow_wrapper.png) repeat-y scroll left top
        }

        #wrappershadowtopleft
        {
            height:300px;
            background: top left no-repeat url(../img/belibali_bg_wrapper_top_left.png);
        }
        
        #wrappershadowtopright
        {
            height:400px;
            background: top right no-repeat url(../img/belibali_bg_wrapper_top_right.png);        
        }
        
        /* shadows bottom wrapper */
        
        
       #shadowbottom
       {
            height: 8px;
            width: 811px;
            float: left;
            background: top left repeat-x url(../img/belibali_bg_footer_bottom.png);
       }
       
       #shadowbottomleft
       {
            height:8px;
            background: bottom left no-repeat url(../img/belibali_bg_footer_shadow_left.png);
       }
       
       #shadowbottomright
       {
            height:8px;
            background: bottom right no-repeat url(../img/belibali_bg_footer_shadow_right.png);       
       }


/* lists in navigation, supportive links and subnavigation */

        .listleft,
        .listright
        {
            display: inline;
        }

        #supportivelinks li,
        #navigation li,
        #subnavigation li
        {
            display: inline;
        }
        
        #supportivelinks li a,
        #navigation li a,
        #subnavigation li a
        {
            text-decoration: none;
        }

        #supportivelinks ul
        {
            text-align: right;
            padding-top: 5px;
            float: right;
            display: inline;
            width: 400px;
        }
        
        #supportivelinks ul li
        {
            padding: 0 10px;
            border-right: 1px solid #8d8c8c;
        }
        
        #supportivelinks ul li.last
        {
            border: none;
        }
        
        
        #supportivelinks ul li a
        {
            color: #8d8c8c;
        }
        
        #supportivelinks form .linkalikebutton {border:none;background-color:#FFF;color:#8D8C8C;padding-top:3px;font-size:101%;}
        #supportivelinks form {display: inline; float: right; }
       
    /* navigation menu */

       
        #navigation ul
        {
            margin-left: 227px;
            height: 100%;
        }
        
        #navigation ul li a
        {
            display: block;
            float: left;
            height: 100%;
            width: 93px;
            text-align: center;
        }
        
        #navigation ul li.selected a,
        #navigation ul li.subselected a
        {
            background: top left repeat-x url(../img/belibali_bg_navigation_selected.png);
        }
        
        #navigation ul li a
        {
            color: #000;
        }

        
    /* subnavigation menu */

        
        #subnavigationwrapper
        {
            padding: 0px 13px;
        }
        
        #subnavigation
        {
            margin-top: 6px;
        }
        
        #subnavigation ul
        {
            height: 22px;
            width: 785px;
            background: bottom left repeat-x url(../img/belibali_bg_subnavigation.png);
        }

        #subnavigation ul li
        {
            float: left;
            height: 22px;
        }
        
        #subnavigation ul li a
        {
            display: block;
            float: left;
            padding: 0px;
            color: #413e3e;
            padding: 5px 5px 0 5px;
            height: 17px;
        }
        
        #subnavigation ul li.selected a
        {
            border-top: 1px solid #dfdfe8;
            height: 18px;
            padding-top: 4px;
            background-color: white;
        }

        #subnavigation ul li .listleft
        {
            display: block;
            float: left;
            width: 15px;
            height: 22px;            
        }

        #subnavigation ul li.selected .listleft
        {
            background: bottom left no-repeat url(../img/listleft.png);
        }

        #subnavigation ul li .listright
        {
            display: block;
            float:left;
            width: 14px;
            height: 22px;        
        }
        
        #subnavigation ul li.selected .listright
        {
            background: bottom right no-repeat url(../img/listright.png);
        }
        


/* content */


        #contentstop
        {
           padding: 20px 20px 14px 20px;
        }


    /* incoontjes en title */
    
   
    
        #pagetitle
        {
            float: left;
            width: 605px;
            color:#ccccce;
        }    
        
        #icons
        {
            width: 100px;
            float: right;
            text-align: right;
        }
        
        #icons img
        {
            padding: 0px 0px 0px 2px;
        }

        #container #icons a:hover
        {
            background-color: #fff;
        }


    /* pagecontent layout */


        #content h1
        {
            margin-bottom: 22px;
        }
        
        #content h2
        {
            margin-bottom: 8px;
        }
        
        #content p
        {
            margin-bottom: 20px;
        }
        
        #content a:hover
        {
            background-color: #DC8E05;
            color:#413E3E;
        }
        
        #content img.right
        {
            margin: 1em 0 0 20px;
        }
        
        .pagecontent
        {
            padding: 0 20px 40px 20px;        
        }
        
        #col1 .pagecontent
        {
            padding: 0 20px 40px 20px;
        }
        
        #col2 .pagecontent
        {
            padding: 0 20px 40px 0px;
        }
        
        
        
        
    
    /*yellow borders */
    
        
        .border
        {
            border-left: 10px solid #dc8e05;
            padding-left: 1px;
            background-color: white;   
        }
    
    
    /* spotlights layout */
        
        
        #spotlights
        {
            margin: 0 20px 40px 0;
        }
        
        #spotlights h1
        {
            margin: 0 0 22px 20px;
        }
        
        #spotlights .spotlight
        {
            width:224px;
            height: 91px;
            float: left;
            margin-left: 20px;
        }
        
        #spotlights .spotlight img
        {
            float: left;
        }
        
        #spotlights .spotlight .spotlightdetails
        {
            width: 93px;
            height: 83px;
            float: left;
            background-color: #f1f1f1;
            color: #595959;
            padding: 4px;
        }
        
        #spotlights .spotlight .spotlightdetails h1
        {
            margin: 0px;
        }
        
        #spotlights .spotlight .spotlightdetails p
        {
            margin: 0px;
        }
                    
        #spotlights .spotlight .spotlightdetails img
        {
            float: left;
        }

        
   /* featured */
        
        #featured
        {
            margin: 0 0 40px 20px;
            float: left;
        }
        
        #featured #featured_items
        {
            background: top left repeat-y url(../img/belibali_bg_featureditems.png);
            padding-left:11px;
        }
        
p.leesmeer {float: right; text-align: right;}

#container #featured p.leesmeer img {float: left;}
        
.featured_item  {width: 154px;float: left;margin-right: 10px;color: #595959;}
        
        .featureditem_text
        {
            
            padding: 4px;
            width: 146px;
        }
        
#content .featured_item p   {margin: 0px; padding: 4px 6px;}
#content .featured_item h3 {padding: 4px 6px;}
#content .featured_item p.image {padding: 0px;}

/* newsletter */

#newsletter                     {margin-bottom: 40px;float: left;}
#newslettercontent              {color: #595959;width: 215px;padding: 10px;height: 220px;background-color: #F1F1F1;}
#newslettercontent form         {margin: 10px 0;}
#newslettercontent form input   {color: #595959;border: 1px solid #b4b4b4;width: 205px;font-size: 8pt;margin-bottom: 5px;padding: 4px;}
#newslettercontent input.submit {width: auto;height: auto;float: right;margin-right: -5px;border: none;}
#newslettercontent td p         {margin: 0px;}

/* footer menu */


        #footermenu
        {   
            background: top left repeat-x url(../img/belibali_bg_footermenu.png) #DC8E05;
        }
        
        #footermenuwrapper
        {
            background-position: top left;
            background-repeat: repeat-y;
            background-image: url(../img/belibali_bg_footermenuwrapper.png);            
            width: 745px;
        }
        
        #footermenuitems,
        #footermenugoogleads
        {
            float: left;
          /*  background-color: #e09a1e;*/
            color: white;
        }
        
        #footermenuitems a,
        #footermenugoogleads a
        {
            color: #f9d89f;
            text-decoration: none;
            overflow: hidden;
        }        
        
        #footermenuitems
        {
            width: 547px;
            margin-right: 10px;
            padding: 10px
        }
        
        #footermenugoogleads
        {
            padding: 10px;
            width: 148px;
        }
        
        .footermenuitemslist
        {
            float: left;
            width: auto;
            margin-right: 20px;
        }
        
        #footermenuitems h1
        {
            margin-bottom: 22px;
        }
        
        .footermenuitemslist h2
        {
            font-size: 100%;
        }
        
        #supportivefootermenu
        {
            float:left;
        }
        
        #supportivefootermenu ul
        {
            padding: 10px;
        }
        
        #supportivefootermenu ul li
        {
            display: inline;
            padding: 0 10px;
            border-right: 1px solid #595959;
        }
        
        #supportivefootermenu ul li.last
        {
            border: none;
        }

        #supportivefootermenu ul li a
        {
            color: #595959;
            text-decoration: none;
        }
        
        #poweredby
        {
            float: right;
            color: #595959;
        }
        
        #poweredby img
        {
            padding-top: 10px;
        }
        
        #poweredby p
        {
            width: 140px;
            float: left;
            padding: 20px;
        }
        
        #update
        {
            clear: both;
            padding-left: 20px;
            color: #acacad;
        }
        
/* articles */


        #col1
        {
            float: left;
            width: 392px;
        }
        
        #col2 
        {
            float: left;
            width: 392px;
        }
        
        #content .articledate p
        {
            color: #CCCCCE;
            margin: 0px;
        }
        
        .articledate
        {
            margin-bottom: 20px;
        }
        
        .pageoptions
        {
            margin-bottom: 20px;
            font-size: 8.5pt;
        }
        
        td.pageoption
        {
            width: 33%;        
            padding: 0 0.4em 0 0.2em;
        }
        
        .pageoption img
        {
            padding: 0 0.2em 0 0;
            border-right: 1px solid #413E3E;
            position: relative;
            top: 2px;
            margin-right: 0.2em;
        }
        
        #content .pageoption a
        {
            text-decoration: none;
            color: #413E3E;
        }
        
        #content .pageoption a:hover
        {
            background-color: #fff;
        }

        
        .popularity_lists
        {
            margin-bottom: 20px;
        }
        
        .popularity_lists table
        {
            width: 100%;
        }
        
        .popularity_lists td
        {
            width: 50%;
        }
        
        .popularity_lists li
        {
            list-style-type: decimal;
            list-style-position: inside;
            line-height: 1.5em;
        }
        
        .popularity_lists li a
        {
            text-decoration: none;
            color: #413E3E;
        }
        
        .popularity_lists li a:hover
        {
            text-decoration: underline;
        }
        
        .bookmarkoptions
        {
            line-height: 1.5em;
        }
        
        #related_articles
        {
            margin-bottom: 40px;
        }
        
        #article_overview
        {
            background-color: #F1F1F1;
            padding: 0 1px;
        }
        
        .article_summary
        {
            padding: 8px 0 8px 10px;
        }
        
        .article_summary:hover
        {
            background-color: #DC8E05;
        }
        
        .article_summary_image
        {
            vertical-align: top;
            padding-right: 7px;
        }
        
        #content .article_summary_text p
        {
            margin: 0px;
            font-size: 8.5pt;
            line-height: 1.2em;
        }
        
        #content .article_summary_text h2 a,
        #content .article_summary_text p a
        {
            color:#413E3E;
            text-decoration: none;
        }

        #content .article_summary_text h2 a:hover,
        #content .article_summary_text p a:hover
        {
            text-decoration: underline;
        }

        #col2 #newslettercontent
        {
            padding: 10px 10px 10px 140px;
            background: 10px 10px no-repeat url(../img/balinese_postal_service.jpg);
        }
        
/****************
 links styles 
 ****************/
 
        
        #links .pagecontent
        {
            background: top left repeat-y url(../img/belibali_bg_links.png);
            margin-bottom: 20px;
            line-height: 1.5em;
        }
        
        #links h1
        {
            background-color: #fff;
            padding-bottom: 20px;
            margin: 0px;
        }
        
        #links #col1,
        #links #col2,
        #links #col3
        {
            float: left;
            width: 224px;
            height: 100%;
            padding-left: 11px;
        }
        
        #links #col1,
        #links #col2
        {
            margin-right: 20px;
        }
        
        #links .links
        {
            padding: 10px;
            background-color: #F1F1F1;
        }
        
        #links .links a
        {
            text-decoration: none;
        }
        
        #links .links a:hover
        {
            background-color: transparent;
            color: #DC8E05;
        }
        
/********************
    Photo gallery
*********************/

    #photogallery
    {
        padding: 20px 20px 20px 10px;
        background: top left repeat-x url(../img/belibali_bg_gallery.png) #000;
    }
    
    #photogallery_categories
    {
        width: 232px;
        float: left;
        margin-right: 10px;
    }
    
    #photogallery_categories li
    {
        width: 218px;
        height: 15px;
        padding: 7px;
    }
    
    #photogallery_categories li.selected
    {
        background: top left no-repeat url(../img/belibali_bg_gallery_category.png);    
    }
    
    #photogallery_categories li a
    {
        color: white;
        text-decoration: none;
        font-size: 120%;
    }
    
    #photogallery_categories li a:hover
    {
        color: #DC8E05;
    }
    
    #photogallery_categories li.selected a:hover
    {
        color: black;
    }
    
    #photo
    {
        text-align: center;
        height: 270px;
    }

    #photo img
    {
        padding: 10px;
        background-color: #fff;
        max-width: 450px;
        overflow:hidden;
    }

    #photos
    {
        background-color: #1a1a1a;
        padding: 10px;
        margin-top: 10px;
        width: 455px;
        float:right;
    }
    
    #photos .item
    {
        float: left;
    }
    
    #photos .navigationbutton
    {
        margin-top: 5px;
    }
    
    #photos .item a
    {
        margin: 5px;
        display: block;
    }
    
    #photos .item a:hover,
    #photos .item.selected a
    {
        padding: 5px;background-color: #DC8E05;
    }
    
    #photos .item a:hover img,
    #photos .item.selected a img
    {
        width: 30px;
        height: 30px;
    }
    
    #photos .item.selected a
    {
        background-color: #fff;
    }
    
    #photos .item a img
    {
        width: 40px;
        height: 40px;
            
    }
    
    #photo_navigation .previous
    {
       
    }