@CHARSET "UTF-8";

/* 12finder.com CSS design - digitalnature.ro */

*{
  margin: 0;
  padding: 0;
}

* html #wrap{
  height:100%;
}

html, body{
  height:100%;
}

body{
  font-family: Arial, Helvetica, Sans, Lucida Grande, Lucida Sans;
  font-size: 12px;
  color: #555658;
}

#wrap{
  width: 80%;
  margin: 0 auto;
  min-width: 780px;
  min-height: 100%;
}

body#home #wrap{
  width: 760px;
  min-width: 540px;
  margin: 0 auto;
}

#header-wrap{
  background: transparent url(./images/header-bg.png) no-repeat right bottom;
}

#header{
  background: transparent url(./images/header-left.png) no-repeat left bottom;
  height: 126px;
}

a#logo{
  width: 200px;
  height:103px;
  display: block;
  float: left;
}

body#home a#logo{
  background: transparent url(./images/logo.png) no-repeat left top;
  width: 290px;
  height: 150px;
  float: none;
  margin: 0 auto
}

a#logo span{
  display: none;
}

form#search{
  float: left;
  display: block;
  margin: 52px 0 0 20px;
}

body#home form#search{
  margin: 0 auto;
  float: none;
  width: 400px;
}
form#search input, form#search button{
  padding: 0 4px;
  margin: 0 4px;
}

form#search button{
  vertical-align: middle;
}

form#search input.radio{
  margin-left: 10px;
}

body#home .tags{
  margin: 20px 0;
}

#header #info{
  clear: left;
  padding: 0 18px;
  color: #fff;
  font-weight: bold;
}

.outer {
  padding-left: 220px;  /* same width as margin-left for the float-wrap div */
  padding-right: 220px; /* right column width */
  margin-top: 15px;
  min-height:400px;
  background: transparent url(./images/div-h.gif) repeat-y 218px 0px;
}

.inner {
  width: 100%;
  padding-bottom: 45px; /* padding-bottom value = total height of the footer */
  background: transparent url(./images/div-h.gif) repeat-y right 0px;
}
/* div.inner is wider than its container- div.outer, and so overlaps to the right, pushing
div.right into the proper position. IE bug expands div.outer instead, requiring a Tan hack to avoid
blowing the layout apart. */

.float-wrap {
  float: left;
  width: 100%;
  margin-left: -220px; /* same length as .outer padding-left, but negative value */
}

#content {
  float: right;
  margin-right: -220px; /* same length as .outer padding-left, negative value */
  width: 100%;
  position: relative; /* IE fix */
}

.contentWrap{
  padding: 5px;
  line-height: 150%;
}

#left {
  float: left;
  width: 210px;
  padding: 5px;
  position: relative; /* IE fix */
}
/* div.left is in div.float-wrap. when div.float-wrap is neg margined to left,
div.left is carried over into the proper position */


#right {
  float: right;
  width: 210px;
  padding: 5px;
  position: relative; /* IE fix  */
  margin-right: -220px; /* same as the right column width (width + padding), negative */
}

.entry{
  margin: 10px;
  border-bottom: 1px #C0C0C0 dashed;
}
.entry.compare img {
  margin: 5px;  
}

.entry a.head{
  font-family: Arial, "Arial Black", Helvetica, Sans, Lucida Sans;
  font-size: 150%;
  color: #fe852c;
  padding: 6px 0;
  display: block;
  text-decoration: none;
}

.entry a.head:hover{
  color: #ffbc6a;
  text-decoration: underline;
}


.entry p.link{
  color: #1d9701;
}


#footer{
  text-align: center;
}

div.ad.tr{
  margin: 6px 0;
  background: transparent url(./images/ad-tr.png) no-repeat right top;
}

div.ad.br{
  background: transparent url(./images/ad-br.png) no-repeat right bottom;
}

div.ad.tl{
  background: transparent url(./images/ad-tl.png) no-repeat left top;
}

div.ad.bl{
  background: transparent url(./images/ad-bl.png) no-repeat left bottom;
  min-height: 80px;
  display: block;
}

div.ad.content{
  padding: 10px;
}

div.ad a.head{
  font-family: Arial, Helvetica, Sans, Lucida Sans;
  font-size: 120%;
  color: #fe852c;
  padding: 6px 0;
  display: block;
  text-decoration: none;
}

div.ad a.head:hover{
  color: #ffbc6a;
  text-decoration: underline;
}

div.ad p.link{
  color: #1d9701;
  text-align: left;
}

p.link{
  text-align: left;
}

p.price{
  color: #e80505;
  font-size: 150%;
  font-weight:bold;
  text-align: right;
}

p.priceinfo{
  color: #e80505;
  text-align: right;
}


.left{
  float: left;
}

.right{
  float: right;
}

.clear { clear: both; }

button.alternative{
  border: 0;
  margin: 0;
  padding: 0;
  background: none
}

button.alternative span{
  background: transparent url(./images/submit-bg.png) no-repeat right top;
  display: block;
  height: 23px;
  min-width: 29px;
}

button.alternative span span{
  background: transparent url(./images/submit.png) no-repeat left top;
  display: block;
  height: 23px;
  min-width: 29px;
}
button.alternative span b{
  font-family: "Arial Black", Arial, Helvetica, Sans, Lucida Sans;
  display: block;
  color: #fff;
  padding-top: 1px;
  padding-left: 10px;
  padding-right: 5px;
}

/* Anpassungen von Steffen */
div.kw_cloud {
  text-align: center;
}

div.kw_cloud a, div.tags a {
  color: #fe852c;
}
div.tags a {
  letter-spacing: 0.1em;
  line-height: 20px;
  text-decoration: none;
}
div.tags a:hover {
  text-decoration: underline;
}
div.entry:hover {
  background-color: #F0F0F0;
}
#footer img {
  border: 0;
}
#footer a{
  color: #fe852c;
}
div.listing{
  color: #C0C0C0;
  text-align: center;
}
#right div a{
  color: #fe852c;
  text-decoration: none;
}
#right div a:hover{
  text-decoration: underline;
}
#right div.ad{
  text-align: left;
}
#left div a{
  color: #fe852c;
  text-decoration: none;
}
#left div a:hover{
  text-decoration: underline;
}
p.left a {
  color: #F0F0F0;
  text-decoration: underline;
}
p.left a:hover {
  color: #FFFFFF;
  text-decoration: none;
}
/* Kategoriebaum */
div.cat-tree p{
  text-align: left;
  font-weight: bold;
}
div.cat-tree a{
  color: #fe852c;
  /*letter-spacing: 0.1em;
  line-height: 20px; */
  text-decoration: none;
}
div.cat-tree a:hover{
  text-decoration: underline;
}
div.cat-tree ul {
  list-style-type: none;
}
div.cat-tree ul ul{
  list-style-image: url("images/cat-icon.png");
  padding-left: 1em;
  font-size: 16px;
}
div.cat-tree ul ul ul{
  padding-left: 1em;
  font-size: 14px;
}
div.cat-tree ul ul ul ul{
  padding-left: 1em;
  font-size: 12px;
}
div.cat-tree li.active a{
  font-weight: bold;
}
div.cat-tree li{
  border-bottom: 1px dashed #c0c0c0;
}
/* Homepage */
table.homepage {
  margin-left: 10%;
  margin-top: 5%;
  width: 80%;
}
div.cat-list a {
  display: block;
  width: 27%;
  float: left;
  padding-left: 34px;
  line-height: 160%;
}
table a {
  color: #fe852c;
  text-decoration: none;
  font-size: 16px;
}
table a:hover {
  text-decoration: underline;
}
table ol {
  margin-left: 3em;
}
table.homepage td {
  border: 1px dotted #C0C0C0;
  padding: 5px;
}
/* Kategorieicons */
div.cat-list a.cat-100471423{ background: transparent url(images/icon-dvd.png) no-repeat 0px 50% }
div.cat-list a.cat-120501{ background: transparent url(images/icon-electronics.png) no-repeat 0px 50% }
div.cat-list a.cat-169901{ background: transparent url(images/icon-travel.png) no-repeat 0px 50% }
div.cat-list a.cat-107301{ background: transparent url(images/icon-fashion.png) no-repeat 0px 50% }
div.cat-list a.cat-125301{ background: transparent url(images/icon-mobile.png) no-repeat 0px 50% }
div.cat-list a.cat-163601{ background: transparent url(images/icon-sport.png) no-repeat 0px 50% }
div.cat-list a.cat-144601{ background: transparent url(images/icon-houses.png) no-repeat 0px 50% }
div.cat-list a.cat-159001{ background: transparent url(images/icon-money.png) no-repeat 0px 50% }
div.cat-list a.cat-117901{ background: transparent url(images/icon-games.png) no-repeat 0px 50% }
div.cat-list a.cat-110001{ background: transparent url(images/icon-computers.png) no-repeat 0px 50% }
div.cat-list a.cat-134301{ background: transparent url(images/icon-household.png) no-repeat 0px 50% }
div.cat-list a.cat-100007413{ background: transparent url(images/icon-gift.png) no-repeat 0px 50% }
div.cat-list a.cat-172601{ background: transparent url(images/icon-cars.png) no-repeat 0px 50% }
div.cat-list a.cat-100334923{ background: transparent url(images/icon-baby.png) no-repeat 0px 50% }
div.cat-list a.cat-132801{ background: transparent url(images/icon-health.png) no-repeat 0px 50% }