/*-- allgemeine Formatierungen --*/
html {height: 101%}
body {margin:10px 0px 10px 0px;	font-family:  Verdana, Arial, sans-serif; background: #fff; font-size: 0.75em; line-height: 1.7em; color: #555;}
form {margin: 0px; padding: 0px;}

/*-- überschriften --*/
h1, h3, h5 {font-weight:bold;}
h2, h4, h6 {font-weight:normal;}
	
h1, h2  {font-size:120%;}
h3, h4 {font-size: 100%;}
h5, h6 {font-size: 90%;}

/*-- hyperlinks --*/
a {text-decoration:underline; font-weight: bold; border: none;}

/*-- allgemeine Ausrichtungen --*/
.left {float:left;}
.right {float:right;}
.clear {clear: both;}
.center {text-align:center;}
.textleft {text-align:left; padding-left:10px;}
.textright {text-align:right; padding-right:10px;}
.transparent {background:transparent;}

#container, .copyright, .parseTime, .leftbar, #right2, div.headerlogo, .headerlogo img {display:none; }
.standard, .standardkontrast, .gross, .grosskontrast, .kontrast, .widekonstrast, .nkontrast, .large {display:none;}

/*-- div: container zentriert das layout --*/
#container2 {width: 80%; margin:0 auto 0 auto; padding:10px; border:none;}

/*-- div: inhaltsbereiche --*/
#content2 {margin:0; padding: 0; text-align:left;}

/*-- Inhalt --*/
#inhalt {border: 0px; margin: 0 0.5em 0 1.5em;	padding: 0.2em 0;}

/* bilder */
img {border:none; background:#fff;}

p.liste, p.rohrliste {margin:0; padding:0; width:100%;}
p.liste img {margin:0.2em; padding:5px; background:#fff; border:1px solid #EFF3AA;}
p.rohrliste img {margin:0.1em; padding:3px; background:#fff; border:1px solid #EFF3AA;}
p.liste img.staffel {margin:0.2em; padding:5px; background:#EFF3AA; border:1px solid #EFF3AA;}
p.liste img.staffel:hover {background:#EFF3AA; border:1px solid #6A8A0A;}

/* rahmen um die Listeneinträge*/
.borderc dl {border:1px solid #ccc;}
.borderc dd {margin-right:195px;}
.borderc dd.img {width:180px;}

div.liste dl {float:left; margin:5px auto; padding:0px; display:inline; width:98%;}
div.liste dt {margin:5px 0 0 0; padding:0px;}
div.liste h4 {margin-top:1.5em;}
div.liste dd {padding:0; margin:0 10px 0 130px;}
div.liste dd.img {float:left; padding:0; margin:10px 10px 10px 0; border-right:1px solid #ccc; text-align:center;}
div.liste dd.img img {margin:10px 5px 5px 5px; padding:5px; border:1px solid #ccc;}

.categorie dd.img img{float:left; margin:0px 1em 0px 10px; padding:5px; border:1px solid #fff;}

div.liste dd.imgborder{padding:0px; margin:0px 10px 15px 0px;}
div.liste dd.imgborder img{float:left; margin:9px 1em 10px 5px; padding:5px; border:1px solid #ccc; background:#EFF3AA;}

div.angebote{margin-bottom:2em; width:100%; float:left;}
div.startliste a, div.angebote a {font-weight:normal; }

div.startliste dl{float:left; margin:5px 10px; padding:0px; width:11em;}
div.startliste dt  {margin:0 0 5px 0; padding:0px; text-align:center; height:2.5em; line-height:1.2em; font-size:95%;}
div.startliste dd.imgborder img {padding:5px; border:1px solid #ccc; background:#EFF3AA; margin:0px;}

div.angebote dl{float:left; margin:5px; padding:0px; width:6em;}
html * div.angebote dl{float:left; margin:5px 10px; padding:0px; width:6.5em;}
div.angebote dt  {margin:0 0 5px 0; padding:0px; text-align:center; height:3em; line-height:1.2em; font-size:95%;}
div.angebote dd.img img {margin:0px; padding:5px; border:1px solid #ccc; }

div.startliste dd.imgborder, div.angebote dd.img {padding:0px; margin:0px; text-align:center;}
div.liste dd.imgborder img:focus, div.startliste dd.imgborder img:focus, div.angebote dd.img img:focus, div.liste dd.img img:focus, p.liste img:focus, p.rohrliste img:focus, #bilderliste img:focus {border:1px solid #6A8A0A; background:#fff;}
div.liste dd.imgborder img:hover, div.startliste dd.imgborder img:hover, div.angebote dd.img img:hover, div.liste dd.img img:hover, p.liste img:hover, p.rohrliste img:hover, #bilderliste img:hover {border:1px solid #6A8A0A; background:#fff;}

/* formulare */
FORM {display: inline;}
CHECKBOX, INPUT, RADIO, SELECT {}
TEXTAREA {width: 20em; height:8em; }
fieldset {margin:10px 0px 10px 0px;}
legend {font-weight:bold; padding:0 5px 0 5px;}
#products_qty {margin-bottom:4px;}

/*das Formular create_account und contact_us*/
#checkout_address p, #new_find p, #create_account p, #contact_us p, #account_edit p, #account_password p, #addressbook p, #advanced_search p{
	margin:0px;
	padding: 5px 0px 0px 0px;}

#checkout_address p label, #create_account p label, #contact_us p label, #account_edit p label, #account_password p label, #addressbook p label, #advanced_search p label{
	float:left;
	width:15em;}
	
#advanced_search p label{float:left; width:20em;}
#loginbox p, #quick_find p{margin:10px; padding:0;}
#contact_us textarea {width: 24em; height:8em;}	
	
/*Warenkorb*/
#cart th  {padding: 5px; border-bottom: 1px solid #ccc;}
#cart td  {padding: 5px; border-right: 1px solid #ccc; vertical-align:top;}

/*Bilderliste: div-Container Bilderliste ohne Staffelpreise*/
#bilderliste {margin:0px; padding:0px; float:left; text-align:center; width:140px;}
#bilderliste table {margin-top:10px; margin-right:auto; margin-left:auto;}		
#bilderliste td {text-align:right; padding:1px;}
#bilderliste img {background:#fff; padding:5px; border:1px solid #fff;}
#bilderliste img.border {margin:5px; padding:5px; background:#EFF3AA; border:1px solid #ccc;}

/*Produkte*/

#produkte {padding:0px; margin: 4em 0px 10px 155px;}		
#produkte p{margin:6px 0px;}	

/* tabelle productoptions tablelisting*/
.staffelliste, .rohrliste, .staffelpreise {border-collapse:collapse; border-spacing:0;}
	
.staffelliste {width:95%; margin-left:10px;}
.rohrliste {width:30em;	margin-left:15px;}
.staffelpreise {margin-left:15px;}
		
.staffelliste th, .staffelpreise th {border-bottom: 1px solid #666666; padding:5px 10px 2px 10px;}
.staffelpreise td, .staffelliste td {margin:0; padding:5px 10px; border-bottom:1px solid #fff;}
.staffelpreise p, .staffelliste p {margin:0; padding:0px;}
.staffelpreise a, .staffelliste a {font-weight:normal;}

.tableListingGI {background: #FFFFE8;}
.tableListingGII {background: #FFFFCC;}
.tableListingI {background: #FCFDEC;}
.tableListingII {background: #F9FBDB;}

/*bunte Tabelle für Pruefplaketten*/	
.orange, .violett, .gruen, .blau, .rot {border-bottom: 1px solid #ffffff; color: #ffffff; width:1em;}
.orange {background:#FF6600;}
.violett {background:purple;}
.gruen {background:green;}
.blau {background:blue;}
.rot {background:red;}

ul.pagenav, ul.infonav {list-style-type:none; border-top:1px solid #ccc; font-size:90%; width:90%; text-align:right; }
ul.infonav {margin-top:40px; margin-bottom:40px;}

.pagenav li, .infonav li {display:inline; padding:3px 5px;  border-right:1px solid #ccc; text-align:center; }

li.pageCurrent{background-color: #EFF3AA;}
li.pageLast {border-right:none;}