/* 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:normal; 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.checkbox, input.submit, textarea, select, .amount input { border:1px solid gray; }
input.text:hover, input.text: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 { border:1px solid red; }*/

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

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

a.noline:link,
a.noline:visited,
a.noline:hover,
a.noline:focus,
a.noline:active
  {
   text-decoration:none;
   color:#ffffff;
  }

div.rahmen{            
    margin: 0px;                      
}

div.oben{
    margin-bottom: 0px;
}


div.content{
    margin-bottom: 0px;
}

div.links{
    width: 14em;
    float: left;
    margin-left: 5px;
    margin-top: 10px;
}

div.rechts{
    width: 14em;
    float: right;
    margin-left: 5px;
    margin-top: 10px;
    margin-right: 5px;
}

#mitte{
    margin: 0px 18em 0px 18em;
    text-align:left;
    
}        
#unten{
  clear: right;
  background-color:#00339a; 
  padding:3px;
  color:white;
  margin-bottom:30px;
  margin-top:30px;
}   

#unten a{ color:white; }
#unten a:hover{ color:white; }

.links .center {text-align:center;}
.links img {border:0px;}
#mitte h1 { text-align:center;  }

#pageheader { width:100%; }
#pageheader #head {}
#pageheader #head #topbuttons { list-style:none; float:right; }
#pageheader #head #topbuttons li { float:left; padding:3px; }
#pageheader #head #toplinks { font-size:80%; text-align:center; }
#pageheader #head #toplinks a { color:#BBBBBB; }
#pageheader #head #toplinks a:hover { color:#0000FF; }
#pageheader #head #logo { float:left; padding:3px; }
#pageheader #bar { background-color:#00339a; padding:3px; text-align:right;}
#pageheader #bar ul { list-style:none; }
#pageheader #bar ul li { display:inline; }
#pageheader #bar img {border:0px;}
#pageheader #priceinfo { color:white; text-align:center; padding-right:5px; font-size:smaller; vertical-align:middle; }
#pageheader #search #freesearch { color:white; border-right:1px solid white; border-left:1px solid white; margin-right:5px; padding-left:5px;}
#pageheader #search #freesearch td { color:white; }
#pageheader #search #manufacturersearch { color:white; padding-left:5px;}
#pageheader #search #manufacturersearch td { color:white; }


#unten .sitemap { text-align:center; font-size:smaller; }
#unten .sitemap a{ color:white; }
#unten .sitemap a:hover{ color:white; }
#unten .externallinks { text-align:center; font-size:smaller; }

#mitte .sitehead { width:100%; margin:0px; border:none; padding:0px; }
#mitte .sitemenu { width:15%; padding:5px; }
#mitte .sitecontent { width:70%; padding:10px; }
#mitte .location { border-bottom:1px solid gray; padding-bottom:1px; font-size:larger; margin-bottom:5px; font-weight:bold;}
#mitte .innercontent { padding-left:20px; padding-right:20px; margin:0px; }
#mitte .siteright { width:15%; padding:5px; }

.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; }
.image {}
.shortdescription { }
.detaillink {  }
.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; }

/* Formatierung für __preis::pav__ */
.printpreis { } /* div  um gesamte Ausgabe */
.printpreis .mwst { color:black; font-size:100%; font-weight:normal;  } /*span um Mehrwertsteuertext */
.printpreis .versand { color:black; font-size:100%; font-weight:normal;  } /*span um Versandtext */
.printpreis .zusatz { color:black; font-size:100%; font-weight:normal;  } /*span um Zusatztext */
.printpreis .preis { display:block; margin-bottom:8px; } /* span um Preis */

.versandkostentabelle { border:1px solid gray; border-collapse:collapse; margin-left:30px;}
.versandkostentabelle th { border:1px solid gray; }
.versandkostentabelle td { border:1px solid gray; }

/* 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 {}

/* Boxen */
.box2d { padding:0px; }
.box2d h3 { background-color:#aaaaaa; margin:0px; padding:2px; }
.box2d hr {		height: 1px;
			  border: 0;
			  background: #666;
			  color: #666; }
.box2d h3, .box2d h3 * { color:white; }
.box2d h3 a { color:white; } /* Linkfarbe im Header nochmal extra setzen, sont ist die Schriftfarbe uU nicht weiss */
.box2d .content { background-color:#dddddd; padding:3px; }

/* Blaue Box; wird als 2. Klasse beim DIV angegeben, also hier nur Änderungen eintragen*/
.boxblue { border:1px solid #00339a; }
.boxblue h3 { background-color:#00339a; }
.boxblue .content { background-color:white; }

/* Feedbackformular */
.feedback {}
.feedback .required { padding-right:15px; background:url(../images/other/bullet_mandatory.gif) top right no-repeat; }

/* Tabelle für Artikelauflistung auf Artikelseiten*/
.itemlist { width:100%; } /* Tabelle auf maximale Breite setzen*/

/* Auflistung der Unterkategorien */
.catlist { background-color:#dddddd; }
.catlist h3 { background-color:#00339a; margin:0px; padding:2px; }
.catlist h3, .catlist h3 * { color:white; }
.catlist .cat { clear:both; margin:3px; margin-bottom:5px; }
.catlist .cat .image { float:left; padding:5px; }
.catlist .cat .title { font-weight:bold; }
.catlist .cat .descr {}
/* Sonderangebote auf Start- und Verzeichnisseiten */
.specialoffer { width:35%; text-align:center; }

/* Detailseite */
.detailpage { padding:10px; padding-top:0px; }
.detailpage h1,
.detailpage h2,
.detailpage h3 { margin:0px; margin-top:10px;}
.detailpage .image { float:left; text-align:left; padding:10px;}
.detailpage .variants { empty-cells:hide; border-collapse:collapse; float:left; }
.detailpage .favhinzu { }
.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; }

.detailpage .printpreis .preis { display:inline; } /* span um Preis */
.detailpage .printpreis .mwst { padding-left:15px;  } /*span um Mehrwertsteuertext */

/* Suchergebnisse */
.searchresults {}
.searchresults .sort { width:100%; text-align:right;}
.nothingfound { font-size:120%; font-weight:bold; }

/* Suchergebnisse (nach Kategorien gruppiert) */
.catsearch_resultline { margin-top:5px; margin-left:10px; }
.catsearch_delim {}
.catsearch_link {}
.catsearch_path {}
.catsearch_score { color:red; font-size:larger; }

/* Warenkorb */
.cart { border-collapse:collapse; empty-cells:hide; width:100%; }
.cart th { color:white; background-color:#006699; font-weight:bold; 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 .options {}
.cart .options table { border-collapse:collapse; empty-cells:show; border:none;}
.cart .options table th,
.cart .options table td { font-size:smaller; border:none; }
.cart .amount {}
.cart .angebot { color:red; font-weight:bold; font-size:larger; }
.cart .price { text-align:right; font-size:100%; font-weight:normal; color:black; }
.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; }
.cart .gesamtpreis { text-align:right; }
.cart .gesamtpreisinfo {}

/* 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;}

/* Katalog-Navigation */
.menu1 { display:block; padding-left: 4px;  background-color: #dddddd; font-size: 100%; }
.msel1 { display:block; padding-left: 4px; background-color: #dddddd; font-size: 100%; }
.menu2 { display:block; background-color: #dddddd; padding-left: 18px; font-size: 95%; }
.msel2 { display:block; padding-left: 18px; background-color: #dddddd; font-size: 95%; }
.menu3 { display:block; background-color: #dddddd; padding-left: 32px; font-size: 85%; }
.msel3 { display:block; padding-left: 32px; background-color: #dddddd; font-size: 85%; }

/* Hinweis unter der eigentlichen Seite */
#demoshophinweis {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	font-weight: bold;
	color:white;
	background-color:red;
	text-align:center;
}

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

.kundenkontonavi { margin-bottom:15px; }

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

.bestellungnachricht { padding:20px; }
.bestellungnachricht textarea { width:50%; }