/* Design by Jürgen Olfen */

body { margin: 0; padding: 0; font: normal 11px Arial, Verdana, sans-serif; color: #000000; } /* in office_sheet mit eingebunden */
#header {width: 1000px; height: 50px; margin:0; background: url(img/pixel1x1.gif); }
blockquote { padding-left: 20px; background: url(img/img05.gif) repeat-y;}
a:active {outline:none;} 


sup {font-size:12px;}


/* ---------------Anfang Box-Styles: Kategorie, Content, Sitmap, Admin, Hersteller, Suche----------------*/
#boxcat{
font-size: 12px;
font-weight: normal;
line-height: 20px; 
border-bottom: 1px #DDDDDD solid;
padding-top:6px;
padding-bottom: 6px;
padding-left:4px;
margin: 0;
position:relative;}

#boxcontent, #boxsitmap, #boxadmin, #boxherst, #boxinfo, #boxsearch {
font-size: 12px;
font-weight: normal;
line-height: 18px;
padding-top:6px;
padding-bottom:5px;
padding-left:4px;
margin: 0;
position:relative;}

/* ---------------Ende Box-Styles: Kategorie, Content, Sitmap ----------------- */

/* ---------------Anfang Navigation Kategorie ----------------- */
#boxcat a:link {
background-image: url(img/gruen_01.gif);
color: #666666; 
padding-left:20px;  
text-decoration: none;}

#boxcat a:active{
background-image: url(img/gruen_01.gif);
color: #666666; 
padding-left:20px;  
text-decoration: none;}

#boxcat a:visited{
background-image: url(img/gruen_01.gif);
color: #666666; 
padding-left:20px;  
text-decoration: none;}

#boxcat a:hover {
background-image: url(img/gruen_02.gif);
color: #006600;   
padding-left:20px;  
text-decoration: none;}
/* ---------------Ende Navigation Kategorie ----------------- */

/* ---------------Anfang Navigation Kategorie Original ----------------- */
/*#boxcat a:active, #boxcat a:link, #boxcat a:visited {
background-image: url(img/gruen_01.gif);  
color: #666666;  
padding-left:20px;  
text-decoration: none;}

#boxcat a:hover {
background-image: url(img/gruen_02.gif);  
color: #006600;   
padding-left:20px;  
text-decoration: none;}*/
/* ---------------Ende Navigation Kategorie ----------------- */

/* ---------------Anfang Navigation Content ----------------- */
#boxcontent, ul, li{
list-style-type: none;
margin-left: 0px;}

#boxcontent a:active, #boxcontent a:link, #boxcontent a:visited {
padding-left:5px;
color: #666666;  
text-decoration: none;}

#boxcontent a:hover {
padding-left:5px;
color: #CC0000;    
text-decoration: none;}
/* ---------------Ende Navigation Content ----------------- */

/* ---------------Anfang Navigation Sitmap ----------------- */
#boxsitmap, ul, li{
list-style-type: none;
margin-left: 0px;}

#boxsitmap a:active, #boxsitmap a:link, #boxsitmap a:visited {

color: #666666;  
padding-left:5px;  
text-decoration: none;}

#boxsitmap a:hover {
color: #0066CC;   
padding-left:5px;  
text-decoration: none;}
/* ---------------Ende Navigation Sitmap ----------------- */

/* ---------------Anfang Formatierung Link (Suche, Admin----------------- */
#navlink01 a:active, #navlink01 a:link, #navlink01 a:visited {
font-weight: bold;
color: #666666;  
padding-left: 0px;  
text-decoration: none;}

#navlink01 a:hover {
font-weight: bold;
color: #CC0000;   
padding-left: 0px;  
text-decoration: none;}

/* ---------------Ende Formatierung Link ----------------- */

/* ---------------Anfang Formatierung Link (Datenbankabfrage Shops extern) ----------------- */
#datlink01 a:active, #datlink01 a:link, #datlink01 a:visited {
display:block;
font-size: 12px;
font-weight: bold;
line-height: 16px;
border-bottom: 1px #CC0000 solid;
color: #000000;  
padding-top:3px;
padding-left: 3px; 
padding-bottom:3px; 
margin: 0;
text-decoration: none;
background: #cccccc;
width: 140px;
}

#datlink01 a:hover {
display:block;
font-size: 12px;
font-weight: bold;
line-height: 16px;
border-bottom: 1px #003399 solid;
color: #cc0000;  
padding-top:3px;
padding-left: 3px; 
padding-bottom:3px; 
margin: 0;
text-decoration: none;
background: #eeeeee;
width: 140px;
}

#datlink02 a:active, #datlink02 a:link, #datlink02 a:visited {
display:block;
font-size: 10px;
font-weight: bold;
line-height: 12px;
border-bottom: 1px #CC0000 solid;
color: #000000;  
padding-top:2px;
padding-left: 2px; 
padding-bottom: 2px; 
margin: 0;
text-decoration: none;
background: #cccccc;
width: 140px;
}

#datlink02 a:hover {
display:block;
font-size: 10px;
font-weight: bold;
line-height: 12px;
border-bottom: 1px #003399 solid;
color: #cc0000;  
padding-top:2px;
padding-left: 2px; 
padding-bottom:2px; 
margin: 0;
text-decoration: none;
background: #eeeeee;
width: 140px;
}

/* ---------------Ende Formatierung Link (Datenbankabfrage Shops extern) ----------------- */

/* ---------------Anfang Formatierung Link (Suche, Admin----------------- */
#navlinkartikeluebersicht a:active, #navlinkartikeluebersicht a:link, #navlinkartikeluebersicht a:visited {
font-size: 11px;
color: #000099;  
padding-left: 0px;  
text-decoration: none;
outline:none;}

#navlinkartikeluebersicht a:hover {
font-size: 11px;
color: #CC0000;   
padding-left: 0px;  
text-decoration: none;}
/* ---------------Ende Formatierung Link ----------------- */


/* ---------------Anfang Formatierung Link (Suche, Admin----------------- */
#navlinkversanduebersicht a:active, #navlinkversanduebersicht a:link, #navlinkversanduebersicht a:visited {
font-size: 11px;
color: #666666;  
padding-left: 0px;  
text-decoration: none;}

#navlinkversanduebersicht a:hover {
font-size: 11px;
color: #99CCFF;   
padding-left: 0px;  
text-decoration: none;}
/* ---------------Ende Formatierung Link ----------------- */

/* ---------------Anfang Formatierung Link (Artikelgruppen Verweis---------------- */
#navlinkartgrp a:active, #navlinkartgrp a:link, #navlinkartgrp a:visited {
font-size: 11px;
font-weight: bold;
color: #CC0000;  
padding-left: 0px;  
text-decoration: none;}

#navlinkartgrp a:hover {
font-size: 11px;
font-weight: bold;
color: #003399;   
padding-left: 0px;  
text-decoration: none;}
/* ---------------Ende Formatierung Link ----------------- */

/* ---------------Anfang Formatierung Link (Für Reiterfunktion ---------------- */
#navlinkreiter a:active, #navlinkreiter a:link, #navlinkreiter a:visited {
font-size: 11px;
font-weight: bold;
color: #ffffff;  
padding-left: 0px;  
text-decoration: none;}

#navlinkreiter a:hover {
font-size: 11px;
font-weight: bold;
color: #ffff99;   
padding-left: 0px;  
text-decoration: none;}
/* ---------------Ende FFormatierung Link (Für Reiterfunktion ----------------- */


/* ---------------Anfang Formatierung Link (Warenkotb, Login ----------------- */

#navlink02 {
color: #333333;  
padding-left: 0px;  
text-decoration: none;}

#navlink02 a:active, #navlink02 a:link, #navlink02 a:visited {
font-weight: bold;
color: #CC0000;  
text-decoration: none;}

#navlink02 a:hover {
font-weight: bold;
color: #003399;   
text-decoration: none;}
/* ---------------Ende Formatierung Link ----------------- */

/* ---------------Anfang Formatierung Katalog (Katalogauflistung Main) ----------------- */

#navkatalog {
width: 1000px;
font-size: 12px;
padding: 5px 0 5px 5px;  
text-decoration: none;}

#navkatalog a:active, #navkatalog a:link, #navkatalog a:visited {
color: #CC0000;  
text-decoration: none;}

#navkatalog a:hover {
color: #003399;   
text-decoration: none;}
/* ---------------Ende Formatierung Katalog (Katalogauflistung Main) ----------------- */

/* ---------------Anfang Formatierung Link (Versankosten Artikel) ----------------- */

#navversart a:active, #navversart a:link, #navversart a:visited {
font-size: 11px;
font-weight: bold;
color: #666666;  
padding-left: 0px;  
text-decoration: none;}

#navversart a:hover {
font-weight: bold;
color: #810B0B;   
padding-left: 0px;  
text-decoration: none;}
/* ---------------Ende Formatierung Link (Versankosten Artikel)----------------- */

/* ---------------Anfang Formatierung Sitmap ----------------- */
/* Überschrift*/ 
#navsitmapueber {
	color: #000000;
	width: 720px;
	font-size: 1.2em;
	background: #EEEEEE;
	padding: 2px;
	text-decoration: none;
	font-weight: bold;
}
#navsitmapueber a:active, #navsitmapueber a:link, #navsitmapueber a:visited {
color: #000000;  
text-decoration: none;}

#navsitmapueber a:hover {
color: #CC0000;    
text-decoration: none;}

/* Textlinks */ 
#navsitmap {
color: #003399;
width: 720px;
font-size: 1.0em;
padding: 1px;  
text-decoration: none;}

#navsitmap a:active, #navsitmap a:link, #navsitmap a:visited {
color: #003399; 
text-decoration: none;}

#navsitmap a:hover {
color: #CC0000;   
text-decoration: none;}

/* Zum Anfang */ 
#navanfang {
color: #003399; 
font-size: 1.0em;
padding: 1px;  
text-decoration: none;}

#navanfang a:active, #navanfang a:link, #navanfang a:visited {
color: #003399; 
text-decoration: none;}

#navanfang a:hover {
color: #CC0000;   
text-decoration: none;}

/* Ende Überschrift Sitemap*/


/* ---------------Ende Formatierung Sitmap----------------- */


/* ---------------Anfang Hintergrund´-Box Content, Sitmap, Admin, Hersteller ----------------- */
#boxthementop {
	padding-top:10px;
	clear: both;
	margin-left: 5px;
}

#boxthemenbottom {
	clear: both;
	margin: 20 auto;
	margin-left: 5px;
	
}

/* ---------------Ende Hintergrund´-Box Content, Sitmap, Admin, Hersteller ----------------- */

/* -------------------- Anfang Menü Account  ----------------- */

.menutop {padding:0 0 0 5px; margin:0; list-style:none; height:35px; background:url(img/button1.gif); position:relative; border:1px solid #CCCCCC;}
.menutop li {float:left;}
.menutop li a {display:block; float:left; height:35px; line-height:35px; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; padding:0 16px 0 8px; cursor:pointer; border-right:1px solid #666;}
.menutop li a b {float:left; display:block; padding:0 16px 0 8px;}

.menutop li a:hover {color:#fff; background:#000 url(img/button2.gif) no-repeat top;}
.menutop li a:hover b {background:url(img/button2.gif) no-repeat right top;}

/* -------------------- Ende Menü Account  ----------------- */


/* -------------------- Anfang Headerüberschrift  ----------------- */

#ueber01 {
	bold; font-size: 20px;
	font-weight: bold;
	padding-left: 230px;
	padding-top: 10px;
	width: 1000px;
}
/* -------------------- Ende Headerüberschrift  ----------------- */

/* -------------------- Anfang Navigation Vertikales Menü ----------------- */
#navikat a:active, #navikat a:link, #navikat a:visited 	{
	font-weight: bold;
	font-size: 26px;
	padding: 3px 8px 0px 0px;
	
	
}
#navikat a:hover	{ font-size: 26px; padding: 3px 8px 0px 0px;  background:#000000;}

/* -------------------- Ende Navigation Vertikales Menü ----------------- */


.onepxwidth {
	width: 1px;
}
img
{
border:none;
}

/* ---------------Anfang Box-Styles ----------------*/

/* Anfang Überschrift */
#headueber {
font-size: 14px;
font-weight: bold;
line-height: 18px; 
border-bottom: 1px #CC0000 solid;
padding-top:6px;
padding-bottom:3px;
padding-left:4px;
margin: 0;
background: #FFFFFF;
width: 720px;
}

h1.headueber {
font-size: 16px;
font-weight: bold;
line-height: 18px; 
border-bottom: 1px #CC0000 solid;
padding-top:6px;
padding-bottom:3px;
padding-left:4px;
margin: 0;
background: #FFFFFF;
width: 720px;}


/* Ende Überschrift */

/* Anfang Überschrift Versandkosten*/
#headueberversand {
font-size: 16px;
font-weight: bold;
line-height: 18px; 
border-bottom: 1px #CC0000 solid;
padding-top:6px;
padding-bottom:3px;
padding-left:4px;
margin: 0;
background: #FFFFFF;
width: 640px;}
/* Ende Überschrift */

/* Anfang Überschrift Tabellen - Border rechts, oben und unten */
.tabueberright {
font-size: 12px;
font-weight: bold;
line-height: 18px; 
border-top: 1px #cccccc solid;
border-right: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
margin: 0;
background: #D7FDFE;
}
/* Ende Überschrift Tabellen - Border rechts, oben und unten*/
/* Anfang Überschrift Tabellen - Border links, oben und unten */
.tabueberleft {
font-size: 12px;
font-weight: bold;
line-height: 18px; 
border-top: 1px #cccccc solid;
border-left: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
margin: 0;
background: #D7FDFE;
}
/* Ende Überschrift Tabellen - Border links, oben und unten*/

/* Anfang Überschrift Tabellen - Border unten und oben */
.tabueber {
font-size: 12px;
font-weight: bold;
line-height: 18px; 
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
padding-top:2px;
padding-bottom:2px;
padding-left:5px;
margin: 0;
background: #D7FDFE;
}
/* Ende Überschrift Tabellen - Border unten und oben*/

/* Anfang Überschrift Staffelpreise*/
.ueberstaffel {
font-size: 12px;
font-weight: bold;
line-height: 16px; 
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
padding-top:1px;
padding-bottom:1px;
padding-left:5px;
margin: 0;
background: #EEEEEE;
}
/* Ende Überschrift Staffelpreise*/

/* Anfang Hinweistexte - adressbook.html, */
.textinfo {
color: #CC0000;
line-height: 16px; 
border-top: 1px #cccccc solid;
border-bottom: 1px #cccccc solid;
padding-top:1px;
padding-bottom:1px;
padding-left:5px;
margin: 0;
background: #FFFFCC;
}
/* Ende Überschrift Staffelpreise*/

/* Anfang Hinweistexte für aktuallisierung - */
/* adress_book_process.html */
.textinforot {
font-weight: bold;
line-height: 14px; 
border-top: 1px #cc0000 solid;
border-bottom: 1px #cc0000 solid;
border-left: 1px #cc0000 solid;
border-right: 1px #cc0000 solid;
padding-top:1px;
padding-bottom:1px;
padding-left:5px;
margin: 0;
background: #CCCCCC;
}
/* Ende Überschrift Staffelpreise*/

/* Anfang Überschrift */
#kopfzeile_uebersicht {
	background: #CCCCCC;
	font-size: 1.2em;
	font-weight: bold;
}
#fusszeile_uebersicht {
	background: #CCCCCC;
	font-size: 1.0em;
	padding-left:5px;
}

/* Anfang Überschrift Artikel Index */
#artikelueber {
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-weight: bold;
	color: #cc0000;
	background: #CCCCCC;
	
}
#artikelueberliste {
	padding-left: 10px;
	padding-top: 2px;
	padding-bottom: 2px;
}
/* Ende Überschrift Artikel Index */

/* Anfang Überschrift Tabellen in den Artikel dur=Duracell*/
.artikeltabelleueber01-dur {
	color: #000000;
	padding-left: 2px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	background: #EEEEEE;
	border-top: 1px solid #333333;
	
}
#artikeltabelleueber02-dur {
	color: #cc0000;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #EEEEEE;
	border-top: 1px solid #333333;
	border-bottom: 1px solid #333333;
}


/* ---------------Ende Box-Styles ----------------- */


/* ---------------Anfang Formatierung Übersichten ----------------- */
.ubersicht-artikel-bottom-line {
	color: #000000;
	font-size: 11px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #EEEEEE;
	border-bottom: 1px solid #000000;
	margin:0;
}
.ubersicht-artikel-left-bottom-line {
	color: #000000;
	font-size: 11px;
	padding-left: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #EEEEEE;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	margin:0;
}
.ubersicht-artikel-left-right-bottom-line {
	color: #000000;
	font-size: 11px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #EEEEEE;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
}
.ubersicht-artikel-left-top-bottom-line {
	color: #000000;
	font-size: 11px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #EEEEEE;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}

.ubersicht_artikelbez11 {
	color: #000000;
	font-size: 11px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #EEEEEE;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}
.ubersicht_artikelbez11_bold {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #EEEEEE;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}

.ubersicht_artikelbez11_linie-tr {
	color: #000000;
	font-size: 11px;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #EEEEEE;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}
.ubersicht_artikelbez11_linie-tr_bold {
	color: #000000;
	font-size: 11px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #EEEEEE;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}
.ubersicht_artikelbez16_linie-tr_bold {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #EEEEEE;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
}
.ubersicht_artikelbez1leer {
	color: #000000;
	font-size: 11px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #EEEEEE;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;

}
/* --------------- Formatierung Übersichten----------------- */


/* Anfang Überschrift Tabellen in den Artikel edd=edding*/
.ubersicht-artikelbez16-edd {
	color: #CC0000;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 16px;
	font-weight: bold;
	background: #CCCCCC;
	
}
.ubersicht-artikelbez12-edd {
	color: #CC0000;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
	background: #EEEEEE;
}

.ubersicht_artikelbez11-edd {
	color: #000000;
	font-size: 11px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #EEEEEE;
}
/* ---------------Ende Box-Styles ----------------- */

/* Anfang Überschrift Tabellen in den Artikel chr=Chronoplan*/
.ubersicht-artikelbez16-chr {
	color: #000000;
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 16px;
	font-weight: bold;
	background: #EEEEEE;
	
}
.ubersicht-artikelbez12-chr {
	color: #000000;
	font-size: 12px;
	padding-left: 4px;
	font-weight: bold;
	background: #EEEEEE;
}

.ubersicht_artikelbez11-chr{
	color: #000000;
	font-size: 11px;
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #EEEEEE;
}
/* ---------------Ende Box-Styles ----------------- */


#backheader200 {
	padding-left: 10px;
	width: 230px;
	background: url(img/back_ueber_200px.gif) no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 25px; 
	font-weight: bold;
}

#backheaderrot200 {
	padding-left: 10px;
	width: 230px;
	background: url(img/back_ueber_rot_200px.jpg) no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 25px; 
	font-weight: bold;
}

#backheader260 {
	padding-left: 10px;
	width: 261px;
	background: url(img/back_ueber_260px.gif) no-repeat;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 25px; 
	font-weight: bold;
}

/* ---------------Anfang Fusszeile Übersicht----------------- */
#office-footertop { font: normal 11px; color: #000000; width: 1000px; margin-top:5px; }
#footerbottom { background: #FFFFFF url(img/footer_bottom.gif) repeat-x; height: 30px; font: normal 11px; color: #FFFFFF; }
/* ---------------Ende Fusszeile Übersicht----------------- */

.allg {
	padding-left:5px;
}

/* ---------------Anfang Desing Fusszeile ----------------- */

.copydesing {
	width:1000px;
	text-align:center;
	padding:5px 0;
	font-size: 11px;
  	line-height: 1.5;
  	color: #000000;
}

.copydesing a:active, .copydesing a:link, .copydesing a:visited{
	color: #0066CC;
	text-decoration: none;
}
.copydesing a:hover{
	color: #000000;
	text-decoration: none;
	}
/* ---------------Ende Desing Fusszeile ----------------- */


/* ---------------Anfang Copyright XT-Commerce Fusszeile ----------------- */
.copyright {
	width: 1000px;
  font-size: 11px;
  line-height: 1.5;
  color: #999999;
  text-align:center;
}
.copyright a:active, .copyright a:link, .copyright a:visited{
	color: #999999;
	text-decoration: none;
	}
.copyright a:hover{
	color: #000000;
	text-decoration: none;
	}
/* ---------------Ende Copyright XT-Commerce Fusszeile ----------------- */


/* ---------------Anfang Startseite Menü----------------- */

#circularMenu { padding:0; margin:0 auto; list-style:none;  width:500px; height:500px; background:#fff url(img/background.gif) no-repeat;}

#circularMenu li {display:block; width:103px; height:103px; position:absolute;}
#circularMenu li.shop1 {left:199px; top:0px; background:url(img/01_leitz.gif) no-repeat center center;}
#circularMenu li.shop2 {left:398px; top:0px; background:url(img/02_leitz.gif) no-repeat center center;}
#circularMenu li.shop3 {left:398px; top:199px; background:url(img/03_leitz.gif) no-repeat center center;}
#circularMenu li.shop4 {left:398px; top:398px; background:url(img/04_leitz.gif) no-repeat center center;}
#circularMenu li.shop5 {left:199px; top:398px; background:url(img/05_leitz.gif) no-repeat center center;}
#circularMenu li.shop6 {left:0px; top:398px; background:url(img/06_leitz.gif) no-repeat center center;}
#circularMenu li.shop7 {left:0px; top:199px; background:url(img/07_leitz.gif) no-repeat center center;}
#circularMenu li.shop8 {left:0px; top:0px; background:url(img/08_leitz.gif) no-repeat center center;}

#circularMenu li a b {display:none;}
#circularMenu li a {display:block; width:100px; height:100px; text-align:center;}

#circularMenu li a:hover {background:url(img/kreis_over.gif); text-decoration:none; font-family:arial,georgia, serif;}
#circularMenu li a:hover b {position:absolute; display:block; width:290px; height:290px; font-size:16px; color:#63352c; background:#fff;}
#circularMenu li a:hover b span {display:block; font-size:12px; color:#888; font-weight:normal; margin-top:15px;}

#circularMenu li.shop1 a:hover b {left:-95px; top:105px;}
#circularMenu li.shop2 a:hover b  {left:-295px; top:105px;}
#circularMenu li.shop3 a:hover b  {left:-295px; top:-95px;}
#circularMenu li.shop4 a:hover b  {left:-295px; top:-295px;}
#circularMenu li.shop5 a:hover b  {left:-95px; top:-295px;}
#circularMenu li.shop6 a:hover b  {left:105px; top:-295px;}
#circularMenu li.shop7 a:hover b  {left:105px; top:-95px;}
#circularMenu li.shop8 a:hover b  {left:105px; top:105px;}

/* ---------------Ende Startseite Menü ----------------- */

/* ---------------Anfang Backgrounds----------------- */
#backdhl {background-color:#FFFFCC}
#backzahl {background-color:#FFFFCC}
#backartbestell {background-color:#CCCCCC}
/* ---------------Ende Backgrounds ----------------- */


/* ---------------Anfang Textstyles für Preisangaben----------------- */
.rotmwst9 {font-size: 9px; color: #cc0000; line-height: 12px;}
.rotmwst10 {font-size: 10px; color: #cc0000; line-height: 14px;}
.rotnettoship {font-size: 11px; font-weight: bold; color: #cc0000; line-height: 14px;}
.rotnetto10px { font-size: 10px; color: #cc0000; line-height: 12px;}
.rotnettoueber { font-size: 11px; color: #cc0000; line-height: 14px;}
.rotboldnettoship {font-size: 11px; font-weight: bold; color: #cc0000; line-height: 16px;}
.rotbold_1_5em_nettoartikel {font-size: 1.5em; font-weight: bold; color: #cc0000; line-height: 20px;}

.blaumwst9 {font-size: 9px; color: #3333CC; line-height: 12px;}
.blaumwst10 {font-size: 10px; color: #3333CC; line-height: 12px;}
.blau11brutto {font-size: 11px; color: #3333CC; line-height: 14px;}
.blau12bruttoueber {font-size: 12px; color: #3333CC; line-height: 16px;}
.blaubold12bruttoship {font-size: 12px; font-weight: bold; color: #3333CC; line-height: 16px;}
.blaubold_1_6em_bruttoartikel {font-size: 1.6em; font-weight: bold; color: #3333CC; line-height: 20px;}
/* ---------------Ende Textstyles für Preisangaben ----------------- */


/* ---------------Anfang Textstyles ----------------- */

.basis { font-size: 11px; line-height: 20px;}
.basisnormal {font-size: 11px;}
.basisbold { font-size: 11px; font-weight: bold; line-height: 16px;}

.rot {font-size: 11px; color: #cc0000; line-height: 16px;}
.rotbold {font-size: 11px; font-weight: bold; color: #cc0000; line-height: 16px;}

.gruen {font-size: 11px; color: #009900;}
.gruenbold {font-size: 11px; font-weight: bold; color: #009900;}

/* 9px */
.basis9 {font-size: 9px; line-height: 12px;}
.basisbold9 {font-weight: bold; font-size: 9px; line-height: 12px;}

/* 10px */
.basis10 {font-size: 10px; line-height: 12px; font-family:Arial, Helvetica, sans-serif;}
.basisbold10 {font-weight: bold; font-size: 10px; line-height: 15px;}

/* 12px */
.basis12 {font-size: 12px; line-height: 18px;}
.basisbold12 {font-weight: bold; font-size: 12px; line-height: 18px;}

.rot12 {color: #cc0000; font-size: 12px; line-height: 18px;}
.rotbold12 {font-weight: bold; color: #cc0000; font-size: 12px; line-height: 18px;}

.basisweiss {color: #ffffff; font-size: 11px; line-height: 12px;}
.weiss12 {color: #ffffff; font-size: 12px; line-height: 18px;}
.weissbold12 {font-weight: bold; color: #ffffff; font-size: 12px; line-height: 18px;}

/* 16px */
.basis16 {font-size: 16px;}
.basisbold16 {font-weight: bold; font-size: 16px;}

.rot16 {color: #cc0000; font-size: 16px;}
.rotbold16 {font-weight: bold; color: #cc0000; font-size: 16px;}

/* 20px */
.basis20 {font-size: 20px;}
.basisbold20{font-weight: bold; font-size: 20px;}

.rot20 {color: #cc0000; font-size: 20px;}
.rotbold20 {font-weight: bold; color: #cc0000; font-size: 20px;}

/* 24px */
.basis24 {font-size: 24px;}
.basisbold24 {font-weight: bold; font-size: 24px;}

.rot24 {color: #cc0000; font-size: 24px;}
.rotbold24 {font-weight: bold; color: #cc0000; font-size: 24px;}

.grau24 {color: #666666; font-size: 24px;}
.graubold24 {font-weight: bold; color: #666666; font-size: 24px;}


/* ---------------Ende Textstyles ----------------- */

/* ---------------Anfang Border----------------- */
.border-1-braun-663300 { border: 1px solid #663300;}
/* ---------------Ende Border ----------------- */

.ueberschrift_artikel {
	font-size: 1.2em;
	font-weight: bold;
}
/* Überschriften Anfang  H1 */

.ubersicht_artikelbez16_bold {
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	background: #EEEEEE;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
}
/* Ersatz für .ubersicht_artikelbez16_bold */
h1.backgrau-bold-border {
	color: #000000;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
	background: #EEEEEE;
	border: 1px solid #000000;
}

h1.basis {
	color: #000000;
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
}

h1.familientext {
	color: #000000;
	font-size: 16px;
	line-height: 22px;
	padding-left: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
}
/* Überschriften Ende  H1 */

/* Überschriften Anfang  H2 -  */
h2.ueber_weiss_schwarz_16_bold {
	background: #000000;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
}
h2.ueber_schwarz_gelb_16_bold {
	background: #FECD2A;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
}


/* Überschriften Ende  H2 -  */

/* Überschriften Anfang  H3 -  */

h3 {
	font-size: 12px;
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	margin: 0;
}

h3.basis {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px; 
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
}

h3.backgrau-bold-border {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px; 
	padding-left: 3px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
	background: #EEEEEE;
	border: 1px #000000 solid;
}

h3.backgrau-bold-bottom-top-linie {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px; 
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
	background: #EEEEEE;
	border-top: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}
h3.backgrau-start-logo{
	font-size: 11px;
	line-height: 16px; 
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight:normal;
	margin: 0;
	background: #F7F7F7;
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
}

h3.ueber_schwarz_gelb_12 {
	background: #FECD2A;
	color: #000000;
	font-size: 11px;
	padding-left: 3px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin: 0;
}

h4.basis {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px; 
	padding-left: 3px;
	margin: 0;
}
h4.backgrau-bold-top-left-linie {
	font-size: 11px;
	font-weight: bold;
	line-height: 20px; 
	margin: 0;
	background: #EEEEEE;
	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
}
h4.backgrau-bold-top-left-bottom-linie {
	font-size: 11px;
	font-weight: bold;
	line-height: 20px; 
	margin: 0;
	background: #EEEEEE;
	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}
h4.backgrau-bold-border {
	font-size: 11px;
	font-weight: bold;
	line-height: 20px; 
	margin: 0;
	background: #EEEEEE;
	border: 1px #000000 solid;
}

h5.backgrau-left-bottom-linie {
	font-size: 11px;
	line-height: 20px; 
	margin: 0;
	background: #EEEEEE;
	border-left: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}

/* Überschriften Ende */
.ueberschrift_artgrpver {
	font-size: 11px;
	font-weight: bold;
	line-height: 16px; 
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	margin: 0;
	background: #EEEEEE;
	border-top: 1px #cccccc solid;
	border-bottom: 1px #cccccc solid;
}


/* Darstellung Info */
a.info{
	position:relative;
	z-index:0;
	font-size: 11px;
	color:#003399;
	font-weight: bold;
	padding: 2px;
	left: 0px;
	top: 1px;
		} 
/* z-index 1 bewirkt das das Fenster über dem Text gesetz wird, Hintergrundfarbe des Links*/
a.info:hover {
	padding: 2px; /*Abstand Hintergrundfarbe zum Text*/
	font-size: 11px; /* Schriftgröße des Textes*/
	position:relative; /* Relative Postition*/
	color:#CC0000; /* Farbe des Textes auserhalb SPAN*/
    font-weight: bold;
	z-index:24; 
	background-color: #FFFFFF;
}
/* Was in <span></span> steht wird im Fenster nicht angezeigt*/
a.info span{
	display: none} 

a.info:hover span { 
	padding: 6px; /*Abstand zwischen Rand und Schrift*/
	text-decoration:none; /* Kein Unterstrich bei Texten*/
	display:block; /*Art der Darstellung =  Fenster*/
	position:absolute; /*Positionierung Absolut*/
	top:0em; left: 51px; width:25em;  /* Ausrichtung Fenster: oben, links Breite*/
	border:1px solid #000000; /*Randbreite, Art der Linie durchgezogen, Randfarbe*/
	color:#000000; background-color:#F8F8CB;/*Hintergundfarbe Fenster, Farbe Schrift - */
	text-align: left;/*Textausrichtung im Fenster*/
	padding:6px;
}






/* Navigation Vertikales Menü */
/*		######## Ende Produktinfo-Seite ########			*/


.abstandcat {width: 12px; overflow: hidden; float: left;}

.subcat {
  width: 172px;
  height: 40px;
  overflow: hidden;
  text-align: center;
  float: left;
}

.subcat a {
  display: block;
  width: 160px;
  height: 28px;
  padding: 5px;
  background: #fafafa;
  border: 1px solid #adc2de;  
}

.subcat a:hover {background: #6691c0; color: #ffffff; text-decoration: none;}


/*		######## Ende Categorie-Listing ########			*/

/*		########## Menu-Boxen Start ##########		*/

.menutopleft {
  width: 180px;
  height: 21px;
  padding: 6px 0 0 10px;
  margin: 0;
  color: #000000;
  font-size: 11px;
  font-weight: bold;
}

.menucontentcat {
	width: 229px;
	padding: 1px 1px 0 1px;
	background: #ffffff;
	margin: 0 0 15px 0;
	font-size: 11px;
	border-top: 0;
}

.menucontent {
  padding: 3px;
  background: #ffffff;
  margin: 0 0 15px 0;
  font-size: 11px;
  border: 1px solid #cdcdcd;
  border-top: 0;
}

.bestsellerbox {
  border-bottom: 1px dashed #cccccc;
  margin: 0 0 5px 0;
  padding: 4px;
}

.bestsellertopic {
  font-size: 10px;
  text-align: right;
  margin: 0; padding: 0;
}

/*		########## Menu-Boxen Ende ##########		*/


/*		########## Überschriften Kategorie/Produkt Listen Anfang ##########		*/
#kopfzeile_uebersicht_rhino_01 {
	background: #FF9900;
	font-size: 1.2em;
	font-weight: bold;
}
#kopfzeile_uebersicht_rhino_02 {
	background: #FFCC00;
	font-size: 1.0em;
	font-weight: bold;
}
#kopfzeile_uebersicht_rhino_03 {
	background: #FF9900;
	font-size: 1.0em;
	font-weight: bold;
}

/*		########## Überschriften Kategorie/Produkt Listen Ende ##########		*/



/*  ########## Anfang Stylesheet Übersichten Allgemein ########## */
/*  Tab Toogle Stylesheet */
h1.uebersicht-cat-name {
	font-size: 14px;
	padding:3px 0 3px 5px;
	margin: 2px;
	background: #EEEEEE;
	border: 1px solid #111111;
	font-weight:normal;
}
#tab-anker-zeile01 {
	width:350px;
	float:left;
	padding:2px 0 2px 3px;
}
#tab-anker-zeile01 a {
color: #0033CC;
text-decoration:none;
}
#tab-anker-zeile02 {
	width:350px;
	float:right;
	padding:2px 0 2px 3px;

}
#tab-anker-zeile02 a {
color:#CC0000;
text-decoration:none;
}

#pix1,#pix2,#pix3,#pix4,#pix5,#pix6,#pix7,#pix8,#pix9,#pix10
{
 padding-top: 5px;
 padding-left: 15px;
}

#pixlam1,#pixlam2,#pixlam3,#pixlam4,#pixlam5,#pixlam6,#pixlam7,#pixlam8,#pixlam9,#pixlam10
{
 padding-top: 10px;
  padding-left: 90px;


}



/*  Beschreibungstext */
p.artbeschreibung
{
padding-left:5px;
}

td.auflistung-EBEBEB-01, td.auflistung-E1E1E1-01
{
width:150px;
padding:2px 0 2px 5px;
font-weight:bold;
}
td.auflistung-EBEBEB-01, td.auflistung-EBEBEB-02, td.auflistung-EBEBEB-ueber {
background-color:#EBEBEB;
}
td.auflistung-E1E1E1-01, td.auflistung-E1E1E1-02 {
background-color: #E1E1E1;
}
td.auflistung-EBEBEB-ueber
{
width:100%;
padding:2px 0 2px 5px;
font-weight:bold;
}


/*  Artikelauflistung */
table.artauflistung
{	width:716px;
	margin-left:2px;
	margin-right:2px;
}
td.art-ueber-uebersicht {
	background:#eeeeee;
	padding:2px 2px 2px 5px;
	border-left: 1px solid #111111;
	border-top:1px solid #111111;
	border-bottom:1px solid #111111;
	white-space:nowrap;
	
}
#art-ueber-uebersicht {
	background:#eeeeee;
	padding:2px 2px 2px 5px;
	border-left: 1px solid #111111;
	border-top:1px solid #111111;
	border-bottom:1px solid #111111;
	text-align:center;
	float:left;
}
.art-ueber-bild {
	width:52px;
	padding:20px 2px 2px 5px;
	text-align:center;
	float:left;
}
.art-ueber-bez{
	width:102px;
	padding:40px 2px 2px 5px;
	text-align:center;
	float:left;
}
.art-ueber-gr{
	width:70px;
	padding:40px 2px 2px 5px;
	text-align:center;
	float:left;
}
.art-ueber-artikel{
	width:170px;
	padding:2px 2px 2px 5px;
	float:left;
}
td.allgemein-ueber-uebersicht {
	background:#eeeeee;
	padding:2px 2px 2px 5px;
	border-left: 1px solid #111111;
	border-top:1px solid #111111;
	border-bottom:1px solid #111111;
}
td.art-ueber-uebersicht-end {
	background:#eeeeee;
	padding:2px 2px 2px 5px;
	border: 1px solid #111111;

}

td.uebersicht-bezeichnung {
width:100px;
border-bottom:1px solid #cccccc;
padding:2px;
}

td.uebersicht-bild {
width:100px;
border-bottom:1px solid #cccccc;
padding:2px;
}
td.uebersicht-nummer {
width:80px;
border-left: 1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding-left:5px;
text-align:center;
}
td.uebersicht-nummer a{
text-decoration:none;
}

td.uebersicht-allgemein{
border-left: 1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 0 2px 0 5px;
}
td.uebersicht-allgemein-center{
border-left: 1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding: 0 2px 0 2px;
text-align:center
}

td.uebersicht-preis {
width:170px;
border-left: 1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding-left:2px;
padding-right:2px;
}

#info-text {
	background: #FFF0F0;
	margin:2px;
	text-align:center;
	padding-top: 3px;
	padding-bottom:3px;
	border: #111111 1px solid;
}


#close20px{
width:24px;
height:24px;
background:url(/templates/udo_esser/img/close_20x20px.gif) no-repeat;
}

#ok20px{
width:24px;
height:24px;
background:url(/templates/udo_esser/img/ok_20x20px.gif) no-repeat;
}
#preis-border{
width:160px;
}

#preis-ueber-netto{
font-size:10px;
color:#CC0000;
background-color:#FFF0F0;
text-align: right;
padding:2px 1px 2px 0;
}
#preis-ueber-brutto{
font-size:11px;
color: #003399;
background-color:#DFEFFF;
text-align: right;
padding:2px 1px 2px 0;
}
#versand-preis-uebersicht  {
float:left;
width:130px;
padding:2px 0 2px 2px;
}
#versand-preis-uebersicht  a{
color: #CC0000;
text-decoration:none;
}
#zumartikel-preis-uebersicht  {
width:23px;
height:23px;
float:right;
margin:1px;
}




/*  Footer Stylesheet */
#footer  {
	width:100%;
}
#footer a {
color: #0033CC;
text-decoration:none;
}
#footer-zeile01  {
	width:490px;
	float:left;
	padding:4px 0 2px 3px;
}
#footer-zeile02  {
	width:180px;
	float:left;
	padding:4px 0 2px 3px;
	text-align:right;
}
#footer-zeile03  {
	width:22px;
	float:right;
	padding:2px 2px 2px 0;
}

#footer-pfeil  {
	width:22px;
	float:left;
	padding:2px 2px 2px 5px;
}
#footer-zurueck  {
	width:180px;
	float:left;
	padding:4px 0 2px 3px;
}

.clear{ 
	clear: both;
	height:5px;}

/*  ########## Ende Übersichten Allgemein ########## */

/*  ########## Anfang Stylesheet Crossmarketing ########## */

h3.crossueber {
font-size: 12px;
border-bottom: 1px #cc0000 solid;
padding:2px;
margin: 0;
background: #ffffff;
width:100%;
}

#crossartikel {
width:19%;
float:left;
padding:2px;
border-left: 1px #eee solid;
}

#crossbez {
padding-left:2px;
font-size: 10px;
}
#crossart {
float:left;
padding-left:2px;
font-size: 10px;
color:#c00;
}
#crossartnr{
float:left;
padding-left:5px;
font-size: 10px;
}
#crossbild{
text-align: center;
}


#crossfooter {
text-align: center;
font-size: 10px;
padding:2px;
margin: 0;
background: #eeeeee;
width:100%;
}
/*  ########## Anfang Stylesheet Crossmarketing ########## */



/*  ########## Anfang Stylesheet Artikelverweis ########## */
table#verweis   { border-collapse: collapse }

tr#verweis-border-bottom{ 
padding-bottom:10px;
border-bottom: 1px solid #999;
}

td#verweis-zelle{ 
padding-top:3px;
padding-bottom:3px;
vertical-align:top;
}
#verweis-zelle a, #verweis-zelle-center a{ 
text-decoration:none;
}


td#verweis-zelle-center{ 
padding-top:3px;
padding-bottom:3px;
text-align:center;
vertical-align:top;
}

h3.uebersicht-variante {
	font-size: 11px;
	padding:3px 5px 3px 5px;
	margin: 0;
	background: #EEEEEE;
	border: 1px solid #111111;
	font-weight:normal;
}
.verweis-aussen {
	width:720px;
	border: #eeeeee solid 1px;
	font-size: 11px;
	padding:2px
}
.verweis-aussen a { color: #0033CC; text-decoration: none;}
.verweis-aussen a:hover{ color: #CC0000; text-decoration: none;}

.verweis-ueberschrift {
	width:100%;
	font-size:11px;
	line-height: 14px;
	padding: 5px 0 5px 5px;
}
#verweis_ueber_haupt{
background:#F0F0F0 url(templates/udo_esser/img/hilfsgrafiken/artikelverweis/back_ueber.jpg) repeat-x;
font-size:14px;
padding: 4px 0 4px 5px;
border: 1px #ccc solid;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
}
.verweis_ueber_artikel_back{
width:100%;
background:#F0F0F0 url(http://www.office-profishop.com/templates/udo_esser/img/hilfsgrafiken/artikelverweis/back_art.jpg) repeat-x;
}
.verweis_ueber_artikel{
background:#F0F0F0 url(http://www.office-profishop.com/templates/udo_esser/img/hilfsgrafiken/artikelverweis/back_art.jpg) repeat-x;
font-size:11px;
padding: 2px 5px 2px 5px;
border: 1px #ccc solid;
border-right: none;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}

.verweis_ueber_artikel_center {
background:#F0F0F0 url(http://www.office-profishop.com/templates/udo_esser/img/hilfsgrafiken/artikelverweis/back_art.jpg) repeat-x;
text-align:center;
font-size:11px;
padding: 2px 5px 2px 5px;
border: 1px #ccc solid;
border-right: none;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}

td.verweis{
padding-left:5px;
background: #CCCCCC url(http://www.office-profishop.com/templates/udo_esser/img/back_ueber_rot_verweis.jpg) repeat-x;
height:20px;
color:#FFFFFF;
}
td.verweis-center{
padding-left:5px;
background: #CCCCCC url(http://www.office-profishop.com/templates/udo_esser/img/back_ueber_rot_verweis.jpg) repeat-x;
height:20px;
text-align:center;
color:#FFFFFF;
}
td.verweis-sw{
font-size:12px;
padding-left:5px;
background: #CCCCCC url(http://www.office-profishop.com/templates/udo_esser/img/back_ueber_sw_verweis.jpg) repeat-x;
height:24px;
color:#fff;
}
.verweis-footer {
	width:100%;
	font-size:10px;
	line-height: 14px;
	padding-top:5px;
	padding-left: 5px;
	text-align:center;
}

td.verweis-ueber-image{
width:55px;
padding:2px 0 2px 5px;
font-size:11px;
color:#000000;
border: #ffffff solid 1px;
background-color: #E79C01;
}
td.verweis-ueber-color{
padding:2px 0 2px 5px;
font-size:11px;
color:#000000;
background-color:#E79C01;
width:110px;
border-right: #FFFFFF solid 1px;
border-bottom: #FFFFFF solid 1px;
border-top: #FFFFFF solid 1px;
}
td.verweis-ueber-all{
padding:2px 0 2px 5px;
font-size:11px;
color:#000000;
background-color: #E79C01;
border-right: #FFFFFF solid 1px;
border-bottom: #FFFFFF solid 1px;
border-top: #FFFFFF solid 1px;
}
td.verweis-ueber-end{
padding:2px 0 2px 5px;
font-size:11px;
color:#000000;
background-color:#E79C01;
border-right: #FFFFFF solid 1px;
border-bottom: #FFFFFF solid 1px;
border-top: #FFFFFF solid 1px;
}

td.verweis-all{
border-right: #CCCCCC solid 1px;
border-bottom: #CCCCCC solid 1px;
padding: 2px 0 2px 2px;
}
td.verweis-all-center{
border-right: #CCCCCC solid 1px;
border-bottom: #CCCCCC solid 1px;
text-align:center;
padding:2px;
}
td.verweis-end{
border-bottom: #CCCCCC solid 1px;
padding-left:5px;
}
td.verweis-end-center{
border-bottom: #CCCCCC solid 1px;
text-align:center;
}

/*  ########## Ende Stylesheet Artikelverweis ########## */


/*  ########## Anfang Stylesheet Esselte Profishop ########## */
/*  ##########              Artikeldaten   Esselte       ########## */

table.essartikel {
	width:400px;
}
tr.essartikelddd {
background:#ddd;
}
tr.essartikeleee {
background:#eee;
}
td.essartikel5px {
	width:5px;
	height:20px;
}
td.essartikel-bez {
	width:165px;
	height:20px;
	font-weight:bold
}

/*  ##########          Ende  Artikeldaten    Esselte		########## */
 
/*  ##########          Anfang Übersichten    Esselte       ########## */

#ess-border-uebersicht{
	width:720px;
	border:#CC0000 1px solid;
}
#ess-info-text {
	background: #FFF0F0;
	margin:2px;
	text-align:center;
	padding-top: 3px;
	padding-bottom:3px;
	border: #111111 1px solid;
}

#ess-border-preis-uebersicht  {
border: #fff 1px solid;
}

#ess-netto-preis-uebersicht  {
background: #FFF0F0;
font-size:10px;
color:#CC0000;
text-align:right;
padding:2px 1px 2px 0;
}
#ess-brutto-preis-uebersicht  {
background: #DFEFFF;
font-size:11px;
color:#0033CC;
text-align:right;
padding:2px 1px 2px 0;
}
#ess-versand-preis-uebersicht  {
float:left;
width:130px;
padding:2px 0 2px 2px;
}
#ess-versand-preis-uebersicht  a{
color: #CC0000;
text-decoration:none;
}
#ess-zumartikel-preis-uebersicht  {
width:23px;
height:23px;
float:right;
margin:1px;
}

/*  ########## 			Ende Übersichten    Esselte     ########## */

/*  ##########          Anfang Übersichten    DYMO       ########## */

#dym-border-uebersicht{
	width:720px;
	border:#003399 1px solid;
}

/*  ##########          Ende Übersichten    DYMO       ########## */

/*  ##########          Anfang Übersichten    Duracell       ########## */

#dur-border-uebersicht{
	width:720px;
	border:#663300 1px solid;
}

/*  ##########          Ende Übersichten    Duracell       ########## */

/*  ##########          Anfang Übersichten    Avery Zweckform       ########## */

#ave-border-uebersicht{
	width:720px;
	border: #003399 1px solid;
}
#tekok{
width:28px;
height:106px;
background:url(/templates/udo_esser/img/ok_20x20px.gif) no-repeat;
background-position:0 30px;
float:left;
padding:1px;
border-bottom:1px solid #EAEAEA;
border-right:1px solid #EAEAEA;
}

#tekno{
width:28px;
height:106px;
float:left;
padding:1px;
border-bottom:1px solid #EAEAEA;
border-right:1px solid #EAEAEA;
}

/*  ##########          Ende Übersichten    Avery Zweckform       ########## */


/*  ##########          Anfang Übersichten    Chronoplan       ########## */

#chr-border-uebersicht{
	width:720px;
	border:#111111 1px solid;
}

#chr-info-text {
	background: #FFF0F0;
	margin:2px;
	text-align:center;
	padding-top: 3px;
	padding-bottom:3px;
	border: #111111 1px solid;
}

/*  ##########          Anfang Übersichten    Chronoplan       ########## */

/*  ##########          Anfang Übersichten    Tesa       ########## */

#tes-border-uebersicht{
	width:720px;
	border:#003399 1px solid;
}
#tes-info-text {
	background: #FFF0F0;
	margin:2px;
	text-align:center;
	padding-top: 3px;
	padding-bottom:3px;
	border: #111111 1px solid;
}
#tes-border-preis-uebersicht  {
border: #fff 1px solid;
}

#tes-netto-preis-uebersicht  {
background: #F0E6EB;
font-size:10px;
color:#CC0000;
text-align:right;
padding:2px 1px 2px 0;
}
#tes-brutto-preis-uebersicht  {
background: #E6E6FA;
font-size:11px;
color:#0033CC;
text-align:right;
padding:2px 1px 2px 0;
}
#tes-versand-preis-uebersicht  {
float:left;
width:130px;
padding:2px 0 2px 2px;
}
#tes-versand-preis-uebersicht  a{
color: #CC0000;
text-decoration:none;
}
#tes-zumartikel-preis-uebersicht  {
width:23px;
height:23px;
float:right;
margin:1px;
}
/*  ########## 			Ende Übersichten    Tesa     ########## */

/*  ##########          Anfang Übersichten Chronoplan      ########## */

#chr-border-uebersicht{
	width:720px;
	border:#000000 1px solid;
}
#chr-info-text {
	background: #EAEAEA;
	margin:2px;
	color:#990000;
	text-align:center;
	padding-top: 3px;
	padding-bottom:3px;
	border: #111111 1px solid;
}
#chr-border-preis-uebersicht  {
border: #fff 1px solid;
}

#chr-netto-preis-uebersicht  {
background: #EAE4E3;
font-size:10px;
color:#CC0000;
text-align:right;
padding:2px 1px 2px 0;
}
#chr-brutto-preis-uebersicht  {
background: #E1E1FF;
font-size:11px;
color:#0033CC;
text-align:right;
padding:2px 1px 2px 0;
}
#chr-versand-preis-uebersicht  {
float:left;
width:130px;
padding:2px 0 2px 2px;
}
#chr-versand-preis-uebersicht  a{
color: #CC0000;
text-decoration:none;
}
#chr-zumartikel-preis-uebersicht  {
width:23px;
height:23px;
float:right;
margin:1px;
}
/*  ########## 			Ende Übersichten    Chronoplan     ########## */

/*  ##########          Anfang   Topstar       ########## */

#top-border-uebersicht{
	width:720px;
	border:#000000 1px solid;
}

p.top-detail-box{
	padding:3px 0 3px 5px;
	margin:2px;
	border-bottom:1px solid #CCCCCC;
}
#top-detail-box{
	width:340px;
	float:left;
	padding:3px 0 3px 5px;
	margin:2px;
}

#top-bild-box{
	width:290px;
	margin:2px;
	float:left;
}

#top-tech-bild-box{
	width:200px;
	margin:2px;
	float:left;
	text-align:right;
}

#top-tech-box{
	width:160px;
	margin:2px;
	float:right;
}

#top-farben-box{
	margin:2px;
	float:left;
	padding-left:2px;
	width:550px;
}

#top-farben-text-box{
	width:145px;
	margin: 2px 2px 2px 10px;
	float:left;
	padding-top:25px;
	padding-right:5px;
	text-align:right;
}

td.top-bild {
	width:104px;
	margin:2px;
	padding:2px;
	border-bottom: 1px solid #ccc;
}
td.top-preis{
	margin:2px;
	padding:2px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width:170px;
}

td.top-bor-bot{
	border-bottom: 1px solid #ccc;
}
td.top-preis-end {
	margin:2px;
	padding:2px;
	border-bottom: 1px solid #ccc;
}

#top-border-preis-uebersicht  {
width:220px;
padding:3px;
}

#top-netto-preis-uebersicht  {
background: #FFE6E6;
font-size:10px;
color:#CC0000;
text-align:right;
padding:2px 1px 2px 0;
}
#top-brutto-preis-uebersicht  {
background: #ECF5FF;
font-size:11px;
color:#0033CC;
text-align:right;
padding:2px 1px 2px 0;
}
#top-versand-preis-uebersicht  {
float:left;
width:130px;
padding:7px 0 2px 2px;
}
#top-versand-preis-uebersicht  a{
color: #CC0000;
text-decoration:none;
}
#top-zumartikel-preis-uebersicht  {
width:23px;
height:23px;
float:right;
margin:1px;
}


/*  ########## 			Ende Übersichten    Topstar     ########## */

/*  ##########          Anfang Übersichten    Kopierpapier       ########## */


#kop-netto-preis-uebersicht  {
background: #FFE6E6;
font-size:10px;
color:#CC0000;
text-align:right;
padding:2px 1px 2px 0;
}
#kop-brutto-preis-uebersicht  {
background: #ECF5FF;
font-size:11px;
color:#0033CC;
text-align:right;
padding:2px 1px 2px 0;
}
#kop-versand-preis-uebersicht  {
float:left;
width:130px;
padding:7px 0 2px 2px;
}
#kop-versand-preis-uebersicht  a{
color: #CC0000;
text-decoration:none;
}
#kop-zumartikel-preis-uebersicht  {
width:23px;
height:23px;
float:right;
margin:1px;
}

/*  ########## 			Ende Übersichten    Kopierpapier     ########## */



/*		########## Menu ##########		*/
ul.navilist { list-style-type:none; margin:0px;padding:0px;}
li.maincat {padding:0px; margin: 0;}

 /*		##########Hauptkategorie ##########		*/
.maincat { list-style-type:none; margin: 0; padding: 0;}
.maincat a {font-size: 0px; color:#fff; padding: 0px; display: block; background: #eee; text-decoration: none;}
.maincat a:hover{background: #ffffff; color: #ffffff; text-decoration: none;}
.maincat a.gewaehlt{background: #eee; color: #ffffff; text-decoration: none;}
.maincat a.gewaehlt:hover{background: #eee; color: #ffffff; text-decoration: none;}

 /*		##########Unterkategorie 1 Ebene  ##########		*/
.subcatlevel1 {margin: 0; padding: 0; border-bottom: 1px solid #000000;}
.subcatlevel1 a{font-size: 11px; color:#000000; padding: 4px 5px 4px 5px; display: block; background: #eee; text-decoration: none;}  /* Schriftgröße, Farbe Schriftfarbe, Schriftabstand padding: oben rechts unten links */
.subcatlevel1 a:hover {background: #900; color: #ffffff; text-decoration: none;}
.subcatlevel1 a.gewaehlt{background: #01346B; color: #ffffff; text-decoration: none;} /* Schriftgröße, Farbe Schriftfarbe, Schriftabstand padding: oben rechts unten links */
.subcatlevel1 a.gewaehlt:hover {background: #900; color: #ffffff; text-decoration: none;}

/*		##########Unterkategorie 2 Ebene  ##########		*/
.subcatlevel2 {margin: 0; padding: 0; border-bottom: 1px solid #000000;}
.subcatlevel2 a{font-size: 11px; color:#101010; padding: 4px 5px 4px 15px; display: block; background: #C7C7C7; text-decoration: none;}
.subcatlevel2 a:hover {background: #FFCC33; color: #000000; text-decoration: none;}
.subcatlevel2 a.gewaehlt{background: #990000; color: #ffffff; text-decoration: none;}
.subcatlevel2 a.gewaehlt:hover{background: #FFCC33; color: #000000; text-decoration: none;}

/*		##########Unterkategorie 3 Ebene  ##########		*/
.subcatlevel3 { margin: 0; padding: 0; border-bottom: 1px solid #000000;}
.subcatlevel3 a{ font-size: 11px; color:#ffffff; padding: 4px 5px 4px 20px; display: block; background: #4684C1;  text-decoration: none;} /*   Hintergrundfarbe Button */
.subcatlevel3 a:hover { background: #FFCC33; color: #000000; text-decoration: none;}
.subcatlevel3 a.gewaehlt{ background: #B90000; color: #ffffff; text-decoration: none;}
.subcatlevel3 a.gewaehlt:hover{ background: #FFCC33; color: #000000; text-decoration: none;}

/*		##########Unterkategorie 4 Ebene  ##########		*/
.subcatlevel4 {margin: 0; padding: 0; border-bottom: 1px solid #000000;}
.subcatlevel4 a{font-size: 11px; color:#ffffff; padding: 4px 5px 4px 25px; display: block; background: #7CA8D3; text-decoration: none;}
.subcatlevel4 a:hover {background: #FFCC33; color: #000000; text-decoration: none;}
.subcatlevel4 a.gewaehlt{background: #FF6F6F; color: #ffffff; text-decoration: none;}
.subcatlevel4 a.gewaehlt:hover{background: #FFCC33; color: #000000; text-decoration: none;}

/*		##########Unterkategorie 5 Ebene  ##########		*/
.subcatlevel5 {margin: 0; padding: 0; border-bottom: 1px solid #000000;}
.subcatlevel5 a{font-size: 11px; color:#101010; padding: 4px 5px 4px 30px; display: block; background: #f1f1f1; text-decoration: none;}
.subcatlevel5 a:hover {background: #FFCC33; color: #000000; text-decoration: none;}
.subcatlevel5 a.gewaehlt{background: #7CA8D3; color: #ffffff; text-decoration: none;}
.subcatlevel5 a.gewaehlt:hover{background: #FFCC33; color: #000000; text-decoration: none;}

/*		##########Unterkategorie 6 Ebene  ##########		*/
.subcatlevel6 {margin: 0; padding: 0; border-bottom: 1px solid #000000;}
.subcatlevel6 a{font-size: 11px; color:#101010; padding: 4px 5px 4px 35px; display: block; background: #f1f1f1; text-decoration: none;}
.subcatlevel6 a:hover {background: #FFCC33; color: #000000; text-decoration: none;}
.subcatlevel6 a.gewaehlt{background: #BCD2E9; color: #ffffff; text-decoration: none;}
.subcatlevel6 a.gewaehlt:hover{background: #FFCC33; color: #000000; text-decoration: none;}

/*		########## manuelle Ebene ##########		*/
.manucatlevel {margin: 0; padding: 0; border-bottom: 1px solid #000000;}
.manucatlevel a{font-size: 11px; color:#000000; padding: 4px 5px 4px 5px; display: block; background: #eee; text-decoration: none;}  /* Schriftgröße, Farbe Schriftfarbe, Schriftabstand padding: oben rechts unten links */
.manucatlevel a:hover {background: #900; color: #ffffff; text-decoration: none;}
.manucatlevel a.gewaehlt{background: #01346B; color: #ffffff; text-decoration: none;} /* Schriftgröße, Farbe Schriftfarbe, Schriftabstand padding: oben rechts unten links */
.manucatlevel a.gewaehlt:hover {background: #900; color: #ffffff; text-decoration: none;}


/*		###  Anfang Edding Profishop ####		*/

.edd-ueber-top {
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height: 20px;
	color: #000000;
}
.edd-artikelnr-uebersicht {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color: #CC0000;
}
.edd-artikelnr-uebersicht-bold {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height: 18px;
	color: #CC0000;
	font-weight: bold;
}




/*		###  Ende  Edding Profishop ####		*/

/*		###  Anfang Kopierpapier Profishop ####		*/

/* Anfang Überschrift */
#kopcatueberschrift {
font-size: 12px;
font-weight: bold;
line-height: 16px; 
border-bottom: 1px #CC0000 solid;
padding-top:6px;
padding-bottom:3px;
padding-left:4px;
margin: 0;
background: #FFFFFF;
width: 720px;}
/* Ende Überschrift */

/*		###  Ende  Kopierpapier Profishop ####		*/


/*		###  anfang novus übersichten linkformatierung ####		*/

#navnovus1 a:active, #navnovus1 a:link, #navnovus1 a:visited {
font-weight: bold;
color: #000000;  
padding-left: 0px;  
text-decoration: none;}

#navnovus1 a:hover {
font-weight: bold;
color: #CC0000;   
padding-left: 0px;  
text-decoration: none;}


#navnovus2 a:active, #navnovus2 a:link, #navnovus2 a:visited {
font-weight: bold;
color: #ffffff;  
padding-left: 0px;  
text-decoration: none;}

#navnovus2 a:hover {
font-weight: bold;
color: #CC0000;   
padding-left: 0px;  
text-decoration: none;}

/*		###  ende novus übersichten linkformatierung ####		*/



/*		###  Anfang Suchabfrage Formular ####		*/

form#formular {
background: #dee;
border: 0px #6699cc solid;
width: 370px;
padding-top: 1px;
margin:0;
}

form#formularsuche{
background: #dee;
border: 0px #6699cc solid;
width: 350px;
padding-top: 1px;
margin:0;
}

form#formular fieldset {
display:block;
border: 0px solid #fff;
}
form#formular label {
clear:left;
font-size: 11px;
display:block;
color:#000;
float:left;
width: 80px;
}

form#formularsuche #labelsuche {
clear:left;
font-size: 11px;
display:block;
color:#000;
float:left;
width: 200px;
}

form#formular input {
border: 1px solid #FFFFFF;
background: #fff url(../../udo_esser/abfrage/form.gif) repeat-x center left;
padding-left:0.5em;
margin-bottom: 0;
}

form#formularsuche #inputsuche {
border: 1px solid #FFFFFF;
background: #fff url(../../udo_esser/abfrage/form.gif) repeat-x center left;
padding-left:0.5em;
margin-bottom: 0;
}

form#formular #button01 {
font-size: 11px;
color: #c00;
padding-right:0.5em;
cursor:pointer;
margin-left: 8px;
width: 60px;
height: 22px;
}

form#formularsuche #button02 {
font-size: 11px;
color: #c00;
padding-right:0.5em;
cursor:pointer;
margin-top: 8px;
width: 200px;
height: 22px;
}

form#formular legend {
font-size: 12px;
font-weight:bold;
border: 2px solid #dee;
margin-bottom: 5px;
padding:3px;
width: 320px;
background: #FFFFFF url(../../udo_esser/abfrage/form.gif) repeat-x center left;
}


/*		###  Ende Suchabfrage Formular ####		*/

/* ###  Anfang Button für Übersicht Avery Zweckform  #### */

#averybutton a { 
	display:block;
    background-image:url(http://www.office-profishop.de/templates/udo_esser/img/hilfsgrafiken/avery/hauptuebersicht/button01_off.jpg);
    width:228px; 
	height:30px;
	}
#averybutton a:hover { 
	background-image:url(http://www.office-profishop.de/templates/udo_esser/img/hilfsgrafiken/avery/hauptuebersicht/button01_on.jpg);
	}
	
#averybutton02 a { 
	display:block;
    background-image:url(http://www.office-profishop.de/templates/udo_esser/img/hilfsgrafiken/avery/hauptuebersicht/mydesign_button01_off.jpg);
    width:228px; 
	height:30px;
	}
#averybutton02 a:hover { 
	background-image:url(http://www.office-profishop.de/templates/udo_esser/img/hilfsgrafiken/avery/hauptuebersicht/mydesign_button01_on.jpg);
	}
	
#averybutton03 a { 
	display:block;
    background-image:url(http://www.office-profishop.de/templates/udo_esser/img/hilfsgrafiken/avery/hauptuebersicht/papier_button01_off.jpg);
    width:228px; 
	height:30px;
	}
#averybutton03 a:hover { 
	background-image:url(http://www.office-profishop.de/templates/udo_esser/img/hilfsgrafiken/avery/hauptuebersicht/papier_button01_on.jpg);
	}	
	
#averybutton04 a { 
	display:block;
    background-image:url(http://www.office-profishop.de/templates/udo_esser/img/hilfsgrafiken/avery/hauptuebersicht/visiten_button01_off.jpg);
    width:228px; 
	height:30px;
	}
#averybutton04 a:hover { 
	background-image:url(http://www.office-profishop.de/templates/udo_esser/img/hilfsgrafiken/avery/hauptuebersicht/visiten_button01_on.jpg);
	}

#averybutton05 a { 
	display:block;
    background-image:url(http://www.office-profishop.de/templates/udo_esser/img/hilfsgrafiken/avery/hauptuebersicht/folie_button01_off.jpg);
    width:228px; 
	height:30px;
	}
#averybutton05 a:hover { 
	background-image:url(http://www.office-profishop.de/templates/udo_esser/img/hilfsgrafiken/avery/hauptuebersicht/folie_button01_on.jpg);
	}
#averybutton06 a { 
	display:block;
    background-image:url(http://www.office-profishop.de/templates/udo_esser/img/hilfsgrafiken/avery/hauptuebersicht/karten_button01_off.jpg);
    width:228px; 
	height:30px;
	}
#averybutton06 a:hover { 
	background-image:url(http://www.office-profishop.de/templates/udo_esser/img/hilfsgrafiken/avery/hauptuebersicht/karten_button01_on.jpg);
	}

/* ###  Ende Button für Übersicht Avery Zweckform  ####	 */


/*AKTIONEN DB ABFRAGE*/
.aktion
{display:block}


/*----------------------------Suggest Styles für Ajax Suchfunktion--------------------------*/
.suggest_link {
        background-color: #FFFFFF;
		padding: 1px 6px 0px 6px;
}

.suggest_link_close{
		background-color: #FFFFFF;
		padding: 1px 6px 1px 6px;
        text-align: right;
}
		
.suggest_link_over {
        background-color: #eeeeee;
		padding: 1px 6px 0px 6px;
		cursor: pointer;
}

#search_suggest {
		width:800px;
		height:200px;
		font-size:11px;
        position: absolute;
		visibility: hidden;
		background-color: #FFFFFF;
		text-align: left;
		border: 1px solid #CC0000;
		overflow-y:scroll;
		z-index: 999;
}

.searchbox_close {
	background-image:url(../../templates/udo_esser/img/hilfsgrafiken/close_search.jpg);
	position:absolute;
	right:15px;
	top:5px;
	cursor:pointer;
	height:8px;
	width:10px;
	display:block;
	padding-bottom:2px;
}
/*----------------------------End Suggest Styles für Ajax Suchfunktion------------------------*/

/* ###  Anfang FAMILIENTEXT FORMATIERUNG TABELLE ETC. #### */
#fam-text-tab{
width:100%;
}
#fam-text{
width:99%;
}
#fam-text li{
list-style:square;
}
#fam-text ul{
padding-left:25px;
}

/* rotring */
h1.rotring {
background:url(../../templates/udo_esser/img/hilfsgrafiken/rotring/ueber_description.jpg);
color:#FFFFFF;
font-size:16px;
padding-left:5px; 
padding-top:8px; 
height:21px;
margin:0;
}
#rotring-main-description{
background:url(../../templates/udo_esser/img/hilfsgrafiken/rotring/main_description.jpg);
}
#rotring-footer-description{
background:url(../../templates/udo_esser/img/hilfsgrafiken/rotring/footer_description.jpg);
height:8px;
}
/* rotring */

/* parker */
h1.parker {
background:url(../../templates/udo_esser/img/hilfsgrafiken/parker/parker_ueber_description.jpg);
color:#000000;
font-size:16px;
padding-left:12px; 
padding-top:60px; 
height:11px;
margin:0;
}
#parker-main-description{
background:url(../../templates/udo_esser/img/hilfsgrafiken/parker/parker_main_description.jpg);
}
#parker-footer-description{
background:url(../../templates/udo_esser/img/hilfsgrafiken/parker/parker_footer_description.jpg);
height:13px;
}
/* parker */

/* sigel */
h1.sigel {
color:#111;
font-size:16px;
padding-left:15px; 
padding-top:20px; 
height:21px;
margin:0;
}
h1.sigel-in {
width:720px;
border-bottom: 1px solid #009933;
color:#111;
font-size: 14px;
margin:0 0 0 15px ;
}
/* sigel */

/* Avery */
h1.avery {
color:#111;
font-size:14px;
padding: 5px 0 5px 5px;
margin:0;
}
h3.avery-in {
width:720px;
border-bottom: 1px solid #009933;
color:#111;
font-size: 12px;
margin:0 0 0 15px ;
}
/* Avery */

/* ###  ENDE FAMILIENTEXT FORMATIERUNG TABELLE ETC. #### */


/* ###  Kontaktformular #### */
.contact2 {border: 0px none; background: #FFF;}

/* dahle neuen AV Übersichten */

h1.dahle {
color:#111;
font-size:14px;
padding: 5px 0 5px 5px;
margin:0;
}

td.uebersicht-allgemein-dahle-dkl{
background-color:#DDD7B5;
border-left: 1px solid #cccccc;
border-bottom:1px solid #cccccc;
height:104px;
padding: 0 2px 0 5px;
}

td.uebersicht-allgemein-dahle-hell{
background-color:#F8FCE1;
border-left: 1px solid #cccccc;
border-bottom:1px solid #cccccc;
height:104px;
padding: 0 2px 0 5px;
}

td.uebersicht-allgemein-center-dahle-dkl{
background-color:#DDD7B5;
border-left: 1px solid #cccccc;
border-bottom:1px solid #cccccc;
height:104px;
padding:2px;
text-align:center
}

td.uebersicht-allgemein-center-dahle-hell{
background-color:#F8FCE1;
border-left: 1px solid #cccccc;
border-bottom:1px solid #cccccc;
height:104px;
padding:2px;
text-align:center
}

td.uebersicht-allgemein-end-dahle-dkl{
background-color:#DDD7B5;
border-right: 1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-left: 1px solid #cccccc;
height:104px;
padding:2px;
text-align:center
}

td.uebersicht-allgemein-end-dahle-hell{
background-color:#F8FCE1;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom:1px solid #cccccc;
height:104px;
padding:2px;
text-align:center
}

td.uebersicht-preis-dahle-dkl {
background-color:#DDD7B5;
width:170px;
vertical-align:bottom;
border-left: 1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
padding-left:2px;
padding-right:2px;
}

td.uebersicht-preis-dahle-hell {
background-color:#F8FCE1;
width:170px;
vertical-align:bottom;
border-left: 1px solid #cccccc;
border-bottom:1px solid #cccccc;
border-right:1px solid #cccccc;
padding-left:2px;
padding-right:2px;
}

td.uebersicht-bild-dahle-dkl {
background-color:#DDD7B5;
width:104px;
height:104px;
border-bottom:1px solid #cccccc;
padding:2px;
}

td.uebersicht-bild-dahle-hell {
background-color:#F8FCE1;
width:104px;
height:104px;
border-bottom:1px solid #cccccc;
padding:2px;
}

td.art-ueber-uebersicht-dahle {
	background-image:url(img/hilfsgrafiken/dahle/art-ueber-uebersicht.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	padding:2px 2px 2px 5px;
	border-left: 1px solid #111111;
	border-top:1px solid #111111;
	border-bottom:1px solid #111111;
	white-space:nowrap;
	
}

td.art-ueber-uebersicht-end-dahle {
	background-image:url(img/hilfsgrafiken/dahle/art-ueber-uebersicht.jpg);
	background-repeat:repeat-x;
	color:#FFFFFF;
	padding:2px 2px 2px 5px;
	border: 1px solid #111111;

}

#preis-ueber-netto-dahle{
font-size:10px;
color:#58595B;
background-color:#A4D2EA;
text-align: right;
padding:2px 1px 2px 0;
}

#preis-ueber-brutto-dahle{
font-size:11px;
color: #ffffff;
background-color:#6892A8;
text-align: right;
padding:2px 1px 2px 0;
}

#versand-preis-uebersicht-dahle  a{
color: #58595B;
text-decoration:none;
}

td.ueberschrift-dahle {
color:#6892A8;
font-size:14px;
padding:2px;
}

td.hauptinfo_z1 {
background-image:url(img/hilfsgrafiken/dahle/dahle_hauptinfo_z1.jpg);
width:300px;
height:20px;
border:0px;
}

td.hauptinfo_z2 {
background-image:url(img/hilfsgrafiken/dahle/dahle_hauptinfo_z2.jpg);
width:300px;
height:20px;
border:0px;
}

td.hauptinfo {
background-color:#6892A8;
color:#FFFFFF;
font-weight:bold;
padding:10px;
font-size:14px;
border:0px;
}
/* dahle neuen AV Übersichten */

/* Office Div Übersicht */

#officespaltenueber
{
float:left;
background-color:#eeeeee;
border:1px solid #999999;
padding:2px;
height:30px; 
text-align:center;
padding-top:10px;
}
#officespaltentech
{
float:left;
width:25%;
padding:0px;
text-align:center;
}

#officeartikelzeile
{
float:left; 
height:104px;
padding:2px;
border-bottom:1px solid #EAEAEA;
border-right:1px solid #EAEAEA;
}

/* Ende Office Div Übersicht */

/* Office Div Artikel-Verweistabellen */

#office-verweis-aussen {
	width:720px;
	border: #eeeeee solid 1px;
	font-size: 11px;
	padding:2px
}

#office-verweis-ueber-haupt{
background:#F0F0F0 url(templates/udo_esser/img/hilfsgrafiken/artikelverweis/back_ueber.jpg) repeat-x;
font-size:14px;
padding: 4px 0 4px 5px;
border: 1px #ccc solid;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
}

#office-verweis-ueber-artikel{
background:#F0F0F0 url(http://www.office-profishop.com/templates/udo_esser/img/hilfsgrafiken/artikelverweis/back_art.jpg) repeat-x;
font-size:11px;
padding: 2px 5px 2px 5px;
border: 1px #ccc solid;
border-right: none;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
}

#office-verweis-zeile
{
border-left:1px solid #999999; 
border-right:1px solid #999999; 
border-bottom:1px solid #999999;
}

#office-verweiszelle-noborder
{
float:left; 
padding: 3px 5px 3px 5px;
}

#office-verweiszelle-h50-borderright
{
float:left; 
border-right:1px solid #999999;
padding: 3px 5px 3px 5px;
}

#office-verweiszelle-h50-noborder
{
float:right; 
padding: 20px 5px 3px 5px;
}

#office-verweiszelle-h75-borderright
{
float:left; 
height:75px;
border-right:1px solid #999999;
padding: 3px 5px 3px 5px;
}

#office-verweiszelle-h75-noborder
{
float:left; 
height:75px;
padding: 3px 5px 3px 5px;
}

#verweis-zelle a, #verweis-zelle-center a{ 
text-decoration:none;
}

#office-verweis-in-warenkorb {
background-image:url(nimmdiesegrafik.gif); 
width:118px; 
border:1px solid #ddd;
}

#office-verweis-staffel-ueber{
background:#F0F0F0 url(templates/udo_esser/img/hilfsgrafiken/artikelverweis/back_ueber.jpg) repeat-x;
font-size:10px;
padding: 2px;
}
/* Office Div Artikelverweistabellen */



/*-----------------------------style business-----------------------------*/

#sigel_style_header
{
background:url(img/hilfsgrafiken/sigel/style_business/images/header.jpg) repeat-x; 
width:740px; 
height:357px
}

.sigel_style_familientext
{
padding-left:40px; 
padding-top:205px; 
font-family: Arial, Helvetica, sans-serif;
color:#626262; 
line-height:19px; 
font-size:12px;
}

#sigel_style_navi
{
background:url(img/hilfsgrafiken/sigel/style_business/images/produkte.jpg) repeat-x; 
height:240px; 
width:740px;
}

#sigel_style_navi_2
{
background:url(img/hilfsgrafiken/sigel/style_business/images/produkte2.jpg) repeat-x; 
height:240px; 
width:740px;
}

#sigel_style_navi_3
{
background:url(img/hilfsgrafiken/sigel/style_business/images/produkte3.jpg) repeat-x; 
height:240px; 
width:740px;
}

#sigel_style_navi_ueber
{
width:175px; 
height:240px; 
float:left;
}

p.sigel_style_cell, p.sigel_style_contacts, p.sigel_style_notes, p.sigel_style_info, p.sigel_style_desk
{
font-family: Arial, Helvetica, sans-serif; 
color:#626262; 
line-height:19px; 
font-size:12px; 
padding: 150px 0 0 5px;
margin:0;
}
   
#sigel_style_subnavi
{
height:240px;
width:740px
} 

.sigel_style_subnavi_ueber{
height:280px; 
float:left; 
border-right:1px dashed #626262;
}

#navigation ul li a{
color:#909090;
}

#sigel_style_subnavi ul li a:hover{
color:#640000;
}

.sigel_business_border
{ 
border:none;
border-top:1px dashed #999999;
/*padding:0 0 5px 0;*/
height:1px;
width:695px;
margin: 10px 20px 10px 20px;
}

#header_eye_style
{
background:url(img/hilfsgrafiken/sigel/style_business/images/header_eye_style.jpg) repeat-x; 
width:740px; 
height:357px;
z-index:100;
}

#header_cat_text{
height:36px;
	width:429px;
	position: absolute;
	display:inline;
	z-index:101;
	top:300px;
	left:255px;
	padding: 8px 0 0 30px;
	color:#fff;
	font-size:16px;
	font-style:italic;
}

#avery_header{
width:740px; 
height:100px;
}

#sigel_business_content{
padding:20px 0 0 0;
}
	
.hreflink a
{
color:#990000;
text-decoration:none;
font-weight:bold;
}

.hreflink
{
color:#626262;
text-decoration:none;
font-weight:bold;
}

.hreflink a:hover,a:active
{color:#990000;
outline:none;}

.sigel_style_subnavi_ueber a{ 
color:#FFFFFF;
outline:none;
text-decoration:none;}

.sigel_style_subnavi_ueber a:hover{ 
color:#CFCFCF;
outline:none;
text-decoration:none;}

#sigel_picture_box{
width:100px; 
float:left;
margin:0 20px 0 20px;
border:1px solid #CCCCCC;}

#sigel_artnr_box{
background-color:#CCCCCC; 
width:100px; 
height:auto;
}

#sigel_beschreibung_box{
width:340px; 
float:left; 
padding-top:10px;
padding-right:5px;
}

#sigel_beschreibung_box_zeile{
width:120px; 
float:left;
}

#sigel_beschreibung_box_zeile2{
width:175px; /*220px*/
float:left;
}

#sigel_preis_box{
width:220px; 
height:150px; 
float:left; 
padding:10px 0 0 10px; 
background-color:#f4f4f4; 
color:#626262;
}

#sigel_preis_box_zeile1{
width:50px;
float:left;
}

#sigel_preis_box_zeile2{
width:160px;
float:left;
}

#sigel_preis_box_farbe{
width:100%;
float:left;}

#sigel_pfeil{
height:16px;
width:16px;
float:left;}


.uebersicht_familientext
{
padding-left:20px; 
padding-top:20px; 
font-family: Arial, Helvetica, sans-serif;
color:#626262; 
line-height:19px; 
font-size:12px;
}


/*SHORT DESCRIPTION*/
#short_description_zeile
{float:left;
width:200px;
padding-right: 10px;
}

.short_description_zeile_long
{
width:420px;
padding:2px 0;
}

.dym_short_description_zeile {float:left;
width:150px;
padding-right: 10px;}

.dym_short_description_box {
width:100%; 
float:left; 
padding-top:10px;
color:#000000;
}

#short_description_box{
width:100%; 
float:left; 
padding-top:10px;
color:#626262;
}

#sigel_style_business_text1, #sigel_style_business_text2 
{
width:320px;
float:left;
padding:10px 10px 0 40px;
}

#sigel_style_business_text1 p, #sigel_style_business_text2 p  
{
font-family: Arial, Helvetica, sans-serif;
color:#626262; 
line-height:20px; 
font-size:12px;
}

#parker_short_description_box{
width:100%; 
float:left; 
padding-top:10px;
color:#000000;
}

#parker_short_description_eigenschaft1
{float:left;
width:90px;
padding-right: 10px;
}

#parker_short_description_eigenschaft2
{float:left;
padding-right: 10px;
}

#parker_short_description_zeile_li
{float:left;
width:85px;
padding-right: 10px;
}

#parker_short_description_zeile_mi
{float:left;
width:20px;
padding-right: 2px;
}
#parker_short_description_zeile_re
{float:left;
width:285px;
padding-right: 10px;
}
/*---------------------WEIHNACHTSKARTENSHOP--------------------*/

#weihnachtskartenshop_header
{
background:url(img/hilfsgrafiken/weihnachtskarten/startseite/header.jpg) repeat-x; 
width:740px; 
height:373px
}

#weihnachtskartenshop_header2
{
background:url(img/hilfsgrafiken/weihnachtskarten/startseite/header_2.jpg) repeat-x; 
width:740px; 
height:373px
}

#weihnachstkartenshop_text1 
{
width:340px;
float:left;
padding:10px 15px 0 15px;
}

#weihnachstkartenshop_text2
{
width:340px;
float:left;
padding:10px 15px 0 15px;
}

#weihnachstkartenshop_text1 p, #weihnachstkartenshop_text2 p  
{
font-family: Arial, Helvetica, sans-serif;
color:#626262; 
line-height:20px; 
font-size:12px;
}

#navi-box
{
width:740px;
padding:0 0 0 15px;

}

#navi-box img
{
margin: 0 5px 5px 0;
}

#navi-box a
{
outline:none;
}

#navi-box2
{
width:740px;
height:auto;
_height:auto;
padding:0 0 0 15px;
}

#navi-box2 img
{margin: 0 5px 5px 0;}

#navi-box2 a
{
color:#626262;
outline:none;}


#footer_startseite{
width:705px;
height:240px;
margin-left:15px;
background-color:#D8DCE8;}

#left {
width:310px;
padding:15px 20px 0 20px;
float:left;
color:#3E3E3E;
line-height:17px;
}

#right {
width:310px; 
padding:15px 20px 0 20px;
float:left;
line-height:17px;
color:#3E3E3E;
}

#edd_weihnachtsmarker_header{
background:url(img/hilfsgrafiken/edding/weihnachtsmarker/header_edd_weihnachtsmarker.jpg) repeat-x; 
text-align:center;
width:740px; 
height:373px
}

#edd_weihnachtsmarker_anker{
width:300px;
height:auto;
float:left;
padding:0 0 0 15px;
line-height:20px;
}

#edd_weihnachtsmarker_ueberschrift{
font-size:12px;
color:#3e3e3e;
padding-left: 10px;
}

#edd_weihnachtsmarker_anker ul{
margin: 0px;
padding: 0 0 0 10px;
font-size:12px;
}

#edd_weihnachtsmarker_anker ul li{
margin: 0px;
padding: 0 0 0 10px;
}

#edd_weihnachtsmarker_anker a{
font-size:12px;
color:#AC0300;
text-decoration:none;
}

#pfeil_top{
width:700px;
color:#3e3e3e;
text-align:right;
}

/*------------------NEUER Header Aufbau--------------------*/

#sigel_style_business_header
{
background:url(img/hilfsgrafiken/sigel/style_business/images/sigel_style_business_header.jpg) repeat-x; 
width:740px; 
min-height:450px;
z-index:100;
float:left;
padding-bottom:20px;
}

#sigel_style_business_header_acrylic
{
background:url(img/hilfsgrafiken/sigel/style_business/images/header/style_busi_header_acrylic.jpg) repeat-x; 
width:740px; 
min-height:450px;
z-index:100;
float:left;
padding-bottom:20px;
}

#sigel_style_business_header_frozenacrylic
{
background:url(img/hilfsgrafiken/sigel/style_business/images/header/style_busi_header_frozen.jpg) repeat-x; 
width:740px; 
min-height:450px;
z-index:100;
float:left;
padding-bottom:20px;
}

#sigel_style_business_header_eyestyle
{
background:url(img/hilfsgrafiken/sigel/style_business/images/header/style_busi_header_eyestyle.jpg) repeat-x; 
width:740px; 
min-height:450px;
z-index:100;
float:left;
padding-bottom:20px;
}

#sigel_style_business_header_cintano
{
background:url(img/hilfsgrafiken/sigel/style_business/images/header/style_busi_header_cintano.jpg) repeat-x; 
width:740px; 
min-height:450px;
z-index:100;
float:left;
padding-bottom:20px;
}

#sigel_style_business_header_torino
{
background:url(img/hilfsgrafiken/sigel/style_business/images/header/style_busi_header_torino.jpg) repeat-x; 
width:740px; 
min-height:450px;
z-index:100;
float:left;
padding-bottom:20px;
}

#sigel_style_business_header_torino_color
{
background:url(img/hilfsgrafiken/sigel/style_business/images/header/style_busi_header_torino_c.jpg) repeat-x; 
width:740px; 
min-height:450px;
z-index:100;
float:left;
padding-bottom:20px;
}

#sigel_style_business_header_milano
{
background:url(img/hilfsgrafiken/sigel/style_business/images/header/style_busi_header_milano.jpg) repeat-x; 
width:740px; 
min-height:450px;
z-index:100;
float:left;
padding-bottom:20px;
}

#sigel_style_business_header_siena
{
background:url(img/hilfsgrafiken/sigel/style_business/images/header/style_busi_header_siena.jpg) repeat-x; 
width:740px; 
min-height:450px;
z-index:100;
float:left;
padding-bottom:20px;
}

#sigel_style_business_header_blank
{
background:url(img/hilfsgrafiken/sigel/style_business/images/header/style_busi_header_blank.jpg) repeat-x; 
width:740px; 
min-height:450px;
z-index:100;
float:left;
padding-bottom:20px;
}

.sigel_style_business_familientext
{
width:395px;
padding:175px 0 0 19px; 
font-family: Arial, Helvetica, sans-serif;
color:#626262; 
line-height:19px; 
font-size:12px;
}

#sigel_style_business_familienbild{
	float:left;
	width:200px;
	height:250px;
	margin:120px 0 0 75px;}
	
	
#header_cat_text_2{
height:36px;
	width:429px;
	position: absolute;
	display:inline;
	z-index:101;
	top:280px;
	left:255px;
	padding: 8px 0 0 30px;
	color:#fff;
	font-size:16px;
	font-style:italic;
}
	
#sigel_artnr_box2{
color:#990000;
width:100px; 
height:auto;
font-weight:bold;
}

.abstand{
	padding-bottom:5px;}

/* GUTSCHEIN EINLÖSEN IM WARENKORB */
#gift_cart { }
/* RAHMEN FÜR EINGABEFELD */
#gift_cart #input_code { padding: 15px;	background-color:#FFF2CC; border: solid #E9D28F 1px }
/* BUTTON EINLÖSEN */
#gift_cart #input_code input[type="image"] { position: relative; top: 6px; left: 5px;  }
/* ENDE - GUTSCHEIN EINLÖSEN IM WARENKORB */

/* POPUP MIT INFOS */
/* RAHMEN FÜR INFORMATIONEN */
#gift_infos { margin: 0px; padding: 10px; border: 1px solid #000; background: #FFF; display: none; position: absolute; top: 50%; left: 40%; z-index: 1; }
/* LISTE GÜLTIGER ARTIKEL UND KATEGORIEN */
#gift_infos ul.restriction_list { margin: 5px 0px 5px 40px; }
/* ENDE- POPUP MIT INFOS */