/* -------------------------------------------------------------------------------
	$Id: stylesheet.php, Version 1.0 2005/06/01
	--------------------------------------------------------------------------------
	seoStoreB2C/B2B - [NET.Services - Internetagentur]
	http://www.osc-ranking.de
  --------------------------------------------------------------------------------
	Based on:
	$Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $
  osCommerce, Open Source E-Commerce Solutions
	Copyright (c) 2003 osCommerce - http://www.oscommerce.com
	--------------------------------------------------------------------------------
	Released under the GNU General Public License
	----------------------------------------------------------------------------- */

/*tmp*/
/*div {border:1px solid #000}*/


/*tmp end*/


/* reset */
img {border:none;}
ul, li{margin: 0;
	padding: 0;
}
img { -ms-interpolation-mode : bicubic; }


#checkOut a{float:right; background:url(images/shopcart.png) no-repeat; padding-top:39px; color:#fff}

#feedback{position:absolute; left:0px; top:0px; width:67px; height:68px; background:url(images/feedback.png); display:block;}

/* TOP NAvi Section */
ul#topnav {color:#fff;}
ul#topnav a {color:#fff; text-decoration:none;}

ul#topnav {
	margin: 0; padding: 0;
	float:left;
	list-style: none;
}
ul#topnav li {
	float: left;
	
	position: relative; /*--Important--*/
}
ul#topnav li a {
	float: left;
	/*text-indent: -9999px;*/ /*--Push text off of page--*/
	height: 20px;
}
ul#topnav li:hover a, ul#topnav li a:hover { background-position: left bottom; } 

ul#topnav li .sub {
	position: absolute; /*--Important--*/
	top: 20px; left: 0;
	color:#fff;
	background: #21759b /*url(sub_bg.png) repeat-x*/; /*--Background gradient--*/
	padding: 20px 20px 20px;
	float: left;
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	display: none; /*--Hidden for those with js turned off--*/
	
}
ul#topnav li .row { /*--If needed to break out into rows--*/
	clear: both;
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%; /*--Override parent list item--*/
	color: #fff;
}
ul#topnav .sub ul li h2 { /*--Sub nav heading style--*/
	padding: 0;  margin: 0;
	font-size: 1.3em;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a { /*--Sub nav heading link style--*/
	padding: 5px 0;
	background-image: none;
	color: #e8e000;
}
ul#topnav .sub ul li a {
	float: none;
	text-indent: 0; /*--Override text-indent from parent list item--*/
	height: auto; /*--Override height from parent list item--*/
	background: url(images/navlist_arrow.jpg) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {
	color: #fff;
	background-position: 5px 12px ;/*--Override background position--*/
}


#navBar { background:#21759b; color:#FFF; height:25px;  }
#navBar ul{ padding: 4px 10px 0 10px; }
#navBar li{ margin: 0 14px 0 0;}

table.productListing div.smallText {display:none;}

#sideText {width:55px; height:408px; float:left; margin-left:-55px; margin-bottom:-408px;}

#logo {
background:transparent url(images/logo_aquacomfort.png) no-repeat bottom;
float:left;
height:38px;
margin-left:31px;
padding-top:28px;
width:83px;
}

/*#headers {background: url(images/wasserbett_die_natuerliche_art_zu_schlafen.png) no-repeat bottom; float:left; padding-top:30px; padding-left:10px; width:342px; height:61px;}
*/

#headers {
color:#21759b;
float:right;
font-size:8pt;
height:61px;
letter-spacing:1px;
line-height:13pt;
margin-top:5px;
width:400px;
}






//#shopCart{ border-collapse:collapse; }
.shopCartItem td{margin-top:10px; padding:5px; text-align:left; border-left: 1px solid #bbd8e7;}
.lastItem{border-right: 1px solid #bbd8e7;}
.shopCartItemOptions{border-bottom: 1px solid #bbd8e7;}

#shopCart{border-bottom:1px solid #bbd8e7;}

#innerContainer{background:#fff; width:100%; height:100%; 
				/*-moz-box-shadow:-1px 11px 41px -5px #888888;
				-webkit-box-shadow:-1px 11px 41px #888888;*/}




BODY {
	background:url("images/bg.jpg") repeat-x #EAF3FA;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9pt;
	color:#063579;
	/* background:url("images/layout/background.gif");
	background-attachment:fixed; */
}

#whiteHeader{ background:#fff url(images/wellenheader.jpg) repeat-x; width:100%; z-index:4000; height:25px; padding-top:100px;}
#menuBackground {width:100%; height:25px; background:#bbd8e7;}

#container { width:990px; margin:-125px auto 0; z-index:2000;}

#head { }


.level_1 UL.expanded {
    display:block;
}


#leftNavi { float:left; width:195px; padding:0 0 0 5px; margin:10px 15px; border:1px solid #BACCE1;}
ul {margin: 0 5px 0px 20px; list-style:url(images/layout/enum2.gif);} 
ul li {margin: 10px 0 0px 0;}  
ul ul {margin: 0 5px 0px 20px;}  
ul ul li {margin: 0 0 0px 0;}  
ul ul li a {text-decoration:none;}  
#mainContent { width:745px; margin-left:235px;}

div#productOptions {background:#EDF1F6;}

.warenkorb {float:right; width:270px; /*height:90px;*/ font-size:10px; margin-top: 10px;}
.warenkorb a{text-decoration:none;}

.login {float:right; width:270px; font-size:10px; margin-top:-17px;}
.login a{text-decoration:none;}


.smallIMG{width:405px !important;}
.smallContainer{width:820px !important;}
.smallContent{width:575px !important;}
.smallSelect{width:400px !important;}













/*
 	***********************************************************************
	SECTION: Global
 	***********************************************************************
*/

/* mainframe, outline */

HTML, BODY	{ margin:0; padding:0; }

/* main content container */
#outline	{ height:100%; }
#content	{ padding:15px 15px 15px 15px; background:#FFF; }
#footer 	{ background:#FFF; }
#header 	{ margin:0px; padding:0px; }
#boxesL		{ padding:15px 0px 0px 15px; background:#FFF; }
#boxesR		{ padding:0px 0px 0px 0px; background:#EDF1F6; }

/* Input Requirement */
FORM 				{ display:inline; }
CHECKBOX 		{ font-size:8pt; }
RADIO 			{ font-size:8pt; }
TEXTAREA 		{ font-size:8pt; }
.inputTEXT	{ font-size:8pt; border:1px #BACCE1 solid;}
.inputPASS	{ font-size:8pt; }

/* global fonts */
.mainText, #mainText	{ font-size:9pt; font-weight:normal; }
.smallText 		{ font-size:9pt; font-weight:normal; }
.inputReq			{ font-size:8pt; color:red; font-style:italic; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:normal; }
.priceStaffel	{ color:red; font-size:9pt; font-style:italic; font-weight:normal; }
//.priceNormal	{ color:#000; font-size:10pt; font-weight:bold; }
.priceNormal {
color:#1DABB2;
font-size:18pt;
font-weight:bold;
}

.priceOld			{ text-decoration:line-through; font-weight:normal; }
.priceSpecial { color:red; font-size:10pt; font-weight:bold;}
.tax_info			{ font-size:7pt; font-weight:normal; font-family:Verdana, Arial, Helvetica, sans-serif; }
.greetUser		{ font-size:10pt; color:black; font-weight:bold; }
.subTotal 		{ text-align:right; font-size:11pt;	font-weight:bold; }

/* messages fonts */
.notice		{ color:red; font-size:9pt; font-family:Verdana, Arial, Helvetica, sans-serif; }
.success 	{ padding:3px; border:3px green solid; margin:0px 0px 20px 0px; }
.errors 	{ padding:3px; border:3px red solid; margin:0px 0px 20px 0px; }
.warnings { padding:3px; border:3px yellow solid; margin:0px 0px 20px 0px; }
.notifies	{ padding:3px; border:3px #DDD dotted; margin:0px 0px 20px 0px; }
.orders 	{ padding:3px; border:3px #DDD dotted; margin:0px 0px 20px 0px; }
.messages { margin-bottom:15px; }

/* Headlines */
TABLE.pageHeading {	margin-bottom:10px; }
H1 { font-size:12pt; margin:0px; /*font-weight:bold;*/ }
/*#mainContent h1 { font-family: 'Josefin Sans Std Light', Helvetica, Verdana, Arial, sans-serif; font-size:21px;}*/
H2 { font-size:13pt; margin:0px; font-weight:bold; }
H3 { font-size:8pt;  margin:0px; font-weight:bold; }

/* default text links */
A 			{ color:#21759b; text-decoration:underline; }
A:hover { color:#000000; text-decoration:none; }

/* special formats: top and bottom Bar, breadcrumb */
A.breadCrumb 				{ font-size:8pt; text-decoration:none;}
A.breadCrumb:hover	{ font-size:8pt; text-decoration:underline; }
#breadCrumb 				{ font-size:8pt; color:#21759b; margin:0px 0px 15px 0px; padding:5px; border-bottom:1px solid #BACCE1;}

/*
 	***********************************************************************
	SECTION: Stuff
 	***********************************************************************
*/
HR { border:1px #BACCE1 solid; }

/* Checkout Footer */
TABLE.checkoutFooter 	{ margin:15px 0px 15px 0px; font-size:10pt; background:#EEE; border-right:1px #BBB solid; border-bottom:1px #BBB solid; border-top:1px #DDD solid; border-left:1px #DDD solid; }
TR.checkoutFooter			{ }
TD.checkoutFooter			{	padding:3px; color:#1DABB2; background:#eaf3fa; }
TD.checkoutCurrent		{	padding:3px; color:white; background:#1DABB2; }



/*
 	***********************************************************************
	SECTION: Header
 	***********************************************************************
*/
#topNavi		{ background:#21759b; color:#FFF; }
#headerTop 		{ height:100px; }
#headerBot 		{ height:22px;margin:-22px 5px 0 10px; float:right; color:#fff;}
A.topNavi		{ color:#FFF; text-decoration:none; }
A.topNavi:hover	{ text-decoration:underline; }
DIV.logoHeader	{ float:left; }
DIV.searchBox1	{ float:left; width:230px; padding:5px; text-align:left; }
DIV.searchBox2	{ float:left; padding:5px; text-align:left; }
DIV.minfo		{ padding:3px; background-color:#EDF1F6; border-bottom:1px #BACCE1 solid; }
DIV.headerLogin { float:left; padding:2px 0px 0px 6px; }



/*
 	***********************************************************************
	SECTION: Footer
 	***********************************************************************
*/
.footer	{
	background: #21759b;
	color:#fff;
}

div.footer {
	margin-top:5px;
	padding: 15px;
	margin-bottom:20px;
}

p.footer{margin:0 0 25px 0; padding: 25px 15px; font-size:7pt;}

.footer a{color:#fff; text-decoration:none;}
.footer h2{color:#fff;}
#botNavi		{ height:20px; font-size:8pt; text-align:center; }
A.botNavi		{ color:#fff; text-decoration:none; }
A.botNavi:hover	{ text-decoration:underline; }


/*
 	***********************************************************************
	SECTION: Content Boxes
 	***********************************************************************
*/
TABLE.contentBoxHeading {
	background:#21759b;padding: 5px 10px;
}
TR.contentBoxHeading	{ background:#21759b;padding: 5px 10px;}
TD.contentBoxHeading	{ padding:2px; font-size:10pt; font-weight:bold; color:#fff; }
TABLE.contentBox 	{
	background:#eee;
	margin:0px 0px 15px 0px;
}
TR.contentBox	{ }
TD.contentBox	{ padding:5px 10px; font-size:8pt; font-weight:normal; color:#333; }



/*
 	***********************************************************************
	SECTION: Form Area
 	***********************************************************************
*/
TABLE.formArea 	{
	
}
TR.formArea	{ }
TD.formArea	{ padding:3px; font-weight:normal; color:#000; }



/*
 	***********************************************************************
	SECTION: Product Details
 	***********************************************************************
*/
TABLE.productDetails { }
DIV.boxAll		{ }
#boxPrice 		{ 
	margin:10px 0px 10px 0px; 
	width:260px; 
	padding:5px; 
	text-align:center; 
	/*background-color:#EDF1F6;
	border:1px #BACCE1 solid;*/
}
#boxPrice hr{border:1px solid #fff;}

#boxStaffel		{ 
	width:140px; 
	padding:5px; 
	background-color:#EDF1F6;
	border:1px #BACCE1 solid;
}
#boxStock			{ padding:5px; }
#boxInfos			{ margin:0px 0px 10px 0px; }
#boxOptions		{ margin:0px 0px 10px 0px; padding:5px; background:#EDF1F6;}
#boxOptions select {width:500px;}
#boxControls	{ margin:0px 0px 10px 0px; }
#boxDesc			{ padding:5px; background-color:#FFF;}
#boxDesc table {border:none !important;}
#boxDesc table td{border:none !important;}
#boxDesc img {max-width:100%}
#boxDesc h2 {font-size:18pt}
#boxDesc h3 {font-size:14pt; margin-top:40px;}
#boxDate			{ padding:2px; margin:10px 0px 0px 0px; text-align:center; }



/*
 	***********************************************************************
	SECTION: Gallery Images (in page product_info.php)
 	***********************************************************************
*/
TABLE.imgBox {
	margin-top:10px;
	border-spacing:5px;
}
TD.imgBoxCell {
	text-align:center;
	border-right:1px #EEE solid;
	border-bottom:1px #EEE solid;
	border-top:1px #CCC solid;
	border-left:1px #CCC solid;
}



/*
 	***********************************************************************
	SECTION: Categories Listing
 	***********************************************************************
*/
TABLE.catBox { border-spacing:5px; }
TD.catBoxCell {
	width:180px;
	text-align:center;
	
}
TD.catBoxCell a h2 {font-weight:normal;}



/*
 	***********************************************************************
	SECTION: Products Listing
 	***********************************************************************
*/
TABLE.sortHeading {
	height:25px;
	border-spacing:3px;
	margin:20px 0px 1px 0px;
	font-size:9pt;
	background-color:#E6E6E6;
	border-right:1px #BBB solid;
	border-bottom:1px #BBB solid;
	border-top:1px #DDD solid;
	border-left:1px #DDD solid;
}
TD.sortHeadingCell {
	font-size:8pt;
	border-right:1px #FFF solid;
	border-bottom:1px #FFF solid;
	border-top:1px #CCC solid;
	border-left:1px #CCC solid;
}
TABLE.productListing {
	border:1px #BACCE1 solid;
}
TD.productListing 		{ background-color:#FFF; }
TABLE.listingCell 		{ }
TD.listingCell 	  		{	padding:3px; }
TD.listingCellHeading	{	padding:3px; background-color:#EDF1F6; }



/*
 	***********************************************************************
	SECTION: CMS Pages Listing
 	***********************************************************************
*/
TABLE.cmsListing { }
TD.cmsListing { }
TABLE.cmsListingCell-ODD 	{ }
TABLE.cmsListingCell-EVEN { }
TD.cmsListingCell {	padding:3px; }
TD.cmsListingCellHeading	{	padding:3px; background-color:#EDF1F6; }



/*
 	***********************************************************************
	SECTION: Modul Boxen (featured, new products, etc.)
 	***********************************************************************
*/
TABLE.modulBoxH {
	height:25px;
	padding:3px;
	margin:15px 0px 0px 0px;
	font-size:11pt;
	font-weight:bold;
	background-color:#fff;
}
TABLE.modulBoxC {
	padding: 10px;
	background-color:#EDF1F6/*EFF5F5*/;
	
}
TD.moduleCell, table.moduleCell, .moduleBoxCell {
	font-size:9pt;
	font-weight:normal;
	display:block;
	/*background-color:#EDF1F6;
*/}
TD.moduleCell h2, table.moduleCell h2, .moduleBoxCell h2{
	font-size:9pt;
	font-weight:normal;
}

.modulesBoxes{float:left; width:130px; height:230px; margin:10px 5px; font-size:9pt; display:block; overflow:hidden;}
.modulesBoxes img {width:98%;}


.modulesBoxes img, .modulesBoxesBigger img{border: 1px solid #BACCE1;}

.modulesBoxes span.priceNormal, .shopCartItem span.priceNormal{font-size:12pt;padding:0 4px;}

.modulesBoxesBigger{float:left; width:19%; margin:10px 4px; font-size:9pt; display:block;}

.modulesBoxesBigger a{text-decoration:none;}
.modulesBoxesBigger img{width:100%;}




/*
 	***********************************************************************
	SECTION: Infoboxen (links, rechts)
 	***********************************************************************
*/

/* Navigations-Boxen linke Seite */
P#mLev-1-L { 
	margin:0px 0px 1px 0px; 
	padding:3px 5px 3px 23px; 
	background:url("images/layout/enum.gif");
	background-repeat:no-repeat;	
	background-position:left;
}
A.mLev-1-L { text-decoration:none; }
A.mLev-1-L:hover { text-decoration:underline; }
P#mLev-2-L { margin:0px 0px 1px 0px; padding:2px 5px 2px 33px; }
A.mLev-2-L { font-size:8pt; }
A.mLev-2-L:hover { text-decoration:underline; }
P#mLev-3-L { margin:0px 0px 1px 0px; padding:2px 5px 2px 43px; }
A.mLev-3-L { font-size:8pt; }
A.mLev-3-L:hover { text-decoration:underline; }
/* Navigations-Boxen rechte Seite */
P#mLev-1-R { 
	margin:0px 0px 1px 0px; 
	padding:3px 5px 3px 23px; 
	background:url("images/layout/enum.gif");
	background-repeat:no-repeat;	
	background-position:left;
}
A.mLev-1-R { font-size:10pt; }
A.mLev-1-R:hover { text-decoration:underline; }
P#mLev-2-R { margin:0px 0px 1px 0px; padding:2px 5px 2px 33px; }
A.mLev-2-R { font-size:8pt; }
A.mLev-2-R:hover { text-decoration:underline; }
P#mLev-3-R { margin:0px 0px 1px 0px; padding:2px 5px 2px 43px; }
A.mLev-3-R { font-size:8pt; }
A.mLev-3-R:hover { text-decoration:underline; }

/* Info Boxen linke Seite */
TABLE.infoBoxH-L {
	color:#063579;
	padding:10px 3px 0px 3px;
	font-size:10pt;
	font-weight:bold;
	/*background:url("images/layout/underline.gif");
	background-repeat:no-repeat;	
	background-position:bottom left;*/
}
TABLE.infoBoxH-L a{
	text-decoration:none;
	color:#21759b;
}
TABLE.infoBoxH-L a:hover{
	color:#063579;
}

TABLE.infoBoxC-L {
	padding:3px;
	margin:0px 0px 15px 0px;
	font-size:9pt;
}

A.boxLink-L 			{ text-decoration:none; }
A.boxLink-L:hover { text-decoration:none; }


/* Info Boxen rechte Seite */
TABLE.infoBoxH-R {
display:none;
	color:#063579;
	height:25px;
	padding:3px;
	font-size:10pt;
	font-weight:bold;
	background-color:#FFF;
}
TABLE.infoBoxC-R {
	display:none;
	color:#063579;
	padding:3px;
	margin:0px 0px 15px 0px;
	font-size:9pt;
	
}
A.boxLink-R 			{ text-decoration:underline; }
A.boxLink-R:hover { text-decoration:none; }

/*
 	***********************************************************************
	SECTION: Individuelle Styles zu Infoboxen
 	***********************************************************************
*/

/* BOX: Shooping Cart */
#boxCart-L			{ background-color:#E7EEED; border-right:1px #BBB solid; border-bottom:1px #BBB solid;	border-top:1px #FFF solid; border-left:1px #DDD solid; }
#boxCart-R 			{	}
#cartContent-L	{	background-color:#EFF5F5;	border-right:1px #BBB solid; border-bottom:1px #BBB solid; border-top:1px #FFF solid;	border-left:1px #DDD solid; }
#cartContent-R 	{	}
.cartItems 			{ background:#FFF; border:1px #AAA dotted; color:#063579; }
.priceTotal 		{ font-style:italic; color:#fff; font-weight:bold; font-size:11pt; }
.newItemInCart 	{ font-size:9pt; color:red; font-weight:bold; }














#slider { 
   width: 500px; /* important to be same as image width */ 
   height: 350px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float:left;
   z-index:10;
}

#sliderContent {
   width: 500px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   padding:0px; margin:0px;
}

.sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.sliderImage span {
display:none !important;
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 474px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
}

#slider2 { 
   width: 480px; /* important to be same as image width */ 
   height: 350px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   float:left;
   z-index:10;
}

#slider2Content {
   width: 480px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
   padding:0px; margin:0px;
}

.slider2Image {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.slider2Image span {
	display:none !important;
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 454px;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   top: 0;

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}



ul#topnav li .sub {z-index:999}


#lieferzeiten_table{
	margin-bottom:15px;
}

#lieferzeit{
	background:#EDF1F6;
	padding: 5px;
}

#lieferzeit_button{
	float:left;	
}

#lieferzeit_up{
	width:15px;
	height:15px;
	display:none;
	background:url(images/pfeil_hoch.jpg);
	float:left;
}

#lieferzeit_down{
	width:15px;
	height:15px;
	display:none;
	float:left;
	background:url(images/pfeil_runter.jpg);
}

table#ts_schutz{background: orange;}
table#ts_schutz td{padding:15px;}