/* master.css fuer erodierbedarf.com */

/* orange 2 (Logo) = #e46418 */
/* grau = #666 */

body {
	background-color: #fff;
	color: #000;
	font-family: 'Lucida Grande', Verdana, sans-serif;
	font-size: 82%;
}

h1, h2, h3, h4, h5, h6, p, address, th, td, li, dt, dd, form, input, textarea, a {
	color: #e46418;
	font-family: 'Lucida Grande', Geneva, Verdana, sans-serif;
	line-height: 1.5em;
	}

h1 { color: #e46418; font-size: 2.1em; font-weight: bold; }
h2 { color: #e46418; font-size: 1.2em; font-weight: bold; }
h3 { color: #e46418; font-size: 1.2em; font-weight: bold; }
h4 { color: #e46418; font-size: 1.0em; font-weight: bold; }
h5, h6 { color: #e46418; font-weight: bold; font-size: 1.0em; }
p, dl, ul, ol { font-size: 1.0em; line-height: 1.5em; }

th, td { font-size: 1.0em; line-height: 1.5em; }

input, textarea { font-size: 1.0em; color: #003; }

a:link, a:visited {
	color: #e46418;
	text-decoration: none;
	font-size: 1.0em;
	}
a:hover, a:active {
	color: #333;
	text-decoration: none;
	outline: none;
	}

strong, b { color: #e46418; font-weight: bold; }
em, i { color: #e46418; font-style: italic; }
img { border: 0 none; }

hr {
	text-align: left; /*this will align it for IE*/
	margin: 0 auto 1.0em 0; /*this will align it left for Mozilla*/
	}


/* Margin und Padding bei allen Blockelementen auf Null setzen */
div { margin: 0; padding: 0; }

/* Raender, Breite, Hintergrundfarbe, etc. der Seite */
html { margin: 0; padding: 0; min-width: 980px; }

body {
	margin: 0;
	padding: 0 0 10px 0;
	background: #e46418 url(4-pixel-white.gif) repeat-y top center;
	}
body#index { background-image: none; }
	
#page {
	position: relative;
	margin: 0 auto 0 auto;
	padding: 0 0 270px 0;
	width: 980px;
	min-height: 550px;
	background: #fff url(bg-bottom-1.jpg) no-repeat bottom left;
	}
body#news #page { padding: 0 0 140px 0; }	
	
body#index #page             { background-image: url(index-bg-bottom.jpg); }
body#unternehmen #page       { background-image: url(bg-bottom-1.jpg); }
body#partner #page           { background-image: url(bg-bottom-1-2.jpg); }
body#produkte #page          { background-image: url(bg-bottom-2.jpg); }
body#produkte #page.produkte { padding-bottom: 165px; background-image: url(bg-bottom-2-2.jpg); }
body#angebote #page          { background-image: url(bg-bottom-2.jpg); }
body#standort #page          { background-image: url(bg-bottom-3.jpg); }
body#kontakt #page           { background-image: url(bg-bottom-4.jpg); }
body#impressum #page         { background-image: url(bg-bottom-5.jpg); }

body#news #page              { background-image: url(bg-bottom-2-2.jpg); }

/* Beginn Header */
#header {
	position: relative;
	padding: 0;
	width: 980px;
	height: 98px;
	background: transparent url(bg-top.jpg) no-repeat top right;
	}

body#index #header { background-image: url(index-bg-top.jpg); }
body#news #header  { background-image: url(bg-top-news.jpg); }
	
#header h1 {
	position: absolute;
	top: 0px;
	left: 702px;
	width: 130px;
	height: 98px;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	background: transparent url(bg-logo-1.jpg) no-repeat top right;
	}

body#index #header h1 { background-image: none; }
/* Ende Header */


/* Beginn Logo 2 */
#logo-2 {
	position: absolute;
	top: 98px;
	left: 697px;
	width: 143px;
	height: 116px;
	text-indent: -9999px;
	background: transparent url(bg-logo-2.jpg) no-repeat top right;
	}
/* Ende Logo 2 */


/* Beginn Menu */
#menu-top {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 702px;
	height: 98px;
	text-align: left;
	}

#menu-bottom {
	margin: 10px 0 0 69px;
	padding: 0;
	width: 600px;
	height: 17px;
	}
	
#menu-bottom a {
	display: block;
	float: left;
	height: 17px;
	}
	
#menu-bottom a#menu-1 { margin-right: 27px;	}
#menu-bottom a#menu-2 { margin-right: 25px;	}
#menu-bottom a#menu-3 { margin-right: 24px;	}
#menu-bottom a#menu-4 { margin-right: 29px;	}
#menu-bottom a#menu-5 { margin-right: 27px;	}

#menu-bottom span { display: none; }
/* Ende Menu */


/* Begin Content */
#content {
	position: relative;
	margin: 0 0 0 69px;
	padding: 40px 0 0 0;
	width: 911px;
	text-align: left;
	background-color: transparent;
	}

body#index #content {
	position: relative;
	margin: 40px 0 0 0;
	padding: 0;
	width: 980px;
	text-align: center;
	background-color: transparent;
	}

body#index #content a#logo-left {
	margin-right: 180px;
	width: 214px;
	height: 321px;
	}

body#index #content a#logo-right {
	width: 214px;
	height: 321px;
	}

body#produkte #content {
	position: relative;
	padding-top: 80px;	
	}

#content h1 {
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	}

#content h2 {
	margin: 0 0 1.0em 0;
	padding: 0;
	}

#content h3 {
	margin: 1.0em 0 0.5em 0;
	padding: 0;
	}
	
#content h4 {
	margin: 1.0em 0 0.5em 0;
	padding: 0;
	}

#content p {
	margin: 0 0 1.0em 0;
	padding: 0;
	}

  /* Beginn Submenu und zurueck zur Produktuebersicht */
#content #submenu {  /* Unternehmen/Partner */
	position: absolute;
	top: 5px;
	left: 0px;
	width: 200px;
	height: 20px;
	text-align: left;
	font-size: 1.0em;
	outline: 0px solid #00c;
	}

#content #footer-menu {
	margin: 1.0em 40px 0 0;
	}
	
#content #back-to-list-1 {
	position: absolute;
	top: 5px;
	left: 124px;
	width: 200px;
	height: 20px;
	text-align: left;
	font-size: 1.0em;
	outline: 0px solid #00c;
	}

#content #back-to-list-2 {
	float: left;
	margin-left: 630px;
	width: 200px;
	height: 20px;
	text-align: left;
	font-size: 1.0em;
	}

#content #submenu a:link,
#content #submenu a:visited,
#content #back-to-list-1 a:link,
#content #back-to-list-1 a:visited,
#content #back-to-list-2 a:link,
#content #back-to-list-2 a:visited {
	color: #666;
	}
	
#content #submenu a:hover,
#content #submenu a:active,
#content #submenu a.current,
#content #back-to-list-1 a:hover,
#content #back-to-list-1 a:active,
#content #back-to-list-2 a:hover,
#content #back-to-list-2 a:active {
	color: #e46418;
	}
  /* Ende Submenu und zurueck zur Produktuebersicht */

 /* zum Seitenanfang */
#content #top-link {
	float: right;
	margin: 0;
	padding: 0;
	width: 14px;
	height: 20px;
	text-align: right;
	}

#content ul {
	margin: 0 0 1.0em 0;
	padding: 0;
	}

#content ul li {
	margin: 0 0 0.8em 20px;
	padding: 0 0 0 1.5em;
	list-style: none;
	background: url(icon-li.gif) no-repeat 0 0.5em;
	}

#content table {
	empty-cells: show;
	padding: 0;
	}

#content table td {
	text-align: left;
	vertical-align: top;
	}
/* Ende Content */

/* Beginn Module Produkt-Liste */
body#produkte #content ul li {
	color: #666;
	}

#content div.product-intro {
	margin: 0 0 3.0em 0;
	width: 610px;
	color: #666;
	}

#content div.product-intro h3,
#content div.product-intro h4 {
	color: #e46418;
	}

#content div.product-intro p,
#content div.product-intro li,
#content div.product-intro a,
#content div.product-intro b,
#content div.product-intro strong {
/*	color: #666; */
	color: #e46418;
	}

#content table.products-overview {
	margin: 0 0 1.0em 0;
	}

#content table.products-overview td.product {
	margin: 0;
	padding: 0 10px 10px 0;
	width: 200px;
	}

#content table.products-overview td.product li {
	margin-left: 0;
	}

#content table.products-overview td.product li a:link,
#content table.products-overview td.product li a:visited {
	color: #666;
	}

#content table.products-overview td.product li a:hover,
#content table.products-overview td.product li a:active {
	color: #e46418;
	}

#content table.products-overview td.extra {
	margin: 0;
	padding: 100px 0 10px 0;
	width: 180px;
	}

#content p.productgroup-image {
	float: right;
	margin: 0 0 10px 10px;
	padding: 0;
	width: 277px;
	}

#content table.products {
	margin: 0 0 1.0em 0;
	width: 610px;
	}

#content table.products td,
#content table.products-2 td{
	margin: 0;
	padding: 0 25px 10px 0;
	color: #666;
	}

#content table.products td.product-number,
#content table.products-2 td.product-number {
	width: 160px;
	color: #e46418;  /* wird weiter unten wieder in #666 verwandelt */
	font-weight: bold;
	}

#content table.products-2 td.product-number { width: 60px; }

#content table.products td.product-text { width: 350px; }

#content table.products-2 td.product-text { width: 150px; }

#content table.products-2 td.product-text-2 { width: 200px; }

#content table.products td.product-price,
#content table.products-2 td.product-price { width: 100px; }

#content table.data {
	margin: 0 0 1.0em 0;
	}
#content table.data caption {
	margin: 0;
	padding: 1.0em 0 1.0em 0;
	text-align: left;
	color: #666;
	font-weight: bold;
	}
#content table.data tr {
	margin: 0;
	padding: 0; 
	}
#content table.data td {
	margin: 0;
	padding: 0 1.5em 0.3em 0;
	color: #666 !important; 
	line-height: 1.2em;
	}

#content dl.product {
	clear: left;
	margin: 0 0 1.0em 0;
	padding: 0;
	width: 860px;
	min-height: 120px;
	}

#content dl.product dt {
	clear: left;
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 160px;
	color: #e46418;
	font-weight: bold;
	}

#content dl.product dd.product-description {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	width: 450px;
	color: #666;
	outline: 0px solid #c00;
	}

#content dl.product dd.product-description h3,
#content dl.product dd.product-description h4,
#content dl.product dd.product-description p,
#content dl.product dd.product-description ul,
#content dl.product dd.product-description li,
#content dl.product dd.product-description b,
#content dl.product dd.product-description strong,
#content dl.product dd.product-description table td {
	color: #666;
	}

#content dl.product dd.product-description table td {
	padding-right: 10px;
	}

#content dl.product dd.product-image {
	float: left;
	margin: 0 0 10px 0;
	padding: 0;
	width: 140px;
	border: 1px solid #000;
	}

#content dl.price-on-demand {
	background: transparent url(s-preis-auf-anfrage.jpg) no-repeat bottom left;
	}

#content dl.special-offer {
	background: transparent url(s-aktionspreis.jpg) no-repeat bottom left;
	}

#content dl.top-quality {
	background: transparent url(s-top-qualitaet.jpg) no-repeat bottom left;
	}

#content dl.neueproduktlinie {
	background: transparent url(s-neueproduktlinie.jpg) no-repeat bottom left;
	}
#content dl.neuessystem {	background: url(s-neuessystem.jpg) no-repeat left bottom; }

/* Ende Module Produkt-Liste */


/* Beginn Headline Produkte */
#content #head-spannelemente,
#content #head-verbrauchsmaterial,
#content #head-maschinen {
	position: relative;
	margin: -35px 0 20px 0;
	padding: 0;
	width: 830px;
	height: 56px;
	}

#content #head-spannelemente { background: transparent url(../files/m-p-4-2-over.jpg) no-repeat top left; }
#content #head-verbrauchsmaterial { background: transparent url(../files/m-p-2-2-over.jpg) no-repeat top left; }
#content #head-maschinen { background: transparent url(../files/m-p-6-2-over.jpg) no-repeat top left; }

#content #head-spannelemente #head2,
#content #head-verbrauchsmaterial h2,
#content #head-maschinen h2 {
	position: absolute;
	margin: 0;
	padding: 0;
	top: 24px;
	left: 170px;
	width: 300px;
	}

hr.head-hr {
	margin-top: -20px;
	padding: 0;
	width: 830px;
	}
/* Ende Headline Produkte */



/* Beginn  # 14 a - Slimbox (mit fester Bildbreite, Mootools) [v.1.3] [r4] */
#content fieldset.slimbox {
	clear: both;
	margin: -2.0em 0 1.0em 170px;
	padding: 0; /* rechts kein Padding, weil die Bilder schon ein Padding haben */
	width: 600px;
	border: 0px solid #ccc;
	}

#content legend.slimbox {
	display: none;
	padding: 0;
	color: #e46418;
	font-weight: bold;
	border: none;
	}

#content div.jaosg_galerie {
	margin: 0;
	}

#content div.jaosg_galerie span {
	float: left;
	margin: 10px 10px 0 0; /* bei Bildbreite > 140 px auf 0 setzen */
	text-align: center;
	/* overflow: hidden; */
	}

#content div.jaosg_galerie span a {
	display: block;
	padding: 0;
/*	background: none; */
	background: transparent url(js/slimbox-icon-0.gif) no-repeat bottom right;
	border: 1px solid #000;
	}

#content div.jaosg_galerie span a:hover,
#content div.jaosg_galerie span a:active {
/*	background: none; */
	background: transparent url(js/slimbox-icon-1.gif) no-repeat bottom right;
	}
	
#content div.jaosg_footer {
	margin: 0.5em 0 1.0em 10px;
	font-size: 0.8em;
	color: #aaa;
	}
/* Ende  # 14 a - Slimbox (mit fester Bildbreite, Mootools) [v.1.3] [r4] */


/* Beginn Sidebar Produkte Startseite */
#sidebar {
	float: right;
	margin: 20px 40px 0 0;
	padding-bottom: 10px;
	width: 236px;
	min-height: 240px;
	background-color: #ccc;
	}

#content #sidebar h3 {
	display: block;
	margin: 0 0 0.5em 0;
	padding: 0;
	font-size: 1.0em;
	font-weight: bold;
	color: #000;
	background-color: #fff;
	}

#sidebar span {
	float: left;
	margin: 8px 8px 2px 8px;
	outline: 0px solid #c00;
	}

#sidebar span img {
	margin: 0 0 2px 0;
	}
	
#sidebar span a {
	display: block;
	margin: 0;
	padding: 0;
	font-size: 0.80em;
	}
/* Ende Sidebar Produkte Startseite */


/* Beginn Copyright */
#copyright {
	position: absolute;
	bottom: 93px;
	left: 17px;
	width: 75px;
	height: 15px;
	padding: 0;
	text-indent: -9999px;
	}
	
#copyright a {
	display: block;
	width: 75px;
	height: 15px;
	}
/* Ende Copyright */

/* Beginn Link zu KASPERZIK Werkzeugbau */
#kasperzik-werkzeugbau {
	position: absolute;
	bottom: 93px;
	left: 738px;
	width: 105px;
	height: 15px;
	padding: 0;
	text-indent: -9999px;
	overflow: hidden;
	}
	
#kasperzik-werkzeugbau a {
	display: block;
	width: 105px;
	height: 15px;
	}
/* Ende Link zu KASPERZIK Werkzeugbau */




/* Beginn Formular */
table.fieldset td {
	padding: 2px 2px 2px 0;
	}
/* Ende Formular */

	

/* Spezielle Klassen */
.hide { display: none !important; }

.missing { color: #e20020; }
.bold { font-weight: bold !important; }
.small-text { font-size: 0.8em; }

.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }

.align-top { vertical-align: top !important; }
.align-middle { vertical-align: middle !important; }
.align-bottom { vertical-align: bottom !important; }

.clear { clear: both !important; }

.img-left { margin: 0 10px 5px 0; padding: 0; }
.img-right { margin: 0 0 5px 10px; padding: 0; }

.red { color: #c00; font-weight: bold; }
.grey { color: #666 !important; }
.grey a { color: #666 !important; }
.grey a:link, .grey a:visited { color: #666 !important; }
.grey a:hover, .grey a:active { color: #e46418 !important; }