/*Import less Standard Daten */
@import "global_variable.less";


/*Main Menu - Hauptmenu unter Total Solution Logo - Superfish Block*/

ul#superfish-main{

		li.active-trail > a{color: #333333;}

		li{
			list-style: none;
			list-style-image: none;
			margin:0;
			padding:0;
			&:hover > ul, li.sfHover > ul {top:30px;}
			.sfhover, &:hover{background-color: #595959;}
			a{
				font: 15px/20px 'LatoLight', Arial, sans-serif;
				color:#D9D9D9;
				padding: 5px 16px;
				color: #D9D9D9;
				display: block;
				text-align: center;
				text-decoration: none;
				&:hover, &:focus, &:active{background-color: #595959;}
				}
			a.active{color: #333333;}

			ul{
				border-radius: 0;
				padding: 0 !important;
				background-color: #595959;
				background-image: none;
				li{
					&:hover{background-color: #595959;}
					a{
						text-align: left;
						color:#D9D9D9;
						padding: 5px 16px;
						&:hover{color:#1A1A1A;}
					}
				}
				li.last{padding-bottom: 8px;}
			}
		}

}


/* Drupal Tabs - links oben von div#page*/

#page .tabs{
	display: block;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	ul.tabs{
		position: absolute;
		margin:0;
		left: 0px;
		top: 0px;
	    background: url("../images/shad2.png") no-repeat scroll left bottom transparent;
	    display: block;
	    list-style: none outside none;
	    padding: 40px 0 100px;
		width:160px;
	    li {
	    	margin:0 0 5px 0;
	    	padding:5px 0;
	    	display: block;
				a {
				    background: url("../images/border.png") no-repeat scroll 0 0 #CBCBCB;
				    padding: 6px 10px;
				    text-decoration: none;
				    font-size:11px;
				    margin-bottom:8px;
				    border: none;
				    border-radius:0 3px 3px 0;
				    -webkit-transition: all 0.3s ease-out;
				    -webkit-border-top-right-radius: 10px;
				    -webkit-border-bottom-right-radius: 10px;
				    text-decoration: none;
				    -webkit-box-shadow: 2px 2px 4px #888;
				    &:hover{
				    	background-color: #ebebeb;
						padding: 6px 10px 6px 15px;
				    }
				}
		}
    }

}




#footerlinks {
	margin:0;
	padding:0;

	 ul.links {
	 		float: right;
			margin:0;
			padding:0;

		 li {
			/*border-right:1px solid @ts_menu;*/
			display:inline;
			line-height: 13px;
			float:right;
			margin:0 0 0 12px;
			padding:0 0 0 12px ;
			a{
				font-size:11px;
			}
			}
		li.last {border-right:none;}
		li.first{padding-right: 6px;}
	}

}

/** faceted serch block **/
.page-search{

	#panel-left{
			h2.pane-title{
						font-size: 13px;
						font-weight: bold;
						line-height:20px;
						margin-bottom: 12px;
						font: 13px/1.5 Arial, Tahoma, Helvetica, sans-serif;
						}

			}
	.facetapi-facetapi-links{
			li.leaf{
							list-style:none;
							margin: 4px 0;
						}

			}
	}



/** Sidebar menu **/
// #panel-left .menu-block-wrapper > ul.menu > li.active-trail{background: url("../images/trennlinie.gif") no-repeat scroll bottom left transparent;}

#panel-left .menu-block-wrapper {

	h2{
		font-size: 15px;
		text-transform: uppercase;
		font-weight: bold;
		line-height:20px;
		margin-bottom: 3px;
	}

	ul.menu {
	    margin: 0;
	    padding: 0;

	 	li{
		    float: left;
		    list-style: none;
		    margin: 0;
		    padding: 0  0 10px  0;
		    width: 210px;
			a{
			    color: #D9D9D9;
			    display: block;
			    float: left;
			    font-size: 13px;
			    font-weight:bold;
			    line-height: 15px;
			    margin: 0px;
                            padding: 4px 0px;
			    text-decoration: none;
			    width: 95%;
				&:active{color:#1A1A1A;}
				&:hover{color:#1A1A1A;}
			}
			a.active-trail,
			a.active{
				color:#1A1A1A;
				&:hover{color:#1A1A1A;}
			}
		}
		li.active-trail > a{margin-bottom: 8px;}
		li.expanded{
			background: url("../images/trennlinie.gif") no-repeat scroll bottom left transparent;
			}
		li.expanded li.last{padding-bottom:20px;}

		li.active,
                li.leaf,
		li.expanded,
		li.last,
		li.active-trail{

			ul.menu{
				width:96%;
				float: left;
				margin: 0 0 10px 0px;
				padding: 0;
			}
			li.expanded{background-image: none;}
			li {border:none;
				ul.menu{margin: 0 0 0 7px;}
				padding:0;
				a{
					color: #D9D9D9;
					font-size: 12px;
					font-weight:normal;
					background:none;
					padding: 4px 0px;
					margin: 0;
					&:active{color:#1A1A1A;}
					&:hover{color:#1A1A1A;}
				}
				a.active-trail,
				a.active{
					color:#1A1A1A;
					}
			}
			li.first{border:none;}
			}
			a.active-trail:last-child{
				color: @ts_menu_active2;
				font-weight:bold;
				&:hover{
				color:@ts_menu_active2;
				font-weight:bold;}
				}
	}
}


/** Hersteller Auflistung mit Bild auf der Startseite produkte-menu-hover.jpg **/
@mb_height: 190px;
@mb_width: 150px;
@mb_marginRight: 8px;

.pane-menu-block-3{
	height: @mb_height;
	margin-bottom: 10px;
}

.menu-block-3{




	height: @mb_height;
	h2{
	    font-size: 12px;
	    font-weight: normal;
	    margin-bottom: 15px;
	    text-transform: none;
	}
	.hersteller-menu{

		.hersteller{
			z-index:100;
			position:relative;
			display:block;
			width:@mb_width;
			height:@mb_height;
		    display: inline;
		    float: left;
		    margin-right: @mb_marginRight;
			&:hover{
				.hersteller-menu{
					display: block;
				}
			}
		    a{
		    	padding: @mb_height 0 0 0;
		    	margin: 0;
		    	height:0px;
				display:block;
				width:@mb_width;
				color:#F0F0F0;
				background: url("../images/produkte/produkte-menu-hover_icon3.jpg") no-repeat scroll 0 0 transparent;
				overflow:hidden;
		    }
		    /*Ebene 2*/
		   .hersteller-menu{
		    	position: absolute;
		    	bottom: @mb_height;
		    	left: 0px;
		    	background-color:#474647;
		    	padding: 5px 5px 10px 5px;
		    	width:calc(@mb_width - @mb_marginRight - 2);
		    	display: none;

			    .categorie{
			    	background: none;
			    	height: auto;
			    	a{
			    		width:calc(@mb_width - @mb_marginRight - 2);
			    		font: 12px/20px Arial, sans-serif;
			    		background:#474647;
			    		height:auto;
			    		padding: 6px 0;
			    		font-size: 11px;
			    		line-height:16px;
			    		color:#D9D9D9;
			    		&:hover{color:#ffffff;}
			    		}
			    }
			}

		}
		.last{
			margin-right:0;
		}
		// dline
	.hersteller-term-3{
		a{background-position: 0 0;}
		&:hover{
			a{background-position: 0 -190px;}
			}
	}
	// frost
	.hersteller-term-452 {
		a{background-position: -316px 0;}
		&:hover{
			a{background-position: -316px -190px;}
			}
	}
	// fritz jurgens
	.hersteller-term-465 {
		a{background-position: -158px 0;}
		&:hover{
			a{background-position: -158px -190px;}
			}
	}
	// rapsel
	.hersteller-term-20{
		a{background-position: -474px 0;}
		&:hover{
			a{background-position: -474px -190px;}
			}
	}
	// innermost
	.hersteller-term-473{
		a{background-position: -632px 0;}
		&:hover{
			a{background-position: -632px -190px;}
			}
	}
	// lampas - veksö
	.hersteller-term-71{
		a{background-position: -790px 0;}
		&:hover{
			a{background-position: -790px -190px;}
			}
	}

	}
}