/* Define images through the IE filter, not images can't be bottom aligned so must be the same height as the layer */
* html #language		{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/rhenusweb.de/scripts/dropdowntabs/images/tab_language.png', sizingMethod='crop'); }
* html #produkt		{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/rhenusweb.de/scripts/dropdowntabs/images/tab_produkt.png', sizingMethod='crop'); }
* html #sitemap		{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/rhenusweb.de/scripts/dropdowntabs/images/tab_sitemap.png', sizingMethod='crop'); }
* html #suche			{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/rhenusweb.de/scripts/dropdowntabs/images/tab_suche.png', sizingMethod='crop');}
* html #sitemap:hover	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fileadmin/rhenusweb.de/scripts/dropdowntabs/images/tab_sitemap_on.png', sizingMethod='crop'); color: #333; }
	
/* Use Standard background images for normal browsers that can use PNG-24s */
html>body #language		{ background-image: url(../scripts/dropdowntabs/images/tab_language.png); }
html>body #produkt		{ background-image: url(../scripts/dropdowntabs/images/tab_produkt.png); }
html>body #sitemap		{ background-image: url(../scripts/dropdowntabs/images/tab_sitemap.png); }
html>body #sitemap:hover	{ background-image: url(../scripts/dropdowntabs/images/tab_sitemap_on.png); }
html>body #suche		{ background-image: url(../scripts/dropdowntabs/images/tab_suche.png); }


/* Define the widths of each tab */			
#language	{ width: 426px;  z-index: 1000; }
#produkt	{ width: 334px;  z-index: 1001; }
#sitemap	{ width: 186px;  z-index: 1002; }
#suche		{ width: 106px;  z-index: 1003; }


#tabs {
	position: absolute;
	top: 0px;
	right: 0px;
}

.emptytab {
	position: absolute;
	display: block;
	top: -8px;
	right: 0px;
	height: 30px;

	font: normal 11px verdana;
	font-weight: bold;
	text-decoration: none;
	color: #777;

	background-repeat: no-repeat;
	background-position: bottom left;

	cursor: pointer;
}

.dropdowntab {
	position: absolute;
	top: -60px;
	right: 0px;
	height: 90px;
	font: normal 11px verdana;

	background-repeat: no-repeat;
	background-position: bottom left;
}


.tabname {
	position: absolute;
	bottom: 2px;
	left: 30px;
	font-weight: bold;
	color: #777;
}

.tabcontent {
	position: absolute;
	top: 40px;
	left: 10px;
	color: #000;
}

.tabcontent select {
	font: normal 10px verdana;
	width: auto;
}

.tabcontent input {
	font: normal 10px verdana;
	width: 85px;
}
