body
{
  background:#c5cc00 url(/img/body.back.png);
  font-family: Verdana, Arial, sans-serif;
  font-size:.7em;
  margin:0px;
  padding:0px;
}

#block
{
  background:#c5cc00 url(/img/block.bg.png);
  width:885px;
  height:590px;
  margin:0em auto;
  padding:30px 55px 10px 54px;
  overflow:hidden;
}


a:link,
a:visited
{
  color:#000;
  text-decoration:none;
}

a:active,
a:hover
{
  color:#0f89a9;
  text-decoration:none;
}

div.head
{
  height:94px;
  border-top:1px solid #c1c800;
}

div.head ul
{
list-style:none;
padding:0px;
margin:10px;
float:right;
width:330px;
}

div.head ul li
{

float:left;
padding: 0px 5px;

}

div.head ul li a:link, 
div.head ul li a:visited
{
  color: #000000;
  text-decoration:none;
  line-height:1.8em;
} 

div.head ul li a:active, 
div.head ul li a:hover
{
  text-decoration:underline;
}

div.head ul li a:link span,
div.head ul li a:visited span
{
  color: #0082a4;
  font-size: 1.1em;
  font-weight: bold; 
}

img
{
  border:0px;
}

h1
{
margin: 28px 0px 0px 40px;
padding:0px;
width:300px;
}


ul.menu
{
  list-style:none;
  padding:0px 0px 0px 174px;
  margin:0px;
  height:25px;
  background: #e7e7e7;
  border-bottom:1px solid #ccc; 
 }

ul.menu li
{
  font-size: 1.15em;
  float:left;
  padding: 4px 0px;
  color: #0082a4;
}

ul.menu li a:link,
ul.menu li a:visited
{
  font-weight: bold;
  color: #333;
  text-decoration:none;
  display:block;
  float:left;
  margin:0px 0px 0px 0px;
  padding:0px 20px;
}

ul.menu li a:active,
ul.menu li a:hover
{
  color: #0082a4;
}

ul.menu li a.active
{
  background:url(/img/menu.arrow.gif) no-repeat 4px 4px;
  color: #0082a4;
}

#left
{
  float:left;
  width:296px;
  height:450px;
  overflow:hidden;
}

#left .ratgeber
{
  display:block;
  margin:30px;
}

#content
{
  float:left;
  width: 589px;
  height:449px;
  overflow:auto;
}

.blue
{
  color:#0f89a9;
}

.c
{
  clear:both;
}

#content div.content
{
  width:570px;
  padding:0px 0px;
}

#content div.margin
{
  margin-left:25px;
  width:540px !important;
}

div.step1
{
  background:url(/img/reinigen.one.png) no-repeat 220px 0px;
}

div.step2
{
  background:url(/img/reinigen.two.png) no-repeat 220px 0px;
}

div.step3
{
  background:url(/img/reinigen.three.png) no-repeat 220px 0px;
}



#content div.content p 
{
  font-size:1.1em;
  margin:0em 0em 1.35em 0em;
  line-height:1.25em;
  width:80%;
}

#content div.content p strong
{
  color:#666666;
}

#content div.content h2
{
  color:#0f89a9;
  font-weight:normal;
  font-size:1.4em;
  margin:0px 0em 1em 0em;
  padding:40px 0px 0px 0px;
}

#content div.content h3 
{
  margin:1em 0em 1em 0em;
  font-size:1.2em;
}

div.product
{
  background:#f7f7db;
  padding:20px;
  width:80%;
  margin-bottom:20px;
}

h4
{
  font-size:1.2em;
  margin:1.6em 0px .3em 0px;
}

div.product h4
{
  font-size:1.2em;
  border-bottom:1px solid #0f89a9;
  color:#0f89a9; 
  margin:0px 0px 2em 0px;
}

div.product .img
{
  float:left;
  width:100px;
  margin:0px 20px 0px 0px;
}

div.product .txt
{
  float:left; 
  width:300px;
}

div.product ul
{
  list-style-type:square;
  padding:0px 0px 0px 0px;
  font-size:1.1em;
  margin:1em 0px 1em 16px;
}



div.newsletter 
{
  margin: 35px 0px 0px 45px;
  color:#333;
}

div.newsletter strong
{
  font-size: 1.1em;
  color: #0082a4;
}

div.newsletter input
{
  width:200px;
  font-size:.9em;
  font-family: Verdana, Arial, sans-serif;
  color:#333;
}

.submit
{
  background: url(img/menu.arrow.gif) no-repeat 0px 3px; 
  border:0px;
  text-align:left;
  padding:0px 0px 0px 14px;
  margin:10px 0px;
  font-family: Verdana, Arial, sans-serif;
  font-size:11px !important;
  color:#333;
}

div.info 
{
  margin:35px 0px 0px 10px;
  color:#333;
  width:275px;
  float:left;
}

div.info strong
{
  font-size: 1.1em;
  color: #0082a4;
}

div.infotext,
div.infotextPic 
{
  width:250px;
  float:left;
}

div.infotextPic
{
  width:160px;
}

.infobild
{
  float:left;
}

div.info p.subline
{
  color: #333;
  font-weight: bold;
}

div.info a:link,
div.info a:visited
{
  background: url(img/menu.arrow.gif) no-repeat 0px 3px;
  padding:0px 0px 0px 13px;
  text-decoration:none;
  color: #333;
}

#footer
{
  clear:both;
  width:765px;
  margin:0px auto;
  color:white;
  padding:6px 40px 0px 40px;
}

#footer ul
{
  float:right;
  margin:0px 0px;
  padding:0px;
  list-style:none;
}

#footer ul li a:link,
#footer ul li a:visited
{
  color:white;
  text-decoration:none;
}

#footer ul li a:active,
#footer ul li a:hover
{
  text-decoration:underline;
}


#footer ul li a span
{
  font-weight:bold;
}
