body {
    margin:0;
    padding:0;
    font-size:0.8em;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    color:#000000;
    background-image:url(../../images/Bambusa/layout/bg.gif);
  }


a {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #A04108;
    text-decoration:none;
    font-weight:bolder;
  }


a:hover {
    text-decoration:underline;
  }


a img {
    border:0;
  }


div.failure, p.failure {
    color:#8a0202;
    border:1px solid #8a0202;
    background-color:#ffcfca;
    text-align:center;
    padding:5px;
    margin:5px;
  }


div.success, p.success {
    color:#006600;
    border:1px solid #006600;
    background-color:#94d46e;
    text-align:center;
    padding:5px;
    margin:5px;
  }


table {
    border:2px solid #dddddd;
  }


th {
    border-bottom:2px solid #dddddd;
    background-color:#aaaaaa;
    text-align:left;
  }


td {
    text-align:left;
  }


tr.color1 td, .color1 {
    background-color:#FFFFFF;
  }


tr.color2 td, .color2 {
    background-color:#dddddd;
  }


.image-description, .gallery-description {
    text-align:center;
  }


.image-list-block {
    height:200px;
    margin-bottom:5px;
    border-bottom:1px dotted #000000;
  }


.big-thumb-link, .image-thumb-block {
    float:left;
    width:200px;
    height:200px;
    margin-right:5px;
  }


.image-thumb-block {
    height:200px;
    margin:2px;
  }


.pagelinks {
    text-align:center;
  }


.module-block {
    float:left;
    display:block;
    height:140px;
    width:140px;
    border:2px dotted #CCCCCC;
    margin:10px;
    text-align:center;
  }


.module-block p {
    margin:10px;
  }


.module-block p.h {
    background-color:#f5f5f5;
    margin:0;
    border-bottom:2px dotted #CCCCCC;
    text-align:center;
    line-height:20px;
    background-image:url(../../images/wwwcms/layout/thomas-ontwerp-kaal-admi-06.gif);
    background-repeat:no-repeat;
  }


.navigation {
    background-color : #000000;
    background-image : url(../../images/Bambusa/layout/bgtop.gif);
    background-repeat : repeat-x;
    color : #FFFFFF;
    font-weight : bold;
    height : 30px;
    line-height : 30px;
    overflow : visible;
    padding-left : 10px;
    padding-right : 10px;
    vertical-align : middle;
  }


.navigation ul {
    position : relative;
    list-style:none;
    list-style-image:none;
    display:block;
    margin:0;
    padding:0;
    height:30px;
    overflow:visible;
    left : 50%;
    margin-left:-375px;
    width:750px;
  }


.navigation ul li {
    display:block;
    float:left;
    width:150px;
    height:30px;
    padding:0;
    z-index:1000;
    position:relative;
    /* {/literal}{if strpos($smarty.server.HTTP_USER_AGENT, 'MSIE 6')}*/ _overflow:hidden;
    /* {/if}{literal}*/;
  }


.navigation ul li a {
    display:block;
    width:150px;
    height:30px;
    margin:0;
  }


.navigation ul li ul {
    background-color:#dda673;
    border:1px solid #dda673;
    height:auto;
    position:relative;
    z-index:100000;
    float:left;
    display:none;
    left:0;
    margin-left:0;
    position:static;
    width:auto;
  }


.navigation ul li ul li {
    display:block;
    width:150px;
    height:30px;
    padding-left:5px;
    padding-right:5px;
  }


.navigation ul li ul li ul {
    position:relative;
    z-index:200000;
    float:left;
    display:none;
    margin-left:155px;
    margin-top:-30px;
    width:150px;
    height:auto;
    /*{/literal}{if strpos($smarty.server.HTTP_USER_AGENT, 'MSIE 6')}*/ _margin-left:77px;
    /* {/if}{literal}*/;
  }


.navigation ul li:hover > ul, .navigation ul li.over ul {
    display:block;
  }


.navigation a, .navigation a:visited {
    color:#6b3505;
  }


.news {
    border:2px dotted #CCCCCC;
    border-bottom:2px solid #CCCCCC;
    margin-bottom:15px;
  }


.news .title {
    text-align:center;
    font-size:125%;
    border-bottom:2px dotted #CCCCCC;
    background-color:#f5f5f5;
  }


.news .title a.category {
    float:left;
    border-right:2px dotted #CCCCCC;
    border-bottom:2px dotted #CCCCCC;
    width:150px;
    margin-right:5px;
    margin-bottom:5px;
  }


.news .bottom-line {
    background-color:#f5f5f5;
    padding:2px;
  }


.news .article {
    padding:10px;
  }


.comment {
    margin-bottom:10px;
  }


.comment .content {
    border-bottom: 1px dashed #CCCCCC;
  }


.comment .details {
    font-size:85%;
    font-style:italic;
  }


.attachments {
    border-top:1px solid #b7850c;
    margin:10px;
  }


.attachment {
    margin:10px;
  }


.attachment img {
    vertical-align:middle;
  }


.maxwidth {
    width:99%;
  }


#site-header .header-image {
    height:110px;
    margin:-10px;
    margin-top:0;
  }


#site-content h1 {
    text-align:center;
    font-size:200%;
    text-decoration:none;
    font-variant:small-caps;
    color: #A04108;
  }


#site-content h2 {
    text-align:left;
    font-size:125%;
    font-style:italic;
    color: #A04108;
  }


#site-header, #site-content {
    padding:10px;
  }


#site-footer {
    clear:both;
    text-align:center;
    font-weight:bold;
  }


code {
    text-align:left !important;
  }

/* the overlayed element */
.simple_overlay {
    
    /* must be initially hidden */
    display:none;
    
    /* place overlay on top of other elements */
    z-index:10000;
    
    /* styling */
    background-color:#333;

    border:1px solid #666;
    
    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;  
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url('/web/images/Bambusa/layout/close.png');
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

/* the large image. we use a gray border around it */
#big-overlay-img {
}

/* "next image" and "prev image" links */
.next, .prev {
    
    /* absolute positioning relative to the overlay */

    position:absolute;
    top:40%;    
    border:1px solid #666;  
    cursor:pointer;
    display: block;
    padding:10px 20px;
    color:#fff;
    font-size:11px;
    
    /* upcoming CSS3 features */
    -moz-border-radius:5px;
    -webkit-border-radius:5px;  
}

.prev {
    left:0;
    border-left:0;
    -moz-border-radius-topleft:0;
    -moz-border-radius-bottomleft:0;
    -webkit-border-bottom-left-radius:0;
    -webkit-border-top-left-radius:0;
}

.next {
    right:0;
    border-right:0;
    -moz-border-radius-topright:0;
    -moz-border-radius-bottomright:0;
    -webkit-border-bottom-right-radius:0;
    -webkit-border-top-right-radius:0;  
}

.next:hover, .prev:hover {
    text-decoration:underline;
        display: none; /*tijdelijk weg?*/
    background-color:#000;
}

/* when there is no next or previous link available this class is added */
.disabled {
    visibility:hidden;      
}

/* the "information box" */
.info {
        display: none; /*tijdelijk weg?*/
    position:absolute;
    bottom:0;
    left:0; 
    padding:10px 15px;
    color:#fff;
    font-size:11px;
    border-top:1px solid #666;
}

.info strong {
        display: block; /*tijdelijk weg, was oorspronkelijk block?*/
}

/* progress indicator (animated gif). should be initially hidden */
.progress {
    position:absolute;
    top:45%;
    left:50%;
    display:none;
}

/* everybody should know about RGBA colors. */
.next, .prev, .info {
    background:#333 !important;
    background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;       
}

.navigation ul li ul li{
    height:auto;
    min-height:30px;
    background-color:#DDA673;
}

.navigation ul li ul li a{
    height:auto;
    min-height:30px;
}