/**
* CSS Files
*
* LICENSE
*
* This source file is subject to the new cdmm license that is bundled
* with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* http://framework.mycdmm.de/license/
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@cdmm.de so we can send you a copy immediately.
*
* @copyright  Copyright (c) 2005-2009 cdmm (http://www.cdmm.de)
* @license    http://framework.mycdmm.de/license/ cdmm license
* @version    $Id: menue_category.css 504 2009-02-16 15:13:25Z mw $
*/

@media screen, projection, print
{
	/**
	* category navigation
	*/
	
	#menue-categroy-bg {
		background-image: url(../images/bg_menue_category.jpg);
		background-repeat: repeat-x;
		height: 161px;
		width: 1024px;
		margin: 0 auto;
		position: relative;
		text-align: left;
		color: #fff;
	}
	
	#menue-categroy-bg a { color: #fff; }
	
	#menue-categroy-margin {
		position: absolute;
		left: 0;
		width: 915px;
		height: 161px;
		z-index: 399;
		overflow: hidden;
		overflow-x: hidden;
		overflow-y: hidden;
	}
	
	#menue-categroy-man-head {
		background-image: url(../images/bg_menue_category_man_head.png);
		background-repeat: no-repeat;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 134px;
		height: 133px;
		z-index: 400;
	}
	
	/**
	* scrollbar
	*/
	#menue-top-scrollbar {
		background-image: url(../images/bg_menue_category_scrollbar.png);
		background-repeat: no-repeat;
		position: relative;
		margin-left: 15px;
		margin-top: 7px;
		margin-bottom: 14px;
		position: relative;
		height: 19px;
		/*padding: 7px 0 14px 0;*/
	}
	#scrollbar-arrow-left,
	#scrollbar-arrow-right {
		display: block;
		width: 30px;
		height: 19px;
		cursor: pointer;
		background-repeat: no-repeat;
		width: 30px;
		height: 19px;
		position: absolute;
		z-index: 403;
	}
	
	#scrollbar-arrow-left {
		background-image:url(../images/menue_category_scrollbar_arrow_left.png);
	}
	
	#scrollbar-arrow-right {
		background-image:url(../images/menue_category_scrollbar_arrow_right.png);
		left: 864px;
		top: 0;
	}
	
	#scrollbar-center {
		padding-left: 25px;
		padding-right: 24px;
		width: 845px;
		height: 18px;
		position: relative;
	}
	
	#scrollbar-text {
		width: 845px;
		height: 17px;
		cursor: pointer;
	}
	
	#scrollbar-text #scrollbar_col1,
	#scrollbar-text #scrollbar_col2,
	#scrollbar-text #scrollbar_col3 {
		font-style: italic;
		font-weight: bold;
		position: absolute;
		z-index: 400;
		top: 2px;
	}
	
	#scrollbar-text #scrollbar_col1 { left: 65px; }
	#scrollbar-text #scrollbar_col2 { left: 415px; }
	#scrollbar-text #scrollbar_col3 { left: 780px; }

	#menue-top-scrollbar #scrollbar-slider {
		background-image: url(../images/menue_category_scrollbar_slider.png);
		background-repeat: no-repeat;
		width: 113px;
		height: 17px;
		position: absolute;
		margin-top: 1px;
		top: 0;
		left: 25px;
		z-index: 399;
		cursor: pointer;
	}
	
	#scrollbar-slider-handle {
		width: 113px;
		height: 17px;
		position: absolute;
		margin-top: 1px;
		top: 0;
		left: 25px;
		z-index: 401;
		cursor: pointer;
		background-color: transparent; 
	}
	
	/**
	* products
	*/
	
	#menue-category {
		margin-bottom: 7px;
		position: relative;
		width: 915px;
		height: 114px;
	}
	
	#menue-categroy-content ul {
		list-style: none;
		list-style-position: inside;
		list-style-type: none;
		margin: 0;
		padding: 0;
		width: 10000px;
		position: absolute;
		float: left;
	}
	
	#menue-categroy-content li {
		float: left;
		list-style: none;
		list-style-position: inside;
		list-style-type: none;
		margin: 0;
		padding: 0;
		position: relative;
		width: 184px;
		height: 114px;
		line-height: 1em;
		text-align: center;
	}
	
	#menue-categroy-content ul li a.menue_category_image,
	#menue-categroy-content ul li a.menue_category_text {
		display: block;
		margin: 0 30px;
		position: relative;
	}
	
	#menue-categroy-content ul li a.menue_category_image { height: 90px; }
	#menue-categroy-content ul li a.menue_category_text { height: 24px; }
	#menue-categroy-content ul li a.menue_category_text span {
		position: absolute;
		bottom: 0;
		left: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		cursor: pointer;
		padding-bottom: 1px;
	}
}
@media print
{
	#menue-categroy-bg,
	#menue-categroy-man-head { display: none; }
}