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

body {
	margin: 0px;
	padding: 0px;
	margin-top: 5px;
}

/* Globale Formatierungen von Standard-Elementen */
h1 { font-size:150%; font-weight:bold; margin:0px; margin-top:6px; margin-bottom:3px; border-bottom:1px dotted #178A9B; }
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; }
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,
.userlogin .login_input input,
.userlogin .pass_input input,
.userlogin .form_submit 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,
.userlogin .login_input input:hover, .userlogin .login_input input:focus,
.userlogin .pass_input input:hover, .userlogin .pass_input input:focus,
.userlogin .form_submit input:hover, .userlogin .form_submit input:hover { 
	border:1px solid red; 
}

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

/* Layout */
#outerlayout { text-align:left; width:100%; } /* Für die Schatten unten und rechts */
#outerlayout #innerlayout { background-color:white; width:100%; padding: 0px; margin: 0px; padding-top: 5px; padding-bottom: 5px; }
#outerlayout #innerlayout #pageheader { 
	width:100%; 
	background:url(../images/other/schatten_unten.gif) bottom right repeat-x; padding:0px; margin:0px; padding-bottom:6px;
	border-top:1px solid gray;
}
#outerlayout #innerlayout #pageheader #head {}
#outerlayout #innerlayout #pageheader #head #topbuttons { list-style:none; float:right; }
#outerlayout #innerlayout #pageheader #head #topbuttons li { float:left; padding:3px; }
#outerlayout #innerlayout #pageheader #head #toplinks { font-size:80%; text-align:center; }
#outerlayout #innerlayout #pageheader #head #toplinks a { color:#BBBBBB; }
#outerlayout #innerlayout #pageheader #head #toplinks a:hover { color:#0000FF; }
#outerlayout #innerlayout #pageheader #logocontainer { margin-right:6px;}
#outerlayout #innerlayout #pageheader #logocontainer #logo {  }
#outerlayout #innerlayout #pageheader #logocontainer .top_images {}
/*#outerlayout #innerlayout #pageheader #logocontainer .top_images img,*/
#outerlayout #innerlayout #pageheader #logocontainer .top_images a { float:right; }
#outerlayout #innerlayout #pageheader #tabs { padding: 0px; margin: 0px; }
#outerlayout #innerlayout #pageheader #tabs table { height:15px; }
#outerlayout #innerlayout #pageheader #tabs table td.tab { height:100%; }
#outerlayout #innerlayout #pageheader #search { background-color:#006699; padding:3px; }
#outerlayout #innerlayout #pageheader #priceinfo { color:white; text-align:center; padding-right:5px; font-size:smaller; vertical-align:middle; }
#outerlayout #innerlayout #pageheader #search #freesearch { color:white; border-right:1px solid white; border-left:1px solid white; margin-right:5px; padding-left:5px;}
#outerlayout #innerlayout #pageheader #search #freesearch td { color:white; }
#outerlayout #innerlayout #pageheader #search #manufacturersearch { color:white; padding-left:5px;}
#outerlayout #innerlayout #pageheader #search #manufacturersearch td { color:white; }
#outerlayout #innerlayout #sitehead { width:100%; margin:0px; border:none; padding:0px; }
#outerlayout #innerlayout #sitemenu { width:250px; padding:5px; padding-top:10px; }
#outerlayout #innerlayout #sitemenu_right { width:200px; padding:5px; padding-top:10px; }
#outerlayout #innerlayout #sitecontent { width:auto; padding:10px; }
#outerlayout #innerlayout #sitecontent .location_outer { border-bottom:1px solid gray; padding-bottom:3px; font-size:85%; margin-bottom:5px;  }
#outerlayout #innerlayout #sitecontent .location_kundenkonto {
	background-color:#8dbf42;
}
#outerlayout #innerlayout #sitecontent .innercontent { padding-left:20px; padding-right:20px; margin:0px; }
#outerlayout #footer { color:gray; text-align:center; font-size:smaller; border-top:1px solid gray; }

ul.topmenu { margin:5px; margin-top:0px; padding:0px; list-style:none; display:block; }
ul.topmenu li { float:left; }
ul.topmenu li a,
ul.topmenu li a:hover,
ul.topmenu li a:link,
ul.topmenu li a:visited,
ul.topmenu li a:active,
ul.topmenu li a:focus { display:block; padding:5px; background-color:#5f5f5f; color:white; font-size:80%; }
ul.topmenu li a:hover { background-color:#7f7f7f; }

ul.navi_main { list-style:none; margin:0px; padding:0px;}
ul.navi_main li { padding:5px; font-weight:bold; } 
ul.navi_main li.startseite, ul.navi_main li.aktuell, ul.navi_main li.unternehmen, ul.navi_main li.kunden, ul.navi_main li.kontakt,
ul.navi_main li.firstlevel, ul.navi_main li.nextlevel {
	padding-left:20px;
	border-bottom:1px dotted gray;
	margin-right:5px;
	border-left:1px solid gray;
}

ul.navi_main li.startseite { background:url(../images/other/page_startseite.jpg) top left repeat-y; border-top:1px dotted gray; }
ul.navi_main li.aktuell { background:url(../images/other/page_aktuell.jpg) top left repeat-y; }
ul.navi_main li.unternehmen { background:url(../images/other/page_unternehmen.jpg) top left repeat-y; }
/*ul.navi_main li.catalog { padding:0px; }*/
/*ul.navi_main li.catalog ul { padding:0px; margin:0px; display:inline; border-left:none; }*/
/*ul.navi_main li.catalog li { padding:0px; border-left:none; }*/
ul.navi_main li.firstlevel { padding-left:20px; border-bottom:1px dotted gray; padding-top:5px; padding-bottom:5px; }
ul.navi_main li.nextlevel { padding:0px; font-weight:normal; border:none; }
ul.navi_main li.kunden { background:url(../images/other/page_kunden.jpg) top left repeat-y; }
ul.navi_main li.kontakt { background:url(../images/other/page_kontakt.jpg) top left repeat-y; }

.content { padding-left:25px; padding-right:15px; margin-top:10px; }
.content div.contentimg { float:right; padding-left:10px; }

.clearfloating { clear:both; }

/* Styles für die einzelnen Produkteigenschaften und Identifier */
.product { font-weight:bold; }
.manufacturer {  }
.price { color:black; font-weight:bold; font-size:small; }
.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; }
.lbs { padding-left:18px; }
.staffeln td { font-weight:normal; font-size:10px; }

/* Tabelle für Artikelauflistung auf Artikelseiten*/
.itemlist { width:100%; empty-cells:show; } /* Tabelle auf maximale Breite setzen*/
.itemlist .box2d { width:33%; } /* Immer 3 Boxen pro Zeile, also je 33% Breite*/
.itemlist .image,
.itemlist .shortdescription { border-bottom:1px solid gray;}

/* Crossartikel */
.cross { margin-top:15px; }
.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 {}

/* Horizontale Darstellung (Detailseite) */
.cross .items_horz { width:600px; height:130px; overflow:auto; border:1px solid #CDCDCD; }
.cross .items_horz table.items {  }
.cross .items_horz table.items td { text-align:center; border:1px solid #CDCDCD; }

/* Horizontale Darstellung (Warenkorb) */
.cross .items_horz_cart { width:800px; height:130px; overflow:auto; border:1px solid #CDCDCD; }
.cross .items_horz_cart table.items {  }
.cross .items_horz_cart table.items td { text-align:center; border:1px solid #CDCDCD; }

/* Formatierung für __preis::pav__ und Aktionspreise */
.printpreis {  } /* div  um gesamte Ausgabe */
.printpreis .aktion_preis_normal {text-decoration:line-through; padding-right:10px; }
.printpreis .aktion_rabatt { padding-right:10px; }
.printpreis .aktion_preis { color:orange; }
.cart_price_container .aktion_preis_normal { text-decoration:line-through; padding-right:5px; display:inline; }
.cart_price_container .aktion_rabatt { display:inline; }
.cart_price_container .aktion_preis { color:orange; font-weight:bold;}
.printpreis .mwst { display:block; color:gray; font-size:70%; font-weight:normal; } /*span um Mehrwertsteuertext */
.printpreis .versand { display:block; color:gray; font-size:70%; font-weight:normal; } /*span um Versandtext */
.printpreis .zusatz { display:block; color:gray; font-size:70%; font-weight:normal; } /*span um Zusatztext */
.printpreis .preis { display:block; } /* span um Preis */
.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; }

/* 3D-Boxen für Navigation, Angebote und Topseller etc. */
.box3d { background:url(../images/other/schatten_untenrechts.gif) bottom right no-repeat; padding:0px; margin:0px; padding-bottom:6px;}
.box3d h3 { /*background:url(../images/other/header_left.gif) top left no-repeat; */background-color:#17499D; padding:2px; padding-left:10px; margin:0px; margin-right:6px;}
.box3d h3, .box3d h3 * { color:white; font-size:100%; } /* Linkfarbe im Header nochmal extra setzen, sont ist die Schriftfarbe uU nicht weiss */
.box3d .content { padding:5px; padding-right:10px; border-left:1px solid gray; margin:0px; height:100%; background-color:#efefef; 
	padding-right:0xp; margin-right:6px;
}
.box3d .contentnopadding { padding-right:6px; border-left:1px solid gray; margin:0px; height:100%; }
.box3d .catalog  { color: #666666; border-left:1px solid gray; margin:0px; padding-right:6px; }

/* 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; } /* Linkfarbe im Header nochmal extra setzen, sont ist die Schriftfarbe uU nicht weiss */

/* Auflistung der Unterkategorien */
.catlist { empty-cells:hide; }
/*.catlist .cat { padding:5px; padding-bottom:10px; }*/
.catlist .cat .image { text-align:center; }
.catlist .cat .image img {  margin:5px; margin-top:15px; }
.catlist .cat .title { text-align:center; font-weight:bold; }
.catlist .cat .descr {}
/* Sonderangebote auf Start- und Verzeichnisseiten */
.specialoffer { text-align:center; }

.specialoffer .box3d h3 { background:url(../images/other/header_left_green.gif) top left no-repeat; background-color:#8dbf42; padding:2px; padding-left:10px; margin:0px; margin-right:6px;}
.specialoffer .box3d h3, .specialoffer .box3d h3 * { color:white; font-size:100%; } /* Linkfarbe im Header nochmal extra setzen, sont ist die Schriftfarbe uU nicht weiss */

/*.topseller { clear:both; display:block; }
.topseller .detail { float:right; padding:5px; }
.topseller .preis { text-align:right; padding:5px; }
.topseller .simage { float:left; width:54px; padding:2px; }
.topseller .simage img { width:50px; }
.topseller .ampel { float:right; width:24px; padding:2px; }
.topseller .ampel img { width:20px; }
.topseller .produkt {}
.topseller .detail { text-align:right; }
.topseller .preis .printpreis { display:inline; } 
.topseller .preis .printpreis .mwst { display:inline; } 
.topseller .preis .printpreis .versand { display:inline; } 
.topseller .preis .printpreis .zusatz { display:inline; }
.topseller .preis .printpreis .preis { display:inline; }
*/
table.topseller { border-collapse:collapse; }
table.topseller td { border-bottom:1px solid gray; padding-bottom:5px; }
table.topseller td.alleanzeigen { border-bottom:none; padding-bottom:0px; }
.topseller_simage img { width:50px; }


.news_uebersicht { margin:3px; margin-top:10px;}
.news_uebersicht ul.news {}
.news_uebersicht ul.news li { padding:2px; }

.mitarbeiter { float:left; width:150px; margin:10px; text-align:center; }
.mitarbeiter h2.name { font-size:100%; }
.mitarbeiter bild {}
.mitarbeiter info {}

.untertitel { font-weight:bold; }

/* Detailseite */
.detailpage { padding:10px; padding-top:0px; }
.detailpage h1,
.detailpage h2,
.detailpage h3 { /*color:#8dbf42;*/ font-style:italic; margin:0px; margin-top:10px;}
.detailpage .variants { empty-cells:hide; border-collapse:collapse; float:left; }
.detailpage .favhinzu { float:right; }
.detailpage .order { }
.detailpage .nextitem { vertical-align:middle; padding-right:20px; float:right; }
.detailpage .previtem { 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 {  }
.nothingfound { font-size:120%; font-weight:bold; }

/* Suchergebnisse (nach Kategorien gruppiert) */
.catsearchlines { border:1px solid red; padding:10px; }

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


/* Warenkorb */
.cart { border-collapse:collapse; empty-cells:hide; width:100%; }
.cart th { color:white; background-color:#17499D; 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 .amount {}
.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; }
.cart .gesamtpreis { text-align:right; }
.cart .gesamtpreisinfo {}
.cart .wkposloesch input { border:none; }

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

/* Produktkonfigurator */
.productconfigurator {} /* Umschliessendes DIV */
.productconfigurator .image { float:right; padding:15px; } /* Bild - Hauptartikel */
.productconfigurator .product { font-size:190%; font-weight:bold; color:#CCCCCC; font-style:italic; margin:0px; margin-top:10px; } /* Beschreibung - Hauptartikel */
.productconfigurator .price { margin-left:15px; } /* Preis - Hauptartikel */
.productconfigurator .group { font-size:120%; font-weight:bold; color:#CCCCCC; font-style:italic; margin:0px; margin-top:10px; } /* Gruppenname bei Gruppierungen */
.productconfigurator .groupvalues { margin-left:15px; } /* DIV im SELECT mit Zubehörartikeln */
.productconfigurator .sum { font-size:130%; font-weight:bold; color:#CCCCCC; font-style:italic; margin:0px; margin-top:20px; }
.productconfigurator .sumvalue { margin-left:15px; } /* DIV um Gesamtpreis */
.productconfigurator .sumvalue input { border:none; color:red; font-size:130%; font-weight:bold; margin:3px; } /* INPUT-Element Gesamtpreis */
.productconfigurator .id { margin-left:40%; margin-right:40%; padding-top:20px; } /* id-Identifier (Bestellbutton) */

/* Bildupload */
.imageupload {}
.imageupload .title { font-size:120%; font-weight:bold; color:#CCCCCC; font-style:italic; margin:0px; margin-top:10px; }
.imageupload .description { padding-left:15px; }
.imageupload .error { font-weight:larger; font-weight:bold; color:red; }
.imageupload .uploadlink { padding:10px; padding-left:30px; font-style:italic; }
.imageupload .preview { padding-left:15px; }
.imageupload .image_preview { padding-left:30px; }
.imageupload .image_remove { padding-left:30px; }

/* Katalog-Navigation */
.menu1 { display:block; padding:2px; padding-left: 4px;  background-color: #FFFFFF; font-size: 100%; }
.msel1 { display:block; padding:2px; padding-left: 4px; background-color: #DBF7FF; font-size: 100%; }
.menu2 { display:block; padding:2px; background-color: #FFFFFF; padding-left: 18px; font-size: 95%; }
.msel2 { display:block; padding:2px; padding-left: 18px; background-color: #DBF7FF; font-size: 95%; }
.menu3 { display:block; padding:2px; background-color: #FFFFFF; padding-left: 32px; font-size: 85%; }
.msel3 { display:block; padding:2px; padding-left: 32px; background-color: #DBF7FF; font-size: 85%; }
.menu4 { display:block; padding:2px; background-color: #FFFFFF; padding-left: 46px; font-size: 85%; }
.msel4 { display:block; padding:2px; padding-left: 46px; background-color: #DBF7FF; font-size: 75%; }
.menu5 { display:block; padding:2px; background-color: #FFFFFF; padding-left: 46px; font-size: 85%; }
.msel5 { display:block; padding:2px; padding-left: 46px; background-color: #DBF7FF; font-size: 75%; }
.menu6 { display:block; padding:2px; background-color: #FFFFFF; padding-left: 46px; font-size: 85%; }
.msel6 { display:block; padding:2px; padding-left: 46px; background-color: #DBF7FF; font-size: 75%; }
.menu7 { display:block; padding:2px; background-color: #FFFFFF; padding-left: 46px; font-size: 85%; }
.msel7 { display:block; padding:2px; padding-left: 46px; background-color: #DBF7FF; font-size: 75%; }
.menu8 { display:block; padding:2px; background-color: #FFFFFF; padding-left: 46px; font-size: 85%; }
.msel8 { display:block; padding:2px; padding-left: 46px; background-color: #DBF7FF; font-size: 75%; }
.menu9 { display:block; padding:2px; background-color: #FFFFFF; padding-left: 46px; font-size: 85%; }
.msel9 { display:block; padding:2px; padding-left: 46px; background-color: #DBF7FF; font-size: 75%; }


/* Hinweis unter der eigentlichen Seite */
#copyright {
	text-align:center;
}

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


/* 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 { padding:5px; padding-left:20px; padding-top:0; }

.shopinfo {}

.zurueck { float:right; }
.error, .errorinl { font-weight:bold; color:red; }
.errorinl { display:inline; }
.pflichtfeld { float:right; color:red; font-weight:bold; padding-left:5px;}

.kk_menu { list-style:none; }
.kk_menu li { float:left; padding:5px; }

.anmeldeformular {}
.anmeldeformular input.text { width:250px; }