#pad {height:20px;}
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#imagemenu {
	padding:0;
	margin:0;
	list-style:none;
	width:700px;
	height:165px;
}

#imagemenu li {position:relative; float:left; margin:0 5px 0 0;}
#imagemenu li.last {margin:0;}
#imagemenu li a {display:block; height:165px; width:95px; line-height:20px; padding:0; float:left; color:#fff; text-decoration:none; font-family:"trebuchet MS", sans-serif; font-size:18px; text-align:center; cursor:pointer;}
#imagemenu li a b {position:relative; ledt:100px; top:28px; font-weight:normal;}

#imagemenu li#ausgabe a {background:url(../grfx/red-off.png);}
#imagemenu li#netzwerk_kommunikation a {background:url(../grfx/orange-off.png);}
#imagemenu li#telekommunikation a {background:url(../grfx/green-off.png);}
#imagemenu li#datev a {background:url(../grfx/yellow-off.png);}
#imagemenu li#prozess_druckkostenoptimierung a {background:url(../grfx/blue-off.png);}
#imagemenu li#dokumentenmanagement a {background:url(../grfx/violet-off.png);}

#imagemenu li#ausgabe a:hover {background:url(../grfx/red-on.png);}
#imagemenu li#netzwerk_kommunikation a:hover {background:url(../grfx/orange-on.png);}
#imagemenu li#telekommunikation a:hover {background:url(../grfx/green-on.png);}
#imagemenu li#datev a:hover {background:url(../grfx/yellow-on.png);}
#imagemenu li#prozess_druckkostenoptimierung a:hover {background:url(../grfx/blue-on.png);}
#imagemenu li#dokumentenmanagement a:hover {background:url(../grfx/violet-on.png);}

.ausgabe #imagemenu li#ausgabe a {background:url(../grfx/red-on.png);}
.netzwerk_kommunikation #imagemenu li#netzwerk_kommunikation a {background:url(../grfx/orange-on.png);}
.telekommunikation #imagemenu li#telekommunikation a {background:url(../grfx/green-on.png);}
.datev #imagemenu li#datev a {background:url(../grfx/yellow-on.png);}
.prozess_druckkostenoptimierung #imagemenu li#prozess_druckkostenoptimierung a {background:url(../grfx/blue-on.png);}
.dokumentenmanagement #imagemenu li#dokumentenmanagement a {background:url(../grfx/violet-on.png);}

/* this is for IE6 png transparency fix - note the image path is from the .html file not the .css file */
* html #imagemenu li#ausgabe a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/red-off.png', sizingMethod='scale');}
* html #imagemenu li#netzwerk_kommunikation a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/orange-off.png', sizingMethod='scale');}
* html #imagemenu li#telekommunikation a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/green-off.png', sizingMethod='scale');}
* html #imagemenu li#datev a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/yellow-off.png', sizingMethod='scale');}
* html #imagemenu li#prozess_druckkostenoptimierung a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/blue-off.png', sizingMethod='scale');}
* html #imagemenu li#dokumentenmanagement a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/violet-off.png', sizingMethod='scale');}

* html #imagemenu li#ausgabe a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/red-on.png', sizingMethod='scale');}
* html #imagemenu li#netzwerk_kommunikation a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/orange-on.png', sizingMethod='scale');}
* html #imagemenu li#telekommunikation a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/green-on.png', sizingMethod='scale');}
* html #imagemenu li#datev a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/yellow-on.png', sizingMethod='scale');}
* html #imagemenu li#prozess_druckkostenoptimierung a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/blue-on.png', sizingMethod='scale');}
* html #imagemenu li#dokumentenmanagement a:hover {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/violet-on.png', sizingMethod='scale');}

* html .ausgabe #imagemenu li#ausgabe a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/red-on.png', sizingMethod='scale');}
* html .netzwerk_kommunikation #imagemenu li#netzwerk_kommunikation a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/orange-on.png', sizingMethod='scale');}
* html .telekommunikation #imagemenu li#telekommunikation a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/green-on.png', sizingMethod='scale');}
* html .datev #imagemenu li#datev a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/yellow-on.png', sizingMethod='scale');}
* html .prozess_druckkostenoptimierung #imagemenu li#prozess_druckkostenoptimierung a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/blue-on.png', sizingMethod='scale');}
* html .dokumentenmanagement #imagemenu li#dokumentenmanagement a {background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='single_eleven/violet-on.png', sizingMethod='scale');}