/*tilda.php*/

/*opmaak voor horizontale tabs */
/*@import url("../css/hor_tabs.css?var=02");*/
/*opmaak voor horizontale tabs */

/*special for drop down menu*/

.hbuttons ul {
  list-style: none;
  margin: 0;
  padding: 0;
  float:left; 
}

.hbuttons li{
  position:relative;
}

.hbuttons ul ul{
  position:absolute;
  z-index:500;
  top:23px;
  /*top: auto;*/
  left:0px;
  display:none;
}

.hbuttons li:hover ul,
.hbuttons li li:hover ul,
.hbuttons li li li:hover ul,
.hbuttons li li li li:hover ul
{display:block;
}

/***********************************/

.hbuttons a , .drophead{
display: block;
text-decoration: none;
font: bold 11px Arial;
color: black;
width: 75px;
height: 23px;
float: left;
display: inline;
margin-right: 2px;
margin-top: 4px;
background: url(tabsquare.jpg) no-repeat;
padding-top: 4px;
text-align:center;
}

.hbuttons a:visited{
color: black;
}

.hbuttons a:hover{
background-image:url(tabsquareover.jpg);
font-style: italic;
color: black;
}

.hbuttons p{
 display: block;
 text-decoration: none;
 font: bold 11px Arial;
 color: black;
 width: auto; /*64px;*/
 height: 23px;
 float: left;
 display: inline;
 margin-right: 2px;
 margin-top: 4px;
 padding-top: 4px;
 text-align:center;
}

#tilda_img {
 position: relative;
 top: 60px;
 left: 5px;
 height: 1px;/*anders geen vert. scroll in IE*/
}

.img_left {
  position: absolute;
  /*top: 0px;*/
  bottom: -150px;
  left: 0px;
  /*padding-bottom: 25px;*/	  
}

.img_right {
	position: absolute;
	/*top: 0px;*/
  left: 410px;
  /*padding-bottom: 25px;*/
  /*border: solid 2px red;*/
}

.img_txt{
			position: absolute;
			/*bottom: -151px;
			left: 170px;*/
			font: normal 10pt 'arial';
			width: 210px;
			padding-bottom: 25px;
}

#heading {
        text-align: center;
        font: bold italic 36pt 'Monotype corsiva';
        color: #206814;
        margin-top : -5px;
        border-bottom: 1px solid #206814;
}

.btnBestel a, .btnCoupon a {
		 position: absolute;
		 left: 125px;
		 width: 70px;
		 height: 18px;
		 text-decoration: none;
		 font: italic 12px 'Comic Sans MS';
		 color: #FFD100;
		 width: 65px;
		 height: 18px;
		 border: 0;
		 display: inline;
		 margin-top: 3px;	 	 	 
		 background:url(../images/buttons/bestel.gif) no-repeat;
		 text-align: center;
}

.btnCoupon a {
  left: 20px;
	width: 80px;
	background:url(../images/buttons/bestel_80.gif) no-repeat;
}

.btnCoupon a:hover, .btnBestel a:hover{
  font-style: normal;
  color: white;
}

.btnBestel a:visited {
    /*color: #FFD100;*/
    text-decoration: none;
}

.longbtn a ,.wagen a{
display: block;
text-decoration: none;
font: bold 11px Arial;
color: black;
width: 100px;
height: 23px;
float: right;
display: inline;
margin-right: 1px;
margin-top: 4px;
background: url(../images/buttons/tab_100.jpg) no-repeat;
padding-top: 4px;
text-align:center;
}

.wagen a{
  width: 130px;
  background: url(../images/buttons/wagen.gif) no-repeat;
	}

.longbtn a:visited,.wagen a:visited{

color: black;
}

.longbtn a:hover,.wagen a:hover{
background-image:url(../images/buttons/tab_100_over.jpg);
font-style: italic;
color: red;
}

.wagen a:hover{
	background:url(../images/buttons/wagen_over.gif) no-repeat;
}

//*popup image viewer*/

.thumbnail{
position: relative;
/*z-index: 0;*/
}

.thumbnail:link{
  color: black;
}

.thumbnail:visited{
  color: black;
}

.thumbnail:hover{
  background-color: transparent;
  z-index: 998;
}

.thumbnail span{ /*CSS for enlarged image*/
  position: absolute;
	 z-index: 998;
	 display: block;
	 background-color: transparent;
	 padding: 0px 0px 0px 0;
	 overflow: hidden;
	 visibility: hidden;
	 color: white;
	 text-decoration: none;
	 border: 1px solid blue;
	 
	 /*bottom: -220px;
	left: 0px; /*position where enlarged image should offset horizontally */
}

.thumbnail span img{ /*CSS for enlarged image*/
  /*border-width: 0;*/
	/*padding: 1px;/*boordje van 1px*/
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	position: absolute;
	visibility: visible;
	background: none;
	z-index: 998;
}