/**************************************************************************************
 * Categories overview (graphics)
 **************************************************************************************/
#main-categories .grid {
    position:relative;
    margin: 0;
    height: 370px; /*rm 25.06.11 100%; no working TODO*/
    border-top:none;
    padding: 5px 0px 0px 50px;
}

#main-categories .grid .y1 { top:0; }
#main-categories .grid .y2 { top:75px; }
#main-categories .grid .y3 { top:150px; }
#main-categories .grid .y4 { top:225px; }
#main-categories .grid .y5 { top:300px; }
#main-categories .grid .y6 { top:375px; }
#main-categories .grid .y7 { top:450px; }
#main-categories .grid .y8 { top:525px; }
#main-categories .grid .x1 { left:0; }
#main-categories .grid .x2 { left:25%; }
#main-categories .grid .x3 { left:50%; }
#main-categories .grid .x4 { left:75%; }
#main-categories .grid .x5 { left:560px; }
#main-categories .grid .x6 { left:700px; }

#main-categories .category {
  position:absolute;
	background-color: #E9E9E1; 
  border: solid 1px #BFBDAE;
/*	width: 120px;*/
  width: 24%;
	height: 68px;
	-webkit-border-radius: 4px; /* webkit */
	-moz-border-radius: 4px; /* mozilla */
	border-radius: 4px; /* opera */
  color: #333333;
}
#main-categories .category-text {
  color: #333333;
  overflow:hidden;
  /*height:40px;*/  /* 64px - 2*y padding */
  text-decoration:none;
  width:100%; /*95%;*/       /* image width = 135px, substract 2*x-padding */
  top: 50px;   /* y, x */
  text-align:center;
  position:absolute;
  cursor:pointer;
  display:block;
  z-index: 0;
}
#main-categories a.category-link:link, a.category-link:visited {
  color: #333333; /*#FF8C00;*/
}
  
#main-categories a.category:hover {
  text-decoration: none;
  background-color: #b5b5b1;
/*  border: solid 1px #BFBDAE;*/
  border: solid 1px #9d9c7c;
  color: #000000; /*#808080;*/
/*  font-weight: bold;*/
  font-size: 12px;
}

/*
 * background-pictures for categoriies overview
 */
.bg_picture {
  position:absolute;
  /*z-index: -100;*/
}
/* evt. biller online kafen zb. bei pixmac.de, pitopia.de oder bei /de.123rf.com do !gratis!, da si mir secher mam copyright, well mir bezuehlt hun an explizit erlabniss hun fir op eise website */
/* zb fir 50€ kafen mir recht fir 56 downloads ze machen !!! fashion1.png as vun de.123rf.com kopeiert !!!*/
.bg_music { background:url(images/music_n.png) center 2px no-repeat;} /* 70x40 */
.bg_books { background:url(images/books_n.png) center 5px no-repeat;} /* 70x40 */
.bg_kids   { background:url(images/kids_n.png) 50px 5px no-repeat;} /* 70x40 */
.bg_photos { background:url(images/electronics_n.png) center 5px no-repeat;} /* 70x40 */
.bg_education { background:url(images/education_n.png) center 5px no-repeat;} /* 70x40 */
.bg_fashion { background:url(images/fashion_n2.png) center 5px no-repeat;} /* 70x40 */
.bg_computers { background:url(images/computer_n.png) center 5px no-repeat;} /* 70x40 */
.bg_sports { background:url(images/sport_n.png) center 5px no-repeat;} /* 70x40 */
.bg_travel { background:url(images/travelling_n1.png) center 5px no-repeat;} /* 70x40 */
.bg_animals { background:url(images/animals_n2.png) center 5px no-repeat;} /* 70x40 */
.bg_travel { background:url(images/travelling_n1.png) center 5px no-repeat;} /* 70x40 */
.bg_gifts { background:url(images/gifts_n.png) center 5px no-repeat;} /* 70x40 */
.bg_adult { background:url(images/adult_n.png) center 5px no-repeat;} /* 70x40 */
.bg_art{ background:url(images/art_n.png) center 5px no-repeat;} /* 70x40 */
.bg_cars { background:url(images/cars_n.png) center 5px no-repeat;} /* 70x40 */
.bg_home { background:url(images/home_n1.png) center 5px no-repeat;} /* 70x40 */
.bg_gastronomy { background:url(images/gastronomy_n2.png) center 5px no-repeat;} /* 70x40 */
.bg_health { background:url(images/health_n.png) center 5px no-repeat;} /* 70x40 */
.bg_parties { background:url(images/party_n.png) center 5px no-repeat;} /* 70x40 */
.bg_finance { background:url(images/finance_n.png) center 5px no-repeat;} /* 70x40 */

/*
 * position subcategories dropdown and override lxdropdown settings
 */
#main-categories .subcategory-container {
  position: absolute;
  top: 31px;
  right: 5px;
  display: none;
}
.subcategory a {
  background-color: transparent;
  padding-left: 0px;
  color: red;
}
ul.subcategory {
 margin: 0;
 list-style-type: none;
}
ul.subcategory li {
 margin: 0;
 background-image: none;
 line-height: 1.5em;
}
ul.subcategory li a {
  display: block;
  color: #222222;
  padding-left: 5px;
  padding-right: 5px;
}
ul.subcategory li a:hover {
  text-decoration: none;
  background-color: #999999;
}

.subcategory-display h1 {
  text-align: center;
  color: #ff6e00;
	background-color: white; 
  line-height: 120%;
  font-size: 130%;
  position: absolute;
  top: 0;
  right:25px;
  width: 40%;
  z-index: 3;
  height: 85px; 
  background-position: bottom;
}
.subcategory-display ul {
  margin: 5px 10px;
  width: 50%;
}

/**************************************************************************************
 * Categories overview (list)
 **************************************************************************************/
table#categories-list td {
  vertical-align: top;
/*  text-align: justify;*/
  line-height: 130%;
}
table#categories-list a {
  color: #333333;
  font-size: 95%;
}
table#categories-list a:visited {
  color: #8a8a8a  ;
}
table#categories-list h2 {
  font-size: 110%;
  margin-bottom: 0;
  margin-top: 0.5em;
}
table#categories-list h2 a {
  color: #ff6e00;
}
table#categories-list h2 a:visited {
  color: #ff6e00;
}