@charset "UTF-8";
/**
 * Bürkle GmbH
 *
 * Top-Navigation
 *
 */
@media all
{
  #nav_top {
    /* (en) containing floats in IE */
    width: 100%;
	height: 75px;
    overflow: hidden;
    /* (en) containing floats in all other browsers */
    float: left;
    display: inline;
    /* (en|de) Bugfix: IE - collapsing horizontal margins */
    line-height: 0;
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	
  }
	  #nav_top ul {
		/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
		display: inline;
		float: left; 
		margin: 12px 0 0 0; 
		padding: 0;
		height:50px;
		width: 1000px;
	  }
		  #nav_top ul li {
			width:auto;
			height:50px;
			border-left: 1px #fff solid;
			border-right: 1px #aaa solid;
			/* (en|de) Bugfix: IE - Doubled Float Margin Bug */
			display: inline;
			float: left; 
			list-style-type: none;
			margin: 0;
			padding: 0;
		  }
			#nav_top ul li.active {
				border:none;
			}
			  #nav_top ul li a{
				color:#131313;
				font-size:14px;
				height: 50px;
				background: none;
				display: block;
				font-weight: normal;
				margin: 0;
				text-decoration: none;
				width: auto;
				position:relative;
			  }
			  #nav_top ul li.active a{
				color:#c30218;
				text-decoration: none;
				background: url(images/layout/nav_top_bg_active_left.png) no-repeat top left;
				height: 75px;
				margin: -10px -5px 0px -5px;
				z-index:10;
			  }
			  #nav_top ul #nav_first_tab.active a{/* no margin left for the first tab to keep in content-area */
				margin: -10px -5px 0px 0px;
			  }/* no border left and right at start and end of navigation */
			  #nav_top #nav_first_tab {
			  		border-left:none;
		  	  }
			  #nav_top #nav_last_tab {
				  border-right: none;
			  }
			  /* padding inside tabs (span)*/
			  
			      /* first tab */
				  #nav_top ul #nav_first_tab .nav_bgspan{
						padding: 6px 30px 0px 22px;
				  }
				  #nav_top ul #nav_first_tab.active .nav_bgspan{
						padding: 15px 30px 0px 22px;
				  }
				  /* all other tabs */
				  #nav_top ul li .nav_bgspan{
						width:auto;
						display:block;
						height: 100%;
						margin-left:8px;
						padding: 6px 30px 0px 22px;
				   }
				   #nav_top ul li.active .nav_bgspan{
					display:block;
					background: url(images/layout/nav_top_bg_active_right.png) no-repeat top right;
					padding: 15px 30px 0px 22px;
				   }
					/* last tab */
					#nav_top ul #nav_last_tab .nav_bgspan{
						padding: 6px 30px 0px 22px;
					}
					#nav_top ul #nav_last_tab.active .nav_bgspan{
						padding: 15px 30px 0px 22px;
					}
					
			/* hover */
			
			  #nav_top ul li a:focus,
			  #nav_top ul li a:hover,
			  #nav_top ul li a:active  { 
			  	background: #eee; color: #c30218; text-decoration: none; 
			  }
			  
			  #nav_top ul li.active a:focus,
			  #nav_top ul li.active a:hover,
			  #nav_top ul li.active a:active  { 
				  background: url(images/layout/nav_top_bg_active_left.png) no-repeat top left; 
				  color: #c30218; 
				  text-decoration: none; 
			  }
			
			/* Tab Typo */
				#nav_top .nav_descriptive {
					display:block;
					color:#7e7e7e;
					font-size:11px;
				}
				#nav_top li.active .nav_descriptive, #nav_top li a:hover span {
					color:#c30218;
				}
				
				
				
				
	/* breadcrumb */    
	
			.breadcrumb{/*ul-element*/
				overflow:hidden;
				margin: 0 25px 0 0;
				padding: 0 0 10px 0;
				line-height:0;
			}
			.breadcrumb li{
                float:left;
                width:auto;
                list-style-type:none;
                margin: 0;
                padding: 0px 10px 0px 7px;
				background:url(images/layout/breadcrumb_arrow.gif) right center no-repeat;
				color:#b1b1b1;
            }
            	
            	.breadcrumb li.active{
                  	background: none;
                }
            	
				.breadcrumb li.active a{
                    color:#c30218;
                }
				#col1 .breadcrumb a:hover{
                    background: none;
                    color:#c30218; 
                    text-decoration:underline;
                }
				.breadcrumb p{
                    font-weight:bold;
                    color:#7f7c7c;      
                }
                .breadcrumb li.home{
					float:left;
					margin: 0;
					list-style-type:none;
					text-indent: -5000px;
					padding: 0px 10px 0px 0px;
				}
					.breadcrumb li.home a{
						border: none;
						width:19px;
						height: 16px;
						display: block;
						background:url(images/layout/breadcrumb_home.gif) left bottom no-repeat;
					}
					#col1 .breadcrumb li.home a:hover{
						background:url(images/layout/breadcrumb_home.gif) left top no-repeat;
					}
						
}