/* Definitionen für Zelle */
td.component_navi
{
	width: 250px;
	vertical-align: top;
	text-align: left; 
}

/* Definitionen für DIV-Block */
div.component_navi
{
	height: 100%;
	position: relative;
}

div.navi_oben
{
	min-height: 290px;
	overflow: visible;
}

* html div.navi_oben
{
	/*height: 396px;*/
	height: 290px;
}

div.aktive_site
{
	width: 185px;	
	margin: 80px 0 0 30px;	
	padding-bottom: 30px;
}


.component_navi .h2
{
	text-transform: uppercase;
}

.component_navi div.navi_inner
{
	
	margin: 0 0 0 30px;
}

.component_navi div.navi_buttons
{
	margin: 0 0 23px 30px;
	
}

.component_navi table.table_navi_buttons
{
	width: 185px;
	
}

.component_navi td.td_navi_buttons_vor,
.component_navi td.td_navi_buttons_back
{
	border-top: #cfcfcf 2px dotted;
	border-bottom: 0;
}

.component_navi a.navi:hover
{
	color: #0075a7;
}

.component_navi a.a_navi_buttons,
.component_navi a.a_navi_buttons:link,
.component_navi a.a_navi_buttons:visited,
.component_navi a.a_navi_buttons:hover
{
	color: #58585a;
	font-weight: bolder;
	display: block;
}

div.varianten
{
	width: 185px;
	line-height: 12px;
	padding: 2px 0;
	position: relative;	
}

	div.varianten_inner
	{
		
		position: relative;
		padding: 5px 0;
	}
	
		div.variant,
		div.variant_aktive
		{
			width: 20px;
			height: 20px;
			float: left;
			margin-right: 5px;
			margin-bottom: 5px;
			text-align: center;
			vertical-align: middle;
			border: 1px solid #CFCFCF;
			position: relative;
		}
		
		div.variant_aktive
		{
			background-color: #CFCFCF;
		}
		
			div.variant a,
			div.variant a:link,
			div.variant a:visited,
			div.variant a:hover
			{
				display: block;
				line-height: 20px;
				width: 20px;
				color: #58585a;
				font-weight: bolder;
			}
			
			div.variant a:hover
			{
				background-color: #CFCFCF;  
			}