/* Globale Styles (td muss hier separat angegeben werden: Fix) */
html, body, td { 
	font-family: Helvetica, Verdana, Arial, sans-serif; 
	font-size: small;
	color:black;
}

body {
	margin: 0px;
	padding: 0px;
}

/* Globale Formatierungen von Standard-Elementen */
h1 { font-size:190%; font-weight:bold; margin:0px; margin-top:6px; margin-bottom:3px; }
h2 { font-size:120%; font-weight:bold; margin:0px; margin-top:6px; margin-bottom:3px; }
h3 { font-size:110%; font-weight:bold; margin:0px; margin-top:6px; margin-bottom:3px; }
h4 { font-size:120%; font-weight:normal; margin:0px; margin-top:6px; margin-bottom:3px; border-bottom:1px solid #ddd; color:#175a2a; }
h5 { margin:0px; margin-top:6px; margin-bottom:3px; }

form { display:inline; }
ul { margin:0; padding-left:25px; }
input {  margin:0px; padding-left: 0px; }

input.text, input.text1, input.checkbox, input.submit, textarea, select, /*.amount input, */
.userlogin .login_input input,
.userlogin .pass_input input,
{ 
	border:1px solid gray; 
}

input.text:hover, input.text:focus,
input.text1:hover, input.text1:focus,
input.checkbox:hover, input.checkbox:focus,
input.submit:hover, input.submit:focus,
textarea:hover, textarea:focus,
select:hover, select:focus,
.amount input:hover, .amount input:focus,
.userlogin .login_input input:hover, .userlogin .login_input input:focus,
.userlogin .pass_input input:hover, .userlogin .pass_input input:focus,
{ 
	border:1px solid red; 
}

/* Links */
a { font-size:inherit; }
a, a:link, a:visited, a:active { color:#175a2a; }
a:hover { text-decoration:underline; color: #175a2a;}
a:focus { text-decoration:underline; color: #175a2a;}

/* Layout */
/*#outerlayout { text-align:left; width:70%; }*/ /* Für die Schatten unten und rechts */
#layout { background-color:white; width:960px; padding: 0px; margin: 0px; margin-left:auto; margin-right:auto; }
#layout #pageheader { width:100%; }

#layout #sitehead { width:100%; margin:0px; border:none; padding:0px; }
#layout #sitemenu { width:20%; padding:5px; padding-left:0px; padding-top:10px; }
#layout #sitemenu_right { width:20%; padding:5px; padding-right:0px; padding-top:10px; }
#layout #sitecontent { padding:10px; }
#layout #sitecontent .location { border-bottom:1px solid gray; padding-bottom:1px; font-size:85%; }
#layout #sitecontent .innercontent { padding-left:20px; padding-right:20px; margin:0px; }
#layout #footer { font-size:90%; text-align:center; background-color:#dfdede; border:1px solid #bbb; padding:2px;}

.clearfloating { clear:both; }

/* Styles für die einzelnen Produkteigenschaften und Identifier */
.product { font-weight:bold; }
.manufacturer { font-size:90%; font-style:italic; }
.price { color:red; font-weight:bold; margin:3px; font-size:100%; }
.image {}
.shortdescription { padding:5px; }
.detaillink { padding:3px; font-style:italic; }
.amount {}
.anzkaufen {}
.anzkaufen input { border:1px solid gray; }
.anzkaufen input:hover,
.anzkaufen input:focus { border:1px solid red; }
.favloesch { padding:5px; }
.favloesch a { color:red; }
.itemid { font-size:90%; }
.lbs { padding-left:18px; }

/* Crossartikel */
.cross {}
.cross img { height:50px; width:50px; }
.cross table.items {  }
.cross table.items td { padding:2px; padding-left:4px; }
.cross table.items td.wkcheck {}
.cross table.items td.wkcheck input { border:none; }
.cross table.items td.produkt {}
.cross table.items td.preis { text-align:right; }
.cross table.items td.detail {}

/* Formatierung für __preis::pav__ */
.printpreis {  } /* div  um gesamte Ausgabe */
.printpreis .preis { display:block; } /* span um Preis */
.printpreis .mwst { display:block; color:gray; font-size:90%; font-weight:normal; } /*span um Mehrwertsteuertext */
.printpreis .versand { display:block; color:gray; font-size:90%; font-weight:normal; } /*span um Versandtext */
.printpreis .zusatz { display:none; color:gray; font-size:90%; font-weight:normal; } /*span um Zusatztext */
.cross table.items td.preis .printpreis .mwst { display:inline; }
.cross table.items td.preis .printpreis .versand { display:inline; }
.cross table.items td.preis .printpreis .zusatz { display:inline; }

.printinline .printpreis { display:inline; }
.printinline .printpreis .preis { display:inline; }
.printinline .printpreis .mwst { display:inline; }
.printinline .printpreis .versand { display:inline; }
.printinline .printpreis .zusatz { display:inline; }

.topseller 
.topseller .printpreis {  }
.topseller .printpreis .preis { display:block; }
.topseller .printpreis .mwst { display:none; }
.topseller .printpreis .versand { display:none; }
.topseller .printpreis .zusatz { display:none; }

.detailpage .printpreis .preis { display:inline; }
.detailpage .printpreis .mwst { display:inline; }
.detailpage .printpreis .versand { display:inline; }
.detailpage .printpreis .zusatz { display:inline; }

/* 3D-Boxen für Navigation, Angebote und Topseller etc. */
.box3d { padding:0px; margin:0px; margin-bottom:15px; }
.box3d h3 { background-color:#e3ed99; padding:2px; padding-left:10px; margin:0px; }
.box3d h3, .box3d h3 * { color:black; } 
.box3d .content { padding:5px; margin:0px; height:100%; background-color:#dfdede; }
.box3d .catalog  { color: #666666; margin:0px; padding:0px; }

/* 2D-Boxen zb für Artikelseiten */
/*.box2d { text-align:center; padding:0px; border:1px solid #006699; vertical-align:top; }
.box2d h3 { background-color:#006699; margin:0px; padding:2px; }
.box2d h3, .box2d h3 * { color:white; }
.box2d h3 a { color:white; } 
.box2d .angebot { background:url(../images/other/angebot.png) 2px 2px no-repeat; }*/

.curpage {font-size:110%; font-weight:bold; margin:0px; padding:2px; background-color:#e3ed99; text-align:center;}

/* Tabelle für Artikelauflistung auf Artikelseiten*/
.itemlist { width:100%; empty-cells:show; border-collapse:collapse; } /* Tabelle auf maximale Breite setzen*/
.itemlist td { border-top:1px solid #bbb; border-bottom:1px solid #bbb; background-color:#dfdede; }
.itemlist td.leftcol { border-left:1px solid #bbb; padding:4px; }
.itemlist td.rightcol { border-right:1px solid #bbb; }
.itemlist td.blank { border:none; background-color:white; height:10px; }
.itemlist td.weitereseiten { border:none; background-color:white; }
.itemlist td.price { text-align:right; padding:3px; padding-right:10px; }


/* Sonderangebote auf Start- und Verzeichnisseiten */
.specialoffer { width:35%; text-align:center; }

/* Detailseite */
.detailpage { padding:10px; padding-top:0px; }
.detailpage h1,
.detailpage h2,
.detailpage h3 { color:#CCCCCC; font-style:italic; margin:0px; margin-top:10px;}
.detailpage .image { float:right; text-align:right; }
.detailpage .variants { empty-cells:hide; border-collapse:collapse; float:left; }
.detailpage .favhinzu { }
.detailpage .order { }
.detailpage .nextitem { background:url(../images/other/vor_klein.jpg) center right no-repeat; vertical-align:middle; padding-right:20px; float:right; }
.detailpage .previtem { background:url(../images/other/zurueck_klein.jpg) center left no-repeat; vertical-align:middle; padding-left:20px; float:left; }
.detailpage .nextitem .manufacturer,
.detailpage .previtem .manufacturer { font-style:normal; font-weight:bold; }

/* Suchergebnisse */
.searchresults {}
.searchresults h1 {}
.searchresults .manufacturer, .searchresults .product { font-style:normal; font-weight:bold; font-size:110%; }
.searchresults .sort { width:100%; text-align:right;}
.searchresults .resultlist { width:100%;  }
.searchresults .resultlist .image img { width:50px; height:50px; }
.nothingfound { font-size:120%; font-weight:bold; }

/* Suchergebnisse (nach Kategorien gruppiert) */

.asnline { clear:both; }
.asnline .image { float:left; padding-right:5px; }
.asnline .asn_resultline { margin-left:10px; }
.asnline .asn_resultline .asn_delim {}
.asnline .asn_resultline .asn_link {}
.asnline .asn_resultline .asn_path {}
.asnline .asn_resultline .asn_score { color:red; font-size:larger; }
.asnline .seite {}


/* Warenkorb */
.cart { border-collapse:collapse; empty-cells:hide; width:100%; }
.cart th { color:black; background-color:#e3ed99; font-weight:normal; text-align:center; }
.cart td { padding:0px; padding-left:3px; padding-right:3px; border:1px solid gray; }
.cart .product { font-weight:normal; }
.cart .descr {}
.cart .image img { width:30px; }
.cart .amount {}
.cart .unit {}
.cart .price { font-weight:normal; font-style:normal; color:#666666; text-align:right; font-size:100%; }
.cart .angebot { color:red; font-weight:bold; font-size:larger; }
.cart .sum { text-align:right; }
.cart .rabattinfo {}
.cart .mindertext { text-align:right; }
.cart .minder { text-align:right; }
.cart .versandtext { text-align:right; }
.cart .versand { text-align:right; }
.cart .zahlarttext { text-align:right; }
.cart .zahlartbetrag { text-align:right; }
.cart .rabattpzt { text-align:right; }
.cart .rabatt { text-align:right; }
.cart .rabatttext { text-align:right; }
.cart .gesamtpreistext { text-align:right; font-weight:bold; }
.cart .gesamtpreis { text-align:right; font-weight:bold; }
.cart .gesamtpreisinfo { text-align:right; }

/* Bestellformulare */
.bestelldaten { font-size:smaller; }
.bestelldaten th { text-align:left; }
.bestelldaten th.titel { width:15%; }
.bestelldaten th.rechnung { width:42%; }
.bestelldaten th.liefer { width:42%; }
.bestelldaten td input { width:100%; }
.bestelldaten td select { width:100%; }

/* Immer sichtbarer Mini-Warenkorb */
.miniwk {}
.miniwk .count {}
.miniwk .product { font-weight:normal; }
.miniwksum { font-weight:bold; }
.miniwkpriceinfo { font-size:80%; font-style:italic;}

/* Formatierung für __weitereseiten__ */
.weitereseiten { text-align:center; }
.weitereseiten .ws_active { font-weight:bold; font-size:larger; }
.weitereseiten .ws_inactive {}
.weitereseiten .ws_dots {}

.hinweis { margin:30px; border:1px solid #9aac01; }
.hinweis h2 { color:white; background-color:#9aac01; margin-top:0px; padding:5px; }
.hinweis .content { background: url(../images/other/ausrufezeichen.png) top left no-repeat; padding:5px; padding-left:20px; padding-top:0; }

.shopinfo {}










#header {
	background-color:#e3ed99;
    text-align:center;
	border-bottom: 1px #333 solid;
}

/*#logo { background:url(../images/other/header_bg.jpg) left center no-repeat; }*/
#logo #hlogo { margin:2px; margin-left:25px;}

#mainnav {
    border-top: 1px #333 solid; 
}

#mainnav ul {
    margin:0px;			/* Standard-Listendefinition zurücksetzen */
    padding:0px;
    display:block;
	width:50%;
	margin-left:auto;
	margin-right:auto;
}

#mainnav ul li {
	float:left;
    padding:0px;
	margin:0px;
    list-style-type: none;
    border-right:2px #aaa ridge;
}

#mainnav ul li.first {
	border-left:2px #aaa ridge;
}

#mainnav ul li a {
    display:block;
    font-weight: bold;
    text-decoration: none;
    color: #000;
    margin: 0;
    padding:5px;
}

#mainnav ul li a:hover {
    background:#175a2a;
    color: white;
    text-decoration: none;
}

/* Katalog-Navigation */

.menu1, .msel1,
.menu2, .msel2,
.menu3, .msel3,
.menu1:visited, .msel1:visited,
.menu2:visited, .msel2:visited,
.menu3:visited, .msel3:visited,
.menu1:active, .msel1:active,
.menu2:active, .msel2:active,
.menu3:active, .msel3:active,
.menu1:focus, .msel1:focus,
.menu2:focus, .msel2:focus,
.menu3:focus, .msel3:focus
{
	padding:5px;
	text-decoration:none; 
	color:#444;
}


.menu1 { display:block; padding-left: 4px;  background-color:#dfdede; border-bottom:1px solid #eee; font-size: 100%; }
.msel1 { display:block; padding-left: 4px; background-color:#aab; border-bottom:1px solid #eee; font-size: 100%; }
.menu2 { display:block; background-color: #FFFFFF; padding-left: 18px; font-size: 95%; }
.msel2 { display:block; padding-left: 18px; background-color: #00F0FF; font-size: 95%; }
.menu3 { display:block; background-color: #FFFFFF; padding-left: 32px; font-size: 85%; }
.msel3 { display:block; padding-left: 32px; background-color: #00F0FF; font-size: 85%; }



/*a, a:link, a:visited, a:active, a:hover, a:focus 
{ 	color:#444;
	text-decoration:none; 
}*/

.menu1:hover, .msel1:hover,
.menu2:hover, .msel2:hover,
.menu3:hover, .msel3:hover
{
	background-color:#175a2a;
	color:white;
	text-decoration:none;
}

.msel1, .msel1:active, .msel1:visited, .msel1:focus, 
.msel2, .msel2:active, .msel2:visited, .msel2:focus, 
.msel3, .msel3:active, .msel3:visited, .msel3:focus
{
	color:white;
}


/* Kundenlogin / Kundenlinks in der linken Spalte */
.userlogin { }
.userlogin .login_title { }
.userlogin .login_input input { }
.userlogin .pass_title { margin-top:5px; }
.userlogin .pass_input input { }
.userlogin .form_submit { margin-top:10px; }


/* Auflistung der Unterkategorien */
.catlist { }
.catlist .cat { padding:5px; padding-bottom:10px; }
.catlist .cat .image { text-align:center; }
.catlist .cat .title { text-align:center; font-weight:bold; }
.catlist .cat .descr {}


.reg_form { width:100%; }
.reg_form col.titel { width:20%; }
.reg_form col.daten { width:40%; }
.reg_form col.liefer { width:40%; vertical-align:top; }
.reg_form input.text { width:100%; }
.reg_form .captcha { display:inline; }

.inputerror { font-weight:bold; font-style:italic; color:red; }

#orderstep .step1 {	FLOAT: left; WIDTH: 33%; BACKGROUND: #dfdede; }
#orderstep .step2 {	FLOAT: left; WIDTH: 33%; BACKGROUND: #dfdede;}
#orderstep .step3 {	FLOAT: left; WIDTH: 33%; BACKGROUND: #dfdede;}
#orderstep .active {	BACKGROUND: #175a2a;	COLOR: #fff}
#orderstep { BACKGROUND: #dfdede; }
#orderstep .step1 {	BACKGROUND-POSITION: right 50%;	BACKGROUND-IMAGE: url(../images/other/orderStepArrow.gif);	BACKGROUND-REPEAT: no-repeat}
#orderstep .step2 {	BACKGROUND-POSITION: right 50%;	BACKGROUND-IMAGE: url(../images/other/orderStepArrow.gif);	BACKGROUND-REPEAT: no-repeat}
#orderstep .step3 {	BACKGROUND-POSITION: right 50%;	BACKGROUND-IMAGE: url(../images/other/orderStepArrow.gif);	BACKGROUND-REPEAT: no-repeat}
#orderstep .arrowback {	BACKGROUND-POSITION: right 50%;	BACKGROUND-IMAGE: url(../images/other/orderStepArrow2.gif);	BACKGROUND-REPEAT: no-repeat}
#orderstep div { padding-top:5px; padding-bottom:5px; }
#orderstep div span { padding-left:10px;}

.topseller { clear:both; }
.topseller .detail { float:right; padding:5px; display:block; }
.topseller .simage { float:left; padding:5px; }
.topseller .produkt {}

.shopgeschlossen {
	text-align:center;
	font-weight:bold;
	background-color:red;
	color:white;
}

.nichtregistriert {
	font-weight:bold;
	color:red;
}