/*
  $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
*/





h1, h2, h3 {
 font-family: Tahoma,Arial,Verdana,sans-serif;
 font-size: 18px;
 height: 20px;
 font-weight: bold;
 padding: 0px;
 padding-bottom: 0px;
 padding-left: 0px;
}

h2 {
 font-size: 15px;
 }
 
h3 {
 font-size: 12px;
 }

.boxText { font-family: Tahoma,Verdana, Arial, sans-serif; font-size: 0.7em; }
.errorBox { font-family : Verdana, Arial, sans-serif; font-size : 10px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #cc0033; }
.productsNoti { background: #B1C8CB; }
.orderEdit { font-family : Verdana, Arial, sans-serif; font-size : 10px; color: #F55F05; text-decoration: underline; }

BODY {

background-color: #FFFFFF;  
 
}


TABLE.categ {
  border: 0px;
  border-spacing: 0px;
  font-family: tahoma, Arial, sans-serif;
  font-size: 10px;
  background: #FFFF55;
  color: #000000;
  border: 1 px solid #999999;
}

TD.categ {
     vertical-align: top;
     
}


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

A: hover {
  color: #AABBDD;
  text-decoration: underline;
}

FORM {
	display: inline;
}

TR.header {
  background-image: url('images/background.gif'); 
  background-repeat: repeat
}

TR.headerNavigation {
  background: #50667E;
}

TD.headerNavigation {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #50667E;
  color: #ffffff;
  font-weight : bold;
}

A.headerNavigation { 
  color: #0000FF; 
}

A.headerNavigation: hover {
  color: #ffffff;
}

TR.headerError {
  background: #ff0000;
}

TD.columnampak {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #000000;
  border: 1px solid #A5A2A5;
  border-spacing: 1px;
  padding: 15px
}

TD.headerampak {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #50667E;
  color: #000000;
  
  border: 1px solid #A5A2A5;
  border-spacing: 1px
}

TR.headerampak {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #000000;
  color: #FFFFFF;
  font-weight : bold;
  border: 1px solid #A5A2A5;
  border-spacing: 1px
}

TD.footerampakcenter {
  border-left: 1px none #A5A2A5; border-right: 1px none #A5A2A5; border-bottom: 1px solid #A5A2A5; font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #CE7F55;
  color: #ffffff;
  border-spacing: 1px;
  padding: 15px; border-top: 1px solid #A5A2A5
}

TD.footerampakleft {
  border-left: 1px solid #A5A2A5; border-right: 1px none #A5A2A5; border-bottom: 1px solid #A5A2A5; font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #CE7F55;
  color: #ffffff;
  border-spacing: 1px;
  padding: 15px; border-top: 1px solid #A5A2A5
}

TD.footerampakright {
  border-left: 1px none #A5A2A5; border-right: 1px solid #A5A2A5; border-bottom: 1px solid #A5A2A5; font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #CE7F55;
  color: #ffffff;
  border-spacing: 1px;
  padding: 15px; border-top: 1px solid #A5A2A5
}


TD.footerampak1 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #000000;
  border: 0px solid #808080;
  border-spacing: 1px;
  padding: 25px
}

TR.footerampak {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #ffffff;
  color: #000000;
  border: 2px solid #000000;
  border-spacing: 1px;
  padding: 25px
}


TD.newpages {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  background: #FFFFFF;
  color: #000000;
  border: 1px solid #50667E;
  border-spacing: 1px;
  padding: 15px
}


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

TR.headerInfo {
  background: #16568C;
}

TD.headerInfo {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  background: #16568C;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TR.footer {
  background: #50667E;
}

TD.footer {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #50667E;
  color: #ffffff;
  font-weight: bold;
}

.infoBox {
  background: #FFFFFF;
}

.infoBoxContents {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}
.infoBoxContents2 {
  background: #FFFFFF;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #3388FF;
  font-weight: normal;
  }

.infoBoxNotice {
  background: #608CAE;
}

.infoBoxNoticeContents {
  background: #608CAE;
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
}

TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
  background-image: url('images/startseite/startseite_oben_blau.gif');
  font-size: 10px;
  font-weight: bold;
  color: #000000;
}

TD.infoBox, SPAN.infoBox {
  font-family: Verdana, Arial, sans-serif;
  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: #FFFFFF;
}

TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productListing-even-small, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
  background: #FFFFFF;
  height: 120px;
  
}

TR.productListing-even-small {
height: 30px;
}

TABLE.productListing {
 /* border: 1px solid #840307;*/
  border-spacing: 1px;
  

}

.productListing-heading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  background: #840307;
  color: #FFFFFF;
  font-weight: bold;
}

TD.productListing-data {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  height: 120px;
  padding-top: 5px;
  vertical-align: top;
  border-top: 1px solid #AAAAAA;
  width: 300px;
}

A.pageResults {
  color: #840307;
}

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

TD.pageHeading, DIV.pageHeading {
  font-family: Tahoma,Verdana, Arial, sans-serif;
  font-size: 18px;
  font-weight: normal;
  color: #444444;
  height: 60px;
  border-bottom: 1px solid #888888;
  vertical-align: middle;
  
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

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



TD.main2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 3em;
   
}


TD.smallText, SPAN.smallText, P.smallText, TD.smallTextBeschreibungL, TD.smallTextBeschreibungR  {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  vertical-align: top;
  }

TD.smallTextBeschreibungL {
  width: 225px;
  float: left;
  padding-right: 5px;
  border-right: 1px solid #999999;
}

TD.smallTextBeschreibungR {
  width: 225px;
  padding-left: 5px;
  float: left;
 
 
}


TD.smallText2 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  /*border-bottom: 1px solid blue;*/
  border-right: 1px #0000FF;
  border-bottom: 1px #0000FF;
  padding-bottom: 25px;
  
  
}

TD.smallText3 {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  padding-left: 10px;
  float: left;
  
}



TD.accountCategory {
  font-family: Verdana, Arial, sans-serif;
  font-size: 13px;
  color: #aabbdd;
}

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

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

TD.tableHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

SPAN.newItemInCart {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}

CHECKBOX,
INPUT,
INPUT_MENGE, 
RADIO, 
SELECT {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
 
}

INPUT,
INPUT_MENGE {
text-align: left;
vertical-align: middle;
}
INPUT_MENGE {
text-align: center;
font-size: 13px;
}

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

SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
  font-weight: bold;
}

TABLE.formArea {
  border: 1px solid #50667E; background: #FFFFFF; 
}

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

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

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

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

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

.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }

/* message box */

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

/* input requirement */

.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #444444; }

.mws_boxTop    { 
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 10px;
                 color: #50667E;
				 font-weight: bold;
                 text-align: left;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxLeft   { background: url('images/infobox/left.gif'); }
.mws_boxRight  { background: url('images/infobox/right.gif'); }
.mws_boxBottom { background: url('images/infobox/bottom.gif');
                 font-family: Verdana, Arial, sans-serif;
                 font-size: 10px;
                 text-align : center;
                 vertical-align: middle;
                 white-space: nowrap; }
.mws_boxCenter { background: #FFFFFF; 
				 }

TD.pollBoxRow {

  border: 0px solid #eeeeee; font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

   

}

TD.pollBoxText {

  border: 0px solid #eeeeee; font-family: Verdana, Arial, sans-serif;

  font-size: 10px;

   

}

TR.pollOptRow {

  background: #C0C0C0;

}

TR.pollFooter {

  background: #C0C0C0;

}

TD.newsheader {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  font-weight: bold;
  color: #ffffff;
}

.tax_info, .uvp, .grundpreis {
  font-family: Verdana, Arial, sans-serif;
  font-size: 9px;
  color: #121212;
  font-weight: normal;
  padding-top: 3px;
}

.uvp {
color: #FF4444;
font-size: 12px;
text-align: right;
padding-top: 6px;
}

/*----------------------------Suggest Styles--------------------------*/
.suggest_link {
	background-color: #FFFFFF;
	padding: 2px 6px 2px 6px;
}
.suggest_link_over {
	background-color: #3366CC;
	padding: 2px 6px 2px 6px;
}
#search_suggest {
	position: absolute; 
	background-color: #FFFFFF; 
	text-align: left; 
	border: 1px solid #000000;			
}		
/*----------------------------End Suggest Styles------------------------*/




.h2{
font-size: 12px;
color: #840307;
font-weight : normal;
font-family: Verdana,Tahoma, Arial, sans-serif;
float: left;
text-align: left;
width: 99%;
border-bottom: 1px solid #DDEEFF;
padding-bottom: 15px;
}






.grundpreis{
float: left;
font-family: Tahoma,Verdana, Arial, sans-serif;
font-size: 0.6em;
font-weight: normal;
/*background: #CCCCDD;*/
padding: 5px 5px 0px 5px;
color: #000000;
text-align: right;
width: 45%;
min-height: 12px;

}



.inkorb{
float: right;
font-family: Verdana,Tahoma, Arial, sans-serif;
font-size: 0.8em;
font-weight: normal;
/*background: gainsboro;*/
padding: 0px;
color: #0000FF;
text-align: right;
vertical-align: top;
width: 350px;
max-height: 50px;
}





.produkttitel{
font-size: 0.8em;
color: #4444FF;
font-family: Verdana, Arial, sans-serif;
text-align: left;
height: 1.2em;
}





h2a {
font-size: 12px;
color: #000000;
font-family: Verdana,Tahoma, Arial, sans-serif;
}


.h2rahmen {
background: #E9EDF6;
width: 262px;
height: 100px;
}


.h2b {
font-size: 12px;
color: #0000FF;
background: #E9EDF6;
border-bottom: 1px solid #CBCDEF;
font-family: Verdana,Tahoma, Arial, sans-serif;
padding-left: 2px;
padding-right: 2px;
width: 261px;
height: 50px;
text-align: left;
vertical-align: top;

}


.h2description {
font-family: Verdana,Tahoma, Arial, sans-serif;
font-size: 10px;
line-height: 150%;
color: #000000;
background: #E9EDF6;
/*border: 1px solid #CBCDEF;*/

padding-left: 4px;
float: left;
text-align: left;
height: 180px;
}


.h2bb {
border-left: 1px solid #CBCDEF;
border-right: 1px solid #CBCDEF;
font-family: Verdana,Tahoma, Arial, sans-serif;
padding-left: 4px;
}

.h2bu{
border-bottom: 1px solid #0000FF;
padding-left: 4px;
}






.lieferzeit_gruen,
.lieferzeit_gelb,
.lieferzeit_rot{
position: relative;
top: -5px;
left: 0px;
font-family: Tahoma, Arial, sans-serif;
color: #444444;
text-align: center;
font-size: 12px;
line-height: 18px;
width: 220px !important;
width: 220px;
padding-left: 0px;
margin-left: auto !important;
margin-left: 2px;
margin-right: auto;
border-bottom: 2px solid #47FF22;
}

.lieferzeit_rot {
font-size: 12px;
color: #FFFFFF;
background-color: #FF0000;
}

.lieferzeit_gelb {
font-size: 12px;
color: #000000;
background-color: #FFFF00;
}

.empfohlen{
background: #f7f67b;
text-align: left;
font-size: 0.8em;
float: left;
border-bottom: 1px #a2a13b;
width: 150px;
}

.artikelbeschreibung {
font-family: Tahoma, Verdana, Arial, sans-serif;
background-color: #FFFFFF;
vertical-align: top;
font-size: 12px;
line-height: 1.5;
margin: 0px 0px 25px 0px;
padding: 5px;
width: 730px !important;
width: 722px ;
/*border: 1px solid #888888;*/
}

.in_den_warenkorb {
background: #EEEEEE;
position: relative;
top: 40px;
left: 0px;
text-align: center;
width: 400px;
}


/* Ab hioer Styles für Menue*/

/*change the menu hover color below*/
#thecategories a: hover {
	background-color: #eeeeee;
	color: #000000;
}

.catwithsubs, .catwithnosubs {
	padding-right: 0px;
	font-weight: normal;

}

.catwithsubs, .catwithnosubs {
	padding-right: 0px;
    font-weight: normal;
}


#thecategories {
	position: relative;
	top: -5px;
	margin-bottom: 16px;
	width: 180px;
	font-weight: normal;
font-size: 1.0em;
line-height: 1.2em;
}

.activelink {
	display: block;
	font-weight: normal;
}

#thecategories a {
	display: block;
	padding-bottom: 1px;
	padding-top: 1px;
	width: 100%;
	font-weight: normal;

}

/*mozilla fix*/
html>body #thecategories a {
	width: auto;
}
/*end of mozilla fix*/

#topcat a {
padding-left: 0px;
} 

#secondcat a {
	padding-left: 3px;
	font-weight: normal;

}

#thirdcat a {
	padding-left: 6px;
	color: #0000ff;
	font-weight: normal;

}

#fourthcat a {
	padding-left: 9px;
	font-weight: normal;

}

#fifthcat a {
	padding-left: 12px;
	font-weight: normal;

}

.original {
background: #FFFFFF;
font-family: verdana, tahoma, arial, sans-serif;
font-size: 1.5em;
border: 1px solid #dddddd;
height: 2em;
}

/* ab hier produktbeschreibung*/


/* Supertracker Styles */
.supertracker_text {font-family: Verdana, Arial, sans-serif; font-size: 11px;}
.supertracker_contact {font-family: Verdana, Arial, sans-serif; font-size: 11px; background: #aaa; padding: 15px; margin: 10px 0px 10px 0px; border: 1px solid #000;}
/* Supertracker Styles EOF */


/*Artikelgruppe*/

.ag {
font-size: 0.8em;
font-family: Verdana, Arial, sans-serif;
height: 3em;
/*font-weight: bold;*/

}

.ag2 {
font-size: 10px;
font-family: Verdana, Arial, sans-serif;
height: 3em;
/*font-weight: bold;*/
vertical-align: middle;
padding-bottom: 7px;
padding-top: 7px;
border-bottom: 1px solid #DDDDFF;
}


/*** Begin Header Tags SEO ***/
.seobild,
.seopreis,
.seopangv {
background: #FFFFFF;
float: left;
width: 140px;
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #666666;
vertical-align: middle;
}
.seopreis {
position: relative;
top: 0;
left: 200px;
 height: 24px;
 font-size: 20px;
 text-align: right;
 }

.seogruppentext, 
.short_description,
.lucky_monday_text {
font-family: Tahoma,Calibri,Arial,Verdana, Arial, sans-serif;
float: left;
width: 560px;
/*height: 100px;*/
font-size: 13px;
line-height: 18px;
font-weight: normal;
background: #FFFFFF;
color: #333333;
padding: 0px;
padding-right: 0px;
margin-left: 1px;
margin-right: 1px;
vertical-align: middle;
}

.seogruppentext em {
font-weight: normal;
line-height: 24px;
color: #333333;

}
.seogruppentext strong {
text-decoration: underline;
font-weight: normal;
letter-spacing: 0.1em;
color: #7109F9;
}

.short_description {
width: 380px;
color: #000000;
}


.produktbild {
overflow: hidden;
width: 200px !important; 
/*width: 0px;  nur für den IE */
 }

/*** End Header Tags SEO ***/

/*Das ist der Stylesheet für den Header*/

.box0 {
width: 1000px;
height: 100px;
background-color: #F6BA59;
background-image: url('images/buttons/button1a.jpg');
}

.box1 {
background-image: url('images/logo.jpg');
font-family: verdana, tahoma, arial, sans-serif;
font-size: 0.9em;
text-align: center;
padding-top: 0px;
width: 796px;
height: 131px;
float: left
background-color: #666666;
}

.box2 {
background-image: url('images/buttons/button1a.jpg');
font-family: verdana, tahoma, arial, sans-serif;
width: 178px !important;
width: 169px !important;
width: 200px;
height: 27px !important;
height: 33px !important;
padding-left: 25px;
padding-top: 8px;
float: right
background-color: #666666;
}



.suche {
float: right;
width: 500px;
height: 30px;
padding-top: 45px;
background-color: #666666;
}

/*Das ist der Stylesheet für die Startseite*/

.pixelrahmen {
border: 1px solid #000000;
}


.titel_neu_topzeile {
background-image: url('images/startseite/startseite_titelhintergrund.gif');
background-repeat: repeat;
font-family: Verdana, Arial, sans-serif;
width: 530px;
padding: 3px;
float: left;
margin-bottom: 10px;
}

.titel_neu_bild {
width: 200px;
float: left;
padding-right: 5px;
border-right: 1px solid #8888AA;
}


.titel_neu_text {
width: 350px;
font-family: Verdana, Arial, sans-serif;
color: #222222;
font-size: 10px;
line-height: 1.5em;
float: right;
/*padding-left: 5px;*/
padding-right: 15px;
border-left: 1px solid #8888AA;
}

/* Ab hier News-Titelseite*/


.wrapper_titelseite {
width: 780px;
height: 500px;
background-color: #FFFFFF;
}
.titelseite_rahmen_links_n,
.titelseite_rahmen_rechts,
.titelseite_angebote {
width: 330px !important;
width: 330px;
/*height: 200px;*/
font-family: Calibri,Verdana, Arial, sans-serif;
float: left;
font-size: 13px;
line-height: 18px;
background-color: #FFFFFF;
margin-right: 25px;
padding: 5px;
border: none;
}

/*.titelseite_rahmen_links_n,
.titelseite_rahmen_rechts,
.titelseite_angebote h3: first-letter {
font-size: 18px;
width: 18px;
line-height: 18px;
background-color: #FFFF00;
}*/
.titelseite_angebote,
.titelseite_angebote_l,
.titelseite_angebote_r  {
width: 330px !important;
width: 330px;
font-size: 14px;
float: left;
text-align: left;
border: none;
border-right: 1px solid #AAAAAA;
border-left: 1px solid #AAAAAA;
padding: 10px;
}

.titelseite_angebote i {
font-size: 20px;
color: #FF0000;
padding-left: 5px;
}

.titelseite_angebote {
float: left;
height: 1000px;
text-align: left;
border: none;
}

.titelseite_angebote_l img
 {
width: 80px !important;
float: left;
text-align: right;
border: none;
}

.titelseite_angebote_r img
 {
width: 80px !important;
float: right;
text-align: right;
border: none;
}

.titelseite_rahmen_rechts  {
float: right;
text-align: left;
border: none;

}



.titelseite_bild_links, .titelseite_bild_rechts {
width: 160px;
float: left;
}

.titelseite_bild_links {
border-right: 1px solid #8888AA;
padding-right: 15px;
}


.titelseite_bild_rechts {
border-left: 1px solid #8888AA;
padding-left: 15px;
}



.titelseite_text_rechts, .titelseite_text_links  {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
vertical-align: middle;
float: left;
padding-left: 15px;
width: 355px !important;
width: 90%;
}



/* Ab hier Product_info */

.preis, .preis2, .quickinfo {
overflow: hidden;
float: left;
font-family: Tahoma,Verdana, Arial, sans-serif;
background-color: #FFFFFF;
font-size: 2em;
font-weight: normal;
color: #999999;
text-align: center;
width: 400px;
height: 450px;
padding: 5px ;
}

.preis2{
float: right;
font-family: Tahoma,Verdana, Arial, sans-serif;
background-color: #EEEEEE;
border: 0px solid #888888;
font-size: 1.2em;
font-weight: bold;
color: #555555;
text-align: right;
width: 205px !important;
width: 220px;
height: 1.8em;
padding: 5px 0px 5px 10px;
vertical-align: top;
}

.quickinfo{
float: right;
width: 250px;
vertical-align: top;
}

/* ----------------Lightbox BOF----------------------------------*/

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

/* ----------------Lightbox EOF----------------------------------*/


/* ----------------Sitemap BOF----------------------------------*/

.sitemaptop {
font-size: 16px; 
font-weight: bold;
text-align: left; 
width: 460px; 
height: 30px; 
padding: -5px; 
float: left;
}

.sitemaptext {
font-size: 11px; 
font-weight: normal;
text-align: left; 
width: 460px; 
height: 17px; 
padding: 0px; 
float: left;
}



/* ----------------Sitemap EOF----------------------------------*/

/* ----------------Produktcodes BOF----------------------------------*/
.eigenschaft_gruppe,
.eigenschaft_produktgruppe,
.eigenschaft_produktart, 
{
font-family: tahoma,verdana,arial, sans-serif;
float: left;
background: #FFFFFF;
color: #000000;
text-align: center;
font-size: 11px;
line-height: 18px;
width: 270px;
height: 170px !important;
height: 1%;
padding-left: 0px;
margin-bottom: 10px;

}

.eigenschaft_gruppe {
background: #9a7b5c;
width: 100px;
padding-left: 0px;
}


.eigenschaft_produktgruppe:first-line {
font-size: 11px;
line-height: 24px;
font-weight: bold;
}

.eigenschaft_produktgruppe {
background: #FFFFFF;
float: left;
}

.eigenschaft_produktart {
background: #F2F3F4;
}

.eigenschaft_versandkosten,
.eigenschaft_versandkosten_l
 {
background: #EEEEEE;
font-size: 11px;
color: #444444;
text-align: center;
width: 398px !important;
width: 400px;
height:448px !important;
height: 450px;
padding: 0px;
border: 1px solid #444444;
/*overflow: hidden;*/
}

.eigenschaft_versandkosten:first-line {
text-align: center;
font-size: 14px;
font-weight: bold;
color: #AA0000;
border: 1px solid #999999;
}

.eigenschaft_versandkosten_l {
text-align: right;
border: 1px solid #999999;
padding-right: 5px;
}

.eigenschaft_versandkosten_l:first-line {
text-align: right;
font-size: 24px;
font-weight: bold;
border: 1px solid #999999;
}

/* ----------------Produktcodes EOF----------------------------------*/

.restposten, 
.restposten_li, 
.sondergroesse {
background-image: url(includes/languages/german/images/buttons/button_restposten.gif);
font-family: Tahoma,Verdana, Arial, sans-serif;
float: right;
font-size: 14px;
font-weight: normal;
text-align: center;
padding:5px 0 0 0px;;
margin-top:10px;
width: 211px;
height: 20px;
}

.restposten_li {
float: left;
}

.sondergroesse {
background-image: url(includes/languages/german/images/buttons/button_sondergroesse_350.gif);
float: left;
width: 341px;
color: ##444444;
}


/* ----------------Informationsseiten BOF----------------------------------*/

#contact_wrapper {
position: relative;
background:#FFFFFF;
color:#000000;
font-family:  Tahoma,Calibri,Verdana, Arial, sans-serif;
font-weight:normal;
font-size:11px;
text-align:left;
width:750px;
height:670px;
border-bottom:1px solid #999999;
overflow:hidden;
}

/* ----------------Informationsseiten BOF----------------------------------*/
#contact_wrapper_textfeld,
#contact_wrapper_textfeld_halb {
background:url(images/header/contact_textfeld.jpg);
background-repeat:no-repeat;
float: left;
width:300px;
height:300px;
line-height: 1.4em;
overflow:hidden;
margin-left: 50px;
z-index: 0;
margin-top: 20px;
}

#contact_wrapper_textfeld_halb {
background:url(images/header/contact_textfeld_halb.jpg);
background-repeat:no-repeat;
height:150px;
}

#contact_wrapper_top {
background:#FFFFFF;
color:#0606AD;
font-family:  Tahoma,Calibri,Verdana, Arial, sans-serif;
font-weight:bold;
font-size:1.8em;
text-align:left;
width:25%;
line-height:2em; /*201px;*/
border-bottom:1px solid #999999;
overflow:hidden;
padding-top: 0px;
}

#contact_wrapper_textfeld,
#contact_wrapper_textfeld_halb p:first-line {
color:#888888;
font-weight:bold;
font-size: 1.4em;
line height: 2.4em;
padding: 0px;
}
/* ----------------Informationsseiten BOF----------------------------------*/

*/Das ist der Stylesheet für den Header*/

.box0 {
width:1000px;
}

.box1 {
background-image:url('images/logo.jpg');
font-family:verdana, tahoma, arial, sans-serif;
font-size:0.9em;
text-align:center;
padding-top:0px;
width:796px;
height:131px;
float:left
}

.box2 {
background-image:url('images/buttons/button1a.jpg');
font-family:verdana, tahoma, arial, sans-serif;
width:178px !important;
width:169px !important;
_width:200px;
height:27px !important;
height:33px !important;
padding-left:25px;
padding-top:8px;
float:right
}

.boxstart, .boxstart2 {
background-image:url('images/buttons/button_sp_hg.jpg');
repeat:x-repeat;
font-family: verdana, tahoma, arial, sans-serif;
width:987px !important;
width:1000px !important;
padding-left:15px;
height:20px !important;
height:30px !important;
float:left;
font-size:13px;
padding-top:13px;
}

.boxstart2 {
background:#CCCCCC;
border-top: 1px solid #444444;
border-bottom: 1px solid #444444;
height:20px !important;
height:30px !important;
padding-top:0px;
}


.suche {
width:500px;
padding-top:130px;
padding-left:150px !important;

}
/* Stylesheet für die product-info-Seiten */

#products_info_wrapper {
          font-family:  Arial,Verdana, sans-serif;
          font-size: 11px;
          position: relative;
          background: #FFFFFF;
          width: 100%;
          height: 600px;
          border: 1px solid #444444;
          z-index: 0;
}

#products_info_name {
          background-image: url(images/header/5.png);
          text-align: left;
          font-size: 1em;
          font-weight:normal;
          position:absolute;
          left: 0px;
          top: 6px !important;
          top: 18px;
          width: 770px !important;
          padding-left: 15px;
          width: 755px; /* ie7*/
          height: 26px;
          line-height: 26px;
          padding-left: 15px;
}

#products_info_image {
          text-align: center;
          background: none;
          position:relative;
          left: 200px;
          top: 0px;
          width: 230px !important;
          width: 250px;
          height: 300px;
          padding: 0px 0px;
          overflow: hidden;
          border: 1px solid #666666;
}

#products_info_daten_wrapper {
          font-size: 1em;
          font-weight: bold;
          color: #000000;
          text-align: center;
          background: none;
          position:absolute;
          left: 255px;
          top: 30px;
          width: 500px !important;
          width: 500px;
          height: 300px;
          padding: 0px 0px;
          overflow: hidden;
          border: 1px solid #666666;
          z-index: 10;
}

#products_info_sparen {
          background-image: url(images/pfeil_sparen.gif) ;
          background-repeat: no-repeat;
          background-position: 0px 20px;
          font-size: 10px;
          line-height: 20px;
          color: 000000;
          text-align: center;
          vertical-align:top;
          position:relative;
          left: 75px;
          top: -0px !important;
          top: -0px;
          height: 65px;
          padding-top: 0px;
          margin: 10px;
          width: 100px !important;
          width: 100px; /*IE*/
}

#products_info_quick {
          font-family:  Arial,Verdana, sans-serif;
          line-height: 16px; 
          height: 62px; 
          background-repeat: no-repeat; 
          background-image: url(images/products_info/stopschild.gif) ; 
          font-size:13px;
          line-height: 20px;
          width:325px !important;
          width:400px; 
          padding-left: 75px; 
          margin-top:15px;
          margin-bottom:15px;
}

/*Das ist der Stylesheet für die Startseite*/

.pixelrahmen {
border:1px solid #000000;
}


.titel_neu_topzeile {
background-image: url('urlhttp://www.roemer-haar-design.de/sp-shop/shop/images/startseite/startseite_titelhintergrund.gif');
background-repeat:repeat;
font-family: Verdana, Arial, sans-serif;
width:530px;
padding:3px;
float:left;
margin-bottom:10px;
}

.titel_neu_bild {
width:200px;
float:left;
padding-right:5px;
border-right:1px solid #8888AA;
}


.titel_neu_text {
width:350px;
font-family: Verdana, Arial, sans-serif;
color: #222222;
font-size:10px;
line-height:1.5em;
float:right;
/*padding-left:5px;*/
padding-right:15px;
border-left:1px solid #8888AA;
}

/* Ab hier News-Titelseite*/


.titelseite_rahmen_links, .titelseite_rahmen_rechts  {
width:535px; !important
width:490px;
font-family: Verdana, Arial, sans-serif;
font-size:12px;
background-image: url('http://www.roemer-haar-design.de/sp-shop/shop/images/startseite/startseite_oben_blau.gif');
background-repeat:repeat;
/*border:1px solid black; */
margin-bottom:20px;
margin-top:5px;
padding:5px;

}
.titelseite_rahmen_rechts  {
text-align:right;
}

.titelseite_bild_links, .titelseite_bild_rechts {
width:160px;
float:left;
}

.titelseite_bild_links {
border-right:1px solid #8888AA;
padding-right:15px;
}


.titelseite_bild_rechts {
border-left:1px solid #8888AA;
padding-left:15px;
}



.titelseite_text_rechts, .titelseite_text_links  {
font-family: Verdana, Arial, sans-serif;
font-size:12px;
vertical-align:middle;
float:left;
padding-left:15px;
width:355px; !important
width:90%;

}
/* $Id: example.css,v 1.5 2006/03/27 02:44:36 pat Exp $ */

/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 width: 400px;
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Calibri, Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-right: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDD;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #444; }
ul.tabbernav li a:visited { color: #666; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 font-family: calibri,verdana;
 width: 400px !important;
 width: 400px;
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}