@charset "utf-8";
/* Winarbor Shop */

@media all
{

	/* Intro Boxen fuer Rubriken*/
	.shop_Box-ChapterIntro {
		padding:0;
		margin:0 0 0 0;
		position:relative;
		background-color:#F0F0F0;
	}
	.shop_InnerBox-ChapterIntro {
		padding:0 10px 0 10px;
		position:relative;		
		height:100%;
		width:auto;
		margin:0 0 0 0;
	}
	.shop_InnerBox-ChapterIntro .imgleft {
		margin: 10px 10px 10px 0;	
	}	
	.shop_InnerBox-ChapterIntro h1 {
		margin-top:0.25em;	
	}	
	
	/* ---------------------- */
	/* ----- Shop Liste ----- */
	/* ---------------------- */
	
	/* Sucher oberhalb der Liste */
	.shop_list_SearchBox {
		padding:1em 0;
		text-align:right;
	}
	
	/* ----- Navigation ober- und unterhalb der Listen ----- */
	.shop_list_NavigatorBox {
		border:1px solid #CCCCCC;
		padding:0.5em;
		margin-bottom:2em;
		font-size:108.33%;
		background-image:url(images/background_navigator.gif);
		background-position:center top;
		background-repeat:repeat-x;			
	}
	.navigator {
		color: black;
		padding: 0;
		line-height: 150%;
	}
	.navigator .subcl,
	.navigator .subcr {
		padding:0;
	}
	/* anzahl records */
	.navigator_maxrec {
		text-align:right;
	}
	.maxrec_description { 	
		float: right;
		line-height: 171.4%;
	}
	.navigator .navigator_maxrec ul {
		margin: 0;
		float:right;
	}
	.navigator .navigator_maxrec ul li { 
		float:left;
		margin:0;
		padding:0 4px;
		list-style-type: none;
		line-height: 171.4%;
		border-right:1px solid #666;
	}
	.navigator .navigator_maxrec ul li:last-child {
		border-right:none;
		padding-right:0;
	}
	.navigator .navigator_maxrec ul	li.selected a {
		color: black;
	}
	.navigator_maxrec,
	.navigator_maxrec a {
		color:#666;
	}
	.navigator_maxrec li.selected a{
		text-decoration:none;
	}
	/* navigator vor/zurueck */
	.navigator .jump-link {
		  margin: 5px 0;
		  padding: 0;
		  position: relative;
	}
	.navigator .jump-link a {
		  float: left;
		  height: 24px;
		  line-height: 24px;
		  position: relative;
		  text-decoration: none; 
	} 
	.navigator .jump-link .navigatorLimiter {
		margin:0;
		padding:0;
		background: #ccc;
		width:2px;
		float: left;	
		height:24px;
	}
	/* recht und linke seite getrennt */
	.navigator a.link_next_page,
	.navigator a.link_last_page {
		border-top-left-radius: 3px;
		border-bottom-left-radius: 3px;	
	}
	.navigator a.link_previous_page,
	.navigator a.link_first_page {
		border-top-right-radius: 3px;
		border-bottom-right-radius: 3px;	
	}
	/* ein Schritt oder komplett getrennt */
	.navigator a.link_next_page,
	.navigator a.link_previous_page {
		background: #000;
	}
	
	.navigator a.link_last_page,
	.navigator a.link_first_page{
		background:#ccc;
	}
	/* alle einzeln */
	.navigator a.link_next_page {
		margin-right:0px;
		color:white;
		padding: 0 0 0 8px;
		z-index:50;
	}
	.navigator a.link_last_page {
		margin-right:13px;
		color: black;
		padding: 0 0 0 15px;
		z-index:49;
	}
	.navigator a.link_previous_page {
			margin-left:0px;
			color:white;
			padding: 0 8px 0 0;
			z-index:48;
	}	
	.navigator a.link_first_page {
			margin-left:13px;
			 color: black;
			 padding: 0 15px 0 0;
			 z-index:47;
	}	
	
	
	.navigator .jump-link a.link_next_page:after,
	.navigator .jump-link a.link_last_page:after {
		  content: "";
		  position: absolute;
		  top: 0;
		  right: -12px;
		  width: 0;
		  height: 0;
		  border-style: solid;
		  border-width: 12px 0 12px 12px;  
	}
	
	.navigator .jump-link a.link_previous_page:before,
	.navigator .jump-link a.link_first_page:before {
		  content: "";
		  position: absolute;
		  top: 0;
		  left: -12px;
		  width: 0;
		  height: 0;
		  border-style: solid;
		  border-width: 12px 12px 12px 0;  
	}
	.navigator .jump-link a.link_previous_page:before {
		border-color: transparent black transparent transparent;
	}
	.navigator .jump-link a.link_next_page:after {
		border-color: transparent transparent transparent black;
	}
	.navigator .jump-link a.link_first_page:before {
		border-color: transparent #ccc transparent transparent;
	}
	.navigator .jump-link a.link_last_page:after {
		border-color: transparent transparent transparent #ccc;
	}
	.navigator .jump-link a:hover {
		text-decoration:underline;
	}
	.navigator_positioninfo {
		line-height: 24px;
		float:left;
		padding:0 5px;
	}
	.show_longproductlist {
		margin-top:10px;
		display:inline-block;	
	}	

	/* ----- Die einzelnen Listeneinträge ----- */
	/* 1. "normale" Liste untereinander*/
	.shop_list_RecordBox,
	.shop_list_RecordBoxLong,
	.shop_list_RecordBoxLongA,
	.shop_list_RecordBoxLongB {
		margin:0 0 10px 0;
		border-bottom:1px solid #999;
		padding-bottom: 10px;
	}
	.shop_list_RecordBoxLong,
	.shop_list_RecordBoxLongA,
	.shop_list_RecordBoxLongB {
		border-bottom:1px solid #999;
	}	
	.shop_list_ProductTitle  a {
		font-weight:bold;
		text-decoration:none;
		font-size:75%;
		color:#000;
	}
	
	/* Favoriten mit Stars */
	.favoritbox {
		height:20px;
		background-image:url(images/shop_favorit_star.gif);
		background-position:left top;
		background-repeat:repeat-x;
		width:51px;
		display:none;
	}
	.shop_list_RecordFavorit .favoritbox {
		display:block;
	}
	
	.shop_list_RecordBox .favoritbox,
	.shop_list_RecordBoxLong .favoritbox,
	.shop_list_RecordBoxLongA .favoritbox,
	.shop_list_RecordBoxLongB .favoritbox {
		float:right;
	}
	.shop_list_RecordBoxLongB .favoritbox {
		background-position:0 -20px;
	}

	/*  2. Liste "hintereinander" */	
	.shop_list_RecordBoxFloat {
		float:left;
		width:30%;
		margin:0 3% 10px 0;
		height:230px;
		background-color:#f0f0f0;
		position:relative;

	}
	.shop_list_RecordBoxFloat .favoritbox {
		position:absolute;
		bottom:5px;
		right:10px;
		background-position:0 -20px;
	}	
	.shop_list_RecordBoxInner {
		margin:5px;
	}
	
	.shop_list_RecordBoxImage {
		width:100%;
		height:100px;
		overflow:hidden;
		margin-bottom:5px;
		background-position:center center;
		background-repeat:no-repeat;
	}
	
	.shop_list_RecordBoxImage .imgleft{
		margin:0;
	}
	.shop_list_RecordBoxText {
		padding:5px;
		overflow:hidden;
	}
	.shop_list_RecordBoxText h2,
	.shop_list_RecordBoxText p {
		margin-bottom:0;
		text-align:center;
	}
	.shop_list_RecordBoxText p {
		
	}
	.shop_list_RecordBoxText .shop_list_ProductTitle  a {
		font-size:60%;
	}
	.shop_list_ProductTitle2 {
		font-weight:bold;
		margin-bottom:1em;
	}
	
	.shop_list_ProductDescription {
		
	}

	.shop_list_Price {
		font-style:italic;
		font-weight:bold;
		font-size:116.67%;
	}

	.shop_list_PriceTableBoxHead {
		margin-top:1em;
		font-weight:bold;
	}
	.shop_list_PriceTableBoxRecord {
		border-top:1px dotted #999;
		padding-bottom:0.5em;
	}
	
	.shop_list_PriceTableBoxHead .subcl,
	.shop_list_PriceTableBoxHead .subcr,
	.shop_list_PriceTableBoxRecord .subcl, 
	.shop_list_PriceTableBoxRecord .subcr {
		padding:0.5em;
	}
	
	.sonderpreis { 
		background-color: #990000;
		color: #FFF;
		padding: 5px; 
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		display: block;
		margin:5px;
	}

	/* ----------------------- */
	/* ----- Shop_Detail ----- */
	/* ----------------------- */

	/* Box um Bild und Beschreibung */
	.shop_detail_DescriptionBox {
		margin-bottom:2em;
		padding-bottom:1em;
	}
	
	.shop_detail_ProductTitle {
		font-weight:bold;
		font-size:133.33%;
		color:#000;
	}
	.shop_detail_ProductTitle2 {
		font-weight:bold;
	}

	/* spezielle Beschreibungen aus Infothek */
	.shop_detail_ProductInfothekBox {
		border:1px solid #ccc;
		padding:10px;
		line-height:1.5em;
	}
	
	/* Box mit Qualitäten */
	.shop_detail_PriceTableBox {
		padding:0;
		border:1px solid #ccc;
	}
	.shop_detail_PriceTableBoxHead {
		padding:5px 10px;
		background-color:transparent;
		font-size:116.67%;
		font-weight:bold;
	}
	
	.shop_detail_PriceTableBoxRecordA,
	.shop_detail_PriceTableBoxRecordB {
		padding:5px 10px;
	}
	.shop_detail_PriceTableBoxRecordA {
		background-color:#F0F0F0;
	}
	.shop_detail_PriceTable_ProductTitle {
		font-size:116.67%;
	}
	.shop_detail_Price {
		font-style:italic;
		font-weight:bold;
		font-size:116.67%;
	}	
	
	
	/* ---------------------------------- */
	/* ----- Shop Rubrikenübersicht ----- */
	/* ---------------------------------- */
	
	.chapterOverview_RecordBox	 {
		padding:0;
		margin:0 10px 10px 0;
		border:1px solid #ccc;
		float:left;
		width:150px;
		overflow:hidden;
	}
	.chapterOverview_RecordBoxImage {
		width:100%;
		height:150px;
		overflow:hidden;
	}
	.chapterOverview_RecordBoxImage .imgleft {
		margin:0;
	}
	.chapterOverview_RecordBoxTitle {
		text-align:center;
		padding:5px;
		width:100%;
		height:40px;
		overflow:hidden;
		font-weight:bold;
		background-image:url(images/chapterOverview_title_background.gif);
	}
	
	/* ------------------------- */
	/* ----- Betellvorgang ----- */
	/* ------------------------- */
	
	/* Fortschrittsbalken*/
	#navShoporder .tabMain,
	#navShoporder .tabMainNotActive {
		 float:left;
		 margin:0;
		 font-size:133.33%;
		 font-weight:bold;
		 color:#fff;
		 text-decoration:none;
		 text-align:left;
		 padding:5px;
		 margin-right:2px;

	}
	.tabMain a,.tabMainNotActive a {
		color:#fff;
		text-decoration:none;
		display:block;
	}
	.tabMainNotActive {
		background-color:#999; 
	}
	#navShoporder  .tabMain {
		padding-right:25px;
		background-image:url(images/shop_tabnav_pfeil_fortschritt.gif);
		background-repeat:no-repeat;
		background-position:right center;		
		
	}		
	.tabMain a:hover,
	.tabMainNotActive a:hover {
	
	}
	.tabMain a:hover {
	
	}
	.tabMainNotActive a:hover {
	
	}
	#navShoporder .tabMainFinished {
		padding-right:30px;
		background-image:url(images/shop_tabnavfinished.png);
		background-repeat:no-repeat;
		background-position:right center;
	}


	/* Orderliste */
	.shop_order_OrderListHead,
	.shop_order_SectionHead {
		border-bottom:2px solid #ccc;		
		background-color:#f0f0f0;
		font-weight:bold;
		padding:10px 0px;
	}
	/* Abschnittskopf */
	.shop_order_SectionHead {
		padding: 10px 5px;
		font-size:116.67%;
	}
	
	.shop_order_ListRecord {
		padding:0.5em 0;
		border-bottom:2px solid #f0f0f0;
		
	}
	.shop_order_ListFooter {
		padding:10px 10px;
		border-top:2px solid #ccc;		
		background-color:#f0f0f0;
	}
	
	.shop_order_ListTitle {
		font-weight:bold;
	}		

	/* ---------------------------------- */
	/* ----- Shop Rubrikenübersicht ----- */
	/* ---------------------------------- */

	.infotheksub_head {
		border:1px solid #CCCCCC;
		padding:3px;
		margin:10px 0 0 0;
		font-size:108.33%;
		background-image:url(images/background_navigator.gif);
		background-position:center top;
		background-repeat:repeat-x;		
	}
	.infotheksub_head:hover {
		cursor:pointer;
	}
	.inoftheksub_body {
		border:1px solid #CCCCCC;
		padding:3px;
		margin:0;
	}
	
	/* ---------------------------------- */
	/* ----- Warenkorblink im Menü ------ */
	/* ---------------------------------- */
	
	#nav_horizontal a.menu_shoppingcart {
		padding-right:25px;
		background-image:url(images/menu_shoppingcart.gif);
		background-position:center right;
		background-repeat:no-repeat;
	}
	
	/* ODERLOG */
	
	.orderlog_recordbox { padding: 10px; padding-top: 15px; margin-bottom: 0; border-bottom: 1px dotted #999;  }
	.orderlog_recordbox_detail { padding: 15px 0px 10px 5px; border-bottom: 1px dashed #CED4DA; }
	
	.orderlog_recordbox .shop_list_ProductTitle { font-weight: normal; }
	.orderlog_recordbox .order_date { font-weight: bold; font-size: 110%; }
	.orderlog_detaillink { font-weight: bold; text-decoration: none; line-height: 450%; border-left: 15px solid #999; padding-left:10px;   }
	
	#orderlog { border-bottom: 2px solid #999; }
	#orderlog_detail h1 { font-size: 200%; line-height:150%; }
	
	.orderlog_recordbox h2.shop_list_ProductTitle  { font-size: 125%; font-weight: normal; }
	#orderlog h2.shop_list_ProductTitle a  { font-size: 85%; font-weight: normal; }
	.orderlog_recordbox_detail h2.shop_list_ProductTitle { font-size: 100%; margin: 0;  }
	
	.shop_list_RecordBox.background1.orderlog_recordbox { background-color: #F0F0F0; }
	
	.orderlog_details { border-bottom: 2px solid #CCC; }
	.orderlog_intro { margin-bottom: 0; padding-left: 10px; margin-top:15px; }
	
	.orderlog_detaillink {
		border-left: 10px solid #999;
		background-color: #F0F0F0;
		padding: 5px 10px;
	}

}