@charset "UTF-8";
/*
 * copyright (c) xmachina GmbH
 * 
 * Author: U. Schumacher (ute.schumacher@xmachina.de)
 */
 
 
/* Tabs */ 
/* Horizontale Buttonbar */
ul#tabnavigation  {
	position: absolute;
    list-style-type: none;
    margin: 0;
	padding: 0;
	width: auto;
	
}
#tabnavigation li {
	display: block;
	float: left;
	list-style-type: none;	
	position: relative;


}


#tabnavigation li.button {
	border: 1px solid #transparent !important;
	vertical-align: middle;
	width: auto;
	padding: 1.05em 22px 16px 22px;
	
	
}



#tabnavigation li.separator {
    background: #FFFFFF url(../images/navigation/tab_button_active_bg.gif) left bottom no-repeat;
    width: 1px;
    margin: 0;
    border: none;
	height: 54px;
	
	

	
	

}

#tabnavigation li.button:hover {
	position: relative;
	
	
} 

/* Buttons (relative Größen) */

#tabnavigation li a {
	/*display: block;*/
    width: auto;
    font-weight: 1000;
    font-family: Verdana, Helvetica, Arial;
	font-size: 0.8em;
	font-weight: bold;
    color: #013476;
    text-align: center;
    background-color: transparent;
    cursor: pointer;
    cursor: hand;
    text-decoration: none;
	margin: 0;
	padding: 0;
	
	
}

#tabnavigation li A:hover,
#tabnavigation li.button:hover A,
#tabnavigation li.selected:hover A {
	color: #6AACDA !important;
	text-decoration: none;

	
}

#tabnavigation li.selected {
    background: transparent url(../images/navigation/tab_button_active_bg.gif) left bottom repeat-x !important;
	
}
#tabnavigation li.button:hover,
#tabnavigation li.selected:hover {
	background: transparent url() 0 0 !important;
	z-index: 9999;
	cursor: pointer;
	cursor: hand;
	
}



/* 2. Ebene */
#tabnavigation ul{
	display: none;
	position: absolute;
	left: 0px;
	top: 53px;
	padding: 0;
	clear: both;
	float: none;
	background-color: #FFFFFF;
	filter:alpha(opacity=95);
	z-index: 9 !important;
	width: 250px;
	border: 1px solid #000;
	border-bottom-width: 3px;
	border-top-width: 0px;
	border-color:#D9D9D9;


	
}

#tabnavigation li li {
	z-index: 500 !important;
	display: inline;
	clear: both;
	float: none;
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	text-align: left;

	
	
}


#tabnavigation li li a.subpoint,
#tabnavigation li li a.subpoint:link,
#tabnavigation li li a.subpoint:visited,
#tabnavigation li li a.subpoint:active,
#tabnavigation li.selected li a.subpoint:link { 
	display: block !important;
	width: auto;
	padding: 0.1em 22px 0em 25px;
	height: auto;
	text-align: left;	
	border: 1px solid #D9D9D9;
	border-top-width: 0px; 
	color: #000000 !important;
	font-weight: normal;
	background: transparent url(../images/navigation/topnav_bullet.gif) 15px 0.6em no-repeat;

	
	
}

/* Korrektur für IE 7 */
*+html #tabnavigation li li a.subpoint,
*+html #tabnavigation li li a.subpoint:link,
*+html #tabnavigation li li a.subpoint:visited,
*+html #tabnavigation li li a.subpoint:active,
*+html #tabnavigation li.selected li a.subpoint:link  {  width: 100%; /*background-color: #FFFFFF; */
}

#tabnavigation li li:hover,
#tabnavigation li.selected li a.subpoint:hover,
#tabnavigation li li a.subpoint:hover { background-color: #EDF8FE !important; color: #000000 !important; 

}

#tabnavigation li:hover ul {
	display: block;
	margin-left: -1px;
}
/* Tabnavi - Ende */


/* Tabnavigation für Box-Elemente */
.tabBox { margin: 0; font-size:100%;}

.tabBox ul.tabs { 
	display: inline; 
	position: relative;
	height: 2em;
	list-style-type: none; 
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #D9D9D9;
	
	
}

.tabBox ul.tabs li { 
	/*list-style-type: none; 
	float: left; width: auto;*/
	display: inline; 
	margin: 0;
	padding: 0;
	
}
.tabBox ul.tabs li a { 
	float: left;
	display: block; 
	width: auto;
	height: 2em;
	line-height: 2em;
	text-decoration: none;
	background: transparent url(../images/box/tabbox/bg_normal_li.gif) left bottom repeat-x;
}

.tabBox ul.tabs li a:hover { 
	color: #6AACDA;
}

.tabBox ul.tabs li a span { 
	display: inline-block; 
	width: auto; 
	height: 2em;
	line-height: 2em;
	font-size: 0.92em;
	padding: 0 1em; 
	border-width: 1px 0 0 0; 
	border-color: #D9D9D9;  
	border-style: solid;
	text-decoration: none;
	background: transparent url(../images/box/tabbox/bg_rightside_a.gif) left bottom no-repeat;
}

.tabBox ul.tabs li#firstElement a span { width: auto; border-left-width: 0; }

.tabBox ul.tabs li.selected a span { 
	line-height: 2.1em; 
	height: 2.1em;  
	background: #FFFFFF url() !important;
	font-weight: bold;
	border-left-width: 1px;
}


.tabBox ul.tabs li#lastElement a span { border-right-width: 1px;}



.tabBox .content { 
	clear: both; 
	float: none; 
	display: block; 
	margin-top: 1em; 
	padding: 1em;
	font-size: 0.92em;
	position: absolute;
	top: -10000px;
	left: -10000px;
}

.tabBox .content.active {
	position: static;
}