/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

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

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

img{ border:0px; }

.boxText { font-size: 10px; }
.errorBox { font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-size : 10px; color: #cc0033; }
.productsNotifications { background: #f2fff7; }
.orderEdit { font-size : 10px; color: #70d250; text-decoration: underline; }


body, td, div, p, span {
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	/*gelb color:#797D62; blau #043B6A */
  font-family: Tahoma,Arial,Helvetica,Verdana;
  /*font-size:11px;*/
}
.imp a{ 
padding-left:25px;color:#043B6A;
padding-bottom:5px;
 font-size: 11px;}

h1 {
  font-family: Tahoma,Arial,Helvetica,Verdana;
	display:inline;
	font-size: 16px;
	font-weight: bold;
	color: #043b6a;
}
.main{
font-family: Tahoma,Arial,Helvetica,Verdana;
color:#043B6A;
font-size: 14px;}

.main_1{
padding-left:5px;
font-family: Tahoma,Arial,Helvetica,Verdana;
color:#797D62;
font-size: 11px;}

h2 {
  padding-left:10px;
	display:inline;
	font-size: 15px;
  font-weight: normal;
  color:white;

}
h3 {
	display:inline;
	font-size: 14px;
  font-weight:normal;
	color:#043b6a;

}
h4 {
	display:inline;
	font-size: 12px;
	font-weight:bold;
}
h5 {
	display:inline;
	font-size: 11px;
	font-weight:bold;
}

A {
  color: #043b6a;
  text-decoration: none;
  font-size:15px;
}

}
a:hover nav_inhalt{
    text-decoration: underline;
      background-color: black;
}
/*hilfe*/
A:hover {
  color: #AABBDD;
  text-decoration: none;

}

FORM {
	display: inline;
}

TR.header {
  background: #ffffff;
}

TR.headerNavigation {

}

TD.headerNavigation {
	display:inline;
	font-size: 15px;
	font-weight:normal;
	color: #043b6a;

}

A.headerNavigation { 
  color: #043b6a;
  font-size: 15px;
	font-weight:normal;
	padding-bottom:5px;
}

A.headerNavigation:hover {
  color: #000000;
  text-decoration: none;
}

TR.headerError {
  background: #ff0000;
}

TD.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}

TR.headerInfo {
  background: #00ff00;
}

TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}


.infoBox {
}

.infoBoxContents {
  font-size: 10px;
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
  font-size: 10px;
}

TD.infoBoxHeading {
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
}

TD.infoBox, SPAN.infoBox {
  font-size: 10px;
}

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: #f8f8f9;
}

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 {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
  font-size: 10px;
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-size: 10px;
}

A.pageResults {
  color: #0000FF;
}

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

TD.pageHeading, DIV.pageHeading {
  font-size: 20px;
  font-weight: bold;
  color: #9a9a9a;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-size: 10px;
  color: #000000;
}

TD.main, P.main {
}

.main{padding-left:10px;}

TD.smallText, SPAN.smallText, P.smallText {
  font-size: 10px;
}

TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

TD.fieldValue {
  font-size: 12px;
}

TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-size: 10px;
  color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
  font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-size: 11px;
}

SPAN.greetUser {
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

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

TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}

SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  color: #ff0000;
}

SPAN.errorText {
  color: #ff0000;
}

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

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

/* message box */

.messageBox {  font-size: 10px; }
.messageStackError, .messageStackWarning { font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-size: 10px; background-color: #99ff00; }

/* input requirement */

.inputRequirement { font-size: 10px; color: #ff0000; }
.main_title h1 {
	display:inline;
	font-size: 14px;
	padding-left: 5px;
	padding-right: 5px;
	color:#ffffff;
	font-weight:bold;

}
.content {
  margin:0px;
  padding:0px;
}
.content_inhalt{padding-left:10px; padding-right:10px;}




/* CSS Document */

BODY{background-image: url(./template/images/back_head.png) ;background-repeat:repeat-x;
  color: #fffff;
  margin: 0px;
  background-color: white;
  padding:0px;
  }
  
  
.side{
}
.test{background-image: url(./template/images/test.png) ;background-repeat:no-repeat;width:184px;  height:80px;}

.test_li{background-image: url(./template/images/test_li.png) ;background-repeat:no-repeat;width:13px;  height:52px;}
.test_lauf{background-image: url(./template/images/test_lauf.png) ;background-repeat:repeat-x; height:52px;}
.test_re{background-image: url(./template/images/test_re.png) ;background-repeat:no-repeat;width:13px;  height:52px;}
.test_li_2{background-image: url(./template/images/test_li_2.png) ;background-repeat:no-repeat;width:13px;  height:63px;}
.test_lauf_2{background-image: url(./template/images/test_lauf_2.png) ;background-repeat:repeat-x; height:63px;}
.test_bandage{background-image: url(./template/images/test_bandage.png) ;background-repeat:no-repeat;width:39px;  height:63px;}


.pattern_bread{background-image: url(./template/images/patern_breadcrump.png) ;background-repeat:no-repeat;   height:28px;}

.head{ margin-top: 10px; }
.logo{background-image: url(./template/images/logo.png) ;background-repeat:no-repeat;width:233px;  height:58px;}


.nav_2_li{background-image: url(./template/images/navi_2_li.png) ;background-repeat:no-repeat; width:10px; height:47px; }
.nav_2_lauf{background-image: url(./template/images/navi_2_lauf.png) ;background-repeat:repeat-x; height:47px; }
.nav_2_re{background-image: url(./template/images/navi_2_re.png) ;background-repeat:no-repeat; width:10px; height:47px; }

.nav_3_li{background-image: url(./template/images/navi_3_li.png) ;background-repeat:no-repeat; width:10px; height:47px; }
.nav_3_lauf{background-image: url(./template/images/navi_3_lauf.png) ;background-repeat:repeat-x; height:47px; }
.nav_3_re{background-image: url(./template/images/navi_3_re.png) ;background-repeat:no-repeat; width:10px; height:47px; }

.elem_1_lo{background-image: url(./template/images/elem_1_lo.png) ;background-repeat:no-repeat; width:15px; height:14px; }
.elem_1_ob_lauf{background-image: url(./template/images/elem_1_ob_lauf.png) ;background-repeat:repeat-x;}
.elem_1_ro{background-image: url(./template/images/elem_1_ro.png) ;background-repeat:no-repeat; width:15px; height:14px; }
.elem_1_li_lauf{background-image: url(./template/images/elem_1_li_lauf.png) ;background-repeat:repeat-y; }
.elem_1_re_lauf{background-image: url(./template/images/elem_1_re_lauf.png) ;background-repeat:repeat-y;}
.elem_1_lu{background-image: url(./template/images/elem_1_lu.png) ;background-repeat:no-repeat; width:15px; height:14px; }
.elem_1_un_lauf{background-image: url(./template/images/elem_1_un_lauf.png) ;background-repeat:repeat-x; }
.elem_1_ru{background-image: url(./template/images/elem_1_ru.png) ;background-repeat:no-repeat; width:15px; height:14px; }


.nav_head_2{background-image: url(./template/images/nav_head_2.png) ;background-repeat:no-repeat; width:185px; height:31px;}
.nav_inhalt_top{padding-bottom:13px;}
.nav_footer{background-image: url(./template/images/nav_footer.png) ;background-repeat:no-repeat; width:185px; height:17px;}

.box_1_lo{background-image: url(./template/images/box_1_lo.png) ;background-repeat:no-repeat; width:11px; height:10px;}
.box_1_ro{background-image: url(./template/images/box_1_ro.png) ;background-repeat:no-repeat; width:11px; height:10px;}
.box_1_lu{background-image: url(./template/images/box_1_lu.png) ;background-repeat:no-repeat; width:11px; height:10px;}
.box_1_ru{background-image: url(./template/images/box_1_ru.png) ;background-repeat:no-repeat; width:11px; height:10px;}
.box_1_li_lauf{background-image: url(./template/images/box_1_li_lauf.png) ;background-repeat:repeat-y; width:11px;}
.box_1_re_lauf{background-image: url(./template/images/box_1_re_lauf.png) ;background-repeat:repeat-y; width:11px;}
.box_1_inhalt{padding-left:12px;padding-top:5px;padding-bottom:5px;}
.box_1_head{background-image: url(./template/images/box_1_head.png) ;background-repeat:repeat-y; width:185px; height:34px;}
.elem_2_li_ob{background-image: url(./template/images/elem_2_li_ob.png) ;background-repeat:no-repeat; min-height:60px; width:16px;}
.elem_2_re_ob{background-image: url(./template/images/elem_2_re_ob.png) ;background-repeat:no-repeat; min-height:60px; width:16px;}

.elem_2_lu{background-image: url(./template/images/elem_2_lu.png) ;background-repeat:no-repeat; width:16px; height:20px; }
.elem_2_un_lauf{background-image: url(./template/images/elem_2_un_lauf.png) ;background-repeat:repeat-x; height:20px;}
.elem_2_ru{background-image: url(./template/images/elem_2_ru.png) ;background-repeat:no-repeat; width:16px; height:20px; }


.elem_3_lo{background-image: url(./template/images/elem_3_lo.png) ;background-repeat:no-repeat; width:16px; height:20px; }
.elem_3_ob_lauf{background-image: url(./template/images/elem_3_ob_lauf.png) ;background-repeat:repeat-x; height:20px;}
.elem_3_ro{background-image: url(./template/images/elem_3_ro.png) ;background-repeat:no-repeat; width:16px; height:20px; }

.elem_3_li_ob{background-image: url(./template/images/elem_3_li_ob.png) ;background-repeat:no-repeat; min-height:130px; width:16px;}
.elem_3_re_ob{background-image: url(./template/images/elem_3_re_ob.png) ;background-repeat:no-repeat; min-height:130px; width:16px;}

.elem_3_lu{background-image: url(./template/images/elem_3_lu.png) ;background-repeat:no-repeat; width:16px; height:20px; }
.elem_3_un_lauf{background-image: url(./template/images/elem_3_un_lauf.png) ;background-repeat:repeat-x; height:20px;}
.elem_3_ru{background-image: url(./template/images/elem_3_ru.png) ;background-repeat:no-repeat; width:16px; height:20px; }

.elem_4_li_ob{background-image: url(./template/images/elem_4_li_ob.png) ;background-repeat:no-repeat; width:16px;}
.elem_4_re_ob{background-image: url(./template/images/elem_4_re_ob.png) ;background-repeat:no-repeat; width:16px;}



.elem_5_li_ob{background-image: url(./template/images/elem_5_li_ob.png) ;background-repeat:no-repeat; }
.elem_5_re_ob{background-image: url(./template/images/elem_5_re_ob.png) ;background-repeat:no-repeat; }

.elem_5_lu{background-image: url(./template/images/elem_5_lu.png) ;background-repeat:no-repeat; width:16px; height:20px; }
.elem_5_un_lauf{background-image: url(./template/images/elem_5_un_lauf.png) ;background-repeat:repeat-x; height:20px;}
.elem_5_ru{background-image: url(./template/images/elem_5_ru.png) ;background-repeat:no-repeat; width:16px; height:20px; }


.infobox_lauf{
background-image: url(./template/images/elem_box_lauf.png);
background-repeat:repeat-x;
height:20px;
}

td {
	text-decoration: none;
}

.footer_info{}

.border{border-bottom:2px solid #038BB8;}
.border_2{border-top:1px solid #ffffff;}
.breadcrumb {font-size: 12px; text-align:left;}


/*DROP DOWN MENÜ*/
#dropmenudiv{
position:absolute;
/*border:1px solid black;*/
border-bottom-width: 0;
font-family: Tahoma,Arial,Helvetica,Verdana;
background-image: url(./template/images/menu_1.png);
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
padding: 0px;
margin:5px;
text-decoration: none;
font-weight: normal;
font-size: 15px;

}

#dropmenudiv a:hover{ /*hover background color*/
text-decoration: none;
}



/*DROP DOWN MENÜ ENDE*/


input, select, textarea {   
 }

.nav_inhalt{border-bottom:1px solid white;
border-top:1px solid white;}

.nav_inhalt td a {
background:#aeaeae none repeat scroll 0%;
color:white;
display:block;
padding:5px 0px 5px 14px;
text-decoration:none;
}

.nav_inhalt .aktiv  { background-color: #038bb8; }
.nav_inhalt .aktiv2 a  { background-color: #038BB8; }
.nav_inhalt .inaktiv a { background-color: #efefef; color:#038bb8; }
.nav_inhalt .inaktiv a:hover { background-color: #aeaeae; color:white; }

.nav_1_li a, .nav_1_mitte a, .nav_1_re a {display: block;}

.nav_1_li a:hover{background-image: url(./template/images/navi_over_11.png) ;background-repeat:no-repeat; height:42px; }
.nav_1_mitte a:hover{background-image: url(./template/images/navi_over_22.png) ;background-repeat:no-repeat; height:42px; }
.nav_1_re a:hover{background-image: url(./template/images/navi_over_33.png) ;background-repeat:no-repeat; height:42px; }

.nav_head{background-image: url(./template/images/nav_head.png) ;background-repeat:no-repeat; width:185px; height:31px;}


.nav_1_li{background-image: url(./template/images/navi_over_1.png) ;background-repeat:no-repeat; width:180px; height:42px; }
.nav_1_mitte{background-image: url(./template/images/navi_over_2.png) ;background-repeat:no-repeat; width:260px; height:42px; }
.nav_1_re{background-image: url(./template/images/navi_over_3.png) ;background-repeat:no-repeat; width:180px; height:42px; }
.nav_1_fill{background-image: url(./template/images/navi_fill.png) ;background-repeat:repeat;height:42px; }
.nav_1_fill_2{background-image: url(./template/images/navi_fill_2.png) ;background-repeat:repeat;height:42px; }

/* LIGHTBOX */

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.platzhalter{padding-left:14px;}
/* LIGHTBOX ende*/


