/*
  $Id: stylesheet.css 1739 2007-12-20 00:52:16Z hpdl $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

.boxText { font-family: 'Helvetica', 'Arial', sans-serif; font-size: 12px; }
.errorBox { font-family : 'Helvetica', 'Arial', sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : 'Helvetica', 'Arial', sans-serif; font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-family : 'Helvetica', 'Arial', sans-serif; font-size : 10px; color: #70d250; text-decoration: underline; }

BODY {
  background: #6fb6ba;
  color: #515151;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
}

a { 
color : #1383ba; 
text-decoration : none; 
} 
a:visited { 
color : #1383ba; 
text-decoration : none; 
}
a:hover { 
color : #b5b5b5; 
text-decoration : none; 
}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}


TD.headerNavigation {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  color: #1383ba;
  font-weight : bold;
  padding-bottom: 5px;
  text-decoration: underline;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  background: #00ff00;
  color: #515151;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #bbc3d3;
}

TD.footer {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  background: #bbc3d3;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
color: #515151;
}

.infoBoxContents {
  background: #ffffff;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
}


.plainBox {
  background: #c0d3dd;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
}

TD.infoBoxHeading {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: bold;
  color: #515151;
}

TD.infoBox, SPAN.infoBox {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
}

TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
  background: #ffffff;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #f8f8f9;
}

TABLE.productListing {
}

.productListing-heading {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  background: #77B9B8;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  padding-top: 10px;
  line-height:140%;
}

A.pageResults {
  color: #0000FF;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 32px;
  font-weight: normal;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  color: #515151;
}

TD.main, P.main {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 8pt;
}

TD.accountCategory {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  color: #aabbdd;
}

TD.fieldKey {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
}

TD.tableHeading {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 14px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 11px;
}

SPAN.greetUser {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  color: #024E78;
  font-weight: bold;
}

TABLE.formArea {
  background: #f1f9fe;
  border-color: #7b9ebd;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: 'Helvetica', 'Arial', sans-serif;
  color: #ff0000;
}

SPAN.errorText {
  font-family: 'Helvetica', 'Arial', sans-serif;
  color: #ff0000;
}

.moduleRow { }
.moduleRowOver { background-color: #D7E9F7; cursor: pointer; }
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-family: Arial, Helvetica; font-size: 12px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Arial, Helvetica; font-size: 12px; color: #515151; }

/* message box */

.messageBox { font-family: 'Helvetica', 'Arial', sans-serif; font-size: 12px; }
.messageStackError, .messageStackWarning { font-family: 'Helvetica', 'Arial', sans-serif; font-size: 12px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: 'Helvetica', 'Arial', sans-serif; font-size: 12px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-family: 'Helvetica', 'Arial', sans-serif; font-size: 12px; color: #ff0000; }

/* Warenkorb */
#shoppingcart {
     font-size: 14px;
}
#shoppingcart p.newItemInCart {
    margin: 0px;
    color: #FF0000;
    font-size: 14px;
}
#shoppingcart p.newItemInCart a {
    color: #FF0000;
    font-size: 14px;
}
#shoppingcart p.oldItemInCart {
    margin: 0px;
    color: #034E78;
    font-size: 12px;
}
#shoppingcart p.oldItemInCart a {
    color: #034E78;
    font-size: 12px;
}
#shoppingcart p.CartSummary {
    border-top: solid 2px #4B7792;
    font-weight: bold;
    font-size: 12px;
}
#shoppingcart p.CartEmpty {
    font-size: 12px;
}

.leftshop {
float:left;
width:5px;
line-height:15px;
}
.rightshop {
float:right;
width:5px;
line-height:15px;
}


/* Kategorien */
#nav ul {
    list-style: none;
    padding: 0px;
    margin: 20px 0px 0px 0px;
}
#nav li.navlevel1 {
  font-family: 'Helvetica', 'Arial', sans-serif;
  font-size: 12px;
  color: #1383ba;
  font-weight : bold;
  padding-top: 15px;
  padding-bottom: 5px;
  text-decoration: underline;
}

#nav li.navlevel2 {
    padding-left: 7px;
   /* border-bottom: solid 1px #005270;  */
    color: #005270;
    font-size: 12px;
}


/* Showbox Paypal */
#showbox {
    padding: 0px;
    margin: 25px 0px 20px 0px;
}

/* Registerbox */

a.register {
    font-size: 12px;
}


#partnerbox ul {
    list-style: none;
    padding: 0px;
    margin: 0px 0px 20px 0px;
	border-top:1px dotted #005270;
}

#partnerbox li {
    padding: 3px 0px 3px 15px;
    margin: 0px;
    /*border-bottom: solid 1px #005270;*/
    color: #005270;
    font-size: 12px;
}

#partnerbox li a {
    color: #005270;
}

h1 {
    margin: 15px 0px 10px 0px;
    padding: 0px;
    font-size: 32px;
    color: #1383ba;
}

h2 {
    margin: 10px 0px 6px 0px;
    padding: 0px;
    font-size: 14px;
}

/* Lookbook */
.lookbookImg {
    float: left;
    margin: 0px 5px 16px 20px;
    padding: 0px;
}

h1 { 
 font-family: 'Helvetica', 'Arial', sans-serif;
 font-size: 32px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
}

h2 {
 font-family: 'Helvetica', 'Arial', sans-serif;
 font-size: 14px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
}

h3 { 
 font-family: 'Helvetica', 'Arial', sans-serif;
 font-size: 20px;
 font-weight: normal;
 margin-bottom: 0;
 padding-bottom: 0;
}

/* BOF Dynamic Sitemap */
  ul.sitemap {
  color: #77B9B8;
}
/* EOF Dynamic Sitemap */


#shopmiddle {
margin-left: auto; 
margin-right: auto; 
background: #ffffff; 
text-align: left;
width: 900px;
}


#shopcontent {
margin-left: 27px; 
margin-right: 27px;
background: #ffffff;
text-align: left;
width: 846px;
}

.logo {
padding-left: 33px;
padding-top: 15px;
padding-bottom: 10px;
}

.shopheader {
color : #919191; 
font-family : 'Helvetica', 'Arial', sans-serif; 
font-size : 36px; 
text-align : left; 
text-decoration : none;
}

.shopnavigation {
padding-top: 10px;
padding-left: 5px;
padding-bottom: 50px;
}

.paragraph_style_3 { 
color : #515151; 
font-family : 'Helvetica', 'Arial', sans-serif; 
font-size : 12px; 
font-weight : 300; 
text-align : left; 
text-decoration : none; 
}

a.class1 { 
color : rgb(146, 146, 146);
text-decoration : none; 
} 
a.class1:visited { 
color : rgb(180, 79, 72); 
text-decoration : none;
} 
a.class1:hover { 
color : rgb(19, 131, 186); 
text-decoration : none;
}

a.class2 { 
color : rgb(146, 146, 146); 
text-decoration : none;
} 
a.class2:visited { 
color : rgb(180, 79, 72); 
text-decoration : none;
} 
a.class2:hover { 
color : rgb(19, 131, 186); 
text-decoration : none;
} 
a.class3 { 
color : rgb(146, 146, 146); 
text-decoration : none;
} 
a.class3:visited { 
color : rgb(180, 79, 72); 
text-decoration : none;
} 
a.class3:hover { 
color : rgb(19, 131, 186); 
text-decoration : none;
} 
a.class4 { 
color : rgb(146, 146, 146); 
text-decoration : none;
} 
a.class4:visited { 
color : rgb(180, 79, 72); 
text-decoration : none;
} 
a.class4:hover { 
color : rgb(19, 131, 186); 
text-decoration : none;
} 
a.class5 { 
color : rgb(146, 146, 146); 
text-decoration : none;
} 
a.class5:visited { 
color : rgb(180, 79, 72); 
text-decoration : none;
} 
a.class5:hover { 
color : rgb(19, 131, 186); 
text-decoration : none;
} 
a.class6 { 
color : rgb(146, 146, 146); 
text-decoration : none;
} 
a.class6:visited { 
text-decoration : none;
color : rgb(180, 79, 72); 
} 
a.class6:hover { 
color : rgb(19, 131, 186); 
text-decoration : none;
} 
a.class7 { 
color : rgb(146, 146, 146); 
text-decoration : none;
} 
a.class7:visited { 
text-decoration : none;
color : rgb(180, 79, 72); 
} 
a.class7:hover { 
color : rgb(19, 131, 186); 
text-decoration : none;
}

.Free_Form { 
color : #515151; 
font-family : 'Helvetica', 'Arial', sans-serif; 
font-size : 12px; 
font-weight : 400; 
padding-bottom : 30px; 
padding-top : 40px; 
text-align : left; 
text-decoration : none; 
}

.shapeabstand { 
text-align: center;
padding-top: 20px;
padding-bottom: 20px; 
}

.shapeabstandkategorie { 
text-align: center;
padding-top: 20px;
}

.shape4 { 
background: url(images/shapeimage_4.jpg);
width: 1px;
height: 100%;
}

/* Preis fuer Prozente */
SPAN.pricesavings{
font-weight: bold;
font-size: 12px;
font-family: Verdana, Arial;
color: #000000;
}
SPAN.pricesavingstext{
font-weight: bold;
font-size: 12px;
font-family: Verdana, Arial;
color: #000000;
}

.startseite {
text-align: center;
background: url(images/gitter.jpg);
width: 656px;
height: 673px;
}

.text_oben1 {
float: left;
width: 218px;
color: #1abfe7;
font-size: 14px;
font-weight: bold;
text-align: left;
position:relative;
top: 12px;
left: 25px;
}

.text_oben2 {
float: left;
width: 218px;
color: rgb(146, 146, 146);
font-size: 14px;
font-weight: bold;
text-align: left;
position:relative;
top: 12px;
left: 60px;
}

.text_oben3 {
float: left;
width: 218px;
color: rgb(146, 146, 146);
font-size: 14px;
font-weight: bold;
text-align: left;
position:relative;
top: 12px;
left: 75px;
}

.bild_oben1 {
float: left;
width: 191px;
height:260px;
text-align: left;
position:relative;
top: 22px;
left: 10px;
}

.bild_oben2 {
float: left;
width: 203px;
height:260px;
text-align: left;
position:relative;
top: 25px;
left: 40px;
}

.bild_oben3 {
float: left;
width: 180px;
height:260px;
text-align: left;
position:relative;
top: 25px;
left: 70px;
}

.text_unten1 {
float: left;
width: 218px;
color: rgb(146, 146, 146);
font-size: 14px;
font-weight: bold;
text-align: left;
position:relative;
top: 35px;
left: 70px;
}

.text_unten2 {
float: left;
width: 218px;
color: rgb(146, 146, 146);
font-size: 14px;
font-weight: bold;
text-align: left;
position:relative;
top: 35px;
left: 45px;
}

.text_unten3 {
float: left;
width: 218px;
color: rgb(146, 146, 146);
font-size: 14px;
font-weight: bold;
text-align: left;
position:relative;
top: 35px;
left: 55px;
}

.bild_unten1 {
float: left;
width: 188px;
height:282px;
text-align: left;
position:relative;
top: 60px;
left: 5px;
}

.bild_unten2 {
float: left;
width: 212px;
height:292px;
text-align: left;
position:relative;
top: 60px;
left: 35px;
}

.bild_unten3 {
float: left;
width: 180px;
height:292px;
text-align: left;
position:relative;
top: 60px;
left: 65px;
}


/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */

/* CSS class for zoomed area */
.MagicZoomBigImageCont {
	border:			1px solid #1383ba;
}

/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the <A> tag */
.MagicZoomHeader {
	font:			10px Tahoma, Verdana, Arial, sans-serif;
	color:			#b5b5b5;
	background:		#1383ba;
	text-align:     center !important; 
}


/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
	border: 		1px solid #aaa;
	background: 	#ffffff;
	cursor:			hand;
}

/* CSS style for loading animation box */
.MagicZoomLoading {
	text-align:		center;
	background: 	#ffffff;
	color:			#444;
	border: 		1px solid #ccc;
	opacity:		0.8;
	padding:		3px 3px 3px 3px !important;
	display: 		none; /* do not edit this line please */
}

/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
	padding-top:	3px !important;
}
/* ©2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */

/* CSS class for thumbnail link <A> */
.MagicThumb {
    cursor: url(cursor/zoomin.cur), pointer;
    outline: none;
}

/* CSS class for the thumbnail link <A> when the big image is zoomed */
.MagicThumb-zoomed { cursor: default; }

/* CSS class for span inside the thumbnail <A> */
.MagicThumb span { display: none; }

/* CSS class for the thumbnail image */
.MagicThumb img { border: 1px solid #808080; outline: none; }

/* CSS class for the big image while zooming */
.MagicThumb-image { border: 1px solid #cccccc; outline: none; }

/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed { cursor: url(cursor/zoomout.cur), pointer; }

/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {
    color: #333333;
    background-color: #F0F0F0;
    border: 1px solid #CCCCCC;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 11px;
    padding: 8px 16px;
}

/* CSS class for the control bar */
.MagicThumb-controlbar {
	display: block;
	height: 18px;
}

.MagicThumb-controlbar a {
	display: block;
	width: 18px;
	height: 18px;
	margin: 0px 1px;
	outline: none;
	float: left;
	overflow: hidden;
}

.MagicThumb-controlbar a span {
	display: block;
	width: 1000px;
	height: 1000px;
	background: transparent url(graphics/controlbar.png) no-repeat 0 0;
	outline: none;
	position: absolute;
	left: 0px;
	top: 0px;
}

/* CSS class for the loading message box */
.MagicThumb-loading {
	border: 1px solid #000000;
	background: #ffffff url(graphics/loader.gif) no-repeat 2px 50%;
	padding: 2px 2px 2px 22px;
	margin: 0;
	text-decoration: none;
	text-align: left;
	font-size: 8pt;
	font-family: sans-serif;
}