/* Green : #389E2E Gray: #605440 */
/* Hell Green: #DDF1D7 Gray: #434940 */

.trip {	margin: 0px auto; }
* img { border:0px;	margin:0px;	padding:0px; } 

body {
    font: 12px arial, sans-serif;
    color: #444444; /*#202020;*/
	margin: 0; padding: 0;	/* neu JW wg. Lightbox */
}

a, input[type="image"], input[type="checkbox"], input[type="radio"] { outline: none; }
h4 { font-family:Arial;	font-size: 16px; color: Gray; padding: 0px;	margin: 5px 0px 5px 0px; }
hr { color: #ACA899; }

.main_container { clear:both; width: 980px; margin: 0 auto; padding: 0px; }
.panel_left { margin: 0px; padding: 0px; float: left; width: 180px; margin-right: 10px; }
.panel_main { margin: 0px; padding: 0px; float: left; width: 600px; }
.panel_right { margin: 0px; padding: 0px; float: left; width: 180px; margin-left: 10px; }

.info { 
    border:solid 1px #BDE2AC;
    margin-bottom:8px; 
    padding: 5px; 
    background-color:white;
    overflow:hidden; 
    height: 1%;
}

.version_label { float:left; padding:32px 0px 0px 20px; color:White; }

#tabs {float:left; display:block; height:120px; width:780px; position: relative; left: 0px; top: 0px;}
#tabs ul {margin:0; padding:0; list-style-type:none;}
#tabs li {float:left;display:block;}
#tabs #current a {background-position: 0px -30px;}
#tabs a {background-position: 0px 0px; display:block; height:30px; padding: 0px; width: 156px;}
#tabs a:hover {background-position: 0px -30px;}

a.start {float:left; background-position: 0px 0px; height:120px; width:200px; margin:0px; padding:0px; border:0px;}
a.start:hover { background-position: 0px -120px; }

.info h6 { font-family:Arial; font-size:12px; color:#389E2E; font-weight:bold;}
.info h5 { font-family:Arial; font-size:14px; color:#389E2E; margin: 5px 0px 5px 0px; padding-top: 15px; }
.info h5 a { font-family:Arial; font-size:14px; color:#389E2E; margin: 5px 0px 10px 0px; }
/*.info h4 { font-family:Arial; font-size:14px; color:#605440; margin: 5px 0px 10px 0px; }*/
.info h4 { font-family:Arial; font-size:18px; color:#389E2E; font-weight:normal; margin: 5px 0px 5px 0px; }
.info h4 a { font-family:Arial; font-size:18px; color:#389E2E; font-weight:normal; margin: 5px 0px 10px 0px; }
.info h3 
{
	font-family:Arial; 
	font-size:14px; 
	color:#389E2E;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 9px;
	display:block;
	padding: 3px 3px 3px 10px;
	border: solid 1px #BDE2AC;
	border-left: none;
	clear:both!important;
}

.info p { font-family:Arial; font-size:12px; color:#202020; margin: 5px 0px 0px 0px; }
.info a { font-family:Arial; font-size:12px; color:#389E2E; font-weight:bold; text-decoration:none; }
.info ul { margin:0px 0px 10px 0px; padding-left:20px; color:#202020; list-style-image:url(./disc_12.png);}
.info hr { color:#389E2E; height:1px; }
.info_banner { margin-bottom:10px!important; }
.info_h3 { background-color:#389E2E; overflow:hidden; margin:20px 0px 10px 0px;}
.info li h5 { margin:0px;}
.info h5 strong { color:#202020; cursor:pointer; font-weight:normal; font-size:12px; } 

/*.faq { border-bottom: solid 1px #BDE2AC; padding:0px; margin: 0px;}*/
.faq h6 { font-family:Arial; font-size:12px; color:#389E2E; font-weight:bold; cursor:pointer; margin:0px;}
.faq h5 { font-family:Arial; font-size:14px; color:#389E2E; margin: 5px 0px 5px 0px; padding-top: 3px; }
.faq div { display:none; padding-bottom:5px;}


/* -- Navigation --*/
.strip_item { padding: 3px 5px;	height: 21px; color: #202020; background-color: #BDE2AC; }
.strip_item_select { color: Green; }
.menu_block { border: solid 1px #958A77; border-top: none; z-index: 100; }
.menu_item { color: Black; padding: 3px 5px; }
.menu_item_select {	color:Green; }

.site_path { color: silver; display: block; min-width: 647px; float: left;}
.site_path_item { color: silver; }

.language-switcher { display: block; float: left; }
.language-switcher a.flag { display: block; float:left; margin-right: 5px; height:14px; width:20px; background:url('./flags-18.png') no-repeat scroll 0 0 transparent; }
.language-switcher a.en { background-position: 0 0px; }
.language-switcher a.en:hover { background-position: 0 -14px; }
.language-switcher a.de { background-position: 0 -28px; }
.language-switcher a.de:hover { background-position: 0 -42px; }
.language-switcher a.ru { background-position: 0 -56px; }
.language-switcher a.ru:hover { background-position: 0 -70px; }
.language-switcher a.ch { background-position: 0 -84px; }
.language-switcher a.ch:hover { background-position: 0 -98px; }
.language-switcher a.ae { background-position: 0 -112px; }
.language-switcher a.ae:hover { background-position: 0 -126px; }
.language-switcher a.jp { background-position: 0 -140px; }
.language-switcher a.jp:hover { background-position: 0 -154px; }

.service_item {	color: White; padding: 2px 2px; }
.service_item_select { color: #202020; }

.btnGo { float: left; }
.edSearch
{
	float: left;
	margin-right: 4px;
	border: solid 1px #389E2E;
	padding: 2px;
	color: #389E2E;
}

.imgSearch { margin: 5px; }

.article-list { float: left; border: none; margin-left: 3px; }
.article-vlist { float: left; border: none; margin-left: 4px; margin-top: 5px; }
.article-item { display:block; height:250px; background-repeat:no-repeat; float: left; }
.article-list .article-item { width:191px; background-image: url('./background_191.png'); margin-right: 4px; }
.article-vlist .article-item { width:175px; background-image: url('./background_175.png'); }
.article-item-header { display:block; clear:both; height: 100px; margin: 4px 4px 2px 0px; }
.article-item-header img { display: block; margin: 0 auto!important; }
.article-item-body { padding: 2px 5px; height: 100px; }
.article-item-body a { display:block!important; font-weight:normal; text-decoration:none; color:#389E2E!important; margin-bottom: 4px; }
.article-item-footer { height: 30px; }
.article-item-price a { float:right; padding: 4px 10px 0px 0px; font-size:17px; font-weight:bold; text-decoration:none; color:#389E2E!important; }

/*-------- Forschungen + Presse ---------------*/
.info-list {
	list-style-type:none!important;
	list-style-image:none!important;
	padding:0px!important;
	margin:0px!important;
}
.info-list a {color:#389E2E; font-weight:bold; text-decoration:none;}
.info-list li { display:block; border-bottom:solid 1px #BDE2AC; padding-bottom:8px; overflow:hidden;}
/*.info-list-note { float:left; width:370px; padding-top:10px; padding-left:5px;}*/
.info-list-note { padding-top:10px; padding-left:5px;}
.info-list-logo { float:right; width:200px; text-align:right; margin-right:5px;}

/*------------- Werbemittel ----------------*/
#flyers {list-style:none!important; padding:0; margin:0;}
#flyers li {float:left; width:220px; height:170px; margin:15px; }

/*--------------- Produkt Detail ----------------------------*/
#product_detail_container {position:relative; top:0px; left:10px;  
	width:580px; font-family:"Arial", Times, serif; font-style:normal;
	overflow:hidden; color:Green; margin-bottom: 20px;}
#product_detail_gallery { float:left; width:290px; margin-bottom:15px; }
.product_detail_image { width:250px; height:200px; }
.product_detail_thumb_list { margin-top:10px; margin-left:auto; margin-right:auto; }
.product_detail_thumb { float:left; border:solid 1px green; width:40px; height:40px; margin:3px; }
#product_detail_info { float:right; width:280px; }
#product_detail_name { font-size:22px; font-weight:bold; }
#product_detail_dimensions { font-style:oblique; }
#product_detail_number { font-style:oblique; }
#product_detail_teaser {font-size:larger; font-style:oblique; font-weight:bolder;
	margin-bottom:10px; margin-top:10px; clear:both; }
#product_detail_description { clear:both; color:Black; }
#product_detail_description ul { line-height:15px; }
#product_detail_price { font-size:16px; font-weight:bold; padding-top: 10px;}
.product-detail-to-cart { padding-top: 15px;}
.product-detail-to-cart input[type="image"] {margin-bottom: -7px;}
#product-detail-recommend { margin-top: 10px;}
#product-detail-recommend a:hover { text-decoration:underline; }

/*----------------- Produkt Group -------------------------------*/
.green { color: #389E2E; font-weight:bold; font-size:14px; margin-bottom: 5px;}
.group_header { display:block; clear:both; visibility:visible; }
.group_header a { font-size:12px; color:#389E2E; font-weight:bold; text-decoration:none; }
/*.group_header h4 { font-size:22px; color:#389E2E; }*/
.group_header h5 { font-size:14px; color:#389E2E; }
/*.group_footer ul { margin:0; padding:0; list-style-type:none;}*/
/*.group_footer li { margin-bottom: 20px; }*/
.green_link { color: #389E2E; text-decoration:none; }

/*------------------- Bereiche --------------------------------------*/
/*.box-right {
	margin: 0px 0px 20px 0px; 
	padding: 10px 0px 5px 10px;	
	border: solid 1px #389E2E;
}
.box-right ul { margin:0; padding:0; list-style-type:none;}
.box-right li { margin-bottom: 5px; }
.box-right a { text-decoration: none; color: gray;}
*/
/* ------------------- Box ---------------------------------------*/
.box_panel { width: 180px; float: left;	margin: 0px 0px 10px 0px; padding: 0px;	border: 0px; }
.box_panel_header {	height: 20px; margin: 0px; border: 0px; padding: 0px; background-repeat:no-repeat; }
.box_panel_body { border: solid 0px #DDF1D7; border-color:white; padding: 1px 0px 2px 0px; background-color:white; }
.box_panel_body ul { margin:0; padding:0; list-style-type:none;}
.box_panel_body li { margin-bottom: 5px; }
.box_panel_body li a { text-decoration: none; color: #202020;}
.box_panel_body a { display:block; }

a.box_panel_button, a.box_panel_button_28,  a.box-button
{
	display:block; 
	background-repeat:no-repeat;
	margin: 0px 0px 14px 0px;
	border: 0px;
	padding: 0px;
    color: #389E2E;
    text-decoration: none; 
}

a.box_panel_button:hover { background-position:0px -22px; }
a.box_panel_button_28:hover { background-position:0px -28px; }
a.box-button:hover { text-decoration: underline; }
a.box-button span { display: block; font: bold 12px "arial"; text-align: center; margin: 3px 0; }

/*------------- SeitenMenu ----------------*/
.sm_item { color: #202020; }
.sm_item_select { color: #389E2E; }
/* -----------------------------------------*/
div.info_block { border-bottom: solid 1px #BDE2AC; padding: 10px 0px 20px 0px; overflow:hidden; }
div.info_block_no_border { border-bottom: solid 1px white; padding: 10px 0px 5px 0px; overflow:hidden; }

.stamp {float:right; margin: 0px 20px 10px 20px; }

.dd {float:right;}

.pinus-h6 {
    font-family:Arial; 
	font-size:14px; 
	font-weight: bold;
	color:#389E2E;
	background-color: #FFFFFF;
	margin: 0px 0px 0px 9px;
	display:block;
	padding: 15px 3px 0px 3px;
	clear:both!important;
}
.create-user-button {
	border: 1px solid #BDE2AC;
	background-color: Transparent;
	color: #389E2E;
	padding: 4px 10px;
	width: 100px;
	/*margin-right: 200px;	*/
}
a.create-user-button:hover { color: Black; }
.create-user-label { float: left; width: 20%; height: 23px;	padding-top: 4px; margin-left: 15px; }
.create-user-textbox { float: left;	width: 70%;	height: 27px; overflow:hidden; }

.address-label { float: left; width: 120px;	height: 27px; padding-top: 4px;	margin-left: 15px; }
.address-textbox { float: left; width: 330px; height: 27px; overflow:hidden; }
.address-message { float: left;	width: 100px; height: 27px; padding-top: 4px; margin-left: 15px; }

.float-right { float:right; }

.order-items { margin: 8px 2px 5px 1px;	border: solid 1px #BDE2AC; width: 100%; }

.order-items-header-style, .order-items-header-style td, .order-items-header-style th {
	padding:5px 8px; border: solid 1px #BDE2AC;
}

.order-items-row-style, .order-items-row-style td {
    padding:5px; border: solid 1px #BDE2AC; 
}

.order-notes { width: 560px; height: 60px; border: solid 1px #BDE2AC; }

.link-shopping-cart { color:#389E2E; text-align:center; text-decoration:none; }
.link-shopping-cart:hover { text-decoration:underline; }
.image-link-shopping-cart { float:left; margin: 5px 10px; }

fieldset {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF none repeat scroll 0 0;
	border: solid 1px #BDE2AC;
	color:inherit;
	margin:15px 0px 10px 1px;
	position:relative;
	padding: 0px 10px;
}

.fieldset-container {
	padding: 10px 0px;
}

.fieldset-select {
	padding: 1px;
	height: 25px;
}

.fieldset-input-text {
	padding: 1px;
	height: 18px;
}

.fieldset-input-button {
	border: solid 1px #BDE2AC;
	height: 24px;
	background-color: White;
	color: #389E2E;
	margin-top: 5px;
}

.error-label { color: Red; margin-left: 10px; }

.item {
	background: transparent url("./background_191.png") no-repeat;
	display: block;
	float: left;
	height: 250px;
	position: relative;
	width: 191px;
	margin: 0px 1px 0px 4px;
}

.item a {
	display: block;
	float: left;
	height: 240px;
	overflow: hidden;
	position: relative;
	text-decoration: none;
	width: 182px;
	margin: 5px;
}

.item a img {
    display: block;
    margin: 0 auto !important;
}

.item a strong {
	display: block;
	font: bold 12px "arial";
	margin: 5px 0px;
}

.item a small {
	display: block;
	font: normal 12px "arial";
	margin-bottom: 4px;
}

.item a small.slogan {
    font-style:italic;
}

.item a small.bp {
	color: Black;
	font: italic 10px "arial";
	margin: 0 8px;
}

.item a em {
	display: block;
	font: bold 18px "arial";
	left: 5px;
	position: absolute;
	text-align: right;
	bottom: 10px;
	width: 170px;
}

div#zoom-icon {
    display:inline;
    position:absolute;
    top: 153px;
    left: 215px;
}

div#zoom-icon span {
    background:url("./zoom.png") no-repeat scroll 0 0 transparent;
    cursor:pointer;
    display:block;
    height:30px;
    width:30px;
}

.newsletter-box { float: left; width: 568px; border: solid 1px #BDE2AC; padding: 2px 8px 4px 8px; margin: 8px 5px 5px 0px; }
.newsletter-box input[type="checkbox"] { display:block; float:left; }
.newsletter-box label {display:block; float:left; margin-left:3px; padding-right:1px; padding-top:2px; width:535px; }

.text-align-left { text-align: left; }

/* Create Account */
.form-row { margin: 5px 0; }
.form-row input { color: #4A4A4A; }
.form-row input[type="text"], .form-row input[type="password"] {border: 1px solid #CCCCCC; padding: 2px; }
.form-header-row { border:1px solid #BDE2AC; background-color: #ECFAEA; padding:5px 20px; font-weight:bold; margin:10px 0px; }
.form-text-row { padding:5px 20px; margin:10px 0px; }
.form-button-row { clear: both; overflow: hidden; margin-bottom: 5px; padding: 0px 5px;}
.form-check-row {clear: left; margin: 0px 0px 0px 20px; overflow: hidden; line-height: 14pt; }
.form-check-row input[type="checkbox"] { float: left; margin: 0px 5px 0 0; }
.form-check-row label { float: left;  width: 540px; }

.form-label  {
    color: #3E3E3E;
    display: inline-block;
    font-size: 12px;
    padding: 2px 6px 2px 2px !important;
    text-align: right;
    /*vertical-align: top;*/
    white-space: nowrap;
    width: 130px;
}

.form-select { border: 1px solid #CCCCCC; padding: 1px; width: 307px; }
.form-field-100 { width: 301px; }
.form-field-75  { width: 241px; border: 1px solid #CCCCCC !important;}
.form-field-50  { width: 146px; }
.form-field-25  { width: 51px; }

.form-area-50 { width: 290px; float:left; padding: 2px; }
.form-area-50 .form-row input[type="text"], .form-area-50 .form-row input[type="password"] {border: 1px solid #CCCCCC; padding: 2px; width:190px;}
.form-area-50 .form-row .form-label { width:60px; padding: 0 5px 0 0; text-align:left; margin-left:10px; }
.form-row a { color: #389E2E; text-decoration:none;}
.form-row a:hover { text-decoration:underline; }
.form-row span { display:inline-block; border: 1px solid #FFFFFF; padding: 2px;}

.hr {
    background: none repeat scroll 0 0 transparent;
    border-color: #CCCCCC;
    border-style: none none dashed;
    border-width: 0 0 1px;
    height: 1px;
    margin: 0 0 5px;
    padding: 0;
}

.right { float: right; }

.button {
    background: url("./buttonz.png") no-repeat scroll left 0px #369B2D;
    cursor: pointer;
    display: inline-block;
    padding-left: 3px;
    padding-right: 0;
}

.button input, .button a {
    background: url("./buttonz.png") no-repeat scroll right 0px transparent;
    height: 29px;
    color: #FFFFFF;
    cursor: pointer;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
    white-space: nowrap;
    border: 0 none;
    margin: 0;
    outline: 0 none;
    font-family: arial,helvetica,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    line-height: 1.65em;
    text-decoration: none;
}

.button a { padding-top: 5px; height: 24px; color: #FFFFFF !important;}
.button:hover { background-position: left -30px; }
.button input:hover, .button a:hover { background-position: right -30px; text-decoration: none !important;}

.next { background-position:left -60px; }
.next input, .next a { background-position: right -60px; padding-right: 30px; }
.next:hover { background-position: left -90px; }
.next input:hover, .next a:hover { background-position: right -90px; }

.login-view .button { margin-bottom: 10px; }
.login-view .button a { font-size:14px; width:157px; padding-top:2px; height:27px; text-align:center;}

.form-row .button { background: url("./button-inline.png") no-repeat scroll left 0px #369B2D; margin-bottom: -7px; }
.form-row .button:hover { background-position: left -25px; }
.form-row .button input, .form-row .button a { background: url("./button-inline.png") no-repeat scroll right 0px transparent; padding: 2px 10px 1px 10px;}
.form-row .button a { height: 21px; }
.form-row .button input { height: 24px; }
.form-row .button input:hover, .form-row .button a:hover { background-position: right -25px; text-decoration: none;}

#order-payment-details .form-row label { margin-left: 8px; }
#order-payment-details .form-row label b { font: bold 12px arial, sans-serif; color: #389E2E; cursor: default;}
#order-payment-details .form-row label p { margin: 5px 30px 5px 28px; display: block;}
/* Header */
.content {
    background-color: white;
    margin-bottom: 8px;
}
.content .top { height: 20px; }

.content .top .left { 
    background: url('./content-top-left.png') no-repeat;
    width: 10px;
    height: 20px;
    float: left;
}

.content .top .center { 
    background: url('./content-top-center.png') repeat-x;
    height: 20px;
    margin-left: 10px;
    margin-right: 10px;
    padding-top: 2px;
}

.content .top .right { 
    background: url('./content-top-right.png') no-repeat;
    width: 10px;
    height: 20px;
    float: right;
}

.content .top .center h3 {
    color: White;
    display: block;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    font-family: Arial, Helvetica, sans-serif;
}

.middle {
    border: 1px solid #BDE2AC;
    border-top: none;
    background: white;
    padding: 5px;
    min-height: 30px;
}

.error-summary { background-color: #FFEEEE; border: 1px solid #FF0000; padding: 5px; margin: 0 2px;}
label.error { clear: none; color: Red; padding-left: 10px; white-space: nowrap; }
input.error { background-color: #FFEEEE; }

#create-account div.error, #account-details div.error, 
#password-recovery div.error, 
#account-details div.error, 
#order-billing-address div.error, 
#order-confirmation div.error  {
    color: #FF0000; margin-left: 143px; 
}
#create-account span.error, 
#password-recovery span.error, 
#account-details span.error, 
#order-billing-address span.error, 
#order-confirmation span.error {
    color: #FF0000; margin-left: 143px; display: block; 
}

.opacity-background{
    z-index: 1400;
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color:black;
    opacity:0.5;
    filter:alpha(opacity=50);
    display:none;
}

.auth {
	z-index:1500;
	background-repeat:no-repeat;
    background-image:url('./auth_bg.gif');
    /*background-color:Transparent;*/
    left:50%;
	top:40%;
	width:351px;
	height:258px;
	margin-left:-175px;
	margin-top:-130px;
	position:absolute !important;
    padding: 44px 2px 2px 115px;
}

.auth-header {margin: -25px 0px 0px -113px;	width: 351px;font-family: Arial;font-size: 20px;color: #5c5c5c;text-align:center;}
.auth-error {color: red;height: 20px;width: 230px;}
.auth-line {z-index: 2500; padding: 2px 0px 3px 0px; width: 230px;}
.auth-text {width:150px;}
.auth-button {width:75px;}
.auth-link {color: #06C;}
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color:black; opacity:0.5;} 

ul.links { margin: 0 0 0 30px; padding: 0; list-style: none; }
ul.links li { 
    margin: 2px; background-image: url('./bullet-links.png'); background-position: 0 3px;
    background-repeat: no-repeat; text-indent:20px; height: 20px; }
ul.links a { color: #389E2E; text-decoration: none; }
ul.links a:hover { text-decoration: underline; }

/* Login page */
.form-box { display: block; width: 280px; border: 1px solid #BDE2AC; }
.login-box { min-height: 300px; }
.form-box .header { border-bottom: 1px solid #BDE2AC; background-color: #ECFAEA; font-weight: bold; padding: 5px 15px; font-size: 14px; margin-bottom: 15px;}
.form-box .row { display: block; margin: 0px 0px 8px 0px; }
.form-box .row .label { display: inline-block; width: 60px; padding: 0 5px 0 0; text-align: left; margin-left: 10px; border: 1px solid white; }
.form-box .row .field { border: 1px solid #CCC; padding: 2px; width: 185px; }
.form-box .row a { color: #389E2E; text-decoration:none;}
.form-box .row a:hover { text-decoration:underline; }
.form-box .row p { display: inline-block; width: 240px; padding: 0 5px 0 0; text-align: left; margin: 5px 10px 5px 10px; border: 1px solid white; }

.show-center { float: none; margin: 20px auto; }
.show-left { float: left; margin: 20px 14px 20px 6px;  }
.show-right { float: left; margin: 20px 0;  }

/* Check Out*/
.form-box .header .button { background: url("./button-header.png") no-repeat scroll left 0px #369B2D; }
.form-box .header .button:hover { background-position: left -20px; }
.form-box .header .button input, .form-box .header .button a { background: url("./button-header.png") no-repeat scroll right 0px transparent; padding: 0px 10px;}
.form-box .header .button a { height: 20px; }
.form-box .header .button input { height: 20px; }
.form-box .header .button input:hover, .form-box .header .button a:hover { background-position: right -20px; text-decoration: none;}

#order-confirmation .order-items { margin: 0px 2px 5px 1px; }
#order-confirmation .order-notes { border: 1px solid #BDE2AC; width:560px; margin: 0px 10px; }

#password-recovery p { padding-left: 30px; }