html, body {
	height: 100%; margin: 0px; padding: 0px;
}

body {
	background: url(images/bg.png) repeat-x #dcdcdc; color: #333333; font-family: Verdana, serif; font-size: 1em; text-align: center;
}

p, h1, h2, h3, h4, ul, ol {
   margin: 0px; padding: 0px;
}

.clear {
   clear: both;
}


/* Ebenen */

#center {
   width: 955px; margin: 0px auto; padding-top: 10px;
}

#container {
   text-align: left;
}

#top {
   width: 955px; height: 50px;
}

#symbol {
   float: left; width: 40px; margin-top: 10px;
}

#domain {
   float: left; width: 350px; margin-top: 15px;
}

#topnav {
   float: right; margin-top: 15px; font-size: 0.7em;
}

#wrapper-content {
   width: 955px; background: url(images/bg-content.jpg) no-repeat 100% 0 #fff; font-size: 0.9em;
}

#wrapper-left {
  float: left; margin-top: 50px; margin-right: 20px; padding-left: 10px;
}

#mainnav {
   width: 200px; font-size: 0.8em;
}


#content {
   float: left; margin-top: 45px; width: 480px; padding-bottom: 20px;
}

#content-long {
   float: left; width: 711px; margin-top: 50px; padding-bottom: 20px; font-size: 0.9em;
}

/* Info */

#wrapper-info {
   float: right; width: 230px; margin-top: -35px; font-size: 0.9em;
}

#info {
   width: 200px; background: #fff; color: #666; font-weight: bold; border-left: 1px solid #fff; border-right: 1px solid #fff;
}

#info a {
   color: #666; text-decoration: none;
}


/* FAQ */

#faq {
   margin-bottom: 20px;
}

.faq-bild {
   margin-bottom: 10px; font-size: 0.9em;
}

.faq-bild a {
   line-height: 43px; text-decoration: none;
}

.faq-bild span {
   line-height: 43px;
}

#faq-text {
   width: 450px; height: 170px; border: 1px solid #000; margin-bottom: 20px;
}


/* Anfragekorb klein*/

#anfragekorb {
   width: 200px; margin-top: 30px; margin-bottom: 20px; border: 1px solid #aaa; background: url(images/bg-anfragekorb.png) no-repeat bottom;
}

#wrapper-anfragekorb {
   padding: 8px; font-size: 0.8em; color: #666;
}

.anfragekorbartikel {
   float: left; width: 120px;
}

.anfragekorbartikel-loeschen {
   float: right; width: 45px;
}

/* Seiten blättern */

.seitenblaettern-o, .seitenblaettern-u {
   background: #48b7ea; width: 709px; height: 16px; margin-bottom: 10px;
}

.seitenblaettern-u {
   margin: 10px 0 0 0;
}

h2 {
  margin: 0px; padding: 1px 0 0 8px; font-size: 0.8em;
}

.schraubenart {
   float: left; width: 400px;
}

.seiten {
   float: right; width: 150px; text-align: right; font-size: 0.8em; line-height: 16px;
}

.seiten p {
   float: left; width: 110px; margin: 0px; text-align: center;
}


/* Tabelle Artikelübersicht */

table {
   width: 709px; border: 1px solid #666; color: #666; border-collapse: collapse; font-size: 0.85em; margin-left: 1px;
}

table select {
   font-size: 0.8em;
}

td {
   padding: 4px; text-align: left; vertical-align: middle;
}

.hellblau {
   background: #48b7ea; color: #fff;
}

tr.normal {
   background: #fff;
}

tr.weiss {
   background: #fff; text-align: right;
}

tr.normal:hover, tr.hover {
   background: #eee;
}

.mat-nr, .norm, .durchmesser, .laenge, .guete, .kopf, .bestand, .sortiert, .loeschen {
   border: 1px solid #666; font-weight: bold;
}

.mat-nr {
   width: 115px;
}

.mat-nr

 option{
   font-weight: normal;
}
.norm {
   width: 90px;
}

.norm option{
   font-weight: normal;
}

.durchmesser {
   width: 50px;
}

.durchmesser option{
   text-align: right; font-weight: normal;
}

.laenge {
   width: 45px;
}

.laenge option{
   text-align: right; font-weight: normal;
}

.guete {
   width: 60px;
}

.guete option{
   text-align: right; font-weight: normal;
}

.kopf {
   width: 145px;
}

.kopf option{
   font-weight: normal;
}

.bestand {
   width: 75px;
}

.bestand option{
   text-align: right; font-weight: normal;
}

.sortiert {
   width: 55px;
}

.sortiert option{
   font-weight: normal;
}

.loeschen {
   width: 55px;
}


/* Detailansicht */

.detail-zurueck {
   background: #e8f5fe; width: 709px; height: 25px; margin-bottom: 20px; line-height: 25px;
}

.wrapper-zurueck {
   float: left; /*padding: 12px 0 0 10px; line-height: 8px;  */
}

.pfleil-zurueck-hellblau {
   float: left; margin: 8px 5px 0 10px;
}

.anfragekorb-hellblau {
   float: right; margin: 4px 10px 0 5px;
}

.wrapper-zurueck-anfragekorb {
   float: right; text-align: right;/* padding: 9px 10px 0 0; line-height: 14px;   */
}

.wrapper-zurueck-anfragekorb img {
   margin-left: 5px;
}


#wn-bild {
   float: left; width: 230px;
}

#wn-bild img {
   margin-left: 10px;
}

#wrapper-details {
   float: left; width: 420px;
}

#details {
   color: #666;
}

#in-warenkorb input {
   margin-right: 20px;
}

#andere-stueckzahl {
   float: left;
}

#andere-stueckzahl input {
   margin-top: 5px;
}

/* Formatierungen */

h1 {
    font-size: 1.3em; color: #ffb400;
}

h1 span {
   color: #01adff;
}


h2 {
    font-size: 1.1em; margin-bottom: 10px;
}

.schraubenart h2 {
    font-size: 0.85em;
}

h3 {
    font-size: 1.4em; margin-bottom: 10px; color: #01adff;
}

h4 {
    font-size: 1.2em; margin-bottom: 20px; color: #ffb400;
}


img {
   border: 0px;
}

p {
   margin-bottom: 8px;
}

.line {
   border: #e3e3e3; background-color: #e3e3e3; color: #e3e3e3; height: 1px; margin: 5px 0;
}

.line-dotted {
   border: none; border-top: 1px dotted #b3b3b3; background: #fff; height: 1px; margin: 0 0 8px 0;
}

.abstand10 {
   padding: 10px;
}


.fl {
   float: left;
}

.fr {
   float: right;
}

.rechts {
   text-align: right;
}


#logo h1 {
   margin: 0px;
}

.logo-h1 {
    text-indent: -5500px; display: block; overflow: hidden; width: 158px; height: 56px; background: url(images/logo.gif) no-repeat;
}

#anfragekorb h4 a {
   font-size: 1.3em; color: #c4c4c4; margin-bottom: 10px;
}

.blau {
   color: #0097de;
}

.orange {
   color: #ffb400;
}


/* Allgemein */

.abstand {
   padding: 0 5px; line-height: 21px; margin: 0px;
}

.mittig {
   line-height: 14px;
}

/* Kontaktformular */

.kontaktform fieldset {
   width: 300px; padding: 15px;
}


.kontaktform label, .kontaktform .kontaktform select, input[type=checkbox], .kontaktform input[type=radio],
.kontaktform input[type=button], .kontaktform input[type=submit] {
 cursor: pointer;
}

.kontaktform input, .kontaktform textarea {
   display: block; width: 250px; margin-top: 2px; margin-bottom: 15px; padding: 3px; border: 1px solid #aaa;
}

.submit {
   display: block; margin-top: 2px; margin-bottom: 15px; padding: 3px; border: 1px solid #aaa;
}


.kontaktform input:focus, .kontaktform textarea:focus {
 color: #000;
 background: #f0f0f0;
 border: 1px solid #c00;
}

.kontaktform .error {
   color: #f00; font-size: 0.9em;
}

.kontaktform label {
   font-weight: bold;
}

.kontaktform .dn {
   display: none;
}

/* Infofenster für sortiert */

a.infobox {
   position: relative; z-index:1; text-decoration:none;
}

a.infobox:hover {
   z-index:2; background-color:#fff;
}

a.infobox span {
   display: none;
}

a.infobox:hover span {
   display:block; position:absolute; top:-7em; left:-20em; width:22em; border: 1px solid #000; background-color:#fff; color:#666; padding: 5px; font-size: 0.8em;
}