@CHARSET "UTF-8";

html
{
	overflow-y: 		scroll;
}

body
{
	padding: 			0;
	margin: 			0;	
	color: 				#000;
	background-color: 	#ffffff;	
	font-family:		'Lucida Grande','Lucida Sans Unicode','Lucida Sans Regular','Trebuchet MS','Verdana','sans-serif'; 
	font-size: 			0.8em;
	cursor: 			default;
}

h1,h2,h3,h4,h5
{	
	color: 		#1C372C; /*#0A6755;*/
	font-weight: normal;
	text-shadow: #fff 1px 1px 1px;
	margin: 	0px;
	margin-bottom: 5px;
}

h1
{
	font-size: 1.6em;
}

h2
{
	font-size: 1.4em;	
		
}

h3
{
	font-size: 1.3em;	
	
}

h4
{
	font-size: 1.2em;		
	
}

h5
{
	font-size: 1em;		
	
}

p
{
	margin-top: 	0px;
	margin-bottom: 	10px;
	font-size: 		1em;
    line-height: 	1.8em;
}

a
{
	color: 				#0A6755;
	text-decoration: 	none;		
}

li 
{
	line-height: 2em;		
}


hr {border-style: none;}

.iconlink {
	
	background-image: 	url('../img/linkIcon.gif');
	background-repeat:	no-repeat;
	padding-left: 		16px;
	font-size: 			1.2em;

}
	

a:hover
{
	text-decoration: underline;		
}


input 
{	
	font-size: 					12px;
	background-image: 			url('../img/bg_search-field.gif');
	-webkit-border-radius: 		4px;
	-moz-border-radius: 		4px; 
	border-radius: 				4px;
	
   	border-style: 				solid;
  	border-width: 				1px;
	padding-left: 				4px;
}

select, option
{
	-webkit-appearance: 		none;
}

/*** head ***/


#head
{	
	
}

#headContainer
{
	width: 				1000px;
	margin: 			0 auto;	
}

#headNavigation
{	
	width:				100%;
	float: 				left;
	/*padding-top: 		10px;*/
}

#headNavigation ul.navigation
{
	float: 				left;
	list-style-type: 	none;	
	padding: 			0;
	margin: 			0;	
}

#headNavigation ul.navigation li
{
	float: 				left;	
	border-left: 		1px solid #7b7d7e;	
	padding: 			0 4px 2px;
	line-height: 		15px;	
}

#headNavigation ul.navigation li.active
{
	background: 		none;
}

#headNavigation ul.navigation li:first-child
{
	padding-left: 		0;
	border: 			none;	
}

#headNavigation ul.navigation li a	
{
	color: 				#B0B1B2;	
	text-decoration: 	none;
	font-size: 			10px;
	
	/*color: 				#7b7d7e;*/
}

#headNavigation ul.navigation li a:hover
{
	
	color: 				#e0e0e0;
	/*color: #B0B1B2;*/		
}

/* Hauptnavigation */
#mainNavigationContainer
{	
	background-image: 	url('../img/bg_mainNavigation.gif');
	background-repeat:	repeat-x;	
	height: 			40px;	
	border-bottom: 		1px solid #1C372C;	
	border-top: 		1px solid #AAEACE;
	
	position: 			relative;
	z-index: 			999;
}

#mainNavigationContainerCenter
{
	width: 			1000px; 
	margin: 		0 auto;
}




.colorChooserLink
{
	font-size: 			13px;
	/*
	min-width: 			150px; 
	width: 				251px;
	*/ 
	padding-bottom: 	2px;	
	padding: 			8px 18px;
	border-top-width: 	0;	
	height: 			26px;
	display: 			block;		
	color: 				#002108;
	text-decoration: 	none;
	text-shadow: 		1px 1px 1px #AAEACE;	
	cursor: 			pointer;
}
.colorChooserLink:hover
{
	color: 				#fff;
	text-shadow: 		0 0 0 #AAEACE;
}



.searchfieldInput
{
	margin-right: 	1px;
	width: 			150px;
	height: 		20px; 
	border-color: 	#60a794;	
}



/* Suchformular */
#searchfieldContainer
{
	float: 	right;
	height: 100%;	
}

#searchfieldContainer #searchButton
{	
	height: 24px;
    width: 33px;
	float: 	right;
	
	background-image: 	url('/website/static/source/img/searchButton.png');
	background-repeat: 	no-repeat;
}

#searchfieldContainer #searchButton:hover
{
	 background-image: 	url('/website/static/source/img/searchButton_hover.png');
}


/* breadcrumbs */
#breadcrumbsContainer
{
	height: 65px;
	float: 	left;
}

#breadcrumbs
{
	padding-top: 15px;
}

/* Sprachenauswahl */
#countrySelect
{
	float: 			right;
	padding-top: 	10px;
}

#countrySelect div
{
	height: 		24px;
	width: 			24px;	
	float: 			left; 
	margin-right: 	10px;
}

#countrySelect img	/* for IE */
{
	border: none;		
}



/*** Site ***/
#siteContainer
{
	clear: 				both;
	margin: 			0;		
	padding: 			0;	
	background-image: 	url('../img/backgroundSite.jpg');
	background-repeat: 	repeat-x;
	background-color: 	#fff;	
}

#siteContainerStart
{
	clear: 				both;
	margin: 			0;		
	padding: 			0;	
	background-image: 	url('../img/backgroundSiteStart.jpg');
}

#site
{
	clear: 				both;
	margin: 			0px auto;		
	padding: 			0;
	width: 				1000px;
	background-image: 	url('../img/backgroundSite.jpg');
	background-repeat: 	no-repeat;
}

#siteStart
{
	clear: 					both;
	margin: 				0px auto;		
	padding: 				0;
	width: 					1000px;
	background-image: 		url('../img/backgroundStart.jpg');	
	background-position: 	240px 50%;	/*308px 50%;*/
	/*background-position: 	100px 50%;*/
	
	background-repeat: 		no-repeat;
}

#main
{
	min-height: 			550px;	
	position: relative;	
}

#siteContainerStart
{
	height: 				500px;		
}


/* verschiedene Seitentemplates */
.content
{
	line-height: 		18px;	
}

.content .column h2
{
	margin-top: 		0px;
}

#content2ColLeftBig .leftColumn
{
	min-height: 		300px;
	width: 				68%;
	padding-right: 		2%;
	float: 				left;
	margin-bottom: 		25px;	
}

#content2ColLeftBig .rightColumn
{
	height: 			480px;
	width: 				30%;
	float: 				left;
	line-height: 		16px;
	font-size: 			10px;
	padding-top: 		40px;
}

#content2ColLeftBig .rightColumn img
{
	max-width: 			100%;
	border: 			0;
}

.contentColumn img
{
	border: 			1px solid #C0C8C8;
	/*background-color: 	#F7F7F7;*/
	padding: 			2px;
	
	box-shadow: 		0px 2px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 	0px 2px 3px rgba(0, 0, 0, 0.3);
}

.contentColumn img.withoutStyles
{
	border: 			none;
	background:		 	none;
	padding: 			0;
	
	box-shadow: 		0px 0px 0px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 	0px 0px 0px rgba(0, 0, 0, 0.3);
}





/*** Header ***/

.headerContainer 
{
	width: 				1000px;
	margin: 			0 auto;
	height: 			120px;	
	text-align: 		right;

	/*background-image:	url('/website/static/source/img/bg_header.gif');*/
}


#headNavigation 
{
	height: 			15px;
}

#logo
{
	padding: 			20px 0; 
	height: 			60px;	
}

#logo a img
{
	border: 			none;
}




/*** Footer ***/
#footerContainer
{
	background: #ffffff;
	color: 		#6c6f70;	
	font-size: 	10px;
	z-index: 999;
	position: relative;
	
	background-image: 	url('../img/backgroundFooter.png');
	background-repeat: 	repeat-x;
}

#footer
{
	width: 	1000px;
	height: 130px;
	margin: 0 auto;	
	padding-top: 8px;
}

#footer a
{
	color: 				#7b7d7e;
	text-decoration: 	none;		
}

#footer a:hover
{
	/*text-decoration: 	underline;*/
	color: #B0B1B2;
}

#footer p
{	
	padding: 0px 0;
	margin: 0px;	
}

#footer .logo
{
	background-image: 	url('../img/footer_logo.gif');
	float: 				right;
	height: 			80px;
    width: 				272px;
}




/* Footerproduktliste */
#footer #productListFooter
{
	float: 					left;
	font-size: 				12px;
	width: 					700px;
	height:					180px;	
	
	position: 				relative;
	
	
}

#footer #productListFooter .productFooter
{
	clear: 					both;
	border:					0; /*1px solid red;*/
	
	position: 				relative;
	width: 					468px;
	height:					150px;
}

#footer #productListFooter .bx-wrapper .bx-controls.bx-has-controls-direction
{
	display: 				none;
}

#footer #productListFooter:hover .bx-wrapper .bx-controls.bx-has-controls-direction
{
	display: 				block;
}

#footer #productListFooter .productFooter .productFooterProductImage
{
	position: 				relative;	
	top: 					0;
}

#footer #productListFooter .productFooter .productFooterProductImage img
{
	border: 				0;
	-moz-border-radius: 	7px; 
	-khtml-border-radius: 	7px; 
	-webkit-border-radius: 	7px; 
	border-radius: 			7px;
	
	max-width: 				468px;
	
	margin: 0;
	padding: 0;
	
}

#footer #productListFooter .productFooter .productFooterProductName
{
	position: 				absolute;		
	bottom: 				0;
	left: 					10px;
	color: 					#4D4D4D;
	font-size: 				14px;
	
	text-shadow: 			1px 1px 1px #bbb;
}

#footer #productListFooter .productFooter .productFooterProductNewFlag
{
	position: 			absolute;
	top: 				0;
	
}

#footer #productListFooter .productFooter .productFooterProductNewFlag img
{
	border: 			0;
}








/* FilterBox */
.formLabel {
	margin-top: 10px;
	font-size: 11px;
}

.productSearchfieldInput {
	width: 210px;
	height: 25px;
	margin:  5px 0 10px 0;
	border-color: #000000;
}

#productSearchButton span {
	 width: 188px;
}

.boxProductImg {
	float: left;
    padding-top: 5px;
    width: 52px;
}


.boxProductTitle {
	width: 160px;
	float:left;
  	padding-top:2px;
}

.boxContentRow {
  border-bottom-color:#888888;
  border-bottom-style:dotted;
  border-bottom-width:1px;
  height:24px;
  padding: 3px 0;
  padding-bottom: 1px;
}



/* contactform */
/*
#contactform .row
{
	clear: 		both;
	height: 	25px;
}

#contactform .leftColumn
{
	float: 				left;
	width: 				225px;
	padding-top: 		2px;
}

#contactform .addressblockLeft
{
	margin-right: 50px;		
}

#contactform .addressblockLeft .leftColumn
{	
	width: 100px;		
}

#contactform .addressblockRight .leftColumn
{	
	width: 200px;		
}

#contactform .addressblockLeft .searchfieldInput,
#contactform .addressblockRight .searchfieldInput	
{	
	width: 225px;		
}

#contactform .rightColumn
{
	float: left;
}

.searchfieldInputRedBorder
{				
	background-image: 	url("../img/bg_search-field_red.gif");
	border-color: 		#9f0023;
}

.searchfieldRedFontColor
{	
	color: #9f0023;
}
*/











.cholorChosserButton
{
	padding-left:5px;
	padding-right:5px;
}

.cholorChosserBox div
{
	float:left;
}
.cholorChosseValue {
	padding-right: 5px;
}

.cholorChooserTable  
{
	margin-right: 20px;
}


.cholorChooserTable td 
{
	padding: 5px;
}

/*  Produkt Tabelle */
#articletable .ui-button-text {
	padding: 1px;
}


.product-table {
	width: 100%;
	border-collapse:collapse;
	
}

.product-table th {
	border-bottom:2px solid #006600;
	padding: 12px 2px;
	text-align:center;
	font-size:0.9em;
	font-weight:normal;
}

.product-table td {
	border-bottom:1px dotted #006600;
	padding: 6px 3px;
	text-align:center;
	font-size:0.9em;
}

.techinfoShortSigns {
	float: left;
	border: 1px solid #006600;
}

.techinfoShortSigns span {
	font-size: 2.7em;
	padding-left: 20px;
	padding-right: 20px;
}

.techinfo-table {
	color: #000000;
	width: 100%;
	border-collapse:collapse;
	
}

.techinfo-table th {
	border-bottom:2px solid #006600;
	padding: 12px 2px;
	text-align:center;
	font-size:0.9em;
	font-weight:normal;
}

.techinfo-table td {
	/*border-bottom:1px dotted #006600;*/
	padding: 6px 3px;
	text-align:center;
	font-size:0.9em;
}

.articleSku {
	
	margin-right: 5px;
}


.pth-a {
	background-color:#ADE0D3;
	
	
}

.pth-b {
	background-color:#82D8BF;
	
}
	
.ptb-a {
	background-color:#ADE0D3;
	border-bottom:1px dotted #006600;
	
}

.ptb-b {
	background-color:#82D8BF;
	border-bottom:1px dotted #006600;
	
}

#productImage 
{	
	 background: 			#F2F2F2;
	 border:				1px solid #D6D8D8;
	 /*padding:				2px;*/
	 width:					1000px;
	 margin-bottom: 		30px;
	 margin-top:			10px;
}


.pager 
{
	padding-bottom: 		5px;
    padding-top: 			5px;
	border-bottom: 			1px dotted #000;

	position: 				relative;
	
	/*
	padding-bottom: 20px;
    padding-top: 10px;
    */
}

.pagerRight 
{
	/*float:					right;*/
}

.pagerRight a
{
	color: 					#000;	
}

.product-search-box 
{ 
	float: 					right; 
	padding-left: 			40px; 
	padding-top: 			12px;
	width: 					70%; 
}

.product-search-box .productListBox,
.productListBox
{
	position: 				relative; 
	border-bottom: 			1px dotted #000; 
	padding-bottom: 		5px; 
	padding-top: 			5px; 
	clear: 					both;	
}

.product-search-box .productListBox .productlink
{
	/*
	position: 				absolute; 
	bottom: 				5px; 
	right: 					0;
	*/
}







.product-fliter-search-box {
	
}

.product-image-box {
	
	float:left;
	margin-right:10px;
}
.productlink 
{
	/*float:right;*/
}

.productList .product-image-box,
.product-image-box
{
	width: 				100px;
	min-height: 		50px;
}


.product-filter-label {
	padding-bottom: 5px;
	font-size: 1.2em
}
.product-filter-combo {
	text-align:left;
	font-size: 1.2em;
}

hr {
	color: #000000; 
	background-color: transparent; 
	border: 1px dotted #000000; 
	border-style: none none dotted; 
	}

#certifications 
{
	
}
#attributes {
	
	margin-bottom: 30px;
}

#notice {
	margin-top: 20px;
	
}
#notice p {
	margin: 0;
	line-height: 1.3em;
}

#packaging {
	margin-top: 20px;
	padding-bottom: 20px;
	
}
#packaging p {
	margin: 0;
	line-height: 1.3em;
}


/* Kontaktverzeichnis */
.contactTableContainer
{
	clear: 			both; 
	padding-top: 	15px;
}

.contactTableContainer .contactTableContainerHeadline	
{
	border-top: 	1px solid #ccc;
	padding-top: 	15px;	
}

.contactTableContainer .contactTableBlock
{
	float: 			left; 
	width: 			315px; 
	margin-top: 	10px;
	margin-bottom: 	10px;
}






/* Kataloge anfordern */
.catalogsRow
{
	clear: 	both; 
	height: 200px;
}

.catalogsRow .catalogContainer
{
	float: left; 
	width: 50%;
}

.catalogsRow .catalogContainer .catalogPreview
{
	float: 			left; 
	margin-right: 	10px;
}

.catalogsRow .catalogContainer .catalogDescription
{
	float: left;
}
.catalogsRow .catalogContainer .catalogDescription h2
{
	padding-top:0
}

.tooltip {padding-top: 25px;}

.tooltip ul {list-style-type: none; text-decoration: underline; cursor: pointer;}

.tooltip ul li span 		{padding-left: 40px;}

.tooltip p {font-size: 1.2em; font-family: Verdana,Arial,sans-serif;}

.techinfo 
{
	padding-top:			5px;
}

.techinfoItem {border-bottom: 1px dotted; width: 650px;}

.techinfoItemText 
{	
    padding: 				5px 0 5px 20px;
		
	color: 					#1C372C;
	font-weight: 			normal;
	text-shadow: 			#fff 1px 1px 1px;
	margin: 				0 0 5px 0;
			
	
	font-size: 				16px;
			
	background-image: 		url("/website/static/source/img/linkIcon_dark-green.gif");
	background-repeat: 		no-repeat;
	background-position: 	left center;
}

.techinfoShortSigns:HOVER{background-color: #00301D;}



/* Produkte - Seite */

.productSiteRow
{
	clear: 					both;
	min-height: 			24px;
	border-bottom: 			1px dotted;
	padding: 				10px 0;
	position: 				relative;
}

.productSiteRow .productSiteImg
{
	float: left;
	width: 200px;
}

.productSiteRow .productSiteDescription
{
	float: 		left;
	margin-top: 3px;
}

.productSiteRow a:hover .productSiteDescription
{
	text-decoration: underline;
}

/* snippet subnavigation */
.subNavigation ul
{
	padding: 				5px 0 0 0;
	margin: 				0;

	list-style-type: 		none;
}

.subNavigation ul li
{
	border-bottom: 			1px dotted #000;
	padding:				5px 0;
	margin:					0;		
}

.subNavigation ul li a,
.colorChooserLink
{
	color: 					#1C372C;
	font-weight: 			normal;
	text-shadow: 			#fff 1px 1px 1px;
	margin: 				0 0 5px 0;		
	padding: 				0 0 0 20px;
	font-size: 				16px;
			
	background-image: 		url("/website/static/source/img/linkIcon_dark-green.gif");
	background-repeat: 		no-repeat;
}

.subNavigation ul li a:hover,
.colorChooserLink:hover
{
	color: 					#0A6755;		
	cursor: 				pointer;
	text-decoration: 		underline;
}





/* Searchfield */
.searchForm input
{
	padding-right: 			4px;
}

.searchForm input.submit
{
	cursor: 				pointer;
	border: 				none;	
}



.search-box ul
{
	list-style-type: 		none;
	padding:				0;
	margin: 				0;
}

.search-box ul .productListBox 
{
	padding-top:			10px;
	padding-bottom:			10px;
	line-height: 			normal;
}

.search-box ul .productListBox .searchResultTitleContainer
{	
	float: 					left;
}

.search-box ul .productListBox .searchResultTitleContainer h4
{
	padding-top: 			5px;
}

.search-box ul .productListBox .searchResultTitleContainer h4 a
{
	background-image: 		url("/website/static/source/img/linkIcon_dark-green.gif");
	background-repeat:		no-repeat;
	background-position:	left;
	
	padding-left: 			20px;	
}