/* ======================================================================== */
/*  DIV-Container der den gesamten Shop-Inhalt umgibt                       */
/* ======================================================================== */
#PWS_ShopContainer {

    margin: auto;    
    font-family: Arial,Helvetica,sans-serif;
}

#PWS_ShopContainer h1 {
	margin: 20px 0 20px 0;	
	font-size: 200%;
	font-weight: normal;	
    color: #5591d7;
}

#PWS_ShopContainer h2 {
	margin: 30px 0 10px 0;	
	font-size: 170%;
	font-weight: normal;	
    color: #5591d7;
    text-align: left;
}

#PWS_ShopContainer h3 {
	margin: 30px 0 10px 0;	
	padding: 0 0 0px 0;
	font-size: 130%;
	font-weight: bold;	
    color: #5591d7;
    text-align: left;
    background: none;
    height: 100%;
}

/* ======================================================================== */
/*  "Kleine" Styles  						                     			*/
/* ======================================================================== */
.PWSCss_RedHighlight {
	margin : 10px 10px 15px 10px;	
}


/* ======================================================================== */
/*  Boxen						                     			*/
/* ======================================================================== */
#PWS_ShopContainer .PWSCss_ShopBox1 {
	margin : 30px 0px 15px 0px;
	padding: 1px;
	border: 1px solid #ccc;
}

#PWS_ShopContainer .PWSCss_ShopBox1 h2 {	
	margin  : 0px;
	padding : 0.3em 0 0 0.5em;
	text-align: left;
	color: #fff;
	background: url(/files/images/shop/shopBox1_blueHeader.png) #3c73aa repeat-x;
	height: 1.5em;
	font-weight: bold;
	font-size: 1.3em;
} 

#PWS_ShopContainer .PWSCss_ShopBox1Content {
	background: url(/files/images/shop/greyGradient85.png) repeat-x bottom right;
	padding: 20px 10px 10px 0;

	/* min-height IE6-hack */
	min-height: 150px;
	height:auto !important;
	height:150px;
}

#PWS_ShopContainer .PWSCss_ShopBox1Content img {
	float:	left;
	margin: 0 0px 0 0;
	padding: 0 20px 0 0;
}

#PWS_ShopContainer .PWSCss_ShopBox1Content table {
	font-size: 1em;
	width: 80%;
	margin: 0 0 20px 0px;
	padding: 0 0 0 0px;
	clear: none;
	color: #646464;
}

#PWS_ShopContainer .PWSCss_ShopBox1Content table tr td:first-child {
	width: 60%;
}
#PWS_ShopContainer .PWSCss_ShopBox1Content table tr td:first-child + td,
#PWS_ShopContainer .PWSCss_ShopBox1Content table tr td:first-child + td + td,
#PWS_ShopContainer .PWSCss_ShopBox1Content table tr th:first-child + th,
#PWS_ShopContainer .PWSCss_ShopBox1Content table tr th:first-child + th + th {
	width: 20%;
	text-align: right;
}


#PWS_ShopContainer .PWSCss_ShopBox1Content td {
	padding: 7px;
}

#PWS_ShopContainer .PWSCss_ShopBox1Content th{
	font-size: 1em;
	text-align: left;
	border-bottom: 2px solid #646464;
}

#PWS_ShopContainer .PWSCss_ShopBox1Content td{
	border-top: 1px dotted #646464;
}

#PWS_ShopContainer .PWSCss_ShopBox1Content tr:first-child + tr td {
	border-top: none;
}

#PWS_ShopContainer .PWSCss_ShopBox1Content .PWSCSS_OrderNowButtons {
	text-align: right;
	margin: 0 20px 10px 0;
}

#PWS_ShopContainer .PWSCss_ShopBox1Content dl{
	padding: 10px 0 0 140px;
}

#PWS_ShopContainer .PWSCss_ShopBox1Content dt{
	padding: 10px 0 3px 0;
}

#PWS_ShopContainer .PWSCss_ShopBox1Content p {
	margin: 0 0 20px 0px;
	padding: 0 0 0 20px;
}

.PWSCss_ItemDetailsList dd span {
	display: inline-block; 
	width: 250px;
}




/* ======================================================================== */
/*  Warenkorb-Übersicht auf der Hautpseite                      			*/
/* ======================================================================== */
#PWS_ShopContainer .PWSCss_CartInfoInline {
	border: 1px solid #ccc;
	background: url(/files/images/shop/greyGradient85.png) repeat-x bottom left;
	margin: 0 0 20px 0;
	padding: 5px;
}

#PWS_ShopContainer .PWSCss_CartInfoInline form {
	display : inline;
	margin: 0;
	padding: 0;
}

#PWS_ShopContainer .PWSCss_CartInfoInline ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#PWS_ShopContainer .PWSCss_CartInfoInline ul li:first-child {
	font-weight: bold;
}

#PWS_ShopContainer .PWSCss_CartInfoInline li {
   	display: inline;
    margin: 0 2% 0 2%;
    vertical-align: middle;
}




#PWS_ShopContainer .PWSCss_CartInfoBlock {
	border: 1px solid #ccc;
	background: url(/files/images/shop/greyGradient85.png) repeat-x bottom left;
	margin: 0;
	padding: 0;
	width: 320px
}

#PWS_ShopContainer .PWSCss_CartInfoBlock ul {
	list-style-type: none;	
	margin: 0;
	padding: 10px 5px 5px 90px;
	border: 1px solid #fff;
	height: 90px;
	background: url(/files/images/shop/cart64.png) no-repeat 10px 10px;
}

#PWS_ShopContainer .PWSCss_CartInfoBlock ul li:first-child {
	font-weight: bold;
}

#PWS_ShopContainer .PWSCss_CartInfoBlock li {
	margin-bottom: 10px;
}

#PWS_ShopContainer .PWSCss_CartInfoBlock form {
	margin: 0;
	padding: 0;
}



/* ======================================================================== */
/*  Währungsauswahl							                     			*/
/* ======================================================================== */
.PWSCss_CurrencySelectionInline form {
	margin:0;
	padding:0;
}

.PWSCss_CurrencySelection {
	border: 1px solid #ccc;
	background: url(/files/images/shop/greyGradient85.png) repeat-x bottom left;
	margin-left: 8px;
	padding: 0;
	width: 320px;
}

.PWSCss_CurrencySelection form{
	display: inline;
}


.PWSCss_CurrencySelection ul {
	list-style-type: none;	
	margin: 0;
	padding: 10px 5px 5px 90px;
	border: 1px solid #fff;
	height: 86px;
	background: url(/files/images/shop/money64.png) no-repeat 10px 10px;
	
	/* min-height IE6-hack */
	min-height: 90px;
	height:auto !important;
	height:90px;
}

#PWS_ShopContainer .PWSCss_CurrencySelection li {
	margin-bottom: 1px;
}



/* ======================================================================== */
/*  Allgemeine Formatierung für Formulare                                   */
/* ======================================================================== */
.PWS_ShopContainer label {
    /*display: block;*/
}  
  

/* ======================================================================== */
/*  Error Message Box                                                       */
/* ======================================================================== */
.PWSCss_ErrorMessageBox {
    margin: 10px 20px 10px 20px;
    padding: 7px 10px 7px 35px;
    background: url(/files/images/shop/errorIcon24.png) #ffeee7 no-repeat 3px 3px;
    border-top: 1px dotted #ff6464;
    border-bottom: 1px dotted #ff6464;
    color: #646464;
}

.PWSCss_ErrorMessageBox .PWS_MessageBoxHeadline {
    padding: 1px 10px 1px 10px;
    margin: 0;
    font-weight: bold;
}

.PWSCss_ErrorMessageBox ul {
    padding: 1px 10px 1px 25px;
    margin: 1px 0 0 0;
}

/* ======================================================================== */
/*  Message Box                                                       */
/* ======================================================================== */
.PWSCss_MessageBox {
    margin: 10px 20px 10px 20px;
    padding: 7px 10px 7px 35px;
    background: url(/files/images/shop/infoIcon24.png) #fffdeb no-repeat 3px 3px;
    border-top: 1px dotted #ffc864;
    border-bottom: 1px dotted #ffc864;
    color: #646464;
}

.PWSCss_MessageBox .PWS_MessageBoxHeadline {
    padding: 1px 10px 1px 10px;
    margin: 0;
    font-weight: bold;
}

.PWSCss_MessageBox ul {
    padding: 1px 10px 1px 25px;
    margin: 1px 0 0 0;
}

/* ======================================================================== */
/*  Hint Box                                                       */
/* ======================================================================== */
.PWSCss_HintBox {
    margin: 10px 20px 10px 20px;
    padding: 7px 10px 7px 35px;
    background: url(/files/images/shop/hintIcon24.png) #f4f5f6 no-repeat 3px 3px;
    border-top: 1px dotted #aab4be;
    border-bottom: 1px dotted #aab4be;
    color: 7f7fb1;
}

.PWSCss_HintBox span{
    padding: 1px 10px 1px 10px;
    margin: 0;
    font-weight: bold;
}

.PWSCss_HintBox ul {
    padding: 1px 10px 1px 25px;
    margin: 1px 0 0 0;
}

.PWSCss_HintBox p {
    padding: 0;
    margin: 5px 10px 0 10px;
}



/* ======================================================================== */
/*  OrderTable                                                              */
/* ======================================================================== */
.PWS_OrderTable {
    width: 100%;
    text-align: center;
    vertical-align: top;
    padding: 25px;
    border: 1px solid #646464;;
    background: url(/files/images/shop/greyGradient85.png) repeat-x bottom left;
    margin: 0px 0px 20px 0px !important;   
}

.PWS_OrderTable th {
    background: url(/files/images/shop/greyGradient25.png) repeat-x #ccc;
    border-bottom: 1px solid #aaa;
    padding: 0 15px 0 15px;
    height: 25px;
    color:  #444;
    vertical-align: middle;
}

.PWS_OrderTable td {
    padding: 5px 15px 5px 15px;
    border-bottom: 1px solid #ccc;
    vertical-align: middle; 
}

.PWS_OrderTable .PWS_CartPriceColumn {
    text-align: right;
}

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

.PWS_OrderTable .PWS_OrderTablePriceColumn {
	text-align: right;
}

.PWS_OrderTable .PWS_OrderTableSumRow {
    text-align: right;
    border: none;
}

.PWS_OrderTable .PWS_OrderTableSumField {
    text-align: right;
}

.PWS_OrderTable .PWS_OrderTableTotalField {
    text-align: right;
    font-weight: bold;
    border-top: 5px double #000;
}

.PWSCss_OrderTableDeleteButton {
	width: 24px;
	height: 24px;
	background: url(/files/images/shop/deleteIcon24.png) transparent no-repeat;
	border: 0px;
	font-size: 0em;
	/*color: transparent;*/
    cursor: pointer;
}



/* ======================================================================== */
/*  Styles auf der Übersichtsseite des Warenkorbs                           */
/* ======================================================================== */
.PWS_CartMainTable {
    /*border: 1px solid #f00;*/
    width: 100%;
    text-align: center;
    vertical-align: top;
    padding: 25px;
}

.PWS_CartMainTable th {
    background-color: #ccc;
    padding: 0 15px 0 15px;
}

.PWS_CartMainTable tr {
    height: 1.8em;
    border: 1px dotted #ccc;
}

.PWS_CartMainTable td{
    padding: 5px 15px 5px 15px;
    border-bottom: 1px solid #ccc;
}

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

.PWS_CartMainTable .PWS_CartPriceColumn {
    text-align: right;
}

.PWS_CartMainTable .PWS_CartRefreshField {
    text-align: right;
    border: none;
}

.PWS_CartMainTable .PWS_CartTotalField {
    text-align: right;
    font-weight: bold;
    border-bottom: 5px double #000;
}

.PWS_CartMainTable .PWS_CartEmptyRow {
    background-color: #ff0;
    color: #f00;
    border: 10px;
    font-weight: bold;
}

/* ======================================================================== */
/*  Tabelle auf der CheckOut Seite						                    */
/* ======================================================================== */
#PWS_ShopContainer .PWSCss_CheckOutOptions {
	border: 1px solid #ccc;
}

#PWS_ShopContainer .PWSCss_CheckOutOptions h2 {
	padding: 0;
	margin: 0;
	color: #646464;
}

#PWS_ShopContainer .PWSCss_CheckOutOptions td {
	background: url(/files/images/shop/greyGradient85.png) repeat-x bottom left;	
	padding: 5px;
}

#PWS_ShopContainer .PWSCss_CheckOutOptions td:first-child {
	border-right: 1px solid #ccc;
}

#PWS_ShopContainer .PWSCss_CheckOutOptions td:first-child + td{
	border-left: 1px solid #ccc;
}

#PWS_ShopContainer .PWSCss_CheckOut td {
	background: none;
	border: none;
}

#PWS_ShopContainer .PWSCss_CheckOut td:first-child + td {
	border: none;
}

#PWS_ShopContainer .PWSCss_CheckOutOptions span {
	font-weight: bold;
}


/* ======================================================================== */
/*  Styles auf der Seite zur Auswahl der Versandoptionen                    */
/* ======================================================================== */
#PWS_ShopContainer .PWSCss_CheckOutOptions .PWSCss_ShippingOptionHeadline {
	font-weight: bold;
	padding: 3px 0 0.7em 0;
	margin: 0;
}

#PWS_ShopContainer .PWSCss_CheckOutOptions .PWSCss_ShippingOptions ol {
	padding-left: 0;
	margin-left:0;
}

#PWS_ShopContainer .PWSCss_CheckOutOptions .PWSCss_ShippingOptions ol>li {
	list-style-type: none;
	margin-bottom: 0.5em;
}

#PWS_ShopContainer .PWSCss_CheckOutOptions .PWSCss_ShippingOptions input[type=radio] {
	float: left;
	clear: both;
	padding: 0 0 10px 0;
	margin: 0;
}

#PWS_ShopContainer .PWSCss_CheckOutOptions .PWSCss_ShippingOptions ol>li label {
	float: left;
	margin: 0 0 10px 0.5em;
	width: 80%;
}

/* ======================================================================== */
/*  Styles auf der Seite zur Eingabe des Gutscheincodes                     */
/* ======================================================================== */
#PWS_CouponEditPage {
	margin-left: 10px;   
}


/* ======================================================================== */
/*  Neukunde oder Bestandskundenlogin					                    */
/* ======================================================================== */
#PWS_ShopContainer .PWSCss_ChooseLoginTable {
	margin-top: 30px;
	border: 1px solid #ccc;
}

#PWS_ShopContainer .PWSCss_ChooseLoginTable h2 {
	padding: 0;
	margin: 0;
}

#PWS_ShopContainer .PWSCss_ChooseLoginTable td {
	background: url(/files/images/shop/greyGradient85.png) repeat-x bottom left;	
	padding: 5px;
}

#PWS_ShopContainer .PWSCss_ChooseLoginTable td:first-child {
	border-right: 1px solid #ccc;
}

#PWS_ShopContainer .PWSCss_ChooseLoginTable td:first-child + td{
	border-left: 1px solid #ccc;
	padding: 5px 20px 5px 20px;
}

#PWS_ShopContainer .PWSCss_ChooseLoginTable .PWS_ChooseLoginFormRow td {
    /*vertical-align: bottom;*/
    text-align: center;
}

#PWS_ShopContainer .PWSCss_ChooseLoginTable form {
    text-align: center;
    padding: 0 0 0 20px;
    margin: 0;
}

#PWS_ShopContainer .PWSCss_ChooseLoginTable label {
	font-weight: bold;  
	color: #646464;
}

#PWS_ShopContainer .PWSCss_ChooseLoginTable input[type="text"],
#PWS_ShopContainer .PWSCss_ChooseLoginTable input[type="password"] {
	margin: 0 0px 10px 20px;
}

#PWS_ShopContainer .PWSCss_ChooseLoginTable input[type="submit"] {
	margin-top: 10px;
}

#PWS_ShopContainer .PWSCss_ChooseLoginTable form p {
    text-align: left;
    margin: 0;
}

#PWS_ShopContainer .PWSCss_ChooseLoginTable .PWS_CustomerLoginBox,
#PWS_ShopContainer .PWSCss_ChooseLoginTable .PWSCSS_CustomerLoggedIn {
	border: none;	
	background: none;

}



/* ======================================================================== */
/*  Kundenlogin			                                                    */
/* ======================================================================== */
.PWS_CustomerLoginBox, .PWSCSS_CustomerLoggedIn {
	border: 1px solid #ccc;	
	background: url(/files/images/shop/greyGradient85.png) repeat-x right bottom;
	padding: 7px;	
	margin: 20px 0 0 0;
}

.PWS_CustomerLoginBox label {
	font-weight: bold;
}

.PWSCSS_CustomerLoggedIn p {
	display: inline;
	font-weight: bold;	
	padding-right: 30px;
}

.PWSCSS_CustomerLoggedIn form {
	display: inline;
	width: 20%;
}


/* ======================================================================== */
/*  Brotkrumen									                            */
/* ======================================================================== */
#PWSCSS_Breadcrumbs {
	border-collapse: collapse;
	padding: 0;
	margin: 0;
	width: 100%;
	text-align: center;
	font-size: 0.8em;
}

#PWSCSS_Breadcrumbs td {
	
}

#PWSCSS_Breadcrumbs form {
	display: inline;
}

#PWSCSS_Breadcrumbs input {
	cursor: pointer;
	padding: 25px 0 0 0;
	margin: 0;
	width: 100%;
	height: 45px;
	vertical-align:bottom;
	color: #00f;
	background: url(/files/images/shop/breadcrumbPrev.png) no-repeat 50% 0;
	border: none;
	text-decoration: underline;
	font-size: 0.9em;
}

#PWSCSS_Breadcrumbs .PWSCss_ActiveBreadcrumbItem input {
	color: #f00;
	cursor: auto;
	background: url(/files/images/shop/breadcrumbActive.png) no-repeat 50% 0;
	text-decoration: none;
}

#PWSCSS_Breadcrumbs .PWSCss_NextBreadcrumbItem input {
	background: url(/files/images/shop/breadcrumbNext.png) no-repeat 50% 0;
	cursor: auto;
	color: #646464;
	text-decoration: none;
}


/* ======================================================================== */
/*  Formular zur Eingabe der Kundendaten		                            */
/* ======================================================================== */
#PWSCss_CustomerDataForm fieldset {
	background: url(/files/images/shop/greyGradient85.png) repeat-x bottom right;
	border: 1px solid #ccc;	
	margin: 25px 0 25px 0;
	padding: 20px;	
}

#PWSCss_CustomerDataForm legend {
	color: #5591d7;
	padding: 0 10px 0 10px;
	margin:0;
}

#PWSCss_CustomerDataForm p {
	margin: 10px;
	padding: 0px;
	width: 45%;
	float: left;
	display: inline;
}

/*#PWSCss_CustomerDataForm legend + p {
	width: 90%	
}*/

#PWSCss_CustomerDataForm .PWSCss_Width90pc {
	width: 90%	
}

#PWSCss_CustomerDataForm label {
	font-weight: bold;
}

/*#PWSCss_CustomerDataForm input + span {
	font-size: 0.8em;
	display: block;
}*/

#PWSCss_CustomerDataForm .SmallSubLabel {
	font-size: 0.8em;
	display: block;
}

#PWSCss_CustomerDataForm select {
	width: 255px;
}

/*
Danke dem IE 6 muss man auf [attr="value"] verzichten und mit zusätzlichen
Klassen arbeiten...

#PWSCss_CustomerDataForm input[type="text"] {
	width: 250px;
}

#PWSCss_CustomerDataForm input[name="city"] {
	width: 180px;	
}

#PWSCss_CustomerDataForm input[name="zipCode"] {
	width: 60px;	
}

#PWSCss_CustomerDataForm input[id="debitData"] legend + p {
	width: 45%;	
}
*/

#PWSCss_CustomerDataForm .PWSCss_Width250px {
	width: 250px;
}

#PWSCss_CustomerDataForm .PWSCss_Width180px {
	width: 180px;	
}

#PWSCss_CustomerDataForm .PWSCss_Width60px {
	width: 60px;	
}

#PWSCss_CustomerDataForm .PWSCss_Width45pc {
	width: 45%;	
}

#PWSCss_CustomerDataForm #debitData legend + p {
	width: 45%		
}


/* ======================================================================== */
/*  Auswahl der Zahlungsart						                            */
/* ======================================================================== */
#PWSCSS_PaymentModule div {
	background: url(/files/images/shop/greyGradient85.png) repeat-x bottom right;
	border: 1px solid #ccc;	
	margin: 25px 0 25px 0;
	padding: 10px 10px 0 10px;		
}

#PWSCSS_PaymentModule label {
	display: inline;
	font-size: 1.2em;
	font-weight: bold;	
    color: #5591d7;	
}

#PWSCSS_PaymentModule dt {
	font-weight: bold;	
    color: #5591d7;	
    float: left;
    width: 100px;
}

#PWSCSS_PaymentModule dd {
	padding: 0 0 10px 0;
}

#PWSCSS_PaymentModule .plus {
	color: #0f861a;
}

#PWSCSS_PaymentModule .minus {
	color: #f00;
}


/* ======================================================================== */
/*  Sonstiges									                            */
/* ======================================================================== */
#PWS_ShopContainer .PWSCss_SummaryList{
	list-style-type: none;
}

/* ======================================================================== */
/*  Kundenmenü									                            */
/* ======================================================================== */
#PWSCss_CustomerMenuData {
	background: url(/files/images/shop/greyGradient85.png) repeat-x bottom right;
	border: 1px solid #ccc;	
	margin: 25px 0 40px 0;
	padding: 10px 10px 0 10px;		
}

#PWSCss_CustomerMenuData p:first-child {
	margin: 0;	
	font-size: 1.2em;
	font-weight: bold;	
    color: #5591d7;
    text-align: left;	
}

#PWSCss_CustomerMenuData dl {
	margin: 20px 0 0 20px;
	padding: 0;
}

#PWSCss_CustomerMenuData dt {
	font-weight: bold;	
    color: #646464;
    float: left;
    width: 200px;
}

#PWSCss_CustomerMenuData dd {
	padding: 0 0 10px 0;
}

#PWSCss_CustomerMenuData form {
	text-align: center;
	padding: 0 0 20px 0;
}

.PWSCss_CustomerMenuDownloadBox {
	background: url(/files/images/shop/greyGradient85.png) repeat-x bottom right;
	border: 1px solid #ccc;	
	margin: 0 0 25px 0;
	padding: 10px 10px 0 10px;		
}

.PWSCss_CustomerMenuDownloadBox > p:first-child {
	margin: 0;	
	font-size: 1.2em;
	font-weight: bold;	
    color: #5591d7;
    text-align: left;		
}

.PWSCss_CustomerMenuDownloadBox ul {
	list-style-type: none;
	padding: 0;	
	margin-left: 0;
}

.PWSCss_CustomerMenuDownloadBox ul li p,
.PWSCss_CustomerMenuDownloadBox ul li form {
	padding: 0 0 0 75px;	
}

.PWSCss_CustomerMenuDownloadBox ul li img {
	float: left;	
	width: 55px;
}

.PWSCss_CustomerMenuDownloadBox ul li  {
	border-top: 1px solid #ccc;	
	padding: 10px 0 0 0;
	margin: 10px 0 0 0;
}

.PWSCss_CustomerMenuDownloadBox ul li:first-child  {
	border-top: none;	
	padding: 0;
	margin:0;
}

.PWSCss_CustomerMenuDownloadBox ul li img + p  {
	display: inline;
	padding: 0 0 0 20px;
}

/* ======================================================================== */
/*  Logindaten anfordern						                            */
/* ======================================================================== */
#PWSCss_RequestLogin {
	background: url(/files/images/shop/greyGradient85.png) #fff repeat-x bottom right;
	border: 1px solid #ccc;	
	padding: 25px;	
	
	width: 400px;
	margin: auto;
	margin-top: 25px;	
	
	font-family: Arial,Helvetica,sans-serif;
}

#PWSCss_RequestLogin label {
	font-weight: bold;
	display: block;
}

#PWSCss_RequestLogin h2 {
	margin: 0px 0 10px 0;	
	font-size: 1.2em;
	font-weight: bold;	
    color: #5591d7;
    text-align: left;

}