/*
  BODY
*/
html, body
{
  margin: 0;
  padding: 0;
  background-repeat: repeat-x;
  background-image: url('pics/bg_top.gif');
  font-size: 11px;
  font-family: verdana; 
  color: #006D15;
}

/*
  CONTAINERS
*/
.container
{
  margin: 0 auto;
  width: 1000px;
  text-align: center;
}
.container-head
{
  height: 159px;
  background-repeat: no-repeat;
  background-position: right;
  background-image: url('pics/drenstekoeijs-logo.gif');
}

.header
{
  padding-top: 35px;
}
.head
{
  float: left;
  margin-right: 15px;
}
.faux
{
  background-repeat: repeat-y;
  background-image: url('pics/faux.gif');
  text-align: left;
}
.main
{
  background-repeat: no-repeat;
  background-position: left bottom;
  background-image: url('pics/menu-bottom.gif');
  padding-bottom: 20px;
}
.menu-container
{
  float: left;
  width: 157px;
}

.content
{
  float: right;
  width: 830px;
  min-height: 500px;
}

.footer-container
{
  height: 45px;
  background-image: url('pics/bottom.gif');
}

.input {
  border:1px solid #006600;
  margin: 2px;
  padding:1px;
  padding-left:0px;
  font-family:verdana;
  font-size:11px;
  color:#666666;
}

.inputgetal {
  border:1px solid #006600;
  margin: 2px;
  padding:1px;
  padding-left:0px;
  font-family:verdana;
  font-size:11px;
  color:#666666;
  text-align: right;
  width: 50px;
}

.tdgetal {
  font-size: 11px;
  font-family: verdana; 
  color: #006D15;
  text-align: center;
}

.divgetal {
  font-family:verdana;
  font-size:11px;
  color:#666666;
  text-align: right;
  width: 50px;
}

.textarea
{
  border:1px solid #006600;
  color:#666666;
  font-family:verdana;
  font-size:11px;
  height: 75px;
}
.radio
{
  color:#666666;
  font-family:verdana;
  font-size:11px;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
a:hover #img-hover
{ 
  opacity:0.6; 
}

/*** Slideshow ***/
#slide-images{
	position:relative;
	display:block;
	margin:0px;
	padding:0px;
	width:188px; /* Adjust to width-height of your images */
	height:293px;
	overflow:hidden;
}

#slide-images li{
	position:absolute;
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
}

#slide-images li img{
	display:block;
	background-color:#FFFFFF;
}



/*
  OPMAAK
*/
h1, h2, h3, p
{
  margin: 0;
  padding: 0;
  padding-top: 10px;
  padding-left: 4px;
  font-size: 11px;
  text-align: left;
}
a
{
  font-family: verdana; 
  color: #E8D603; 
  text-decoration:none;
  font-weight:bold;
}
a:hover
{
  color:#666666;
  text-decoration:underline;
}
.privacy
{

text-align: center;
position: relative;
top: 20px;
}
.privacy a
{
  color: #FFFF00;
  text-decoration: underline;
  font-size: 10px;
}
.privacy a:hover
{
  text-decoration: underline;
  color: #FFFFCC;
}
.footer
{
  text-align: center;
  background-color: #008A1B;
  padding-top: 13px;
  font-size: 13px;
  font-weight: bold;
}
.footer-geel
{
  color: #FFFF00;
}

.footer-wit
{
  color: #FFFFFF;
}
.panel-leeg
{
  height: 124px;
  width: 258px;
  background-image: url('pics/panel-leeg.png');
  background-repeat: no-repeat;
  color: #676767;
  text-align: center;
  font-size: 12px;
  padding-top: 5px;
}
.panel-lang
{
  height: 124px;
  width: 544px;
  background-image: url('pics/panel-lang.png');
  background-repeat: no-repeat;
  color: #676767;
  text-align: center;
  font-size: 12px;
  padding-top: 5px;
}
.panel-content
{
  font-size: 11px;
  margin: 0 auto;
  padding: 10px;
}
a:hover .foto
{
	opacity: 0.6; filter:alpha(opacity=60);
}

a:hover .fotos
{
	opacity: 0.6; filter:alpha(opacity=60);
}
.foto
{
	border: 1px solid green;
	float: right;
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
}

.fotox
{
	float: right;
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
}

.fotos
{
	border: 1px solid green;
	float: right;
	position: relative;
}

.fotox
{
	float: right;
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
}
/*

  MENU

*/
.menu
{
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-family:verdana;
  font-size:11px;
  font-weight:bold;
}
.menu a
{
  height: 18px;
  width: 126px;
  margin-top: 3px;
  margin-bottom: 0;
  margin-left: 5px;
  padding-left: 21px;
  padding-top: 3px; 
  color:#FFFFFF;
  text-decoration: none;
  display: block;
  background-image: url('pics/menu/default.gif');
}
.menu a:hover
{
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
  background-image: url('pics/menu/default_hover.gif');
}
.home-active a
{
  background-image: url('pics/menu/home.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.home-active a:hover
{
  background-image: url('pics/menu/home.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.home a:hover
{
  background-image: url('pics/menu/home.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}

.speeltuin-active a
{
  background-image: url('pics/menu/speeltuin.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.speeltuin-active a:hover
{
  background-image: url('pics/menu/speeltuin.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.speeltuin a:hover
{
  background-image: url('pics/menu/speeltuin.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.boerenbiljart-active a
{
  background-image: url('pics/menu/boerenbiljart.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.boerenbiljart-active a:hover
{
  background-image: url('pics/menu/boerenbiljart.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.boerenbiljart a:hover
{
  background-image: url('pics/menu/boerenbiljart.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.familiefiets-active a
{
  background-image: url('pics/menu/familiefiets.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.familiefiets-active a:hover
{
  background-image: url('pics/menu/familiefiets.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.familiefiets a:hover
{
  background-image: url('pics/menu/familiefiets.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.arrangementen-active a
{
  background-image: url('pics/menu/arrangementen.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.arrangementen-active a:hover
{
  background-image: url('pics/menu/arrangementen.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.arrangementen a:hover
{
  background-image: url('pics/menu/arrangementen.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.ijscokar-huren-active a
{
  background-image: url('pics/menu/ijscokar-huren.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.ijscokar-huren-active a:hover
{
  background-image: url('pics/menu/ijscokar-huren.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.ijscokar-huren a:hover
{
  background-image: url('pics/menu/ijscokar-huren.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.boederijwinkel-active a
{
  background-image: url('pics/menu/boederijwinkel.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.boederijwinkel-active a:hover
{
  background-image: url('pics/menu/boederijwinkel.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.boederijwinkel a:hover
{
  background-image: url('pics/menu/boederijwinkel.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.links-active a
{
  background-image: url('pics/menu/links.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.links-active a:hover
{
  background-image: url('pics/menu/links.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.links a:hover
{
  background-image: url('pics/menu/links.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.hoe-wat-waar-active a
{
  background-image: url('pics/menu/hoe-wat-waar.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.hoe-wat-waar-active a:hover
{
  background-image: url('pics/menu/hoe-wat-waar.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.hoe-wat-waar a:hover
{
  background-image: url('pics/menu/hoe-wat-waar.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.contact-active a
{
  background-image: url('pics/menu/contact.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.contact-active a:hover
{
  background-image: url('pics/menu/contact.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.contact a:hover
{
  background-image: url('pics/menu/contact.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.drentse-koe-ijs-active a
{
  background-image: url('pics/menu/drentse-koe-ijs.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.drentse-koe-ijs-active a:hover
{
  background-image: url('pics/menu/drentse-koe-ijs.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.drentse-koe-ijs a:hover
{
  background-image: url('pics/menu/drentse-koe-ijs.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.maisdoolhof-active a
{
  background-image: url('pics/menu/maisdoolhof.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.maisdoolhof-active a:hover
{
  background-image: url('pics/menu/maisdoolhof.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.maisdoolhof a:hover
{
  background-image: url('pics/menu/maisdoolhof.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.tip-active a
{
  background-image: url('pics/menu/tip.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.tip-active a:hover
{
  background-image: url('pics/menu/tip.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}
.tip a:hover
{
  background-image: url('pics/menu/tip.gif');
  width: 136px;
  padding-left: 11px;
  color:#FFFF00;
}