/*  Title:     TD08 Home CSS          
    Creator:   cf                          
    Date:      080516                      
    Content:                               
               - Columns 
               - Various
               - Offers
               - Search User                                                 
*/

/* COLUMNS -------------------------------------------------------- */
#c1 {
  width:382px;
  float:left;
}
#c2 {
  width:200px;
  float:left;
  margin-left:18px;
}


/* VARIOUS --------------------------------------------------------- */
#online a.userListSmallItem {
 height:80px;
}
#welcomeNotLoggedIn h1 {
 background-color:#FFF;
}

#lastvisitors a.userListSmallItem {
  padding:9px 3px 2px 3px;
  text-align:center;
  width:56px;
}
#registerNow {
 display:block;
 width:203px;
 height:27px;
 margin-left:160px;
 margin-top:-23px;
 background:url(../../../media/img/design/registernow.gif) no-repeat;
}
#registerNow:hover {
 background:url(../../../media/img/design/registernow_a.gif) no-repeat;
}
#firefox img {
 float:left;
}
#news h3 {
 margin:10px 0 3px 10px;
}
#news p, #newMessage p {
 margin:0 10px 0 10px;
}
#news p a {
 background-color:#efefef;
 text-decoration:underline;
}
#news p a:hover {
 text-decoration:none;
}

/* WELCOME TEXT SHORT -------------------------------------------- */
#welcomeNotLoggedIn {
 margin:10px 10px 40px ;
}
p.welcometext {
 margin:10px;
 line-height:18px;
 font-size:12px;
 color:#666;
}

/* OFFERS --------------------------------------------------------- */
#offers {
	width:350px;
	margin-top:20px;
	margin-left:10px;
}
#offers p{
  color:#222;
  font-size:12px;
  line-height:16px;
}
#offers table {
	margin-top:10px;
}
#offers table td.image {
	padding:10px;
}
#offers table td.desc {
	color:#666;
	font-size:11px;
	padding:10px;
}
#offers table td.desc b{
	color:#333;
}

/* OFFERS --------------------------------------------------------- */
/*#searchUser form {
	padding:10px;
}
#searchUser input {
	width:160px;
}
#searchUser input[type=submit] {
	width:72px;
}*/

/* FEED --------------------------------------------------------- */
.feedItem {
 margin:5px 0 0 0;
 border-bottom:1px dotted #CCC;
 width:380px;
}
td.feedUserImg {
 padding:3px 10px 5px 10px;
 width:50px;
}
td.feedText p.date {
 font-size:10px;
 color:#999;
 margin:3px 0 5px 0;
}
td.feedText span.user {
 font-weight:bold;
 color:#333;
}

/* TRAILS  ---------------------------------------------------------- */
#trailPreview {
 margin:10px 0 0 10px;
 border-collapse:collapse;
 border-spacing:0;
 width:370px;
}
td.trailPreview {
 padding-bottom:10px;
}
#trailPreview td.tImg {
 width:90px;
 height:75px;
}
#trailPreview td.tImg a{
 display:block; 
 width:80px;
 height:60px;
 overflow:hidden;
 border:1px solid #000;
}
td.trailPreview h3 {
 margin-top:-3px;
}
td.trailPreview h3 a {
 font-size:13px; 
 text-decoration:underline;
}
td.trailPreview h3 a:hover {
 text-decoration:none;
}
td.trailPreview p.tType {
 margin:4px 0 5px 0;
 color:#333; 
 font-size:11px;
}
td.trailPreview p.tNumFavourits span.numFavorits {
 font-family:times-new-roman; 
 font-size:20px;
}
td.tCountry {
 width:20px;
}


/* EVENTS ---------------------------------------------------------- */
#eventPreviewList {
 margin:10px 0 0 10px;
 border-collapse:collapse;
 border-spacing:0;
}
#eventPreviewList td.pic {
 width:90px;
 height:90px;
}
#eventPreviewList td.pic a {
 display:block; 
 width:80px;
 height:75px;
 overflow:hidden;
 float:left;
 margin-right:10px;
 border:1px solid #000;
}
td.eventPreview {
 padding-bottom:10px;
}
td.eventPreview h3 a{
 font-size:12px;
 text-decoration:underline;
}
td.eventPreview h3 a:hover {
 text-decoration:none;
}
td.eventPreview p.info{
 margin:0px 0 5px 0;
 color:#333; 
 font-size:11px;
}
.eventPreview p.type {
 margin-bottom:3px; 
}
.eventPreview a.linkList {
 text-align:right;
 width:100px;
}
/* MARKET ENTRIES  ------------------------------------------------- */
.newMarketItem {
 border-bottom:1px dashed #CDCDCD;
 font-size:11px;
 padding:5px;
 text-align:center;
}
.newMarketItem a.pic img {
 border:1px solid #000000;
 margin:3px;
}
.newMarketItem p {
 text-align:center;
}
.newMarketItem p.user b {
 color:#333;
 font-weight:normal;
 font-size:10px;
}
.newMarketItem  p.name a{
 color:#333333;
 font-size:12px;
 font-weight:bold;
 text-align:center;
}
.newMarketItem p.info span.zustand {
 font-size:10px;
 color:#333;
}
.newMarketItem p.info span.preis {
 color:#ff6600;
 font-weight:bold;
}
/* TOP BIKES -------------------------------------------------- */
#topBikes div.mosaik div.item {
  display:block;
  /*width:98px;*/
  width:93px;
  height:80px;
  overflow:hidden;
  border:1px solid #FFF;  
  float:left; 
}
#topBikes div.mosaik div.item:hover {
  border:1px dashed #000;
}
#topBikes div.mosaik {
  /*width:215px;*/
  width:385px;
}