/*
  Stylesheet voor www.asvtaste.nl

  @versie:  Gamma 02
  @datum:   mei 2005
  @auteurs: Andre Boekhorst
            Alwin Schoemaker
/*

/* >>>  Standaard HTML Entiteiten
_____________________________________________________________________________*/

body {
  font-family: Verdana, Geneva, Arial, sans-serif;
  font-size: .8em;
  margin: 0px;
  background-image: url(bgtile.gif);
}
a {
  color: #CC0000;
  text-decoration: none;
}
a:hover {
  color: #EE0000;
  text-decoration: underline;
}
a:visited {
  color: #DD0000;
}
img {
  border-style: none;
  border-width: 0px;
}
form {
  margin: 0px;
  padding: 0px;
}
hr {display: block; border: 1000px solid fuchsia;}

/* >>>  Logo & Menu
_____________________________________________________________________________*/

#schild {
  width: 300px;
  background-image: url(logo.gif);
  height: 100px;
}
#schild span {display: none;}
#schild h1{display: none;}
#schild a {
  display: block;
  background-image: url(logo.gif);
  margin: 0px;
  height: 98px;
  width: 304px;
}
.form_login { width: 100px;}
#menu {
  width: 120px;
  font-size: .7em;
  position: absolute;
  left: 0px;
  top: 100px;
  color: #FFFFFF;
  background-color: #CC0000;
  background-image: url(menubg.gif);
  background-repeat: repeat-y;
}
#menu a{
  color: #FFFFFF;
  display: block;
  padding-left: 15px;
  padding-top: 1px;
  padding-bottom: 2px;
  border-top: 1px solid #006600;
}
#menu a:hover{
  display: block;
  background-image: url(roodblokje.gif);
  background-repeat: no-repeat;
}
.menutitel{height: 17px;}
.menutitel span {display: none;}
#inloggen.menutitel {background-image: url(kop_inloggen.gif);}
#vereniging.menutitel {background-image: url(kop_vereniging.gif);}
#societeit.menutitel {background-image: url(kop_societeit.gif);}
#overheid.menutitel {background-image: url(kop_overheid.gif);}
#overig.menutitel {background-image: url(kop_overig.gif);}
#contact.menutitel {background-image: url(kop_contact.gif);}
#mijntaste.menutitel {background-image: url(kop_mijntaste.gif);}
.menucontact {padding-left: 10px;}
#gebruikersgegevens h2 {
  margin: 0px;
  font-size: 10px;
  padding-left: 10px;
  padding-top: 5px;
  padding-bottom: 2px;
}
#menufoto{
  margin-top: 5px;
  margin-left: 42px;
}
.form_login, .loginsubmit{
  width: 110px;
  height: 12px;
  margin-left: 3px;
  margin-bottom: 2px;
  font-size: 9px;
  background: transparent;
  border: 1px solid #006600;
  color: #FFFFFF;
}
.loginsubmit{
  height: 16px;
  width: 80px;
  background-image: url(../../images/layout/gamma03/formsubmit.png);
  border-style: none;
  font-weight: bold;
  color: #000000;
  margin-left: 15px;
  margin-top: 10px;
}
#loginform form{margin-top: 2px;}

/* >>>  Banner, Hotlinks & Breadcrumbs
_____________________________________________________________________________*/

#banner {
  left: 345px; /* 385 -> 365, veranderd door Michiel ivm ING banner*/
  top: 10px;
  position: absolute;

}
#banner img{border:1px solid #999;}

/* banner_ing
 * added by Michiel 03-02-2007
 * ivm lelijke ING banner 
 */
#banner_ing {
	left: 820px;
	top: 10px;
	position: absolute;
}
#banner_ing img{border:1px solid #999;}

#breadcrumbs {display: none;}
#hotlinks {
  height: 90px;
  width: 250px;
  background-repeat: no-repeat;
  background-position: left bottom;
}
#hotlinks ul {list-style-type: none;}
#hotlinks ul li {display: inline;}
#hotlinks span {display: none;}
#sfeervol {
  background-image: url(geilekerst.jpg);
  background-repeat: no-repeat;
  display: none;
  height: 118px;
  width: 496px;
}
.fotoalbum a, .smoelenboek a, .bedrijven a, .gastenboek a {
  display: block;
  height: 81px;
  width: 117px;
  clear: none;
}
.fotoalbum a{background-image: url(fotoalbum.jpg);}
.smoelenboek a {background-image: url(smoelenboek.jpg);}
.bedrijven a {background-image: url(bedrijven.jpg);}
.gastenboek a {background-image: url(gastenboek.jpg);}
.fotoalbum {
  position: absolute;
  left: 10px;
}
.gastenboek {
  position: absolute;
  left: 133px;
  top: 0px;
  width: 117px;
}
.smoelenboek {
  position: absolute;
  left: 256px;
  top: 0px;
}
.bedrijven {
  position: absolute;
  left: 379px;
  top: 0px;
  width: 117px;
}

/* >>>  Inhoud -> kolom1
_____________________________________________________________________________*/

#inhoud {
  position: absolute;
  left: 120px;
  top: 100px;
  padding: 0px;
  margin: 0px;
  width: 800px;
}
#kolom1 {
  width: 500px;
  left: 0px;
  top: 0px;
  position: absolute;
}
.item_titel {
  font-family: Georgia, "Times New Roman", Times, serif;
  color: #CC0000;
  font-size: 16px;
  margin: 0px;
}
.item_datum {
  font-size: 10px;
  font-weight: normal;
  margin: 0px;
}
.item_tekst {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin-bottom: 40px;
  line-height: 15px;
  text-align: justify;
  color: #333333;
}
.item_itempic {clear: none;}
.contentitem {
  margin-left: 10px;
  clear: both;
  margin-bottom: 10px;
  margin-right: 10px;
}
td.afbeelding {
  vertical-align: top;
  width: 120px;
}
td.inhoud {vertical-align: top;}
.contentitem table {
  border-bottom: 1px solid #CCCCCC;
  width: 100%;
}

/* Nieuwsitems */
#nieuwsitems{background-image: url(newsbg.gif);}
#headlines {display: none;}
#nieuwsitems h1{
  height: 31px;
  width: 600px;
  background-image: url(nieuwsitems.gif);
  color: #CC0000;
  font-size: 16px;
  font-weight: bold;
  padding-left: 10px;
  background-repeat: no-repeat;
  margin: 0px;
}
#nieuwsitems h1 span {display: none;}
#kolom1 ul{list-style: none;}

/* >>>  Kolom 2
_____________________________________________________________________________*/

#kolom2 {
  position: absolute;
  width: 370px;
  left: 500px;
  top: 0px;
  padding-left: 5px;
  padding-right: 5px;
}
.adinfo {display: none;}
#agenda, #verjaardagen, #tappers {
  float: left;
  width: 180px;
}
#agenda h3, #verjaardagen h3, #tappers h3 {
  font-size: .75em;
  margin: 0px 0px 0px 1px;
  background-image: url(agendah3bg.gif);
  height: 25px;
  color: #CC0000;
  padding-left: 10px;
  background-repeat: no-repeat;
  padding-top: 2px;
}
#agenda h3{background-image: url(agendah3bg.gif);}
#verjaardagen h3, #tappers h3{background-image: url(verjaardagh3bg.gif);}
#agenda h2, #tappers h2, #verjaardagen h2{
  font-size: .75em;
  background-image: url(actueelbg.gif);
  background-repeat: no-repeat;
  color: #FFFFFF;
  padding-left: 10px;
  margin: 0px 0px 0px 3px;
}
#agenda h2{border-right: 1px solid #CCCCCC;}
#verjaardagen h2 {border-left: 1px solid #CCCCCC;}
#momentfoto {
  clear: both;
  padding-top: 10px;
}
#momentfoto h1 {
  height: 25px;
  width: 365px;
  background-image: url(fotovhmoment.gif);
  background-repeat: no-repeat;
  margin: 0px;
}
#momentfoto img {width: 365px;}
#momentfoto h1 span {display: none;}
#polletje {
  clear: both;
  background-image: url(actueelbg.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 365px;
}

#polP {
  margin: 5px 5px 5px 5px;
}

#polletje table, #polletje form {
  margin:0px;
  padding:0px;
}

#polletje h1 {
  height: 25px;
  width: 365px;
  background-image: url(kopje_peiling.gif);
  background-repeat: no-repeat;
  margin: 0px;
}
#polletje h1 span {display: none;}
#actueel {
  background-image: url(actueelbg.jpg);
  background-repeat: no-repeat;
  float: left;
  width: 365px;
  background-position: bottom;
  margin-bottom: 10px;
}
#actueel h1 {
  background-image: url(actueel.jpg);
  background-repeat: no-repeat;
  height: 22px;
  margin: 0px;
}
#actueel h1 span {display: none;}
#actueel a {
  text-decoration: none;
  color: #000000;
  font-weight: bold;
  font-size: .75em;
  margin-left: 10px;
}
.actueel_item {
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 15px;
  border: 1px solid #CCCCCC;
  border-bottom-style: none;
}
.actueel_item a {
  background-image: url(itemaccent.gif);
  display: block;
  background-repeat: no-repeat;
  padding-left: 20px;
  margin: 0px;
/*  border-bottom: 1px dashed #000000; */
}
.actueel_item a:hover {
  text-decoration: underline;
  background-image: url(itemaccentover.gif);
}
.agendaDownLoad {
  margin-top : -12px;
  margin-right : 2px;
  float:right;
}
.agendaDownLoad a {background-image: none;}

#banner2{
  width: 360px;
  height: 75px;
  margin-top: 10px;
  margin-bottom: 0px;
  clear: both;
  display: block;
}
div>#banner2{padding-top: 10px;margin-bottom: 10px;}
#banner2 img{border-style: solid;border-width: 1px; border-color: #CC0000;}

#banner3{
  width: 468px;
  height: 60px;
  margin-top: 0px;
  margin-bottom: 5px;
  margin-left: 15px;
  clear: both;
  display: block;
}
#banner3 img{border-style: solid;border-width: 1px; border-color: #CC0000;}

#fotocommentaar {
  background-image: url(actueelbg.jpg);
  background-repeat: no-repeat;
  background-position: bottom;
  width: 365px;
}
#fotocommentaar h1 {
  background-image: url(fotocommentaar.jpg);
  background-repeat: no-repeat;
  height: 22px;
  margin: 0px;
}


#fotocommentaar span {display: none;}
#fotocommentaar{
  padding-bottom: 50px;
}
#fotocommentaar .fotocommentaar_items{
  border-top: 1px solid #ccc;
  clear:both;
  padding-top: 2px;
  padding-bottom: 2px;
}
#fotocommentaar .fotocommentaar_items a{width: 63%;}
#fotocommentaar .fotocommentaar_items h2{width: 29%;margin:0 ;padding: 0;}
#fotocommentaar .fotocommentaar_items a,
#fotocommentaar .fotocommentaar_items h2{
   font-size: 10px;
   display: block;
   padding: 3px 2% 3px 2%;
   float: left;
}

#BOMbanner {
  position: absolute;
  width: 140px;
  height: 604px;
  left: 870px;
  top: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

#SAXbanner {
  position: absolute;
  width: 150px;
  height: 150px;
  left: 870px;
  top: 630px;
  padding-left: 0px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
}

/* >>>  Footer
_____________________________________________________________________________*/

#footer{display: none;}
.kolom1_closer{
  background-image: url(kolom1_footer.png);
  background-position: bottom;
  width: 500px;
  height: 8px;
  margin: 0px !important;
  background-repeat: no-repeat;
}
.kolom2_closer{clear:both}

/* >>>  Overigen
_____________________________________________________________________________*/

/* DEZE MOET IEDERE KNOP VAN ELK FORMULIER VERVANGEN */
.form_submit{
  width: 80px !important;
  height: 20px;
  font-size: 10px;
  background-image: url(form_submit.png);
  background-repeat: no-repeat;
  background-color: transparent !important;
  border: none !important;
  margin-top: 5px;
}
#hotitems{
  float: right;
  clear: both;
  width: 240px;
  font-size: 1em;
  margin: -118px 0px 0px 1px;
  height: 25px;
  color: #CC0000;
  padding-left: 0px;
  padding-top: 2px;
  text-decoration: none;
  color: #000000;
  font-weight: bold;
  margin-left: 10px;
}
#hotitems h2{
  font-size: 1em;
  background-image: url(actueelbg.gif);
  color: #FFFFFF;
  padding-left: 10px;
  margin: 0px 0px 0px 3px;
  text-align: center;
}
#hotitems h2{border-right: 1px solid #CCCCCC;}
#hotitems a {
  background-image: url(itemaccent.gif);
  display: block;
  background-repeat: no-repeat;
  padding-left: 20px;
  margin: 0px;
/*  border-bottom: 1px dashed #000000; */
  font-size:.85em;
}
#hotitems a:hover {
  text-decoration: underline;
  background-image: url(itemaccentover.gif);
}

#stijllayer {
	display: none;
}