/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/

body {
  background: #A6ACB1;
  margin:0px;
  padding:0px;
  font-family:verdana;
  font-size:12px;
  color:#003366;

}

html {
  width: 100%;
  height: 100%;
  margin: 0px;
  padding: 0px;
}

html, body, textarea {
  scrollbar-base-color:#a6acb1;
}

hr {
  border:1px solid #D1D5E0;
  clear:both;
  margin-top:5px;
}

img {
 border:0;
}
 
 
div#pagewrapper {
  position: relative;
  margin: 0 auto;
  width:995px;
  min-height:1%;
  padding: 0;
  background:transparent url(img/bg_maincontent.gif) repeat-y;
}
#container {
  display:block;
  background-repeat:no-repeat;
  margin:0;
  padding:0;
}

/* ++++++++++++++++++++++++++++++  HEADER ++++++++++++++++++++++++++++++ */
div#header {
  position:relative;
  display:block;
  margin: 0;
  padding: 0;
  font-size:10px;
  height:84px;
  background:transparent url(img/bg_header.gif) no-repeat;  
  padding-left: 277px;
  padding-top:26px;
}

* html div#header
{
  padding-left: 267px;
  p\adding-left: 267px;
}


.headerbox {
  height: 80px;
  text-align:left;
  display:block;
  float:left;
  width:153px;
  line-height:18px;
  margin:0;
  padding:0;
  overflow:hidden;
  margin-left:12px;
  padding:3px;
}

#headerboxCart {
	width:130px;
	display:block;
	line-height:16px;
	padding-left:20px;
	padding-right:10px;
}

div#logo {
	position:absolute;
	left:0px;
	top:33px;
	margin:0px;
	width:224px;
	height:78px;
}


/*  ++++++++++++++++++++++++++++++ NAVIGATION  ++++++++++++++++++++++++++++++  */
#reiternav {
}

#borderbottom {
  border-bottom:1px solid #A6ACB1;
}

#tierschutz {
  margin:0;
  padding:0;
  width:187px;
  float:left;
  border:1px solid #A6ACB1;
  background:#fff;
  border-left:none;
  line-height:20px;
}
#tierschutz a {
  padding-left:25px;text-decoration:none;
}
#tierschutz a:hover {
  background:#BDD2E5;
  width:162px;
  display:block;
  padding:0px;
  padding-left:25px;
  text-decoration:none;
}

#links {
  margin:0;
  margin-top:1px;
  padding:0;
  width:188px;
  float:left;
  background:#fff;
  border-left:none;
  line-height:20px;
}
#links a {
  padding-left:25px;text-decoration:none;
}
#links a:hover {
  background:#BDD2E5;
  width:162px;
  display:block;
  padding:0px;
  padding-left:25px;
  text-decoration:none;
}
#navigation {
    margin:0;
    padding:0;
    width:188px;
    float:left;
	margin-top:70px;
}

#navigation ul {
  margin:0;
  padding:0;
}

#navigation li {
  margin:0;
  padding:0;
  list-style: none;
  border:1px solid #A6ACB1;
  border-left:none;
  margin-bottom:1px;
}

#navigation ul li {
  Xmargin:1px;
  padding:0;
  Xpadding-left:25px;
  background:#fff;
  line-height:20px;
}

#navigation ul li a {
  Xmargin:1px;
  padding-left:25px;
display:block;
width:162px;
}

#navigation ul li a {text-decoration:none;}
#navigation ul li a:hover{background:#BDD2E5;}

#navigation .activeli {
  margin:0;
  padding:0;
  Xpadding-left:25px;
  border-bottom:1px solid #A6ACB1;
  font-weight:bold;
  background:#BDD2E5;
  line-height:20px;
}

#navigation .activeli2 {
  margin:0;
  padding:0;
  Xpadding-left:25px;
  border-bottom:1px solid #A6ACB1;
  font-weight:bold;
  background:#BDD2E5;
  line-height:20px;
  margin-bottom:1px;
}

/* ++++++++++++++++++++++++++++++  2. NAVIGATIONSEBENE ++++++++++++++++++++++++++++++  */

#navigation .subactiveli {
  margin:0;
  padding:0;
  Xpadding-left:35px;
  border:none;
  border-right:1px solid #A6ACB1;
  font-weight:bold;
  line-height:18px;
  background:#E3EAF2;
  color:#2C477E;
}

#navigation .subnoactiveli {
  margin:0;
  padding:0;
  Xpadding-left:35px;
  border:none;
  border-right:1px solid #A6ACB1;
  
    font-weight:normal;
  background:#E3EAF2;
  color:#686F75;
  line-height:18px;
}

#navigation .subactiveli a:hover {
	background:transparent;
	text-decoration:underline;
}

#navigation .subnoactiveli a:hover {
	background:transparent;
	text-decoration:underline;
}

a {color:#27457B;text-decoration:none;}

	
	
    /* ++++++++++++++++++++++++++++++  CONTENT  ++++++++++++++++++++++++++++++  */
div#content {
  display:block;
  float:right;
  padding:0px;
  padding-left:50px;
  margin:0px;
  width:700px;
}

.textgreen {color:#009933;}
.textgreen a {color:#009933;text-decoration:underline;}
p {}
div#content .details {padding-top:20px;padding-bottom:20px;padding-right:30px;line-height:18px;}
div#content .details p{margin:0px; padding:0px;}
a {text-decoration:underline;};
.nounderline {text-decoration:none;};
div#content .details ul  {margin:0; padding:0;}
div#content .details p{padding-top:5px;padding-bottom:5px;}
h1 {font-family:verdana;color:#003366;font-size:18px;margin:0;padding:0;margin-top:12px;margin-bottom:14px;}

h1.cat {margin-bottom:4px;}
h2 {font-family:verdana;color:#003366;font-size:14px;margin:0;padding:0;}

/* MAIN */
    div#main {

    }
/* END MAIN */

/* SUB */
    div#sub {

    }
/* END SUB */

    /* END CONTENT */
    
    
    /* FOOTER */
div#footer {
padding-top:20px;
height:60px;
	background:transparent url(img/bg_footer.gif) bottom no-repeat; 
	text-align:center;
}


    /* END FOOTER */
/* END LAYOUT */



.inputtxt{
border:1px solid #003366;
background:#F4F4F4;
margin-top:3px;
color:#003366;
font-size:10px;font-family:verdana;

}
.headlineTable {color:#003366;background:#CAD2D8;font-size:10px;}
.txtTable {font-size:10px;}
a:hover {text-decoration:underline;}



/*  CONTENT INDEX */

.floatright {float:left; width:375px;}
.floatleft {float:left;}
#animation {padding-right:10px; width:298px;height:298px;float:left;}
	#boxgrey {float:left; width:144px; height:144px;background:#C9D0D6;float:left;margin:0;padding:0;margin-right:10px;margin-top:10px;}

	.productCategory {display: block;width:144px; height:144px;float:left;margin:0;padding:0;margin-right:10px;margin-top:10px;}

	.productCategory a {font-weight:bold;text-decoration:none;}

.cattitelXXX {text-align:center;margin-top:120px;background:#fff;height:24px;border-top:1px solid #C9D0D6;filter:alpha(opacity=50);-moz-opacity:.50;opacity:.50;}
	
	
.boxgrey2 {background:#C9D0D6;display: block;width:144px; height:144px;float:left;margin:0;padding:0;margin-right:10px;margin-top:10px;	}

	
.boxempty {background:transparent;display: block;width:144px; height:144px;float:left;margin:0;padding:0;margin-right:10px;margin-top:10px;	}

.productCategory a span {display: block;
cursor:pointer;
width:144px;
font-size:14px;
position: absolute;
text-align:center;
text-decoration:none;
margin-top:-25px;
margin-left:0px;
padding-top:2px;
background:#fff;height:22px;border-top:1px solid #C9D0D6;filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80;}

* html .productCategory a span {
margin-left:-144px;
margin-top:119px;
}	





.productCategory a:hover span {
filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
border-top:1px solid #264d76;
background:#264d76;
color:#fff;
}


.clearfix {clear:both;}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */





.product {
display: block;
width:144px;
height:144px;
float:left;
margin:0;
padding:0;
margin-top:10px;
margin-right:10px;
XXXborder:1px solid red;
}	

.product a:hover {
	border:none;
}

.product a span {
display: none;
padding:3px;
width:120px;
background:#fff;
text-decoration:none;
border:1px solid #a6acb1;
margin-left:5px;
margin-top:-55px;
Xmargin-bottom:20px;
position: absolute;
z-index:999;
cursor:pointer;

}

.product a:hover span {
display: block;
width:120px;
text-align: left;
filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
}	
	
* html .product a:hover span {
margin-left:-124px;
margin-top:4px;
}	
	


	#text {
	display:block;
	background:  url(img/bg_text.jpg) no-repeat; 
	width:350px;
	height:144px;
float:left;
	color:#003366;
	font-family:verdana;
	font-size:12px;
	line-height:20px;
	margin:0px;padding:0px;
	}
	#text p {margin:0px;padding:0px;padding:20px;padding-right:30px;}
	
	#text a {font-weight:bold;color:#003366; text-decoration:none; }
	#text a:hover {text-decoration:underline; }
	




#textCategory {float:left;overflow:hidden;margin-top:10px;width:298px;height:144px;background:#fff;color:#27457B;font-size:12px;line-height:18px;}
#textCategory p {padding:20px;}

.box {float:left; width:500px;margin-right:30px;}

.loginbox {float:left; width:270px;background:#fff;font-size:10px;}
.logincontent {padding:10px;height:90px;display:block;font-size:10px;}
.logincontent2 {padding:10px;height:120px;display:block;font-size:10px;}
.loginbutton {width:150px;padding-bottom:10px;text-align:right;float:right;}
.buttonleft {float:left;width:200px;padding-top:15px;}
.buttonright{float:right;width:280px;text-align:right;padding-top:15px;}

h3{
	margin:0;
	padding:0;
	font-size:11px;
	background:#C5D0D2;
	height:12px;
	color:#28527A;
	padding-top:6px;
	padding-bottom:6px;
	padding-left:12px;
}
.boxcontent{
  padding:15px;
  line-height:16px;
width:470px;
  margin:0;
  background:#ffffff;font-size:10px;
}

.boxcontent h4 {font-weight:bold;font-size:10px;}

.textsmall {font-size:9px;}
.required {color:#ff0000; font-weight:normal;font-size:10px;float:right;margin:0px;padding:0px;padding-right:10px;}
.error {color:#ff0000;font-weight:bold;width:525px;margin:0px; display:block;}
.inputRequirement {color:#ff0000; font-size:10px;}


.checkoutbaractive {

margin:1px;
padding:1px;
padding-left:4px;
padding-bottom:2px;
padding-right:4px;
font-size:10px;
font-weight:bold;
background:#C9D0D6;
color:#27457B;
border:1px solid #727272;
height:12px;
width:12px;
text-align:center;
}




.moduleRow {
 font-family: Verdana, Arial, sans-serif;
 font-size: 11px;
 line-height: 1.5;
 background-color: #E9EAEA;

}
.moduleRowOver { 
	background-color: #BDD2E5; 
	font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 1.5; 
	
	}
.moduleRowSelected { background-color: #BDD2E5; }


.onepxwidth {
	width: 1px;
}




.address {width:160px;float:left;background:#eeeeee;border:1px solid #727272;padding:10px;display:block;}





.checkoutbarinactive {
margin:1px;
padding:1px;
padding-left:4px;
padding-bottom:2px;
padding-right:4px;
font-size:10px;
font-weight:bold;
background:#ffffff;
color:#727272;
border:1px solid #727272;
height:12px;
width:12px;
text-align:center;}

ul.pagenavi {
margin:0;
padding:0;
list-style-type:none;
margin-top:10px;
}


.pagenaviactive {
float:left;
margin:1px;padding:1px;
padding-left:3px;
padding-right:4px;
font-size:12px;
font-weight:bold;
background:#FFFFFF;
color:#727272;
border:1px solid #727272;
height:15px;
width:15px;
text-align:center;}

.pagenaviinactive {
float:left;
margin:1px;padding:1px;
padding-left:3px;
padding-right:4px;
font-size:12px;
font-weight:bold;
background:#c9d0d6;
color:#727272;
border:1px solid #727272;
height:15px;
width:15px;
text-align:center;}

.pagenaviinactive a, .pagenaviactive a {
display:block;
width:15px;
height:15px;
text-decoration:none;
}

.loginlabel {
display:block;
float:left;
width:54px;
}

.copyright, .parseTime {display:none;}
.footerTxt {margin-top:5px;font-size:9px;}
.headerNavigation {font-size:9px;}
.greyline {color:#CED4D9;height:1px;}


div#contentwrapper {

	background:transparent url(img/bg_content.gif) no-repeat; 

	min-height:540px;
	display:block;
}

* html div#contentwrapper {
height:540px;
}


#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(/lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/lightbox/overlay.png", sizingMethod="scale");
	}

/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  ++++++++++++++++++++++++++++++ PARTNERPROGRAMM  ++++++++++++++++++++++++++++++  */
/*  ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#PartnerDiv {
  float:left;
  width:550px;
  margin:55px 30px 0px 0px;padding:0;
}

#PartnerDiv h3 {
  margin:0;
  padding:6px 0px 6px 12px;
  font-size:11px;
  background:#C5D0D2;
  color:#28527A;
  height:12px;
}

#PartnerDiv .content {
  padding:15px;
  line-height:13px;
  font-size:10px;
  width:520px;
  margin:0;
  background:#ffffff;
}

#PartnerDiv ul {
  margin:0;
  padding:0;
  margin-bottom:12px;
}

#PartnerDiv ul li {
  margin-left:20px;
  padding-bottom:6px;
}

#PartnerDiv h4 {
  margin:0;
  padding:0;
  font-size:10px;
  font-weight:bold;
}

#PartnerDiv p {
  margin:0 0 6px 0;
  padding:0 0 0 0;
}
/*
#PartnerDiv input {
  border:1px solid #003366;
  background:#F4F4F4;
  margin-top:3px;
  color:#003366;
  font-size:10px;
  font-family:verdana;
  width:160px;
}
*/
#PartnerDiv .noborder input {
  border:none;height:21px; width:102px;
}

#enquiry {
  border:1px solid #003366;
  width:200px;
  height:125px;
  background:#F4F4F4;
}
/*
.logincontent2 input {  border:1px solid #003366;
  background:#F4F4F4;
  margin-top:3px;
  color:#003366;
  font-size:10px;
  font-family:verdana;
  width:110px;}
#PartnerDiv .buttonleft {
  float:left;
  width:200px;
  padding-top:15px;
}
*/
#PartnerDiv .buttonright {
  float:right;
  width:280px;
  text-align:right;
  padding-top:15px;
}





#PartnerNav h3 {
margin-bottom:5px;
}
#PartnerNav h4 {font-size:11px;font-weight:bold;margin:0;padding:0;}

#PartnerNav a{
  text-decoration:none;
  line-height:18px;
  font-size:10px;
}

#PartnerNav a:hover {
  text-decoration:underline;
}

.PartnerLink a {text-decoration:underline;}

.get1free { font-family: Verdana, Arial, sans-serif; font-size: 10px; background: #ffb3b5; font-weight: bold; }