/* boven rechts onder links 
#A3C02A gifgroen
#1B7C8D blauwgroen*/

/*))))))))))))))=reset.css(((((((((((((((*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, address, th, td {
margin:0;
padding:0;
border: none;
border-collapse: collapse;
}

body, html{
font-family: Arial, Verdana, Helvetica, sans-serif;
font-weight: normal;
font-size: 62.5%;                                   /* 1em is vanaf nu 10px */
background: #000;
}

ul{
list-style: none;
}

h1, h2, h3, h4, h5, h6{
color: #A3C02A;
}

h1{
font-size: 1.5em;
}

h1.hidden{
display: none;
}

a{
text-decoration: none;
}

a.tekst:link, a.tekst:visited{
color: #A3C02A;
}

a.tekst:hover, a.tekst:active{
color: #FFF;
}

a.menu:link, a.menu:visited{
color: #FFF;
}

a.menu:hover, a.menu:active{
color: #A3C02A;
}

img.floatleft{
float: left;
margin: 5px;
border: 1px solid #444;
}

img.floatright{
float: right;
margin: 5px;
border: 1px solid #444;
}

p.indent{
background: url(http://www.tveldeke.be/_img/tveldeke_homepage/images/pijl_blauw.gif) no-repeat 2px 16px;
padding: 10px 0px;
text-indent: 20px;
}

p.clear{
clear: both;
}

#home img.nobrdright{
border-style: none;
float: right;
}

#home img{
border: 1px solid #444;
margin: 5px;
}

#main_container{
width: 922px;
margin: 0 auto;
}

#header_container{
width: 100%;
height: auto;
padding: 2em 0 2em 0;
background: #000;
color: #FFF;
text-align: left;
}

#header_container ul{
font-size: 120%;
}

#body_container{
background: url(_img/tveldeke_homepage/images/content_bkgrnd.gif) repeat-y;
overflow: auto;
width: 100%;
}

#links_container{
float: left;
width: 23.5%;
height: auto;
color: #FFF;
}

#content_container{
width: 75%;
font-size: 200%;
padding: 5px 5px 5px 5px;
color: #FFF;
float: right;
}

#content_container p{
padding: 0px 0 30px 0;
}

#footer_container{
clear: both;
width: 922px;
height: 43px;
background: #000;
width: 100%;
text-align: right;
margin: 0 auto;
color: #FFF;
}

#footer{
padding: 12px 5% 0 0;
font-size: 1.8em;
}

#tveldekebalk{
text-align: left;
padding: 5px 0 17px 0;
}

#adresvak address{
width: 95%;
height: auto;
font-style: normal;
padding: 30px 0 0 0;
}

#adresvak address a{
padding: 0;
}

#navigatie{
height: auto;
width: 100%;
text-align: center;
font-weight: bold;
color: #FFF;
padding: 0 0 0.7em 0;
}

/*navigatie en links*/
#navigatie ul{
padding: 10px 0 10px 0;
}

#navigatie li{
display: inline;
font-size: 180%;
}

#navigatie img.nav{
border-style: none;
position: relative;
top: 2px;
}

#navigatie a{
font-weight: bold;
text-decoration: none;
padding: 6px 5px 0 5px;
border-style: none;
}

span.actief{
color: #A3C02A;
}

#nav_bestuur{
padding-bottom: 30px;
}

#nav_links{
font-size: 2em;
}

#nav_links ul{
padding: 10px 0 10px 0;
}

#nav_links li{
margin: 10px 0 0 0;
padding: 0 0 0 10px;
}

#nav_links li.actiefgroen{
background: url(_img/tveldeke_homepage/images/pijl_groen.gif) no-repeat 0 5px;
color: #A3C02A;
}

#nav_links li.actiefblauw{
background: url(_img/tveldeke_homepage/images/pijl_blauw.gif) no-repeat 0 5px;
color: #1B7C8D;
}

#nav_links li.nonactief{
background: url(_img/tveldeke_homepage/images/pijl_wit.gif) no-repeat 0 5px;
}

#home ul{
margin: -20px 0 10px 0;
}

#home li{
background: url(_img/tveldeke_homepage/images/pijl_wit.gif) no-repeat 0 7px;
margin: 4px 0 0 0;
padding: 0 0 0 15px;
}

#home, #doel, #nieuwsbrief{
padding: 0 20px 0 20px;
text-align: justify;
}

#home, #bestuur, #agenda, #route, #nieuwsbrief H1{
/*display: none;*/
}

#doel H1{
padding-bottom: 30px;
}

#home H2, #doel H2, #nieuwsbrief H2{
font-weight: normal;
letter-spacing: -1px;
padding-bottom: 10px;
}

#home H3, #doel H3, #nieuwsbrief H3{
padding: 0 0 30px 0;
color: #1B7C8D;
}

#doel ul{
padding: 0 0 10px 0;
margin-bottom: 20px; 
}

#doel li{
margin: 3px 0 0 100px;
padding: 0 0 0 10px;
background: url(_img/tveldeke_homepage/images/pijl_wit.gif) no-repeat 0 5px;
}

#opening ul{
padding: 10px 0 0 0;
}

#opening li{
margin: 3px 0 0 10px;
padding: 0 0 0 10px;
background: url(_img/tveldeke_homepage/images/pijl_wit.gif) no-repeat 0 5px;
}


#bestuur{
width: 95%;
height: auto;
padding: 0 20px 0 20px;
text-align: justify;
}

#bestuur_links{
width: 50%;
float:left;
}

#bestuur_rechts{
width: 50%;
float: right;
}

#links{
}

#links dl{
float: left;
width: auto;
margin: 1em 0;
padding: 0;
border-bottom: 1px solid #666;
vertical-align: middle;
}

#links dt{
clear: left;
float: left;
width: 250px;
margin: 0;
padding: 5px;
border-top: 1px solid #666;
font-weight: bold;
text-align: right;
}

#links dd{
float: left;
width: 420px;
margin: 0;
padding: 5px;
border-top: 1px solid #666;
}

/*--eerste 3 elementen van agenda--*/
#agenda_short{
width: 95%;
height: auto;
padding: 10px 0 10px 0;
}

#agenda_short hr{
border: 0;
height: 1px;
background-color: #666;
}

#agenda_short dl{
text-align: left;
margin: 0 0 0 1px;
}

#agenda_short dt{
font-size: 1.2em;
}

#agenda_short dt.vandaag{
background-color: #000;
}

#agenda_short dd.vandaag{
background-color: #000;
}

/*--bier van de maand--*/
#biervdmaand{
width: 95%;
height: auto;
padding: 10px 0 20px 0;
}

#biervdmaand H4{
color: #1B7C8D;
padding-top: 5px;
padding-bottom: 10px;
}

#biervdmaand li{
margin: 0;
font-size: 1.2em;
}

/*--openingsuren--*/
#opening{
width: 95%;
height: auto;
padding: 10px 0 20px 0;
}

/*--facebookkadertje--*/
#fb-content {        /*om de randen weg te krijgen, iframe in een div waarvan de randen overlappen*/
border: 2px solid #000;
height:260px;
left:-2px;
overflow:hidden;
position:relative;
top:2px;
width:210px;
z-index:10;
}
#fb-content iframe {
left:-5px;
overflow:hidden;
position:relative;
top:-2px;
}

#agenda{
width: 95%;
height: auto;
padding: 0 20px 0 20px;
text-align: justify;
}

#route{
width: 95%;
height: auto;
padding: 0 20px 0 20px;
}

#route ol{
margin: 20px 20px 10px 35px;
}

#route H2{
padding: 10px 0 10px 0;
}

#route H3{
padding: 10px 0 10px 0;
clear: both;
}

#route H4{
color: #1B7C8D;
padding: 10px 0 10px 0;
clear: both;
}

#route p{
padding: 10px 0 10px 0;
}

#route ul li{
margin: 3px 0 0 15px;
padding: 0 0 0 10px;
background: url(_img/tveldeke_homepage/images/pijl_wit.gif) no-repeat 0 5px;
}

#route .routefotos{
padding: 10px 0 30px 0;
}

#route .routefotos img{
border: 1px solid #A3C02A;
margin: 5px 15px 5px 15px;
display: block;
float: left;
}

#googlemap{
padding: 20px 0 20px 20px;
float: left;
}

#nieuwsbrief form{
width: 300px;
margin: 0 0 20px 0;
}

#nieuwsbrief form fieldset{
/* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
border-color: #FFF;
border-width: 1px;
border-style: solid;
padding: 10px;        /* padding in fieldset support spotty in IE */
margin: 0;
}

#nieuwsbrief form fieldset label{ 
display: block;  /* block float the labels to left column, set a width */
float: left; 
width: 80px; 
padding: 0; 
margin: 7px 10px 3px 0; /* set top margin same as form input - textarea etc. elements */
text-align: right;
color: #1B7C8D;
}

#nieuwsbrief form fieldset ul{
float: left;
width: 150px;
}

#nieuwsbrief form fieldset ul li{
display: table;
}

#nieuwsbrief form fieldset ul li label{
text-align: left;
padding: 0;
}

input.field{
width: 185px;
}

#nieuwsbrief form fieldset ul li input{ 
float: left;
padding: 0; 
margin: 9px 5px 0 5px;
}

#nieuwsbrief form fieldset input{
margin: 5px 0 5px 0;
background: #000;
border: 1px dashed #A3C02A;
color: #FFF;
}

#nieuwsbrief form fieldset input.knop{
float: right;
position: relative;
top: 28px;
left: -2px;
margin: 5px 0 5px 0;
background: #000;
border: none;
color: #A3C02A;
}

#nieuwsbrief form fieldset input.knop:hover{
color: #FFF;
}

#nieuwsbrief br{
clear: left;
}

/*-------------------------------------------------------*/
#bestuur dl{
width: 320px;
text-align: left;
margin: 0 0 0 1px;
}

#bestuur dt{
width: 82px;
height: 110px;
text-align: left;
background: #000;
padding: 5px 5px 0 0;
float: left;
}

#bestuur dd{
height: 95px;
background: #000;
float: none;
margin: 10px 0 10px 82px;
padding: 20px 5px 0px 5px;
}

#bestuur dt img{
border: 1px solid #444;
}

/*-------------------------------------------------------*/
#fotos{
width: 95%;
height: auto;
padding: 0 20px 0 20px;
text-align: left;
}

#fotos dl{
width: 100%;
margin: 2em 0;
padding: 0;
}

#fotos dt{
width: 205px;
}

#fotos dd{
height: 142px;
/*border-left: 1px solid #FFF;*/
margin-left: 210px;
padding: 5px 0 5px 5px;
}

#fotos dt img{
border: 1px solid #444;
float: left;
}

#fotos hr{
border: 0;
height: 1px;
background-color: #666;
}

#fotos dd li{
padding: 5px 0;
}

#fotos dd h2{
color: #1B7C8D;
}

#fotos p{
padding: 10px 0;
}

#foto_thumbs{
padding: 10px 0 30px 0;
}

#showpic_thumbs{
/*padding: 15px 0 30px 40px;*/
text-align:center;
}

#showpic{
padding: 70px 0 10px 0;
text-align:center;
}

#showpic_thumbs img.speciaal{
border: 4px solid #444; /*#1B7C8D;*/
}

#showpic_thumbs img.normaal{
border: 1px solid #444;
}

#fotos img{
border: 1px solid #444;
}

table{
margin: 0 auto;
text-align: center;
}

#fotos table td.speciaal{
width: 128px;
height: 128px;
}

table td.buiten{
width: 50px;
}

table td.midden{
width: 500px;
}

#fotos img.noborder{
border: 0;
}

#showpic_thumbs table td{
width: 110px;
height: 128px;
text-align: center;
}

.centered{
text-align:center;
}

span.groen{
color: #A3C02A;
}

span.blauw{
color: #1B7C8D;
}

span.wit{
color: #FFF;
}

/*agendadinges*/
#agenda img{
border: 1px solid #444;
clear: left;
}

#agenda p.rss{
text-align: right;
font-size: 14px;
padding: 0;
}

#agenda p.rss img{
border-style: none;
}

#agenda ul{
margin: 0;
}

#agenda li{
background: url(_img/tveldeke_homepage/images/pijl_wit.gif) no-repeat 0 7px;
margin: 4px 0 0 0;
padding: 0 0 0 15px;
}

#agenda table{
width: 100%;
text-align: left;
border-collapse: collapse;
}

#agenda tr{
vertical-align: top;
}

#agenda td{
padding: 10px 0 10px 0;
border-top: 1px solid #666;
}

#agenda td.date{
background: url(http://www.tveldeke.be/_img/template/kalender_96x120.png) no-repeat 0 10px;
width: 96px;
height: 140px;
color: #000;
font-weight: bold;
padding-right: 70px;
text-align: center;
}

#agenda td.date span.maand{
font-size: 12px;
position: relative;
top: 28px;
}

#agenda td.date span.dag{
font-size: 68px;
position: relative;
top: 16px;
}

#agenda td.date span.weekdag{
font-size: 12px;
position: relative;
top: 4px;
}

#agenda span.titel{
font-size: 16px;
font-weight: bold;
color: #1B7C8D;
}

#agenda td p{
padding: 10px 0;
}

#agenda td.eerst{
border: none;
}

#agenda h2{
padding: 10px 0;
}