@charset "utf-8";
/* CSS Document */

#navigation 
{

}

#navigation li
{

float:left;
display:block;
}

#navigation li a
{
background-image:url(../gfx/header_navigation_sprite.jpg);
display: block;
outline: none;
position: relative;
height: 39px;
text-decoration: none;
width: auto;

}
	
	#navigation .home 
	{
	background-position:0px 0px;
	width:200px;
	height:39px;
	
	}
	
	#navigation .service
	{
	background-position:-200px 0px;
	width:200px;
	height:39px;
	}
	
	#navigation .kontakt
	{
	background-position:-400px 0px;
	width:200px;
	height:39px;
	
	}

	#navigation a .hover {
	background: transparent  url(../gfx/header_navigation_sprite.jpg) no-repeat;
	display:block ;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	
	}
	
	#navigation .home .hover {
	background-position: -0px -39px;	
	}
	#navigation .service .hover{
	background-position: -200px -39px;	
	}
	#navigation .kontakt .hover{
	background-position: -400px -39px;	
	}
	
/*###########################################################################*/


#vorteile_ul 
{

}

#vorteile_ul li
{

float:left;
display:block;
}

#vorteile_ul li a
{
background-image:url(../gfx/button_vorteile_sprite.jpg);
display: block;
outline: none;
position: relative;
height: 31px;
text-decoration: none;
width: auto;

}
	
	#vorteile_ul .vorteile 
	{
	background-position:0px 0px;
	width:155px;
	height:31px;
	
	}
	

	#vorteile_ul a .hover {
	background: transparent  url(../gfx/button_vorteile_sprite.jpg) no-repeat;
	display:block ;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	
	}
	
	#vorteile_ul .vorteile .hover {
	background-position: -0px -31px;	
	}

/*###########################################################################*/

/* trigger button */ 
#download_now { 
    background:transparent url(../gfx/button_vorteile_sprite.jpg) no-repeat scroll 0 0; 
    display:block; 
    height:31px; 
    margin-bottom:30px; 
    overflow:hidden; 
    text-indent:-999em; 
    width:155px; 
    cursor:pointer; 
} 
 
/* mouseover state */ 
#download_now:hover { 
    background-position:0 -31px ;         
} 
 
/* clicked state */ 
#download_now:focus { 
    background-position:0 -31px; 
} 
 
/* tooltip styling */ 
.tooltip { 
    display:none; 
    background:url(white_arrow_bg.png);
    height:201px; 
    padding:0px 30px 0px 30px; 
    width:233px; 
    font-size:11px; 
    color:#000; 
} 
 
/* a .label element inside tooltip */ 
.tooltip .label { 
    color:yellow; 
    width:35px; 
} 
 
.tooltip a { 
    color:#ad4; 
    font-size:11px; 
    font-weight:bold; 
}

/*###########################################################################*/


div.tooltip_wk { 
    background-color:#fff; 
    border:1px solid #000; 
    padding:5px 5px; 
    width:200px; 
    display:none; 
    color:#000; 
    text-align:left; 
    font-size:10px; 
 
    /* outline radius for mozilla/firefox only */ 
    -moz-box-shadow:0 0 10px #000; 
    -webkit-box-shadow:0 0 10px #000; 
}



/*###########################################################################*/

#navi_detail
{

}

#navi_detail li
{

float:left;
display:block;
}

#navi_detail li a
{
background-image:url(../gfx/navi_detail_sprite.jpg);
display: block;
outline: none;
position: relative;
height: 40px;
text-decoration: none;
width: auto;

}
	
	#navi_detail .vorteile 
	{
	background-position:0px 0px;
	width:140px;
	height:40px;
	
	}
	
	#navi_detail .pdf
	{
	background-position:-140px 0px;
	width:140px;
	height:40px;
	}
	
	#navi_detail .ausdruck
	{
	background-position:-280px 0px;
	width:140px;
	height:40px;
	
	}

	#navi_detail a .hover {
	background: transparent  url(../gfx/navi_detail_sprite.jpg) no-repeat;
	display:block ;
	opacity: 0;
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	
	}
	
	#navi_detail .vorteile .hover {
	background-position: -0px -40px;	
	}
	#navi_detail .pdf .hover{
	background-position: -140px -40px;	
	}
	#navi_detail .ausdruck .hover{
	background-position: -280px -40px;	
	}