/***************************************************/
/* Pino GmbH */
/***************************************************/

.doc_content_container{

                        width: 997px;
                        text-align:left;
                        background: url('../images/bg_site.gif') repeat-y;
						margin: 0 auto;
}

/*************
  banner
***********/

.app_ban{
                        margin: auto;
                        width: 997px;
						background: url('../images/bg_site.gif') repeat-y;
						position: relative;

}


.app_ban_border{
                        height:18px;
                        background:#007fae;

}

.logo_box {
						margin-left: 0px;
						padding: 38px  0 0 0;
						width: 193px;
						height: 163px;
}

.logo {
                        text-align:center;
						background: url("../images/pinogmbh_logo_new.gif");
						width: 131px;
						height: 105px;
						margin-left: 35px;
}

/* Logo for the INCI Popup */

.logo_small  {
						background: url("../images/pinogmbh_logo_small.gif");
						width: 79px;
						height: 51px;
						position: relative;
						margin-left: 560px;
						margin-top: -20px;
}


#header_container {
						width: 786px;
						position: absolute;
						top: 0px;
						right: 13px;
}

.claim{
                        font:bold italic 30px Futura, Arial, Helvetica, sans-serif;
                        position:absolute;
                        top:31px;
                        left:200px;
                        width:300px;
                        color:#007fae;
}


#offer_button {
						position: absolute;
						margin-left: 630px;
						height:201px;
						top: 0px;
						background: #b70f46;
						filter:alpha(opacity=70);
						-moz-opacity:0.70;
						opacity:0.70;
						width:102px;
						z-index: 99;
						display:none;
}

#offer_text {
						position: absolute;
						margin-left: 633px;
						top: 122px;
						z-index: 1004;
						display: none;
}


.app_ban_box{
                        position:relative;
                        top: -25px;
                        left: 625px;
						z-index: 1003;
						width: 150px;
}

.text_search {
						color: #666666;
						font-size: 10px;
						letter-spacing:1px;
						width: 102px;
						}


.btn_go {

						border-top:1px solid #CBDFD4;
                        border-right:1px solid #335441;
                        border-bottom:1px solid #335441;
                        border-left:1px solid #CBDFD4;
                        background: transparent;
						font: bold 10px/17px Trebuchet MS, sans-serif;
                        color:#fff;
                        padding:0px 0 0px 0;
                        margin:1px 0 ;
}


.text_go a {
						color: #FFF;
}




.btn_search {
						text-transform:uppercase;
}


.btn_search a,
.btn_search a:link,
.btn_search a:visited,
.btn_search a:hover,
.btn_search a:active{
						color: #fff;
						font: 10px Trebuchet MS, sans-serif;
						text-transform:uppercase;
						margin: 1px 0;
						border:1px solid red;
}

.app_ban_nav_bg_classic {
						top: 173px;
						position:absolute;
						background: #74bbd5;
						filter:alpha(opacity=56);
						-moz-opacity:0.56;
						opacity:0.56;
						height: 28px;
						width: 787px;
						z-index: 1002;
}

.app_ban_nav{
                        position:absolute;
						margin: auto;
						top: 173px;
						z-index:1003;

}

.app_ban_nav p{
                        position:relative;
                        float:left;
                        margin-left: 22px;

}
.app_ban_nav p a,
.app_ban_nav p a:link,
.app_ban_nav p a:visited,
.app_ban_nav p a:hover,
.app_ban_nav p a:active{
                        display:block;
                        color:#fff;
                        font: normal 10px Trebuchet MS, sans-serif;
                        /*background:url('../images/bg.app_ban_nav_item.gif') no-repeat;*/
                        text-align:center;
                        text-decoration:none;
						text-transform:uppercase;
                        padding: 6px 0px 3px 0px;
						z-index: 1002;
						letter-spacing: 1px;
}
/*
.login_link p a,
.app_ban_nav p a.login_link:link,
.app_ban_nav p a.login_link:visited,
.app_ban_nav p a.login_link:hover,
.app_ban_nav p a.login_link:active{
                   		
						filter:alpha(opacity=15);
						-moz-opacity:0.15;
						opacity:0.15;
						
						background: #D8ECF4;
						width: 100px;
						height: 28px;
						margin-top: -14px;
						text-align: center;
						padding-top: 11px;
						line-height:10px;
						color: #007fae;
}

*/

/* LINK Anmeldung */

.login_link p a,
.app_ban_nav p a.login_link:link,
.app_ban_nav p a.login_link:visited,
.app_ban_nav p a.login_link:hover,
.app_ban_nav p a.login_link:active{
              
						
						background:  url('../images/btn/reiter_meinkonto.png') no-repeat;
				  		width: 85px;
				  		height: 22px;
						margin-top: -12px;
						padding-top: 18px;
						padding-left: 7px;
						text-align:left;
						color: #2299da;
						position: absolute;
						right: -232px;
}

#logout_button {
						position:absolute; 
						top: 28px; 
						left:494px;
						z-index: 1006;						
}

.logout_link p a,
.app_ban_nav p a.logout_link:link,
.app_ban_nav p a.logout_link:visited,
.app_ban_nav p a.logout_link:hover,
.app_ban_nav p a.logout_link:active{
						background:  url('../images/btn/btn_abmelden.gif') no-repeat;
				  		display:block;
						padding-left: 10px;
						color: #666;	
						text-align:left;
						font: bold 11px Trebuchet MS, sans-serif;
						text-transform:uppercase;
						text-decoration: none;
						letter-spacing: 1px;
						padding-top: 5px;
						position:relative;
						right: 20px;
						
}


/*.app_ban_nav p a:hover,*/
.app_ban_nav p a.login_link:hover{
                        /*background:url('../images/bg.app_ban_nav_item.hover.gif') no-repeat;*/
}

.app_ban_cart{
                        position:absolute;
                        margin-top: 0px;
						margin-left: 782px;
						z-index: 1004;
}


.checkout {padding: 0px 0 1px 0;}


.shoppingcart { padding: 0 0 10px 0;}

#sub_bar {

						display: none;
						width:786px;
						height: 28px;
						margin-left: -16px;
}


#sub_bar_nav {
						position: absolute;
						margin-left: 2px;
						margin-top: -22px;
						letter-spacing: 1px;
						display: none;
}


/***********************
  navigation
***********************/
.doc_navigation{
                  width: 207px;
                  position:relative;
				  top: 0px;
				  left: 5px;
				  float:left;
				  background:  url('../images/nav_left_shadow.gif') 0px 0px repeat-y;
}

.doc_navigation_width {
				  width: 193px;

}

.doc_navigation_padding{
                  padding:0px 0px 0 0px;

}

.menuhead{
                        text-align:left;
                        display:block;
                        color:#666666;
                        font: bold 12px/14px Trebuchet MS, sans-serif;
                        padding: 6px 0px 6px 25px;
						letter-spacing: 2px;
}

.menuhead_login {
 						text-align:left;
                        display:block;
                        color:#666666;
                        font: bold 12px/14px Trebuchet MS, sans-serif;
                        padding: 19px 0px 6px 25px;
						letter-spacing: 2px;
}

.menu{
                        margin-bottom:8px;
                        padding:8px 10px;
                        color:#111;
						font: normal 11px/14px Trebuchet MS, sans-serif;
}

.menu_cart {

                        color:#666;
						font: normal 10px/14px Trebuchet MS, sans-serif;

}

.menu p,.menu div{		color:#111;}
.products_head_therapy  {background: #eaf5f9 url(../images/nav_img_pinoprivat.png) 0 -10px no-repeat; height: 30px; padding: 16px 0 10px 68px; color:#007fae;}
.products_head_spa      {background: #eaeaea; padding-top: 24px; font: bold 12px/14px Century Gothic,sans-serif;}

.products_therapy{          background:#eaf5f9; padding:0 0 10px 0px; margin: 0 0 30px;}
.products_spa{              background:#eaeaea;padding:0 0 10px 0px;  margin: 0 0 30px;}


.login_head{			padding: 0px 0 0 0;}

.login{
						background:#fff;
						padding: 0 15px 0 24px;
						font-size: 11px;
}


.login p{
						font-size: 11px;
						padding-bottom: 6px;
}

.login_button {
						background: transparent;
						color: #007fae;
						border: 0px;
						margin-left: -9px;
						cursor: hand;
						cursor: pointer;
}


.menuhead_cust {
 						text-align:left;
                        display:block;
                        color:#666666;
                        font: bold 12px/14px Trebuchet MS, sans-serif;
                        padding: 19px 0px 6px 25px;
						letter-spacing: 2px;
						background: #D8ECF4;

}

.customer_data {
						background: #D8ECF4;
						padding: 0 15px 0px 24px;
						font-size: 11px;
						letter-spacing: 1px;
}


.customer_data  p{
						background: #D8ECF4;
						padding-bottom: 5px;
						font-size: 11px;
}



.customer_data p a:link,
.customer_data p a:visited,
.customer_data p a:hover,
.customer_data p a:active{

						text-decoration: none;
						font-size: 12px;
}




.cart_head{	  			background:url('../images/cart_bg.gif') no-repeat;
						width:194px;
						height: 19px;
 						text-align:center;
                        display:block;
                        color:#fff;
                        font: bold 12px/14px Trebuchet MS, sans-serif;
                        padding: 4px 0px 0px 0px;
						letter-spacing: 7px;
}

.cart{					background:#d8ecf4;}
/*
.bestseller_head{				background:url('../images/bg.bestseller.gif') repeat-x;}
.bestseller{			  		background:#F9F2DD;}
.newsletter_head{				background:url('../images/bg.newsletter.gif') repeat-x;}
.newsletter{			  		background:#F5E3E3;}
*/
.menu p a:link,
.menu p a:visited,
.menu p a:hover,
.menu p a:active{
                       text-decoration:underline;
                       display:block;
                       font: normal 12px/17px Arial, Helvetica, Verdana, sans-serif;
                       color:#666;
                       text-decoration:none;
}
.menu p a:hover{
                        text-decoration:underline;
}



.menu_cart p a:link,
.menu_cart p a:visited,
.menu_cart p a:hover,
.menu_cart p a:active{
                       text-decoration:underline;
                       display:block;
                       font: normal 12px/17px Arial, Helvetica, Verdana, sans-serif;
                       color:#666;
                       text-decoration:none;
}
.menu_cart p a:hover{
                        text-decoration:underline;
}





/*
#shadow_navleft_end {
						background: url('../images/nav_left_shadow_end.gif') 1px 0px;
						width: 207px;
						height: 53px;
}
*/

#shadow_navleft_end_test {
						background: url('../images/nav_left_shadow_end_test.gif') 1px 0px;
						width: 207px;
						height: 17px;
}

/* Return Path */

.return_path {
	
	color: #666666;
    font: bold 11px Trebuchet MS;
    letter-spacing: 1px;
    margin-left: -5px;
    padding: 0 10px 10px;
    position: relative;
    top: 30px;
    width: 520px;
	display:none;
}

.return_path a,
.return_path a:link,
.return_path a:visited,
.return_path a:hover,
.return_path a:active {
	color:#666;
	font:normal 12px Trebuchet MS, sans-serif;
	text-decoration:none;
	letter-spacing:0px;
}

.return_path a:hover {
	text-decoration:underline; 
	color:#007fae;
}

a.return_path_active,
a:link.return_path_active,
a:visited.return_path_active,
a:hover.return_path_active,
a:active.return_path_active {
	color: #007fae;
}

#catalogThisCategoryImageContainer {
    text-align: center;
	position: relative;
	top: 22px;
}


/********************************
	Page Iterator
*******************************/


.pageiterator{

						  padding: 2px 10px;
                          margin:  0px 0 0 0;
                          width:100%;
}
.pageiterator td{					text-align:right;}
.pageiterator p{
                          font: normal 11px Trebuchet MS, sans-serif;
                          color:#666;
}
.pageiterator span{
                          font: normal 13px Trebuchet MS, sans-serif;
                          padding: 1px 2px;
                          text-decoration:none;
                          color:#007fae;
}
.pageiterator a,
.pageiterator a:link,
.pageiterator a:visited,
.pageiterator a:hover,
.pageiterator a:active{
                          font: normal 13px Trebuchet MS, sans-serif;
                          padding: 1px 2px;
                          text-decoration:none;

                          color:#666;
}
.pageiterator a:hover{    color: #007fae;}
.pageiterator a.pit_img{  background:#fff;padding:2px 0;}




/**********************
  Inhalt
*******************/
.doc_content{
                  width:741px;
				  padding: 0px;
				  margin-left: 215px;
}

.doc_content_no_nav{top:0;}
.doc_content_padding{padding: 0px 0px 0px 0px;}
.doc_content_no_nav .doc_content_padding{padding: 0px;}

.express{
                  padding: 0px 35px 0 0;

}


.express a,
.express a:link,
.express a:visited,
.express a:hover,
.express a:active{
                  text-decoration:none;
                  color:#007fae;
                  font: bold 11px Trebuchet MS, sans-serif;
}



/*************
  footer
****************/

.footer{
                  width: 997px;
                  text-align:center;
				  margin: auto;
				  background: #fff url('../images/bg_site.gif') repeat-y;
				  text-transform:uppercase;
				  font-size:11px;
				  padding: 50px 0 20px 0;

}

.footer a{
				  font-size: 11px;
				  text-decoration: none;

}

.footer a:hover{
				  color: #007fae;

}


.footer p{
				  padding: 0 0 10px 0;

}

#footer_bottom {
				 background: url('../images/footer_bottom.gif') no-repeat;
				 width: 997px;
				 height: 17px;
				 margin:auto;
				 margin-bottom: 0px;
				 text-align: center;
}



/***************************************************/
/* shopmatic */
/***************************************************/
.index_headline{
                        text-align:center;
                        padding:5px 10px 4px 10px;
                        background:#E5EDAC;
                        margin-bottom:2px;
}
/* delete all hr of FS*/
hr{width:0px;height:0px;margin:0px;padding:0px;}


/* Keep the original
.promotion_text{
                    margin:5px 2px;
                    border:1px dotted #990000;
                    background: #f6f6f6;
                    padding:4px;
                    font: bold 13px/17px Arial, Helvetica, Sans Serif, MS Trebuchet, Verdana;
                    color:#990000;
}
*/

.promotion_text{
                    margin: 5px 0px;
                    font: bold 11px/17px Trebuchet MS, sans-serif;
                    color:#ff0000;
}

.btn_basket{
                        background:url('../images/addtocart.jpg') no-repeat ;
                        width:70px;
                        height:70px;
                        border:0px;
                        cursor:hand;
                        cursor:pointer;
}

.btn_forfree{
                        background:url('../images/btn/btn_forfree.gif') no-repeat ;
                        width:70px;
                        height:70px;
                        border:0px;
                        cursor:hand;
                        cursor:pointer;
}

.content_container{
                        padding:10px 10px;
}
/* Nachrichten an den Kunden (my_profile)*/
.message{
                        margin:30px;
                        border:1px solid #193042;
                        background: #cee0ee;
                        padding:10px;
}
.core_content{
                        padding:10px;
}

.btn_cart_add { margin: 0; padding: 0; outline:0;}
.btn_cart_add p,
.btn_cart_add a {
						background: url("../images/btn/btn_add_to_card.gif") no-repeat;
						display: block;
						width: 193px;
						height: 24px;
						color: #007fae;
						text-decoration: none;
						font-size: 11px;
						padding: 3px 0 0px 5px;

}

.quantity_input input{
						position: absolute;
						margin-top: 0px;
						margin-left: 110px;
						font-size: 11px;
}


/****************************************
	INCI Popup
*****************************************/


.inci_cnt {
						background: url("../images/bg_inci.gif") repeat-y;

						padding: 0;
						margin: 0;
}



.inci_headline {
						color: #007fae;
						font: normal 15px/16px Trebuchet MS, sans-serif;
						letter-spacing: 2px;
						text-transform: uppercase;
						padding-left: 10px;
						padding-bottom: 10px;
}


#inci_btns {
						display: block;
						padding: 0 0 0 20px;
						margin: 20px 0 20px 10px;
}


.btn_close a {
						background: url("../images/icons/btn_close.gif") no-repeat 0 0px;
						color: #666;
						padding: 0 0 0 20px;
						height: 20px;
						text-decoration: none;
						margin-right: 40px;
						float:left;
}

.btn_print a {
						background: url("../images/icons/btn_print.gif") no-repeat;
						color: #666;
						padding: 0 0 0 20px;
						height:20px;
						text-decoration: none;
						float:left;

}

.inci_footer {
						background: #007fae;
						filter:alpha(opacity=15);
						-moz-opacity:0.15;
						opacity:0.15;
						width:554px;
						margin: 0px 0 0 0;
						height: 44px;
}


.inci_footer_text {
						color: #007fae;
						font-style:italic;
						margin-top: -30px;
						margin-left: 10px;
}

/****************************************
	Basket
*****************************************/




.basket_cell {
				border-bottom: 1px solid #007fae;
}


.basket_devider {
				border-bottom:1px solid #007fae;
				width:100%;
				position:relative;
				top: 50px;
}

.buyxgety{
      display:block;
      position:relative;
}
.buyxgety div.buyxgety_img{
}
.buyxgety div.buyxgety_teaser{
}

.contact_item{display:block;padding: 10px;border-bottom: 1px dotted #474747;}
    .contact_item h1{color:#007fae;font: bold 14px Arial, sans-serif;}
    .label{width:180px;text-align:right;float:left;padding-top:4px;}
    .attribute{padding-top:4px;margin-left:200px;text-align:left;}


/***************************************************/
/* Cookie Window Template  */
/***************************************************/


.cookieBox {
	width: 500px;
	height: 530px;
}

.cookieHeadline {
	font-size: 14px;
	color: #007fae;
	font-weight: bold;
	padding: 10px 0;
	line-height: 18px;
}

.contentCookie {
	line-height: 16px;
}




/***************************************************/
/*  Start Template  */
/***************************************************/

.pino-spa-logo-start {
	text-align:center;
	margin-top: 20px;
}



.pino-spa-start-container {
	margin-left: 100px;
	line-height: 0;
	padding: 0;
}


.pino-spa-start-container-bottom {
	background: #f1f1f1 url(../images/start/schriftzug_start_bottom.gif) 40px 43px no-repeat;
	padding: 0;
	line-height: 0;
	height: 180px;
}

/***************************************************/
/*  Start Template SPA */
/***************************************************/

.content-spa-index {
	color: 717274;
	margin-left: 114px;
	width: 488px;
}


.spa-container-start-index {
	width: 100%;
	position: relative;
	top: 50px;
}


.content-spa-index h2 {
	color: #969696;
	font: normal 38px/40px Century Gothic, sans-serif;
	width: 488px;
	position:relative;
	top: 40px;
}


.content-spa-index h1 {
	color: 717274;
	font: normal 38px/40px Century Gothic, sans-serif;
	width: 488px;
	position:relative;
	top: 40px;
}

.content-spa-index h3 {
	color: #969696;
	font: normal 17px/25px Century Gothic, sans-serif;
	width: 488px;
	position:relative;
	top: 40px;
}


.content-spa-index p {
	margin-top: 55px;
	font: normal 11px/20px Century Gothic, sans-serif;
	letter-spacing: 1px;
}



/***************************************************/
/*  Duftkonzepte */
/***************************************************/



.content-duftkonzepte {
	margin-top: 10px!important;
}



#btn-cnt {
	margin-top: 49px;
	margin-left: 114px;

}

#btn-container-left {
	float: left;
}

#btn-container-right {	
	position: relative;
	float: right;
	right: 295px;
}


.btn-duftkonzepte {
	margin-bottom: 33px;
	cursor: pointer;
}

.btn-duftkonzepte-text {
	line-height: 0;
	text-align: left;
	text-transform: uppercase;
	font: normal 11px Century Gothic, sans-serif;
	letter-spacing: 1px;
	position: relative;
	left: 114px;
	top: -12px;
	color: #666;
}


.btn-duftkonzepte-arrow {
	background: url(../images/btn/arrow_spa.gif) 2px 4px no-repeat;
	width: 13px;
	height: 13px;
	position: absolute;
	margin-left: 2px;
}



/***************************************************/
/*  Duftkonzepte Button Sub */
/***************************************************/

.header-img-duftkonzepte {
	margin-top: 100px;
	margin-left: -15px;
}



#btn-cnt-sub {
	margin-left: 113px;
	margin-top: 68px;
}



.btn-container-sub {
	float:left;
	margin-right: 25px;
	margin-bottom: 23px;
	width: 140px;
	cursor: pointer;
}

.btn-duftkonzepte-sub-text {
	
	text-align: left;
	text-transform: uppercase;
	font: normal 11px Century Gothic, sans-serif;
	letter-spacing: 1px;
	color: #666;
}

.btn-duftkonzepte-sub-arrow {
	background: url(../images/btn/arrow_spa.gif) 2px 4px no-repeat;
	width: 13px;
	height: 13px;
	position: absolute;
	margin-left: 2px;
}



.catalog_headline h2 {
	font: normal 28px Century Gothic, sans-serif;
	color: #2299da;
	letter-spacing: 3px;
}


.basket_headline h2 {
	font: normal 28px Century Gothic, sans-serif;
	color: #2299da;
	letter-spacing: 3px;
	position: relative;
	margin-left: 55px;
	width: 500px;
	top: 16px;
}


/***************************************************/
/*  Duftkonzepte Button Sub */
/***************************************************/

.suitable_box_text {
					   padding: 0 0 0 0;
					   font: normal 11px Trebuchet MS, sans-serif;
					   text-transform:uppercase;
					   color: #333;
					   margin: 27px 0 30px 34px;	

}


#suitable_box_container {
	width: 740px;
	height: 115px;
}


.span_cnt {
	width:100%; 
	height:100%; 
	z-index: 1;
}


.suitable_box_container_article  {
	text-align: center;
	height: 100px;
	display: inline-block;
}

.suitable_box_container_article_link {
	float: left;
	width: 150px;
	height: 100px;
	text-decoration: none;
	cursor:pointer;
}


.suitable_box_container_article_img  {
	border-right:1px dotted #333;
	height: 80px;
}

.suitable_box_container_article_text {
	color: #333;
	font: normal 10px Trebuchet MS, sans-serif;
	
	width:140px;
}