/* CSS Document */
body {
  margin: 0 0 0 0;
  background: #cccccc;
  padding: 0 0 0 0;
  font-family:  Verdana, Helvetica;
  font-size: 11px;
  color: #666666;
  
}

input, textarea{ font-family:  Verdana, Helvetica;
  font-size: 11px;
  color: #41ad49;}

a {
  color: #666666;
  text-decoration: none;
}

a:hover.internal-link,
a:hover.internal-link-new-window,
a:hover.external-link,
a:hover.external-link-new-window,
a:hover.mail {
  border: 0px solid #41ad49;
  color: #41ad49;
}

div#wrapper {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  width: 780px;
  border: 1px solid #66CC66;
  background: #E0F0E0;
  padding: 0 0 0 0;
  text-align:left;
 
}

div.clearer {
  clear: both;
  float: none;
  margin: 0 0 0 0;
  height: 1px;
  background: #E0F0E0;
  padding: 0 0 0 0;
  font-size: 1px;
}

/******************************************************************************
 * Header
 ******************************************************************************/ 

div#header {
  margin: 0 0 0 0;
  height: 160px;
  width: 780px;
  background: #E0F0E0;
  padding: 0 0 0 0;
}
* html div#header {height: 158px;}

div#logo {
  float: left;
  margin: 0 0 0 0;
  height: 130px;
  width: 150px;
  background: #CCFFCC url(../images/logo_komplett.jpg) top left no-repeat;
  padding: 0 0 0 0;
  border-right: 1px solid #66CC66;
}
div#key {
  float: left;
  margin: 0 0 0 0;
  height: 130px;
  width: 400px;
 background: #E0F0E0 url(../images/kosmetik_brauk.jpg) top right no-repeat;
  padding: 0 0 0 0;
}
div#content_border {
  float: left;
  margin: 10px 0px 0px 10px;
  width: 215px;
  text-align: left;
 border: 0px solid #66CC66;
}

div#content_border p.bodytext {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #666666;
}

div#topmenu1 {
 clear: both;
  float: left;
  margin: 0 0 0 0;
  height: 29px;
  width: 150px;
  border-right: 1px solid #66CC66;
  border-top: 1px solid #66CC66;
  border-bottom: 1px solid #66CC66;
  background: #ffffff;
  padding: 0 0 0 0;
}
div#topmenu {
  
  float: left;
  margin: 0 0 0 0;
  height: 29px;
  width: 629px;
  border-top: 1px solid #66CC66;
  border-bottom: 1px solid #66CC66;
  background: #ffffff;
  padding: 0 0 0 0;
}

* html div#topmenu {
  width: 630px;
  padding: 5 0 0 0;
}

ul.topmenu {
  margin: 5px 0 0 17px;
  padding: 0 0 0 0;
  list-style: none;
}

* html ul.topmenu {
  margin: 1px 0 0 17px;
}

ul.topmenu li {
  float: left;
  margin: 0 20px 0 0;
  padding: 3px 0 0 0;
  text-transform: uppercase;
}

* html ul.topmenu li {
  padding: 0 0 0 0;
}

ul.topmenu li a {
  height: 18px;
  border: 0px solid #ffffff;
  padding: 1px 2px 0 2px;
  text-decoration: none;
  color: #666666;
  font-size: 11px;
  font-weight:bold;
  
}

ul.topmenu li a:hover,
ul.topmenu li.aktiv a {
  border: 0px solid #41ad49;
  
  padding: 1px 2px 0 2px;
  color: #41ad49;
  font-weight:bold;
}

/******************************************************************************
 * Content
 ******************************************************************************/ 


div#leftmenu {
  float: left;
  margin: 0 0 0 0;
  min-height: 350px;
  height: auto;

  width: 150px;
  background: #ffffff;
  padding: 0 0 0 0;
  border-right: 1px solid #66CC66;
}

* html div#leftmenu {
  height: 350px;
}

ul.leftmenu {
  margin: 34px 0 0 0;
  padding: 0 0 0 0;
}

* html ul.leftmenu {
  margin: 34px 0 0 0;
}

ul.leftmenu li {
  list-style: none;
  margin: 0 0 0 10px;
  padding: 0 0 0 0;
  line-height: 18px;
  text-align: left;
}

ul.leftmenu li a {
  height: 18px;
  border: 0px solid #ffffff;
  padding: 1px 2px 0 2px;
  text-decoration: none;
  color: #666666;
  font-size: 11px;
  font-weight:bold;
}

ul.leftmenu li a:hover,
ul.leftmenu li.aktiv a {
  color: #41ad49;
}

div#content {
  float: left;
  margin: 14px 10px 0 20px;
  width: 598px;
  background: transparent;
  padding: 0 0 0 0;
  line-height: 16px;
  background: #E0F0E0;
  font-size: 11px;
}


* html div#content {
  padding: 0 0 0 0;
  width: 588px;
}

div#content p.bodytext {
  margin: 0 0 0 0;
  padding: 5px 0 0 0;
  color: #666666;
}
div#content td {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  color: #666666;
  font-size: 11px;
}
div#content h1 {
  margin: 0 0 0 0;
  background: transparent;
  padding: 0 0 0 0;
  font-size: 13px;
  font-weight: bold;
  color: #41ad49;
}
div#content h2 {
  margin: 0 0 0 0;
  background: transparent;
  padding: 0 0 0 0;
  font-size: 12px;
  font-weight: bold;
  color: #666666;
}
div#content h3 {
  margin: 0 0 0 0;
  background: transparent;
  padding: 0 0 0 0;
  font-size: 12px;
  font-weight: bold;
  color: #41ad49;
}


div#content a,
div#content_normal a,
div#content_border a {
  color: #41ad49;
}

div.csc-textpic {
  margin: 20px 0 0 0;
}
.csc-mailform-field {

float:right;
   margin: 2px;
}

input, textarea{ font-family:  Verdana, Helvetica;
  font-size: 11px;
  color: #41ad49;
  }
.pagination{font-size: 11px;
}

div#content div.c2l1d-left,
div#content div.c2l1d-middle {
  width: 275px;
}

.extra  {

position: absolute;
	left:-2000px;
	top:140px; 
font-size : 0.4em;
}
