html {
  height:100.1%;
  font-size:62.5%;
}
body {
  height:100.1%;
  margin:0;
  padding:0;
  font:normal 1.2em Arial, Helvetica, sans-serif;
  color:#666666;
  background:url(images/bg_body.gif) top repeat-x;
}
input, textarea, label, select {
  font:normal 1.1em Arial, Helvetica, sans-serif;
}
img {
  border:0;
}
form {
  margin:0;
}
a {
  color:#666666;
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
}
ul {
  margin-bottom:0.6em;
  margin-top:0.6em;
  list-style-image:url(images/bullet.gif);
}
li {
  margin-top:0.5em;
  margin-left:-25px;
}
* html li {
  margin-left:-22px;
}




/* ********** Topnavigation ********** */
.top {
  position:relative;
  height:86px;
  width:900px;
  left:50%;
  margin-left:-450px;
  margin-top:20px;
  background:url(images/top_ctr.gif) repeat-x;
}
.top .lft {
  position:absolute;
  top:0;
  left:0;
}
.top .rgt {
  position:absolute;
  top:0;
  right:0;
}
.top_nav {
  position:absolute;
  top:18px;
  left:17px;
}
.top_nav a {
  font-size:0.9em;
  color:#000000;
  margin:0 5px;
}
.top_nav .dav {
  margin-bottom:-3px;
}

.find {
  position:absolute;
  right:22px;
  bottom:12px;
}
.find .button  {
  margin-bottom:-6px;
}
* html .find .button  {
  margin-bottom:-4px;
}

.teaser {
  display:block;
  position:relative;
  width:900px;
  left:50%;
  margin-left:-450px;
}



/* ********** Hauptnavigation ********** */
.nav {
  position:relative;
  height:29px;
  width:900px;
  left:50%;
  margin-left:-450px;
  overflow:hidden;
}
.nav a {
  display:block;
  float:left;
  width:180px;
  height:29px;
  text-align:center;
  padding-top:7px;
  font:bold 1.1em Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  color:#FDFDFD;
}
.nav .index {
  background:url(images/nav_index.gif);
}
.nav .kataloge {
  background:url(images/nav_kataloge.gif);
}
.nav .warenkorb {
  background:url(images/nav_warenkorb.gif);
}
.nav .login {
  background:url(images/nav_login.gif);
}
.nav .bestellen {
  background:url(images/nav_bestellen.gif);
}



/* ********** Content und Unterteilung ********** */
.content {
  position:relative;
  width:900px;
  left:50%;
  margin-left:-450px;
  background:url(images/bg_main.gif) top repeat-y;
}

.box {
  position:relative;
  float:left;
  padding:15px;
  overflow:hidden;
}
.empty {
  text-align:center;
  padding-top:18px;
  height:100px;
}

.left {
  width:150px;
  background:url(images/bg_left.gif) top no-repeat;
  font-size:0.9em;
}
.right {
  width:150px;
  background:url(images/bg_right.gif) top no-repeat;
  font-size:0.9em;
}
.center {
  width:510px;
  background:url(images/bg_center.gif) top no-repeat;
}
.leftbig {
  width:690px;
  background:url(images/bg_leftbig.gif) top no-repeat;
}
.rightbig {
  width:690px;
  background:url(images/bg_rightbig.gif) top no-repeat #FFFFFF;
}
.centerbig {
  width:870px;
  background:url(images/bg_centerbig.gif) top repeat-x #FFFFFF;
}




/* ********** Überschriften ********** */
h1 {
  font:bold 1.5em Arial, Helvetica, sans-serif;
  margin:0;
  color:#A8A8A8;
}
h2 {
  font:bold 1.4em Arial, Helvetica, sans-serif;
  margin:0;
  color:#999999;
}
h3 {
  font:bold 0.9em Arial, Helvetica, sans-serif;
  margin:0;
  color:#666666;
}

.start h1                          {color:#8BB800;}
.start h2                          {color:#7FAC00;}
.start h3 , .start .colored        {color:#688A00;}

.kataloge h1                       {color:#91A0B4;}
.kataloge h2                       {color:#8594A8;}
.kataloge h3, .kataloge .colored   {color:#57697C;}

.warenkorb h1                      {color:#BE73B6;}
.warenkorb h2                      {color:#B267AA;}
.warenkorb h3, .warenkorb .colored {color:#84227B;}

.login h1                          {color:#E5824A;}
.login h2                          {color:#D6733B;}
.login h3, .login .colored         {color:#D6733B;}

.bestellen h1                      {color:#2CAFCA;}
.bestellen h2                      {color:#20A3BE;}
.bestellen h3, .bestellen .colored {color:#00829F;}




/* ********** Inhalt ********** */
.line {
  position:relative;
  padding-top:15px;
  margin-top:15px;
  border-top:1px solid #DDDDDD;
}
.image {
  position:relative;
  float:left;
  margin-top:3px;
  padding:8px;
  border-top:1px solid #DDDDDD;
  border-right:1px solid #999999;
  border-bottom:1px solid #999999;
  border-left:1px solid #DDDDDD;
}
.text {
  position:relative;
  margin-left:170px;
}
.clear {
  clear:left;
}
.link {
  margin-right:2px;
}
.delete {
  margin-left:5px;
}
.colored {
  text-decoration:underline;
}
.list {
  padding-top:0.8em;
  display:block;
}
.notop {
  margin-top:0;
}
.order {
  display:block;
  text-align:right;
  margin-bottom:-1em;
}
.order form {
  display:inline;
  padding-left:10px;
}
* html .ie6_hgt {
  height:200px;
}




/* ********** Limiter ********** */
.limiter {
  margin-top:0.5em;
}
.limiter a {
  padding:0 0.5em;
}
.limiter a.act {
  font-weight:bold;
}




/* ********** Login ********** */
.anmeldung {
  margin-top:1em;
}
.anmeldung input {
  display:block;
}
.anmeldung .field {
  width:15em;
  margin-bottom:0.8em;
}




/* ********** BESTELLEN ********** */
.data {
  margin-top:2em;
}
.data label {
  display:block;
  margin-top:8px;
}
.data input {
  width:18em;
}
.data select {
  width:18.4em;
}
* html .data select {
  margin-top:1px;
  width:18.6em;
}
.data .shortfield {
  width:4em;
}
.data .longfield {
  width:13.6em;
}
* html .data .longfield {
  width:13.4em;
}
.data textarea {
  width:30em;
}
.data .submit {
  display:block;
  margin-top:1em;
  width:auto;
}
.data .checkbox {
  width:auto;
  margin:0 5px;
}
.data .checklabel {
  display:inline;
}



/* ********** Footer ********** */
.foot {
  position:relative;
  height:75px;
  width:900px;
  left:50%;
  margin-left:-450px;
  padding-bottom:100px;
  background:url(images/bg_btm_centerbig.gif) top no-repeat;
}