@import "global_variable.less";

/*drupal resets*/
span.field-label{font-weight:bold;float:left;margin-right:3px;}


/*Allgemeines Seitenlayout*/
body{background: @ts_bg_pagewrapperA;}
	a{
		color:#333333;
		text-decoration: none;
		&:hover{color:#28292A;}
	}

#page{
	background-color: @ts_bg_page;
	position: relative;
	color:#D9D9D9;

    #branding{
    	margin-top: 70px;
    	#brand{
    		.tsline;
    		height: 50px;
    		#site_name{
    			a{
				    background:url("../images/colorset3/ts_logo_color1.jpg") no-repeat scroll -3px 0 transparent;;
				    display: block;
				    height: 0;
				    overflow: hidden;
				    padding-top: 42px;
				    width: 270px;
				}
    		}
    		#slogan{
    			font: 14px/20px 'EagleLight', Arial, sans-serif;
    			background: url("../images/colorset3/ts_claim.png") no-repeat scroll -3px 23px transparent;
    			margin: 0;
    			height: 0;
    			overflow: hidden;
				display: block;
				padding:42px 0 0;
    			}
    	}
    	#main_menu{
    		height: 30px;
    		margin-bottom: 20px;
    		.tsline;
    		.block{
    			margin:0;
    		}

    	}
    }

    #header{}
	#page_top{}
	#sidebar_first{
		margin-top:10px;
		overflow: hidden;
		.block{
			h2, h3{
				font-size:13px;
				line-height: 16px;
				padding: 0;
				color:#000000;
				}

			h3{	font-size:12px;
				margin-bottom: 3px;
			}
		}

		}

	.noPagetitle #page-title{display:none;}

    #footer_wrapper{
    	margin-bottom:30px;
		#footer_inner{
			font-size:11px;
			padding-top:8px;
			margin-top:30px;

			border-top: 1px solid @ts_border-color;
			#copyrightinfo{
				margin-top: 8px;
				text-align: right;
			}
		}
		#footerlinks li.menu-7079{
			padding-right: 0px;
			 a{
				padding: 25px 0px 0px;
		    margin: 0px;
		    height: 0px;
		    display: block;
		    width: 25px;
		    color: #F0F0F0;
		    background: transparent url("/sites/all/themes/tsbase/images/fb_icon.jpg") no-repeat scroll 0px -28px;
		    overflow: hidden;
				&:hover{
					background-position: 0px -3px;
					}
			}
		}


    }

}

.logged-in #main_wrapper.unpublished{
		background: url("../images/unpublished.png") no-repeat scroll 730px 5px transparent;
	}
.logged-in.node-type-produkt-clone #panel-right{
		background: url("../images/copy.png") no-repeat scroll 550px 50px transparent;
	}

.panel-display {
	.panel{
		margin-bottom:20px;
	}
}

#panel-detail{
	h2{
		margin-bottom: 7px;
	}
	p{
		font-size:12px;
		line-height:18px;
	}
}





.view-produkte-zur-aktuellen-kategorie .views-row{
/*	height: 250px;*/
}
.produkte_thumb{
        &:hover{
            a{
            display: block;
            background-color: #595959
             }
	}

	margin-bottom: 15px;
	.produkt_thumb{
			display: block;
		    height: 120px;
		    width: 160px;
			a{
			display: block;
			height: 120px;
			width:160px;
			}

		}

	.produkt_artikelnr{
			line-height:12px;
			color:#D9D9D9;
			font-size:11px;
			display: block;
			width: 156px;
			padding:5px 2px 5px 2px;
	}
	.produkt_titel{
			line-height:16px;
			color:#D9D9D9;
			font-size:12px;
			display: block;
			width: 156px;
			padding:5px 2px 1px 2px;
	}
}

/*View Block - PDF Dokumente unter Kategorien
 *
 * .block-views .view-pdf-dokument-produktkategorie
 * .block-views .view-pdf-dokument-produkgruppen
 *
 * */


#panel-download{
	h3{
		font-size: 16px;
	    line-height: 20px;
	    margin-bottom: 5px;
	    color: #D9D9D9;
	}
	a {
	    color: #D9D9D9;
	    font-size: 11px;
		&:hover{color: #1A1A1A;}
	}
}

	.view-pdf-dokument-produktkategorie{
		width: 220px;
		overflow: hidden;
		padding-top: 10px;
		.pdfdocument {
				padding: 0 0 4px 22px;
				background: url("../icons/application-pdf.png") no-repeat scroll  transparent;
				overflow: hidden;
				display:block;
				width: 190px;

				a{
					padding:0;
					font-size: 11px;
					line-height: 18px;
				}
				img{display:none;}
			}
		}

	.pdf_group{
		h3{font-size: 17px; margin-bottom: 12px;}
		overflow: hidden;
		margin-bottom: 6px;
		.views-row {
			width: 450px;
			clear: left;

		}
		.pdfdocument {
				padding: 0 0 4px 22px;
				background: url("../icons/application-pdf.png") no-repeat scroll  transparent;
				overflow: hidden;
				display:block;
				width: 400px;

				a{
					padding:0;
					font-size: 12px;
					line-height: 18px;
				    color: #D9D9D9;
				    font-size: 11px;
				    width: 400px;
					&:hover{color: #1A1A1A;}
				}
				img{display:none;}
			}
		}


	.view-pdf-dokument-produkgruppen{
		.pdfdocument {
				width: 220px;
				padding:0;
				span{
					background: url("../images/icon_sprite.jpg") no-repeat scroll -5px -2px transparent;
				    clear: both;
				    display: block;
				    padding: 0 0 4px 22px;
				    width: 200px;
					&:hover{background-position: -5px -152px;}
					a{
						padding:0;
						font-size: 11px;
						line-height: 18px;
					}
					img{display:none;}
			}}

		}

	.views-row-last{
		.pdfdocument{margin-bottom: 10px;}
	}


.view-id-news{

	.clear_news{
		.tsBottomline;
		visibility:visible;
		width: 100%;
		margin-bottom:40px;
	}

	.clear_news.views-row-last{
		border:none;
		visibility:visible;
		width: 100%;
		margin-bottom:40px;
	}



	.news_beitrag {
	margin-bottom:20px;

	.views-field-field-news-bilder{
		li{
			float: left;
			display:inline;
			margin: 2px 15px 2px 0;
		}

	}
	.views-field-edit-node{
		clear: both;
		padding:15px 0 0 0;
	}
	}
}
#views_fluidgrid_news_page{
	.views-fluidgrid-item{
		.tsBottomline;
		padding:10px 0;
		margin-bottom:20px;
	}
}



/* Node Produkte
 *
 * */


.field-name-field-artikelnr{
	margin-bottom: 15px;
}
#panel-productimage .pane-entity-field{
	margin-bottom:20px;
}
#panel-head h1{
	margin-bottom: 0;
}

.field-name-field-attmnt{
    a{
      float:left;
    }
}

.field-type-file{
  .field-items{

  }

  .field-item{
    clear:left;
  }

  span.file{
    line-height: 25px;

    img{
      float:left;
      padding-top: 2px;
      padding-right: 4px;
    }
  }
}

.views-field-field-attmnt{
  span.file{
		line-height: 25px;
		padding: 0 0 4px 0px;
    overflow: hidden;
    display: block;
    width: 320px;

    img{
      float:left;
      padding-top: 2px;
      padding-right: 4px;
    }
  }
}

/* Produkte Submenu - Menu Block
 *
 */
div.panel-separator{
	clear:both;
}

.menu-block-4{
	width: 720px;
	.produkt-submenu{

		.produktkat_thumb{
			height: 164px;
			width:180px;
			margin-bottom: 5px;
			/*margin-right:20px;*/
			position: relative;
			float: left;
			display:inline;
			a{
				display: block;
				margin:0;
				padding:0;
				height:149px;
				width:160px;
				z-index: 99;
			}
			.produkt_thumb{
					display: block;
					margin:0;
					padding:0;
					height: 155px;
					position:absolute;
					top: 0px;
					background-color:#595959;
					&:hover{
						background-color:#474647;
					}
				}
			.produktkat_titel{
					    display: block;
					    padding: 5px 0 5px 5px;
					    position: absolute;
					    font-size:11px;
					    top:120px;
					    height:25px;
					    width: 158px;
					    color:#F0F0F0;
					    a{
					    	height:25px;
					    	width: 155px;
					    	color:#F0F0F0;
					    	line-height:13px;
					    	}
						&:hover{background-color:#474647;}
			}

			.termeditlink{
				position: absolute;
				top: 0px;
				right: 15px;
				text-align: center;
				a{
					display: block;
					color:@ts_text;
					background-color:@ts_bg_page;
					margin:0;
					padding:0;
					font-size:11px;
					line-height:16px;
					text-height:14px;
					height:18px;
					width:70px;
					text-align: center;
                                        &:hover{color:@ts_menu_hover;}
				}

			}
		}
	}
}


#produkt-submenu-hersteller{
	.produkt-submenu{

		.produktkat_thumb{
			height: 125px;
			width: 110px;
			margin-right:8px;
			overflow:hidden;

			.produkt_thumb{
				height: 130px;
				a{
					img{
						width:128px;
					}
				}
			}

			.produktkat_titel{
				top:96px;
			}

		}
		.produktkat_thumb.last{
			margin-right:0px;
		}
	}
}



#panel-product{
	overflow:hidden;
}


.pane-pdf-dokument-produkgruppen{
	padding-top: 10px;
	h2{
    color: #333333;
    font-family: 'LatoLight',Arial,sans-serif;
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
	}
}



/*ts_teaser Block
wird derzeit nicht eingesetzt
image_box
teaser_box1
teaser_box_image
teaser_box_content
front-teaser00
**/

#front-image_teaser{
	display: block;
	height: 385px;
	background: url("../images/front-teaser00.jpg") no-repeat scroll 0 0 transparent;
}


#block-block-1{
	.tsBottomline;
}

.ts_teaser{
	height:385px;
	position: relative;
	div{
		display:block;
		position: absolute;
	}
	h4{
		margin: 8px 7px 10px 12px;
		color: #ffffff;
	}
	#image_box{
		background: url("../images/teaser/teaserimage00.jpg") no-repeat scroll 0 0 transparent;
		}
	.teaser_box_content p{
		margin: 0 7px 0 12px;
		color: #ffffff;
		line-height: 21px;
		font-size: 12px;
	}
	#image_box{
		top:0px;
		left: 0px;
		height: 230px;
		width: 480px;
		background-color:#666666;
	}
	#teaser_box1{
		top:230px;
		left: 0px;
		height: 155px;
		width: 480px;
		.teaser_box_image{
			top:0px;
			left:0px;
			height: 155px;
			width: 180px;
			background: url("../images/teaser/baseteaser1.jpg") no-repeat scroll 0 0 transparent;
		}
		.teaser_box_content{
			top:0px;
			left: 180px;
			height: 155px;
			width: 300px;
			background-color:#4D4D4D;
		}
	}
	#teaser_box2{
		top:0px;
		left:480px;
		height:385px;
		width:230px;
		.teaser_box_image{
			top:0px;
			left:0px;
			height: 155px;
			width: 230px;
			background: url("../images/teaser/baseteaser2.jpg") no-repeat scroll 0 0 transparent;
		}
		.teaser_box_content{
			top:155px;
			left:0px;
			height: 230px;
			width: 230px;
			background-color:#5AAB3C;
		}
	}
	#teaser_box3{
		top:0px;
		left:710px;
		height:385px;
		width:230px;
		.teaser_box_image{
			top:0px;
			left:0px;
			height: 155px;
			width: 230px;
			background: url("../images/teaser/baseteaser3.jpg") no-repeat scroll 0 0 transparent;
		}
		.teaser_box_content{
			top:155px;
			left:0px;
			height: 230px;
			width: 230px;
			background-color:#C4C5C6;
		}
	}
}



.view-inserate .view-content{
	h3{
		clear:both;
		margin-bottom: 13px;
	}

	.views-row{
	    height: 310px;
	    margin-bottom: 25px;
	}

	.views-field-title{
	    font-size: 11px;
	    line-height: 20px;
	    margin-bottom: 5px;
	    width: 80%;
	}
	img{
		margin-bottom: 5px;
	}

		.views-field-field-pdf-inserat {
				padding: 0 0 4px 22px;
				background: url("../images/icon_sprite.jpg") no-repeat scroll -5px -2px transparent;
				overflow: hidden;
				display:block;
				width: 400px;

				&:hover{background-position: -5px -152px;}
				a{
					padding:0;
					font-size: 12px;
					line-height: 18px;
				    color: #333333;
				    font-size: 11px;
				    width: 400px;
					:hover{color: #1A1A1A;}
				}
				img{display:none;}
			}
}



/*Webform
 *
 * Mittels Patch ist es möglich
 * 960 Grid in Form Elemente einzutragen
 *
 * */

/*Webform Form Elemente*/


.node-webform .form-actions{
	clear:both;
}
.node-webform .form-submit{
	float: right;
        margin: 15px;
}

.webform-container-inline label{
	float: left;
	min-width:120px;
}

.page-node-1943 #main_wrapper{
	background: url("../images/austria_leipnitz.jpg") no-repeat scroll 530px 20px transparent;
}

#node-1943{
	div.field-name-body{
		width: 940px;
		margin-right: 0;
		margin-left: 0;
		display:block;
	}
	#webform-client-form-1943{
		clear: both;
		label{width: 120px;}

		fieldset{
			margin-bottom: 0;
		}
		#webform-component-group{
			width: 460px;
			padding-top: 20px;
			margin-left: 0;
			float:left;
		}
		#webform-component-nachricht{
			width: 460px;
			margin-right: 0;
			float:left;
			textarea{width: 420px;}
		}
	}

}


/*Webform Results Page*/

.webform-results-per-page{
	margin-bottom: 25px;

}
.page-node-submissions .tableheader-processed{

	td{padding: 5px 15px;}
}

#webform-component-group--newsletter .form-type-checkbox label{
	display: none;
}

/* Slideshow Page */
.view-slideshow-frontpage{
	height: 385px;
	width:940px;
	overflow: hidden;
	.views-row{
		position: relative;
		height: 385px;
		.views-field-title{
			position: absolute;
			bottom: 0px;
			left: 0px;
			padding: 10px 0 20px 0;

			font-size: 10px;
			.slideshow-titel{
				padding:3px 10px 3px 3px;
				color:#ffffff;
				background-color:  #696969;
			}
		}
	}
}

.pane-views-nodequeue-1-block{
	height: 315px;
	width:940px;
	overflow: hidden;
}

.sl_layout_164{
	height: 315px;
	width:940px;
	.slidehowimage{
			width: 565px;
			height: 315px;
			margin: 0;
			padding: 0;
		img{
			width: 565px;
			height: 315px;
		}
	}
	.textbox{
		height: 315px;
		background-color:#595959;
		h2{padding-top: 40px;}

		.regionbox{
			padding:15px 10px;
			p{
				font-size: 11px;
				line-height: 22px;
			}

		}

	}
}

.sl_layout_165{
	height: 315px;
	width:940px;
	position:relative;
	.textbox{
	    height: 255px;
	    position: absolute;
	    right: 0;
	    top: 30px;
	    width: 350px;
	    .regionbox{
	    	background-color: #595959;
			padding:15px 10px;
				p{
					font-size: 11px;
					line-height: 22px;
				}
		}
	}
}


.sl_layout_126{
	height: 315px;
	width:940px;
	position:relative;
	.imagetitle{
	    position: absolute;
	    left: 0;
	    top: 285px;
	    h2{
	    	font-size:13px;
	    	line-height:16px;
	    	margin:0px;
	    	padding: 5px 10px;
	    	color: #333333;
	    	font-family:'EagleLight', Arial, sans-serif;
	    }
	}
}


#node-2276{

	#panel-top{
		margin-bottom: 0px;
	}
	.ctools-collapsible-container{

		.ctools-toggle{
			display: inline;
		}
		background-color:#595959;
		h2{
			font-family:'EagleLight', Arial, sans-serif;
			color: #333333;
		    text-transform:uppercase;
		    font-size: 14px;

		    line-height: 23px;
		    margin-bottom: 10px;
		    &:hover{
		    	color:#000000;
		    	background-color:#474647;
		    }
		}
	}
}

.pane-referenzencontentpane-panel-pane-1{
	.view-header{
		margin-bottom:10px;
	}
}

.pane-node-field-ref-foto{
  .field-name-field-ref-foto{
    .field-item{
      margin-bottom:10px;
    }
  }
}

/*Referenzen Übersicht*/
#views-exposed-form-referenzencontentpane-panel-pane-1{

div.description{
	display: none;
}


	.views-exposed-form{
		.views-submit-button,
		.views-reset-button{
			margin:8px 15px;
			height: 40px;

			.form-submit{
					margin-top: 10px;
				}
			}
		.views-submit-button{
			clear: both;
		}
		label{
			line-height:22px;
		  	font-size: 13px;
		  	margin-bottom: 10px;
		}
		.bef-select-as-radios,
		.bef-checkboxes label,
		.bef-tree label.option{
			    font-size: 11px;
			    font-weight:normal;
			    }

		#edit-field-bundesland-term-tid-wrapper,
		#edit-field-ref-produktgruppe-tid-wrapper,
		#edit-field-ref-objekttyp-tid-wrapper,
		{
		    float: left;
		    display:inline;
		    padding:0 10px 8px 10px;
		    height: 320px;
		    overflow:hidden;
	   }
	   #edit-field-bundesland-term-tid-wrapper{
	   		width: 140px;
	   }
	   #edit-field-ref-produktgruppe-tid-wrapper{
	   		width: 225px;
	   }
		#edit-field-ref-objekttyp-tid-wrapper{
			width: 510px;
			padding-right:0px;
			.views-widget{
				width: 540px;
				div.form-item{
					height: 280px;
					width: 510px;
					div.form-type-radio{
						float: left;
						height: 22px;
						display:inline;
						width:255px;
					}
					label{
						font-size: 11px;
						font-weight:normal;
					}
				}

			}
		}

		#edit-field-ref-produktgruppe-tid{
		label{
			    font-size: 11px;
			    font-weight:normal;
			    }

		}

	}

}

.referenz_thumb{
	/*:hover{background-color: #595959;}*/

	&:hover{
		.title{
			background-color: #595959;
		}
		.noRefImage .title{
			background: none;
		}
	}

	height: 180px;
	margin-bottom: 15px;
	.produkt_thumb{
			display: block;
		    height: 120px;
		    width: 160px;a
			a{
			display: block;
			height: 120px;
			width:160px;
			}

		}
	.foto{

	}

	.title{
			line-height:16px;
			a{color:#D9D9D9;}
			font-size:12px;
			display: block;
			width: 215px;
			height:55px;
			padding:5px 3px 1px 2px;
	}

	.noRefImage{
		cursor: default;
		padding:3px;

		.title{
				line-height:16px;
				margin-bottom: 12px;
				font-size:12px;
				display: block;
				width: 160px;
				height:auto;
		}

		p{
			    margin-bottom: 8px;
			    line-height: 16px;
			    font-size:11px;
			    color: #333333;
		}

	}

}


/*Referenzen Node Panel node-type-referenz*/
.node-type-referenz{

	.field-name-field-ref-fotobeschreibung {
		font-size:10px;
		padding: 3px 0;
	}
	.field-ref-foto{
				margin-bottom:10px;
				}
	.panel-head{
		h1{margin-bottom:10px;}
	}
	#panel-right{
		.panel-pane {

			margin-bottom:15px;
			h2{
				font: 15px/20px 'LatoLight',Arial,sans-serif;
				margin-bottom: 5px;
				color: #333333;
			}
		}
	}
}



#cboxLoadedContent{
	background-color:#595959;
}
#colorbox{
	#user-login{
		padding:5px 20px;
		color:#D9D9D9;
		label{
			color:#D9D9D9;
		}
	}
}

/*Admin Panel - auswahl Template*/
#main_wrapper .panels-choose-layout .form-item-layout{
	width: 160px;
	.caption{width: 160px;}
}

.ts_margin_bottom{margin-bottom: 20px;}
.ts_border_top{
    border-top: 1px solid @ts_border-color;
    padding-top:15px;
}

ul.bef-tree{
	li{
		margin-left: 0px;
	}
	}


/*search pages*/
.page-search #main_wrapper{
		#search-form{
			.form-type-textfield{
				float: left;
				margin-top: 0;
				}
		}
		#edit-submit{
			clear: both;
			margin-top: 18px;
			margin-left:25px;
		}

		.search-results{
			clear: both;
			li{
				margin-left:0;
			}
		}
}

.pane-search-result .search-results{
			.node{
						margin-bottom:30px;
						}

		}

.page-search .pane-content{
		#search-block-form{
			.form-type-textfield{
				float: left;
				margin-top: 0;
				}
		}

		li h3.title{
					margin-bottom: 10px;
					}
		.search-snippet-info{
					padding-left:0;

					}
		#edit-actions{
			clear: both;
			margin-top: 18px;
			margin-left:25px;
		}
		.search-info{
			display:none;
		}
		.search-snippet{
			margin-bottom: 30px;
		}
}


#custom-search-blocks-form-1,
#custom-search-blocks-form-2{
	margin:20px 0;
	position:relative;

	.form-item, .form-actions {
	    margin-bottom: 0
	}
	#edit-actions{
	    margin: 0;
	    position: absolute;
	    right: 5px;
	    top: 0;
	}

}

#footer_content_wrapper{
	margin-bottom: 15px;
}

.view-teamcontentpane{

	h3{margin-bottom: 12px;}
		.views-field-title{
			font-size: 14px;
			margin-bottom: 2px;
		}
		.views-field-field-e-mail{
			margin-bottom: 7px;
		}

	}



.pane-content .view-display-id-block_1{

	.col1, .col2{
	  display: inline;
	  float: left;
	}
	.col1{
		width:242px;
	}
	.col2{
		width:120px;
                .item-list{

                    li{
                        display:none;
                    }
                    li.first{
                        display:block;
                    }
                }
	}
}


.view-produktgruppe-artikelliste{
	padding-top: 30px;
	color: #333333;

	.draggable a.tabledrag-handle{
			position:absolute;
			margin-top: 0.8em;
			margin-left: -0.2em;
			}

	table.views-table{
		width: 100%;
	}
	.views-field-field-produktfoto img,
	.views-field-field-masszeichnunginternet img{
		padding:6px 6px 6px 0px;
	}

	tbody .views-field-body{
		font-size:11px;
		p{margin-bottom: 10px;}

	}
	tbody .views-field-field-artikelnr, .title{
		font-size:13px;
		padding-top:5px;
		margin-bottom:3px;
		line-height:18px;
		font-weight: bold;
		text-transform:uppercase;
	}
	tbody .views-field-field-produktfoto{
		width:180px;
				}
}

.view-display-id-panel_pane_1{

	.panel-col-bottom{
		span.file{margin-right:10px;}
	}
}

/* admin menu - drupal reset elemente */

body #admin-menu,
body #toolbar {box-shadow: none;}
body #admin-menu li{font-size: 11px; line-height: 16px;}
body #admin-menu ul a{padding: 3px 8px;}
html body.admin-menu {margin-top: 0px !important; padding-top: 0px;}
html body.admin-menu #page {padding-top: 30px;}


.progress-disabled {
  float: none;
  display:inline;
}

.ajax-progress {
  float: none;
  display:inline;
}
.ajax-progress .throbber {
  background: transparent url('../images/throbber.gif') no-repeat;
  float: none;
  height: 15px;
  margin: 2px;
  width: 15px;
  display:inline-block;
}
tr .ajax-progress .throbber {
  margin: 0 2px;
}
.ajax-progress-bar {
  width: 16em;
}