/**
*	///////////////////////////////////////////////////
*	////////////// S T R U C T U R E  /////////////////
*	///////////////////////////////////////////////////

*	Stylesheet fuer Strukturgramm
*
*	@author			Norbert
*	@since			20070118
*	@version		1.5
*	
*	/////////////////////////////////////////////////*/


/* Container */
div.ath-structure{
	width			: 480px;
/*	background-color: #fafafa;*/
/*	border			: 1px solid #cecece;*/
	padding			: 0px /*15px*/;
	position		: relative;
	margin-bottom	: 20px;
}

div.ath-structure div.kategorie{
	width			: 480px;
	margin-bottom	: 20px;
}

div.ath-structure h1 {
	height			: 14px;
	background		: url(/i/glossary/radius_ff.png) no-repeat top left;
	color			: #fff;
	font-size		: 11px;
	padding			: 3px 10px;
	margin			: 0 0 20px 0;
	text-align		: center;
}

/* IE 6 only ... */
* html div.ath-structure h1 {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/glossary/radius_ff.png', sizingMethod='crop');
}

div.ath-structure div.kategorie div.kategorie-content{
	margin			 : -1px -3px -1px  0;
	zoom			: 1.0;
	text-align		: center;
}

div.ath-structure div.kategorie div.kategorie-content:after{
	clear			: both;
	content			: ".";
	display			: block;
	height			: 0px;
	line-height		: 0px;
	visibility		: hidden;
}

div.ath-structure div.kategorie div.box{
	background		: transparent url(/i/structure/box_bg.gif) no-repeat bottom left;
	width			: 154px;
	height			: 60px;
	float			: left;
	margin			: 1px 3px 1px 0;
	padding			: 0 2px;
	position		: relative;
	cursor			: pointer;
}

div.ath-structure div.kategorie div.kategorie-content div.box:hover,
div.ath-structure div.kategorie div.kategorie-content div.sfhover{
	background		: url(/i/structure/box_bg-aktiv.gif) no-repeat top left;
}

div.ath-structure div.kategorie div.box h4{
	margin			: 8px 0 4px 0px;
	padding			: 0;
}

div.ath-structure div.kategorie div.box p{
	position		: absolute;
	top				: 48px;
	left			: 0px;
	width			: 240px;
	padding			: 10px;
	background-color: #FFF;
	border			: 1px solid #eee;
	border-bottom	: 1px solid #ddd;
	z-index			: 12;
	display			: none;
	text-align		: left;
	line-height		: 14px;
}

div.ath-structure div.kategorie div.kategorie-content div.box:hover p,
div.ath-structure div.kategorie div.kategorie-content div.sfhover p{
	display			: block;
}

div.ath-structure div.kategorie div.box span{
	background		: url(/i/structure/pfeil.png) no-repeat top left;
	margin			: 6px auto;
	padding			: 0;
	line-height		: 1px;
	font-size		: 1px;
	width			: 9px;
	height			: 9px;
	display			: block;
}
/* IE 6 only ... */
* html div.ath-structure div.kategorie div.box span{
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/structure/pfeil.png', sizingMethod='crop');
}

/**
 * @SECTION Colors
 * Farben 1-6 */
.color1 div.box span,
.color1 h1{
	background-color: #5b769b !important;
}

.color1 div.box h4{
	color			: #5b769b;
}

.color2 div.box span,
.color2 h1{
	background-color: #84a6d3 !important;
}

.color2 div.box h4{
	color			: #84a6d3;
}

.color3 div.box span,
.color3 h1{
	background-color: #9dc5f8 !important;
}

.color3 div.box h4{
	color			: #9dc5f8;
}

.color4 div.box span,
.color4 h1{
	background-color: #5a749a !important;
}

.color4 div.box h4{
	color			: #5a749a;
}

.color5 div.box span,
.color5 h1{
	background-color: #84a6d3 !important;
}

.color5 div.box h4{
	color			: #84a6d3;
}


/* Extra-Einr�ckung f�r einzelboxen am Ende einer Kategory */
.single{
	left			: 162px;
}
