/* Referenzbox */
#refboxnavi {width:auto; height:25px; float:left;}

#refbox {background:#333333; float:left; width:562px; height:auto; padding:30px 0px 10px 0px; font-size:15px;}

	/* Anzeige der Liste */
	#refviewlist {width:562px; padding:15px 0px; background:url('/fileadmin/hcmedia/template/referenzen/gfx/trenner.jpg') top repeat-x; float:left;}
	span.innerreflist {padding:0px 15px; display:block;}
	#refbox a.inner, #refbox a.inner:hover {text-decoration:none; color:#fff;}
	
	#refbox a span, #refbox a:hover span {cursor: hand; cursor: pointer; width:542px; padding:5px 10px; float:left; height:auto; font-size:13px;}
	#refbox a:hover span {background:url('/fileadmin/hcmedia/template/referenzen/gfx/reflisthover.jpg') top repeat-x #000;}
	#refbox img {border:0px; float:left; margin-right:10px;}
	#refbox a.reflink {color:#fff; text-decoration:underline;}
	#refbox a.reflink:hover {color:#fff; background:#83a901; text-decoration:none;}

	span.abc {margin-left:10px; float:left;}
	b.abc, a.abc, a.abc:hover, a.abcactive, a.abcactive:hover {float:left; height:20px; line-height:20px; width:20px; text-align:center;}
	b.abc {color:#4c4c4c; font-weight:normal;}
	a.abc {color:#fff; text-decoration:underline; font-weight:bold;}
	a.abc:hover, a.abcactive, a.abcactive:hover {background:#83a901; color:#fff; text-decoration:none; font-weight:bold;}

	/* -------------------------------- */
	
	/* TABS allg */
	#refboxnavi a.tab, 
	#refboxnavi a.tab:hover, 
	#refboxnavi a.act, 
	#reboxnavi a.act:hover 
	{text-decoration:none; padding-left:10px; float:left; height:25px; line-height:25px; margin-right:2px;}

	#refboxnavi span {padding-right:10px; height:25px; float:left; cursor: hand; cursor: pointer;}
	#refboxnavi li {list-style:none; background:#fff;}

	a.tab, a.tab span, a.act, a.act span {font-size:13px;}

	/* TABS normal */
	#refboxnavi a.tab {background:url('/fileadmin/hcmedia/template/referenzen/gfx/tableft.jpg') left no-repeat #828282; color:#fff;}
	#refboxnavi a.tab span {background:url('/fileadmin/hcmedia/template/referenzen/gfx/tabright.jpg') right no-repeat #828282;}

	/* TABS hover */
	#refboxnavi a.tab:hover {background:url('/fileadmin/hcmedia/template/referenzen/gfx/tableft_.jpg') left no-repeat #333333; color:#83a901;}
	#refboxnavi a.tab:hover span {background:url('/fileadmin/hcmedia/template/referenzen/gfx/tabright_.jpg') right no-repeat #333333;}

	/* TABS aktiv */
	#refboxnavi a.act {background:url('/fileadmin/hcmedia/template/referenzen/gfx/tableft_.jpg') left no-repeat #333333; color:#83a901;}
	#refboxnavi a.act span {background:url('/fileadmin/hcmedia/template/referenzen/gfx/tabright_.jpg') right no-repeat #333333;}

	a.more, a.more:hover {float:right; margin-top:10px; font-size:13px; margin-right:10px;}
	a.more {color:#fff; text-decoration:underline;}
	a.more:hover {background:#83a901; color:#fff; text-decoration:none;}

	/* SPECIALS */
	span.refprojekt {float:left; width:45%; height:25px; line-height:25px; font-size:11px; margin-left:25px;}
	label.refprojekt {width:160px; float:left;}

	span.todos {clear:both; display:block; margin-top:10px; float:right;}


/* -------------------------------- */


ul.dropdown li {padding: 5px;}

ul.dropdown *.dir {padding-right: 30px;}

ul.dropdown ul *.dir {padding-right: 15px;}


ul.dropdown {font-size:14px;}

ul.dropdown li {background:#333; color:#fff;}


ul.dropdown a:link,
ul.dropdown a:visited {color: #fff;}

		ul.dropdown a:hover {
		 border-top-color: #5db1e0 !important; /* Overrides classes in other components (e.g. 'open') */
		 border-left-color: #5db1e0;
		 background-color: #4498c7;
		 color: #fff;
		}

		ul.dropdown ul a.dir { /* proposal */
		 text-decoration:none;
		}

		ul.dropdown ul a.dir:hover { /* proposal */
		 background: #4698ca;
		 color: #fff;
		 text-decoration:none;
		}

ul.dropdown a:active {color: #fff;}


		/* NON-FIRST LEVEL */

		ul.dropdown ul {
		 left: auto;
		 right: 0;
		 width: 150px;
		 margin-top: -1px;
		 border-top: 1px solid #1a1a1a;
		 border-left: solid 1px #4c4c4c;
		 font-size:11px;
		}

			ul.dropdown ul li {
			 background-color: #3a3a3a;
			}

		ul.dropdown ul ul {
		 top: 0;
		 right: auto;
		 left: 100%;
		 margin-top: 0;
		 border-top: none;
		 border-left: none;
		 font-weight: normal;
		}

			ul.dropdown ul ul li {
			 background-color: #4c4c4c;
			}

		ul.dropdown ul ul ul li {
		 background-color: #595959;
		}



/* Mixed */

ul.dropdown li a,
ul.dropdown *.dir {
 border-style: solid;
 border-width: 1px;
 border-color: #404040 #1a1a1a #1a1a1a #505050;
}

ul.dropdown ul li a,
ul.dropdown ul *.dir { border-color: #4a4a4a #242424 #242424; border-left: none; }

ul.dropdown ul ul li a,
ul.dropdown ul ul *.dir { border-color: #595959 #333 #333; }

ul.dropdown ul ul ul li a,
ul.dropdown ul ul ul *.dir { border-color: #767676 #404040 #404040; }



/* Custom elements */

#projekt { width: 250px; text-align: center; }
#projekt ul { right: auto; left: 0; width: 249px; text-align: left; }
#projekt ul ul { left: 249px; width: 150px; }
#projekt ul a { width: 232px; }
#projekt ul a.dir { width: 210px; }
#projekt ul ul a { width: 133px; }
#projekt ul ul a.dir { width: 111px; }
#projekt ul ul ul { left: 100%; }



/* ---------------- */




/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Extension
 */

ul.dropdown a,
ul.dropdown span {
 display: block;
 padding: 5px 30px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Base Style Override
 */


ul.dropdown li {
 padding: 0;
}

ul.dropdown ul a,
ul.dropdown ul span { /* POI, proposal: override abstract a, span */
 padding: 8px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Base Style Reinitiate: post-override activities
 */


ul.dropdown *.dir { /* POI */
 padding: 5px 30px;
}

ul.dropdown ul *.dir {
 padding: 8px 30px 8px 8px;
}



/*------------------------------------------------------------------------------------------------------/
 *	@section	Custom Styles
 */


ul.dropdown ul a {
 width: 133px;
}

ul.dropdown ul a.dir {
 width: 111px;
}



/*------------------------------------------------------------------------------------------------------/
 * @section		Support Class `open` Usage
 * @source		js, artificial
 *
 */


ul.dropdown *.open {
 background-color: #3d3d3d;
}
ul.dropdown ul *.open {
 background-color: #4c4c4c;
 background-image: url(images/comnav-arrowover.png);
 color: #fff;
}
ul.dropdown ul ul *.open {
 background-color: #595959;
 background-image: url(images/comnav-arrowover2.png);
 color: #fff;
}
/* Override UPPER TWO definitions */
ul.dropdown a.open:hover {
 background-color: #4698ca;
 color: #fff;
}
ul.dropdown ul a.open:hover {
 background-image: url(images/comnav-arrowon.png);
 color: #fff;
}


/* Clone in CSS 2 */

ul.dropdown li:hover > *.dir {
 background-color: #3d3d3d;
}
ul.dropdown ul li:hover > *.dir {
 background-color: #4c4c4c;
 background-image: url(images/comnav-arrowover.png);
}
ul.dropdown ul ul li:hover > *.dir {
 background-color: #595959;
 background-image: url(images/comnav-arrowover2.png);
 color: #fff;
}

/* Override UPPER TWO definitions */
ul.dropdown li:hover > a.dir:hover {
 background-color: #4698ca;
 color: #fff;
}
ul.dropdown ul li:hover > a.dir:hover {
 background-image: url(images/comnav-arrowon.png);
 color: #fff;
}

/* --------------- */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: 1px;
 left: 99%;
}

ul.dropdown li:hover > ul {
 visibility: visible;
}