/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
 caption, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline; 
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reset Ende */


a:link { color:#0000ff; font-family:Arial; font-size:12px; text-decoration:underline; }
a:visited { color:#0000dd; font-family:Arial; font-size:12px; text-decoration:underline; }
a:active { color:#0000ff; font-family:Arial; font-size:12px; text-decoration:underline; }
a:hover { color:#0000ff; font-family:Arial; font-size:12px; text-decoration:underline; }

html, body { font-family:Arial; font-size:12px; line-height: 16px; color: #000000; margin: 0px; padding: 0px; background: #F6F6F8;}
.page_container {width: 961px; margin: 0 auto;}
.clearer    {clear: both;}
.navi_left  {background: url(images/navi_left_small.png) no-repeat; width: 172px; float: left; min-height: 706px;}
.navi_left img  {margin: 45px auto; display: block;}
.navi_left a    {color: #FFFFFF; font-family: Arial; font-size: 13pt; text-decoration: none; font-weight: bold; line-height: 40px; display: block; text-align: center;}
.content    {width: 617px; float: left; min-height: 706px;}
.top_content{background: url(images/top_small.png) no-repeat; width: 617px; height: 82px; position: relative;}
.navi_right  {background: url(images/navi_right_small.png) no-repeat; width: 172px; float: left; min-height: 706px;}
.content_wrapper    {padding: 15px; background: #fff; min-height: 706px;}
h1.produkt  {font-size: 16px; font-weight: bold;}
h2.produkt  {font-size: 12px; font-weight: normal; border-bottom: 1px solid lightgray; margin-bottom: 15px;}
h3.produkt  {font-size: 12px; font-weight: bold; border-bottom: 1px solid lightgray; margin-bottom: 15px; margin-top: 35px;}
li {list-style-type: disc; margin-left: 35px !important; font-size: 12px; line-height: 20px;}
.content_wrapper h2.produkt {margin-top: 25px;}
.lager, .hersteller, .herstellerprodukte  {width: 100%;}
.lager tr th, .lager tr td, .hersteller tr th, .hersteller tr td, .herstellerprodukte tr th, .herstellerprodukte tr td  {font-size: 12px; text-align: left; line-height: 30px; border:1px solid #fff; padding: 0 4px 0 8px;}
.lager tr:nth-child(odd), .hersteller tr:nth-child(odd), .herstellerprodukte tr:nth-child(odd) {background: #eae9e9;}
strong, b {font-weight: bold;}
p {margin-bottom: 25px; width: 80%;}
.lager tr th:nth-child(3)   {width: 100px;}
th {font-weight: bold;}

/* Linkfarben */
a.home:hover, a.home_active {color: #A1CCED !important;}
a.produkte:hover, a.produkte_active {color: #CE7030 !important;}
a.stocklist:hover, a.stocklist_active   {color: #CE7030 !important;}
a.manufacturer:hover, a.manufacturer_active {color: #CE7030 !important;}
a.crosslist:hover, a.crosslist_active   {color: #C6472A !important;}
a.ueber:hover, a.ueber_active   {color: #E8C521 !important;}
a.kontakt:hover, a.kontakt_active   {color: #D58160 !important;}
a.anfrage:hover, a.anfrage:active   {color: #C22835 !important;}
a.impressum:hover, a.impressum_active  {color: #E3B156 !important;}


/* Farbbalken */
span#site_title  { position: absolute; left: 119px; width: 650px; padding: 4px 10px; bottom: 0px; color: #fff; text-transform: uppercase; font-size: 20px;}
span.title_home {background: url(images/title_blue.png); color: #5980bf !important;}
span.title_products {background: url(images/title_brown.png);}
span.title_crosslist {background: url(images/title_red.png);}
span.title_ueber {background: url(images/title_yellow.png);}
span.title_kontakt {background: url(images/title_beige.png);} 
span.title_anfrage {background: url(images/title_darkred.png);} 
span.title_impressum {background: url(images/title_sand.png);}

#crossliste table  tr td{
    border: 1px solid black !important;
}

#crossliste h2.produkt  {
    font-size: 15px;
    font-weight: bold;
    border-bottom: 0px;
    color: #000;
}

.index_manu tr td {
    width: 20%;
    line-height: 20px;
    vertical-align: top;
}
.index_table    {
    margin-top: 25px;
    margin-bottom: 25px;
}
.index_table  tr td  {
    vertical-align: middle;
    
}

.index_table img{
    margin-right: -25px;
}

p.index, .index_table p, .index_table2 p {width: 80%;}
h2.h_index  {
    font-weight: bold !important;
    margin-top: 10px !important;
    width: 80%;
    border-bottom: 0px;
}

h1{ font-size: 20px; 
font-weight: bold;}

.index_table2   {
    margin-top: -45px;
    margin-bottom: 45px;
}