@charset "UTF-8";
/* CSS Document */

body{
margin:0;
padding:0;
font-family:Arial, Helvetica, sans-serif;
color:#b4b4b4;
font-size:1em;
background-image:url(http://www.keltambiorix.be/App_Themes/dekelt/images/bg_repeater.png);
background-position:left bottom fixed;
background-repeat:repeat-x;
background-color:#808080;
z-index:1;
} 



#kelt_container, #row1 .birthday,  .content_container, #row1 .calender,  .fotogallery .paging{
behavior:url(http://www.keltambiorix.be/iepngfix.htc);
}

#kelt_container{
background-image:url(http://www.keltambiorix.be/App_Themes/dekelt/images/knot_biggest.png);
background-position:left bottom fixed;
background-repeat:no-repeat;
z-index:10;
}

#wrapper{
margin:0;
padding:0;
width:920px;
margin-left:auto;
margin-right:auto;
}

#wrapper .col_left{
float:left;
width:350px;
margin:20px 24px 0 0;
}

#wrapper .col_right{
float:left;
width:545px;
margin:20px 0 0 0;
}

ul,li{
margin:0;
padding:0;
list-style-type:none;
}


a{
color:#a0ab0a;
}

/* NAVIGATION */

#nav a,
#subnav a 
{
color:#a0ab0a;
display:block;
padding:0.8em 1.25em 0.8em 1.26em;
text-decoration:none;
font-size:0.8em;
margin:0 0 0 0;
background:#2f2f2f;
border-right:1px solid #000;
}

#nav li.last a,
#subnav li.last a 
{
border-right:none;
}

#subnav a{
background:#1c1c1c;
}

#nav
{
width:920px;
float:left;
margin:20px 0 1px 0;
background:#2f2f2f;
}

#subnav{
width:920px;
float:left;
margin:0 0 0 0;
background:#1c1c1c;
}

#nav li,
#subnav li
{
float:left;
}

#nav li a:hover{
color:#fff;
background:#a0ab0a;
}

#nav li .active{
color:#fff;
background:#a0ab0a;
}

#subnav li .active{
color:#b4b4b4;
background:#2F2F2F;
}

#subnav li a:hover{
color:#b4b4b4;
background:#2F2F2F;
}

/* LAY OUT IS DIVIDED IN 2 ROWS */


#logo{
width:300px;
margin:0 23px 20px 0;
float:left;
}

#logo img{
border:none;
padding:0 0 0 25px;
}

#logo .dekelt_logo{
display:block;
background-image:url(http://www.keltambiorix.be/App_Themes/dekelt/images/kelt_logo.png);
width:265px;
height:191px;
margin:5px 0 0 30px;
}

/* BIRTHDAY BLOCK */

.birthday{
width:260px;
float:left;
margin-right:23px;
background-image:url(http://www.keltambiorix.be/App_Themes/dekelt/images/knot_small.png);
background-position:right bottom;
background-repeat:no-repeat;
background-color:#2f2f2f;
}

.birthday ul,
.birthday li{
margin:0;
padding:0;
}

/* CALENDER BLOCK */

.calender{
width:260px;
float:left;
background-image:url(http://www.keltambiorix.be/App_Themes/dekelt/images/knot_small.png);
background-position:right bottom;
background-repeat:no-repeat;
background-color:#2f2f2f;
}

.birthday h1,
.calender h1
{
margin:0;
padding:0;
color:#fff;
font-size:1em;
background:#a0ab0a;
padding:5px 5px 5px 20px;
}
 
.birthday a,
.calender a
{
margin:0;
display:block;
padding:5px 0 5px 20px;
font-size:0.8em;
text-decoration:none;
border-bottom:1px solid #000;
}

.calender a{
height:39px;
}

.calender .last{
height:15px;
}


.birthday a:hover,
.calender a:hover
{
display:block;
background-image:url(http://www.keltambiorix.be/App_Themes/dekelt/images/bg_bekijk.png);
behavior:url(http://www.keltambiorix.be/iepngfix.htc);
}
.birthday a b,
.calender a b
{
font-weight:normal;
}

.birthday a i{
color:#a7a7a7;
font-style:normal;
}

.calender a i{
display:block;
font-style:normal;
color:#a7a7a7;
line-height:1.2em;
}

.calender .last,
.birthday .last
{
background-image:url(http://www.keltambiorix.be/App_Themes/dekelt/images/bg_bekijk.png);
width:240px;
background-repeat:repeat;
behavior:url(http://www.keltambiorix.be/iepngfix.htc);
}

/* CONTENT CONTAINER */

 .content_container{
float:left;
width:545px;	
background-image:url(http://www.keltambiorix.be/App_Themes/dekelt/images/knot_big.png);
background-position:left bottom;
background-repeat:no-repeat;
background-color:#2f2f2f;
}



 .content_container_2{
float:left;
margin-top:20px;
}

 .content_container .content_containeritem{
margin:10px 0 0 0;
padding:0 20px 20px 20px;
float:left;
width:505px;
}

 .content_container h1{
margin:0 0 0 0;
color:#fff;
font-size:1em;
background:#a0ab0a;
padding:5px 5px 5px 20px;
}

 .content_container .foto_container h1{
margin:0 0 0 0;
color:#fff;
font-size:1em;
background:#a0ab0a;
padding:5px 5px 5px 20px;
}

 .content_container .content_containeritem img{
float:right;
margin:0 0 15px 15px;
width:120px;
border:1px solid #000;
clear:left;
}

 .content_container .content_containeritem p{
font-size:0.8em;
}

 .content_container .content_containeritem h2{
margin:0 0 3px 0;
padding:0;
color:#a0ab0a;
font-size:0.9em;
}

 .content_container .content_containeritem h3{
margin:0;
padding:0;
color:#a0ab0a;
font-size:0.7em;
font-weight:normal;
}

 .content_container .more{
font-size:0.8em;
text-decoration:none;
}

 .content_container .more:hover{
font-size:0.8em;
text-decoration:underline;
}

/* FOTOGALLERY OVERVIEW LEFT  */

.fotogallery{
float:left;
width:350px;
margin:0 0 0 0;
background-color:#2f2f2f;
}



 .fotogallery .galleryitem{
margin:0 0 0 0;
padding:5px 20px 5px 20px;
float:left;
width:309px;
}

 .fotogallery .active{
background-image:url(http://www.keltambiorix.be/App_Themes/dekelt/images/bg_bekijk.png);
background-repeat:repeat;
}



 .fotogallery h1{
margin:0 0 10px 0;
color:#fff;	
font-size:1em;
background:#a0ab0a;
padding:5px 5px 5px 20px;
}

 .fotogallery .galleryitem .col_foto{
width:85px;
float:left;
margin:0 10px 0 0;
clear:right;
}


 .fotogallery .galleryitem .col_foto_content{
width:210px;
float:left;
margin:0;
}

 .fotogallery .galleryitem .col_foto img{
float:left;
border:none;
width:85px;
}

 .fotogallery .galleryitem b,
 .fotogallery .galleryitem i{
font-size:0.8em;
}

 .fotogallery .galleryitem b a{
display:block;
color:#b4b4b4;
text-decoration:none;
}

 .fotogallery .galleryitem b a:hover{
color:#b4b4b4;
text-decoration:underline;
}



 .fotogallery .galleryitem h2{
margin:0 0 3px 0;
padding:0;
color:#a0ab0a;
font-size:0.8em;
text-decoration:none;
}

 .fotogallery .galleryitem h2 a{
text-decoration:none;
}

 .fotogallery .galleryitem h2 a:hover{
text-decoration:underline;
}

 .fotogallery .galleryitem h3{
margin:0 0 10px 0;
padding:0;
color:#a0ab0a;
font-size:0.7em;
font-weight:normal;
}

 .fotogallery .paging{
float:left;
background-image:url(http://www.keltambiorix.be/App_Themes/dekelt/images/bg_bekijk.png);
padding:10px 20px 10px 20px;
width:310px;
font-size:1em;
}

.col_left .fotogallery .paging .active{
text-decoration:underline;
}

.col_left .fotogallery .paging a{
color:#A0AB0A;
margin:0 5px 0 0;
padding:0 5px 0 5px;
xfont-size:0.7em;
text-decoration:none;
}

 .fotogallery .paging a:hover{
text-decoration:underline;
}

 .fotogallery .paging .last{
border-right:none;
}


.content_container .paging{
float:left;
background-image:url(http://www.keltambiorix.be/App_Themes/dekelt/images/bg_bekijk.png);
padding:10px 20px 10px 20px;
behavior:url(http://www.keltambiorix.be/iepngfix.htc);
xfont-size:1em;
width:505px;
}

.content_container .paging .active{
text-decoration:underline;
}

.paging a{
color:#a0ab0a;
margin:0 5px 0 5px;
padding:0 5px 0 0;
text-decoration:none;
font-size:0.8em;
}

.paging a:hover{
text-decoration:underline;
}

.paging .last{
border-right:none;
}


/* Birthdays */

.container_birthdays{
padding:10px 0 10px 20px;
float:left;
width:300px;
}

.container_birthdays h2{
margin:0;
padding:0 0 10px 0;
color:#a0ab0a;
font-size:1.4em;
}


.container_birthdays li{
font-size:0.8em;
}

.container_birthdays li i{
color:#a0ab0a;
font-style:normal;
padding:0 0 0 5px;
}
.container_birthdays i:before
{
content: "(";
}

.container_birthdays i:after
{
content: ")";
}

.container_tags{
float:left;
padding:0 0 10px 20px;
margin:10px 0 0 0;
width:520px;
}

.container_tags li{
float:left;
padding:0 5px 0 0;
font-size:0.8em;
line-height:18px;
}

.container_tags a:hover{
color:#a7a7a7;
}

.container_tags li:after{
padding:0 0 0 5px;
}




/* twitters */

.twitters{
padding:10px 0 20px 0;
font-size:0.8em;
}

.twitters ul{
margin:0 0 0 35px;
}

.twitters li{
list-style-type:disc;
color:#a0aboa;
}

.twitters i{
color:#a0ab0a;
font-style:normal;
padding:0 0 0 5px;
}

.twitters i:before
{
content: "(";
}

.twitters i:after
{
content: ")";
}

/* Links */
.link_container{
padding:0 0 20px 0;
font-size:1em;
float:left;
}

.link_container ul{
margin:0 0 0 35px;
}

.link_container li{
list-style-type:disc;
color:#a0aboa;
}

.link_container a{
font-size:0.8em;
}

.link_container a:hover{
color:#b4b4b4;
}



/* CONTACT FORM */


#contact{
width:340px;
float:left;
font-size:1em;
color:#a7a7a7;
padding:10px 0 10px 20px;
font-size:0.8em;
}

#contact p{
margin:0;
padding:0 0 10px 0;
}

#contact li{
margin:0 0 8px 0;
float:left;
}

#contact input{
font-family:Arial, Helvetica, sans-serif;
width:200px;
border:none;
background:#a0ab0a;
padding:5px;
font-size:1em;
color:#fff;
text-indent:0.3em;
}

#contact label{
width:100px;
display:block;
float:left;
text-align:left;
padding:3px 10px 0 0;
}

#contact textarea{
font-family:Arial, Helvetica, sans-serif;
width:200px;
height:80px;
border:none;
background:#a0ab0a;
padding:5px;
font-size:1em;
color:#fff;
text-indent:0.3em;
}

#contact .required{
padding:0 0 0 5px;
color:#FF0000;
}

#contact .required_message{
width:190px;
padding:10px;
float:left;
background:#ffcc00;
color:#000;
margin:10px 15px 5px 110px;
font-weight:bold;
}

#contact .required{
padding:0 0 0 5px;
color:#FF0000;
}

#contact .genrequired{
color:#ff0000;
padding:0 0 10px 0;
}

.buttons{
width:340px;
float:left;
}

.btnright{
float:right;
display:block;
margin:0 20px 0 0;
}

.btnsubmit{
color:#fff;
background:#a0ab0a;
width:129px;
height:33px;
text-decoration:none;
}

.btnsubmit:hover{
color:#232323;
}

.btnsubmit u{
display:block;
padding:6px 0 0 0;
text-align:center;
font-weight:bold;
font-size:1.3em;
text-decoration:none;
}



/* events */

.events{
margin:10px 0 0 20px;
font-size:0.8em;
line-height:18px;
float:left;
}

.events .event_detail{
margin:0 0 0 0;
padding:10px 0 20px 0;
float:left;
border-bottom:1px solid #232323;

}

.events .event_detail img
{
float:left;
width:120px;
border:1px solid #000;
margin:0 0 20px 0;
}

.events .event_detail .event_title{
color:#a0ab0a;
font-size:1.5em;
}

.events .event_detail .event_date {
padding:0 0 3px 0;
color:#999;
}

.events .event_detail .event_description{
padding:10px 0 10px 0;
}

.events .event_detail ul{
width:370px;
float:left;
margin:0 0 0 20px;
}

.events .event_detail .pipe{
color:#666;
padding:0 5px 0 5px;
}


/* PHOTO GALLERY RIGHT */

/* thumbscontainer */

.thumbs_container{
margin:10px 0 0 0;
}

.thumbs_container img{
border:1px solid #a0ab0a;
}

.thumbs_container .thumbs_table{
margin-left:auto;
margin-right:auto;
}

.thumbs_container .thumbs_table tr{
vertical-align:bottom;
}

.thumbs_container .thumbs_table tr td{
padding:0 4px 8px 0;
}

.thumbs_container h2{
margin:0 0 15px 0;
padding:0 0 0 20px;
color:#a0ab0a;
font-size:0.9em;
}

/* picture container */

.picture_container{
float:left;
margin:0;
padding:0;
}

.content_container .picture_container img{
text-align:center;
display:block;
margin-top:-145px;
float:left;
width:545px;
}

.content_container .picture_header{
width:545px;
background:url(http://www.keltambiorix.be/App_Themes/dekelt/images/bg_picture_header.png) left top;
background-repeat:repeat;
position:relative;
top:0;
height:45px;
float:left;
font-size:0.8em;
line-height:18px;
}

.content_container .picture_header b{
display:block;
padding:5px 0 0 20px;
margin:0;
color:#a0ab0a;
}

.content_container .picture_header i{
float:right;
padding:0 10px 0 0;
}

.content_container .picture_header a{
padding:5px 0 0 20px;
color:#ccc;
text-decoration:none;
}

.picture_previous{
display:block;
position:relative;
width:270px;
height:100px;
top:20px;
float:left;
background:url(http://www.keltambiorix.be/App_Themes/dekelt/images/gallerynav_left.png) left top;
background-repeat:no-repeat;
}

.picture_next{
display:block;
position:relative;
width:270px;
height:100px;
top:20px;
float:right;
background:url(http://www.keltambiorix.be/App_Themes/dekelt/images/gallerynav_right.png) right top;
background-repeat:no-repeat;
}


/* foto van de week overzicht */

.col_right .albums_container{
width:545px;
float:left;
}


.col_right .albums_container .galleryitem{
width:90px;
font-size:0.7em;
margin:20px 20px 10px 20px;
}

.col_right .albums_container .galleryitem a{
}

.col_right .albums_container .albums_table td{
vertical-align:top;
}

.col_right .albums_container .galleryitem .col_foto{
height:85px;
}

.col_right .albums_container .galleryitem img{
width:90px;
vertical-align:top;
}

.col_right .albums_container .galleryitem h2{
font-size:1.2em;
margin:0;
}

.col_right .albums_container .galleryitem h3{
margin:5px 0 5px 0;
}






/* footer */

.footer_bottom{
float:left;

}

.footer_bottom p{
text-align:right;
font-size:0.8em;
margin:10px 0 0 0;
width:910px;
}