*{ margin: 0px; padding:0px;}
body { font-family: Arial; font-size: 12px; color: #1b1c20; width: 100%;}

p { padding-top: 2px; padding-bottom: 2px; }
h1 { color: #000000; font-size: 16px; padding: 2px 0px 12px 0px;}
h2 { font-size: 15px; padding: 2px 0px 5px 0px;}
h3 { font-size: 13px; padding: 2px 0px 10px 0px;}
ul { list-style: none;}
li { padding: 2px 0px 2px 0px;}
hr { border: 0px; border-top: solid 1px #000000; margin: 5px 0px 5px 0px;}
a:link, a:visited, a:active { color: #000000; text-decoration: underline;}
a:hover { text-decoration: underline;}
img { border: 0; }

.button { color: #1b1c20; font-weight: bold; background-color: #FFFFFF; border: 1px solid #7f7f7f; padding: 2px 0px 2px 0px; cursor: pointer; }
.button:hover { color: #FFFFFF; background-color: #B90311; }
.input { border: 1px solid #7f7f7f; }
.textarea { border: 1px solid #7f7f7f; font-family: Arial; font-size: 12px;}
.bild { border: solid 1px #7f7f7f; }
.disabled { background-color: #c0c0c0;}
.error {color: #FF0000; font-weight: bold;}
.gruen {color: green; font-weight: bold;}
.rot, a.rot { color: #FF0000; }
.r { text-align: right; padding: 0 2px 0 0; }
.fl { float: left; }
.fr { float: right; }
.clear { clear: both; }

#header { width: 1003px; height: 122px; background: url(header.gif) no-repeat;}
#header2 { width: 1003px; }
	#servicekreislauf { float: left; width: 355px; height: 194px; background: url(servicekreislauf.gif) no-repeat;}
	#header_box { float: left; width: 648px; height: 194px; background: url(bg_teaser.gif) no-repeat;}
	#header_box .loginbox { width: 628px; height: 21px; padding: 4px 0px 0px 20px; }
	#header_box .loginbox td, #header_box .box_angemeldet td { padding-right: 10px;}
	#header_box .box_angemeldet { width: 428px; height: 21px; padding: 4px 0px 0px 20px; float: left; }
	* html .box_angemeldet{ margin-right: -3px;} /*3px Gap */
	#header_box .warenkorbbox { float: right; width: 170px; height: 21px; padding: 4px 0px 0px 30px; background: url(icon_warenkorb.gif) no-repeat left center;}
	#header_box .teaser { width: 428px; height: 149px; float: left; padding: 10px 160px 10px 60px; }
.teaser a:link, .teaser a:visited, .teaser a:active { color: #EB3643; font-weight: bold; font-size: 14px; text-decoration: underline;}
.teaser a:hover { text-decoration: underline;}
#menue { clear: left; width: 1003px; height: 28px; background: url(bg_menue.gif) repeat-x;}
#menue .menue_entry { height: 28px; width: 135px; float: left; text-align: center;}
#menue .menue_entry_a { height: 28px; width: 135px; float: left; background: url(bg_menue_a.gif) repeat-x; text-align: center;}
#menue .menue_entry_wide{ height: 28px; width: 170px; float: left; text-align: center;}
#menue .menue_entry_wide_a { height: 28px; width: 170px; float: left; background: url(bg_menue_a.gif) repeat-x; text-align: center;}
#menue .menue_hyphen { height: 28px; float: left; width: 2px; background:  url(bg_menue_hyphen.gif) no-repeat; }
#menue a:link, #menue a:visited, #menue a:active { display: block; height: 25px; color: #FFFFFF; text-decoration: none; padding: 3px 0px 0px 0px; font-size: 14px; font-weight: bold;}
#menue a:hover { background: url(bg_menue_a.gif) repeat-x; }

/* 
1 Content + Right
2 Navi + Content 
*/
#main { width: 1004px; background: url(bg_main.gif) repeat-y; height: auto; }
#main2 { width: 1004px; }
#main_3spalten { width: 1004px; background: url(bg_spalteschmal.gif) repeat-y; height: auto; }
#navi { width: 200px; float: left; background-color: #dedfe1; padding: 10px; }
#menue_automotive { width: 200px; font-size: 10px; padding-top: 10px;}
#menue_automotive ul { list-style-image: url(icon_liste.gif); margin-left: 5px; }
#menue_automotive li { list-style-image: none; background: url(icon_liste.gif) no-repeat left 5px; padding-left: 15px; }
#menue_automotive li.artikelebene2 { padding-left: 16px; margin-left: 20px; list-style-image: none; background: url(icon_liste2.gif) no-repeat left 5px;}
#menue_automotive li.artikelebene3 { padding-left: 16px; margin-left: 30px; list-style-image: none; background: url(icon_liste2.gif) no-repeat left 5px;}
#menue_zweirad { width: 200px; font-size: 10px; padding-top: 10px;}
#menue_zweirad ul { list-style-image: none; }
#menue_zweirad li { background: url(icon_liste.gif) no-repeat left 5px; padding-left: 15px; }

#content { width: 678px; float: left; padding: 20px 10px 30px 30px; }
#content2 { width: 743px; float: left; padding: 20px 10px 30px 30px; }
#content3 { width: 963px; float: left; padding: 20px 20px 30px 20px; }
#content_3spalten  { width: 510px; float: left; padding: 20px 40px 30px 20px; }
	#content2 ul { margin: 0 0 0 5px; }
	#content2 li { margin: 0 0 0 20px; list-style: disc; }
#info { float: right; width: 190px; padding: 5px; margin: 0px 0px 10px 10px; background: #f7f7f7; border: 1px solid #7f7f7f;}
#right { width: 255px; float: right; padding: 20px 10px 30px 20px }
	#right h2 { font-size: 18px; line-height: 20px; font-weight: bold; padding: 0 0 20px 0; }
	#right #news_runner { width: 255px; height: 450px; overflow: hidden; }
	#right_3spalten { width: 194px; float: right; padding: 20px 10px 30px 10px; }
#footer { width: 963px; clear: both; height: 27px; background: #3e6a87; color: #FFFFFF; font-size: 13px; padding: 8px 20px 0px 20px;}
#footer_text { text-align: left;}
#footer_navi { float: right;}
#footer a:link, #footer a:visited, #footer a:active { color: #FFFFFF; text-decoration: none; font-size: 13px;}
#footer a:hover { text-decoration: underline;}

table.katalog td{ padding-right: 10px; padding-top: 10px;}
table.tab td{ padding: 5px 5px 5px 0px; border: 0px ! important; } 
table.tab2 td{ padding: 2px 4px 2px 0px; }
table.tab_right { max-width: 192px; }
table.tab_right td{ padding: 5px 5px 5px 0px; }
table.tab_reisekosten { border-collapse: collapse;}
table.tab_reisekosten td { border: 1px solid #000000; padding: 5px 5px 5px 5px;}

.kurznavi { width: 262px; float: right; }
.kurznavi .head { width: 262px; height: 34px; background: url(kurznavi.gif) no-repeat top; }
.kurznavi .navi { width: 257px; padding: 2px 0 0 1px; border-left: 2px solid #2b4a5e; border-right: 2px solid #2b4a5e; border-bottom: 2px solid #2b4a5e;}
.kn_auto { display: block; float: left; width: 128px; height: 77px; margin: 0 1px 1px 0; background: url(kurznavi_auto.gif) no-repeat;}
.kn_auto:hover { background: url(kurznavi_auto_a.gif) no-repeat;}
.kn_felge { display: block; float: left; width: 127px; height: 77px; margin: 0 0 1px 0; background: url(kurznavi_felge.gif) no-repeat;}
.kn_felge:hover { background: url(kurznavi_felge_a.gif) no-repeat;}
.kn_bz { display: block; float: left; width: 128px; height: 77px; margin: 0 1px 1px 0; background: url(kurznavi_bz.gif) no-repeat;}
.kn_bz:hover { background: url(kurznavi_bz_a.gif) no-repeat;}
.kn_zweirad { display: block; float: left; width: 127px; height: 77px; margin: 0 0 1px 0; background: url(kurznavi_zweirad.gif) no-repeat;}
.kn_zweirad:hover { background: url(kurznavi_zweirad_a.gif) no-repeat;}
.kn_arbeitskleidung { display: block; float: left; width: 128px; height: 77px; margin: 0 1px 1px 0; background: url(kurznavi_arbeitskleidung.gif) no-repeat;}
.kn_arbeitskleidung:hover { background: url(kurznavi_arbeitskleidung_a.gif) no-repeat;}
.kn_baustelle { display: block; float: left; width: 127px; height: 77px; margin: 0 0 1px 0; background: url(kurznavi_baustelle.gif) no-repeat;}
.kn_baustelle:hover { background: url(kurznavi_baustelle_a.gif) no-repeat;}
.kn_werkzeug { display: block; float: left; width: 127px; height: 77px; margin: 0 0 1px 0; background: url(kurznavi_werkzeug.gif) no-repeat;}
.kn_werkzeug:hover { background: url(kurznavi_werkzeug_a.gif) no-repeat;}
.kn_gebr { display: block; float: left; width: 128px; height: 77px; margin: 0 1px 1px 0; background: url(kurznavi_gebr.gif) no-repeat;}
.kn_gebr:hover { background: url(kurznavi_gebr_a.gif) no-repeat;}


/*Artikel Übersicht */
.artikel td { padding: 5px 5px 5px 0px; }
.zeile1{ background-color: #DBDBDB;}
.zeile2{ background-color: #FFFFFF;}
.zeile3{ background-color: #FFFF33;}
.zeile4{ background-color: #FF9900;}
.seiten_nav a:link, .seiten_nav a:visited, .seiten_nav a:active { display: block; padding: 4px 2px 4px 2px; width: 20px; margin: 0 2px 2px 0; border: 1px solid #3E6A87; float: left; text-align: center; text-decoration: none; }
.seiten_nav a:hover { text-decoration: none; background: #DEDFE1; }
.seiten_nav .current { background: #3E6A87; color: #fff; }

a.artikelebene1 { color: #000; font-weight: bold; text-decoration: none;}
a.artikelebene1a { color: #FC1414; font-weight: bold; text-decoration: none;}
a.artikelebene1:hover{color: #FC1414;}
a.artikelebene2 { color: #000; font-weight: normal; text-decoration: none;}
a.artikelebene2a { color: #FC1414; font-weight: normal; text-decoration: none;}
a.artikelebene2:hover{ color: #FC1414; }

.loading { display: none; width: 100px; height: 95px; text-align: center; padding-top: 20px; background: #FFFFFF; border: 1px dashed #d7d7d7; position: relative; top: -100px; left: 200px; font-weight: bold; }

#dhtmltooltip{ position: absolute; left: -300px; width: 100px; border: 1px solid black;	padding: 4px; background-color: #ffffff; visibility: hidden; z-index: 100; color: #000; font-size: 12px; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);}
#dhtmltooltip .titel { font-size: 14px; font-weight: bold;}
#dhtmlpointer{ position:absolute; left: -300px; z-index: 101; visibility: hidden;}

.vertriebskalender { width: 100%; margin: 5px 0 5px 0; border-left: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000; }
.vertriebskalender td { width: 14%; font-size: 10px; line-height: 12px; }
.vertriebskalender .header { height: 40px; padding: 0 0 0 5px; background: #3e6a87; color: #ffffff; font-size: 13px; font-weight: bold; border-bottom: 2px solid #e10020; border-right: 1px solid #000;}
.vertriebskalender .header .date { font-size: 11px; }
.vertriebskalender .wochentag { border-right: 1px solid #000; padding: 5px 0 5px 0; }
.vertriebskalender .wochentag .fr{ margin-right: 5px; }
.vertriebskalender .wochentag .vertreter td { width: auto; padding: 2px; }
.vertriebskalender .wochentag .vertreter .sortierung { width: 10px; line-height: 5px; font-size: 5px; }
.vertriebskalender .current { background: #819bb2; }

.monatskalender { width: 100%; margin: 5px 0 5px 0; border-left: 1px solid #000; border-bottom: 1px solid #000; border-top: 1px solid #000; }
.monatskalender td { font-size: 10px; line-height: 12px; }
.monatskalender .td1 { border-right: 1px solid #000; border-bottom: 1px solid #000; }
.monatskalender .header { width: 15px; height: 40px; padding: 0 0 0 5px; background: #3e6a87; color: #ffffff; font-size: 13px; font-weight: bold; border-bottom: 2px solid #e10020; border-right: 1px solid #000;}
.monatskalender .header .date { font-size: 11px; }
.monatskalender .tag { height: 25px; border-right: 1px solid #000; border-bottom: 1px solid #000; text-align: center; }

.matrix { }
.matrix ul { margin: 0 0 0 0; }
.matrix li { list-style: none; }
.matrix .ordner { background: url(icon-ordner.gif) no-repeat left 4px; padding: 2px 0 2px 15px; }
.matrix .artikel { padding: 2px 0 2px 0px; }

.typical { border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000;}
.typical td { border-top: 1px solid #000; padding: 4px; }
.typical .head { background: #606060; color: #ffffff; font-weight: bold; }


.kataloge .katalog_block{ width: 226px; height: 141px; float: left; margin: 0 0 20px 0; }
.kataloge .katalog_block .pic{ width: 100px; height: 141px; float: left; } 
.kataloge .katalog_block .link { width: 121px; height: 141px; float: left; padding: 0 0 0 5px; }